/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  /*font-size: 13px;*/
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.chosen-container * {
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  /*max-height: 240px;*/
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
/*.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}*/
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  /*background: transparent;*/
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
  }
}
/* @end */

/* Slider */
.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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

/**
 * Address styling not present in IE 6/7/8/9.
 */

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */ /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: pointer;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: no-repeat center center
}
/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	-webkit-perspective : 1200px;
	        perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
    z-index: 11;
  -webkit-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
/*@-webkit-keyframes fadeIn {*/
  /*0% { opacity:0; }*/
  /*100% { opacity:1; }*/
/*}*/
/*@-moz-keyframes fadeIn {*/
  /*0% { opacity:0; }*/
  /*100% { opacity:1; }*/
/*}*/
@-webkit-keyframes fadeIn {
  0% { opacity:1; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:1; }
  100% { opacity:1; }
}
/*@-webkit-keyframes fadeOut {*/
  /*0% { opacity:1; }*/
  /*100% { opacity:0; }*/
/*}*/
/*@-moz-keyframes fadeOut {*/
  /*0% { opacity:1; }*/
  /*100% { opacity:0; }*/
/*}*/
@-webkit-keyframes fadeOut {
  0% { opacity:1;  }
  100% { opacity:1;  }
}
@keyframes fadeOut {
  0% { opacity:1;  }
  100% { opacity:1;  }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@keyframes goDown {
  from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); }
}
.container {width: 1080px; text-align: center; font-size: 0; margin: 0 auto;}

[class*="col-"] {display: inline-block; font-size: 20px; vertical-align: top; position: relative;}
.col-1 {width: 360px;}
.col-2 {width: 720px;}
.col-3 {width: 1080px;}

.gutter {padding-left: 40px; padding-right: 40px;}
.gutter-left {padding-left: 40px;}
.gutter-right {padding-right: 40px;}

.container:before, .container:after {content: " "; display: table;}
.container:after {clear: both;}

/** non-HD */
@media screen and (max-width: 1179px) {
    .container {width: 930px;}
    .col-1 {width: 310px;}
    .col-2 {width: 620px;}
    .col-3 {width: 930px;}

    .md-fluid {width: 100%;}
}

/** tablet vertical */
@media screen and (max-width: 1019px) {
    .container {width: 660px;}
    .col-1 {width: 220px;}
    .col-2 {width: 440px;}
    .col-3 {width: 660px;}

    .sm-fluid {width: 100%;}
}

/** mobile */
@media screen and (max-width: 768px) {
    .container {width: 100%;}
    [class*="col-"] {width: 100%; padding-left: 20px; padding-right: 20px; font-size: 16px;}

    .gutter {padding-left: 20px; padding-right: 20px;}
    .gutter-left {padding-left: 20px;}
    .gutter-right {padding-right: 20px;}
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 18020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 18030;
}

.fancybox-opened .fancybox-skin {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { }

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 18060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 18040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent; /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 18040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 18040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 18010;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 18050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 18050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }

	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto; border-radius: 16px;
		text-align: center;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
		padding-right: 0; box-sizing: border-box;
	}

	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
		padding-bottom: 0; box-sizing: border-box;
	}

	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}

	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools,
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
	}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

	/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

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



	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

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



	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */

	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

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



	/* theme: "light-thin", "dark-thin" */

	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */

	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

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



	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


	/* theme "rounded-dark", "rounded-dots-dark" */

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


	/* theme "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


	/* theme "rounded-dots-dark" */

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

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



	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}


	/* theme "3d", "3d-dark" */

	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

	.mCS-3d.mCSB_scrollTools,
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; }

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}

	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "3d-dark" */

	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}

	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

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



	/* theme: "3d-thick", "3d-thick-dark" */

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; }

	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

	.mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

	.mCS-3d-thick.mCSB_scrollTools_horizontal,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


	/* theme: "3d-thick-dark" */

	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

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



	/* theme: "minimal", "minimal-dark" */

	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0;
		margin: 12px 0;
	}

	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0;
		margin: 0 12px;
	}

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0;
		right: auto;
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}


	/* theme: "minimal-dark" */

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}

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



	/* theme "light-3", "dark-3" */

	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}

	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}

	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "dark-3" */

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

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



	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}

	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


	/* theme "inset-2", "inset-2-dark" */

	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2); box-sizing: border-box;
	}

	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


	/* theme "inset-3", "inset-3-dark" */

	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

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

.SlectBox { width: 200px; padding: 5px 8px;}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

    .SumoSelect > .optWrapper > .options li label, .SumoSelect > .CaptionCont { -ms-user-select: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:none;}
.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont {box-shadow: 0px 0px 2px #7799D0;border-color: #7799D0;}
    .SumoSelect > .CaptionCont { position: relative; border: 1px solid #A4A4A4; min-height: 14px; background-color: #fff;border-radius:2px;margin:0px;}
        .SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;/*cursor:default;*/}
            /*placeholder style*/
            .SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

        .SumoSelect > .CaptionCont > label { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 30px;}
            .SumoSelect > .CaptionCont > label > i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');
                background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;background-repeat: no-repeat;opacity: 0.8;}

    .SumoSelect > .optWrapper { top: 39px; width: 100%; position: absolute; left: -9999px; opacity: 0; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px;/*overflow: hidden;*/ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
        .SumoSelect > .optWrapper.open { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); z-index: 1222; left: 0;}

        .SumoSelect > .optWrapper > .options { list-style: none; display: block; padding: 0; margin: 0; overflow: auto; border-radius: 2px;
         /*Set the height of pop up here (only for desktop mode)*/
            max-height: 250px;
             /*height*/ }
        .SumoSelect > .optWrapper > .options li { padding: 6px 6px; border-bottom: 1px solid #F3F3F3; position: relative; }
            .SumoSelect > .optWrapper > .options li:first-child { border-radius: 2px 2px 0px 0px; }
            .SumoSelect > .optWrapper > .options li:last-child { border-bottom: none; border-radius: 0px 0px 2px 2px; }
            .SumoSelect > .optWrapper > .options li:hover { background-color: #E4E4E4; color: #00a0df; }
            .SumoSelect > .optWrapper > .options li.sel{background-color: #a1c0e4;}

            .SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;cursor: pointer;}
            .SumoSelect > .optWrapper > .options li span { display: none; }

        /*Floating styles*/

    /*Hover*/
    /*.SumoSelect:hover > .CaptionCont > label { background-color: #F1F1F1; }*/

    /*disabled state*/
    .SumoSelect > .optWrapper > .options li.disabled { background-color: inherit;pointer-events: none;}
        .SumoSelect > .optWrapper > .options li.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


    /*styling for multiple select*/
    .SumoSelect > .optWrapper.multiple > .options li { padding-left: 35px;cursor: pointer;}
        .SumoSelect > .optWrapper.multiple > .options li span,
        .SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0px;bottom:0px;margin-left:-35px;}
            .SumoSelect > .optWrapper.multiple > .options li span i,
            .SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0px;right: 0px;top: 0px !important;bottom: 0px;/*width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;*/}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13); border-radius: 0px 0px 3px 3px; }

    .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
        .SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }

    .SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0px 0px 0px 3px; }
        .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0px 0px 3px 0px; }
    /*styling for select on popup mode*/
    /*selected state
    .SumoSelect > .optWrapper.multiple > .options li.selected span i:after,
    .SumoSelect .select-all.selected > span i:after{content: '';position: absolute;width: 11px;height: 11px;top: 2px;left: 2px;background-color: rgb(17, 169, 17);border-radius: 2px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);}
    */
    /*.SumoSelect > .optWrapper.multiple > .options li.selected span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
    */
    /*disabled state*/
    .SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
     .SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

    /**Select all button**/
    .SumoSelect .select-all{border-radius: 0;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0px 3px 35px;height: 20px;}
    .SumoSelect .select-all label {cursor: pointer;}
    .SumoSelect .select-all > span i{cursor:pointer;}
    .SumoSelect .select-all.partial > span i{background-color:#ccc;}
    .SumoSelect .select-all:hover {background: #e4e4e4; color: #00a0df;}



     /*styling for optgroups*/
    .SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }
/** transmission */
.chat-in {padding-right: 340px; -webkit-transition: opacity 400ms ease-in, padding 200ms ease-in-out; transition: opacity 400ms ease-in, padding 200ms ease-in-out;}
.chat-in.chat-out {padding-right: 0;}
.mobile-device.chat-in {-webkit-transition:none !important;transition:none !important;}

.chat-in header {height: auto;}
.chat-in .new-hamburger { display:block; }
.chat-in .main-menu { max-height:0; }
.chat-in .main-menu, .chat-in .brand { width:100%; }

.chat-in .chat-visible {display: block;}
.chat-in .chat-hidden {display: none;}
.chat-in.chat-out .chat-visible {display: none;}
.chat-in.chat-out .chat-hidden {display: block;}

.chat-in .container {width: 100%; max-width: 1080px;}
.chat-in .brand img {margin-left: 40px;}

@media screen and (min-width: 769px) and (max-width: 1019px) {
  .chat-in header .container {
    padding-right: 50px;
  }
}
@media screen and (min-width: 769px) {
  .chat-in .main-menu ul { margin: 20px 0 20px 20px; }
}
@media screen and (min-width: 1020px) {
  .chat-in .new-hamburger {
    top: 8px;
    right: 52px;
  }

  .chat-in .sign-box {
    right: 128px;
  }
}
@media screen and (min-width: 1020px) and (max-height: 799px) {
  .chat-in .new-hamburger {
    top: -4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1365px) {
  .chat-in .lang-region-selector {
    top: 75px;
    transition: 0.3s top;
  }

  .chat-in.chat-out .lang-region-selector {
    top: 31px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1365px) and (max-height: 799px) {
  .chat-in .lang-region-selector {
    top: 55px;
  }
  .chat-in.chat-out .lang-region-selector {
    top: 19px;
  }
}

.chat {position: fixed; top: 0; height:100%; right: 0; width: 340px; background: #fff; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; word-wrap: break-word; z-index: 20;}
.chat.inactive {-webkit-transition:none;transition:none;}
.chat-out .chat {-webkit-transform: translateX(340px);transform: translateX(340px);}
.chat-wrapper {border-left: 1px solid #d9ecf3; background: #fff; position: relative; height: 100%; width: 100%; z-index: 2;}

.chat-tabs {position: absolute; top: 0; left: 0; right: 0; bottom: 220px;}
.chat-tabs .owl-controls {position: absolute; top: 0; left: 0; right: 0; height: 60px; background: #fff;}
.chat-tabs .owl-pagination {display: table; width: 100%; vertical-align: middle; height: 60px;}
.chat-tabs .owl-controls .owl-page {display: table-cell; width: 50%; vertical-align: middle; height: 60px; text-align: center; border-bottom: 1px solid #d9ecf3; background: #fff; color: #00a0df; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size: 18px; line-height: 1;}
.chat-tabs .owl-controls .owl-page span {width: auto; height: auto; margin: 0; border-radius: 0; opacity: 1; background: none; padding: 0 20px; display: inline-block;}
.chat-tabs .owl-controls .owl-page em {display: inline-block; font-style: normal; width: 19px; height: 19px; line-height: 19px; border-radius: 50%; color: #fff; text-align: center; background: #00a0df; font-size: 14px; font-weight: bold; margin-left: 4px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.chat-tabs .owl-controls .owl-page em:empty {display:none;}
.chat-tabs .owl-controls .owl-page.active {background: #00a0df; border-color: #00a0df; color: #fff;}
.chat-tabs .owl-controls .owl-page.active em {background: #fff; color: #00a0df;}
.chat-tabs .owl-wrapper-outer {position: absolute; top: 60px; left: 0; right: 0; bottom: 0;}

.pulse { -webkit-animation:1s both pulse; animation:1s both pulse; }

.chat-tabs h2 {font-family: "karbon-bold", sans-serif; font-size: 16px; line-height: 1.1; color: #31598a; margin: 0; text-transform: uppercase; padding: 18px 14px;}
.chat-tabs h3 {font-family: "karbon-regular", sans-serif; font-size: 16px; line-height: 1.1; color: #31598a; margin: 0; text-transform: uppercase; padding: 6px 14px; background: #d9ecf3; position: relative;}
.chat-tabs h3:after {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #d9ecf3; position: absolute; top: 100%; left: 42px;}
.chat-tabs .custom-scroll {height: 100px;}
.chat-tabs h2 + .custom-scroll {border-top: 1px solid #d9ecf3;}
.chat-tabs .question-list-item {font-size: 16px; padding: 16px 14px;}
.chat-tabs .question-list-item + .question-list-item {border-top: 1px solid #d9ecf3;}
.chat-tabs .question-list-item p {margin: 0;}
.chat-tabs .question-list-item strong {display: block; margin-bottom: 4px; color: #00a0df;}
.chat-tabs .question-list-item.new-item { -webkit-animation:1s both fade-in; animation:1s both fade-in; }

.chat-tabs .empty-list,
.chat-tabs .empty .non-empty-list {display:none;}
.chat-tabs .empty .empty-list,
.chat-tabs .non-empty-list {display:block;}
.chat-tabs .empty-list .msg { text-align:center; margin:20px; font-size:26px; }

.chat-tabs .mCS-jscroll.mCSB_inside > .mCSB_container {margin-right: 15px; border-right: 1px solid #d9ecf3;}
.chat-tabs .mCS_no_scrollbar .mCS-jscroll.mCSB_inside > .mCSB_container {margin-right: 0; border-right: none;}

.chat-tabs .status { float:right; position:relative; padding:0 7px 1px; font-size:12px; color:#fff; background:#ccc; margin-left: 10px; }
.chat-tabs .status:before,
.chat-tabs .status:after { content:''; display:block; position:absolute; width:0; height:0; top:0; border:7px solid transparent; }
.chat-tabs .status:before { left:-4px; border-left:0; border-right:4px solid #ccc; }
.chat-tabs .status:after { right:-4px; border-right:0; border-left:4px solid #ccc; }
.chat-tabs .question-approved .status { background:#00b543; }
.chat-tabs .question-approved .status:before { border-right-color:#00b543; }
.chat-tabs .question-approved .status:after { border-left-color:#00b543; }
.chat-tabs .question-approved strong { color:#00b543; }
.chat-tabs .question-waiting .status { background:#ffb600; }
.chat-tabs .question-waiting .status:before { border-right-color:#ffb600; }
.chat-tabs .question-waiting .status:after { border-left-color:#ffb600; }
.chat-tabs .question-waiting strong { color:#ffb600; }
.chat-tabs .question-blocked .status { background:#f30617; }
.chat-tabs .question-blocked .status:before { border-right-color:#f30617; }
.chat-tabs .question-blocked .status:after { border-left-color:#f30617; }
.chat-tabs .question-blocked strong { color:#f30617; }

.chat-tabs .moderator-responses { margin:10px 0 0; padding:0; list-style:none; font-size:13px; color:#f30617; }
.chat-tabs .moderator-responses li { margin-bottom:10px; }

.chat-form {position: absolute; height: 220px; bottom: 0; left: 0; right: 0; background: #00b543;}
.chat-form.disabled { background:#ccc; }
.chat-form.disabled [type="submit"] { cursor:default; }
.chat-form .form-centered {padding: 0 15px; margin: 0;}
.chat-form .form-centered label {color: #fff; text-align: left; font-size: 16px; text-transform: uppercase; margin: 16px 0;}
.chat-form .form-centered textarea {height: 100px; border: none; border-radius: 4px; font-size: 16px; background: #fff; padding: 16px 18px;}
.chat-form .form-centered .form-group + .form-group {margin-top: 16px;}
.chat-form .error-msg { display:none; color:#F00; font-size:15px; text-align:left; }
.chat-form .textfield.error { height:82px; }
.chat-form .error + .error-msg { display:block; }

.chat-in .input-focused {position:absolute; height:220px;}
.chat-in .input-focused .chat-tabs {display:none !important;}

.chat-toggle {position: absolute; top: 0; bottom: 0; right: 100%; margin: auto -4px auto 0; height: 30px; line-height: 18px; background: #00a0df; color: #d9ecf3; white-space: pre; font-size: 16px; text-transform: uppercase; padding: 7px 25px 0 15px; border-radius: 0 0 3px 3px; -webkit-transform: rotate(90deg) translateX(55%); transform: rotate(90deg) translateX(55%); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; z-index: 1;}
.chat-toggle:hover {color: #d9ecf3; margin-right: -2px;}
.chat-toggle:after {content: ""; position: absolute; top: 15px; right: 12px; width: 4px; height: 8px; background: url('../svg/diamond-link-8_2.svg') no-repeat; background-size: contain; -webkit-transform: rotate(-90deg); transform: rotate(-90deg)}

.chat-activity {
  background: #dd0000;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  text-align: center;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  margin: 0 2px;
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  transition: background-color 100ms;
}

.chat-activity.count {
  background: #990000;
}

.chat-scroll-bottom { position:absolute; bottom:-25px; left:0; right:0; text-align:center; -webkit-transition:.3s bottom ease-in-out; transition:.3s bottom ease-in-out; }
.chat-scroll-bottom.visible { bottom:0; }
.chat-scroll-bottom span { display:inline-block; padding:2px 15px; background:#d9ecf3; color:#31598a; font-size:14px; text-transform:uppercase; border-radius:5px 5px 0 0; cursor:pointer; }
.chat-scroll-bottom span:after {content: ""; display:inline-block; margin-left:5px; width: 11px; height: 6px; background: url('../img/layout/drop-down-arrow.png') 0 -7px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;}
.chat-scroll-bottom span:hover { padding-bottom:5px; }

.message { position:fixed; bottom:60px; left:0; right:340px; z-index:1000; -webkit-transition: right 200ms ease-in-out; transition: right 200ms ease-in-out; }
.chat-out .message { right:0; }
.message .inner { position:relative; margin:0 135px; padding:28px 50px; background:#ccc; font-size:46px; }
.message .inner:before,
.message .inner:after { content:''; display:block; position:absolute; width:0; height:0; top:0; border:1em solid transparent; }
.message .inner:before { left:-35px; border-left:0; border-right:35px solid #ccc; }
.message .inner:after { right:-35px; border-right:0; border-left:35px solid #ccc; }
.message .close { position:absolute; display:block; width:20px; height:20px; top:50%; right:16px; margin-top:-10px; background:url('../svg/message-close.svg') no-repeat 0 0; background-size: contain; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.message .close:hover {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.message p { margin:0; text-align:center; color:#fff; font-size:30px; }
.message.information .inner {background:rgba(0, 181, 67, 0.90);}
.message.information .inner:before {border-right-color:rgba(0, 181, 67, 0.90);}
.message.information .inner:after {border-left-color:rgba(0, 181, 67, 0.90);}
.message.instruction .inner {background:rgba(200, 200, 200, 0.90);}
.message.instruction .inner:before {border-right-color:rgba(200, 200, 200, 0.90);}
.message.instruction .inner:after {border-left-color:rgba(200, 200, 200, 0.90);}
.message.fault .inner {background:rgba(243, 6, 23, 0.90);}
.message.fault .inner:before {border-right-color:rgba(243, 6, 23, 0.90);}
.message.fault .inner:after {border-left-color:rgba(243, 6, 23, 0.90);}

.message-length {
  float: right;
  font-size: 12px;
  line-height: 1.4;
  color: #ffffff;
}

.survey { position:absolute; display: none; max-height: 70%; top:0; left:0; right:0; padding:20px; background:rgba(49, 89, 138, 0.90); color:#fff; text-align:left; }
.survey .inner { position:relative; }
.survey .pagination { font-size:18px; text-transform:uppercase; text-align: center; }
.survey .pagination span { display:inline-block; padding:3px 7px; font-family:"karbon-bold", sans-serif; font-size:20px; color:#658fba; cursor:pointer; vertical-align:baseline; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.survey .pagination span.active,
.survey .pagination span:hover { color:#fff; }
.survey .pagination span.inactive { opacity: 0.5; pointer-events: none; }
.survey .survey-buttons { position:absolute; top: -25px; left: 0; right:0; }
.survey .survey-button { display: inline-block; font-size:18px; color:#fff; }
.survey .survey-button--close { float: right; }
.survey .survey-button--close:after { content:''; display:inline-block; margin-left:12px; width:14px; height:14px; background:url('../svg/close-small.svg') no-repeat 100% 0; background-size:contain; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 300ms ease-out; transition: transform 300ms ease-out; vertical-align:middle; position: relative; top: -1px; }
.survey .survey-button--close:hover:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.survey .survey-button--minimize:after { content:''; display:inline-block; margin-left: 12px; width:20px; height:20px; background:url('../img/layout/arrow.png') no-repeat 100% 0;  -webkit-transform: translateY(0) rotate(-90deg);  transform: translateY(0) rotate(-90deg); -webkit-transition: transform 300ms ease-out; transition: transform 300ms ease-out; vertical-align:middle; }
.survey .survey-button--minimize:hover:after {-webkit-transform: translateY(-5px) rotate(-90deg); transform: translateY(-5px) rotate(-90deg);}
.survey .survey-button--next:after { content:''; display:inline-block; margin-left:5px; width:20px; height:20px; background:url('../img/layout/arrow.png') no-repeat 100% 0;  -webkit-transform: translateX(0);  transform: translateX(0); -webkit-transition: transform 300ms ease-out; transition: transform 300ms ease-out; vertical-align:middle; }
.survey .survey-button--next:hover:after {-webkit-transform: translateX(5px); transform: translateX(5px);}
.survey .survey-button--margin { margin-left: 20px; }
/*.survey .skip-question { position:absolute; top:58px; right:4px; z-index:1; font-size:18px; color:#fff; }
.survey-close, .survey-close:hover { font-size:18px; color:#fff; }
.survey .skip-question:after, .survey-close:after, .survey .next-question.survey-close:after { content:''; display:inline-block; margin-left:12px; width:14px; height:14px; background:url('../svg/close-small.svg') no-repeat 100% 0; background-size:contain; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; vertical-align:middle; position: relative; top: -1px;}
.survey .skip-question:hover:after, .survey-close:hover:after, .survey .next-question.survey-close:hover:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}*/
.survey .questions { margin-top:20px; }
.survey .questions p { font-size:30px; }
.survey .questions .fieldset { display: flex; align-items:stretch; flex-wrap: wrap; width: 100%; border:0; padding:0; margin:0 -10px; font-size:0; overflow: hidden;}
.survey .questions input[type="radio"] { display:none; }
.survey .questions .answer { /*display:inline-block; width:25%;*/ flex: 1 1 25%; margin-bottom:20px; padding:0 10px; box-sizing:border-box; vertical-align:top; }
.survey .questions label { display:block; height:100%; padding:20px; font-size:16px; border:1px solid #fff; border-radius:6px; cursor:pointer; }
.survey .questions label strong { display:block; font-size:36px; }
.survey .questions input[type="radio"]:checked + label { background:#fff; color:#31598a; }
.survey .questions .short .answer { /*width:auto; min-width:0;*/ flex: 0 1 auto; }
.survey .questions .short label { padding:10px 20px; text-align:center; }
.survey .questions .error-msg { display:none; margin:0 10px 15px; color:#F30617; font-size:16px; }
.survey .questions .error .error-msg { display:block; }
.survey .label { display: none; }
.survey.minimized { display: inline-block; padding: 0; right: auto; }
.survey.minimized .pagination { display: none; }
.survey.minimized .survey-buttons { position:static; }
.survey.minimized .survey-button { text-align: center; }
.survey.minimized .survey-button__label { display: none; }
.survey.minimized .survey-button--close:after { margin: 10px; }
.survey.minimized .survey-button--minimize:after { margin: 10px; -webkit-transform: translateY(-5px) rotate(90deg);  transform: translateY(-5px) rotate(90deg); }
.survey.minimized .survey-button--minimize:hover:after {-webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg);}
.survey.minimized .survey-button--margin { margin-left: 0; }
.survey.minimized .questions { display: none !important; }
.survey.minimized .label { display: inline-block; }
.fullscreen.chat-in .survey { right: 340px; transition: all 200ms ease-in-out; }
.fullscreen.chat-out .survey { right: 0; }
/** full */
@media screen and (max-width: 1439px) {
    .chat-in [class*="col-"] {width: 100% !important;}
    .chat-in .hexagon-list-item {width: 33.3% !important;}
    .hexagon-list-item.hex-small .hex-image {width: 100%; max-width: 100%;}
}

/** non-HD */
@media screen and (max-width: 1250px) {
  .chat-in:not(.chat-out) .survey .questions .fieldset { margin: 0 -5px; }
  .chat-in:not(.chat-out) .survey .questions .answer { padding: 0 5px; }
}
@media screen and (max-width: 1179px) {
  .chat-in:not(.chat-out) .survey .questions .short label { padding: 10px 13px; }
}

/** tablet vertical */
@media screen and (max-width: 1019px) {

}

@media screen and (max-width: 1024px) {
    .chat-in { padding-right: 0; }
    .chat { z-index: 999; }
}

@media screen and (max-width: 768px) {
    .chat-in .hexagon-list-item { width: 100% !important; }
    .chat-in .brand img { margin-left: 0; }
}

@media screen and (max-width: 767px) {
    .chat { display: none; }
}
@font-face {
    font-family: 'karbon-regular';
    src: url('../fonts/karbon-regular.eot');
    src: url('../fonts/karbon-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'karbon-bold';
    src: url('../fonts/karbon-bold.eot');
    src: url('../fonts/karbon-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/karbon-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'karbon-light';
  src: url('../fonts/karbon-light.eot');
  src: url('../fonts/karbon-light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/karbon-light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'karbon-thin';
  src: url('../fonts/karbon-thin.eot');
  src: url('../fonts/karbon-thin.eot?#iefix') format('embedded-opentype'),
  url('../fonts/karbon-thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@-webkit-keyframes pulse {
	0% { -webkit-transform: scale(1); transform: scale(1); }
	50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes pulse {
	0% { -webkit-transform: scale(1); transform: scale(1); }
	50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes fade-in {
	0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes fade-in {
	0% { opacity:0; }
	100% { opacity:1; }
}

/** */
* {
    box-sizing: border-box;
}
::-moz-selection {background-color: #34a3cf; color: #fff;}
::selection {background-color: #34a3cf; color: #fff;}
::-moz-selection {background-color: #34a3cf; color: #fff;}
img {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
a {text-decoration: none; -webkit-transition: color 200ms ease-in-out, opacity 200ms ease-in-out, background-color 200ms ease-in-out; transition: color 200ms ease-in-out, opacity 200ms ease-in-out, background-color 200ms ease-in-out;}
a:focus {outline: none;}

.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

.list-clean {margin: 0; padding: 0; list-style: none;}
/** */

body {font-family: 'karbon-regular', sans-serif; font-size: 20px; line-height: 1.2; color: #4d4d4d; overflow-x: hidden; overflow-y: scroll; opacity: 0; -webkit-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;}
body.fade-in {opacity: 1;}

h1, h2, h3, h4, h5 {font-weight: normal;}
strong {font-weight: normal; font-family: 'karbon-bold', sans-serif;}
a {color: #00a0df;}
a:hover {color: #4d4d4d;}
img {max-width: 100%;}

h1, .header-primary {
  font-size: 32px;
  font-family: 'karbon-bold', sans-serif;
  margin: 30px 0;
}

h2, .header-secondary {
  font-size: 32px;
  font-family: 'karbon-regular', sans-serif;
  margin: 30px 0;
  letter-spacing: -0.010em;
}
h3, .header-tetriary {font-size: 20px; font-family: 'karbon-bold', sans-serif; /*margin: 40px 0 30px;*/}
h1 + h2,
.header-primary + .header-secondary,
.header-secondary + .header-primary {
  margin-top: -30px;
}
.header-primary em {font-family: 'karbon-regular', sans-serif; font-style: normal;}

.header-link a {color: #00a0df; display: inline-block; text-transform: uppercase; position: relative;}
.header-link a:hover {color: #4d4d4d;}
.header-link a:before,
.header-link a:after {content: ""; position: absolute; top: 16px; width: 6px; height: 11px;  -webkit-transform: translateX(0);  transform: translateX(0); -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; right: -14px;}
.header-link a:before {background: url('../svg/diamond-link-11_2.svg') no-repeat; background-size: contain;}
.header-link a:after {background: url('../svg/diamond-link-11_4.svg') no-repeat; background-size: contain; opacity: 0;}
.header-link a:hover:before,
.header-link a:hover:after {opacity: 1; -webkit-transform: translateX(2px); transform: translateX(2px);}
.header-primary.header-link a {text-transform: none;}

.hp-slider-container {overflow: hidden; text-align: center;}
.cutout-bg { background: url('../svg/cutout-bg.svg') no-repeat 50% 0;}

.color-cerulean {color: #00a0df;}
.color-tundora {color: #4d4d4d;}
.color-tundora-link,
.text-content .color-tundora-link {color: #4d4d4d;}
.color-tundora-link:hover,
.text-content .color-tundora-link:hover {color: #00a0df;}
.text-content {word-wrap: break-word;}

.text-uppercase {text-transform: uppercase;}

/** header */
header {height: 185px; position: relative; z-index: 11;}
.brand {text-align: left; width: 240px; position: relative; z-index: 8; transition: opacity 500ms ease-in-out;}
.brand-desktop {display: inline-block;}
.brand-mobile {display: none;}
.brand a img {margin: 52px 0 0 0; width: 224px;}
.brand a.brand-mobile img {width: 140px;  margin-top: 38px;margin-bottom:8px;}
.main-menu { overflow:hidden; -webkit-transition:max-height 400ms ease-in-out; transition:max-height 400ms ease-in-out; width: 840px; padding-right: 40px;}
.main-menu.open { max-height:130px; }
.main-menu ul {font-size: 0; text-align: right; margin-top: 76px; margin-right: -20px; padding: 0; list-style: none;}
.main-menu ul li {display: inline-block;}
.main-menu a, .hamburger {font-size: 20px; color: #4d4d4d; display: block; height: 40px; line-height: 38px; margin: 0 13px; padding: 0 7px; background-color: transparent; position: relative;}
.main-menu a:before,
.main-menu a:after,
.hamburger:before,
.hamburger:after {content: ""; width: 13px; height: 40px; position: absolute; top: 0; background: url('../img/layout/diamond-button-40.png') no-repeat; opacity: 0; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.main-menu a:before,
.hamburger:before {right: 100%; background-position: 0 0;}
.main-menu a:after,
.hamburger:after {left: 100%; background-position: -13px 0;}
.main-menu a:hover,
.hamburger:hover,
.main-menu .active a {color: #00a0df; background-color: #ededee;}
.main-menu a:hover:before,
.main-menu a:hover:after,
.hamburger:hover:before,
.hamburger:hover:after,
.main-menu .active a:before,
.main-menu .active a:after {opacity: 1;}
.hamburger { display:none; float:right; margin:48px 53px 0 0; padding-right:36px; background: no-repeat 100% -30px; font-size:22px; font-family:'karbon-bold', sans-serif; -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out; transition: background 200ms ease-in-out, color 200ms ease-in-out; }
.hamburger em {top: 18px; right: 7px;}
.hamburger em:before {top: -7px; right: 0;}
.hamburger em:after {bottom: -7px; right: 0;}
.hamburger em,
.hamburger em:before,
.hamburger em:after {position: absolute; width: 21px; border-radius: 2px; height: 4px; background: #4d4d4d; -webkit-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out;}
.hamburger em:before,
.hamburger em:after {content: "";}
.hamburger:hover em,
.hamburger:hover em:before,
.hamburger:hover em:after {background-color: #00a0df;}

.header-small {height: auto; padding: 45px 0;}
.header-small a {font-family: 'karbon-bold', sans-serif;}
.header-small a img {width: 107px; float: left;}
.header-small a span {float: left; margin: 7px 0 0 37px;}

.header-no-menu .brand a img {margin-top: 36px; margin-left: 0;}

.settings {position: relative; z-index: 9;}
.account-actions {font-size: 0; text-align: right;}
.account-actions li {height: 25px; display: inline-block; font-size: 16px; position: relative; margin: 0 19px 0 21px; background: #ededed; -webkit-perspective: 1000px; perspective: 1000px; z-index: 9; color:#ccc;}
.account-actions li:before,
.account-actions li:after {content: ""; position: absolute; top: 0; width: 17px; height: 26px; }
.account-actions li:before {left: -17px; background: url('../svg/account-actions-link_1.svg') 0 -1px no-repeat; background-size: auto 100%; }
.account-actions li:after {right: -16px; background: url('../svg/account-actions-link_2.svg') 0 -1px no-repeat; background-size: auto 100%; }
.account-actions li > a {display: inline-block; position: relative; height: 27px; line-height: 24px; color: #4d4d4d; padding: 0 22px; margin: 0 -22px; z-index: 10;}
.account-actions li > a:hover {color: #00a0df;}
.account-actions li > a.current {font-family: 'karbon-bold', sans-serif;}
.account-actions li > .drop-down {padding-right: 45px;}
.account-actions li > .drop-down:before,
.account-actions li > .drop-down:after {content: ""; position: absolute; top: 9px; right: 19px; width: 11px; height: 6px; background: url('../svg/drop-down-arrow_1.svg') no-repeat; background-size:contain; -webkit-transform:
rotate(0deg); transform:
rotate(0deg); -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.account-actions li > .drop-down:after {opacity: 0; background-image: url('../svg/drop-down-arrow_2.svg');}
.account-actions li > .drop-down:hover:after {opacity: 1;}
.account-actions li > .drop-down.drop-down-open:before,
.account-actions li > .drop-down.drop-down-open:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.account-actions li > .drop-down span:before,
.account-actions li > .drop-down span:after {content: ""; position: absolute; right: 50%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; margin-right: -7px; opacity: 0; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; visibility: hidden; -webkit-transform: translateY(-10px) rotateX(0deg); transform: translateY(-10px) rotateX(0deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0;}
.account-actions li > .drop-down span:before {top: 30px; border-bottom: 7px solid #ededed;}
.account-actions li > .drop-down span:after {top: 31px; border-bottom: 7px solid #f7f7f7;}

.account-actions .drop-down-container {position: absolute; top: 37px; right: 0; background: #f7f7f7; border: 1px solid #ededed; border-radius: 1px; box-shadow: 1px 1px 0 rgba(0,0,0,.03); z-index: 9; min-width: 270px; opacity: 0; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; visibility: hidden; -webkit-transform: translateY(-10px) rotateX(0deg); transform: translateY(-10px) rotateX(0deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0;}
.account-actions .drop-down-part {padding: 20px 20px 20px 18px;}
.account-actions .drop-down-part + .drop-down-part {border-top: 1px solid #ededed;}
.account-actions .drop-down-part p + p {margin-top: 10px;}
.account-actions .form-group + .form-group {margin-top: 6px;}
.account-actions form {width: 100%;}
.account-actions label {width: 100px; float: left; padding-right: 10px; line-height: 30px;}
.account-actions .textfield {background: #fff; width: 130px; height: 30px; font-size: 16px; padding: 4px 10px; float: right;}
.account-actions .valid-error {width: 200px; padding-left: 70px; text-align: left; display: block; font-size: 14px; line-height: 1; color: #f30617;}
.account-actions p {margin: 0;}

.account-actions .drop-down.drop-down-open span:before,
.account-actions .drop-down.drop-down-open span:after,
.account-actions .drop-down-container.drop-down-open {opacity: 1; visibility: visible; -webkit-transform: translateY(0) rotateX(0deg); transform: translateY(0) rotateX(0deg);}

/** big slider */
.big-slider {position: relative; margin: 0 auto 5.000em; font-size: 20px; width: 54.000em;}
.hex-bg {width: 33.250em; height: 29.550em; background: url('../svg/big-slider-bg.svg'); background-size: 100% 100%; color: #fff; line-height: 1; position: relative; z-index: 10;}
.in-animation .hex-bg .hex-slide-text,
.in-animation .hex-bg .hex-slide-counter p {-webkit-animation: slider-fade-from-left 700ms ease 0ms;animation: slider-fade-from-left 700ms ease 0ms; }
.in-animation-from-left .hex-bg .hex-slide-text,
.in-animation-from-left .hex-bg .hex-slide-counter p {-webkit-animation: slider-fade-from-left 700ms ease 0ms;animation: slider-fade-from-left 700ms ease 0ms; }
.in-animation-from-right .hex-bg .hex-slide-text,
.in-animation-from-right .hex-bg .hex-slide-counter p {-webkit-animation: slider-fade-from-right 700ms ease 0ms;animation: slider-fade-from-right 700ms ease 0ms; }
.hex-slide-text {display: table-cell; vertical-align: middle;}
.big-slider .hex-slide-text .slider-date { padding-top: 0; }
.big-slider .hex-bg {display: table;}

@-webkit-keyframes slider-fade-from-left {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
    45% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
        opacity: 0;
    }
    55% {
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slider-fade-from-left {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
    45% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
        opacity: 0;
    }
    55% {
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes slider-fade-from-right {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
    45% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
        opacity: 0;
    }
    55% {
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slider-fade-from-right {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
    45% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
        opacity: 0;
    }
    55% {
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}

.big-slider, .big-slider * { -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-user-select: none; }
.big-slider h2 {font-size: 2.000em; max-height: 4.500em; font-family: 'karbon-bold', sans-serif; padding: 1.050em 1.250em 0; margin: 0;}
.big-slider .slider-date {color: #e7e62f; font-size: 1.600em; font-family: 'karbon-bold', sans-serif; padding: 0 2.500em 0; margin: 0;}
.big-slider .slider-date a { color: #e7e62f; }
.big-slider .slider-speakers {padding: 0.800em 3.000em 0; margin: 0;}
.big-slider .slider-category {font-size: 0.800em; padding: 1.375em 6.000em 0; margin: 0;}
.big-slider .slider-category + .slider-category {padding-top: 0;}
.big-slider h2 a, .big-slider .slider-speakers a, .big-slider .slider-category a { color:#fff; }
.big-slider .hex-action-list {margin: 1.500em auto 0; max-width: 22em;}
.big-slider .hex-action-list li {display: inline-block; height: 2.000em; margin: 0 1.000em;}
.big-slider .hex-action-list li .arrow-link {font-size: 16px; line-height: 1.2; margin-top: 0.625em; margin-right: 0.500em; font-family: 'karbon-bold', sans-serif; color: #fff;}
.big-slider .hex-action-list li .arrow-link:hover {color: #ededed;}
.big-slider .hex-action-list li .arrow-link:before {background-position: -4px -16px;}
.big-slider .hex-action-list li .arrow-link:after {background-position: -4px -24px;}
.big-slider .hex-action-list .btn {font-size: 1.000em; height: 2.000em; line-height: 2.000em; margin-right: 0.450em; padding: 0 1.100em 0 0.900em;}
.big-slider .hex-action-list .btn:after {height: 1.200em; width: 1.200em; right: -0.500em; top: 0.400em;}

.big-slider .hex-langs {top: 39%; right: 2%; opacity: 1; width: 13.000em;}
.big-slider .hex-langs li {opacity: 1; -webkit-transform: translateX(6px) rotate(-60deg); transform: translateX(6px) rotate(-60deg); -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; font-size: 0.700em; height: 1.857em; line-height: 1.857em; width: 2.143em; background-size: 100% 100%;}
.big-slider .hex-langs .lang-hidden {opacity: 0; -webkit-transform: translateX(0) rotate(-60deg); transform: translateX(0) rotate(-60deg);}
.hex-slider-fade .big-slider .hex-langs {opacity: 0; -webkit-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out;}

.hex-slide-counter {position: absolute; top: -5%; right: -58%; width: 8.000em; height: 7.150em; background: url('../svg/big-slider-counter.svg'); background-size: 100% 100%; display: table; -webkit-transition:.35s opacity ease-in-out; transition:.35s opacity ease-in-out; }
.hex-slide-counter:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('../svg/big-slider-counter-live.svg'); background-size: 100% 100%; opacity: 0; z-index: 1; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease;}
.hex-slide-counter > a {display: table-cell; height: 100%; vertical-align: middle; position: relative; z-index: 2;}
.hex-slide-counter p {color: #4d4d4d; margin: 0; font-size: 1.600em; line-height: 0.9375; overflow: hidden;}
.hex-slide-counter p span {font-size: 0.625em; display: block;}
.hex-slide-counter .counter-text {visibility: visible; height: auto;}
.hex-slide-counter .live-text {visibility: hidden; height: 0;}

.live .hex-slide-counter:after {opacity: 1;}
.live .hex-slide-counter .counter-text {visibility: hidden; height: 0;}
.live .hex-slide-counter .live-text {visibility: visible; height: auto;}
.live .hex-slide-counter p {color: #fff;}
.live .hex-slide-counter p em {border-bottom:1px solid #fff; font-style: normal;}

.hex-slides-item-live .slide-image:before { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:url('../svg/hex-slider-live.svg') no-repeat 0 0; background-size: 100% auto; opacity: 0; -webkit-transition: all 700ms ease; transition: all 700ms ease;}
.hex-slides-item-live .slide-image:after { content:""; display:block; position:absolute; top:50%; left:50%; margin-left:-46px; margin-top:-46px; width:92px; height:92px; background:url('../svg/slider-play.svg') no-repeat center center; background-size: 35% 35%; -webkit-animation: 1400ms both pulse infinite; animation: 1400ms both pulse infinite; border: 4px solid rgba(255,255,255,0.5); border-radius: 50%;}

.hex-slides-list {position: absolute; top: 0; left: 0; width: 100%; z-index: 9;}
.hex-slides-item {position: absolute; top: 0; left: 0; opacity: 1; -webkit-transition-property: -webkit-transform, opacity, z-index; transition-property: transform, opacity, z-index; -webkit-transition-duration: 700ms; transition-duration: 700ms; -webkit-transition-timing-function:  ease-in-out; transition-timing-function:  ease-in-out;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.hex-slides-item > a {position: relative; z-index: 2; display: block;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.hex-slides-item img {-webkit-transition: opacity 700ms ease-in-out, z-index 700ms ease-in-out;transition: opacity 700ms ease-in-out, z-index 700ms ease-in-out; width: 26.700em;}
.hex-slides-item .mask-inactive {position: absolute; top: 0; left: 0; opacity: 1; z-index: 100;}
.hex-slides-item.pos-cur {-webkit-transform: translate(102%, 12%) scale(1);transform: translate(102%, 12%) scale(1); z-index: 10; -webkit-transition-timing-function: cubic-bezier(0.600, -0.400, 0.400, 1.400); transition-timing-function: cubic-bezier(0.600, -0.400, 0.400, 1.400);}
.hex-slides-item.pos-cur .mask-inactive {opacity: 0; z-index: 1;}
.hex-slides-item.pos-cur .slide-image:before {opacity :1;}
.hex-slides-item.pos-next {-webkit-transform: translate(168%, 12%) scale(0.72);transform: translate(168%, 12%) scale(0.72); z-index: 3;}
.hex-slides-item.pos-last {-webkit-transform: translate(-65%, 12%) scale(0.72);transform: translate(-65%, 12%) scale(0.72); z-index: 2;}
.hex-slides-item.pos-beyond {-webkit-transform: translate(50%, 12%) scale(0.6);transform: translate(50%, 12%) scale(0.6); opacity: 0; z-index: 1;}
.hex-slides-item .hex-slide-text {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.hex-slides-item .hex-slide-text,
.hex-slides-item .hex-slide-counter,
.hex-slides-item .hex-langs {display: none;}

.steps-animation .hex-slides-item {-webkit-transition-timing-function: ease;transition-timing-function: ease;}

.slider-controls-buttons {list-style: none; margin: 0; padding: 0;}
.slider-controls-prev a,
.slider-controls-next a {position: absolute; top: 44.5%; z-index: 11; width: 3.200em; height: 3.000em;}
.slider-controls-prev a {left: 0;}
.slider-controls-next a {right: 0;}
.slider-controls-prev a:before,
.slider-controls-prev a:after,
.slider-controls-next a:before,
.slider-controls-next a:after {content: ""; position: absolute; top: 0; width: 1.300em; height: 3.000em; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.slider-controls-prev a:before,
.slider-controls-prev a:after {right: 0.8em;}
.slider-controls-next a:before,
.slider-controls-next a:after {left: 0.8em;}
.slider-controls-prev a:before { background-image: url('../svg/diamond-big-slider_1.svg');}
.slider-controls-prev a:after {background-image: url('../svg/diamond-big-slider_3.svg'); opacity: 0;}
.slider-controls-next a:before {background-image: url('../svg/diamond-big-slider_4.svg');}
.slider-controls-next a:after {background-image: url('../svg/diamond-big-slider_6.svg'); opacity: 0;}
.slider-controls-prev a:hover:before,
.slider-controls-prev a:hover:after {opacity: 1; -webkit-transform: translateX(-6px); transform: translateX(-6px);}
.slider-controls-next a:hover:before,
.slider-controls-next a:hover:after {opacity: 1; -webkit-transform: translateX(6px); transform: translateX(6px);}

.slider-controls-pagination {list-style: none; padding: 0; margin: 0; font-size: 0.050em; position: absolute; top: 105%; left: 0; width: 100%;}
.slider-controls-pagination li {display: inline-block;}
.slider-controls-pagination li a {display: block; width: 14px; height: 14px; background: url('../svg/links-list-2.svg') center center no-repeat; background-size: 100% 100%; margin: 0 8px;}
.slider-controls-pagination li a.active {background-image: url('../svg/links-list-1.svg')}
.slider-controls-pagination li a, .slider-controls-pagination li a:hover { color: #A6A7A9; }
.slider-controls-pagination li a.active, .slider-controls-pagination li a.active:hover { color: #00A0DF; }

.no-slides .hex-slide-counter { display:none; }

.big-slider-announcement {margin: 2.500em auto !important;}
.big-slider-announcement .hex-slide-counter {display: none;}

/** hex */
.hexagon-list {font-size: 0; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.hexagon-list-item {padding: 0 30px; margin-bottom: 60px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.hexagon-list-item a {color: #4d4d4d;}
.hex-image-wrap {position: relative;}
.hex-image {display: block; margin: 0 auto; max-width: 100%;}
.hex-image-mask {position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: auto; pointer-events: none;}
.hex-image-hover {opacity: 0; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.hex-image-multi {top: -10px;}
.hex-image-label {display: table; position: absolute; top: 0; left: 0; width: 100%; height: 266px; vertical-align: middle; line-height: 1;}
.hex-image-label span {text-align: center; font-size: 32px; color: #fff; text-transform: uppercase; display: table-cell; vertical-align: middle;}
.hex-caption {height:20px; line-height: 20px; font-size: 16px; color: #828282; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; display: block; margin-top: 6px;}
.hex-caption span, .hex-title span, .hex-description span {display:block}
.hex-caption + .hex-caption {margin-top: 0;}
.hex-caption + .hex-title {margin-top: 20px;}
.hex-caption.hex-caption-second + .hex-title {margin-top: 0;}
.hex-description {line-height: 20px; margin: 20px 0 0;}
.hex-country {font-size: 16px; margin-bottom: 0; color: #838383; display: block; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out;}
.speaker-profile .hex-country {margin-bottom: 0;}
.hex-title {display:block; /*height:62px;*/ margin: 0; font-family: "karbon-bold", sans-serif; line-height: 20px;}
.hex-title + .hex-description {display:block; margin-top:0;}
.container > .col-1 .hex-caption {height:auto; max-height:1.2em;}
.container > .col-1 .hex-title {height:auto; max-height:66px;}
.ellipsis-helper:after {content: "..."; float: right;  padding-left: 0.2em; background:#fff;}
.hex-langs {display: inline-block; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(60deg); transform: rotate(60deg); position: absolute; top: 110px; right: -6px; width: 120px; text-align: center;}
.hex-langs li {display: inline-block; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); width: 30px; height: 26px; background: url('../svg/hex-lang-label.svg') center center no-repeat; font-size: 14px; color: #fff; letter-spacing: -0.025em; text-align: center; line-height: 26px; text-transform: uppercase; margin-left: -4px;}

/* error page fix */
.error-page-fix header {margin-top: 19px;}
.error-page-fix .move-btn--up {display: none;}

/* @fixme: zablokowane do czasu akceptacji #82971 */
/*.hex-langs li.blue {background-image: url('../svg/hex-lang-label-blue.svg');}*/
.hex-recommended {position: absolute; top: 15px; right: -4px; width: 68px; height: 94px; background: url('../svg/hex-recommended.svg') right bottom no-repeat; background-size: contain; z-index: 2; -ms-transform: rotateZ(120deg); -webkit-transform: rotateZ(120deg); transform: rotateZ(120deg);}
.hex-recommended em {color: #4d4d4d; font-family: "karbon-bold", sans-serif; font-size: 13px; font-style: normal; letter-spacing: -0.010em; -webkit-transform: rotate(-60deg) translate(-49px, -23px); transform: rotate(-60deg) translate(-49px, -23px); display: block; width: 150px;}
.hexagon-list-item a:hover {color: #00a0df;}
.hexagon-list-item a:hover .hex-image-hover {opacity: 1;}
.hexagon-list-item a:hover .hex-caption {color: #00a0df;}
.hexagon-list-item a:hover .hex-country {color: #00a0df;}

.hexagon-format-slider .owl-wrapper-outer {opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; overflow: visible;}
.hexagon-format-slider .owl-wrapper-outer:before,
.hexagon-format-slider .owl-wrapper-outer:after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; background: transparent; z-index: 9;}
.hexagon-format-slider .owl-wrapper-outer:before {right: 100%; margin-right: 24px;}
.hexagon-format-slider .owl-wrapper-outer:after {left: 100%; margin-left: 24px;}
.hexagon-format-slider.hex-slider-loading .owl-wrapper-outer {opacity: 0; -webkit-transition: none; transition: none;}
.hexagon-list .owl-item {opacity: 0; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out;}
.hexagon-list .grabbing .owl-item,
.hexagon-list .owl-item.active {opacity: 1;}
.hexagon-list .owl-buttons div {position: absolute; top: 112px; width: 22px; height: 42px; text-indent: -9999px;}
.hexagon-list .owl-buttons .owl-prev {left: -24px;}
.hexagon-list .owl-buttons .owl-next {right: -24px;}
.hexagon-list .owl-buttons .owl-prev:before,
.hexagon-list .owl-buttons .owl-prev:after,
.hexagon-list .owl-buttons .owl-next:before,
.hexagon-list .owl-buttons .owl-next:after {content: ""; position: absolute; top: 0; width: 18px; height: 42px; background-size:contain; background-repeat: no-repeat; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.hexagon-list .owl-buttons .owl-prev:before,
.hexagon-list .owl-buttons .owl-prev:after {right: 0;}
.hexagon-list .owl-buttons .owl-next:before,
.hexagon-list .owl-buttons .owl-next:after {left: 0;}
.hexagon-list .owl-buttons .owl-prev:before { background-image: url('../svg/diamond-hex-slider_1.svg');}
.hexagon-list .owl-buttons .owl-prev:after { background-image: url('../svg/diamond-hex-slider_3.svg'); opacity: 0;}
.hexagon-list .owl-buttons .owl-next:before { background-image: url('../svg/diamond-hex-slider_2.svg');}
.hexagon-list .owl-buttons .owl-next:after { background-image: url('../svg/diamond-hex-slider_4.svg'); opacity: 0;}
.hexagon-list .owl-buttons .owl-prev:hover:before,
.hexagon-list .owl-buttons .owl-prev:hover:after {opacity: 1; -webkit-transform: translateX(-4px); transform: translateX(-4px);}
.hexagon-list .owl-buttons .owl-next:hover:before,
.hexagon-list .owl-buttons .owl-next:hover:after {opacity: 1; -webkit-transform: translateX(4px); transform: translateX(4px);}

.hexagon-detailed-list-item {margin-bottom: 50px;}
.hexagon-detailed-list .hexagon-list-item,
.hexagon-detailed-list .text-content {margin-bottom: 0; z-index: 0;}
.hexagon-detailed-list .header-tetriary {max-height: 72px;}
.hexagon-detailed-list .hex-action-list {margin-bottom: 20px; position: absolute; left: 280px; top: 100%; margin-top: -65px;}
.hexagon-detailed-list .hex-action-list li {float: left; height: 30px; margin: 0 12px 4px;}
.hexagon-detailed-list .hex-action-list li a {vertical-align: bottom;}

.hexagon-list-item.speaker-profile {margin: 50px 0 0;}

.hexagon-list-item.hex-small {
  margin-bottom: 30px;
  font-size: 16px;
}
.hexagon-list-item.hex-small .hex-image {max-width: 150px;}
.hexagon-list-item.hex-small .hex-title {color: #00a0df;}
.hexagon-list-item.hex-small .hex-country {font-size: 14px;}

.slider-section {overflow: hidden;}

/** hex bar */
.cta-bar-wrap {padding: 0 36px; position:relative;}
.cta-bar-wrap.cta-bar-last {margin-bottom: 60px;}
.cutout-bg .col-3:first-child .cta-bar-wrap { margin-top:40px; }
.cta-bar {height: 100px; width: 100%; padding: 0 44px; background-color: #ededee; display: table;}
.cta-bar:before,
.cta-bar:after {content: ""; width: 36px; height: 100px; position: absolute; top: 0;  }
.cta-bar:before {left: 1px; background: url('../svg/diamond-bar-100_1.svg') no-repeat; }
.cta-bar:after {right: 1px; background: url('../svg/diamond-bar-100_2.svg') no-repeat; }
.cta-bar p {margin: 0; font-size: 32px; display: table-cell; height: 100%; vertical-align: middle; text-align: left; padding-right: 44px; line-height: 1.1;}
.cta-bar .btn {float: right; margin-top: 30px;}

/** pager */
.pager {font-size: 0; margin: 0 0 80px; opacity: 1; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.pager li {display: inline-block; margin: 0 3px;}
.pager li a {font-size: 20px; display: block; width: 14px; padding-left: 0; padding-right: 0; text-align: center;}
.pager li a:hover {color: #4d4d4d;}
.pager li.pager-current a,
.pager li.pager-current:hover a {color: #00a0df;}
.pager li.pager-inactive {display: none; opacity: 0;}
.pager li.pager-prev a,
.pager li.pager-next a {width: auto;}

/** live questions */
.live-questions {margin-bottom: 80px;}
.live-questions h2 {margin: 26px 0 24px; text-transform: uppercase; font-size: 20px; line-height: 1;}
.live-questions h2:first-child {margin-top: 0;}
.live-questions ul {padding: 0 40px; text-align: justify;}
.live-questions ul li {padding: 14px 10px 16px;}
.live-questions ul li:first-child {padding-top: 4px;}
.live-questions ul li.question-current {background-color: #e7e62f; padding-top: 14px;}
.live-questions p {margin: 0; font-size: 16px; line-height: 1;}
.live-questions p strong {display: block; text-align: center; margin-bottom: 6px;}

/** action icons */
.action-icons {font-size: 0; padding: 0; margin: 0 0 60px;}
.action-icons li {display: inline-block; width: 40px; height: 35px; background: url('../svg/action-icon.svg');}
.action-icons li a {display: block; width: 100%; height: 100%; background: no-repeat 50% 50%; opacity: 0.8; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; background-size: auto 47%;}
.action-icons li a:hover {opacity: 1;}
.action-icons li .action-facebook {background-image: url('../svg/link-action-facebook.svg');  background-size: 22% auto;}
.action-icons li .action-twitter {background-image: url('../svg/link-action-twitter.svg');}
.action-icons li .action-linkedin {background-image: url('../svg/link-action-linkedin.svg');}
.action-icons li .action-gplus {background-image: url('../svg/link-action-gplus.svg');}
.action-icons li .action-email {background-image: url('../svg/link-action-email.svg');}
.action-icons li .action-print {background-image: url('../svg/link-action-print.svg');}

/** links list */
.links-list {margin-bottom: 60px; text-align: left; font-size: 0;}
.links-list li {position: relative; font-size: 20px;}
.links-list li a {padding-left: 50px; color: #4d4d4d; line-height: 1; display: inline-block; position: relative; max-width: 100%; word-wrap: break-word;}
.links-list li a:hover {color: #00a0df;}
.links-list li a:before,
.links-list li a:after {content: ""; width: 40px; height: 35px; position: absolute; top: 4px; left: 0; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.links-list li a:before {opacity: 1; background: url('../svg/links-list-1.svg');}
.links-list li a:after {opacity: 0; background: url('../svg/links-list-2.svg');}
.links-list li a:hover:after {opacity: 1;}
.links-list li .link-icon {width: 40px; height: 35px; position: absolute; top: 4px; left: 0; background: no-repeat 50% 50%; background-size: auto 50%; z-index: 4;}
.links-list li + li {margin-top: 8px;}

.links-list.links-list-inline li {vertical-align: top; display: inline-block; width: 33.3%; padding-left: 30px;}
.links-list.links-list-inline li + li {margin-top: 0;}
.gutter .links-list.links-list-inline {margin-left: -30px; margin-right: -30px;}

.links-list li.external-link .link-icon {background-image: url('../svg/links-list-external.svg');}
.links-list li.audio-link .link-icon {background-image: url('../svg/links-list-audio.svg');}
.links-list li.video-link .link-icon {background-image: url('../svg/links-list-video.svg');}
.links-list li.doc-link .link-icon {background-image: url('../svg/links-list-doc.svg');}

/** hex link */
.hex-link {font-size: 20px; color: #4d4d4d; display: block; height: 30px; line-height: 28px; margin: 0 11px; padding: 0 4px; background-color: transparent; position: relative;}
.hex-link:before,
.hex-link:after {content: ""; width: 11px; height: 30px; position: absolute; top: 0; opacity: 0; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.hex-link:before {right: 100%; background: url('../svg/diamond-button-30_1.svg') 0 0 no-repeat; background-size: contain; }
.hex-link:after {left: 100%; background: url('../svg/diamond-button-30_2.svg') 0 0 no-repeat; background-size: contain; }
.hex-link:hover {color: #00a0df; background-color: #f1f1f1;}
.hex-link:hover:before,
.hex-link:hover:after {opacity: 1;}

.arrow-link {font-size: 16px; color: #00a0df; display: inline-block; position: relative; -webkit-transition: color 200ms ease-in-out, opacity 200ms ease-in-out, background-color 200ms ease-in-out; transition: color 200ms ease-in-out, opacity 200ms ease-in-out, background-color 200ms ease-in-out; margin-right: 10px;}
.arrow-link:hover {color: #4d4d4d;}
.arrow-link:before,
.arrow-link:after {content: ""; position: absolute; top: 7px; width: 4px; height: 8px; background-image: url('../img/layout/diamond-link-8.png'); -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; right: -10px;}
.arrow-link:before {background-position: -4px 0;}
.arrow-link:after {background-position: -4px -8px; opacity: 0;}
.arrow-link:hover:before,
.arrow-link:hover:after {opacity: 1; -webkit-transform: translateX(2px); transform: translateX(2px);}

.close-link {font-size: 16px; font-family: 'karbon-bold', sans-serif; text-transform: uppercase; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; height: 20px; line-height: 20px; padding-right: 20px;}
.close-link:before,
.close-link:after {content: ""; position: absolute; top: 4px; right: 0; width: 12px; height: 12px; background: url('../svg/close-link-1.svg'); background-size: contain;}
.close-link:after {background-image: url('../svg/close-link-2.svg'); opacity: 0; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.close-link:hover:after {opacity: 1;}

/** player */
.player-big {
  position: relative;
  margin: 50px 0 40px;
}
.player-big.uplayer-container {
    max-width: 1280px;
    max-height: 720px;
    /*min-height: 320px;*/
    /*min-width: 320px;*/
    min-width: 270px;
    min-height: 180px;
}
.player-big.uplayer-container::before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 56.25%;
}
.player-big.uplayer-container .player-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}
#video-popup { max-width: 1040px; width: 1040px; }
#video-popup .col-3 { width: 1040px; }
#video-popup .player-big.uplayer-container { min-height: 0; min-width: 0; }
#video-popup .player-big.uplayer-container .__uplayer__base { min-height: 0; min-width: 0; }
#video-popup .player-big { margin: 50px 0; }
.video-popup-opened .fancybox-inner { height: auto !important; overflow: hidden !important; }
.text-content .player-big { margin:0; }

.archive-video-placeholder {
  margin: 50px 0;
  padding: 70px 30px 60px;
  text-align: center;
  background: #00a1e6 url('../img/content/completedtransmission.png') no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
}
.archive-video-placeholder-title {
  font-size: 38px;
  letter-spacing: 1px;
}
.archive-video-placeholder-text {
  letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
  .archive-video-placeholder {
    padding: 40px 30px 50px;
  }

  .archive-video-placeholder-title {
    margin-bottom: 10px;
    font-size: 28px;
  }
}

/** default text */
.text-content {text-align: left; margin-bottom: 60px;}
.text-content .header-tetriary {margin: 0 0 20px;}
.text-content .header-tetriary a { color:#4d4d4d; }
.text-content a {color: #00a0df;}
.text-content a:hover {color: #4d4d4d;}
.text-content p {margin: 0 0 20px;}
.text-content ul {margin: 0 0 20px; padding: 0; list-style: none;}
.text-content ul li {padding-left: 14px; position: relative;}
.text-content ul li:before {content: ""; position: absolute; top: 11px; left: 2px; width: 5px; height: 6px; background: url('../svg/text-content-bullet.svg'); background-size: contain; background-repeat: no-repeat;}
.text-content .small {font-size: 16px;}
.text-content figure {margin: 34px 0;}
.text-content figure:first-child {margin-top: 0;}
.text-content figure figcaption {font-size: 16px;}

.tech-spec {font-size: 16px; line-height: 1; margin-bottom: 80px;}
.tech-spec h3 {margin-top: -8px;}
.tech-spec h4 {font-family: 'karbon-bold', sans-serif; margin: 0 0 4px;}
.tech-spec p {margin: 0 0 4px;}
.tech-spec ul {margin: 0 0 16px;}
.tech-spec ul li:before {top: 5px;}

.link-back {margin: 0 0 50px;}
.header-secondary + .link-back {margin-top: -10px;}

.contact-icon {margin: 16px 0 6px;}
.contact-icon + .header-secondary {margin-top: 0;}

.browser-icon {margin: 20px 0 40px;}

.browser-list {font-size: 0; width:520px; margin: -20px auto 40px; list-style: none; padding: 0;}
.browser-list li {width: 130px; float:left; font-size: 14px; vertical-align: top;}
.browser-list li a {color: #4d4d4d;}
.browser-list li strong {font-size: 15px; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out;}
.browser-list li a:hover strong {color: #00a0df;}
.browser-list li .img-slot {position: relative; height: 40px; margin: 0 0 15px;}
/*.browser-list li .img-slot img {position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}*/

.speaker-titles {margin-bottom: 60px;}
.speaker-titles li {padding-top: 1em; background: url('../svg/text-content-bullet.svg') no-repeat 50% 8px; background-size: 5px auto;}

/** accordion */
.acc-list {text-align: left; margin: 0 80px 80px; border-bottom: 1px solid #dbdbdb;}
.acc-list .acc {position: relative; border-top: 1px solid #dbdbdb; padding: 20px 0;}
.acc-list .acc > a {color: #4d4d4d; display: block; position: relative; padding: 0 50px 0 0;}
.acc-list .acc > a:hover {color: #00a0df;}
.acc-list .acc > a:after {content: ""; position: absolute; right: 20px; top: 7px; width: 11px; height: 6px; background: url('../img/layout/drop-down-arrow.png') 0 -6px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;}
.acc-list .acc-content {height: 0; opacity: 0; visibility: hidden; margin: 0 40px 0 20px; padding: 0 0 0 20px; overflow: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border-left: 1px solid #dbdbdb; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.acc-list .acc-content .text-content {margin: 0;}
.acc-list .acc.open > a:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.acc-list .acc.open .acc-content {opacity: 1; visibility: visible; margin-top: 30px;}

/** buttons */
.btn {height: 40px; line-height: 40px; padding: 0 22px 0 18px; color: #4d4d4d; font-family: 'karbon-bold', sans-serif; border-radius: 3px; position: relative; margin-right: 9px; white-space: pre; -webkit-transition: color 200ms ease-in-out, opacity 200ms ease-in-out, background-color 200ms ease-in-out; transition: color 200ms ease-in-out, opacity 200ms ease-in-out, background-color 200ms ease-in-out; border: none; font-size: 20px; display: inline-block; overflow:visible;}
.btn:after {content: ""; position: absolute; top: 8px; right: -10px; width: 24px; height: 24px; border-radius: 4px; -webkit-transform: scaleX(0.75) scaleY(1.3) rotate(45deg); transform: scaleX(0.75) scaleY(1.3) rotate(45deg);}
.btn-white {background-color: #fff; color: #4d4d4d;}
.btn-white:after {background-color: #fff; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.btn-white:hover {background-color: #ededee;}
.btn-white:hover:after {background-color: #ededee;}
.btn-lime {background-color: #e7e62f; color: #4d4d4d;}
.btn-lime:after {background-color: #e7e62f; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.btn-lime:hover {background-color: #00a0df; color: #fff;}
.btn-lime:hover:after {background-color: #00a0df;}
.btn-cerulean {background-color: #00a0df; color: #fff !important;}
.btn-cerulean:after {background-color: #00a0df; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.btn-cerulean:hover {background-color: #828282;}
.btn-cerulean:hover:after {background-color: #828282;}
.btn-gray {background-color: #ededee; color: #00a0df;}
.btn-gray:after {background-color: #ededee; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.btn-gray:hover {color: #4d4d4d;}
.btn-transparent {background-color: transparent; color: #4e5054; font-family: 'karbon-regular', sans-serif; padding-left: 0 !important;}
.btn-transparent:after {background-color: transparent;}
.btn-transparent:hover {color: #00a0df;}
.btn-disabled {background-color: #828282 !important; color: #fff !important; opacity: 0.5}
.btn-disabled:after {background-color: #828282 !important;}
.btn-disabled:hover {background-color: #828282 !important; color: #fff !important;}
.btn-disabled:hover:after {background-color: #828282 !important;}

.btn-small {height: 30px; line-height: 30px; font-size: 16px; padding: 0 12px 0 10px; margin-right: 8px;}
.btn-small:after {width: 18px; height: 18px; top: 6px; right: -8px;}

/** forms */
form {position: relative;}
.textfield {background-color: #f7f7f7; border: 1px solid #ededed; border-radius: 0; box-shadow: none; font-family: 'karbon-regular', sans-serif; font-size: 20px; line-height: 1.2; color: #4d4d4d; padding: 10px 14px; -webkit-appearance: none;}
textarea.textfield {width: 100%; height: 100px;}
.form-fieldset {margin-bottom: 40px;}
.form-group {position: relative;}

form p:first-child {margin-top: 0;}

.form-default {text-align: left; margin-bottom: 60px;}
.form-default.form-fieldsets {margin-bottom: 20px;}
.form-default .form-group + .form-group {margin-top: 20px;}

.form-inline {font-size: 0; margin-bottom: 60px;}
.form-inline .form-group {display: inline-block; font-size: 20px; vertical-align: top;}
.form-inline .form-group + .form-group {margin-left: 60px;}
.form-inline .checkbox-wrap {top: 9px;}

.form-inline.form-inline-narrow .chosen-container {width: 275px !important;}
.form-inline.form-inline-narrow .form-group + .form-group {margin-left: 20px;}

.form-centered {text-align: center; padding: 0 40px; margin-top: 10px; margin-bottom: 40px;}
.form-centered label {display: block; font-family: 'karbon-bold', sans-serif; margin-bottom: 16px;}
.form-centered .form-group + .form-group {margin-top: 20px;}

.filter-form {opacity: 1; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; z-index: 10;}
.filter-form-loading .container:after {content:''; display:block;}
.filter-form-loader,
.filter-form-loading .container:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  z-index: 1050;
}
.filter-form-loading .filter-form-loader,
.filter-form-loading .container {position:relative}
.filter-form-loading .container:after {visibility: visible;}
.filter-form-loading .filter-form {opacity: 0.5;}
.filter-form-loading .filter-form-container {background: url('../img/layout/loader.gif') no-repeat 50% 50px;}
.filter-form-loading .filter-item {opacity: 0;}
.filter-form-loading .SumoSelect .optWrapper { pointer-events:none; }
.filter-form-loading .SumoSelect .optWrapper:after {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255, 255, 255, 0) }
.filter-form-loading .pager {opacity: 0;}

.filter-item {opacity: 1; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.filter-item-hidden {opacity: 0;}

.form-popup {margin: 0;}
.form-popup .form-group + .form-group {margin-top: 15px;}
.form-popup .form-group.hr {margin-top: 30px; padding-top: 30px; border-top: 1px solid #ededed;}
.form-popup label {display: none;}
.form-popup select {padding: 0; width: 334px;}
.form-popup .textfield {background: #fff; font-size: 16px; color: #4e5054; width: 100%; padding: 6px 20px;}
.form-popup .valid-error {text-align: left; display: block; font-size: 14px; line-height: 1; color: #f30617; margin: 6px 0 0;}
.form-popup .checkbox-wrap {display: block; font-size: 16px;}
.form-popup .icheckbox {top: 1px;}

.ajax-form {opacity: 1; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; position: relative;}
.ajax-form.ajax-form-loading {opacity: 0.5;}
.ajax-form .filter-form-loader {position: absolute; top: 0; left: 0; right: 0; opacity: 0; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background: url('../img/layout/loader.gif') no-repeat 50% 50%;}
.ajax-form.ajax-form-loading .filter-form-loader {visibility: visible; opacity: 1;}

.empty-results p {font-size: 20px; font-family: 'karbon-bold', sans-serif; margin: 0 0 60px;}

.checkbox-wrap {-webkit-transition: color 200ms ease-in-out;transition: color 200ms ease-in-out; cursor: pointer; position: relative; padding-left: 36px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1; display: inline-block; vertical-align: top;}
.checkbox-wrap:hover {color: #00a0df;}
.icheckbox,
.SumoSelect > .optWrapper.multiple > .options li span i,
.SumoSelect .select-all > span i {width: 18px; height: 16px; position: absolute; top: 3px; left: 0; background: url('../img/layout/form-checkbox.png') -18px 0;}
.icheckbox.checked,
.SumoSelect > .optWrapper.multiple > .options li.selected span i,
  /*.SumoSelect .select-all > span i {background-position: 0 0;}*/
.SumoSelect .select-all.partial > span i,
.SumoSelect .select-all.selected > span i {background-position: -18px 0;}

.csstransforms3d.cssanimations .icheckbox.checked,
.csstransforms3d.cssanimations .SumoSelect > .optWrapper.multiple > .options li.selected span i,
.csstransforms3d.cssanimations .SumoSelect .select-all.selected > span i {background-position: -18px 0;}
.csstransforms3d.cssanimations .icheckbox:before,
.csstransforms3d.cssanimations .icheckbox:after,
.csstransforms3d.cssanimations .SumoSelect .options i:before,
.csstransforms3d.cssanimations .SumoSelect .options i:after,
.csstransforms3d.cssanimations .SumoSelect .select-all > span i:before,
.csstransforms3d.cssanimations .SumoSelect .select-all > span i:after {content: ""; position: absolute; width: 0; height: 3px; border-radius: 40%; background: #00a0df; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0;}
.csstransforms3d.cssanimations .icheckbox:before,
.csstransforms3d.cssanimations .SumoSelect .options i:before,
.csstransforms3d.cssanimations .SumoSelect .select-all > span i:before {top: 5px; left: 5px; -webkit-transform: rotate(45deg) scaleY(1.1); transform: rotate(45deg) scaleY(1.1); -webkit-transition: width 0ms ease-out 400ms, opacity 100ms ease-in-out; transition: width 0ms ease-out 400ms, opacity 100ms ease-in-out;}
.csstransforms3d.cssanimations .icheckbox:after,
.csstransforms3d.cssanimations .SumoSelect .options i:after,
.csstransforms3d.cssanimations .SumoSelect .select-all > span i:after {top: 10px; left: 7px; -webkit-transform: rotate(-45deg) scaleY(1.1); transform: rotate(-45deg) scaleY(1.1); -webkit-transition: width 0ms linear 400ms, opacity 100ms ease-in-out; transition: width 0ms linear 400ms, opacity 100ms ease-in-out;}
.csstransforms3d.cssanimations .icheckbox.checked:before,
.csstransforms3d.cssanimations .SumoSelect .options .selected i:before,
.csstransforms3d.cssanimations .SumoSelect .select-all.selected > span i:before {width: 8px; -webkit-transition: width 150ms ease-out 0ms; transition: width 150ms ease-out 0ms; opacity: 1;}
.csstransforms3d.cssanimations .icheckbox.checked:after,
.csstransforms3d.cssanimations .SumoSelect .options .selected i:after,
.csstransforms3d.cssanimations .SumoSelect .select-all.selected > span i:after {width: 13px; -webkit-transition: width 150ms linear 150ms; transition: width 150ms linear 150ms; opacity: 1;}

.csstransforms3d.cssanimations .SumoSelect .select-all.selected.partial > span i:before {width: 0; opacity: 0;}
.csstransforms3d.cssanimations .SumoSelect .select-all.selected.partial > span i:after {width: 0; opacity: 0;}

select {padding: 0 22px;}
.chosen-container-single,
.SumoSelect {margin: 0 13px; text-align: left; }
.SumoSelect,
.SumoSelect > .CaptionCont .placeholder,
.SumoSelect > .CaptionCont label { cursor:pointer;}
.chosen-container-single .chosen-single,
.SumoSelect > .CaptionCont {border: none; height: 40px; line-height: 38px; background: #ededee; box-shadow: none; border-radius: 0; padding: 0 48px 0 18px; color: #4d4d4d; font-size: 20px; position: relative; overflow: visible; z-index: 1111;}
.chosen-container-single .chosen-single span {margin: 0;}
.chosen-container-single .chosen-single:before,
.chosen-container-single .chosen-single:after,
.SumoSelect > .CaptionCont:before,
.SumoSelect > .CaptionCont:after {content: ""; width: 15px; height: 40px; position: absolute; top: 0;}
.chosen-container-single .chosen-single:before,
.SumoSelect > .CaptionCont:before {right: 99%; background: url('../svg/diamond-button-40_1.svg') no-repeat; background-size: auto 100%;}
.chosen-container-single .chosen-single:after,
.SumoSelect > .CaptionCont:after {left: 99%; background: url('../svg/diamond-button-40_2.svg') no-repeat; background-size: auto 100%;}
.chosen-container-single .chosen-single div,
.SumoSelect > .CaptionCont > label > i {background: url('../svg/drop-down-arrow_1.svg') no-repeat 50% 50%; width: 11px; margin-right: 18px; background-size:contain;}
.chosen-container .chosen-drop,
.SumoSelect > .optWrapper {border: 1px solid #ededee; background: #f7f7f7; border-radius: 0 0 2px 2px; box-shadow: none; opacity: 0; -webkit-transition: opacity 200ms ease-in-out, left 0ms ease-in-out 200ms, -webkit-transform 200ms ease-in-out; transition: opacity 200ms ease-in-out, left 0ms ease-in-out 200ms, transform 200ms ease-in-out; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); max-height: 250px;}
.chosen-container.chosen-with-drop .chosen-drop,
.SumoSelect > .optWrapper.open {opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 200ms ease-in-out, left 0ms ease-in-out 0ms, -webkit-transform 200ms ease-in-out; transition: opacity 200ms ease-in-out, left 0ms ease-in-out 0ms, transform 200ms ease-in-out;}
.chosen-container .chosen-results,
.SumoSelect > .optWrapper.multiple > .options {padding: 0; margin: 0;}
.chosen-container .chosen-results li,
.SumoSelect > .optWrapper.multiple > .options li,
.SumoSelect .select-all {padding: 0 18px; height: 40px; line-height: 38px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.chosen-container .chosen-results li:first-child,
.SumoSelect .select-all {margin-top: 10px;}
.chosen-container .chosen-results li:last-child,
.SumoSelect > .optWrapper.multiple > .options li:last-child {margin-bottom: 10px;}
.chosen-container.chosen-with-drop {z-index: 1222;}

.chosen-container-single .chosen-single:hover,
.SumoSelect:hover > .CaptionCont span.placeholder {color: #00a0df;}
.chosen-container .chosen-results li.result-selected,
.chosen-container .chosen-results li.highlighted {background: #ededee;}
.chosen-container .chosen-results li.result-selected {color: #4d4d4d;}
.chosen-container .chosen-results li.highlighted {color: #00a0df;}

.chosen-container .mCS-jscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.chosen-container .mCS-jscroll .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar,
.chosen-container .mCS-jscroll .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar,
.SumoSelect .mCS-jscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.SumoSelect .mCS-jscroll .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar,
.SumoSelect .mCS-jscroll .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar {background: #4d4d4d;}

.SlectBox { width:280px; } /* sztywniak na szybko... */
.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont { box-shadow: none; border-color: transparent; }
.SumoSelect > .CaptionCont > span.placeholder { font-style:normal; color:#000; -webkit-transition:color 200ms ease-in-out; transition:color 200ms ease-in-out; }
.SumoSelect > .optWrapper > .options { max-height: 200px; }
.SumoSelect > .optWrapper > .options li {border-bottom: 0;}
.SumoSelect > .optWrapper.multiple > .options li,
.SumoSelect .select-all {padding-left: 45px;}
.SumoSelect .select-all {margin-bottom:0; border:0; background: none;}
.SumoSelect .select-all.partial > span i { background-color:transparent; }

.choose-language {margin: 0;}
.language-flags {margin: 60px 0 60px; text-align: center;}
.language-flags p {font-size: 20px; margin: 0 0 20px;}
.language-flags ul li {display: inline-block; margin: 0 3px 6px; position: relative;}
.language-flags ul li img {display: block; opacity: 1; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;}
.language-flags ul li .tooltip-wrapper {position: absolute; width: 300%; left: -100%; text-align: center; bottom: -45px; vertical-align: middle; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.language-flags ul li .tooltip {height: 22px; line-height: 16px; padding: 2px 15px 4px; display: inline-block; font-size: 14px; vertical-align: middle; background: #fff; border: 1px solid #ededee; box-shadow: 0 2px 2px rgba(0,0,0,.15); border-radius: 5px;}
.language-flags ul li:hover img {opacity: 0.7;}
.language-flags ul li:hover .tooltip-wrapper {opacity: 1; visibility: visible;}

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 120dpi)
{
    /*.language-flags img { opacity: 0 !important; }*/
    /*.language-flags li {background-size: 100% auto !important;}*/
  .language-flags .tooltip-wrapper {
    display: none;
  }
}

.mobile-device select:not(.capture_specialty) {display: block !important; position: absolute; top: 0; left: 0; z-index: 1112; height: 100%; padding: 0 22px; margin: 0 13px; opacity: 0;}
.mobile-device .chosen-container {pointer-events: none;}

/** custom scroll */
.mCS-jscroll.mCSB_inside > .mCSB_container {margin-right: 0;}
.mCS-jscroll .mCSB_scrollTools {width: 5px; opacity: 1; margin: 5px;}
/*.mCS-jscroll .mCSB_scrollTools .mCSB_draggerRail {background-color: #dbdbdb;}*/
.mCS-jscroll .mCSB_scrollTools .mCSB_draggerRail {background: none;}
.mCS-jscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #d9ecf3; width: 100%; border-radius: 2px;}
.mCS-jscroll .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar,
.mCS-jscroll .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar {background-color: #00a0df;}

.chosen-container .mCSB_scrollTools {margin: 10px 10px 10px 0;}

/** fancybox */
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background: none;}
.fancybox-overlay {background: rgba(0,0,0,.3); opacity: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; top: -50%; left: -50%; bottom: -50%; right: -50%;}
.fancybox-opened + .fancybox-overlay {opacity: 1;}

.fancybox-wrap {-webkit-transform: scale(0.85);transform: scale(0.85); opacity: 0 !important; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-timing-function: ease; transition-timing-function: ease;}
.fancybox-wrap.fancybox-opened {-webkit-transform: scale(1);transform: scale(1); opacity: 1 !important;}
.fancybox-wrap.fancybox-animated-position {-webkit-transition-property: -webkit-transform, opacity, top, left;transition-property: transform, opacity, top, left;}

.fancybox-skin {border: 1px solid #ededed; border-radius: 1px; background: #fff;}
.fancybox-opened .fancybox-skin {box-shadow: none;}

.fancybox-close {width: 12px; height: 12px; top: 10px; right: 10px; background: url('../svg/popup-close.svg') no-repeat 50% 50%; background-size: 100% 100%; -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 0.3; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;}
.fancybox-close:hover {-webkit-transform: rotate(180deg);transform: rotate(180deg); opacity: 1;}
.fancybox-close:after {content: ""; position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; border-radius: 50%;}

.fancybox-content {padding: 30px 55px 35px;}
.fancybox-content section { max-height:500px; overflow:auto;}
.fancybox-content .header-secondary {margin: 0 0 30px; line-height: 1.1;}
.fancybox-content .header-tetriary {font-size: 25px; margin: 0 0 6px; color: #4d4d4d; line-height: 1;}
.fancybox-content p {font-size: 16px;}
.fancybox-content p strong {color: #4d4d4d;}

.fancybox-content .recommended-transmission {margin: 0 0 30px;}
.fancybox-content .recommended-transmission p {margin: 0;}

.fancybox-content .text-content {max-width: 100%;}
.fancybox-content table {width: 100%;}
.fancybox-content .text-content,
.fancybox-content .text-content p {font-size: 20px;}
.fancybox-content .text-content .header-tetriary {margin: 0 0 20px;}

#fancybox-loading {margin: -30px 0 0 -30px; opacity: 1;}
#fancybox-loading div {background: #fff url('../img/layout/loader.gif') no-repeat 50% 50%; border: 1px solid #ededed; border-radius: 1px; width: 60px; height: 60px;}

.fancybox-wrap .mCS-jscroll .mCSB_scrollTools {margin: 40px 13px 5px 5px;}

.fullscreen .fancybox-wrap.fancybox-opened { -webkit-transform: none; -ms-transform: none; transform: none; }

/** footer */
footer {padding: 80px 0;}
footer nav {float: right; width: 55%;}
footer nav ul {margin: 0; padding: 0; height: 20px; text-align: right; font-size: 0; line-height: 16px;}
footer nav li {display: inline-block;}
footer nav li.img {}
footer nav li + li {margin-left: 28px;}
footer nav li.img + li {margin-left: 22px;}
footer nav li a {font-size: 16px; color: #4d4d4d; display: block;}
footer nav li a img {width: 81px;}
footer nav li.img a {margin: 0;}
footer nav > a, footer .list-clean > a {display: block; margin-top: 10px; float: right;}
footer nav > a img {max-width: 100%;}
footer .footer-claims {float: left;  text-align: left; width: 45%;}
footer p {font-size: 13px; line-height: 1.23; color: #a6a7a9; margin: 0;}
footer a:hover {color: #00a0df;}

/** cookies */
.cookie-law {display: none; background: #f0f0f0 url('../img/layout/cookie-law-bg.png') repeat-x 50% 100%; position: relative; -webkit-transition: margin 300ms ease-in-out; transition: margin 300ms ease-in-out; margin-top: 0;}
.cookie-law p {font-size: 16px; line-height: 1.25; margin: 20px 0; text-align: left; padding-right: 100px;}

/** overrides */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.fullscreen {width: 100%; height: 100%; background: #fff; padding-right: 0; -webkit-transition: none; transition: none; overflow: hidden;}
.fullscreen .player-big {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9997; margin: 0;}
.fullscreen  #video-popup .player-big { margin: 0 0; z-index: 9998; }
.fullscreen .player-big > img {width: 100%; height: 100%;}
.fullscreen .chat {z-index: 9999; opacity: 0.88; -webkit-transition: -webkit-transform 200ms ease-in-out, opacity 200ms ease-in-out; transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;}
.fullscreen .chat:hover {opacity: 1;}
.fullscreen .player-big .custom-player {width: 100%; height: 100%;}
.fullscreen .player-big #jw-video,
.fullscreen .player-big #jw-video_wrapper {height: 100% !important;}
.fullscreen .player-controls {bottom: 0;}

.custom-player {position: relative; background: #000; }
.custom-player iframe {height:563px; max-width:100%}
.custom-player * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; -webkit-tap-highlight-color: rgba(255,255,255,0);}
.custom-player object {display: block;}
.custom-player #jw-video,
.custom-player #jw-video_wrapper {vertical-align: bottom;}
.custom-player #jw-video img {display: block; width: 100%;}
.fullscreen .custom-player iframe {height:100%;}

.fake-player-for-not-logged { margin: 50px auto; background: #fff url('../img/layout/not-logged-bg.jpg') no-repeat center bottom; min-height: 562px; border: 1px solid #a7a5a6;  }

.player-loading {position: absolute; top: 10px; left: 15px; background: url('../img/layout/loader.gif') no-repeat 50% 50%; width: 50px; height: 50px; display: none; z-index: 10;}
.player-timeout {background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; color: #fff; font-size: 14px; left: 80px; padding: 10px; position: absolute; top: 17px; opacity: 0;}
.player-live {position: absolute; top: 20px; right: 20px; background: #f30617; display: none; line-height: 20px; padding: 0 12px; border-radius: 5px; font-size: 16px; font-family: "karbon-bold", sans-serif; color: #fff; text-transform: uppercase;}
.player-field {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.player-field .play-icon, .fake-player-for-not-logged .play-icon  {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 16%; min-width: 80px; cursor: pointer; background-size: 100% 100%;}
.player-controls {width: 100%; height: 66px; padding: 6px; position: absolute; bottom: 0; left: 0; visibility: hidden; background: rgba(0,0,0,.3); opacity: 1; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
.player-controls .control-button {float: left; display: table; vertical-align: middle; width: 48px; height: 48px; margin: 3px; border-radius: 3px; position: relative; background-color: transparent; -webkit-transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out; transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out;}
.player-controls .control-button:hover {background-color: rgba(49,89,138,.8);}
.player-controls .control-button.control-list:hover {border-radius: 0 0 3px 3px;}
.player-controls .control-button .control-button-label {display: table-cell; vertical-align: middle; color: #fff; width: 48px; height: 48px; background: url('../img/layout/jw-player-icons.png') no-repeat; line-height: 1;}
.player-controls .control-button.hidden {display: none; width: 0; margin: 0;}
.player-controls div.control-button .control-button-label {cursor: default;}
.player-controls div.control-button a.control-button-label {cursor: pointer;}
.player-controls ul {position: absolute; bottom: 48px; left: 0; margin: 0; padding: 0; list-style: none; width: 48px; background-color: rgba(49,89,138,.8); border-radius: 3px 3px 0 0; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 101;}
.player-controls ul li { padding-left:8px; }
.player-controls ul li:before { display:none; }
.player-controls ul li a {display: block; color: rgba(255,255,255,.3); -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; line-height: 1;}
.player-controls ul li a.active,
.player-controls ul li a:hover {color: rgba(255,255,255,1);}
.player-controls select {display: none;}
.player-controls .control-button:hover ul {opacity: 1; visibility: visible;}
.player-controls .jw-additional-options {float: left;}
.jw-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 2222; display: none; cursor: pointer;}
.player-overlay .jw-overlay {display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.player-mute .player-controls .jw-volume .volume-slider .volume-current {height: 0 !important;}

.player-controls .progress {float: left; height: 100%; position: relative; margin: 0 10px; z-index: 99;}
.player-controls .progress .progressbar-wrapper {position: absolute; top: 50%; margin-top: -2px; height: 4px; left: 0; width: 100%; cursor: pointer; border-radius: 1px;}
.player-controls .progress .progressbar {position: absolute; top: 0; height: 4px; left: 0; width: 0;}
.player-controls .progress .jw-total {width: 100%; background-color: #fff;}
.player-controls .progress .jw-buffer {background-color: #ccc;}
.player-controls .progress .jw-current {background-color: #00a0df;}
.player-controls .progress .jw-current .handle {position: absolute; top: -13px; right: -13px; width: 30px; height: 30px; border-radius: 50%; background: rgba(0,160,233,.5);/* transform: translate(50%, -50%) scale(0.5); transition: transform 100ms ease-in-out;*/}
.player-controls .progress .jw-current .handle:after {content: ""; position: absolute; top: 10px; left: 10px; width: 10px; height: 10px; background: #00a0df; border-radius: 50%;}
/*.player-controls .progress .jw-current .handle:hover,*/
/*.player-progress-sliding .player-controls .progress .jw-current .handle {transform: translate(50%, -50%) scale(1);}*/

.player-paused .player-controls .jw-playback .control-button-label {background-position: 0 0;}
.player-playing .player-controls .jw-playback .control-button-label {background-position: -48px 0;}

.player-controls .jw-time {width: auto; text-align: left;}
.player-controls .jw-time:hover {background: transparent;}
.player-controls .jw-time .control-button-label {background: none; font-size: 12px; width: auto; color: rgba(255,255,255,.5); font-family: arial, sans-serif;}
.player-controls .jw-time .control-button-label .jw-time-current {color: rgba(255,255,255,1);}
.player-controls .jw-time .jw-time-counter {width: 50px; display: inline-block;}

.player-controls .jw-subtitles .control-button-label {background-position: -96px -96px;}
.player-controls .jw-subtitles ul {padding: 11px 0; font-family: "karbon-bold", sans-serif;}
.player-controls .jw-subtitles ul li a {font-size: 16px; padding: 5px 0;}
.player-controls .jw-subtitles .control-button-label {font-size: 14px; font-family: "karbon-bold", sans-serif; padding: 0;}

.player-controls .jw-lang  .control-button-label {background-position: -96px -48px;}
.player-controls .jw-lang ul {padding: 11px 0; font-family: "karbon-bold", sans-serif;}
.player-controls .jw-lang ul li a {font-size: 16px; padding: 5px 0;}
.player-controls .jw-lang .control-button-label {font-size: 14px; font-family: "karbon-bold", sans-serif; padding: 0 0 0 21px;}

.player-controls .jw-volume .control-button-label {background-position: 0 -96px;}
.player-mute .player-controls .jw-volume .control-button-label {background-position: -48px -96px;}
.player-controls .jw-volume .volume-slider {position: absolute; bottom: 48px; left: 0; width: 48px; height: 100px; background-color: rgba(49,89,138,.8); border-radius: 3px 3px 0 0; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 101;}
.player-controls .jw-volume:hover .volume-slider {opacity: 1; visibility: visible;}
.player-controls .jw-volume .volume-slider .volume-control-wrapper {height: 85px; width: 28px; top: 10px; left: 10px; position: absolute; cursor: pointer;}
.player-controls .jw-volume .volume-slider .volume-control {position: absolute; width: 28px; bottom: 0; left: 0;  background: url('../img/layout/jw-player-volume.png') no-repeat; height: 100%;}
.player-controls .jw-volume .volume-slider .volume-total {background-position: -28px 100%;}
.player-controls .jw-volume .volume-slider .volume-current {background-position: 0 100%;}
.player-volume-sliding .jw-volume {background-color: rgba(49,89,138,.8);}
.player-volume-sliding .jw-volume .volume-slider {opacity: 1; visibility: visible;}

.player-controls .jw-quality .control-button-label {background-position: -96px 0;}
.player-controls .jw-quality ul {padding: 11px 0;}
.player-controls .jw-quality ul li a {font-size: 12px; padding: 7px 5px;}
.player-controls .jw-quality .control-button-label {font-size: 12px; font-family: "karbon-bold", sans-serif; padding: 0 5px;}

.player-controls .jw-fullscreen .control-button-label {background-position: 0 -48px;}
.fullscreen .player-controls .jw-fullscreen .control-button-label {background-position: -48px -48px;}

.player-started .player-field .play-icon {display: none;}
.player-started .player-controls {visibility: visible;}
.player-started .player-live {display: block;}
.player-started.player-archive .player-live {display: none;}
.player-inactive .player-controls {opacity: 0;}
.fullscreen .player-controls {opacity: 0;}
.fullscreen .player-controls:hover {opacity: 1;}
.player-buffering .player-loading {display: block;}
.player-freeze.player-html5 .player-timeout {opacity: 1; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease;}
.player-stream .jw-time {display: none; width: 0; margin: 0;}
.player-stream .progressbar-wrapper {display: none;}

.mobile-device .player-controls .control-button:hover {background: transparent;}
.mobile-device .player-controls select {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.mobile-device .player-controls ul,
.mobile-device .player-controls .jw-volume .volume-slider {display: none;}
.mobile-device .player-inactive .player-controls {opacity: 1;}

.countdown {margin-bottom: 40px; padding: 19px; font-size: 0; background: #e7e62f; border-radius: 5px 0 0 5px; position: relative;}
.countdown p {font-size: 20px; margin: 0;}
.countdown::after {content: ""; width: 40px; height: 100%; background: url('../svg/lime-bar-100_2.svg') no-repeat; background-size: auto 100%; position: absolute; top: 0; right: -39px;}
.countdown-label-wrap, .countdown-timer-wrap {display: inline-block; vertical-align: middle;}
.countdown-label-wrap {width: 45%;}
.countdown-label-wrap p {text-transform: uppercase;}
.countdown-timer-wrap {width: 55%;}
.countdown-timer {font-size: 0; text-align: right;}
.countdown-item {min-width: 50px; margin-left: 15px; display: inline-block; vertical-align: top;}
.countdown-item-label {font-size: 15px; text-transform: uppercase;}
.countdown-value {height: 36px; font-size: 36px; line-height: 1; display: block; font-family: 'karbon-bold', sans-serif; position: relative; perspective: 479px;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
}
.countdown-value::before {content: ''; width: 100%; height: 1px; background: #e7e62f; position: absolute; top: 20px; left: 0; z-index: 50;}
.countdown-value span {display: inline-block; min-width: 16px;}
.countdown-value .count {width: 50px; background: #e7e62f; position: absolute; line-height: 1.1; right: 0; transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform-style: flat; overflow: hidden;}
.countdown-value .top { height: 50%; top: 0; transform-origin: 50% 100%; z-index: 3;}
.countdown-value .bottom {line-height: 0.1; top: 50%; height: 50%;transform-origin: 50% 0;}
.countdown-value .next {z-index: 2;}
.countdown-value .next.bottom {transform: rotateX(90deg);  z-index: 2;}
.countdown-value.flip .next.bottom {transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transition: 250ms all 250ms ease-in-out;}
.countdown-value.flip .curr.top {-webkit-transform: rotateX(-90deg); transition: 250ms all ease-in-out;}

/* Loader */
/* After miaa login popup closes ajax in still progress hence loader still is needed  */
.janssen-tv-is-loading {
  max-height: 100%;
  overflow: hidden;
}

.janssen-tv-is-loading::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5) url(../img/layout/loader.gif) center center no-repeat;
  z-index: 9999;
}

.miaa button.close {
  z-index: 10;
}

/* 404 page */
.error-page {}
.error-page__code {font-size: 300px; font-weight: bold;}
.error-page__message {margin-left: 20%; margin-right: 20%;}

@media screen and (max-width: 1400px) {
    /** player */
    #video-popup { max-width: 816px; width: 816px; }
    #video-popup .col-3 { width: 816px; }
}

@media screen and (max-width: 859px) {
    /** player */
    #video-popup { max-width: 740px; width: 740px; }
    #video-popup .col-3 { width: 740px; }
}
@media screen and (max-width: 779px) {
    #video-popup { max-width: 720px; width: 720px; }
    #video-popup .col-3 { width: 720px; }
}
@media screen and (max-width: 768px) {
  #video-popup { max-width: 100%; width: 100%; }
  #video-popup .col-3 { width: 94%; padding-left: 0; padding-right: 0; }
  .video-popup-opened .fancybox-inner { height: auto !important; }
}
@media screen and (max-height: 460px) {
    #video-popup .player-big{
        margin: 40px 0;
    }
}

/** non-HD */
@media screen and (max-width: 1179px) {

    /** header */
    .brand {width: 280px;}
    .brand a img {width: 170px;}
    .main-menu {width: 650px;}
    .main-menu a {font-size: 16px; padding: 0 6px;}

    /** big slider */
    /*.big-slider .hex-bg {width: 572px; height: 508px;}
    .hex-bg h2 {font-size: 32px; margin: 32px 40px 0;}
    .hex-bg .slider-date {font-size: 26px; margin: 40px 100px 0;}
    .hex-bg .hex-action-list {margin: 20px 0 0;}
    .hex-bg .hex-action-list li + li {margin-left: 20px;}
    .hex-slides-item img {width: 460px;}*/

    /** hex */
    .hex-image-multi {top: -8px;}
    .hex-image-label {height: 222px;}
    .hex-langs {top: 103px; right: -15px;}
    .hex-recommended {top: 4px; right: -9px;}
    .hexagon-list .owl-buttons div {top: 90px;}

    /** footer */
    footer {padding: 60px 0;}
    footer nav,
    footer .footer-claims {float: none; width: 100%;}
    footer .footer-claims {text-align: left; margin-top: 20px;}
    footer nav > a {float: left;}

    /** chat */
    .message .inner {margin: 0 100px; padding: 18px 50px; border-radius: 3px;}
    .message .inner:before,
    .message .inner:after {content: none;}
    .message p {font-size: 20px;}

    .browser-list {width: 400px;}
    .browser-list li {width: 100px;}

    .player-controls .progress {
      margin-right: 0;
    }

}

/** tablet vertical */
@media screen and (max-width: 1019px) {
    /*survey*/
    .survey { display: none; }
    /*survey*/

    /** header */
    header {height: auto !important;}
    .header-no-menu {height: 185px;}
    .brand {width: 100%; margin-bottom: 0;}
    .brand-desktop {display: none;}
    .brand-mobile {display: inline-block;}
    .hamburger { display:block; }
	.main-menu { max-height:0; padding-right: 0; padding-bottom: 20px; margin-bottom: 0;}
	.main-menu ul {margin: 20px 0 0 20px; text-align: left;}
    .error404 #menu-toggle { display: none; }
    /** big slider */
    .big-slider {height: 30em; width: 33.25em;}
    .big-slider * { cursor: default !important; }
    .hex-bg {height: 0;}
    .hex-bg .hex-slide-text,
    .hex-bg .hex-langs {display: none;}
    .hex-bg .hex-slide-counter { right: 2%;}
    .hex-slides-item {margin: 0 auto; width: 33.250em; height: 29.550em; background: url('../svg/big-slider-bg.svg'); background-size: 100% 100%; color: #fff; line-height: 1; z-index: 10; display:table;-webkit-tap-highlight-color: rgba(0,0,0,0);}
    .hex-slides-item .hex-slide-text,
    .hex-slides-item .hex-langs {display: block;}
    .hex-slides-item .hex-slide-text {display: table-cell; width: 100%;}
    .hex-slides-item > img,
    .hex-slides-item > a {display: none;}

    .big-slider .hex-langs {right: 1%; top: 41%; width: 13em;}

    .hex-slides-item.pos-cur {-webkit-transform: translate(0, 0) scale(1);transform: translate(0, 0) scale(1);}
    .hex-slides-item.pos-next {-webkit-transform: translate(67%, 0) scale(0.7);transform: translate(67%, 0) scale(0.7); opacity: 0.3;}
    .hex-slides-item.pos-last {-webkit-transform: translate(-67%, 0) scale(0.7);transform: translate(-67%, 0) scale(0.7); opacity: 0.3;}
    .hex-slides-item.pos-beyond {-webkit-transform: translate(0, 0) scale(0.6);transform: translate(0, 0) scale(0.6);}

    .big-slider .hex-slides-item.pos-cur .hex-langs .lang-hidden {opacity: 1;}

    .slider-controls-prev a:hover:after,
    .slider-controls-next a:hover:after {opacity: 0;}

    .slider-controls-next a:before {background-position: -1.300em 0;}
    .slider-controls-next a:after {background-position: -1.300em -3.000em;}
    .slider-controls-next a:before {background-image: url('../svg/diamond-big-slider_2.svg'); background-position: 0 0;}

    /** hex */
    .hexagon-list-item {padding: 0 20px;}
    .sm-linear-list .hexagon-list-item { display:block; width:100%; }
    .sm-linear-list .hex-image-wrap { max-width:298px; margin:0 auto; }
    .hex-image-multi {top: -6px;}
    .hex-image-label {height: 160px;}
    .hex-image-label span {font-size: 24px;}
    .hex-langs {top: 88px; right: -21px;}
    .hex-recommended {top: -7px; right: 3px; width: 80px; height: 111px; background: url('../svg/hex-recommended-smallscreen.svg') right bottom no-repeat; background-size: contain;}
    .hex-recommended em {-webkit-transform: rotate(-60deg) translate(-54px, -16px);transform: rotate(-60deg) translate(-54px, -16px);}
    .hexagon-list .owl-buttons div {top: 60px;}
    .hexagon-detailed-list .hex-action-list {position: static; margin-top: 0; margin-left: -12px;}

    /** hex bar */
    .cta-bar p {font-size: 24px;}

    /** accordion */
    .acc-list {margin-left: 0; margin-right: 0;}

    /** links list */
    .links-list.links-list-inline li {display: block; width: auto; padding-left: 0;}
    .links-list.links-list-inline li + li {margin-top: 8px;}
    .gutter .links-list.links-list-inline {margin-left: 0; margin-right: 0;}

    /** forms */
    .form-inline {text-align: left; padding: 0 40px;}
    .form-inline .form-group {display: block;}
    .form-inline .form-group + .form-group {margin: 10px 0 0;}

    .form-inline.form-inline-narrow {text-align: /*center*/left; display: inline-block;}
    .form-inline.form-inline-narrow .form-group + .form-group {margin-left: 0;}
    .form-inline.form-inline-narrow .form-group button {display: block; margin: auto;}

    .browser-list li {width: 100px;}

    .chat-in .message .inner {margin: 0 20px; }
    .chat-in.chat-out .message .inner {margin: 0 100px; }

    /** footer */
    footer nav {
        width: 100%;
        float: none;
        text-align: left;
    }
    footer nav ul{
        text-align: left;
    }
    footer .footer-claims{
        width: 100%;
        float: none;
    }

  .fake-player-for-not-logged {
    background-size: 50%;
  }
}

@media screen and (max-height: 799px) and (min-width: 769px) {
    header {height: 120px;}
	.header-no-menu {height: 145px;}
    .brand a img {margin-top: 0;}
    .main-menu ul,
    .hamburger {margin-top: 16px;}
    .big-slider {margin-top: -20px;}
    .big-slider .hex-action-list li + li {margin-left: 1.000em;}
}

@media screen and (max-height: 799px) {
  .main-menu ul {margin-top: 48px;}
}

@media screen and (max-height: 650px) {
	.chat-tab h2 { display:none; }
}

/** non mobile */
@media screen and (min-width: 769px) {
    .mob-vis,
    .mob-vis-inline {display: none;}
}

/** mobile */
@media screen and (max-width: 768px) {

    h1, .header-primary {font-size: 28px;}
    h2, .header-secondary {font-size: 28px;}
    h3, .header-tetriary {font-size: 16px;}

    .mob-vis {display: block;}
    .mob-vis-inline {display: inline-block;}
    .mob-hidden {display: none;}

    section {overflow: hidden;}

    h1, .header-primary {margin: 20px 0 ;}
    h2, .header-secondary {margin: 20px 0;}
    h1 + h2, .header-primary + .header-secondary, .header-secondary + .header-primary {margin-top: -20px;}

    .cookie-law p {padding: 30px 0 0 0;}
    .close-link {top: 20px; bottom: auto; left: 20px; right: auto;}
    .hamburger {width: auto; position: absolute; top: 30px; right: 20px; padding: 30px 0 0 0;  margin: 0; font-family: "karbon-regular", sans-serif; color: #d8d8d8 !important;; -webkit-transition: color 200ms ease-in-out;; transition: color 200ms ease-in-out; font-size: 18px; background: none !important;}
    .hamburger:before,
    .hamburger:after {content: none;}
    .hamburger em,
    .hamburger em:after,
    .hamburger em:before {position: absolute; height: 5px; width: auto; background: #d8d8d8 !important;; border-radius: 3px; -webkit-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out;}
    .hamburger em:after,
    .hamburger em:before {content: ""; left: 0; right: 0;}
    .hamburger em {top: 20px; left: 1px; right: 1px;}
    .hamburger em:after {top: 11px;}
    .hamburger em:before {top: -11px;}
    .hamburger.open {color: #525252 !important;}
    .hamburger.open em,
    .hamburger.open em:after,
    .hamburger.open em:before {background: #525252 !important;;}

    .main-menu {max-height: none; width: 100%; padding: 0 20px; background: url('../img/layout/cutout-bg.png') no-repeat 50% 0; height: 0; -webkit-transition: height 300ms ease-out; transition: height 300ms ease-out;}
    .main-menu.open {max-height: none; height: 450px;}
    .main-menu ul {margin: 0; padding: 12px 0;}
    .main-menu ul li {display: block; text-align: center;}
    .main-menu ul li + li {border-top: 1px solid #dbdbdb;}
    .main-menu a {background: none !important; padding: 0; margin: 0; line-height: 60px; height: 60px; display: block; font-size: 22px; color: #4e5054;}
    .main-menu a:after,
    .main-menu a:before {content: none;}

    ul.profile-menu {border-bottom: 1px solid #dbdbdb; padding-bottom: 0;}

    .account-actions {text-align: center;}
    .account-actions li {position: static;}
    .account-actions form {text-align: right;}
    .account-actions .logout {width: 15px; height: 15px; display: inline-block; border: 3px solid #00a0df; border-radius: 50%; position: relative; top: 3px; margin: 0 8px;}
    .account-actions .logout:before {content: ""; position: absolute; top: -3px; left: 2px; height: 9px; width: 5px; background: #ededed;}
    .account-actions .logout:after {content: ""; position: absolute; top: -4px; left: 3px; height: 7px; width: 3px; background: #00a0df; border-radius: 2px;}
    .brand {margin-bottom: 20px;}
    .brand a img {margin-left: 0;}

    .language-flags ul {width: 250px; margin: 0 auto;}

    .hexagon-list {width: 320px; margin: 0 auto; font-size: 16px;}
    .hexagon-list .owl-buttons .owl-prev {left: -10px; top: 104px;}
    .hexagon-list .owl-buttons .owl-next {right: -10px; top: 104px;}
    .hexagon-list-item,
    .hexagon-detailed-list-item {display: inline-block; width: auto; margin-bottom: 30px;}
    .hex-image-wrap {width: 280px; margin: 0 auto;}
    .hex-image-label {height: 266px;}
    .hex-image-label span {font-size: 32px;}
    .hex-recommended {top: 7px; right: -4px; width: 68px; height: 94px; background: url('../svg/hex-recommended.svg') right bottom no-repeat; background-size: contain;}
    .hex-recommended em {font-size: 13px; -webkit-transform: rotate(-60deg) translate(-49px, -23px); transform: rotate(-60deg) translate(-49px, -23px); width: 150px;}
    .hex-langs {top: 110px; right: -10px; width: 120px;}
    .hex-image-multi {top: -9px;}
    .hex-caption {height: auto;}
    .hex-description strong {height: auto;}
    .col-1 > .hexagon-list-item {padding-left: 0; padding-right: 0;}

    .cta-bar-wrap {padding: 0 20px}
    .cta-bar {padding: 20px; height: auto; text-align: left; border-radius: 3px; width: auto; display: inline-block;}
    .cta-bar:before,
    .cta-bar:after {content: none;}
    .cta-bar p {display: block; font-size: 20px; padding: 0;}
    .cta-bar .btn {float: none; margin-top: 20px;}

    .pager {margin-bottom: 40px;}
    .pager li {margin: 0;}
    .pager li a {font-size: 16px;}

    .form-inline {padding: 0;}

    .text-content {margin-bottom: 30px;}

    .chosen-container-single, .SumoSelect {padding: 0 13px; margin: 0; width: 100% !important;}
    .SumoSelect > .CaptionCont {width: 100%;}
    .mobile-device select {width: 100%; margin: 0;}
    .icheckbox {top: 1px;}

    footer {padding: 30px 0;}
    footer nav {text-align: left;}
    footer nav > a {width: 100%;}
    footer nav ul {height: auto; text-align: left;}
    footer nav li {float: none; display: block;}
    footer nav li a {display: inline-block;}
    footer nav li.img + li,
    footer nav li + li {margin-left: 0; margin-top: 8px;}

    .fancybox-content {padding: 20px 30px;}

    .player-big {margin: 25px -20px 20px;}
    .custom-player {min-height: 120px;}
    .player-live {font-size: 10px; line-height: 16px; padding-left: 5px; padding-right: 5px; right: 5px; top: 5px;}
    .player-loading {top: 50%; left: 50%; margin: -70px 0 0 -25px;}
    .player-timeout {top: 5px; left: 5px; right: 5px;}
    .player-controls {position: relative; background: #00a0df; padding: 40px 0 0; height: 92px; display: none;}
    .player-controls .control-button {margin: 0; width: 46px; height: 46px;}
    .player-controls ul,
    .player-controls .jw-volume .volume-slider {width: 46px;}
    .player-controls .jw-volume .volume-slider .volume-control-wrapper {left: 9px;}
    .player-controls .jw-additional-options {float: right;}
    .player-controls .jw-time {position: absolute; top: 0; left: 0;}
    .player-controls .jw-time .jw-time-current {position: absolute; top: 14px; left: 8px;}
    .player-controls .jw-time .jw-time-total,
    .player-controls .jw-time .separator {display: none;}
    .player-controls .progress {width: auto !important; left: 60px; right: 6px; position: absolute; top: 6px; height: 28px;}
    .player-controls .progress .jw-current {background-color: #27679b;}
    .player-controls .progress .jw-current .handle {background-color: rgba(39,103,155,.3)}
    .player-controls .progress .jw-current .handle:after {background-color: #27679b;}
    .player-controls .jw-subtitles .control-button-label {padding-left: 2px;}

    .player-stream .player-controls {padding-top: 4px; height: 56px;}
    .player-inactive .player-controls {opacity: 1;}
    .player-started .player-controls {display: block;}
    .fullscreen .player-big .custom-player {padding-bottom: 92px;}

    .fancybox-content .text-content,
    .fancybox-content .text-content p {font-size: 16px;}

    .countdown {width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 5px;}
    .countdown::after {display: none;}
    .countdown p {font-size: 16px;}
    .countdown-label-wrap, .countdown-timer-wrap {width: 100%; display: block; text-align: center;}
    .countdown-timer {padding-top: 10px; text-align: center;}
    .countdown-item {margin-left: 5px;}
    .countdown-value .count {width: 45px;}
    .countdown-value {font-size: 28px; height: 30px;}
    .countdown-value::before {top: 15px}
    .countdown-item-label {font-size: 14px;}
}

@media screen and (max-width: 767px) {
    .message { right: 0; }
    .message .inner, .chat-in .message .inner, .chat-in.chat-out .message .inner {margin: 0 20px; padding: 18px 50px 18px 18px;}

    .header-no-menu .brand a img {margin-top: 10px; margin-left: 0; margin-bottom: 10px;}

    .miaa input[type="color"],
    .miaa input[type="date"],
    .miaa input[type="datetime"],
    .miaa input[type="datetime-local"],
    .miaa input[type="email"],
    .miaa input[type="month"],
    .miaa input[type="number"],
    .miaa input[type="password"],
    .miaa input[type="search"],
    .miaa input[type="tel"],
    .miaa input[type="text"],
    .miaa input[type="time"],
    .miaa input[type="url"],
    .miaa input[type="week"],
    .miaa select:focus,
    .miaa textarea {
        font-size: 16px;
    }
  .error-page__code {font-size: 150px;}
  .error-page__message {margin-left: 20px; margin-right: 20px;}

}

@media screen and (max-width: 360px) {
    .hexagon-list .owl-buttons .owl-prev {left: 24px;}
    .hexagon-list .owl-buttons .owl-next {right: 24px;}
}
.lt-ie10 .hexagon-format-slider .owl-wrapper-outer {overflow: hidden;}
.lt-ie10 .hexagon-list .owl-item {opacity: 1;}

.miaa .container {
  text-align: initial;
  font-size: initial;
}

.miaa *[class*="col-"] {
  font-size: inherit;
}

.transmision-lang__item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-user-select: none;
}

.langs-trans.langs-trans--big-hex .transmision-lang__item {
  z-index: 12;
}

.transmision-lang__item-container {
    position: relative;
    height: 39px;
    padding: 0 5px 0 0;
    font-size: 15px;
    font-family: "karbon-bold", sans-serif;
    color: #fff;
    background-color: #00a3dd;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.transmision-lang__col {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.transmision-lang__col.transmision-lang__text {
    margin-left: 5px;
}

.transmision-lang__svg {
    font-size: 0;
}

.transmision-lang__svg svg {
    height: 20px;
    width: 20px;
    fill: #fff;
}

.transmision-lang__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
}

.transmision-lang__border-item {
    position: absolute;
    top: 0;
    height: 100%;
}

.transmision-lang__border-item svg {
    height: 39px;
    width: 13.73px;
}

.transmision-lang__border-item svg path {
    fill: #00a3dd;
}

.transmision-lang__border-item--left {
    left: -13px;
}

.transmision-lang__border-item--right {
    right: -13px;
}

/* TRANSLATIONS */
.big-slider .transmision-lang {
  position: absolute;
  width: 33.250em;
  top: 0;
  bottom: 0;
  left: 0;
}

.transmision-lang__item--trans .transmision-lang__item-container {
    padding: 1px 0 0 1px;
}

.transmision-lang__item--trans .transmision-lang__col.transmision-lang__text {
    margin-left: 9px;
    margin-bottom: 1px;
}

.transmision-lang__item--trans .transmision-lang__svg {
    margin-bottom: 4px;
}

.transmision-lang__counter {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    padding-left: 13px;
    padding-right: 7px;
    color: #686868;
    background-color: #ededed;
    z-index: -2;
    opacity: 1;
    transform: translateX(0) scale(1);
    transform-origin: right center;
    transition: transform 300ms 300ms ease-in-out, opacity 300ms 300ms ease-in-out;
}

.transmision-lang__counter:empty {
    display: none;
}

.transmision-lang__item--trans .transmision-lang__item-container:hover .transmision-lang__counter {
    opacity: 0;
    transform: translateX(-50%) scale(0.5);
    transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
}

.transmision-lang__counter-text {
    margin-left: 7px;
    line-height: 39px;
    white-space: nowrap;
}

.transmision-lang__counter-border {
    position: absolute;
    top: 0;
    right: -12px;
    height: 100%;
}

.transmision-lang__counter-border svg {
    height: 39px;
    width: 13.74px;
}

.transmision-lang__counter-border svg path {
    fill: #ededed;
}

.transmision-lang__langs {
    position: absolute;
    top: 0;
    left: 10px;
    color: #686868;
    z-index: -10;
    cursor: auto;

    opacity: 0;
    transform: translateX(-50%) scale(0.5);
    transform-origin: right center;
    transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
    pointer-events: none;
}

.transmision-lang__langs.transmision-lang__langs--short .transmision-lang__langs-container--narrow {
    padding-left: 40px;
}

.transmision-lang__item--trans .transmision-lang__item-container:hover .transmision-lang__langs {
    opacity: 1;
    transform: translateX(0) scale(1);
    pointer-events: all;
    transition: transform 300ms 300ms ease-in-out, opacity 300ms 300ms ease-in-out;
}

@media screen and (max-width: 1024px) {
  .touch .transmision-lang__mobile-overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -14px;
    right: -14px;
    z-index: -1;
    visibility: hidden;
    transition: visibility 0s 0.5s, z-index 0s 0.5s;
    /*background: red;*/
  }
  .touch .transmision-lang__item--trans .transmision-lang__item-container:hover + .transmision-lang__mobile-overlay {
    /*background: orange;*/
    visibility: visible;
    z-index: 1;
  }
  .touch .transmision-lang__mobile-overlay:hover {
    /*background: yellow;*/
    visibility: hidden;
    z-index: 1;
  }
}

.transmision-lang__item--trans .transmision-lang__item-container:hover .transmision-lang__counter:empty + .transmision-lang__langs {
    transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
}

.transmision-lang__langs-container {
    text-align: left;
    white-space: nowrap;
    background-color: #ededed;
}

.transmision-lang__langs-container--wide {
    margin-left: 14px;
    padding-left: 4px;
  padding-top: 1px;
  margin-top: -1px;
}
.transmision-lang__langs-container--narrow {
    padding-left: 63px;
}

.transmision-lang__item-lg {
    padding: 0 10px;
    line-height: 39px;
    display: inline-block;
    pointer-events: none;
}

.transmision-lang__langs-border--left {
    position: absolute;
    top: 0;
    left: -16px;
    height: 100%;
    z-index: -1;
}

.transmision-lang__langs-border--right {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
}

.transmision-lang__langs-container--narrow + .transmision-lang__langs-border--right {
    right: -12px;
}

.transmision-lang__langs-container--wide + .transmision-lang__langs-border--right {
    right: -30px;
}

.transmision-lang__langs-border--left svg,
.transmision-lang__langs-border--right svg {
    height: 39px;
    width: 13.74px;
}

.transmision-lang__langs-border--left svg { margin-right: -3px;}
.transmision-lang__langs-border--right svg { margin-left: -3px;}

.transmision-lang__langs-container--wide + .transmision-lang__langs-border--right + .transmision-lang__langs-border--left svg,
.transmision-lang__langs-container--wide + .transmision-lang__langs-border--right svg {
  height: 78px;
  width: 35.22px;
}

.langs-trans:not(.langs-trans--big-hex) {
  display: none;
}

.transmision-lang__item--native {
  top: 10px;
  left: 63px;
}

.transmision-lang__item--trans {
  top: 59px;
  left: 39px;
  cursor: pointer;
}

.langs-trans--big-hex .transmision-lang__item--native {
  top: 2%;
  left: 18%;
}

.langs-trans--big-hex .transmision-lang__item--trans {
  margin-top: 48px;
  top: 2%;
  left: 13.5%;
}

@media screen and (min-width: 1019px) and (max-height: 830px) {
    .langs-trans--big-hex .transmision-lang__item--native {
      left: 17%;
  }

    .langs-trans--big-hex .transmision-lang__item--trans {
      left: 11.5%;
  }
}

@media screen and (min-width: 1019px) and (max-height: 670px) {
    .langs-trans--big-hex .transmision-lang__item--native {
      left: 15%;
  }

    .langs-trans--big-hex .transmision-lang__item--trans {
      left: 8.5%;
  }
}

@media screen and (max-width: 1179px) {
  .transmision-lang__item--native {
    top: 10px;
    left: 53px;
  }

  .transmision-lang__item--trans {
    top: 59px;
    left: 25px;
  }
}

@media screen and (max-width: 1019px) {
  .transmision-lang__item--native {
    top: 10px;
    left: 25px;
  }

  .transmision-lang__item--trans {
    top: 59px;
    left: 12px;
  }
}


@media screen and (max-width: 784px) {
  .langs-trans--big-hex .transmision-lang__item--native {
      margin-top: 0;
    top: 6%;
    left: 16%;
  }

  .langs-trans--big-hex .transmision-lang__item--trans {
      margin-top: 0;
    top: 17%;
    left: 11%;
  }
}

@media screen and (max-width: 768px) {
  .transmision-lang__item--native {
    top: 10px;
    left: 50px;
  }

  .transmision-lang__item--trans {
    top: 53px;
    left: 26px;
  }

  .langs-trans--big-hex .transmision-lang__item--native {
    top: 6%;
    left: 15%;
  }

  .langs-trans--big-hex .transmision-lang__item--trans {
    top: 17%;
    left: 10%;
  }
}

@media screen and (max-width: 768px) and (max-height: 480px) {
  .langs-trans--big-hex .transmision-lang__item--native {
    top: 2%;
    left: 12%;
  }

  .langs-trans--big-hex .transmision-lang__item--trans {
    top: 15%;
    left: 4%;
  }

  .transmision-lang__item-container {
    height: 30px;
    font-size: 13px;
  }

  .transmision-lang__item-lg,
  .transmision-lang__counter-text {
    line-height: 30px;
  }

  .transmision-lang__langs-border--left svg,
  .transmision-lang__langs-border--right svg,
  .transmision-lang__counter-border svg,
  .transmision-lang__border-item svg {
    height: 30px;
    width: 10.56px;
  }

  .transmision-lang__counter-border {
    right: -10px;
  }

  .transmision-lang__border-item--left {
    left: -9px;
  }

  .transmision-lang__border-item--right {
    right: -9px;
  }

  .transmision-lang__langs-container--wide + .transmision-lang__langs-border--right + .transmision-lang__langs-border--left svg,
  .transmision-lang__langs-container--wide + .transmision-lang__langs-border--right svg {
    height: 60px;
    width:27.09px;
  }

  .transmision-lang__langs-border--left {
    left: -9px;
  }

  .transmision-lang__langs-container--narrow + .transmision-lang__langs-border--right {
    right: -9px;
  }

  .transmision-lang__langs-container--wide + .transmision-lang__langs-border--right {
    right: -23px;
  }
}

@media screen and (max-width: 575px) {
  .langs-trans--big-hex .transmision-lang__item--native {
    top: 6%;
    left: 14%;
  }

  .langs-trans--big-hex .transmision-lang__item--trans {
    top: 20%;
    left: 7%;
  }
}

@media screen and (max-width: 480px) {
  .langs-trans--big-hex .transmision-lang__item--native {
    top: 6%;
    left: 13%;
  }

  .langs-trans--big-hex .transmision-lang__item--trans {
    top: 20%;
    left: 4%;
  }
}

@media screen and (max-width: 360px) {
  .langs-trans--big-hex .transmision-lang__item--native {
    top: 2%;
    left: 13%;
  }

  .langs-trans--big-hex .transmision-lang__item--trans {
    top: 17%;
    left: 4%;
  }
}
.move-btn__container {
  position: fixed;
  bottom: 45px;
  right: 100px;
  font-size: 2.5px;
  z-index: 15;
  transition: opacity .5s;
}

.move-btn__parent {
    position: relative;
}

.move-btn {
  position: relative;
  width: 10em; height: 17.32em;
  border-radius: 1em/0.5em;
  background: #00a0df;
  transform: translate(-50%, -50%);
  transition: opacity .5s;
  cursor: pointer;
  opacity: 0.6;
}
.move-btn:hover,
.move-btn--down.animate .move-btn {
  opacity: 1;
}
.move-btn--hidden {
  display: none;
}
.move-btn--up.move-btn--hidden {
  /*transform: rotate(180deg);*/
}

.move-btn:before, .move-btn:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
}

.move-btn:before {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);/*Added for IE9*/
    transform: rotate(60deg);
}
.move-btn:after {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);/*Added for IE9*/
    transform: rotate(-60deg);
}

/*.move-btn--down {
  top: auto;
  bottom: 45px;
}*/

.move-btn__el {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.move-btn__el::before, .move-btn__el::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4.6em;
    height: 4.6em;
    margin-top: 0.5em;
    border: 1em solid rgba(255, 255, 255, 1);
    border-bottom: none;
    border-right: none;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: top 500ms;
    z-index: 1;
}

.animate-out .move-btn__el::before,
.animate-out .move-btn__el::after {
  transition: none;
}

.move-btn--down .move-btn__el::before, .move-btn--down  .move-btn__el::after {
    margin-top: -1em;
    transform: translate(-50%, -50%) rotate(-135deg);
}

@media screen and (min-width: 1025px) {
    .move-btn__el::after {
        top: 200%;
    }

  .move-btn--down.animate .move-btn__el::before,
  .move-btn:hover .move-btn__el::before {
    top: -150%;
  }

  .move-btn--down.animate .move-btn__el::after,
  .move-btn:hover .move-btn__el::after {
    top: 50%;
  }

    .move-btn--down .move-btn__el::after {
        top: -150%;
    }

  .move-btn--down.animate .move-btn .move-btn__el::before,
  .move-btn--down .move-btn:hover .move-btn__el::before {
    top: 200%;
  }
}

@media screen and (max-width: 768px) {
  .move-btn__container {
    right: 30px;
  }
}

@media screen and (max-width: 360px) {
  .move-btn__container {
    right: 15px;
  }
}

.header-top-container {
  padding-top: 19px;
}

.sign-box {
  position: absolute;
  top: 31px;
  right: 74px;
  display: inline-block;
}

.sign-box__el {
  position: relative;
}

.hexagon-box {
  position: relative;
  height: 39px;
  padding: 0 7px;
  font-family: 'karbon-bold', sans-serif;
  font-size: 16px;
  line-height: 39px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 300ms, color 300ms;
  display: inline-block;
  z-index: 2;
}

.hexagon-box--blue {
  color: #fff;
  background-color: #00a3dd;
}

.hexagon-box--blue:hover {
  color: #fff;
  background-color: #828282;
}

.hexagon-box--grey {
  color: #4d4d4d;
  background-color: #ededee;
}

.hexagon-box--grey:hover {
  color: #00a3dd;
  background-color: #ededee;
}

.hexagon-box__border {
  position: absolute;
  top: 0;
  height: 39px;
  width: 13.72px;
}

@media screen and (max-width: 1019px) {
  .header-top-container {
    padding-top: 0;
  }
}

.hexagon-box__border--left {
  left: -12.5px;
}

.hexagon-box__border--right {
  right: -13.5px;
}

.hexagon-box__border svg {
  width: 100%;
  height: 100%;
}

.hexagon-box--blue .hexagon-box__border svg path {
  fill: #00a3dd;
  transition: fill 300ms;
}

.hexagon-box--blue:hover .hexagon-box__border svg path {
  fill: #828282;
}

.sign-in-box {

}

.sign-out-box {

}

.account-details-box {
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: -14px;
  padding-right: 45px;
  padding-left: 13px;
  font-family: 'karbon-regular', sans-serif;
  font-size: 18px;
  line-height: 38px;
  text-transform: none;
  white-space: nowrap;
  z-index: 1;
}

/* lang and region selector */
.lang-region-selector {
  position: absolute;
  top: 31px;
  left: 381px;
  font-size: 0;
  color: #4d4d4d;
  text-transform: uppercase;
}

.lang-region-selector + .sign-box {
  transition: opacity 300ms;
}

.lang-region-selector:hover + .sign-box {
  opacity: 0;
}

.lang-region-selector:hover .lang-region-selector__container {
  opacity: 0;
}

.lang-region-selector:hover .lang-region-selector__el {
  border-right-color: rgba(204, 204, 204, 0);
}

.lang-region-selector__el:hover .lang-region-selector__container {
  opacity: 1;
}

.lang-region-selector__el {
  position: relative;
  padding: 0 14px;
  border-right: 1px solid rgba(204, 204, 204, 1);
  transition: border-color 300ms;
  display: inline-block;
}

.lang-region-selector__el:first-child {
  padding-left: 0;
}

.lang-region-selector__el:last-child {
  padding-right: 0;
  border: none;
}

.lang-region-selector__container {
  position: relative;
  transition: opacity 300ms;
  display: inline-block;
}

.lang-region-selector__container > * {
  display: inline-block;
}

.lang-region-selector__heading {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -8px;
  margin-right: 10px;
  font-size: 16px;
  line-height: 16px;
  transition: opacity 300ms;
  opacity: 0;
  pointer-events: none;
}

.lang-region-selector__container:hover .lang-region-selector__heading {
  opacity: 1;
}

.lang-region-selector__active {
  padding-left: 27px;
  font-size: 18px;
  color: #00a3dd;
  line-height: 39px;
  transition: opacity 300ms;
  cursor: pointer;
}

.lang-region-selector__container:hover .lang-region-selector__active {
  opacity: 0;
}

.lang-region-selector__icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  width: 16px;
  pointer-events: none;
}

.lang-region-selector__more {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 5px;
  transition: opacity 300ms;
  opacity: 0;
  pointer-events: none;
}

.lang-region-selector__more * {
  pointer-events: none !important;
}

.lang-region-selector__container:hover .lang-region-selector__more {
  opacity: 1;
  pointer-events: all;
}

.lang-region-selector__container:hover .lang-region-selector__more * {
  pointer-events: all !important;
}

.lang-region-elector__picker {
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style: none;
  white-space: nowrap;
}

.lang-region-elector__picker-el {
  margin-left: 17px;
  font-family: 'karbon-regular', sans-serif;
  font-size: 19px;
  display: inline-block;
}

.lang-region-elector__picker-el:first-child {
  margin-left: 0;
}

.lang-region-elector__link {
  color: #4d4d4d;
  vertical-align: top;
  overflow: hidden;
  display: inline-block;
  pointer-events: none;
}

.lang-region-elector__link:hover {
  color: #4d4d4d;
}

a.lang-region-elector__link {
  position: relative;
  color: #00a3dd;
  pointer-events: all;
}

a.lang-region-elector__link::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  margin-top: 9px;
  background-color: #00a3dd;
  transform: translateX(-110%);
  transition: transform 300ms;
}

a.lang-region-elector__link:hover {
  color: #00a3dd;
}

a.lang-region-elector__link:hover::after {
  transform: translateX(0);
}

@media screen and (max-height: 799px) {
  .lang-region-selector, .sign-box {
    top: 19px;
  }
}

@media screen and (max-width: 1179px) {
  .sign-box {
    right: 0;
  }
}

@media screen and (max-width: 1019px) {
  .sign-box {
    top: 25px;
  }

  .lang-region-selector {
    display: none;
  }
  .lang-region-mobile {
    display: block;
  }

  .sign-box-out--desktop, .sign-box-in--desktop {display: none;}
}
@media screen and (min-width: 1020px) {
  .lang-region-mobile, .sign-box-in--mobile, .sign-box-out--mobile, .new-hamburger {
    display: none;
  }
}

.lang-region-mobile {
}
.lang-region-mobile__group {
  position: absolute;
  right: 163px;
  top: 32px;
  white-space: nowrap;
}
.lang-region-mobile__action {
  position: relative;
  padding: 4px 0;
  font-size: 23px;
  line-height: 1;
  color: #00a1e1;
  display: inline-block;
  text-transform: uppercase;
}
.lang-region-mobile__action svg {
  position: absolute;
  left: 0;
}
.lang-region-mobile__action svg path {
  fill: #797979;
}
.lang-region-mobile__action--region {
  margin-right: 27px;
  padding-left: 38px;
}
.lang-region-mobile__action--region svg {
  width: 28px;
  height: 28px;
  top: 0;
}
.lang-region-mobile__action--lang {
  padding-left: 40px;
}
.lang-region-mobile__action--lang svg {
  width: 30px;
  height: 28px;
  top: 1px;
}

.new-hamburger {
  position: absolute;
  right: 0;
  top: 25px;
  width: 30px;
  height: 46px;
  background-color: #ededed;
}
.new-hamburger:hover {
  color: #00a1e2;
}

.new-hamburger__border {
  position: absolute;
  top: 0;
  height: 62px;
}
.new-hamburger__border svg {
  width: 18px;
  height: 46px;
}

.new-hamburger__border--left {
  left: -15px;
}

.new-hamburger__border--right {
  right: -15px;
}

.new-hamburger__icon {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  margin-top: -2px;
  background-color: #00a1e2;
  border-radius: 2px;
  z-index: 1;
}

.new-hamburger__icon::before, .new-hamburger__icon::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: inherit;
}

.new-hamburger__icon::before {
  top: -100%;
  margin-top: -7px;
}
.new-hamburger__icon::after {
  bottom: -100%;
  margin-bottom: -7px;
}

.new-hamburger__text {
  position: absolute;
  bottom: -22px;
  font-size: 18px;
  text-transform: uppercase;
  left: -8px;
  white-space: nowrap;
}

.sign-box-in--mobile, .sign-box-out--mobile {
  position: absolute;
  top: 0;
  right: 75px;
  width: 30px;
  height: 46px;
}
.sign-box-in--mobile:hover, .sign-box-out--mobile:hover {
  color: #00a1e2;
}

.sign-box-in--mobile {
  background-color: #00a1e2;
}
.sign-box-in--mobile .sign-box-in__icon path {
  fill: #fff;
}
.sign-box-in__border path {
  fill: #00a1e2;
}

.sign-box-out--mobile {
  background-color: #ededed;
}
.sign-box-out--mobile .sign-box-out__icon path {
  fill: #00a1e2;
}
.sign-box-out__border path {
  fill: #ededed;
}

.sign-box-in__border, .sign-box-out__border {
  position: absolute;
  top: 0;
  height: 46px;
}
.sign-box-in__border svg, .sign-box-out__border svg {
  width: 18px;
  height: 46px;
}

.sign-box-in__border--left, .sign-box-out__border--left {
  left: -15px;
}

.sign-box-in__border--right, .sign-box-out__border--right {
  right: -15px;
}

.sign-box-in__icon {
  width: 25px;
  height: 37px;
}

.sign-box-in__icon, .sign-box-out__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 31px;
  height: 25px;
  margin: -13px auto auto -16.5px;
  text-align: center;
  z-index: 1;
}
.sign-box-out__icon {
  margin-top: -12px;
  margin-left: -12px;
}
.sign-box-in__icon svg,
.sign-box-out__icon svg {
  width: 31px;
  height: 25px;
}

.sign-box-in__text, .sign-box-out__text {
  position: absolute;
  bottom: -22px;
  font-size: 18px;
  text-transform: uppercase;
  white-space: nowrap;
}
.sign-box-in__text {
  left: -8px;
}
.sign-box-out__text {
  left: -18px;
}

@media screen and (max-width: 768px) {
  .new-hamburger {
    right: 40px;
  }
  .sign-box-in--mobile, .sign-box-out--mobile {
    right: 115px;
  }
  .lang-region-mobile__group {
    right: 210px;
  }
}

@media screen and (max-width: 575px) {
  .new-hamburger {
    right: 30px;
  }
  .sign-box-in--mobile, .sign-box-out--mobile {
    right: 95px;
  }
  .lang-region-mobile__group {
    right: 160px;
  }
  .lang-region-mobile__action--region {
    margin-right: 15px;
  }
}

@media screen and (max-width: 480px) {
  .sign-box {
    top: 28px;
  }

  .new-hamburger {
    right: 20px;
    top: 28px;
  }

  .sign-box-in--mobile, .sign-box-out--mobile {
    right: 75px;
  }

  .sign-box-in__text, .sign-box-out__text, .new-hamburger__text {
    font-size: 15px;
  }

  .sign-box-out__text {
    left: -15px;
  }

  .new-hamburger__text {
    left: -7px;
  }

  .sign-box-in--mobile, .new-hamburger, .sign-box-out--mobile {
    width: 25px;
    height: 34px;
  }

  .new-hamburger__border, .sign-box-in__border, .sign-box-out__border {
    height: 34px;
  }

  .new-hamburger__border--left, .sign-box-in__border--left, .sign-box-out__border--left {
    left: -12px;
  }

  .new-hamburger__border--right, .sign-box-in__border--right, .sign-box-out__border--right {
    right: -12px;
  }

  .new-hamburger__border svg, .sign-box-in__border svg, .sign-box-out__border svg {
    width: 15px;
    height: 34px;
  }

  .sign-box-in__icon svg, .sign-box-out__icon svg {
    width: 25px;
  }

  .lang-region-mobile__group {
    right: 150px;
  }

  .brand a.brand-mobile img { width:110px; margin-top: 38px; margin-bottom:8px;}


}

@media screen and (max-width: 430px) {
  .lang-region-mobile__action {
    padding-left: 26px;
    font-size: 20px;
  }

  .lang-region-mobile__action--region svg {
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -9.5px;
  }

  .lang-region-mobile__action--lang svg {
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -8px;
  }
}

@media screen and (max-width: 380px) {
  .lang-region-mobile__group {
    top: 21px;
    right: 135px;
  }

  .lang-region-mobile__action {
    margin-top: 12px;
    padding-left: 19px;
    font-size: 17px;
  }

  .lang-region-mobile__action--region svg {
    width: 15px;
    height: 15px;
    top: 50%;
    margin-top: -7.5px;
  }

  .lang-region-mobile__action--lang svg {
    width: 15px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
  }
}

.mobile-lang-region-selector {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  height: 80px;
  padding: 0 28.17px;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms ease-in-out;
}

@media screen and (max-width: 1019px) {
  .mobile-lang-region-selector.show {
    opacity: 1;
    pointer-events: all;
  }

  body.hide-mobile-header .brand {
    opacity: 0 !important;
  }
}

.mobile-lang-region-selector-diamond {
  position: absolute;
  top: 0;
  left: 0;
  width: 28.17px;
  height: 80px;
}

.mobile-lang-region-selector-diamond svg {
  height: inherit;
  width: inherit;
}

.mobile-lang-region-selector-icon {
  position: absolute;
  top: 50%;
  left: 23px;
  height: 25px;
  width: 25px;
  margin-top: -12.5px;
}

.mobile-lang-region-selector-icon svg {
  height: inherit;
  width: inherit;
}

.mobile-lang-region-selector-icon svg path {
  fill: #787878;
}

.mobile-lang-region-selector__list {
  height: 100%;
  margin: 0;
  padding: 10px 14% 8px 16%;
  background-color: #ededee;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  text-transform: uppercase;
}

.mobile-lang-region-selector__el {
  flex: 0 0 20%;
  height: 50%;
  text-align: left;
  color: #00a0df;
}

.mobile-lang-region-selector-link {
  font-size: 22px;
}
.mobile-lang-region-selector-link:hover {
  color: inherit;
}

.mobile-lang-region-selector__close {
  position: absolute;
  top: 0;
  right: 27px;
  height: 100%;
  width: 35px;
  background-color: #00a0df;
}

.mobile-lang-region-selector__close-border {
  position: absolute;
  top: 0;
  height: 80px;
  width: 28.17px;
}

.mobile-lang-region-selector__close-border--left {
  left: -27px;
}

.mobile-lang-region-selector__close-border--right {
  right: -27px;
}

.mobile-lang-region-selector__close-border svg {
  width: inherit;
  height: inherit;
}

.mobile-lang-region-selector__close svg path {
  fill: #00a0df;
}

.mobile-lang-region-selector__close-cross {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  margin: -1px auto auto -15px;
  background-color: #fff;
  transform-origin: center center;
  transform: rotateZ(45deg);
}

.mobile-lang-region-selector__close-cross::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  transform-origin: inherit;
  transform: rotateZ(90deg);
}

@media screen and (min-width: 570px) {
  .mobile-lang-region-selector {
    max-width: 570px;
    width: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 480px) {
  .mobile-lang-region-selector {
    left: 5px;
    right: 5px;
  }

  .mobile-lang-region-selector-icon {
    left: 15px;
  }

  .mobile-lang-region-selector__list {
    padding: 10px 70px 8px 9%;
  }

  .mobile-lang-region-selector__el {
    text-align: center;
  }
}
.search{
  /*max-width: 570px;*/
  /*transform: translateX(-50%);*/
  position: absolute;
  /*top: 35px;*/
  right:0px;
  /*left: 15px;*/
  margin-right: 120px;
  /*height: 80px;*/
  /*padding: 0 28.17px;*/
  /*z-index: 10;*/
  /*opacity: 0;*/
  /*pointer-events: none;*/
  /*transition: opacity 500ms ease-in-out;*/
}
.search input {
  width: 150px;
}
.search-results {
  text-align:center;
  display:none;
  background-color: white;
}
.search-results .bottom{
  border-top: 1px solid;
}
.search-front-results .left-search{
  float:left;
  max-width:40%;
}
.search-front-results .right-search{
  float:right;
  max-width: 40%;
}