/*! Url: RoyalSpa.cz | Version: 3.9.6 | Author: Emersion Software */
/*
STYLE.SCSS

--- VARS/MIXINS
--- FONTS/ICONS
--- NORMALIZE
--- GRID
--- CONTENT
--- COMPONENTS
--- MODULES
--- CBLOCKS
--- E-SHOP
--- 3TH PARTY
--- MEDIA QUERIES
--- PRINT
--- DEBUG
*/
/* --- VARS/MIXINS --- */
/* temata */
/* destinace */
/* --- FONTS/ICONS --- */
/* Google Fonts */
/*
@import url(http://fonts.googleapis.com/css?family=Armata&subset=latin-ext,latin); font-family:Armata,sans-serif;
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400&subset=latin-ext,latin); font-family:'Archivo Narrow',sans-serif;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext); font-family:'Open Sans',sans-serif;
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,latin-ext); font-family: 'Roboto Condensed', sans-serif;
*/
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Allura&subset=latin-ext';
/* Font Awesome */
/* @import "3th-party/font-awesome.min"; */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css);
/* --- NORMALIZE --- */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

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

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

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

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

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

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

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

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

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

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

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

/* --- GRID ---- */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
@media screen {
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }

  .grid-container:before, .clearfix:before, .grid-container:after, .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-container:after, .clearfix:after {
    clear: both;
  }

  .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-parent {
    padding-left: 0;
    padding-right: 0;
  }

  body {
    min-width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .mobile-grid-100:before, .mobile-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .mobile-grid-100:after {
    clear: both;
  }

  .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
    position: relative;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .mobile-grid-5 {
    float: left;
    width: 5%;
  }

  .mobile-prefix-5 {
    margin-left: 5%;
  }

  .mobile-suffix-5 {
    margin-right: 5%;
  }

  .mobile-push-5 {
    left: 5%;
  }

  .mobile-pull-5 {
    left: -5%;
  }

  .mobile-grid-10 {
    float: left;
    width: 10%;
  }

  .mobile-prefix-10 {
    margin-left: 10%;
  }

  .mobile-suffix-10 {
    margin-right: 10%;
  }

  .mobile-push-10 {
    left: 10%;
  }

  .mobile-pull-10 {
    left: -10%;
  }

  .mobile-grid-15 {
    float: left;
    width: 15%;
  }

  .mobile-prefix-15 {
    margin-left: 15%;
  }

  .mobile-suffix-15 {
    margin-right: 15%;
  }

  .mobile-push-15 {
    left: 15%;
  }

  .mobile-pull-15 {
    left: -15%;
  }

  .mobile-grid-20 {
    float: left;
    width: 20%;
  }

  .mobile-prefix-20 {
    margin-left: 20%;
  }

  .mobile-suffix-20 {
    margin-right: 20%;
  }

  .mobile-push-20 {
    left: 20%;
  }

  .mobile-pull-20 {
    left: -20%;
  }

  .mobile-grid-25 {
    float: left;
    width: 25%;
  }

  .mobile-prefix-25 {
    margin-left: 25%;
  }

  .mobile-suffix-25 {
    margin-right: 25%;
  }

  .mobile-push-25 {
    left: 25%;
  }

  .mobile-pull-25 {
    left: -25%;
  }

  .mobile-grid-30 {
    float: left;
    width: 30%;
  }

  .mobile-prefix-30 {
    margin-left: 30%;
  }

  .mobile-suffix-30 {
    margin-right: 30%;
  }

  .mobile-push-30 {
    left: 30%;
  }

  .mobile-pull-30 {
    left: -30%;
  }

  .mobile-grid-35 {
    float: left;
    width: 35%;
  }

  .mobile-prefix-35 {
    margin-left: 35%;
  }

  .mobile-suffix-35 {
    margin-right: 35%;
  }

  .mobile-push-35 {
    left: 35%;
  }

  .mobile-pull-35 {
    left: -35%;
  }

  .mobile-grid-40 {
    float: left;
    width: 40%;
  }

  .mobile-prefix-40 {
    margin-left: 40%;
  }

  .mobile-suffix-40 {
    margin-right: 40%;
  }

  .mobile-push-40 {
    left: 40%;
  }

  .mobile-pull-40 {
    left: -40%;
  }

  .mobile-grid-45 {
    float: left;
    width: 45%;
  }

  .mobile-prefix-45 {
    margin-left: 45%;
  }

  .mobile-suffix-45 {
    margin-right: 45%;
  }

  .mobile-push-45 {
    left: 45%;
  }

  .mobile-pull-45 {
    left: -45%;
  }

  .mobile-grid-50 {
    float: left;
    width: 50%;
  }

  .mobile-prefix-50 {
    margin-left: 50%;
  }

  .mobile-suffix-50 {
    margin-right: 50%;
  }

  .mobile-push-50 {
    left: 50%;
  }

  .mobile-pull-50 {
    left: -50%;
  }

  .mobile-grid-55 {
    float: left;
    width: 55%;
  }

  .mobile-prefix-55 {
    margin-left: 55%;
  }

  .mobile-suffix-55 {
    margin-right: 55%;
  }

  .mobile-push-55 {
    left: 55%;
  }

  .mobile-pull-55 {
    left: -55%;
  }

  .mobile-grid-60 {
    float: left;
    width: 60%;
  }

  .mobile-prefix-60 {
    margin-left: 60%;
  }

  .mobile-suffix-60 {
    margin-right: 60%;
  }

  .mobile-push-60 {
    left: 60%;
  }

  .mobile-pull-60 {
    left: -60%;
  }

  .mobile-grid-65 {
    float: left;
    width: 65%;
  }

  .mobile-prefix-65 {
    margin-left: 65%;
  }

  .mobile-suffix-65 {
    margin-right: 65%;
  }

  .mobile-push-65 {
    left: 65%;
  }

  .mobile-pull-65 {
    left: -65%;
  }

  .mobile-grid-70 {
    float: left;
    width: 70%;
  }

  .mobile-prefix-70 {
    margin-left: 70%;
  }

  .mobile-suffix-70 {
    margin-right: 70%;
  }

  .mobile-push-70 {
    left: 70%;
  }

  .mobile-pull-70 {
    left: -70%;
  }

  .mobile-grid-75 {
    float: left;
    width: 75%;
  }

  .mobile-prefix-75 {
    margin-left: 75%;
  }

  .mobile-suffix-75 {
    margin-right: 75%;
  }

  .mobile-push-75 {
    left: 75%;
  }

  .mobile-pull-75 {
    left: -75%;
  }

  .mobile-grid-80 {
    float: left;
    width: 80%;
  }

  .mobile-prefix-80 {
    margin-left: 80%;
  }

  .mobile-suffix-80 {
    margin-right: 80%;
  }

  .mobile-push-80 {
    left: 80%;
  }

  .mobile-pull-80 {
    left: -80%;
  }

  .mobile-grid-85 {
    float: left;
    width: 85%;
  }

  .mobile-prefix-85 {
    margin-left: 85%;
  }

  .mobile-suffix-85 {
    margin-right: 85%;
  }

  .mobile-push-85 {
    left: 85%;
  }

  .mobile-pull-85 {
    left: -85%;
  }

  .mobile-grid-90 {
    float: left;
    width: 90%;
  }

  .mobile-prefix-90 {
    margin-left: 90%;
  }

  .mobile-suffix-90 {
    margin-right: 90%;
  }

  .mobile-push-90 {
    left: 90%;
  }

  .mobile-pull-90 {
    left: -90%;
  }

  .mobile-grid-95 {
    float: left;
    width: 95%;
  }

  .mobile-prefix-95 {
    margin-left: 95%;
  }

  .mobile-suffix-95 {
    margin-right: 95%;
  }

  .mobile-push-95 {
    left: 95%;
  }

  .mobile-pull-95 {
    left: -95%;
  }

  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }

  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }

  .mobile-push-33 {
    left: 33.33333%;
  }

  .mobile-pull-33 {
    left: -33.33333%;
  }

  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }

  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }

  .mobile-push-66 {
    left: 66.66667%;
  }

  .mobile-pull-66 {
    left: -66.66667%;
  }

  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tablet-grid-100:before, .tablet-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .tablet-grid-100:after {
    clear: both;
  }

  .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
    position: relative;
  }

  .hide-on-tablet {
    display: none !important;
  }

  .tablet-grid-5 {
    float: left;
    width: 5%;
  }

  .tablet-prefix-5 {
    margin-left: 5%;
  }

  .tablet-suffix-5 {
    margin-right: 5%;
  }

  .tablet-push-5 {
    left: 5%;
  }

  .tablet-pull-5 {
    left: -5%;
  }

  .tablet-grid-10 {
    float: left;
    width: 10%;
  }

  .tablet-prefix-10 {
    margin-left: 10%;
  }

  .tablet-suffix-10 {
    margin-right: 10%;
  }

  .tablet-push-10 {
    left: 10%;
  }

  .tablet-pull-10 {
    left: -10%;
  }

  .tablet-grid-15 {
    float: left;
    width: 15%;
  }

  .tablet-prefix-15 {
    margin-left: 15%;
  }

  .tablet-suffix-15 {
    margin-right: 15%;
  }

  .tablet-push-15 {
    left: 15%;
  }

  .tablet-pull-15 {
    left: -15%;
  }

  .tablet-grid-20 {
    float: left;
    width: 20%;
  }

  .tablet-prefix-20 {
    margin-left: 20%;
  }

  .tablet-suffix-20 {
    margin-right: 20%;
  }

  .tablet-push-20 {
    left: 20%;
  }

  .tablet-pull-20 {
    left: -20%;
  }

  .tablet-grid-25 {
    float: left;
    width: 25%;
  }

  .tablet-prefix-25 {
    margin-left: 25%;
  }

  .tablet-suffix-25 {
    margin-right: 25%;
  }

  .tablet-push-25 {
    left: 25%;
  }

  .tablet-pull-25 {
    left: -25%;
  }

  .tablet-grid-30 {
    float: left;
    width: 30%;
  }

  .tablet-prefix-30 {
    margin-left: 30%;
  }

  .tablet-suffix-30 {
    margin-right: 30%;
  }

  .tablet-push-30 {
    left: 30%;
  }

  .tablet-pull-30 {
    left: -30%;
  }

  .tablet-grid-35 {
    float: left;
    width: 35%;
  }

  .tablet-prefix-35 {
    margin-left: 35%;
  }

  .tablet-suffix-35 {
    margin-right: 35%;
  }

  .tablet-push-35 {
    left: 35%;
  }

  .tablet-pull-35 {
    left: -35%;
  }

  .tablet-grid-40 {
    float: left;
    width: 40%;
  }

  .tablet-prefix-40 {
    margin-left: 40%;
  }

  .tablet-suffix-40 {
    margin-right: 40%;
  }

  .tablet-push-40 {
    left: 40%;
  }

  .tablet-pull-40 {
    left: -40%;
  }

  .tablet-grid-45 {
    float: left;
    width: 45%;
  }

  .tablet-prefix-45 {
    margin-left: 45%;
  }

  .tablet-suffix-45 {
    margin-right: 45%;
  }

  .tablet-push-45 {
    left: 45%;
  }

  .tablet-pull-45 {
    left: -45%;
  }

  .tablet-grid-50 {
    float: left;
    width: 50%;
  }

  .tablet-prefix-50 {
    margin-left: 50%;
  }

  .tablet-suffix-50 {
    margin-right: 50%;
  }

  .tablet-push-50 {
    left: 50%;
  }

  .tablet-pull-50 {
    left: -50%;
  }

  .tablet-grid-55 {
    float: left;
    width: 55%;
  }

  .tablet-prefix-55 {
    margin-left: 55%;
  }

  .tablet-suffix-55 {
    margin-right: 55%;
  }

  .tablet-push-55 {
    left: 55%;
  }

  .tablet-pull-55 {
    left: -55%;
  }

  .tablet-grid-60 {
    float: left;
    width: 60%;
  }

  .tablet-prefix-60 {
    margin-left: 60%;
  }

  .tablet-suffix-60 {
    margin-right: 60%;
  }

  .tablet-push-60 {
    left: 60%;
  }

  .tablet-pull-60 {
    left: -60%;
  }

  .tablet-grid-65 {
    float: left;
    width: 65%;
  }

  .tablet-prefix-65 {
    margin-left: 65%;
  }

  .tablet-suffix-65 {
    margin-right: 65%;
  }

  .tablet-push-65 {
    left: 65%;
  }

  .tablet-pull-65 {
    left: -65%;
  }

  .tablet-grid-70 {
    float: left;
    width: 70%;
  }

  .tablet-prefix-70 {
    margin-left: 70%;
  }

  .tablet-suffix-70 {
    margin-right: 70%;
  }

  .tablet-push-70 {
    left: 70%;
  }

  .tablet-pull-70 {
    left: -70%;
  }

  .tablet-grid-75 {
    float: left;
    width: 75%;
  }

  .tablet-prefix-75 {
    margin-left: 75%;
  }

  .tablet-suffix-75 {
    margin-right: 75%;
  }

  .tablet-push-75 {
    left: 75%;
  }

  .tablet-pull-75 {
    left: -75%;
  }

  .tablet-grid-80 {
    float: left;
    width: 80%;
  }

  .tablet-prefix-80 {
    margin-left: 80%;
  }

  .tablet-suffix-80 {
    margin-right: 80%;
  }

  .tablet-push-80 {
    left: 80%;
  }

  .tablet-pull-80 {
    left: -80%;
  }

  .tablet-grid-85 {
    float: left;
    width: 85%;
  }

  .tablet-prefix-85 {
    margin-left: 85%;
  }

  .tablet-suffix-85 {
    margin-right: 85%;
  }

  .tablet-push-85 {
    left: 85%;
  }

  .tablet-pull-85 {
    left: -85%;
  }

  .tablet-grid-90 {
    float: left;
    width: 90%;
  }

  .tablet-prefix-90 {
    margin-left: 90%;
  }

  .tablet-suffix-90 {
    margin-right: 90%;
  }

  .tablet-push-90 {
    left: 90%;
  }

  .tablet-pull-90 {
    left: -90%;
  }

  .tablet-grid-95 {
    float: left;
    width: 95%;
  }

  .tablet-prefix-95 {
    margin-left: 95%;
  }

  .tablet-suffix-95 {
    margin-right: 95%;
  }

  .tablet-push-95 {
    left: 95%;
  }

  .tablet-pull-95 {
    left: -95%;
  }

  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
  }

  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }

  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }

  .tablet-push-33 {
    left: 33.33333%;
  }

  .tablet-pull-33 {
    left: -33.33333%;
  }

  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
  }

  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }

  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }

  .tablet-push-66 {
    left: 66.66667%;
  }

  .tablet-pull-66 {
    left: -66.66667%;
  }

  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .grid-100:before, .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }

  .grid-100:after {
    clear: both;
  }

  .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
    position: relative;
  }

  .hide-on-desktop {
    display: none !important;
  }

  .grid-5 {
    float: left;
    width: 5%;
  }

  .prefix-5 {
    margin-left: 5%;
  }

  .suffix-5 {
    margin-right: 5%;
  }

  .push-5 {
    left: 5%;
  }

  .pull-5 {
    left: -5%;
  }

  .grid-10 {
    float: left;
    width: 10%;
  }

  .prefix-10 {
    margin-left: 10%;
  }

  .suffix-10 {
    margin-right: 10%;
  }

  .push-10 {
    left: 10%;
  }

  .pull-10 {
    left: -10%;
  }

  .grid-15 {
    float: left;
    width: 15%;
  }

  .prefix-15 {
    margin-left: 15%;
  }

  .suffix-15 {
    margin-right: 15%;
  }

  .push-15 {
    left: 15%;
  }

  .pull-15 {
    left: -15%;
  }

  .grid-20 {
    float: left;
    width: 20%;
  }

  .prefix-20 {
    margin-left: 20%;
  }

  .suffix-20 {
    margin-right: 20%;
  }

  .push-20 {
    left: 20%;
  }

  .pull-20 {
    left: -20%;
  }

  .grid-25 {
    float: left;
    width: 25%;
  }

  .prefix-25 {
    margin-left: 25%;
  }

  .suffix-25 {
    margin-right: 25%;
  }

  .push-25 {
    left: 25%;
  }

  .pull-25 {
    left: -25%;
  }

  .grid-30 {
    float: left;
    width: 30%;
  }

  .prefix-30 {
    margin-left: 30%;
  }

  .suffix-30 {
    margin-right: 30%;
  }

  .push-30 {
    left: 30%;
  }

  .pull-30 {
    left: -30%;
  }

  .grid-35 {
    float: left;
    width: 35%;
  }

  .prefix-35 {
    margin-left: 35%;
  }

  .suffix-35 {
    margin-right: 35%;
  }

  .push-35 {
    left: 35%;
  }

  .pull-35 {
    left: -35%;
  }

  .grid-40 {
    float: left;
    width: 40%;
  }

  .prefix-40 {
    margin-left: 40%;
  }

  .suffix-40 {
    margin-right: 40%;
  }

  .push-40 {
    left: 40%;
  }

  .pull-40 {
    left: -40%;
  }

  .grid-45 {
    float: left;
    width: 45%;
  }

  .prefix-45 {
    margin-left: 45%;
  }

  .suffix-45 {
    margin-right: 45%;
  }

  .push-45 {
    left: 45%;
  }

  .pull-45 {
    left: -45%;
  }

  .grid-50 {
    float: left;
    width: 50%;
  }

  .prefix-50 {
    margin-left: 50%;
  }

  .suffix-50 {
    margin-right: 50%;
  }

  .push-50 {
    left: 50%;
  }

  .pull-50 {
    left: -50%;
  }

  .grid-55 {
    float: left;
    width: 55%;
  }

  .prefix-55 {
    margin-left: 55%;
  }

  .suffix-55 {
    margin-right: 55%;
  }

  .push-55 {
    left: 55%;
  }

  .pull-55 {
    left: -55%;
  }

  .grid-60 {
    float: left;
    width: 60%;
  }

  .prefix-60 {
    margin-left: 60%;
  }

  .suffix-60 {
    margin-right: 60%;
  }

  .push-60 {
    left: 60%;
  }

  .pull-60 {
    left: -60%;
  }

  .grid-65 {
    float: left;
    width: 65%;
  }

  .prefix-65 {
    margin-left: 65%;
  }

  .suffix-65 {
    margin-right: 65%;
  }

  .push-65 {
    left: 65%;
  }

  .pull-65 {
    left: -65%;
  }

  .grid-70 {
    float: left;
    width: 70%;
  }

  .prefix-70 {
    margin-left: 70%;
  }

  .suffix-70 {
    margin-right: 70%;
  }

  .push-70 {
    left: 70%;
  }

  .pull-70 {
    left: -70%;
  }

  .grid-75 {
    float: left;
    width: 75%;
  }

  .prefix-75 {
    margin-left: 75%;
  }

  .suffix-75 {
    margin-right: 75%;
  }

  .push-75 {
    left: 75%;
  }

  .pull-75 {
    left: -75%;
  }

  .grid-80 {
    float: left;
    width: 80%;
  }

  .prefix-80 {
    margin-left: 80%;
  }

  .suffix-80 {
    margin-right: 80%;
  }

  .push-80 {
    left: 80%;
  }

  .pull-80 {
    left: -80%;
  }

  .grid-85 {
    float: left;
    width: 85%;
  }

  .prefix-85 {
    margin-left: 85%;
  }

  .suffix-85 {
    margin-right: 85%;
  }

  .push-85 {
    left: 85%;
  }

  .pull-85 {
    left: -85%;
  }

  .grid-90 {
    float: left;
    width: 90%;
  }

  .prefix-90 {
    margin-left: 90%;
  }

  .suffix-90 {
    margin-right: 90%;
  }

  .push-90 {
    left: 90%;
  }

  .pull-90 {
    left: -90%;
  }

  .grid-95 {
    float: left;
    width: 95%;
  }

  .prefix-95 {
    margin-left: 95%;
  }

  .suffix-95 {
    margin-right: 95%;
  }

  .push-95 {
    left: 95%;
  }

  .pull-95 {
    left: -95%;
  }

  .grid-33 {
    float: left;
    width: 33.33333%;
  }

  .prefix-33 {
    margin-left: 33.33333%;
  }

  .suffix-33 {
    margin-right: 33.33333%;
  }

  .push-33 {
    left: 33.33333%;
  }

  .pull-33 {
    left: -33.33333%;
  }

  .grid-66 {
    float: left;
    width: 66.66667%;
  }

  .prefix-66 {
    margin-left: 66.66667%;
  }

  .suffix-66 {
    margin-right: 66.66667%;
  }

  .push-66 {
    left: 66.66667%;
  }

  .pull-66 {
    left: -66.66667%;
  }

  .grid-100 {
    clear: both;
    width: 100%;
  }
}
/* --- CONTENT --- */
/*
CONTENT.SCSS

--- PAGE DEFAULTS
--- LAYOUT
--- TYPOGRAPHY
--- LINKS
--- LISTS
--- IMAGES/MEDIA
--- TABLES
--- FORMS
--- BUTTONS
--- FLEXBOX
*/
/* --- PAGE DEFAULTS --- */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html {
  font-size: 16px;
}

body {
  background: #fff;
  color: #444;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
}

table, input, select, textarea {
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
}

/* HTML5 Shiv elements */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

video {
  background-color: #000;
}

/* utils */
.invisible {
  position: absolute;
  top: -1000px;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clear {
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
}

.segreg {
  height: 20px;
  clear: both;
}

.no-gutter {
  padding: 0;
}

.tight-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tight-top {
  margin-top: 0 !important;
}

.tight-bottom {
  margin-bottom: 0 !important;
}

/* hr */
hr {
  clear: both;
  border-bottom: 0;
  border-top: 1px dotted #ccc;
  border-right: 0;
  border-left: 0;
  margin: 15px 0;
  min-height: 0;
  height: 1px;
}

hr.alt1 {
  border-style: solid;
}

hr.alt2 {
  border-style: dashed;
}

/* --- LAYOUT --- */
.page {
  background: #fff;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
}

.header {
  background: #fff;
  color: inherit;
}

.header-holder {
  background: transparent;
  color: inherit;
  position: relative;
}

.slider, .motive {
  clear: both;
  background-color: #eee;
  background-position: center center;
  background-repeat: no-repeat;
  line-height: 0;
  max-width: 1920px;
  margin: auto;
  position: relative;
}

.content {
  background: #fff;
  color: inherit;
}

.content-holder {
  margin-top: 45px;
  margin-bottom: 35px;
  position: relative;
}

.left {
  background: transparent;
  color: inherit;
  padding-right: 30px;
}

.right {
  background: transparent;
  color: inherit;
}

.main {
  background: transparent;
  color: inherit;
}

.footer {
  background: #fff;
  color: inherit;
}

.footer-holder {
  background: transparent;
  color: inherit;
  position: relative;
}

.block-left {
  float: left;
  width: 50%;
  padding-right: 15px;
  clear: left;
}

.block-right {
  float: right;
  width: 50%;
  padding-left: 15px;
  clear: right;
}

@media screen and (max-width: 767px) {
  .left {
    padding-right: 10px;
  }
}
.object {
  border: 0px solid #000;
  background: transparent;
  color: inherit;
  margin-bottom: 30px;
}

.object-holder {
  font-size: 100%;
  padding: 0;
}

/* --- TYPOGRAPHY --- */
h1, h2, h3, h4, h5, h6 {
  margin: 1.5em 0 0.15em 0;
  line-height: 1.3em;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  color: #114c8f;
  text-transform: uppercase;
}

h1 {
  font-size: 2rem;
  font-weight: 800;
  color: #0b325f;
}

h2 {
  font-size: 1.7rem;
  font-weight: 800;
  color: #0b325f;
}

h3 {
  font-size: 1.3rem;
}

h4 {
  font-size: 1rem;
  color: #256fc4;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 1rem;
}

.section {
  color: #0b325f;
  font-size: 2rem;
  font-weight: 800;
  margin: 0 0 20px 0;
  padding: 0;
  text-transform: uppercase;
}

p, ul, ol, dl, td, th {
  line-height: 1.6;
}

p {
  margin: 0 0 0.7em 0;
}

abbr, acronym {
  cursor: help;
  padding-bottom: 1px;
  border-bottom: 1px dashed #000;
}

pre, kbd, code, .code {
  font-family: "Courier New", Courier, monospace;
}

code {
  display: block;
  text-align: center;
  font-size: 120%;
  margin: 50px 0 30px 0;
  border: 1px solid #ddd;
}

.code {
  border: 1px solid #757575;
  background: #FFFFDE;
  color: #f00;
  padding: 0 0.3em;
}

blockquote {
  background: #e4e4e4;
  margin: 30px 0px;
  padding: 20px 25px;
}

blockquote p {
  font-style: italic;
}

blockquote span {
  display: block;
  font-size: 91%;
  color: #000;
}

pre {
  width: 100%;
  overflow: scroll;
}

ins {
  color: #00f;
}

del {
  color: #f00;
  text-decoration: line-through;
}

cite {
  font-style: italic;
  color: #666;
}

caption {
  color: #555;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

s {
  position: relative;
  text-decoration: none;
}

s:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid #000;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

.frame {
  padding: 15px 20px;
  background: #eee;
}

.editorial {
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  padding: 40px 5%;
  margin: 0;
  text-align: center;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.strike {
  text-decoration: line-through;
}

.small-caps {
  font-variant: small-caps;
}

.align-justify {
  text-align: justify;
}

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

.align-right {
  text-align: right;
}

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

.hidden {
  display: none;
}

.info {
  color: #555;
}

.font-plus-10 {
  font-size: 110%;
}

.font-plus-20 {
  font-size: 120%;
}

.font-plus-30 {
  font-size: 130%;
}

.font-minus-10 {
  font-size: 90%;
}

.font-minus-20 {
  font-size: 80%;
}

.font-minus-30 {
  font-size: 70%;
}

/* shadows
.text-shadow {text-shadow:0px 2px 1px #a65617;}
.box-shadow {box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.drop-shadow {position:relative;float:left;width:40%;padding:1em;margin:2em 10px 4em;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.drop-shadow:before,.drop-shadow:after {content:"";position:absolute;z-index:-2;}
.raised-shadow {box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
*/
/* rounded
.top-rounded {border-top-left-radius:5px;border-top-right-radius:5px;}
.right-rounded {border-top-right-radius:7px;border-bottom-right-radius:7px;}
.bottom-rounded {border-bottom-left-radius:7px;border-bottom-right-radius:7px;}
.left-rounded {border-top-left-radius:7px;border-bottom-left-radius:7px;}
*/
/* --- LINKS --- */
a, a:visited {
  color: #0086e6;
  text-decoration: underline;
}

a:hover, a:focus {
  color: #0086e6;
  text-decoration: none;
}

.setting a, .setting a:visited {
  color: #000;
  text-decoration: underline;
}

.setting a:hover {
  color: #000;
  text-decoration: none;
}

/* --- LISTS --- */
ul {
  margin: 0.4em 0 0.4em 12px;
  padding: 0;
}

ol {
  margin: 0.4em 0 0.4em 17px;
  padding: 0;
}

/* ul, ol {overflow:hidden;zoom:1;} */
/* overflow = float img overlapping fix */
ul li {
  list-style-type: square;
  /*list-style-image:url(img/li.png);*/
}

.ul-checks {
  padding: 0;
  margin: 0 0 20px 0;
}

.ul-checks li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ul-checks li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin-right: 8px;
  color: #00aeff;
}

.ul-arrows {
  padding: 5px 0;
  margin: 0;
}

.ul-arrows li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-image: none;
}

.ul-arrows li:before {
  content: "\f105";
  font-family: "FontAwesome";
  margin-right: 8px;
}

.ul-no-list {
  margin: 0;
  padding: 0;
}

.ul-no-list li {
  list-style-type: none;
  list-style-image: none;
}

.ul-chrono-list li {
  position: relative;
}

.ul-chrono-list li span.date {
  display: block;
  width: 30%;
  position: absolute;
  top: 0;
  left: 0;
}

.ul-chrono-list li span.title {
  display: block;
  padding-left: 30%;
}

.ul-centered-list {
  margin: 0;
  padding: 0;
  text-align: center;
}

.ul-centered-list li {
  display: inline-block;
  list-style-type: none;
}

.ul-pseudo-list {
  margin: 0;
  padding: 0;
}

.ul-pseudo-list li {
  list-style-type: none;
  list-style-image: none;
  margin: 5px;
}

.ul-pseudo-list .li-number {
  display: table-cell;
}

.ul-pseudo-list .li-number strong {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  color: #666;
  text-align: center;
  vertical-align: middle;
  padding-right: 0px;
  font-size: 17px;
  background: #eee;
  border-radius: 18px;
}

.ul-pseudo-list .li-text {
  display: table-cell;
  color: #555;
  vertical-align: middle;
  padding-left: 15px;
}

.ul-icon-share {
  margin: 20px 0;
  padding: 0;
}

.ul-icon-share li {
  float: left;
  list-style-type: none;
  list-style-image: none;
  margin-right: 5px;
  padding: 0;
  background-image: none;
  vertical-align: middle;
  line-height: 1;
}

.ul-icon-share a {
  text-decoration: none !important;
}

.ul-icon-share .fa {
  display: table-cell;
  width: 32px;
  height: 32px;
  font-size: 16px;
  background: #ddd;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.ul-icon-share .fa:hover {
  opacity: 0.8;
}

.ul-icon-list {
  margin: 20px 0;
  padding: 0;
  text-align: center;
}

.ul-icon-list li {
  display: inline-block;
  list-style-type: none;
  list-style-image: none;
  margin: 0 7px;
  padding: 0;
  background-image: none;
  vertical-align: middle;
  line-height: 1;
}

.ul-icon-list a {
  text-decoration: none !important;
}

.ul-icon-list .fa {
  display: table-cell;
  width: 32px;
  height: 32px;
  font-size: 32px;
  color: #0b325f;
  text-align: center;
  vertical-align: middle;
}

.ul-icon-list .fa:hover {
  opacity: 0.8;
}

.ul-icon-list span {
  display: none;
  /*display:table-cell;*/
  padding-left: 8px;
  vertical-align: middle;
}

/*
.ul-img {padding:0;margin:0 0 20px 0;}
.ul-img li {list-style-type:none;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:0 0 -1px 0;background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;padding-left:20px;}
*/
/* --- IMAGES, MEDIA --- */
/* images */
img {
  vertical-align: middle;
}

a img.img, img.img {
  border: 0px solid #ccc;
  background: transparent;
  line-height: 0px;
  padding: 0;
}

a img.img:hover, a img.img:focus {
  border: 0px solid #000;
}

a img.noframe, img.noframe {
  border-width: 0;
  padding: 0;
  background: transparent;
}

a img.noframe:hover, a img.noframe:focus {
  border-width: 0;
}

.imgl {
  float: left;
  clear: left;
  margin: 0.4em 2em 1em 0;
}

.imgr {
  float: right;
  clear: right;
  margin: 0.4em 0 1em 2em;
}

.imgc {
  display: block;
  margin: auto;
}

.rwd-image {
  width: 100%;
}

.rwd-image-holder {
  float: right;
  margin-bottom: 0.5em;
  margin-left: 2.53164557%;
  /* 12px / 474px */
  width: 48.7341772%;
  /* 231px / 474px */
  border: 1px solid red;
}

.rwd-image-holder img {
  width: 100%;
}

/* media */
.rwd-media {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /*16:9*/
}

.rwd-media iframe, .rwd-media video, .rwd-media object, .rwd-media embed {
  position: absolute;
  width: 100%;
  height: 100%;
}

.rwd-media .player, .rwd-media #player119 {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}

/* video {width:100% !important;height:auto !important;} */
@media screen and (max-width: 767px) {
  .imgl-rwd, .imgr-rwd {
    clear: both;
    float: none;
    width: 100%;
    margin: 15px 0;
  }
}
/* --- TABLES --- */
table {
  border-collapse: collapse;
  border-width: 0px;
}

table caption {
  text-align: left;
  padding-bottom: 0.3em;
}

table th, table td {
  background: transparent;
  border-width: 0px;
  text-align: left;
}

table.formatted th, table.formatted td {
  vertical-align: top;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

table.formatted th {
  background: #fff;
  color: inherit;
  padding: 11px 8px;
  font-weight: bold;
}

table.formatted td {
  background: transparent;
  color: inherit;
  padding: 7px 8px;
}

table.formatted tr:nth-of-type(odd) {
  background-color: #f3f5f8;
}

table.formatted tr:nth-of-type(even) {
  background-color: #e6ecf1;
}

table.formatted tr:hover {
  background-color: #fef8c1;
}

@media screen and (max-width: 767px) {
  table.formatted, table.unformated {
    overflow-x: auto;
    display: block;
  }

  .table-nowrap th, .table-nowrap td {
    white-space: nowrap;
  }
}
/* --- FORMS --- */
input.inp, select, button, input.button {
  height: 36px;
  vertical-align: baseline;
}

button, input.button {
  padding: 0 15px;
  margin: 0;
}

input.inp, textarea, select {
  border: 1px solid #ccc;
  padding: 0px 10px;
  background-color: #fff;
  border-radius: 0px;
}

input.inp:focus, textarea:focus, select:focus {
  border: 1px solid #aaa;
  background-color: #FFFBD4;
}

.required {
  /*background-image:url(img/required.png);*/
  background-repeat: no-repeat;
  background-position: center right;
}

.invalid {
  color: #f00;
}

::-webkit-input-placeholder {
  color: #777;
  font-style: italic;
}

::-moz-placeholder {
  color: #777;
  font-style: italic;
}

:-ms-input-placeholder {
  color: #777;
  font-style: italic;
}

/* form builder */
.frm fieldset {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top left;
  border-width: 0;
  margin: 0 0 30px 0;
  padding: 20px;
  border-radius: 0px;
}

.frm legend {
  padding: 0.2em 0.5em;
  font-size: 130%;
  font-weight: bold;
}

.frm p {
  clear: both;
  margin: 15px 0 0 0;
  padding: 0;
  vertical-align: middle;
  line-height: 1.6;
  border: 0px solid red;
}

.frm p:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.frm p.thin {
  margin: 15px 0 0 0;
  padding: 0;
  line-height: 1.6;
}

.frm p span {
  display: block;
  width: 35%;
  float: left;
  padding: 5px 0 0 0;
}

.frm p.thin span {
  padding: 0;
}

.frm p span label {
  margin: 0;
  white-space: normal;
}

.frm p label input[type=radio], .frm p label input[type=checkbox] {
  margin-right: 5px;
}

.frm p label {
  margin-right: 10px;
  padding: 0;
}

.frm p strong em {
  color: #f00;
  margin-left: 3px;
}

/* version 2
.frm2 fieldset {border:1px solid #B7B0A4;padding:20px;margin-bottom:0;}
.frm2 legend {padding:.2em .5em;;font-size:110%;text-align:right;}
.frm2 p {clear:both;}
.frm2 p span {display:block;}
.frm2 p label {padding:.2em .2em 0 0;}
*/
/* units-percent */
.unit-10, .percent-10 {
  width: 10%;
}

.unit-15, .percent-15 {
  width: 15%;
}

.unit-20, .percent-20 {
  width: 20%;
}

.unit-25, .percent-25 {
  width: 25%;
}

.unit-30, .percent-30 {
  width: 30%;
}

.unit-35, .percent-35 {
  width: 35%;
}

.unit-40, .percent-40 {
  width: 40%;
}

.unit-45, .percent-45 {
  width: 45%;
}

.unit-50, .percent-50 {
  width: 50%;
}

.unit-55, .percent-55 {
  width: 55%;
}

.unit-60, .percent-60 {
  width: 60%;
}

.unit-65, .percent-65 {
  width: 65%;
}

.unit-70, .percent-70 {
  width: 70%;
}

.unit-75, .percent-75 {
  width: 75%;
}

.unit-80, .percent-80 {
  width: 80%;
}

.unit-85, .percent-85 {
  width: 85%;
}

.unit-90, .percent-90 {
  width: 90%;
}

.unit-95, .percent-95 {
  width: 95%;
}

.unit-100, .percent-100 {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .frm fieldset {
    padding: 10px;
  }

  .frm p span {
    display: block;
    width: 100%;
  }

  .frm input.inp, .frm textarea {
    width: 100% !important;
  }
}
/* --- BUTTONS --- */
.button, .button:visited {
  border: solid 1px #00aeff;
  background-color: #00aeff;
  color: #fff;
  display: inline-block;
  vertical-align: baseline;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 11px 25px;
  margin: 0 2px;
  line-height: 1;
  border-radius: 0px;
}

.button:hover {
  border: solid 1px #43c3ff;
  background-color: #43c3ff;
  color: #fff;
  text-decoration: none;
}

.button--disable {
  border: solid 1px #ccc !important;
  background-color: #ccc !important;
  color: #fff !important;
  cursor: default;
}

.button--big {
  font-size: 1.2rem;
  padding: 17px 20px;
}

.button--small {
  font-size: 0.8rem;
  padding: 5px 10px;
}

.button--wide {
  width: 100%;
}

.button--outline, .button--outline:visited {
  border: solid 1px #00aeff;
  background-color: transparent;
  color: #00aeff;
}

.button--outline:hover {
  background-color: #00aeff;
  color: #fff;
}

/* button-arrows
.button.arrow {text-align:left;padding-right:30px;}
.button.arrow:after {position:absolute;top:35%;right:10px;width:6px;height:6px;border-top:2px solid #e41b13;border-right:2px solid #e41b13;content:"";-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.button.arrow.anchor:after {border-top:0;border-bottom:2px solid #e41b13;}
.gray.arrow:after {border-color:#3f474a;}
.gray.arrow.anchor:after {border-top:0;border-bottom:2px solid #3f474a;}
.button.arrow:hover:after {border-color:#fff;}
*/
/* button-colors
.button--black {color:#d7d7d7;border:solid 1px #333;background-color:#333;}
.button--black:hover {background-color:#000;}
.button--gray {color:#e9e9e9;border:solid 1px #555;background-color:#6e6e6e;}
.button--gray:hover {background-color:#616161;}
.button--white {color:#606060;border:solid 1px #b7b7b7;background-color:#fff;}
.button--white:hover {background-color:#ededed;}
.button--orange {color:#fef4e9;border:solid 1px #da7c0c;background-color:#f78d1d;}
.button--orange:hover {background-color:#f47c20;}
.button--red {color:#faddde;border:solid 1px #980c10;background-color:#d81b21;}
.button--red:hover {background-color:#b61318;}
.button--blue {color:#d9eef7;border:solid 1px #0076a3;background-color:#0095cd;}
.button--blue:hover {background-color:#007ead;}
.button--rosy {color:#fae7e9;border:solid 1px #b73948;background-color:#da5867;}
.button--rosy:hover {background-color:#ba4b58;}
.button--green {color:#e8f0de;border:solid 1px #538312;background-color:#64991e;}
.button--green:hover {background-color:#538018;}
.button--pink {color:#feeef5;border:solid 1px #d2729e;background-color:#f895c2;}
.button--pink:hover {background-color:#d57ea5;}
*/
/* button-color-gradients
.button {text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.2);}
.button {background:linear-gradient(0deg,#575757,#888);}
.button:hover {background:linear-gradient(0deg,#4b4b4b,#757575);}
.button:active {background:linear-gradient(0deg,#888,#575757);}
.button--black {background:linear-gradient(0deg,#000,#666);}
.button--black:hover {background:linear-gradient(0deg,#000,#444);}
.button--black:active {background:linear-gradient(0deg,#444,#000);}
.button--gray {background:linear-gradient(0deg,#575757,#888);}
.button--gray:hover {background:linear-gradient(0deg,#4b4b4b,#757575);}
.button--gray:active {background:linear-gradient(0deg,#888,#575757);}
.button--white {background:linear-gradient(0deg,#ededed,#fff);}
.button--white:hover {background:linear-gradient(0deg,#dcdcdc,#fff);}
.button--white:active {background:linear-gradient(0deg,#fff,#ededed);}
.button--orange {background:linear-gradient(0deg,#f47a20,#faa51a);}
.button--orange:hover {background:linear-gradient(0deg,#f06015,#f88e11);}
.button--orange:active {background:linear-gradient(0deg,#faa51a,#f47a20);}
.button--red {background:linear-gradient(0deg,#aa1317,#ed1c24);}
.button--red:hover {background:linear-gradient(0deg,#a11115,#c9151b);}
.button--red:active {background:linear-gradient(0deg,#ed1c24,#aa1317);}
.button--blue {background:linear-gradient(0deg,#0078a5,#00adee);}
.button--blue:hover {background:linear-gradient(0deg,#00678e,#0095cc);}
.button--blue:active {background:linear-gradient(0deg,#00adee,#0078a5);}
.button--rosy {background:linear-gradient(0deg,#bf404f,#f16c7c);}
.button--rosy:hover {background:linear-gradient(0deg,#a53845,#cf5d6a);}
.button--rosy:active {background:linear-gradient(0deg,#f16c7c,#bf404f);}
.button--green {background:linear-gradient(0deg,#7db72f,#4e7d0e);}
.button--green:hover {background:linear-gradient(0deg,#436b0c,#6b9d28);}
.button--green:active {background:linear-gradient(0deg,#7db72f,#4e7d0e);}
.button--pink {background:linear-gradient(0deg,#f171ab,#feb1d3);}
.button--pink:hover {background:linear-gradient(0deg,#e86ca4,#f4aacb);}
.button--pink:active {background:linear-gradient(0deg,#feb1d3,#f171ab);}
 */
/* --- FLEXBOX --- */
.fx-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.fx-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.fx-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.fx-vcenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fx-box-50 {
  width: 48.5%;
}

.fx-box-33 {
  width: 31.5%;
}

.fx-box-25 {
  width: 23.5%;
}

.fx-box-20 {
  display: block;
  width: 19%;
}

.fx-transparent {
  background-color: transparent !important;
}

@media screen and (max-width: 767px) {
  .fx-box-50, .fx-box-33, .fx-box-25, .fx-box-20 {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* --- COMPONENTS --- */
/*
COMPONENTS.SCSS

--- LOGO
--- MENU-ICONS
--- NAV-TOP
--- NAV
--- NAV-BOTTOM
--- NAV-EXTRA
--- SUBMENU
--- FULLTEXT
--- LANGS
--- CRUMBS
--- PAGINATION
--- TOOLTIP
--- FILE-ICONS
--- PAGE-TOP
--- AJAX
--- SPRITES
*/
/* --- LOGO --- */
.logo {
  float: left;
  display: inline;
  margin: 30px 0 0 30px;
  padding: 0;
}

.logo a {
  display: block;
  width: 300px;
  height: 80px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  background: url(img/logo-cs.svg) top left no-repeat;
  font-size: 190%;
}

.logo span {
  display: none;
  cursor: pointer;
}

.logo--en a, .logo--ru a {
  background: url(img/logo-en.svg) top left no-repeat;
}

.logo--de a {
  background: url(img/logo-de.svg) top left no-repeat;
}

@media screen and (max-width: 767px) {
  .logo {
    float: none;
    display: block;
    width: 240px;
    height: 64px;
    margin: 10px auto;
    clear: both;
  }

  .logo a {
    width: 240px;
    height: 64px;
    background-size: contain;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .logo {
    margin: 30px 0 0 0px;
    padding: 0;
  }

  .logo a {
    width: 240px;
    height: 64px;
    background-size: contain;
  }
}
/* --- MENU-ICONS --- */
.menu-icons {
  float: right;
  margin: 0;
  padding: 0;
}

.menu-text {
  float: right;
  list-style: none;
  text-transform: uppercase;
}

.menu-icon {
  float: right;
  margin: 0px;
  padding: 0;
  list-style: none;
  min-width: 70px;
  height: 50px;
  font-size: 120%;
  line-height: 50px;
  text-align: center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

.menu-icon span {
  /*display:none;*/
  padding-right: 10px;
  color: #ff0066;
  font-size: 1.3rem;
}

.menu-icon:hover {
  color: #000;
}

.menu-icon i {
  vertical-align: middle;
  color: #114c8f;
}

a.menu-link {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  padding: 0 15px;
  margin-left: 0;
  text-decoration: none;
  text-align: center;
}

a.menu-link--booking {
  background-color: #ff0066;
  border-right: 1px solid #fff;
}

a.menu-link--booking:hover {
  background-color: #ff5591;
}

a.menu-link--phone {
  background-color: #ff0066;
}

a.menu-link--phone:hover {
  background-color: #ff5591;
}

.menu-icon--nav {
  display: none;
  font-size: 1.7rem;
}

.menu-icon--search {
  font-size: 2rem;
  line-height: 40px;
}

.menu-icon--langs {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  color: #ff0066;
}

.menu-icon--login {
  display: none;
}

@media screen and (max-width: 767px) {
  .menu-icons {
    float: none;
  }

  .menu-icon {
    width: 33.3333%;
    background-color: #eee;
  }

  .menu-text {
    width: 100%;
  }

  .menu-icon--nav {
    clear: right;
    display: block;
    line-height: 45px;
  }

  .menu-icon--search {
    font-size: 1.7rem;
    line-height: 40px;
  }

  a.menu-link {
    height: 35px;
    line-height: 35px;
    font-size: 0.8rem;
    padding: 0;
  }
}
/* --- NAV-TOP --- */
/* nav-top - basic */
.nav-top-holder {
  clear: right;
  float: right;
  margin: 20px 25px 0 0;
  position: relative;
  bottom: -3px;
  z-index: 9000;
}

.nav-top-holder h2 {
  /*display:none*/
}

.nav-top {
  margin: 0;
  padding: 0;
}

.nav-top li {
  float: left;
  border-left: 0px solid #d2d2d2;
  background: transparent;
  list-style: none;
  margin-left: 20px;
}

.nav-top li:first-child {
  border: 0;
}

.nav-top li a {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 0.9rem;
  font-weight: 700;
  color: #114c8f;
  border-bottom: 5px solid transparent;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.nav-top li.active a, ul.nav-top li.parent a {
  color: #ff0066;
}

.nav-top li span {
  display: block;
  margin: 0;
  padding: 10px 0 30px 0;
}

.nav-top li a:hover {
  color: #ff0066;
  border-bottom: 5px solid #ff0066;
  text-decoration: none;
}

.nav-top ul {
  display: none;
}

/* nav-top - dropdown
.nav-top-holder {clear:both;line-height:0;}
.nav-top-holder h2 {display:none;}
.nav-top {width:100%;margin:0;padding:0;background:#7d7d7d;line-height:100%;z-index:1001;position:relative;}
.nav-top li {margin:0;padding:0;float:left;position:relative;list-style-type:none;list-style-image:none;font-size:13px;}
.nav-top>li:first-child {margin-left:0px;}
.nav-top a {font-weight:bold;color:#fff;text-decoration:none;display:block;padding:19px 20px;margin:0;}
.nav-top a:hover {background:#000;color:#fff;}
.nav-top > .active a, .nav-top .parent a, .nav-top .current a,.nav-top li:hover > a {background:#666;color:#fff;border-top:solid 0px #f8f8f8;}
.nav-top ul li:hover a,.nav-top li:hover li a {background:none;border:none;color:#444;}
.nav-top ul a:hover {background:#7d7d7d !important;color:#fff !important;}
.nav-top li:hover > ul {display:block;}
.nav-top ul {z-index:100;display:none;margin:0;padding:0;width:280px;position:absolute;top:50px;left:0;background:#eee;border:solid 1px #f8f8f8;}
.nav-top ul li {float:none;margin:0;padding:0;}
.nav-top ul a {font-weight:normal;padding:8px 20px;}
.nav-top ul ul {left:241px;top:0px;}
.nav-top:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.nav-top {display:inline-block;}
html[xmlns] .nav-top {display:block;}
* html .nav-top {height:1%;}
*/
@media screen and (max-width: 767px) {
  .nav-top-holder {
    float: none;
    clear: both;
    margin: 0;
    bottom: 0;
  }

  .nav-top {
    display: none;
    padding: 20px 0;
  }

  .nav-top li {
    float: none;
    margin: 0 0 7px 0;
  }

  .nav-top li a {
    font-size: 1.2rem;
    text-align: center;
    border: 0;
  }

  .nav-top li span {
    padding: 0;
  }

  .nav-top li a:hover {
    border: 0;
  }

  .nav-top ul {
    display: none !important;
  }
}
/* --- NAV --- */
.nav-holder h2 {
  /*display:none*/
}

.nav {
  margin: 0;
  padding: 30px;
  background-color: #0b325f;
}

.nav li {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 0px solid #ddd;
  list-style-type: none;
  list-style-image: none;
  line-height: 1.4;
}

.nav li:first-child {
  border-top: 0;
}

.nav li a {
  display: block;
  width: 100%;
  background: transparent;
  color: #fff;
  text-decoration: none;
  padding: 5px 0;
  font-size: 1.2rem;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
}

.nav li a span {
  display: table-cell;
}

.nav li.active a {
  background: transparent;
  color: #00aeff;
  text-decoration: none;
}

/* level 2 */
.nav ul {
  margin: 0;
  padding: 10px 0 30px 0;
}

.nav li li {
  border-bottom: 0px solid #ddd;
}

.nav li li a, .nav li.active li a {
  background: transparent;
  color: #fff;
  text-decoration: inherit;
  padding: 3px 0px 3px 15px;
  font-size: 1rem;
  font-weight: 300;
  text-transform: none;
}

.nav li li a:before {
  position: absolute;
  content: "-";
  top: 6px;
  left: 0px;
  font-size: 10px;
  font-family: "FontAwesome";
  text-decoration: none;
}

.nav li li.active a {
  background: transparent;
  color: #00aeff;
  text-decoration: none;
}

/* level 3 */
.nav li li li a, .nav li li.active li a {
  background: transparent;
  color: #34465A;
  text-decoration: inherit;
  padding: 5px 3px 5px 35px;
  font-size: 110%;
}

.nav li li li a:before {
  content: "\f205";
  top: 6px;
  left: 20px;
}

.nav li li li.active a {
  background: transparent;
  color: #000;
  text-decoration: none;
}

.nav li a:hover, .nav li li a:hover, .nav li li li a:hover {
  color: #00aeff;
  text-decoration: none;
}

/* --- NAV-BOTTOM  --- */
.nav-bottom-holder {
  margin: 0;
  padding: 30px 0;
  background-color: #0b325f;
}

.nav-bottom {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1;
}

.nav-bottom li {
  display: inline-block;
  border-left: 1px solid #00aeff;
  background: transparent;
  list-style: none;
}

.nav-bottom li:first-child {
  border: 1px;
}

.nav-bottom li a {
  display: block;
  margin: 0 20px;
  padding: 0;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.nav-bottom li.active a, ul.nav-top li.parent a {
  color: #00aeff;
}

.nav-bottom li a:hover {
  color: #00aeff;
  text-decoration: none;
}

.nav-bottom li span {
  display: block;
  margin: 0;
  padding: 0px;
}

@media screen and (max-width: 767px) {
  .nav-bottom-holder {
    display: none;
  }
}
/* --- NAV-EXTRA  --- */
.nav-extra {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 0;
}

.nav-extra li {
  display: inline-block;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.nav-extra li a {
  display: block;
  background-color: #114c8f;
  margin: 0;
  padding: 10px 20px;
  overflow: hidden;
  font-size: 1.3rem;
  font-weight: 300;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
}

.nav-extra li:first-child a {
  background-color: #18b6c3;
}

.nav-extra li:last-child a {
  background-color: #0b325f;
}

.nav-extra li a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}

@media screen and (max-width: 767px) {
  .nav-extra li {
    display: block;
  }
}
/* --- SUBMENU --- */
/*
.submenu {border:0px solid #DEDEDE;background:#EDEBEB;margin:0 0 2em 0;padding:.5em;}
.submenu li {width:100%;margin:0;padding:0;background-image:url(img/menu/submenu.png);background-position:0 -69px;background-repeat:no-repeat;list-style-type:none;list-style-image:none;}
.submenu li a {display:block;margin:0;padding:0;width:100%;font-size:120%;font-weight:bold;background-image:url(img/menu/submenu.png);background-position:top left;background-repeat:no-repeat;}
.submenu li.active a {background-position:0 -138px;}
.submenu li span {display:block;margin:0;padding:.2em 0 .2em 30px;}
.submenu li a:hover {background-image:none;}
*/
.submenu {
  margin: 0 0 30px 0;
  padding: 0;
}

.submenu li {
  width: 100%;
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 10px;
}

.submenu a {
  display: block;
  text-decoration: none;
  padding: 10px;
  background-color: #eee;
}

.submenu a:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.submenu a:hover {
  background-color: #e4e4e4;
}

.submenu__image {
  float: left;
  width: 100px;
  margin-right: 10px;
}

.submenu__text {
  display: table-cell;
}

.submenu__text h3 {
  color: #e41b13;
  font-size: 1.3rem;
  margin: 0;
  padding: 0;
  line-height: 1.1;
}

.submenu__text p {
  color: #474747;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

.submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.submenu--2cols {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.submenu--2cols li {
  width: 48%;
}

@media screen and (max-width: 767px) {
  .submenu--2cols li {
    width: 100%;
  }
}
/* --- FULLTEXT --- */
/* overlay */
.overlay-fulltext {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.93);
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.overlay-fulltext__content {
  position: relative;
  top: calc(50% - 120px);
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay-fulltext__close {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  text-decoration: none;
}

.overlay-fulltext__close:hover {
  color: #ff0066;
}

/* fulltext */
.fulltext {
  padding: 0;
  margin: 0 auto;
  font-size: 100%;
  border-radius: 0px;
}

.fulltext label {
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
}

.fulltext input.inp {
  width: 70%;
  max-width: 500px;
  height: 55px;
  font-size: 2rem;
  line-height: 55px;
  padding: 0 30px;
  color: #999;
  border-radius: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.fulltext button {
  height: 55px;
  line-height: 50px;
  font-size: 2rem;
  background-color: #00aeff;
  color: #fff;
  padding: 0 15px;
  cursor: pointer;
  border: none;
  overflow: hidden;
  vertical-align: baseline;
  border-radius: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.fulltext button:hover {
  background-color: #43c3ff;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .overlay {
    font-size: 20px;
  }

  .fulltext {
    text-align: center;
    background-color: transparent;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0px;
    padding: 10px 0;
  }

  .fulltext input.inp, .fulltext button {
    font-size: 1.3rem;
  }
}
/* --- LANGS --- */
.langs-dd {
  margin: 0;
}

.langs-dd dd, .dropdown dt, .dropdown ul {
  margin: 0px;
  padding: 0px;
}

.langs-dd dd {
  position: relative;
}

.langs-dd a {
  text-decoration: none;
  outline: none;
}

.langs-dd a:hover {
  color: #444;
}

.langs-dd dt a:hover, .dropdown dt a:focus {
  color: #5d4617;
}

.langs-dd dt a {
  display: block;
}

.langs-dd dt a span {
  cursor: pointer;
  display: block;
  padding: 7px;
  text-transform: uppercase;
}

.langs-dd dd ul {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
  min-width: 130px;
  display: none;
  background-color: #f4f4f4;
  border: 1px solid #d8d8d8;
  color: #444;
  padding: 0px 0px;
  list-style: none;
  z-index: 9999;
}

.langs-dd dd ul li {
  list-style-type: none;
  list-style-image: none;
}

.langs-dd dd ul li a {
  padding: 7px;
  display: block;
  color: #888;
  font-size: 0.9rem;
}

.langs-dd dd ul li a:hover {
  background-color: #ddeff3;
  color: #444;
}

/*
.langs {float:right;padding:0;margin:25px 20px 0 0;font-size:100%;}
.langs li {float:left;background-image:none;background-position:center left;background-repeat:no-repeat;padding:0 8px;border-left:1px solid #444;list-style-type:none;list-style-image:none;text-transform: uppercase;}
.langs li:first-child {border-left:0;margin-left:0;}
.langs li a {text-decoration: none;}
.langs li.active a {color:#444;}
.langs li.label {padding:6px 10px 0 0;}
*/
@media screen and (max-width: 767px) {
  .langs {
    display: none;
    float: none;
    clear: both;
    text-align: center;
    background-color: #eee;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0px auto;
    padding: 10px 0;
  }

  .langs li {
    float: none;
    display: inline-block;
    margin: 0 4px;
  }
}
/* --- CRUMBS --- */
#crumbs {
  clear: both;
  background: #fff;
  margin: 0;
  padding: 0;
  height: 2.3em;
  border-bottom: 1px dotted #dedede;
}

#crumbs li {
  display: inline-block;
  line-height: 2.3em;
  color: #777;
  padding-left: 0.75em;
  list-style-type: none;
  list-style-image: none;
}

#crumbs li a {
  background: url(img/crumbs.png) no-repeat right center;
  display: block;
  padding: 0 15px 0 0;
}

#crumbs li:last-child a {
  background: none;
}

@media screen and (max-width: 767px) {
  #crumbs {
    display: none;
  }
}
/* --- PAGINATION --- */
.pager {
  clear: both;
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.pager li {
  float: left;
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  margin: 0 4px;
}

.pager li a {
  display: block;
  text-decoration: none;
  color: #555;
  padding: 7px 10px;
  border: 1px solid #ccc;
  font-size: 100%;
  border-radius: 5px;
  line-height: 1;
}

.pager li a.current-page {
  /*background:#fff;*/
  color: #78624c;
  border: 1px solid #78624c;
  font-weight: bold;
}

.pager li a:hover {
  border: 1px solid #999;
  color: #333;
  background-color: #f2f2f2;
}

/* --- TOOLTIP --- */
.tooltip:hover {
  background: transparent;
  text-decoration: none;
  cursor: help;
}

.tooltip span {
  display: none;
  padding: 5px;
  margin-left: 10px;
  width: 250px;
}

.tooltip:hover span {
  cursor: default;
  display: inline;
  position: absolute;
  background: #fff;
  color: #444;
  padding: 10px 15px;
  border: 1px solid #ddd;
  font-size: 91%;
  line-height: 1.5em;
}

/* --- FILE-ICONS --- */
.doc, .xls, .ppt, .pdf, .zip, .video, .audio, .image, .file {
  background-image: url(img/icons/files.png);
  background-repeat: no-repeat;
  padding: 2px 0 2px 21px;
}

.doc {
  background-position: 0 0;
}

.xls {
  background-position: 0 -25px;
}

.ppt {
  background-position: 0 -50px;
}

.pdf {
  background-position: 0 -75px;
}

.zip {
  background-position: 0 -100px;
}

.video {
  background-position: 0 -125px;
}

.audio {
  background-position: 0 -150px;
}

.image {
  background-position: 0 -175px;
}

.file {
  background-position: 0 -200px;
}

/* --- PAGE-TOP --- */
/*
.page-top {position:fixed;bottom:30px;right:30px;display:none;z-index:999;}
.page-top a {width:45px;display:block;text-align:center;font-size:0.68rem;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s;}
.page-top a:hover {color:#000;}
.page-top span {display:block;width:45px;height:45px;line-height: 45px;margin-bottom:7px;background:#ddd;transition:1s;border-radius:5px;}
.page-top span:before {font-weight:normal;font-family: "FontAwesome";content:"\f106";color:#fff;font-size:20px;}
.page-top a:hover span {background-color:#777;}
*/
.back-top {
  text-align: center;
  margin: 30px 0;
}

.back-top a {
  font-size: 2.3rem;
  color: #0b325f;
  text-decoration: none;
}

.back-top a:hover {
  color: #114c8f;
}

/* --- AJAX --- */
/* e-loading */
#e-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100000;
}

#e-loading div {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 60px;
  margin-left: -50px;
  margin-top: -30px;
  border: 0px solid red;
  background: url(/wcs/templates/design/css/img/loading.gif) top center no-repeat;
}

#e-loading div span {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: normal;
}

/* info-box */
.info-box {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 200px;
  margin-left: -250px;
  margin-top: -100px;
  border: 1px solid #eee;
  background-color: #fff;
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  padding: 25px;
  z-index: 9999;
  font-size: 120%;
  text-align: center;
  overflow: auto;
}

/* --- SPRITES ---
.sprite {display:block;width:32px;height:32px;background-color:#ddd;background-image:url(img/icons/ico-buttons.png);background-repeat:no-repeat;cursor:pointer;}
.sprite span {display:none;}
.sprite--search {background-position:0 0;background-color:#f38b00;}
.sprite--search:hover {background-color:#f59d28;}
.sprite--rss {background-position:-32px 0;background-color:#faa33d;}
.sprite--rss:hover {background-color:#faaf57;}
*/
/* --- MESSAGES ---
.message {float:left;display:block;width:32px;height:32px;overflow:hidden;margin:5px 15px 5px 0;background-image:url(img/icons/messages.png);background-color:transparent;background-repeat:no-repeat;background-position:0 -1000px;}
.message.warning {background-position:0 0;}
.message.information {background-position:0 -50px;}
.message.tip {background-position:0 -100px;}
.message.help {background-position:0 -150px;}
.message.error {background-position:0 -200px;}
*/
/* --- MODULES --- */
/* 
MODULES.SCSS

--- ARTICLES
--- EVENTS
--- POLL
--- MAIL-INFO
--- CALENDAR
--- AUTH
--- GALLERY
--- MULTIMEDIA
--- FORUM
--- RSS
--- RESULTS
--- SITEMAP
--- EU-COOKIES
*/
/* --- ARTICLES --- */
.article {
  border-bottom: 1px dotted #ddd;
  margin-bottom: 20px;
}

.article:last-child {
  border-bottom: 0;
}

.article__image {
  margin-right: 25px;
  width: 100%;
  max-width: 25%;
  float: left;
}

.article__content {
  display: table-cell;
}

.article__date {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.article__title {
  margin: 10px 0;
  padding: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 700;
}

.article__title a {
  color: #00aeff;
}

.article__perex p {
  margin-bottom: 0;
}

.article hr {
  margin: 20px 0;
}

.article-headline__image {
  margin-bottom: 20px;
  width: 100%;
}

.article-headline__date {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.article-headline__title {
  margin: 5px 0;
  padding: 0;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 700;
}

.article-headline__title a {
  color: #00aeff;
}

.article-headline__perex p {
  margin-bottom: 0;
}

.article {
  border-bottom: 1px dotted #ddd;
  margin-bottom: 20px;
}

.article-top:last-child {
  border-bottom: 0;
}

.article-top__image {
  margin-right: 25px;
  width: 100%;
  max-width: 40%;
  float: left;
}

.article-top__content {
  display: table-cell;
}

.article-top__date {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.article-top__title {
  margin: 10px 0;
  padding: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 700;
}

.article-top__title a {
  color: #00aeff;
}

.article-top__perex p {
  margin-bottom: 0;
}

.articles-list {
  margin: 0;
  padding: 0;
}

.articles-list li {
  list-style-type: none;
  list-style-image: none;
  border-bottom: 1px dotted #ccc;
  padding: 15px 0;
}

.articles-list__date {
  font-size: 1rem;
  font-weight: normal;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.articles-list__title {
  margin: 5px 0;
  padding: 0;
  font-size: 150%;
  font-weight: bold;
  line-height: 1;
}

.article-detail__image {
  margin-right: 30px;
  width: 100%;
  max-width: 40%;
  float: left;
}

.article-detail__content {
  display: table-cell;
}

.article-detail__date {
  font-size: 120%;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.article-detail__title {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 250%;
  font-weight: bold;
}

.article-detail hr {
  margin: 30px 0;
}

.articles-slider {
  margin: 0;
  padding: 0;
}

.articles-slider li {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .article__image, .article-top__image, .article-detail__image {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 100%;
    float: none;
  }
}
/* --- EVENTS --- */
.event {
  border-bottom: 1px dotted #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.event:last-child {
  border-bottom: 0;
}

.event__image {
  margin-right: 25px;
  width: 100%;
  max-width: 175px;
  float: left;
}

.event__content {
  display: table-cell;
}

.event__date {
  color: #657388;
  font-size: 100%;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.event__title {
  margin: 3px 0 8px 0;
  padding: 0;
  font-size: 150%;
  font-weight: normal;
}

.event__perex p {
  margin-bottom: 0;
}

.event-top__date {
  font-size: 120%;
  font-weight: normal;
}

.event-top__title {
  margin: 10px 0;
  padding: 0;
  font-size: 170%;
  font-weight: bold;
}

.event-top__image {
  padding: 0 30px 0 0;
}

.events-list {
  margin: 0;
  padding: 0;
}

.events-list li {
  list-style-type: none;
  list-style-image: none;
  border-bottom: 1px dotted #ccc;
  padding: 15px 0;
}

.events-list__date {
  font-size: 120%;
  font-weight: normal;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.events-list__title {
  margin: 5px 0;
  padding: 0;
  font-size: 150%;
  font-weight: bold;
  line-height: 1;
}

.event-detail__date {
  font-size: 120%;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

.event-detail__image {
  margin-right: 30px;
  width: 100%;
  max-width: 40%;
  float: left;
}

.event-detail__content {
  display: table-cell;
}

.event-detail__title {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 250%;
  font-weight: bold;
}

.event-detail hr {
  margin: 30px 0;
}

#action-venue, #action-organizer {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .event__image, .event-top__image, .event-detail__image {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 100%;
    float: none;
  }
}
/* --- POLL --- */
.poll h3 {
  font-size: 110%;
  margin-bottom: 10px;
  line-height: 1.4;
}

.poll p {
  margin-bottom: 0.3em;
  line-height: 1.4;
}

.poll .poll-bar {
  display: inline-block;
  background: #ddd;
  height: 13px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.poll p span {
  font-size: 91%;
  padding-left: 5px;
  color: #666;
}

/* --- MAIL-INFO --- */
.mail .frm fieldset {
  padding: 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.mail input.inp {
  width: 80%;
}

.mail input.button {
  background-color: #114c8f;
}

input.mail-img {
  width: 30px;
  height: 18px;
  background: no-repeat left top;
  padding: 0;
  cursor: pointer;
  border: none;
  overflow: hidden;
  letter-spacing: 100px;
}

input.mail-img:hover {
  background-position: left bottom;
}

/* --- CALENDAR --- */
.cal .object-holder {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.cal table {
  margin: auto;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}

.cal th, .cal td {
  background: transparent;
  font-size: 100%;
  padding: 0;
  line-height: 30px;
  text-align: center;
}

.cal th {
  font-weight: bold;
}

.cal td {
  border: 0px solid #a4a4a4;
  color: #000;
  background: #f0f0f0;
}

.cal td.weekend {
  background: #e5e5e5;
}

.cal td.actual {
  background: #ddd;
  border: 1px solid #000;
}

.cal td a:link, .cal td a:visited, .cal td a:active {
  display: block;
  background: #005d9d;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 0px;
}

.cal td a:hover {
  background: #000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/* calendar - extra */
.cal-filter {
  background: #ddd;
  color: #000;
  padding: 15px;
  margin-bottom: 20px;
  font-size: 130%;
  font-weight: normal;
}

.cal-filter .filter {
  width: 50%;
  float: left;
}

.cal-filter .month {
  width: 50%;
  float: right;
  text-align: right;
}

.cal-filter .month a {
  text-decoration: none;
}

.cal-detail {
  width: 100%;
  border: 1px solid #000;
}

.cal-detail th {
  padding: 5px;
  border: 1px solid #eee;
}

.cal-detail td {
  border: 1px solid #ddd;
  font-size: 91%;
  height: 120px;
}

.cal-detail th.day {
  width: 14%;
  background: #eee;
  color: #000;
  font-weight: normal;
}

.cal-detail th.day span {
  font-size: 150%;
  padding-right: 5px;
}

.cal-detail th.d-day {
  background: #777;
  color: #fff;
  padding: 5px;
}

.cal-detail td:hover {
  background: #eee;
}

.cal-detail td img {
  width: 100%;
}

.cal-detail td .pom img {
  border: 5px solid red !important;
}

.cal-detail td h3 {
  font-size: 100%;
  margin: 8px 0 0 0;
  padding: 0 7px;
}

.cal-detail td p {
  font-size: 100%;
  margin: 0;
  padding: 0 7px;
}

.cal-detail td p.time {
  color: #6b6e92;
  border-bottom: 0px dotted #ddd;
  padding-bottom: 20px;
}

.hide {
  display: none;
}

/* --- AUTH ---  */
.login {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  min-height: 200px;
  margin-left: -200px;
  margin-top: -100px;
  z-index: 9999;
  border: 0px solid #d2d9dc;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  display: none;
  padding: 30px 0 0 0px;
  border-radius: 10px;
}

.close-box {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #722ea5;
  border: 1px solid #722ea5;
  cursor: pointer;
  text-align: center;
  font-size: 130%;
  border-radius: 50%;
}

.auth fieldset {
  border-width: 0;
  margin: 0;
  padding: 20px;
  background: #ddd;
}

.auth p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 0;
  line-height: 23px;
}

.auth span {
  clear: left;
  display: block;
  float: left;
  width: 33%;
  padding-top: 2px;
}

.auth input.inp {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .login {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    min-height: 200px;
    margin-left: -50%;
    margin-top: 0;
  }
}
/* --- MULTIMEDIA ---  */
/* Flowplayer */
.player {
  display: block;
  cursor: pointer;
  margin: 0px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}

.play {
  height: 100%;
  /*background:url(img/player/play2.png) center center no-repeat;*/
  position: relative;
}

.player div.file-info {
  width: 100%;
  background: rgba(100, 100, 100, 0.9);
  position: absolute;
  bottom: 0px;
  left: 0;
}

.player div.file-info p {
  margin: 0;
  padding: 10px 15px;
  color: #fff;
  display: block;
  font-weight: normal;
  line-height: 1.6;
}

/* YouTube API */
.flashContainer {
  position: relative;
  overflow: hidden;
}

.progressBar {
  display: none;
  position: absolute;
  width: auto;
  height: 8px;
  left: 20px;
  right: 105px;
  bottom: 20px;
  background-color: #141414;
  overflow: hidden;
  cursor: pointer;
}

.progressBar .elapsed {
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #1fa2f6;
  border-right: 1px solid #49AFF0;
}

.controlDiv {
  background-image: url(img/youtube/youtube-controls.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 106px;
  height: 102px;
  cursor: pointer;
  top: 50%;
  left: 50%;
  margin: -53px 0 0 -51px;
}

.controlDiv.play {
  background-position: 0 0;
}

.controlDiv.pause {
  background-position: 0 -9999px;
}

.controlDiv.replay {
  background-position: 0 -204px;
}

.flashContainer:hover .controlDiv.pause {
  background-position: 0 -102px;
}

.flashContainer.playing:hover .progressBar {
  display: block;
}

/* --- GALLERY --- */
.gallery .card {
  float: left;
  background: #fff;
  padding: 0;
  text-align: center;
  border-color: #e6e6e6;
  border-style: solid;
}

.gallery .card:hover {
  border-color: #ccc;
  border-style: solid;
  background: #f3f3f3;
}

.gallery img {
  vertical-align: middle;
}

.gallery .photo-desc {
  margin: 0 7px 35px 0;
}

.gallery .photo-desc span {
  display: block;
  position: relative;
  top: 5px;
  font-size: 91%;
  color: #666;
  line-height: 1;
}

.gallery a.photo-desc {
  text-decoration: none;
}

/* user setting
.gallery .card {width:120px;height:120px;line-height:118px;border-width:1px;margin-right:7px;margin-bottom:7px;}
*/
/* --- FORUM --- */
.forum .forum-message {
  margin: 0;
  border-bottom: 1px dotted #ddd;
}

.forum .date-time {
  color: #888;
  font-size: 12px;
  font-weight: normal;
}

.forum .forum-author {
  margin-top: 0.3em;
  font-size: 91%;
}

/* --- RSS --- */
.rss-brief {
  margin: 0;
  padding: 0;
}

.rss-brief li {
  list-style-type: none;
  list-style-image: none;
}

.rss-brief li span {
  padding: 0px 5px;
  background: #eee;
  margin-right: 10px;
}

/* --- RESULTS --- */
dl#results {
  margin: 0;
}

dl#results dt {
  font-weight: bold;
  font-size: 120%;
}

dl#results dd {
  margin: 0.2em 0 1.3em 0;
}

dl#results dt span {
  display: block;
  font-size: 85%;
  color: #888;
  font-weight: normal;
}

dl#results .exp {
  background: #dcdcdc;
  font-weight: bold;
}

/* --- SITEMAP --- */
.sitemap {
  font-weight: bold;
  margin: 0.4em 0;
  padding: 0;
}

.sitemap li {
  margin: 10px 0 10px 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  list-style-type: none;
  list-style-image: none;
}

.sitemap li:before {
  font-weight: normal;
  font-family: "FontAwesome";
  content: "\f114";
  color: #000;
  font-size: 100%;
  text-decoration: none;
  margin-right: 10px;
}

.sitemap li ul li {
  font-weight: normal;
  margin: 5px 0 5px 15px;
  padding: 0;
  font-size: 13px;
  list-style-type: none;
  list-style: none !important;
}

.sitemap li ul li:before {
  content: "\f105";
}

/* --- EU-COOKIES --- */
.submit-cookies {
  position: fixed;
  bottom: 0;
  z-index: 9998;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  color: #333;
  border-top: 1px solid #eee;
  font-size: 0.8rem;
  padding: 20px;
  text-align: center;
}

.submit-cookies button {
  background: #00aeff;
  color: #fff;
  border: 0;
  padding: 10px 20px;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  margin-left: 20px;
  border-radius: 3px;
  line-height: 1;
}

.submit-cookies button:hover {
  background: #43c3ff;
}

.cancel-cookies {
  display: none;
  position: fixed;
  bottom: 0px;
  z-index: 9998;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  color: #333;
  border-top: 1px solid #eee;
  padding: 3px 0;
  font-size: 0.8rem;
  text-align: center;
}

.cancel-cookies button {
  background: transparent;
  color: #333;
  border: 0;
  padding: 0px;
  font-size: 0.8rem;
  font-weight: normal;
  cursor: pointer;
  margin-left: 0px;
  text-decoration: underline;
}

.eu-cookies a {
  color: #000;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .submit-cookies {
    font-size: 0.8rem;
  }

  .submit-cookies button {
    display: block;
    margin: 20px auto 0;
  }
}
/* --- CBLOCKS --- */
/* 
CBLOCKS.SCSS
*/
/* customized colors */
.bg-luha {
  background-color: #015797;
}

.bg-onv {
  background-color: #24bac3;
}

.bg-tlvl {
  background-color: #f49643;
}

.bg-royal {
  background-color: #a0183f;
}

.color-luha {
  color: #015797;
}

.color-onv {
  color: #24bac3;
}

.color-tlvl {
  color: #f49643;
}

.color-royal {
  color: #a0183f;
}

/* bx-header */
.bx-header .bx-text {
  position: absolute;
  top: calc(50% - 70px);
  width: 100%;
  border: 0px solid red;
  text-align: center;
  z-index: 5000;
}

.bx-header .bx-text h2 {
  display: inline-block;
  margin: 0;
  padding: 15px 20px;
  font-size: 3rem;
  font-weight: 700;
  background: #114c8f;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  line-height: 1;
}

.bx-header .bx-text p {
  clear: both;
  display: inline-block;
  margin: 0;
  padding: 15px 20px;
  font-size: 2rem;
  font-weight: 300;
  background: #0b325f;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
}

.slogan {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px 20px;
  text-align: center;
  font-size: 2.5rem;
  font-family: "Allura", cursive;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  z-index: 4000;
}

@media screen and (max-width: 767px) {
  .bx-header .bx-text, .slogan {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bx-header .bx-text h2 {
    padding: 10px 20px;
    font-size: 2.3rem;
  }

  .bx-header .bx-text p {
    padding: 10px 20px;
    font-size: 1.5rem;
  }
}
/* bx-megaslider */
.bx-megaslider-wrap {
  position: relative;
}

.bx-megaslider {
  margin: 0;
  padding: 0;
}

.bx-megaslider li {
  position: relative;
  list-style-type: none;
  list-style-image: none;
}

.bx-megaslider-nav {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.bx-megaslider-nav .fx-box {
  width: 31%;
  background-color: #fff;
}

.bx-megaslider-nav a {
  display: block;
  padding: 20px 10px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background-color: #0b325f;
  text-decoration: none;
  font-size: 1.6rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bx-megaslider-nav a.active {
  background-color: #fff;
  color: #0b325f;
}

.bx-megaslider-nav a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #0b325f;
}

.bx-megaslider-destinace {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  z-index: 5000;
}

.bx-megaslider-destinace .fx-box {
  width: 25%;
}

.bx-megaslider-destinace a {
  display: block;
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bx-megaslider-destinace a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.bx-megaslider .bx-text {
  position: absolute;
  bottom: calc(10% + 60px);
  width: 100%;
  text-align: center;
  z-index: 1000;
}

.bx-megaslider .bx-text h2 {
  margin: 0;
  padding: 10px 20px;
  font-size: 3rem;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  font-size: 3.5rem;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .bx-megaslider-nav a {
    display: block;
    padding: 10px;
    font-size: 0.85rem;
  }

  .bx-megaslider-destinace a {
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 0.5rem;
  }

  .bx-megaslider .bx-text {
    bottom: calc(10% + 35px);
  }

  .bx-megaslider .bx-text h2 {
    padding: 10px 0px;
    font-size: 1.5rem;
  }
}
/* nase-hotely */
.nase-hotely .rainbow-line {
  height: 2px;
  line-height: 0;
  background: -webkit-gradient(linear, left top, right top, from(#1d6cae), to(#c92359));
  background: -o-linear-gradient(left, #1d6cae, #c92359);
  background: linear-gradient(90deg, #1d6cae, #c92359);
  margin-bottom: 30px;
}

ul.bx-hotely {
  margin: 0;
  padding: 0;
}

.bx-hotely li {
  background: #ebebeb;
  margin-bottom: 30px;
  position: relative;
  list-style-type: none;
  list-style-image: none;
}

.bx-hotely li a {
  display: block;
  text-decoration: none;
}

.bx-hotely .inner-holder {
  padding: 20px;
}

.bx-hotely h3 {
  color: #595959;
  font-size: 1.1rem;
  font-weight: 300;
  margin: 5px 0 0 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}

.bx-hotely h3 strong {
  color: #0b325f;
  font-weight: 800;
}

@media screen and (max-width: 767px) {
  .nase-hotely .bx-prev, .nase-hotely .bx-next {
    display: none;
  }
}
/* doporucene-pobyty */
.doporucene-pobyty {
  padding: 0 15px;
}

.bx-pobyty a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.bx-pobyty a:hover {
  opacity: 0.8;
}

.bx-pobyty img {
  width: 100%;
}

.bx-pobyty__nazev {
  text-align: center;
  font-weight: 800;
  font-size: 1rem;
  border-bottom: 1px solid #00aeff;
  color: #fff;
  padding: 8px 0;
  text-transform: uppercase;
  font-weight: 800;
}

.bx-pobyty__hotel {
  text-align: center;
  color: #fff;
  padding: 8px 0 0 0;
  text-transform: uppercase;
}

.bx-pobyty__cena {
  text-align: center;
  color: #fff;
  padding: 3px 0;
}

@media screen and (max-width: 767px) {
  .doporucene-pobyty {
    padding: 0;
  }

  .doporucene-pobyty .bx-prev, .doporucene-pobyty .bx-next {
    display: none;
  }
}
/* cblock */
.cblock {
  position: relative;
  clear: both;
  border-bottom: 0px solid #fff;
}

.cblock:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.cblock h2.section {
  color: #0b325f;
  font-size: 2rem;
  font-weight: 800;
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}

.cblock-holder {
  padding: 40px 0;
  background-repeat: no-repeat;
}

/* cblock--blue */
.cblock--blue {
  background-color: #0b325f;
  background-image: -o-radial-gradient(center, ellipse, rgb(17, 75, 142) 0%, rgb(11, 47, 90) 100%);
  background-image: radial-gradient(ellipse at center, rgb(17, 75, 142) 0%, rgb(11, 47, 90) 100%);
  background-repeat: no-repeat;
  color: #fff;
}

.cblock--blue h2.section {
  color: #fff;
}

/* vyhledavani-pobytu */
.vyhledavani-pobytu h2.section {
  color: #fff;
}

.vyhledavani-pobytu .fx-box {
  width: 50%;
  margin-bottom: 30px;
  position: relative;
}

.vyhledavani-pobytu .fx-box a {
  display: block;
  text-decoration: none;
}

.vyhledavani-pobytu .inner-holder {
  padding: 20px;
}

.vyhledavani-pobytu p {
  color: #fff;
  margin: 0;
  padding: 0;
}

.ui-datepicker {
  z-index: 5000 !important;
}

@media screen and (max-width: 767px) {
  .vyhledavani-pobytu .fx-box {
    width: 100%;
  }
}
/* typy-pobytu */
.typy-pobytu .fx-box {
  width: 25%;
  margin-bottom: 30px;
  position: relative;
}

.typy-pobytu .fx-box a {
  display: block;
  text-decoration: none;
}

.typy-pobytu__title {
  color: #0b325f;
  font-size: 1.2rem;
  margin: 10px 0 0 0;
  padding: 0 5px;
  text-align: center;
  border-left: 1px dotted #0b325f;
  text-transform: uppercase;
  font-weight: 800;
}

.typy-pobytu .fx-box:nth-child(1) .typy-pobytu__title, .typy-pobytu .fx-box:nth-child(5) .typy-pobytu__title {
  border-left: 0;
}

@media screen and (max-width: 767px) {
  .typy-pobytu .fx-box {
    width: 50% !important;
  }

  .typy-pobytu__title {
    font-size: 0.9rem;
  }
}
/* aktuality */
.aktuality h2.section {
  color: #fff;
}

.aktuality .fx-box {
  width: 23.5%;
  margin-bottom: 30px;
  position: relative;
}

.aktuality .fx-box:nth-child(1), .aktuality .fx-box:nth-child(2) {
  width: 48.5%;
}

.aktuality .fx-box a {
  text-decoration: none;
}

.aktuality .inner-holder {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .aktuality .fx-box {
    width: 100% !important;
  }
}
/* klub-newsletter */
.klub-newsletter {
  background-color: #fff;
}

.klub-newsletter .fx-box {
  width: 50%;
  margin-bottom: 30px;
  padding: 30px 40px;
  position: relative;
}

.klub-newsletter .fx-box:nth-child(1) {
  background-color: #0b325f;
  background-repeat: no-repeat;
}

.klub-newsletter .fx-box:nth-child(2) {
  background-color: #00aeff;
}

.klub-newsletter .inner-holder {
  padding: 20px;
}

.klub-newsletter h2.section {
  color: #fff;
  margin: 5px 0 15px 0;
  padding: 0;
}

.klub-newsletter p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .klub-newsletter .fx-box {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .klub-newsletter .fx-box:nth-child(1) {
    background-image: url(img/kruh-maly.png), url(img/kruh.png);
    background-position: 30px calc(100% + 100px), calc(100% + 100px) -130px;
  }
}
/* kontakt-form */
@media screen and (min-width: 768px) {
  .kontakt-form .cblock-holder {
    background-image: url(img/kruh.png), url(img/kruh-velky.png);
    background-position: calc(50% - 500px) -130px, calc(100% + 150px) calc(100% + 200px);
  }
}
/* predstaveni-spolecnosti */
.predstaveni-spolecnosti .fx-box {
  width: 31%;
}

@media screen and (max-width: 767px) {
  .predstaveni-spolecnosti .fx-box {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .predstaveni-spolecnosti .cblock-holder {
    background-image: url(img/kruh.png), url(img/kruh-velky.png);
    background-position: calc(50% - 500px) -130px, calc(100% + 150px) calc(100% + 200px);
  }
}
/* dulezite-kontakty */
.dulezite-kontakty .fx-box {
  width: 48%;
}

.dulezite-kontakty h3 {
  color: #00aeff;
}

@media screen and (max-width: 767px) {
  .dulezite-kontakty .fx-box {
    width: 100%;
    margin-bottom: 30px;
  }
}
/* darkove-poukazy-info */
.darkove-poukazy-info .cblock-holder {
  padding: 60px 0;
}

.darkove-poukazy-info h2.section--left {
  margin: 0;
  font-size: 3rem;
  text-align: right;
}

.darkove-poukazy-info h2.section--right {
  margin: 0;
  font-size: 3rem;
  font-weight: 300;
  text-align: left;
}

.darkove-poukazy-info h3 {
  margin-top: 0;
  color: #00aeff;
}

.darkove-poukazy-nadpis .fx-box {
  width: 50%;
  border-style: solid;
  border-width: 0;
  border-left-width: 1px;
  border-image-source: url(img/rb-line.png);
  border-image-repeat: stretch;
  border-image-slice: 0 1;
  padding: 0 20px;
}

.darkove-poukazy-nadpis .fx-box:nth-child(1) {
  border-left-width: 0;
}

.darkove-poukazy-vycet .fx-box {
  width: 25%;
  border-style: solid;
  border-width: 0;
  border-left-width: 1px;
  border-image-source: url(img/rb-line.png);
  border-image-repeat: stretch;
  border-image-slice: 0 1;
  padding: 0 20px;
}

.darkove-poukazy-vycet .fx-box:nth-child(1) {
  border-left-width: 0;
}

@media screen and (max-width: 767px) {
  .darkove-poukazy-info h2.section {
    font-size: 1.5rem;
  }

  .darkove-poukazy-vycet .fx-box {
    width: 100%;
    border-width: 0;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .darkove-poukazy-info .cblock-holder {
    background-image: url(img/kruh.png), url(img/kruh-velky.png);
    background-position: calc(50% - 500px) -130px, calc(100% + 150px) 50%;
  }
}
/* darkove-poukazy */
.darkove-poukazy .fx-box {
  width: 33.333%;
  border-style: solid;
  border-width: 0px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-image-source: url(img/rb-line.png);
  border-image-repeat: stretch;
  border-image-slice: 0 1;
  padding: 0 20px;
}

.darkove-poukazy .fx-box:nth-child(1) {
  border-left-width: 0;
}

@media screen and (max-width: 767px) {
  .darkove-poukazy .fx-box {
    width: 100%;
    border-width: 0;
    margin-bottom: 30px;
  }
}
/* typy-pobytu-komplet */
.typy-pobytu-komplet .fx-box {
  width: 32%;
  margin-bottom: 30px;
  position: relative;
}

.typy-pobytu-komplet .fx-box a {
  display: block;
  text-decoration: none;
}

.typy-pobytu-komplet__title {
  background-color: #0b325f;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 800;
  margin: 0;
  padding: 7px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .typy-pobytu-komplet .fx-box {
    width: 100%;
  }
}
/* vyhledavani-hotelu */
.vyhledavani-hotelu h3 {
  color: #00aeff;
}

.vyhledavani-hotelu .fx-box {
  width: 50%;
  border-style: solid;
  border-width: 0px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-image-source: url(img/rb-line.png);
  border-image-repeat: stretch;
  border-image-slice: 0 1;
  padding: 0 20px;
}

.vyhledavani-hotelu .fx-box:nth-child(1) {
  border-left-width: 0;
}

.vyhledavani-hotelu a {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .vyhledavani-hotelu .fx-box {
    width: 100%;
    border-width: 0;
  }
}
/* vypis-hotelu */
.vypis-hotelu .fx-box {
  width: 32%;
  background-color: #f0f0f0;
  margin-bottom: 30px;
  position: relative;
}

.vypis-hotelu .fx-box a {
  display: block;
  text-decoration: none;
}

.vypis-hotelu__nazev {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400;
  margin: 0;
  padding: 10px 5px;
  text-align: center;
  text-transform: uppercase;
}

.vypis-hotelu__nazev strong {
  font-weight: 800;
}

.vypis-hotelu__popis {
  color: #444;
  margin: 0;
  padding: 20px 25px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .vypis-hotelu .fx-box {
    width: 100%;
  }
}
/* fotogalerie-popis */
.fotogalerie-popis .fx-box {
  width: 48%;
  position: relative;
  margin-bottom: 30px;
}

.fotogalerie-popis__title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -18px;
  text-transform: uppercase;
  text-align: center;
  z-index: 2;
  font-weight: 800;
  font-size: 1.3rem;
}

.fotogalerie-popis__title span {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 20px;
}

a:hover .fotogalerie-popis__title span {
  background-color: rgba(255, 255, 255, 0.7);
  color: #114c8f;
}

@media screen and (max-width: 767px) {
  .fotogalerie-popis .fx-box {
    width: 100%;
  }
}
/* hotel-detail */
.hotel-detail__destination {
  margin: 0 0 30px 0px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #114c8f;
}

.hotel-detail__gallery {
  margin: 20px 0 50px 0;
}

.hotel-detail__gallery div {
  padding: 1px;
}

/* navstivene */
.navstivene {
  position: fixed;
  bottom: -360px;
  right: 0;
  max-width: 450px;
  height: 400px;
  z-index: 9998;
  overflow: hidden;
  margin: 0;
}

.navstivene__hlavicka {
  height: 40px;
  line-height: 40px;
  text-align: right;
}

.navstivene__nazev {
  display: inline-block;
  background: #e5e5e5;
  color: #757575;
  font-weight: 400;
  padding: 0 20px;
  cursor: pointer;
  text-transform: uppercase;
}

.navstivene__nazev i {
  font-size: 1.5rem;
  padding-right: 10px;
  color: #757575;
}

.navstivene__obsah {
  height: 100%;
  background-color: #fff;
  background-color: rgba(243, 243, 243, 0.95);
  padding: 25px;
  border: 1px solid #eee;
  border-bottom: 0;
  overflow: auto;
}

.navstivene__zavrit {
  position: absolute;
  top: 50px;
  right: 15px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 2.5rem;
  text-decoration: none;
  text-align: center;
  z-index: 6;
  overflow: hidden;
  cursor: pointer;
}

.navstivene__zavrit:hover {
  color: #ff0066;
}

@media screen and (max-width: 767px) {
  .navstivene {
    margin: 0;
  }
}
/* .visited-stay */
.visited-stay {
  border-bottom: 1px solid #cecece;
  padding: 20px 0;
  position: relative;
}

.visited-stay img {
  margin-right: 25px;
  width: 100%;
  max-width: 30%;
  float: left;
}

.visited-stay .stay-content {
  display: table-cell;
}

.visited-stay h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 800;
  color: #0b325f;
  text-transform: uppercase;
  line-height: 1.2;
}

.visited-stay p {
  margin: 0px;
  padding: 0;
  line-height: 1.2;
  color: #aaa;
}

/* my-map */
#my-map {
  width: 100%;
  height: 350px;
  margin: 0 auto;
}

/* site-info + copyright */
.site-info {
  padding: 30px 0;
  background: #fff;
}

.copyright {
  font-size: 0.81rem;
  text-align: center;
  padding-top: 15px;
}

.copyright a {
  color: #444;
}

/* ------------------------------------------------------  LEGACY ----------------------------------------------------------*/
#myiFrame iframe {
  width: 100%;
  height: 3800px;
  border: 0;
}

/* vyhledavani na HP */
#preferences {
  padding: 20px;
}

#preferences-frm label {
  clear: both;
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 1rem;
  padding: 0 0 8px 0;
  font-weight: 300;
  text-transform: uppercase;
}

#preferences-frm p {
  line-height: 1;
  margin: 0;
  padding: 0 0 20px 0;
  border: 0px solid green;
}

#preferences-frm p.submit {
  clear: both;
  text-align: right;
}

#preferences .set-calendar {
  display: inline-block;
  width: 20px;
  height: 25px;
  background: red;
  cursor: pointer;
  border: none;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

/* filtr v bocni liste */
.filter-mobile {
  display: none;
  background-color: #114c8f;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-size: 1.3rem;
  cursor: pointer;
  position: relative;
}

.filter-mobile:before {
  font-family: "FontAwesome";
  content: "\f078";
  font-size: 1.5rem;
  position: absolute;
  top: 10px;
  right: 10px;
}

.filter-mobile--active {
  background-color: #ff0066;
}

.filter-mobile--active:before {
  content: "\f077";
}

@media screen and (max-width: 767px) {
  .filter-mobile {
    display: block;
  }

  #filter {
    display: none;
  }
}
#filter {
  background-color: #0b325f;
  padding: 20px 25px;
}

#filter h3 {
  font-size: 1rem;
  padding: 5px 0;
  margin: 0;
  color: #00aeff;
  font-weight: 400;
}

#filter hr {
  border-style: solid;
  margin: 15px 0;
}

#filter input[type=checkbox] {
  margin-right: 10px;
}

#filter label {
  position: relative;
  clear: both;
  display: block;
  color: #fff;
}

#filter label span {
  position: absolute;
  top: 0;
  right: 0;
}

.filter-submit {
  background-color: #00aeff;
  /*background-image:url(img/filter-submit.png);background-position:center right;background-repeat:no-repeat;*/
  width: 100%;
  border: 0;
  text-align: center;
  color: #fff;
  font-size: 0.95rem;
  font-weight: bold;
  cursor: pointer;
  padding: 10px;
  margin: 0;
}

.filter-submit:hover {
  opacity: 0.8;
}

/*
label.calendar {margin:3px 0;position:relative;}
label.calendar:after {position:absolute;bottom:5px;right:7px;content:"\f073";color:$color-cyan;font-family: "FontAwesome";font-size:1.2rem;}
*/
#filter input.datepicker {
  width: 100%;
}

input.datepicker {
  border: 1px solid #ddd;
  padding: 5px 5px;
  background: url(img/calendar.png) #fff right center no-repeat;
}

/* vypis pobytu */
.stay {
  border-bottom: 1px solid #cecece;
  padding: 20px 0;
  position: relative;
}

.stay img {
  margin-right: 25px;
  width: 100%;
  max-width: 30%;
  float: left;
}

.stay .stay-content {
  display: table-cell;
}

.stay h3 {
  margin: 0;
  padding: 0;
  font-size: 1.7rem;
  font-weight: 800;
  color: #0b325f;
  text-transform: uppercase;
}

.stay .tag-hotel {
  font-weight: 300;
  font-size: 1.2rem;
  color: #114c8f;
  margin: 0 0 10px 0;
}

.stay .short-desc {
  font-weight: 700;
  margin-bottom: 5px;
}

.stay .long-desc {
  margin-bottom: 10px;
}

.stay .tag-price {
  font-weight: 300;
  font-size: 1rem;
  color: #114c8f;
  text-transform: uppercase;
}

.stay .tag-price del {
  font-weight: normal;
  font-size: 100%;
  color: #afa896;
}

.tag-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 65px;
  border-top: 65px solid #ff0066;
  border-left: 65px solid transparent;
  z-index: 9;
}

.tag-corner span {
  display: block;
  width: 65px;
  position: absolute;
  top: -50px;
  right: -8px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  text-align: center;
  line-height: 1;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  z-index: 10;
}

/*
.tag-corner {position:absolute;top:0;right:0;width:75px;height:75px;background-color:transparent;background-image:url(img/corners.png);background-repeat:no-repeat;}
.tag-corner span {display:block;width:40px;position:absolute;top:12px;right:0px;transform:rotate(45deg);text-align:center;line-height:1;font-size:17px;font-weight:bold;color:#fff;}
.lastminute, .cenovyhit {background-position:0 0;}
.ditezdarma, .doporucujeme {background-position:0 -75px;}
.novinka, .sezonninabidka, .nastip {background-position:0 -150px;}
.darek, .darekvanocni, .bonus {background-position:0 -225px;}
*/
.sleva, .sleva10, .sleva15, .sleva20, .sleva25, .sleva30, .sleva35, .sleva40, .sleva45, .sleva50 {
  background-position: 0 0px;
}

@media screen and (max-width: 767px) {
  .stay img {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 100%;
    float: none;
  }
}
/* detail pobytu */
.stays-detail {
  margin-bottom: 20px;
}

.stays-detail-hotel h3 {
  font-size: 180%;
  color: #000;
  margin: 10px 0;
  padding: 0;
}

.stays-detail-hotel a.booking-button {
  padding: 0;
  text-decoration: none;
}

.stays-detail-hotel a.booking-button strong {
  display: inline-block;
  background: #fff;
  color: #000;
  padding: 2px 10px;
}

.stays-detail-gallery {
  margin-top: 20px;
}

.stays-detail-gallery div {
  padding: 1px;
}

.stays-detail-desc {
  clear: both;
  margin-top: 20px;
}

.stays-detail-video {
  padding: 0;
}

.stays-detail-text {
  padding: 0 0 0 25px;
}

.stays-detail-include-price {
  background: #f3f5f8;
  padding: 20px;
}

/* hotel */
.hotel {
  border: 1px solid #eeedea;
  padding: 15px 5px;
  position: relative;
  margin-bottom: 20px;
}

.hotel h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 170%;
  font-weight: normal;
}

.hotel img {
  float: left;
  margin-right: 20px;
}

.hotel .tag-destination span {
  background: #eee;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 110%;
}

.hotel .tag-price {
  border: 0px solid red;
  font-weight: bold;
  font-size: 110%;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* posledni navstivene pobyty
#last-visited-items {position:fixed;top:130px;left:-400px;width:430px;z-index:9998;overflow:hidden;}
#last-visited-holder {padding:15px;margin-right:30px;border:0px solid #ddd;background:#fff;color:#6d6a65;min-height:300px;}
.visited-stay {padding:10px 0;border-bottom:1px dotted #ddd;}
.visited-stay h3 {font-size:120%;margin:5px 0 0 0;padding:0;}
.visited-stay p {font-size:100%;margin:0;padding:0;}
#last-visited-open {position:absolute;top:0px;right:0;display:block;width:30px;height:200px;z-index:9998;background-image:url(img/last-visited.png);background-repeat:no-repeat;cursor:pointer;}
.last-visited-open-cs {background-position:0 0;}
.last-visited-open-cs.off, .last-visited-open-cs:hover {background-position:-30px 0;}
.last-visited-open-en {background-position:-60px 0;}
.last-visited-open-en.off, .last-visited-open-en:hover {background-position:-90px 0;}
.last-visited-open-de {background-position:-120px 0;}
.last-visited-open-de.off, .last-visited-open-de:hover {background-position:-150px 0;}
.last-visited-open-ru {background-position:-180px 0;}
.last-visited-open-ru.off, .last-visited-open-ru:hover {background-position:-210px 0;}
#last-visited-close {position:absolute;bottom:5px;right:35px;display:block;width:30px;height:30px;line-height:30px;font-size: 2rem;text-decoration: none;text-align: center;background-color:#bbb;z-index:6;overflow:hidden;cursor:pointer;} 
#last-visited-close:hover {background-color:#d8aa2e;} 
*/
/* --- E-SHOP ---
@import "eshop";
*/
/* --- 3TH PARTY --- */
/* BxSlider v4.2.2 http://bxslider.com * Written by:Steven Wanderski,2012 * http://stevenwanderski.com - Modify by Emersion Software */
/** RESET AND LAYOUT
===================================*/
.bxslider-wrap {
  visibility: hidden;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  /*-ms-touch-action:pan-y;touch-action:pan-y;*/
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/** THEME
===================================*/
.bx-wrapper {
  /*-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff*/
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 30px;
  width: 100%;
  z-index: 40;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(img/loading.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: right;
  font-size: 0.85em;
  padding-right: 30px;
  z-index: 9000;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: none;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  outline: 0;
  border: 3px solid #eee;
  border-radius: 7px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  border: 3px solid #00aeff;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-prev {
  left: 10px;
}

.bx-prev:before {
  content: "\f053";
  color: #eee;
}

.bx-next {
  right: 10px;
}

.bx-next:before {
  content: "\f054";
  color: #eee;
}

.bx-prev:hover:before, .bx-next:hover:before {
  color: #ddd;
}

.bx-outset .bx-prev {
  left: -40px;
}

.bx-outset .bx-next {
  right: -40px;
}

/*
.bx-wrapper .bx-prev {left:10px;background:url(img/bxslider/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {background-position: 0 0;}
.bx-wrapper .bx-next {right:10px;background:url(img/bxslider/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: -43px 0;}
*/
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  /*text-indent:-9999px;*/
  z-index: 90;
  /* modify */
  line-height: 32px;
  font-size: 32px;
  font-family: "FontAwesome";
  color: #fff;
  text-decoration: none;
  text-align: center;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) 
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(img/bxslider/controls.png) -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(img/bxslider/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {background-position: -86px -33px;}
*/
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .bx-wrapper {
    margin: 0 auto;
  }

  .bx-wrapper .bx-pager {
    display: none;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(images/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
*/
/*! jQuery UI - v1.12.1 - 2016-09-21
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

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

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

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

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

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

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

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

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

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

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
          box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/* @import "3th-party/headroom"; */
/* @import "3th-party/my-jquery-ui";  */
/* @import "3th-party/tiptip"; */
/* --- MEDIA QUERIES --- */
@media screen {
  .grid-container {
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }
}
/* max 400px */
@media screen and (max-width: 400px) {
  /*.page, .header-holder, .content-holder, .footer-holder {padding:0 5px;}*/
}
/* max 767px */
@media screen and (max-width: 767px) {
  /*.left, .main, .right {min-height:0;}*/
}
/* min 768px */
@media screen and (min-width: 768px) {
  .nav-top,
.fulltext,
.langs,
#filter {
    display: block !important;
  }
}
/* min 768px - max 1024px */
/* min 1025px */
/* --- PRINT --- */
@media print {
  /* 
  PRINT.SCSS
  */
  /* @page {margin-top:0.4cm; margin: 0.5cm;} */
  html {
    font-size: 16px;
  }

  body {
    background: #fff;
    color: #000;
    font-size: 12pt;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.4;
  }

  /* section {page-break-before: always;} */
  p a, code, pre {
    word-wrap: break-word;
  }

  /* .main p a:after {content:" ("attr(href)") ";font-size:9pt;} */
  img {
    border: 0;
    /*display:none;*/
  }

  a {
    color: #06c !important;
    text-decoration: underline;
    font-weight: normal;
  }

  table th, table td {
    background: #fff;
    color: #000;
    border: 1px solid #000 !important;
  }

  table th {
    font-weight: bold;
  }

  .frm th, .frm td {
    background: #fff;
    color: #000;
  }

  .logo {
    margin-bottom: 20px;
  }

  .main {
    display: block;
    width: 100%;
    clear: both;
  }

  .cblock {
    clear: both;
  }

  .nav-top-holder,
.langs,
.setting,
.fulltext,
.motive,
.slider,
.left,
.right,
.footer,
.page-top,
.eu-cookies,
.no-print {
    display: none !important;
  }
}
/* --- DEBUG --- */
*[class*=grid--] {
  border: 1px dotted #ccc !important;
}

.debug {
  background: yellow !important;
  border: 1px solid red !important;
}