@charset "UTF-8";
/*input[type="button"], input[type="reset"], input[type="submit"],
button {
  @include appearance(none);
  -webkit-font-smoothing: antialiased;
  background-color: $action-color;
  border-radius: $base-border-radius;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: $base-font-family;
  font-size: $base-font-size;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;

  &:hover,
  &:focus {
    background-color: darken($action-color, 15%);
    color: #fff;
  }

  &:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
}*/
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Raleway:400,100,200,300,500,600,700,800,900);
fieldset {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin: 0 0 0.75em;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: roboto, sans-serif;
  font-size: 1em; }

label {
  margin-bottom: 0.375em; }
  label.required::after {
    content: "*"; }
  label abbr {
    display: none; }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple],
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: roboto, sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color;
  width: 100%; }
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
  select[multiple=multiple]:hover,
  textarea:hover {
    border-color: #c4c4c4; }
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
  select[multiple=multiple]:focus,
  textarea:focus {
    border-color: #477dca;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06) inset;
    outline: none; }

textarea {
  resize: vertical; }

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

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }
dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

table {
  -webkit-font-feature-settings: "kern", "liga", "tnum";
  -moz-font-feature-settings: "kern", "liga", "tnum";
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  -webkit-font-feature-settings: "kern", "liga", "pnum";
  -moz-font-feature-settings: "kern", "liga", "pnum";
  -ms-font-feature-settings: "kern", "liga", "pnum";
  font-feature-settings: "kern", "liga", "pnum";
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #477dca;
  text-decoration: none;
  transition: color 0.1s linear; }
  a:active, a:focus, a:hover {
    color: #2c5999; }
  a:active, a:focus {
    outline: none; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 1.5em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 0.75em; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

a {
  text-decoration: none;
  color: #FFC107; }
  a:hover {
    color: #263238; }

ul {
  list-style: none; }
  ul li {
    list-style: none; }

p {
  color: #263238;
  font-size: 14px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #263238;
  font-family: 'Raleway', Arial, sans-serif;
  line-height: 1.5em;
  letter-spacing: 0.04em; }

h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 100; }

h2 {
  font-size: 16px; }

.block-show {
  display: block !important; }

.line {
  float: left;
  display: block;
  margin-right: 1.09073%;
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #e0e0e0; }
  .line:last-child {
    margin-right: 0; }

.line-dashed {
  float: left;
  display: block;
  margin-right: 1.09073%;
  width: 100%;
  height: 2px;
  border-bottom: 1px dashed #eee; }
  .line-dashed:last-child {
    margin-right: 0; }

.line-dark {
  float: left;
  display: block;
  margin-right: 1.09073%;
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #263238; }
  .line-dark:last-child {
    margin-right: 0; }

.line-behind-text {
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  margin-bottom: 4.5em; }

.line-behind-text h6 {
  background: #fff;
  color: #263238;
  display: inline-block;
  font-size: 1em;
  font-weight: 500;
  padding: 0 20px;
  margin-bottom: 1.5em;
  position: relative;
  text-transform: uppercase;
  top: 30px; }

.clear {
  clear: both; }

input,
textarea {
  padding: 10px 10px;
  color: #999 !important;
  font-size: 14px;
  margin-bottom: 5px;
  border-radius: 0 !important;
  border: 1px solid #BDBDBD !important; }
  input:hover, input:focus,
  textarea:hover,
  textarea:focus {
    color: #263238 !important;
    border: 1px solid #263238 !important;
    -webkit-transition: 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: 0.5s;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.25) !important;
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.25) !important;
    box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.25) !important; }

sub,
sup {
  top: -0.01em;
  font-size: 0.6em; }

/* MARGIN */
.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

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

.margin-bottom-40 {
  margin-bottom: 40px; }

.margin-bottom-50 {
  margin-bottom: 50px; }

.margin-bottom-60 {
  margin-bottom: 60px; }

.margin-bottom-70 {
  margin-bottom: 70px; }

.margin-bottom-80 {
  margin-bottom: 80px; }

.margin-bottom-90 {
  margin-bottom: 90px; }

.margin-bottom-100 {
  margin-bottom: 100px; }

.margin-top-10 {
  margin-top: 10px; }

.margin-top-20 {
  margin-top: 20px; }

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

.margin-top-40 {
  margin-top: 40px; }

.margin-top-50 {
  margin-top: 50px; }

.margin-top-60 {
  margin-top: 60px; }

.margin-top-70 {
  margin-top: 70px; }

.margin-top-80 {
  margin-top: 80px; }

.margin-top-90 {
  margin-top: 90px; }

.margin-top-100 {
  margin-top: 100px; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.margin-auto {
  margin: 0 auto; }

.container_loader {
  background: white none repeat scroll 0 0;
  height: 38px;
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 1px;
  width: 100%;
  z-index: 12;
  display: none; }

.line_loader {
  position: absolute;
  width: 0px;
  height: 40px;
  left: 0;
  margin-left: 0;
  background-image: url(../images/avion_preloader.svg);
  background-position: center right;
  background-repeat: no-repeat;
  box-shadow: 0 0 10px #fff;
  -moz-animation: line 2s ease-out infinite;
  -webkit-animation: line 2s ease-out infinite;
  animation: line 2s ease-out infinite; }
  .no-svg .line_loader {
    background-image: url(../images/avion_preloader.png); }

@-moz-keyframes line_loader {
  0% {
    width: 0; }
  100% {
    width: 300px;
    opacity: 0; } }
@-webkit-keyframes line {
  0% {
    width: 0; }
  100% {
    width: 300px;
    opacity: 0; } }
@keyframes line {
  0% {
    width: 0; }
  100% {
    width: 300px;
    opacity: 0; } }
.hide {
  display: none; }

.hard-hide {
  display: none !important; }

.cookie_form {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(189, 189, 189, 0.8);
  -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.2); }
  .cookie_form .cookie_form-content {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 15px;
    text-align: center; }
    .cookie_form .cookie_form-content::after {
      clear: both;
      content: "";
      display: table; }
    .cookie_form .cookie_form-content p {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 0;
      font-weight: 600; }
      @media screen and (max-width: 860px) {
        .cookie_form .cookie_form-content p {
          margin-bottom: 15px; } }
    .cookie_form .cookie_form-content form {
      display: inline-block; }
    .cookie_form .cookie_form-content button {
      display: inline-block; }
      .cookie_form .cookie_form-content button.first-element {
        margin-right: 10px; }

.points,
.friends,
.no_points {
  display: none !important; }

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?46229492");
  src: url("../fonts/fontello.eot?46229492#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?46229492") format("woff"), url("../fonts/fontello.ttf?46229492") format("truetype"), url("../fonts/fontello.svg?46229492#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg?46229492#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-heart-empty:before {
  content: '\e800'; }

/* '' */
.icon-heart:before {
  content: '\e801'; }

/* '' */
.icon-basket:before {
  content: '\e802'; }

/* '' */
.icon-basket-alt:before {
  content: '\e803'; }

/* '' */
.icon-basket-1:before {
  content: '\e804'; }

/* '' */
.icon-basket-2:before {
  content: '\e805'; }

/* '' */
.icon-basket-3:before {
  content: '\e806'; }

/* '' */
.icon-cart:before {
  content: '\e807'; }

/* '' */
.icon-basket-4:before {
  content: '\e808'; }

/* '' */
.icon-mail-alt:before {
  content: '\e809'; }

/* '' */
.icon-user:before {
  content: '\e80a'; }

/* '' */
.icon-users:before {
  content: '\e80b'; }

/* '' */
.icon-phone-squared:before {
  content: '\e80c'; }

/* '' */
.icon-location:before {
  content: '\e80d'; }

/* '' */
.icon-down-open:before {
  content: '\e80e'; }

/* '' */
.icon-lock-filled:before {
  content: '\e80f'; }

/* '' */
.icon-mail:before {
  content: '\e810'; }

/* '' */
.icon-mail-1:before {
  content: '\e811'; }

/* '' */
.icon-mail-2:before {
  content: '\e812'; }

/* '' */
.icon-mail-3:before {
  content: '\e813'; }

/* '' */
.icon-email:before {
  content: '\e814'; }

/* '' */
.icon-mail-4:before {
  content: '\e815'; }

/* '' */
.icon-mail-5:before {
  content: '\e816'; }

/* '' */
.icon-mail-6:before {
  content: '\e817'; }

/* '' */
.icon-user-1:before {
  content: '\e818'; }

/* '' */
.icon-user-2:before {
  content: '\e819'; }

/* '' */
.icon-user-3:before {
  content: '\e81a'; }

/* '' */
.icon-user-male:before {
  content: '\e81b'; }

/* '' */
.icon-facebook-rect:before {
  content: '\e81c'; }

/* '' */
.icon-flight:before {
  content: '\e81d'; }

/* '' */
.icon-star-5:before {
  content: '\e81e'; }

/* '' */
.icon-star-circled:before {
  content: '\e81f'; }

/* '' */
.icon-star-4:before {
  content: '\e820'; }

/* '' */
.icon-star-3:before {
  content: '\e821'; }

/* '' */
.icon-star-2:before {
  content: '\e822'; }

/* '' */
.icon-star-empty-1:before {
  content: '\e823'; }

/* '' */
.icon-star-1:before {
  content: '\e824'; }

/* '' */
.icon-star-empty:before {
  content: '\e825'; }

/* '' */
.icon-star:before {
  content: '\e826'; }

/* '' */
.icon-home-2:before {
  content: '\e827'; }

/* '' */
.icon-home-circled:before {
  content: '\e828'; }

/* '' */
.icon-home-1:before {
  content: '\e829'; }

/* '' */
.icon-home:before {
  content: '\e82a'; }

/* '' */
.icon-facebook-2:before {
  content: '\e82b'; }

/* '' */
.icon-facebook-rect-2:before {
  content: '\e82c'; }

/* '' */
.icon-facebook-1:before {
  content: '\e82d'; }

/* '' */
.icon-facebook-rect-1:before {
  content: '\e82e'; }

/* '' */
.icon-facebook:before {
  content: '\e82f'; }

/* '' */
.icon-facebook-circled:before {
  content: '\e830'; }

/* '' */
.icon-plane:before {
  content: '\e831'; }

/* '' */
.icon-flight-1:before {
  content: '\e832'; }

/* '' */
.icon-search:before {
  content: '\e833'; }

/* '' */
.icon-search-1:before {
  content: '\e834'; }

/* '' */
.icon-search-2:before {
  content: '\e835'; }

/* '' */
.icon-search-3:before {
  content: '\e836'; }

/* '' */
.icon-search-circled:before {
  content: '\e837'; }

/* '' */
.icon-search-4:before {
  content: '\e838'; }

/* '' */
.icon-right-open:before {
  content: '\e839'; }

/* '' */
.icon-left-open:before {
  content: '\e83a'; }

/* '' */
.icon-up-open:before {
  content: '\e83b'; }

/* '' */
.icon-left-open-1:before {
  content: '\e83c'; }

/* '' */
.icon-right-open-1:before {
  content: '\e83d'; }

/* '' */
.icon-up-open-1:before {
  content: '\e83e'; }

/* '' */
.icon-down-open-1:before {
  content: '\e83f'; }

/* '' */
.icon-right-open-2:before {
  content: '\e840'; }

/* '' */
.icon-left-open-2:before {
  content: '\e841'; }

/* '' */
.icon-folder-open-empty:before {
  content: '\e842'; }

/* '' */
.icon-folder-open:before {
  content: '\e843'; }

/* '' */
.icon-print:before {
  content: '\e844'; }

/* '' */
.icon-print-1:before {
  content: '\e845'; }

/* '' */
.icon-print-2:before {
  content: '\e846'; }

/* '' */
.icon-recycle:before {
  content: '\e847'; }

/* '' */
.icon-trash:before {
  content: '\e848'; }

/* '' */
.icon-trash-1:before {
  content: '\e849'; }

/* '' */
.icon-trash-2:before {
  content: '\e84a'; }

/* '' */
.icon-shop:before {
  content: '\e84b'; }

/* '' */
.icon-home-3:before {
  content: '\e84c'; }

/* '' */
.icon-users-1:before {
  content: '\e84d'; }

/* '' */
.icon-users-2:before {
  content: '\e84e'; }

/* '' */
.icon-users-3:before {
  content: '\e84f'; }

/* '' */
.icon-attention:before {
  content: '\e850'; }

/* '' */
.icon-attention-circled:before {
  content: '\e851'; }

/* '' */
.icon-attention-alt:before {
  content: '\e852'; }

/* '' */
.icon-attention-alt-1:before {
  content: '\e853'; }

/* '' */
.icon-info:before {
  content: '\e854'; }

/* '' */
.icon-info-circled:before {
  content: '\e855'; }

/* '' */
.icon-info-circled-1:before {
  content: '\e856'; }

/* '' */
.icon-info-1:before {
  content: '\e857'; }

/* '' */
.icon-info-2:before {
  content: '\e858'; }

/* '' */
.icon-info-circled-2:before {
  content: '\e859'; }

/* '' */
.icon-money:before {
  content: '\e85a'; }

/* '' */
.icon-king:before {
  content: '\e85b'; }

/* '' */
.icon-crown-plus:before {
  content: '\e85c'; }

/* '' */
.icon-crown:before {
  content: '\e85d'; }

/* '' */
.icon-crown-minus:before {
  content: '\e85e'; }

/* '' */
.icon-ok:before {
  content: '\e85f'; }

/* '' */
.icon-ok-circled2:before {
  content: '\e860'; }

/* '' */
.icon-ok-circled:before {
  content: '\e861'; }

/* '' */
.icon-ok-circle:before {
  content: '\e862'; }

/* '' */
.icon-ok-circled-1:before {
  content: '\e863'; }

/* '' */
.icon-ok-circled2-1:before {
  content: '\e864'; }

/* '' */
.icon-error-alt:before {
  content: '\e865'; }

/* '' */
.icon-error:before {
  content: '\e866'; }

/* '' */
.icon-chat:before {
  content: '\e867'; }

/* '' */
.icon-chat-1:before {
  content: '\e868'; }

/* '' */
.icon-chat-2:before {
  content: '\e869'; }

/* '' */
.icon-down:before {
  content: '\e86a'; }

/* '' */
.icon-up:before {
  content: '\e86b'; }

/* '' */
.icon-up-bold:before {
  content: '\e86c'; }

/* '' */
.icon-down-bold:before {
  content: '\e86d'; }

/* '' */
.icon-right:before {
  content: '\e86e'; }

/* '' */
.icon-left:before {
  content: '\e86f'; }

/* '' */
.icon-down-dir:before {
  content: '\e870'; }

/* '' */
.icon-up-dir:before {
  content: '\e871'; }

/* '' */
.icon-right-dir:before {
  content: '\e872'; }

/* '' */
.icon-left-dir:before {
  content: '\e873'; }

/* '' */
.icon-up-1:before {
  content: '\e874'; }

/* '' */
.icon-down-1:before {
  content: '\e875'; }

/* '' */
.icon-down-circle:before {
  content: '\e876'; }

/* '' */
.icon-left-circle:before {
  content: '\e877'; }

/* '' */
.icon-right-circle:before {
  content: '\e878'; }

/* '' */
.icon-up-circle:before {
  content: '\e879'; }

/* '' */
.icon-down-2:before {
  content: '\e87a'; }

/* '' */
.icon-left-1:before {
  content: '\e87b'; }

/* '' */
.icon-right-1:before {
  content: '\e87c'; }

/* '' */
.icon-up-2:before {
  content: '\e87d'; }

/* '' */
.icon-left-open-outline:before {
  content: '\e87e'; }

/* '' */
.icon-right-open-outline:before {
  content: '\e87f'; }

/* '' */
.icon-left-open-3:before {
  content: '\e880'; }

/* '' */
.icon-right-open-3:before {
  content: '\e881'; }

/* '' */
.icon-down-circled:before {
  content: '\e882'; }

/* '' */
.icon-left-circled:before {
  content: '\e883'; }

/* '' */
.icon-right-circled:before {
  content: '\e884'; }

/* '' */
.icon-up-circled:before {
  content: '\e885'; }

/* '' */
.icon-down-open-big:before {
  content: '\e886'; }

/* '' */
.icon-left-open-big:before {
  content: '\e887'; }

/* '' */
.icon-right-open-big:before {
  content: '\e888'; }

/* '' */
.icon-up-open-big:before {
  content: '\e889'; }

/* '' */
.icon-phone:before {
  content: '\e88a'; }

/* '' */
.main-header {
  position: fixed;
  width: 100%;
  background: #2F4047; }
  @media screen and (max-width: 768px) {
    .main-header #header-logo {
      display: none; } }
  .main-header .navbar {
    background-color: #2F4047; }
    @media screen and (max-width: 768px) {
      .main-header .navbar {
        min-height: 50px; } }
    .main-header .navbar .sidebar-toggle {
      top: 0;
      height: 50px;
      line-height: 50px;
      font-size: 28px; }
      .main-header .navbar .sidebar-toggle.align-right {
        left: inherit;
        right: 0; }
    .main-header .navbar .sidebar-toggle-right {
      top: 0;
      height: 50px;
      line-height: 50px;
      font-size: 28px;
      right: 0;
      color: #FFFFFF;
      padding: 0 15px;
      position: absolute;
      text-align: center;
      display: inline-block;
      font-family: fontAwesome;
      z-index: 811; }
      .main-header .navbar .sidebar-toggle-right:before {
        content: "\f0c9"; }
    .main-header .navbar .user-menu {
      text-align: center; }
      .main-header .navbar .user-menu .btn-group {
        height: 50px; }
        .main-header .navbar .user-menu .btn-group .btn {
          background: rgba(255, 255, 255, 0.2);
          line-height: 17px;
          padding-top: 0;
          padding-bottom: 0;
          height: 50px;
          padding-left: 15px;
          padding-right: 15px;
          font-size: 12px;
          text-transform: uppercase; }
  .main-header .navbar-custom-menu {
    background: #2F4047; }
  .main-header .sidebar-right {
    position: absolute;
    top: 60px;
    right: -230px;
    min-height: 100%;
    width: 230px;
    z-index: 810;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s; }
    .main-header .sidebar-right.active {
      right: 50%;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%); }
    .main-header .sidebar-right .btn-group-vertical {
      width: 100%;
      padding: 20px 0;
      background-color: #263238; }
    .main-header .sidebar-right .btn-confirm {
      text-align: left;
      padding-left: 15px;
      padding-right: 15px; }

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

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  width: 90%;
  max-width: 1366px;
  margin: 2em auto; }
  .cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both; }

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

Main components 

-------------------------------- */
/*
header {
	background: darken($background, 10%);
	height: 100px;
	text-align: center;

	h1 {
		@include font-size(20px);
		font-weight: bold;
		font-family: $secondary-font;
		text-transform: uppercase;
		font-weight: bold;
		padding-top: 1.6em;
		margin-bottom: .2em;
	}

	p {
		@include font-size(13px);
		color: lighten($background, 10%);
	}

	@include MQ(L) {
		height: 200px;

		h1 {
			@include font-size(30px);
			padding-top: 2.6em;
		}
	}
}

main {
	p {
		@include font-size(16px);
		line-height: 1.6;
		margin: 2em 0;
	}

	@include MQ(L) {
		p {
			@include font-size(20px);
		}
	}
}
*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(38, 50, 56, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }
  .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s; }
  .cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1; }
  .cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5; }
  .no-touch .cd-top:hover {
    background-color: #263238;
    opacity: 1; }
  @media only screen and (min-width: min-width 769px max-width 1024px 12) {
    .cd-top {
      right: 20px;
      bottom: 20px; } }
  @media only screen and (min-width: min-width 1025px max-width 1200px 12) {
    .cd-top {
      height: 60px;
      width: 60px;
      right: 30px;
      bottom: 30px; } }

.error {
  color: red;
  display: none; }

.modal-nfo .move-into-tooltip {
  display: none; }

/*
 * Tipped - A Complete Javascript Tooltip Solution - v4.2.5
 * (c) 2012-2015 Nick Stakenburg
 *
 * http://www.tippedjs.com
 *
 * License: http://www.tippedjs.com/license
 */
.tpd-tooltip {
  position: absolute; }

/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
   within their own namespace */
.tpd-tooltip,
.tpd-tooltip [class^="tpd-"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* Content */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative; }

.tpd-content-relative {
  width: 100%; }

.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #fff; }

.tpd-has-inner-close .tpd-content-relative .tpd-content {
  padding-right: 0 !important; }

.tpd-tooltip .tpd-content-no-padding {
  padding: 0 !important; }

.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden; }

.tpd-title-spacer {
  float: left; }

.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative; }

.tpd-title-relative {
  width: 100%; }

.tpd-title {
  float: left;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff; }

.tpd-has-title-close .tpd-title {
  padding-right: 0 !important; }

.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff; }

.tpd-close-icon {
  float: left;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center; }

/* Skin */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0; }

.tpd-frames {
  position: absolute;
  top: 0;
  left: 0; }

.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both; }

.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%; }

.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none; }

.tpd-no-shadow .tpd-skin .tpd-background-shadow {
  box-shadow: none !important; }

.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden; }

.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%; }

.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box;
  /* Safari */
  background-clip: padding-box;
  /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255, 255, 255, 0.1);
  /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */ }

/* no radius */
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background {
  border-radius: 0; }

.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #eee; }

.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #eee; }

.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid; }

.tpd-background-box-top {
  top: 0; }

.tpd-background-box-bottom {
  bottom: 0; }

.tpd-background-box-left {
  left: 0; }

.tpd-background-box-right {
  right: 0; }

/* iframeshim IE6 */
.tpd-iframeshim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0; }

/* Skin / Stems */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.tpd-shift-stem-side {
  position: absolute; }

.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side {
  width: 100%; }

.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side {
  height: 100%; }

.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  /* shows possible invalid subpx rendering */
  width: 16px;
  /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px;
  /* space from the side */
  margin-top: 3px;
  /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%; }

/* remove margins once we're done measuring */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset {
  margin: 0 !important; }

.tpd-stem-spacer {
  float: left;
  position: relative;
  width: 100%;
  height: 100%; }

.tpd-stem-reset .tpd-stem-spacer {
  margin-top: 0; }

.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%; }

.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative; }

.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden; }

.tpd-stem-side-inversed {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0; }

.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #eee;
  /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0; }

.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0; }

/* fixes rendering issue in IE */
.tpd-stem * {
  z-index: 0;
  zoom: 1; }

/* used by IE < 9 */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative; }

.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0; }

.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute; }

.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto; }

.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%; }

/* transformations for left/right/bottom */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1, 1);
  transform: rotate(-90deg) scale(-1, 1); }

.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%); }

.tpd-stem-transform-bottom {
  -webkit-transform: scale(1, -1) translate(0, -100%);
  transform: scale(1, -1) translate(0, -100%); }

/* Spinner measurements */
.tpd-loading-icon {
  position: absolute;
  width: 42px;
  height: 42px;
  display: none; }

.tpd-loading-line {
  z-index: 12;
  height: 3px;
  width: 2px;
  margin-bottom: 5px; }

.tpd-spinner {
  margin-left: 50%;
  margin-top: 50%; }

/* show the loader while loading and hide all the content */
.tpd-is-loading .tpd-loading-icon {
  display: block; }

.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper {
  display: none; }

/* The actual spinner */
@-moz-keyframes tpd-spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes tpd-spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes tpd-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.tpd-spin {
  position: absolute;
  top: 50%;
  left: 50%; }

.tpd-spin-rotate,
.tpd-spin-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.tpd-spin-line {
  position: absolute;
  top: 0;
  left: 50%; }

/* Resets while measuring content */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%; }

.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-loading-icon {
  display: none; }

/* Links */
.tpd-tooltip a,
.tpd-tooltip a:hover {
  color: #8e8e8e;
  text-decoration: none; }

.tpd-tooltip a:hover {
  text-decoration: underline; }

/*
 * Sizes
 */
/* x-small */
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
  padding: 7px 8px;
  font-size: 10px;
  line-height: 15px; }

.tpd-size-x-small .tpd-background {
  border-radius: 5px; }

.tpd-size-x-small .tpd-stem {
  width: 12px;
  height: 6px;
  margin-left: 4px;
  margin-top: 2px; }

.tpd-size-x-small.tpd-no-radius .tpd-stem {
  margin-left: 7px; }

.tpd-size-x-small .tpd-loading-icon {
  width: 32px;
  height: 32px; }

.tpd-size-x-small .tpd-loading-line {
  z-index: 12;
  /* amount of lines */
  margin-bottom: 4px;
  /* radius of the inner circle */
  height: 3px;
  /* length of a line */
  width: 2px;
  /* width of a line */ }

.tpd-size-x-small .tpd-close {
  margin-bottom: 1px; }

/* small */
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
  padding: 8px;
  font-size: 10px;
  line-height: 16px; }

.tpd-size-small .tpd-background {
  border-radius: 6px; }

.tpd-size-small .tpd-stem {
  width: 14px;
  height: 7px;
  margin-left: 5px;
  margin-top: 2px; }

.tpd-size-small.tpd-no-radius .tpd-stem {
  margin-left: 8px; }

.tpd-size-small .tpd-loading-icon {
  width: 34px;
  height: 34px; }

.tpd-size-small .tpd-loading-line {
  z-index: 12;
  /* amount of lines */
  margin-bottom: 4px;
  /* radius of the inner circle */
  height: 3px;
  /* length of a line */
  width: 2px;
  /* width of a line */ }

.tpd-size-small .tpd-close {
  margin: 2px 1px; }

/* medium (default) */
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
  padding: 10px;
  font-size: 11px;
  line-height: 16px; }

.tpd-size-medium .tpd-background {
  border-radius: 8px; }

.tpd-size-medium .tpd-stem {
  width: 16px;
  /* best cross browser stem width is 2xheight, for a 90deg angle */
  height: 8px;
  margin-left: 6px;
  /* space from the side */
  margin-top: 2px;
  /* space to offset the tooltip */ }

.tpd-size-medium.tpd-no-radius .tpd-stem {
  margin-left: 10px; }

/* wraps the loader, ideal dimensions don't cause stem movement when opening large tooltips */
.tpd-size-medium .tpd-loading-icon {
  width: 42px;
  height: 42px; }

.tpd-size-medium .tpd-loading-line {
  z-index: 12;
  /* amount of lines */
  margin-bottom: 5px;
  /* radius of the inner circle */
  height: 4px;
  /* length of a line */
  width: 2px;
  /* width of a line */ }

.tpd-size-medium .tpd-close {
  margin: 4px 2px; }

/* large */
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
  padding: 10px;
  font-size: 13px;
  line-height: 18px; }

.tpd-size-large .tpd-background {
  border-radius: 8px; }

.tpd-size-large .tpd-stem {
  width: 18px;
  height: 9px;
  margin-left: 7px;
  margin-top: 2px; }

.tpd-size-large.tpd-no-radius .tpd-stem {
  margin-left: 10px; }

.tpd-size-large .tpd-loading-icon {
  width: 50px;
  height: 50px; }

.tpd-size-large .tpd-loading-line {
  z-index: 12;
  /* amount of lines */
  margin-bottom: 5px;
  /* radius of the inner circle */
  height: 5px;
  /* length of a line */
  width: 2px;
  /* width of a line */ }

.tpd-size-large .tpd-close {
  margin: 5px 2px 5px 2px; }

/* Skins */
/* default (dark) */
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close {
  color: red; }

.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
  background-color: #eee; }

.tpd-skin-dark .tpd-background {
  border-width: 1px;
  border-color: #282828;
  border-color: rgba(255, 255, 255, 0.1); }

/* line below the title */
.tpd-skin-dark .tpd-title-wrapper {
  border-bottom: 1px solid #404040; }

/* links */
.tpd-skin-dark a,
.tpd-skin-dark a:hover {
  color: #ffffff;
  text-align: center; }

.tpd-skin-dark h3 {
  text-align: center;
  font-size: 16px; }

/************************************
          MINIMALECT 0.9
  A minimalistic select replacement

 jQuery 1.7+ required.
 Developed by @groenroos
 http://www.groenroos.fi

 Github: http://git.io/Xedg9w

 Licensed under the MIT license.

************************************/
.minict_wrapper {
  color: #263238;
  background: #fff;
  position: relative;
  width: 100%;
  height: 30px;
  border: 1px solid #BDBDBD;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .minict_wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .minict_wrapper.disabled {
    background: #263238;
    text-shadow: 0 1px 0 #fff; }
    .minict_wrapper.disabled span {
      color: #bbb !important; }
  .minict_wrapper:after {
    content: "";
    background-image: url("../images/arrow_down.png");
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: absolute;
    height: 30px;
    width: 35px;
    top: 0;
    right: 0;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    margin-top: -1px;
    margin-right: -1px; }
  .minict_wrapper.active:after {
    background-image: url("../images/arrow_up.png"); }
  .minict_wrapper.disabled:after {
    color: #bbb; }
  .minict_wrapper span {
    display: block;
    border: 0;
    outline: none;
    background: none;
    color: #263238;
    font-size: 16px;
    font-size: 14px;
    height: 30px;
    padding: 3px 10px;
    cursor: default;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .minict_wrapper span:empty:before {
      content: attr(data-placeholder);
      color: #263238;
      line-height: 16px;
      line-height: 0.6rem; }
  .minict_wrapper ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 2px auto auto -1px;
    position: absolute;
    width: 100%;
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: calc(100% + 2px);
    border: 1px solid #BDBDBD;
    top: 30px;
    top: 1.6rem;
    left: 0;
    max-height: 117px;
    overflow-y: auto;
    z-index: 100; }
    .minict_wrapper ul li {
      list-style: none;
      font-size: 14px;
      padding: 5px 10px;
      cursor: pointer;
      background: #fff;
      color: #263238; }
      .minict_wrapper ul li:hover {
        background: #BDBDBD;
        color: #ffffff; }
      .minict_wrapper ul li.minict_group {
        color: #BDBDBD;
        background: #f6f6f6;
        font-weight: bold;
        cursor: default; }
      .minict_wrapper ul li.minict_empty {
        display: none;
        background: #fff !important;
        color: #bbb;
        text-align: center;
        font-size: 14px;
        font-size: 0.9rem;
        height: 55px;
        height: 3.5rem;
        line-height: 50px;
        line-height: 3.3rem; }
      .minict_wrapper ul li.disabled {
        cursor: default;
        background: #fff !important;
        color: #bbb; }
      .minict_wrapper ul li.selected {
        color: white;
        background: #263238; }
      .minict_wrapper ul li.highlighted {
        color: #fff;
        background: #263238; }
      .minict_wrapper ul li.hidden {
        display: none; }
  .minict_wrapper .minict_reset {
    color: #A9A9A9;
    bottom: 0;
    display: none;
    font-size: 18px;
    font-size: 1.1rem;
    line-height: 30px;
    line-height: 1.9rem;
    position: absolute;
    right: 35px;
    right: 2.2rem;
    text-align: center;
    top: 0;
    text-decoration: none;
    width: 20px;
    width: 1.2rem;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out; }
    .minict_wrapper .minict_reset:hover {
      color: #e0e0e0;
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
    .minict_wrapper .minict_reset:active {
      color: #636363; }
  .minict_wrapper.disabled .minict_reset {
    display: none; }

.minict_wrapper.bubble {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); }
  .minict_wrapper.bubble:hover {
    border-color: #dcdcdc; }
  .minict_wrapper.bubble:after {
    border-left: 1px solid #e5e5e5;
    -webkit-box-shadow: inset 1px 0px 0px 0px #fff;
    box-shadow: inset 1px 0px 0px 0px #fff;
    height: 2.05rem; }
  .minict_wrapper.bubble ul {
    top: 2.7rem;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    overflow: visible; }
    .minict_wrapper.bubble ul:before {
      position: absolute;
      top: -11px;
      left: 19px;
      content: ".";
      color: transparent;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 11px 11px 11px;
      border-color: transparent transparent #e5e5e5 transparent; }
    .minict_wrapper.bubble ul:after {
      position: absolute;
      top: -10px;
      left: 20px;
      content: ".";
      color: transparent;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 10px 10px 10px;
      border-color: transparent transparent #ffffff transparent; }
    .minict_wrapper.bubble ul li.minict_first {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; }
    .minict_wrapper.bubble ul li.minict_last {
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; }
  .minict_wrapper.bubble .minict_reset {
    width: 30px; }

.content-wrapper {
  padding-top: 50px; }
  @media screen and (max-width: 768px) {
    .content-wrapper .content-header h4 {
      margin-bottom: 2px;
      border-bottom: 1px solid #ccc; }
      .content-wrapper .content-header h4 b {
        float: right; } }
  @media screen and (max-width: 768px) {
    .content-wrapper .observations-block .observations {
      margin-bottom: 3px; } }
  @media screen and (max-width: 768px) {
    .content-wrapper .observations-block h4 {
      margin-bottom: 2px;
      border-bottom: 1px solid #ccc; }
      .content-wrapper .observations-block h4 b {
        float: right; } }
  .content-wrapper .observations {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #FEB857;
    color: #000;
    padding: 5px; }
    .content-wrapper .observations b {
      text-transform: lowercase; }
  .content-wrapper #scan_invoice_product .form-group .btn-default, .content-wrapper #invoice_addon .form-group .btn-default {
    font-size: 14px;
    letter-spacing: 0.05em;
    padding: 10px 30px;
    background: #263238;
    border: 1px solid #263238;
    color: white;
    display: block;
    width: 100% !important;
    transition: all 0.5s linear; }
    .content-wrapper #scan_invoice_product .form-group .btn-default:hover, .content-wrapper #invoice_addon .form-group .btn-default:hover {
      background: #BDBDBD;
      border: 1px solid #BDBDBD;
      color: #263238; }
  .content-wrapper #flash-messages .alert {
    margin-bottom: 0;
    padding: 5px; }
  .content-wrapper .content .btn-group-vertical {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 20px; }
    .content-wrapper .content .btn-group-vertical .btn-confirm {
      padding: 15px 40px; }
  .content-wrapper #waiting_invoice_form .close,
  .content-wrapper #pending_invoice_form .close {
    position: absolute;
    right: 10px;
    top: 10px; }
  .content-wrapper #waiting_invoice_form button.btn,
  .content-wrapper #pending_invoice_form button.btn {
    font-size: 14px;
    letter-spacing: 0.05em;
    padding: 10px 30px;
    background: #263238;
    border: 1px solid #263238;
    color: white;
    display: block;
    width: 100% !important;
    transition: all 0.5s linear; }
  .content-wrapper .choose-consumables .btn {
    width: 100%;
    padding: 0;
    height: 34px;
    line-height: 34px;
    background-color: #263238; }
  .content-wrapper #invoice_packing_components_save {
    font-size: 14px;
    letter-spacing: 0.05em;
    padding: 15px 30px;
    background: #263238;
    border: 1px solid #263238;
    color: white;
    display: block;
    width: 100% !important;
    transition: all 0.5s linear; }
  .content-wrapper .back-button .btn {
    font-size: 14px;
    letter-spacing: 0.05em;
    padding: 15px 30px;
    background: #263238;
    border: 1px solid #263238;
    color: white;
    display: block;
    width: 100% !important;
    transition: all 0.5s linear; }

@media screen and (max-width: 768px) {
  .table-responsive {
    border: none; }

  .responsive-table {
    width: 100%;
    display: block;
    border: none;
    background: inherit; }
    .responsive-table thead {
      display: none; }
    .responsive-table tbody {
      display: block;
      width: 100%; }
      .responsive-table tbody tr {
        display: block;
        width: 100%;
        border-bottom: 2px solid black; }
        .responsive-table tbody tr td {
          padding: 5px 0;
          margin-right: 0;
          display: table;
          width: 100%;
          white-space: inherit !important; }
          .responsive-table tbody tr td .before-element {
            width: 40%;
            padding-right: 10px;
            font-weight: 700;
            display: table-cell; } }
* {
  margin: 0;
  padding: 0; }

body {
  background-color: #ffffff;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em; }

#content {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  min-height: 500px;
  padding-left: 15px;
  padding-right: 15px; }
  #content::after {
    clear: both;
    content: "";
    display: table; }

.logged-out-container {
  min-height: 0 !important; }

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