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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-catalog:before {
    content: "\e900";
}

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

.icon-menu:before {
    content: "\e902";
}

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

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

/* Blueprint CSS - reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 1.4;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}

body {
    line-height: 1.5;
}

/* dle: http://pxtoem.com/ */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

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

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

ul li {
    list-style: none;
}

a:hover {
    text-decoration: none;
    outline: none;
}

/*paddingy a marginy se nezapocitvaji do sirky*/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
    overflow: auto;
}

body {
    background: #ffffff;
    color: #646464;
    text-align: left;
    height: auto;
    position: relative;
    font-family: "nimbus-sans", "Arial", sans-serif;
    font-weight: 400;
    min-width: 300px;
}

/* globální styly */
hr {
    display: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

h1, .pageBlock h2, .h2, .h1 {
    font-size: 1.944em;
    margin-bottom: 0.85em;
    line-height: 1;
    display: block;
    color: #323233;
    text-transform: uppercase;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 300;
}

h2 {
    font-size: 1.944em;
    margin-bottom: 0.270em;
    color: #323233;
}

h3 {
    font-size: 1.25em;
    font-weight: 400;
    margin-bottom: 0.230em;
    color: #323233;
}

h4 {
    font-size: 0.938em;
    margin-bottom: 0.270em;
    color: #323233;
}

.showRoomReservation h2 {
    font-size: 1.857em;
    margin-bottom: 0.85em;
    line-height: 1;
    display: block;
    color: #323233;
    text-transform: uppercase;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 300;
}

a {
    color: #e62832;
    text-decoration: underline;
    outline: none;
}


a:hover {
    text-decoration: none;
}

a.external, a[target=_blank] {
    padding-right: 10px;
    background: transparent url("/img/u/bgr-link-external.png") right top no-repeat;
}

sup {
    text-transform: none;
}

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

/* Hides from IE-mac \*/
* html .clr {
    height: 1%;
}

.clr {
    display: block;
}

/* End hide from IE-mac */
.pr {
    position: relative;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

img.fl {
    margin: 0 15px 15px 0;
}

img.fr {
    margin: 0 0 15px 15px;
}

.half {
    width: 50%;
}

.hide, .hidden {
    display: none !important;
}

.dn {
    display: none;
}

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

.ar {
    text-align: right;
}

.ac {
    text-align: center;
}

.clear {
    clear: both;
}

.clrL {
    clear: left;
}

.clrR {
    clear: right;
}

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

.noBackground {
    background: none;
}

.displayBlock {
    display: block;
}

.colouredText {
    color: #e62832;
}

.strong {
    font-weight: bold;
}

.pageBlock p strong, .pageBlock ul li strong, .pageBlock label strong {
    color: #000000;
}

.pageBlock p b, .pageBlock ul li b, .pageBlock label b {
    color: #000000;
}

.noHighRes {
    display: none !important;
}

.pRelative {
    position: relative !important;
}

.noteTable {
    font-size: 13px;
    margin: 15px 5px;
}

ul, ol {
    padding-left: 2em;
    margin-bottom: 1.2em;
}

li {
    margin-bottom: 0.385em;
}

p {
    margin-bottom: 1.2em;
}

p.big {
    font-size: 1.2em;
}

blockquote, cite {
    padding-left: 64px;
    background: transparent url("/img/u/bgr-quotation.png") 0 0.3em no-repeat;
    display: block;
    margin-bottom: 1.2em;
}

/* hlavní layout */
.contentContainer,
.footerContainer,
.filterContainer,
header {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.contentContainer {
    background-color: transparent;
}

.footerContainer {
    border-top: 1px solid #333333;
    background-color: #000000;
}

.filterContainer {
    background-color: #454442;
}

.footer, .filter,
footer, .pageBlock {
    max-width: 1248px;
    margin: 0 auto;
    padding: 0 44px;
    position: relative;
}

.filterPosition {
    z-index: 2;
    display: block;
    width: 100%;
}

header {
    width: 100%;
    background-color: #2b2b2b;
    display: block;
    margin: 0 auto;
}

.headerIn {
    height: auto;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 25px;
}

.logo {
    padding: 0 !important;
    margin: 22px 0 0 0;
    position: static;
}

.logo a {
    background: transparent url("/img/u/logo.png?v1") 0 50% no-repeat;
    background-size: cover;
    text-indent: -9999px;
    display: block;
    width: 191px;
    height: 49px;
    position: relative;
    z-index: 10;
}

.menuContainer {
    position: relative;
}

.menuContainer h2 {
    display: none;
    margin-bottom: 0;
}

.nav {
    width: 100%;
    text-align: right;
}

/* hlavní menu */
.topMenu, .toggleMenu, .mainMenu, .mainMenu .close, .mainTopMenu, .standardMenu {
    margin: 0;
    padding: 0;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
}

.topMenu li a, .toggleMenu a, .mainMenu li a, .mainMenu .close a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

.topMenu li a:hover, .toggleMenu a, .mainMenu li a:hover, .mainMenu .close a:hover {
    color: #ffffff;
}

/*Top menu*/
.topMenu {
    display: inline-block;
    font-size: 0.875em;
    line-height: 95px;
}

.topMenu li {
    display: inline-block;
    padding: 0 35px 0 0;
    line-height: 20px;
}

.topMenu li a {
    font-weight: 700;
    padding-bottom: 3px;
    border-bottom: 3px solid transparent;
    transition: all .3s ease;
}

.topMenu li.active a {
    border-color: #ffffff;
}

.topMenu li a:hover {
    color: #cacaca;
}

.topMenu li.active a:hover {
    color: #ffffff;
}

.topMenu li.lang-switch a {
    position: relative;
    padding-left: 19px;
}

.topMenu li.lang-switch strong {
    font-weight: 300;
}

.topMenu li.lang-switch.fr {
    float: none;
}

.topMenu li.lang-switch a:hover {
    border-color: transparent;
}

.topMenu li.lang-switch a:after {
    position: absolute;
    width: 13px;
    height: 10px;
    left: 0;
    top: 50%;
    margin-top: -5px;
    content: " ";
    background: url("/img/u/flags.png") left no-repeat;
}

.fixFont .topMenu li.lang-switch a:after {
    margin-top: -6px;
}

.topMenu li.lang-switch.cs a:after {
    background-position: 0 0;
}

.topMenu li.lang-switch.en a:after {
    background-position: 0 -20px;
}

.topMenu li.lang-switch.de a:after {
    background-position: 0 -60px;
}

.topMenu li.lang-switch.fr a:after {
    background-position: 0 -80px;
}

.topMenu li.lang-switch.ru a:after {
    background-position: 0 -100px;
}

.topMenu li.lang-switch.pl a:after {
    background-position: 0 -120px;
}

.topMenu li.lang-switch.cr a:after {
    background-position: 0 -140px;
}

.topMenu li.lang-switch a span {
    display: none;
}

.toggleMenu, .mainMenu .close {
    display: inline-block;
    font-size: 0.750em;
    width: 40px;
    text-align: center;
    vertical-align: top;
}

.toggleMenu {
    margin-top: 18px;
}

.toggleMenu a, .mainMenu .close a {
    font-weight: 700;
    padding-top: 40px;
    position: relative;
    display: inline-block;
}

.toggleMenu a [class^="icon-"]:before,
.mainMenu a [class^="icon-"]:before {
    position: absolute;
    display: block;
    width: 40px;
    height: 30px;
    top: 0;
    left: 50%;
    margin-left: -20px;
    font-size: 40px;
}

.mainMenu a [class^="icon-"]:before {
    font-size: 34px;
}

.mainMenu {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 715px;
    height: 100vh;
    background: rgba(25, 25, 25, 0.97);
    z-index: 1000;
    padding: 0 30px 60px 30px;
}

.mainMenu .in {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

.mainMenu .close {
    position: absolute;
    top: 23px;
    right: 40px;
    display: none;
}

.mainMenu li {
    list-style: none;
    padding: 0;
}

.mainMenu .vMiddle {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
}

.mainTopMenu {
    margin-bottom: 60px;
}

.mainTopMenu li {
    display: block;
    text-align: center;
    font-size: 1.563em;
    margin-bottom: 21px;
}

.mainTopMenu li a {
    font-weight: 700;
    transition: all .3s ease;
}

.mainTopMenu li a:hover {
    text-decoration: underline;
}

.standardMenu, .iconMenu {
    text-align: center;
}

.standardMenu li, .iconMenu li {
    font-size: 0.938em;
    display: inline-block;
    font-family: "nimbus-sans", "Arial", sans-serif;
    margin-right: 25px;
}

.standardMenu li:last-child, .iconMenu li:last-child {
    margin-right: 0;
}

.standardMenu li a, .iconMenu li a {
    color: #aaaaaa;
    text-transform: none;
    transition: all .3s ease;
}

.standardMenu li a:hover, .iconMenu li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.standardMenu {
    padding: 0 20px 0 45px;
}

.iconMenu {
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 0;
    left: 0;
}

.iconMenu li {
    margin-right: 45px;
    margin-bottom: 0;
    position: relative;
    padding-top: 63px;
    max-width: 150px;
    vertical-align: top;
}

.iconMenu li [class^="icon-"]:before {
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 50px;
    color: #ffffff;
    margin-left: -26px;
    width: 52px;
}

.iconMenu li a:hover [class^="icon-"]:before {
    text-decoration: none;
}

#mainMotive {
    margin: 0 auto 60px auto;
    width: 100%;
    height: 595px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1920px;
}

.filterPosition + #mainMotive {
    margin-top: 0;
}

.widePage #mainMotive {
    height: 365px;
}

#mainMotive .headerIn {
    height: 100%;
    position: relative;
}

#mainMotive .headerIn h1, #mainMotive .headerIn .h1 {
    color: #ffffff;
    background: #2b2b2b;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    padding: 20px 40px;
    position: absolute;
    margin: 0;
    bottom: -40px;
    left: 44px;
}

.fixFont #mainMotive .headerIn h1 {
    padding-top: 24px;
    padding-bottom: 16px;
}

/* Language - bar
----------------------------*/

.lang-bar {
    display: none;
    position: absolute;
    right: 20px;
    top: 85px;
    background-color: #000000;
    padding: 27px 32px 5px 32px;
    z-index: 90;
}

.lang-bar:after {
    bottom: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000000;
    border-width: 14px;
    margin-left: -14px;
}

.lang-bar ul {
    margin: 0;
    padding: 0;
}

.lang-bar li {
    padding: 0;
    background: url("/img/u/flags.png") no-repeat;
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
    list-style: none;
    display: block;
    margin: 0 0 23px 0;
    overflow: hidden;
    text-align: left;
}

.lang-bar li.cs {
    background-position: 0 5px;
}

.lang-bar li.en {
    background-position: 0 -15px;
}

.lang-bar li.es {
    background-position: 0 -35px;
}

.lang-bar li.de {
    background-position: 0 -55px;
}

.lang-bar li.fr {
    background-position: 0 -75px;
    float: none;
}

.lang-bar li.ru {
    background-position: 0 -95px;
}

.lang-bar li.pl {
    background-position: 0 -115px;
}

.lang-bar li.cr {
    background-position: 0 -135px;
}

.lang-bar li a {
    padding: 0 0 0 19px;
    margin: 0;
    font-size: 1em;
    color: #c8c8c8;
    text-decoration: none;
    display: block;
}

.lang-bar li a:hover, .lang-bar li.active a {
    color: #ffffff;
}

.pageBlock {
    position: relative;
    padding: 80px 44px;
    background-color: transparent;
    background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 644, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(80%, rgba(0, 0, 0, 0)));
    background-image: -webkit-radial-gradient(center bottom, 50% 20%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-radial-gradient(center bottom, 50% 20%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-radial-gradient(center bottom, 50% 20%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-radial-gradient(center bottom, 50% 20%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: radial-gradient(50% 20% at center bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}

.pageBlock.noPerexBgr {
    background-image: none !important;
    padding-bottom: 0 !important;
}

.pageBlock img.motive, .pageBlock img.motiveHM, .pageBlock img.motiveNM {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
}

.pageBlock .colThird {
    box-sizing: border-box;
    width: 33.3333%;
    padding-right: 3.3333%;
    margin-bottom: 50px;
}

.extendedContacts h3 {
    font-size: 3em;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
}

.extendedContacts .btnMoreInfo {
    margin-top: 0;
}

.extendedContacts .addressBox {
    margin-bottom: 15px;
}

.extendedContacts .addressBox .small {
    margin-bottom: 0;
}

.pageBlock #map1, .pageBlock #map2, .pageBlock #map3, .pageBlock #map4, .pageBlock #map5, .pageBlock #map6,
.pageBlock #map201, .pageBlock #map202, .pageBlock #map203, .pageBlock #map204, .pageBlock #map205, .pageBlock #map206,
.pageBlock #map301, .pageBlock #map302, .pageBlock #map303, .pageBlock #map304, .pageBlock #map305, .pageBlock #map306,
.pageBlock #map401, .pageBlock #map402, .pageBlock #map403, .pageBlock #map404, .pageBlock #map405, .pageBlock #map406 {
    width: 100%;
    height: 300px;
}

.contentContainer.special img {
    z-index: auto;
}

.pageBlock.halfMargin {
    padding: 40px 44px;
}

.pageBlock.empty {
    background-image: none !important;
    padding-top: 0;
    padding-bottom: 0;
}

.socialShareBar {
    float: right;
}

.socialShare {
    width: 35px;
    height: 34px;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 0;
}

.socialShare:hover {
    opacity: .8;
}

.shareFacebook {
    background-image: url('/img/u/facebook.png');
}

.shareTwitter {
    background-image: url('/img/u/twitter.png');
}

.shareGplus {
    background-image: url('/img/u/gplus.png');
}

.detail .pageBlock.breadcrumbs {
    margin-top: 15px;
}

.pageBlock.breadcrumbs {
    padding-top: 0;
    padding-bottom: 6px;
    background-image: none !important;
    font-size: 0.9em;
}

.pageBlock.breadcrumbs strong {
    font-weight: normal;
    color: #000000;
    margin-left: 4px;
}

.pageBlock.breadcrumbs a {
    text-decoration: none;
    color: #888888;
    margin-left: 4px;
    margin-right: 4px;
}

.pageBlock.breadcrumbs a.bcFirst {
    margin-left: 0;
    text-indent: -99999px;
    display: inline-block;
    background: transparent url("/img/u/ico-home.png") 50% 50% no-repeat;
    width: 14px;
    opacity: 0.6;
}

.pageBlock.breadcrumbs a.bcFirst:hover {
    opacity: 1;
}

.pageBlock.breadcrumbs a:hover {
    text-decoration: underline;
    color: #000000;
}

.pageBlock.halfMargin h1 a, .pageBlock.halfMargin h2 a {
    font-size: 1.34em;
}

.ie .pageBlock, .ie9 .pageBlock {
    background: transparent url("/img/u/bgr-gradient.png") center bottom no-repeat;
}

.pageBlock img {
    margin-bottom: 0.5em;
}

.pageBlock a {
    color: black;
}

.pageBlock ul li {
    list-style-image: url("/img/u/bgr-li.png");
}

.pageBlock li ul, li ol {
    margin-bottom: 0;
}

.pageBlock ul ul, .pageBlock ol ol, .pageBlock ol ul, .pageBlock ul ol {
    margin-top: 0.385em;
}

.pageBlock li ul li {
    list-style-image: url("/img/u/bgr-sub-li.png");
}

.pageBlock .col1,
.pageBlock .col2 {
    width: 50%;
    float: left;
    vertical-align: middle;
    display: block;
}

.pageBlock .col1 .in,
.pageBlock .col2 .in {
    display: block;
    vertical-align: middle;
    width: 100%;
}

.pageBlock .col1 {
    padding: 0 2% 0 0;
}

.pageBlock .col2 {
    padding: 0 0 0 2%;
}

.pageBlock.motiveLeft .col1,
.pageBlock.motiveLeft .col2 {
    float: right;
}

.pageBlock.motiveLeft .col1 {
    padding: 0 0 0 20px;
}

.pageBlock.motiveLeft .col2 {
    padding: 0 20px 0 0;
}

.pageBlock .motive,
.pageBlock .motiveHM,
.pageBlock .motiveNM {
    text-align: center;
    float: none;
    margin: auto;
    max-width: 100%;
    height: auto;
    position: relative;
}

.pageBlock #map {
    width: 500px;
    height: 500px;
}

.pageBlock #map a[target=_blank],
.pageBlock #map a.external {
    background: none;
}

.pageBlock .motiveHM {
    margin: -40px auto;
}

.pageBlock .motiveNM {
    margin: -80px auto;
}

.pageBlock .motiveLogo {
    /*margin: 30px 8px 2.2em auto;*/
    margin: 0;
    position: absolute;
    width: 120px;
    top: 403px;
    right: 55px;
}

.pageBlock .motiveLogoList {
    margin: 0;
    position: absolute;
    width: 120px;
    top: 322px;
    right: 30px;
}

.pageBlock.lyraInListSection {
    padding-bottom: 115px;
}

/*form*/
.pageBlock fieldset {
    margin-bottom: 1em;
}

.pageBlock label {
    width: 38%;
    margin-right: 2%;
    text-align: right;
}

.pageBlock input.text, .pageBlock .text input {
    width: 59%;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
    background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
    background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
    background-image: linear-gradient(to bottom, #f5f5f5, #ffffff);
}

.pageBlock .offset {
    padding-left: 40%;
}

p.text {
    margin-bottom: 0 !important;
}

p.btnMoreInfo, input#send {
    display: inline-block;
    margin-top: 1em;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 400;
}

p.btnMoreInfo a, input#send {
    display: inline-block;
    line-height: 1.6em;
    margin-right: 6px;
    padding: 11px 20px;
    background: #dadada none;
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    font-weight: 700;
    transition: all .3s ease;
}

.fixFont p.btnMoreInfo a,
.fixFont input#send {
    padding-top: 14px;
    padding-bottom: 8px;
}

.btnContainer {
    display: block;
    margin-top: 0.5em;
}

.btnContainer p.btnMoreInfo {
    margin-top: 0.5em;
}

input#send {
    border: 0;
    height: 3em;
    font-size: 1.2em;
    cursor: pointer;
    -webkit-appearance: none;
    --webkit-appearance: none;
    --moz-appearance: none;
    border-radius: 0;
}

p.btnMoreInfo a:hover, input#send:hover {
    background-color: #969696;
    color: #ffffff;
}

.pageBlock.full .col1 {
    width: 100%;
    padding: 0;
}

/*druhý sloupec skryt podmínkou v šabloně*/
.pageBlock.full .col2 {
    display: none;
}

.special {
    background-color: #000000;
}

.special .pageBlock {
    background: #000000 none;
    color: #aaaaaa;
}

.special .pageBlock h1 {
    color: #ffffff;
}

.pageBlock h1 strong, .pageBlock h1 b, .pageBlock h2 strong, .pageBlock h2 b {
    display: block;
    font-size: 2.8em;
    font-weight: 700;
    margin-left: -4px;
}

.pageBlock h2 strong {
    color: #323233;
}

.pageBlock.showRoomReservation h2 span {
    display: block;
    font-size: 1.857em;
    font-weight: 700;
    margin-left: -4px;
}

.pageBlock.smallTitle h1 strong, .pageBlock h1.smallTitle strong, .pageBlock.smallTitle h1 b, .pageBlock h1.smallTitle b, .pageBlock.smallTitle h2 strong, .pageBlock h2.smallTitle strong, .pageBlock.smallTitle h2 b, .pageBlock h2.smallTitle b {
    font-size: 1.857em;
}

.pageBlock h1 a, .pageBlock h2 a {
    font-size: 2.67em;
    font-weight: 700;
    text-decoration: none;
    color: #323233;
    line-height: 1.1em;
    margin-bottom: 0.2em;
    display: block;
}

.pageBlock h1 a:hover, .pageBlock h2 a:hover {
    text-decoration: underline;
}

/*filtr produktů*/
.filterContainer {
    display: block;
}

.filter h2, .filter h3 {
    display: inline-block;
    float: left;
    color: #aaaaaa;
    font-size: 0.889em;
    margin-top: 6px;
}

.filter h2, .filter span {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.18em;
    padding-right: 20px;
    background: transparent url("/img/u/title-filter-arrow.png") right 20% no-repeat;
    margin: 16px 10px 0 0;
    line-height: 1.4em;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 800;
}

.filter span {
    display: none;
    font-size: 0.889em;
}

.filter h3 {
    margin-left: 12px;
    line-height: 1.4em;
    font-family: "nimbus-sans", "Arial", sans-serif;
    font-weight: 400;
}

.filter h3.dn {
    display: none;
}

.filter ul {
    margin: 11px 0;
    border-right: 1px solid #585755;
    display: inline-block;
    padding: 4px 15px;
    float: left;
    font-size: 0.889em;
}

.filter ul li {
    float: left;
    display: inline-block;
    color: #aaaaaa;
    margin: 0 1px 0 0;
    height: 2em;
    line-height: 2em;
}

.filter ul li a {
    display: block;
    background: #292928;
    color: #aaaaaa;
    text-decoration: none;
    height: 2em;
    line-height: 2em;
    padding: 0 13px;
    font-family: "nimbus-sans", "Arial", sans-serif;
    font-weight: 400;
}

.filter ul li a:hover {
    color: #ffffff;
}

.filter ul li.active a {
    color: #292928;
    background-color: #aaaaaa;
}

.filter ul.size li {
    display: inline-block;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
}

.filter ul.size li a {
    text-indent: -9999px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 30px;
    display: block;
}

.filter ul.size li a {
    background-image: url("/img/u/filter-size-stripe.png");
}

.filter ul.size li.smallSpa a {
    background-position: 0 0;
}

.filter ul.size li.mediumSpa a {
    background-position: -31px 0;
}

.filter ul.size li.largeSpa a {
    background-position: -62px 0;
}

.filter ul.size li.smallSpa a:hover {
    background-position: 0 -31px;
}

.filter ul.size li.mediumSpa a:hover {
    background-position: -31px -31px;
}

.filter ul.size li.largeSpa a:hover {
    background-position: -62px -31px;
}

.filter ul.size li.smallSpa.active a {
    background-position: 0 -62px;
}

.filter ul.size li.mediumSpa.active a {
    background-position: -31px -62px;
}

.filter ul.size li.largeSpa.active a {
    background-position: -62px -62px;
}

.filter ul.shape {
    border: none;
}

.filter ul.shape li {
    display: inline-block;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
}

.filter ul.shape li a {
    text-indent: -9999px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 30px;
    display: block;
}

.filter ul.shape li a {
    background-image: url("/img/u/filter-shapes-stripe.png");
}

.filter ul.shape li.round a {
    background-position: 0 0;
}

.filter ul.shape li.angular a {
    background-position: -31px 0;
}

.filter ul.shape li.round a:hover {
    background-position: 0 -31px;
}

.filter ul.shape li.angular a:hover {
    background-position: -31px -31px;
}

.filter ul.shape li.round.active a {
    background-position: 0 -62px;
}

.filter ul.shape li.angular.active a {
    background-position: -31px -62px;
}

.filter p.btnMore {
    display: none;
    float: right;
    margin-top: 15px;
}

.filter p.btnMore a {
    display: inline-block;
    background: #292928 url("/img/u/btn-more-arrow.png") 85% 0.9em no-repeat;
    color: #aaaaaa;
    text-decoration: none;
    font-size: 0.778em;
    padding: 0 28px 0 13px;
    line-height: 2.3em;
    height: 2.3em;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 700;
}

.filter p.btnMore a:hover {
    color: #ffffff;
    background-color: #292928;

}

.filter.active p.btnMore a {
    display: inline-block;
    background: #292928 url("/img/u/btn-more-arrow.png") 85% -1.1em no-repeat;
}

.filterIn {
    float: left;
    text-align: left;
    padding: 16px 0 0 0;
}

.filterIn ul {
    margin-top: 0;
    padding-top: 0;
}

/*zápatí webu*/
footer {
    padding: 20px 44px;
    text-align: right;
    position: relative;
}

footer ul.icons {
    clear: both;
    display: block;
    float: none;
    margin: 20px auto 15px auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

footer ul.icons li {
    display: inline-block;
    margin-right: 15px;
    line-height: 1;
    vertical-align: middle;
}

footer ul.icons li.solitaire {
    margin-right: 40px;
}

footer ul.icons li.last {
    margin-right: 0;
}

footer li.solitaire a {
    background-image: none;
    padding: 0;
}

footer ul.socialIcons {
    clear: left;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

footer ul.socialIcons li {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("/img/u/ico-social.png");
    background-repeat: no-repeat;
    margin-right: 10px;
}

footer ul.socialIcons li.last {
    margin-right: 0;
}

footer ul.socialIcons li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: none;
    padding: 0;
}

footer ul.socialIcons li.facebook {
    background-position: 0 0;
}

footer ul.socialIcons li.twitter {
    background-position: -38px 0;
}

footer ul.socialIcons li.youtube {
    background-position: -114px 0;
}

footer ul.socialIcons li.pinterest {
    background-position: -152px 0;
}

footer ul.socialIcons li.instagram {
    background-position: -190px 0;
}

footer ul.socialIcons li.facebook:hover {
    background-position: 0 -28px;
}

footer ul.socialIcons li.twitter:hover {
    background-position: -38px -28px;
}

footer ul.socialIcons li.youtube:hover {
    background-position: -114px -28px;
}

footer ul.socialIcons li.pinterest:hover {
    background-position: -152px -28px;
}

footer ul.socialIcons li.instagram:hover {
    background-position: -190px -28px;
}

footer .copyright {
    text-align: left;
    color: #aaaaaa;
    font-size: 0.94em;
    min-height: 40px;
    line-height: 40px;

    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    gap: 10px 20px;
    flex-wrap: wrap;
}

footer .copyright__usspa {
    padding-left: 120px;
    background: transparent url("/img/u/logo-footer.png?v02") 0 50% no-repeat;
    min-height: 26px;
}

@media screen and (max-width: 1277px) {
    footer .copyright__usspa {
        padding-left: 0;
        background: none;
    }
}

footer .fg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: 0;
    position: relative;
}

footer .edee {
    display: inline-block;
    width: 41px;
    height: 15px;
    margin-bottom: 0;
    position: relative;
}


footer .fg a, footer .edee a {
    background-image: none;
    padding: 0;
}

footer .copyright a {
    color: #aaaaaa;
    font-size: 0.8em;
}

footer .copyright a.politica {
    padding-left: 15px;
    margin-right: 10px;
}

footer .copyright a.facebook, footer .copyright a.googlePlus, footer .copyright a.twitter {
    display: inline-block;
    background-image: none;
    height: 26px;
    width: 26px;
    text-indent: -9999px;
    position: relative;
    text-align: right;
    top: 8px;
    padding: 0;
}

/*galerie fotek*/
ul.gallery {
    padding: 0;
    margin: 0 0 2.2em 0;
}

ul.gallery li {
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    background-color: transparent;
    z-index: 1;
    position: relative;
}

ul.gallery li a {
    background: transparent url("/img/u/ico-zoom.png") 100% 100% no-repeat;
    display: block;
    border: 1px solid #dadada;
    width: 108px;
    height: 109px;
    padding: 3px;
}

ul.gallery li img {
    position: relative;
    z-index: -1;
    margin: 0;
}

/* galerie realizací */
.noThumbs {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
}

.noThumbs ul.gallery {
    display: block;
    width: 100%;
    height: 100%;
}

.noThumbs ul.gallery li {
    display: none;
}

.noThumbs ul.gallery li.first {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: relative;
}

.noThumbs ul.gallery li.first a {
    background-image: none;
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    position: relative;
    z-index: 10;
}

.noThumbs ul.gallery li.first a img {
    display: none;
}

.ie8 .noThumbs ul.gallery li.first a {
    background: transparent url("/img/u/spacer.png") 0 0 repeat;
}

.galleryBtn a {
    line-height: 0;
    pointer-events: none;
    z-index: -1;
    position: relative;
}

/*galerie detail*/
.ps-carousel {
    background-color: #000000;
}

body.ps-active {
    overflow: hidden !important;
    height: 100%;
    position: static !important;
}

body.ps-active div.helper {
    width: 250px;
    height: 326px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -163px;
    z-index: 10000;
    background: transparent url("/img/cs/help.png") 50% 50% no-repeat;
    display: block;
}

body.ps-active div.helper.en {
    background: transparent url("/img/en/help.png") 50% 50% no-repeat;
}

body.ps-active div.helper.cr {
    background: transparent url("/img/cr/help.png") 50% 50% no-repeat;
}

body.ps-active div.helper.de {
    background: transparent url("/img/de/help.png") 50% 50% no-repeat;
}

body.ps-active div.helper.ru {
    background: transparent url("/img/ru/help.png") 50% 50% no-repeat;
}

body.ps-active div.helper.fr {
    background: transparent url("/img/fr/help.png") 50% 50% no-repeat;
}

body.ps-active div.helper.pl {
    background: transparent url("/img/pl/help.png") 50% 50% no-repeat;
}

div.helper * {
    display: block;
}

/*tabulky*/
table {
    width: 100%;
    border-collapse: collapse;
}

table caption {
    text-transform: uppercase;
    padding: 4px 10px;
    font-weight: 700;
    margin: 1.2em 0 0 0;
    font-size: 1.2em;
    color: #1c1c1c;
}

table tr:nth-child(odd) td, table tr:nth-child(odd) th {
    background-color: #f3f3f3;
}

table tr:nth-child(even) td, table tr:nth-child(even) th {
    background-color: #ffffff;
}

table td, table th {
    padding: 15px;
    font-size: 0.889em;
    color: #505050;
}

table td {
    color: #1c1c1c;
    font-weight: 700;
    font-size: 0.944em;
}

table th h2 {
    color: #000000;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
}

/* Formulářové prvky */
form {
    position: relative;
}

form input.text, form select, p.text input {
    float: left;
    padding: 10px;
    border: 1px solid #bababa;
    border-radius: 4px;
    margin-bottom: 0.6em;
    margin-right: 10px;
    width: 260px;
    color: #646464;
    display: block;
}

form .error.text input, form .error select {
    border: 1px solid red;
}

form span.inlineMessageContainer {
    font-size: 1em;
    line-height: 1;
}

form span.inlineMessageContainer span {
    font-size: 0.85em;
    line-height: 1;
    display: block;
}

form span.errormsg, .pageBlock .errormsg strong {
    color: red;
}

form label {
    float: left;
    margin-right: 10px;
    width: 140px;
}

.showRoomIn .showRoomContent .partialUpdateDynamicContainer {
    width: auto;
    float: none;
}

form .topOffset {
    padding-top: 1.1em;
}

.showRoomIn .showRoomContent div.clr {
    display: block;
    width: auto;
    float: none;
}

form input.date, form p.date input {
    padding-right: 25px;
    width: 260px;
    margin-right: -25px;
    position: relative;
    z-index: 15000;
}

img.ui-datepicker-trigger {
    position: relative;
    top: 10px;
    z-index: 20000;
    cursor: pointer;
}

.showRoomIn .showRoomContent div.offset {
    padding-left: 140px;
    width: auto;
}

.showRoomIn .showRoomContent div.offset div {
    width: auto;
}

.offset label, .offset input.radio {
    float: left;
}

.offset label {
    width: auto;
    display: inline-block;
}

.offset span.label {
    text-indent: -99999px;
    display: block;
    height: 0;
}

.preloadBar {
    position: fixed;
    width: 50px;
    height: 50px;
    display: none;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 100;
    background: 50% 50% no-repeat url("/img/u/preloader.gif");
}

/*-------------------typové stránky--------------------------*/

.hasFilter .headerIn h1 {
    margin-top: 59px;
}

/*parametry vířivky*/
.detail header {
    position: relative;
    margin-bottom: -6px;
}

.detail .parameters {
    background-image: none;
    background-color: #e6e6e6;
    padding-top: 40px;
}

.detail .parameters h2 {
    font-size: 1.333em;
}

.detail .parameters h2 strong {
    font-size: 1.5em;
    line-height: 1.1;
}

.detail .parameters div.detailTable {
    float: right;
    width: 66%;
}

.detail .parameters div.detailTable div {
    float: left;
    width: 47%;
    margin-left: 3%;
}

.detail .parameters img {
    width: auto;
    height: auto;
    margin: auto;
    max-width: 100%;
    text-align: center;
}

.detail .parameters div.detailImage {
    width: 33%;
    float: left;
    margin: 2.2em 0;
}

.detail .parameters p.btnMoreInfo {
    display: none;
}

/*menu projektoru*/
.detail .projectorMenuContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #2b2b2b;
    opacity: 0.9;
    color: #ffffff;
    z-index: 10;
    display: block;
    width: 100%;
}

.detail .projectorMenu {
    margin: 0 auto;
    max-width: 1248px;
    padding: 4px 0;
}

.detail .projectorMenu ul {
    display: inline-block;
    line-height: 50px;
    height: 50px;
    margin-bottom: 0;
}

.detail .projectorMenu h2 {
    display: inline;
    color: #ffffff;
    font-weight: 800;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    padding: 11px 20px 11px 44px;
    background: transparent url("/img/u/title-filter-arrow.png") right 50% no-repeat;
    text-transform: uppercase;
    font-size: 1.22em;
    line-height: 50px;
    margin-bottom: 0;
}

.detail .projectorMenu ul li {
    display: inline-block;
    line-height: 50px;
    height: 50px;
    margin: 0 3px 0 0;
    font-size: 1.22em;
}

.detail .projectorMenu ul li a {
    color: #c8c8c8;
    text-decoration: none;
    font-weight: 300;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    display: inline-block;
    line-height: 50px;
    height: 50px;
    padding: 0 20px;
}

.detail .projectorMenu ul li a:hover {
    color: #ffffff;
    text-decoration: none;
}

.detail .projectorMenu ul li.active a {
    color: #000000;
    background: #ffffff url("/img/u/bgr-up-arrow.png") center 5px no-repeat;
    text-decoration: none;
}

#virtual, #catalog, #showRoom {
    display: none;
    padding-top: 0;
}

#virtual {
    position: relative;
    z-index: 1;
    padding-bottom: 55px;
}

#virtual iframe {
    border: 0;
}

#catalogOrder #agreementCnt {
    margin: 25px 3.1311% 0 0;
}

#catalogOrder input#send {
    font-size: 1em;
}

#catalog h2, #showRoom h2 {
    color: #ffffff;
    font-weight: 700;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    text-transform: uppercase;
    font-size: 1.677em;
    margin: 0;
}

.catalogIn .catalogContent,
.showRoomIn .showRoomContent {
    margin: 0 auto;
    height: 480px;
    padding: 7em 44px;
    color: #ffffff;
    max-width: 1248px;
}

.catalogIn .catalogContent {
    padding-right: 41%;
    position: relative;
}

.showRoomIn .showRoomContent div {
    width: 48%;
    float: left;
}

.showRoomIn .showRoomContent div.showRoomForm {
    float: right;
}

.showRoomForm legend {
    display: none;
}

.catalogIn .catalogContent img {
    position: absolute;
    width: 40%;
    right: 0;
    bottom: 0;
    max-width: 100%;
    height: auto;
}

.catalogIn {
    background: #3e2816 url("/img/u/bgr-catalog.jpg") center bottom no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/u/bgr-catalog.jpg", sizingMethod="scale");
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/u/bgr-catalog.jpg', sizingMethod='scale')";
}

.showRoomIn {
    background: #1c1713 url("/img/u/bgr-showroom.jpg") right bottom no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/u/bgr-showroom.jpg", sizingMethod="scale");
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/u/bgr-showroom.jpg', sizingMethod='scale')";
}

#virtualView, #virtualHtml {
    margin-bottom: 53px;
    width: 100%;
}

/*formulář pro objednání katalogu*/
#catalogOrder .required label {
    font-weight: bold;
}

#catalogOrder .required label span {
    display: none;
}

#catalogOrder fieldset {
    position: relative;
    margin-top: 3.8em;
    display: block;
    /*background: #ebebeb;*/
    padding: 2em 5%;
}

#catalogOrder fieldset.first {
    position: relative;
    margin-top: 2em;
    /*margin-bottom: 1.8em;*/
}

#catalogOrder fieldset legend {
    position: absolute;
    display: block;
    font-size: 1.944em;
    line-height: 1;
    color: #323233;
    text-transform: uppercase;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 300;
    margin: 0;
    top: -1.2em;
    left: 0;
}

#catalogOrder fieldset legend strong {
    font-weight: 700;
}

#catalogOrder .text input {
    width: 58%;
}

#catalogOrder .text label {
    width: 34%;
}

#catalogOrder input.checkbox {
    float: left;
    clear: left;
    margin-right: 2%;
}

#catalogOrder label.checkbox {
    display: block;
    text-align: left;
    float: left;
    width: 86%;
    line-height: 1em;
    margin-bottom: 0.5em;
    position: relative;
    top: 2px;
}

#catalogOrder .checkbox input {
    float: none;
}

#catalogOrder .text.short input {
    width: 28%;
}

#catalogOrder .select label {
    display: block;
    width: auto;
    float: none;
    text-align: left;
}

#catalogOrder span.label,
#catalogOrder p.label {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.5em;
    display: block;
    color: #323233;
}

#frmBlock {
    padding-top: 0;
}

#frmBlock #kontakt {
    margin-top: 0;
}

#catalogOrder #frmClrBlock {
    margin-bottom: 1.5em;
}

#catalogOrder #frmClrBlock p.select {
    margin-bottom: 0.3em;
}

#catalogOrder #frmClrBlock p.select label {
    width: 70px;
}

#catalogOrder .textarea {
    margin-top: 3em;
}

#catalogOrder .textarea label {
    text-align: left;
}

#catalogOrder textarea {
    width: 75%;
    text-align: left;
    float: none;
    resize: vertical;
    padding: 10px;
}

#catalogOrder .inlineSelect .select label {
    display: inline-block;
    width: auto;
    float: left;
    text-align: left;
    position: relative;
    top: 0.3em;
}

#catalogOrder p.submit {
    text-align: right;
    margin-right: 0;
}

#catalogOrder .text .inlineMessageContainer {
    /*margin-left: 36%;
	margin-bottom: 1em;*/
    display: block;
    /*clear: left;*/
}

#catalogOrder #frmLeftBlock .clr,
#catalogOrder #frmRightBlock .clr {
    display: inline;
}

#catalog1, #catalog2, #catalog3,
#catalog4, #catalog5, #catalog6 {
    width: 31%;
    margin-right: 2%;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    padding-left: 80px;
    height: 120px;
}

#catalog1 {
    background-image: url("/img/u/products/catalog/catalog-input-1.png");
}

#catalog2 {
    background-image: url("/img/u/products/catalog/catalog-input-2.png");
}

#catalog3 {
    background-image: url("/img/u/products/catalog/catalog-input-3.png");
}

#catalog4 {
    background-image: url("/img/u/products/catalog/catalog-input-4.png");
}

#catalog5 {
    background-image: url("/img/u/products/catalog/catalog-input-5.png");
}

#catalog6 {
    background-image: url("/img/u/products/catalog/catalog-input-6.png");
}

#catalogOrder #order label.checkbox {
    width: 78%;
}

#catalogOrder #frmBlockFull {
    margin-right: 3.1311%;
}

#catalogOrder #frmBlockFull .textarea {
    margin-top: 0;
}

#catalogOrder #frmBlockFull .textarea label {
    margin-right: 0.9891%;
    text-align: right;
    width: 17.5074%;
}

#catalogOrder #frmBlockFull textarea {
    border: 1px solid #bababa;
    border-radius: 4px;
    float: left;
    width: 81.5035%;
}

h2.result {
    font-size: 1.43em;
    font-weight: 300;
    text-transform: uppercase;
    color: #323233;
}

h2.result strong {
    font-weight: 700;
    color: #323233;
}

/*promítačka v detailu*/
.detail #mainMotive {
    position: relative;
    top: 0;
    /*margin: 0 auto -6px auto;*/
    width: 100%;
    max-width: 1920px;
    /*display: inline-block;*/
}

.detail #mainMotive img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.detail .titleIn {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
}

.detail .titleIn h1, .detail .titleIn .h1 {
    padding: 0 44px;
    max-width: 1248px;
    display: block;
    margin: 0 auto;
    color: #ffffff;
    font-size: 3.895em;
    padding-top: 0.6em;
    font-weight: 700;
}

.detail .rotatedImages img.detailMotive {
    display: none;
}

.detail .rotatedImages img.detailMotive.first {
    display: block;
}

.detail .rotatedImages {
    overflow: hidden;
}

/*ovládání promítačky*/
.rotatedImages .nav {
    position: absolute;
    z-index: 10;
    bottom: 54px;
    right: 44px;
    width: auto;
    text-align: left;
}

.detail .rotatedImages .nav {
    bottom: 94px;
}

.rotatedImages .nav a {
    float: left;
    display: block;
    background-color: #cccccc;
    opacity: 0.5;
    width: 6px;
    height: 6px;
    margin-left: 3px;
    text-indent: -9999px;
    cursor: pointer;
}

.rotatedImages .nav a.activeSlide {
    opacity: 0.95;
    background-color: #ffffff;
}

.remoteRight, .remoteLeft {
    position: absolute;
    display: none;
    width: 49px;
    height: 89px;
    top: 50%;
    margin-top: -25px;
    text-indent: -99999px;
    z-index: 10;
}

.detail .remoteRight, .detail .remoteLeft {
    top: 50%;
    margin-top: -75px;
}

.remoteRight {
    right: 0;
}

.remoteLeft {
    left: 0;
}

.remoteRight a, .remoteLeft a {
    display: block;
    width: 49px;
    height: 89px;
}

.remoteRight a {
    background: transparent url("/img/u/remote-right.png") 0 0 no-repeat;
}

.remoteLeft a {
    background: transparent url("/img/u/remote-left.png") 0 0 no-repeat;
}

a.disabled {
    cursor: default;
    pointer-events: none;
}

/* výběr barev */
.colors {
    background: none;
}

.colors h1 {
    margin-bottom: 1.1em;
}

.colors ul.result {
    padding: 0 0 1.1em 0;
    display: block;
    margin: 0;
}

.colors ul.result li {
    padding: 0;
    margin: 0;
}

.colors ul.result li {
    display: block;
    float: left;
    width: 104px;
    margin-left: 44px;
    text-align: center;
    padding-top: 104px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.colors ul.result li#shellCell {
    margin-left: 0;
}

.colors ul.result h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: 0;
}

.colors ul.result p {
    margin-bottom: 0;
}

.colors ul.colorSwitch {
    margin: 0;
    padding: 0;
}

.colors ul.colorSwitch li {
    display: inline-block;
    border-bottom: 2px solid #ffffff;
    margin-bottom: 0;
    margin-right: -2px;
}

.colors ul.colorSwitch li a {
    display: inline-block;
    color: #ffffff;
    background-color: #979797;
    text-decoration: none;
    padding: 0.6em 20px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
}

.colors ul.colorSwitch li.active {
    border-bottom: 2px solid #f0f0f0;
}

.colors ul.colorSwitch li.active a {
    background-color: #f0f0f0;
    margin-bottom: 0;
    color: #3b3b3b;
}

.colors .colorSelector {
    padding: 40px 10px 20px 44px;
    background-color: #f0f0f0;
    margin-bottom: 0;
}

.colors .colorSelector ul {
    display: block;
    margin: 0;
    padding: 0;
}

.colors .colorSelector ul#cover,
.colors .colorSelector ul#cover li,
.colors .colorSelector ul#cover li a {
    display: block;
    width: auto;
    height: auto;
    float: none;
    background: none;
    padding: 0;
    text-align: left;
}

.colors .colorSelector ul#cover {
    padding-bottom: 20px;
}

.colors .colorSelector ul#cover ul.last {
    padding-bottom: 0;
}

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

.colors .colorSelector ul li a {
    color: #3b3b3b;
    text-decoration: none;
    padding-top: 110px;
    line-height: 1.1;
    display: block;
}

.colors .colorSelector ul li.active a {
    background: transparent url("/img/u/ico-selected.png") right 60px no-repeat !important;
}

.colors .colorSelector ul#cover li ul {
    display: block;
    margin-bottom: 0;
    padding-bottom: 1.1em;
    padding-top: 2.2em;
}

.colors .colorSelector ul#cover li {
    margin-right: 20px;
    margin-bottom: 4px;
}

.colors .colorSelector ul li,
.colors .colorSelector ul#cover li ul li {
    width: 140px;
    float: left;
    margin-right: 34px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    text-align: center;
    height: 160px;
    background-position: center top;
}

.colors .colorSelector ul#cover li a {
    text-transform: uppercase;
    font-weight: 800;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    background-color: #e6e6e6;
    padding: 0.4em 12px;
}

.colors .colorSelector ul#cover li ul li a {
    display: block;
    width: auto;
    float: none;
    background: none;
    padding: 110px 0 0 0;
    line-height: 1.1;
    text-align: center;
    text-transform: none;
    font-weight: 300;
    font-family: "nimbus-sans", "Arial", sans-serif;
}

.colors .colorSelector ul#cover,
.colors .colorSelector ul#cabinet,
.colors .colorSelector ul#corner {
    display: none;
}

.colors .colorSelector ul#cover ul#cover1,
.colors .colorSelector ul#cover ul#cover2,
.colors .colorSelector ul#cover ul#cover3 {
    display: none;
}

.colors .colorSelector ul#cover li a.subSwitch {
    background-image: url("/img/u/rounded-arrow.png");
    background-repeat: no-repeat;
    background-position: 8px 8px;
    padding-left: 28px;
}

.colors .colorSelector ul#cover li a.subSwitch.active {
    background-position: 8px -24px;
}

/* formuláře v detailu showroomu */
.showRoomReservation {
    position: relative;
}

.showRoomReservation .showRoomText {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.showRoomReservation .showRoomForm {
    width: 48%;
    float: right;
    margin-left: 2%;
    margin-bottom: 60px;
}

.showRoomReservation .select {
    display: none;
}

.showRoomReservation label {
    margin-right: 2%;
    width: 36%;
}

.showRoomReservation label.radio {
    text-align: left;
    margin-left: 8px;
}

.showRoomReservation input.radio {
    margin-left: 0;
}

.showRoomReservation .offset {
    text-align: left;
    padding-left: 38%;
}

.showRoomReservation #send {
    position: absolute;
    right: 0;
    bottom: 0;
}

.showRoomReservation .inlineMessageContainer {
    display: block;
    padding-left: 38%;
    clear: both;
}

.showRoomReservation .inlineMessageContainer span {
    margin-bottom: 1em;
}

.showRoomReservation .date .inlineMessageContainer span.noerrormsg {
    display: none;
}

.remoteControlWrapper {
    display: none;
}

.remoteControl {
    display: block;
}

.section {
    padding-top: 110px;
    padding-bottom: 80px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.section.bottomRightBlack {
    background-position: 100% 100%;
    background-size: auto;
}

.section.bottomLeftBlack {
    background-position: 0 100%;
    background-size: auto;
}

.section.topRightBlack {
    background-position: 100% 0;
    background-size: auto;
}

.section.topLeftBlack {
    background-position: 0 0;
    background-size: auto;
}

.section .content {
    max-width: 820px;
    margin: auto;
    text-align: center;
}

.section.bottomRightBlack .content p {
    padding-left: 120px;
    padding-right: 120px;
}

.section h2 {
    font-size: 1.875em;
    text-transform: uppercase;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 35px;
}

.section h2 strong {
    font-size: 2.667em;
    font-weight: 700;
    display: block;
}

.fixFont .section h2 strong {
    padding-top: 12px;
}

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

#hpCarousel .widgetContainer .widget p .hpTxt {
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 14px;
    font-weight: 400;
}

#hpCarousel .widgetContainer .widget p span.hpPhone {
    position: relative;
    top: -8px
}

.section p.btn {
    margin-bottom: 85px;
}

.section p.btn:last-child {
    margin-bottom: 10px;
}

.section.fullBlack h2,
.section.topLeftBlack h2,
.section.topRightBlack h2,
.section.bottomLeftBlack h2,
.section.bottomRightBlack h2,
.section.fullBlack a,
.section.topLeftBlack a,
.section.topRightBlack a,
.section.bottomLeftBlack a,
.section.bottomRightBlack a {
    color: #2b2b2b;
}

.section.fullBlack p,
.section.topLeftBlack p,
.section.topRightBlack p,
.section.bottomLeftBlack p,
.section.bottomRightBlack p {
    color: #7a7a7a;
}

.section.fullWhite h2,
.section.fullWhite p,
.section.fullWhite a {
    color: #ffffff;
}

.section .btn a {
    text-transform: uppercase;
    text-decoration: none;
    padding: 11px 20px;
    background: #dadada;
    color: #000000;
    font-size: 1.063em;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 700;
    display: inline-block;
    transition: all .3s ease;
}

.fixFont .section .btn a {
    padding-top: 14px;
    padding-bottom: 8px;
}

.section .btn a:hover {
    color: #ffffff;
    background-color: #969696;
}

.section ul {
    font-size: 0.875em;
    margin: 0 0 30px 0;
    padding: 0;
}

.section ul li {
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700;
    margin-right: 45px;
    margin-bottom: 10px;
}

.section ul li:last-child {
    margin-right: 0;
}

.section ul li a {
    text-decoration: underline;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 700;
}

.section ul li a:hover {
    text-decoration: none;
}

.section iframe {
    width: 100%;
    height: 650px;
    overflow: hidden;
}

.iframe .container__cookiesPolicy {
    display: none !important;
}


.container__cookiesPolicy .cookiesPolicy__container {
    max-width: 1248px;
    margin: 0 auto;
    padding: 25px 15px;
}

.container__cookiesPolicy .cookiesPolicy__row {
    display: flex;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .container__cookiesPolicy .cookiesPolicy__row {
        flex-direction: row;
    }
}

.container__cookiesPolicy .cookiesPolicy__col-left,
.container__cookiesPolicy .cookiesPolicy__col-right {
    padding-left: 15px;
    padding-right: 15px;
}

.container__cookiesPolicy .cookiesPolicy__col-left {
    font-size: 17px;
    line-height: 2;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .container__cookiesPolicy .cookiesPolicy__col-left {
        flex-basis: 75%;
        max-width: 75%;
    }
}

.container__cookiesPolicy .cookiesPolicy__col-right {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

@media (min-width: 768px) {
    .container__cookiesPolicy .cookiesPolicy__col-right {
        align-items: center;
        flex-direction: column;
        flex-basis: 25%;
        max-width: 25%;
    }
}

.cookies {
    margin-top: 50px;
}

.cookies__form {

}

.cookies__message {
    display: none;
}

.cookies__message.active {
    background-color: #2b2b2b;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px;
}

.cookies__form-group {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}

.cookies__input-container {
    align-items: center;
    display: flex;
}

.cookies__form-group:first-of-type {
    margin-top: 0;
}

.cookies__title {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 15px;
}

.cookies__perex {
    margin-bottom: 20px;
    margin-top: 5px;
}

.cookies__label {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    width: 100% !important;
}

.cookies__label::before {
    align-items: center;
    background-color: #f2f2f2;
    border-radius: 4px;
    border: 1px solid #646464;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='transparent' width='13' height='10'%3E%3Cpath d='M33.5 87.4L0 55.3l8.1-8.5L33.3 71l58.4-58.4 8.3 8.3z'/%3E%3C/svg%3E");
    display: flex;
    height: 20px;
    justify-content: center;
    line-height: 0;
    position: relative;
    transition: all;
    width: 20px;
    flex-shrink: 0;
}

.cookies__input {
    display: none;
}

.cookies__input:checked + .cookies__label::before {
    background-color: #000;
    border-color: #000;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%23fff' width='13' height='10'%3E%3Cpath d='M33.5 87.4L0 55.3l8.1-8.5L33.3 71l58.4-58.4 8.3 8.3z'/%3E%3C/svg%3E");
}

.cookies__input:disabled + .cookies__label::before {
    background-color: #646464;
    border-color: #646464;
}

.cookies__button {
    margin-top: 20px;
}

.cookies__link {
    text-decoration: underline;
}

.cookies__button {
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    padding: 11px 20px;
    background: #dadada;
    border: none;
    color: #000000;
    font-size: 1.063em;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 700;
    display: inline-block;
    transition: all .3s ease;
}

.cookies__button:hover,
.cookies__button:focus {
    color: #ffffff;
    background-color: #969696;
}


.hp.iframe {
    background: transparent;
    display: block;
    width: 100%;
    text-align: center;
    min-width: 0;
}

#catalogOrder,
.hp.iframe .pageBlock {
    text-align: center;
}

#catalogOrder .text label {
    float: left;
}

.hp.iframe input#send {
    font-size: 1em;
}

.hp.iframe.cmb {
    text-align: left;
}

.cmb p {
    font-size: 0.875em;
    color: #aaaaaa;
    display: block;
    float: none;
}

.cmb label {
    color: #aaaaaa;
    display: block;
    float: none;
}

.cmb label span {
    display: none;
}

.cmb .text,
.cmb .submit {
    display: inline-block;
    vertical-align: top;
}

.cmb .text input {
    font-size: 1.143em;
    font-family: "nimbus-sans", "Arial", sans-serif;
    padding: 9px 10px 9px 40px;
    position: relative;
    background-image: url("/img/u/ico-phone.png");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    float: none;
    height: 44px;
}

.cmb .text .inlineMessageContainer {
    display: block;
    margin-bottom: 5px;
}

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

.cmb .submit input {
    font-size: 1em !important;
    margin: 0 !important;
    position: static !important;
    max-width: inherit !important;
}

/* Promitacka */
#hpCarousel {
    padding-top: 650px;
    padding-bottom: 0;
    /*margin-bottom: 33px;*/
}

#hpCarousel .widgetContainer {
    position: absolute;
    z-index: 50;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

#hpCarousel .widgetContainer .widget {
    margin: auto;
    background: rgba(30, 30, 30, 0.9);
    display: inline-block;
    padding: 25px 38px;
    color: #ffffff;
}

#hpCarousel .widgetContainer .widget h2,
#hpCarousel .widgetContainer .widget p {
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    display: inline-block;
    margin: 0;
    font-size: 1.250em;
}

#hpCarousel .widgetContainer .widget h2 {
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
    margin-right: 80px;
}

#hpCarousel .widgetContainer .widget h2 strong {
    font-size: 1em;
    display: inline;
}

#hpCarousel .widgetContainer .widget h2 strong,
#hpCarousel .widgetContainer .widget p,
#hpCarousel .widgetContainer .widget p span {
    font-weight: 700;
}

#hpCarousel .widgetContainer .widget a {
    color: #ffffff;
    text-decoration: none;
}

#hpCarousel .widgetContainer .widget .icon-phone {
    font-size: 34px;
    vertical-align: middle;
}

#hpCarousel ul {
    margin: 0;
    padding: 0;
}

#hpCarousel li {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    cursor: pointer;
}

#hpCarousel li:first-child {
    display: block;
}

#hpCarousel .content {
    max-width: 1248px;
    padding: 0 80px;
    margin: 200px auto auto auto;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    text-align: center;
    color: #ffffff;
}

#hpCarousel .content .smallTitle {
    font-size: 0.938em;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

#hpCarousel .content h3 {
    font-size: 5.000em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.2;
}

#hpCarousel .content .btn a {
    background: #ffffff;
    color: #000000;
    font-size: 1.125em;
}

#hpCarousel .content .btn a:hover {
    background-color: #969696;
}

#hpCarousel .remoteLeft,
#hpCarousel .remoteRight {
    width: 17px;
    height: 54px;
    top: 50%;
    margin-top: -27px;
}

#hpCarousel .remoteLeft a,
#hpCarousel .remoteRight a {
    width: 100%;
    height: 100%;
}

#hpCarousel .remoteLeft {
    left: 32px;
}

#hpCarousel .remoteRight {
    right: 32px;
}

#hpCarousel .remoteLeft a {
    background-image: url("/img/u/arrow-left.png");
}

#hpCarousel .remoteRight a {
    background-image: url("/img/u/arrow-right.png");
}

#hpPressNews.contentContainer {
    background: #000000;
}

.pressNews {
    margin: 0 auto 40px;
    padding: 67px 25px;
}

.pressNews .carousel {
    max-width: 1320px;
    margin: 0 auto;
}

.pressNews .pressNews-item {
    float: left;
    width: 450px;
    min-height: 95px; /* velikost obrazku */
    position: relative;
    padding-right: 50px;
    padding-left: 110px;
}

.pressNews .pressNews-item.more {
    padding: 25px 0 0 0;
}

.pressNews .pressNews-item a {
    text-decoration: none;
    color: #ffffff;
}

.pressNews .pressNews-item.more a:hover,
.pressNews .pressNews-item a:hover .pressNews-heading {
    text-decoration: underline;
}

.pressNews .pressNews-heading {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.pressNews .pressNews-perex {
    color: #aaaaaa;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 0;
}

.pressNews .pressNews-motive {
    position: absolute;
    top: 0;
    left: 0;
}

.js_carousel {
    position: relative;
}

.js_carousel .carousel {
    position: relative;
    height: 1%;
    overflow: hidden;
}

.js_carousel .carousel .viewport {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.js_carousel.viewport-shadow .carousel .viewport:after {
    position: absolute;
    content: ' ';
    top: 0;
    bottom: 0;
    right: 0;
    width: 150px;
    box-shadow: inset -150px 0 100px -100px #000000;
}

.js .js_carousel .carousel .viewport .overview {
    position: absolute;
    top: 0;
    left: 0;
}

.js .js_carousel .carousel .viewport ul.overview {
    margin: 0;
    padding: 0;
}

.js_carousel .controls .control {
    width: 17px;
    height: 54px;
    line-height: 54px;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    text-decoration: none;
    color: #7a7a7a;
}

.js_carousel:hover .control {
    color: white;
    background: transparent none no-repeat scroll 50% 50%;
}

.js_carousel .controls .previous {
    left: 32px;
    background-image: url("/img/u/arrow-left-gray.png");
    text-align: left;
    padding-left: 17px;
}

.js_carousel .controls .next {
    right: 32px;
    background-image: url("/img/u/arrow-right-gray.png");
    text-align: right;
    padding-right: 17px;
}

.js_carousel .controls .previous.disable,
.js_carousel .controls .next.disable {
    display: none;
}

.js_carousel .controls .previous:hover {
    background-image: url("/img/u/arrow-left.png");
}

.js_carousel .controls .next:hover {
    background-image: url("/img/u/arrow-right.png");
}

/* tabSlider */
.tabsSlider {
    padding-top: 0 !important;
}

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

.tabsSlider .remoteControl {
    width: auto;
    height: 54px;
    top: 50%;
    margin-top: -27px;
    text-indent: 0;
    text-transform: uppercase;
    font-size: 0.688em;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
}

.tabsSlider .remoteControl a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #7a7a7a;
    line-height: 54px;
}

.tabsSlider .remoteLeft {
    left: 32px;
}

.tabsSlider .remoteRight {
    right: 32px;
}

.tabsSlider .remoteLeft a {
    background-image: url("/img/u/arrow-left-black.png");
    text-align: left;
    padding-left: 20px;
}

.tabsSlider .remoteRight a {
    background-image: url("/img/u/arrow-right-black.png");
    background-position: 100% 50%;
    text-align: right;
    padding-right: 20px;
}

.tabsSlider .tabsNav {
    margin-bottom: 35px;
    padding: 0;
    text-align: center;
}

.tabsSlider .tabsNav li {
    list-style: none;
    padding: 0;
    margin: 0 14px 0 0;
    font-size: 0.857em;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    display: inline-block;
}

.tabsSlider .tabsNav li a {
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 300;
    color: #2b2b2b;
    padding: 0 7px 4px 7px;
    border-bottom: 2px solid transparent;
}

.tabsSlider .tabsNav li.active a {
    border-color: #2b2b2b;
    font-weight: 700;
}

.tabsSlider .tabsContent {
    min-height: 670px;
    position: relative;
}

.tabsSlider .tabsContent .motive img {
    margin: auto;
}

.heroSlider {
    position: relative;
    height: auto;
    overflow: hidden;
}

.heroSlider .tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.heroSlider .tab.active {
    position: relative;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.heroSlider .tab.move-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.heroSlider .tab.is-moving, .heroSlider .tab.active {
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}

#catalogOrder fieldset {
    background: transparent;
    padding: 0;
    margin: 0;
}

#catalogOrder .textarea {
    margin-top: 0;
}

.hp .pageBlock, .applicationSlim .pageBlock {
    background: transparent;
    padding: 0;
}

#catalogOrder .text label,
#catalogOrder .textarea label {
    width: 300px;
    line-height: 42px;
    font-weight: 400;
    color: #000000;
    margin-right: 15px;
    text-align: right;
}

#catalogOrder .text input,
#catalogOrder .textarea textarea {
    width: 340px;
    margin-bottom: 0;
    font-family: "nimbus-sans", "Arial", sans-serif;
    font-size: 1em;
}

#catalogOrder .textarea textarea {
    height: 100px;
    float: left;
    padding: 10px;
    border: 1px solid #bababa;
    border-radius: 4px;
    color: #646464;
    display: block;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
    background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
    background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
    background-image: linear-gradient(to bottom, #f5f5f5, #ffffff);
}

#catalogOrder .text.short input {
    width: 180px;
}

#catalogOrder span.inlineMessageContainer {
    clear: both;
    margin-bottom: 10px;
    margin-left: 315px;
    text-align: left;
}

#catalogOrder p {
    font-size: 1em;
    margin-bottom: 10px;
}

#catalogOrder p .toggleNonRequired {
    color: #7a7a7a;
    text-decoration: none;
    display: inline-block;
    padding: 10px 17px 10px 0;
    position: relative;
}

#catalogOrder p .toggleNonRequired:after {
    display: block;
    content: '';
    width: 11px;
    height: 7px;
    background: url('/img/u/arrow-top-bottom.png') 100% 50% no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    transition: all .6s ease;
}

#catalogOrder p .toggleNonRequired.open:after {
    transform: rotate(180deg);
}

#catalogOrder p .toggleNonRequired .toggle2 {
    display: none;
}

#catalogOrder #frmBlockNonRequired {
    display: none;
}

#catalogOrder p.submit {
    text-align: center;
    margin: 0;
}

.footerSpecial {
    background-color: #1e1e1e;
    color: #ffffff;
    padding-top: 54px;
    padding-bottom: 28px;
}

.footerSpecial .content {
    max-width: 1248px;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
}

.footerSpecial .content .fl {
    width: 58%;
}

.footerSpecial .hpTxt {
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 14px;
    font-weight: 400;
}

.footerSpecial h3 span.hpPhone {
    position: relative;
    top: -8px
}


.footerSpecial iframe {
    width: 100%;
    height: 100px;
}

.footerSpecial .content .fr {
    width: 40%;
}

.footerSpecial h2,
.footerSpecial h3 {
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-size: 1.375em;
    color: #ffffff;
    margin-bottom: 20px;
}

.footerSpecial h2 strong {
    display: inline;
    font-size: 1em;
}

.fixFont .footerSpecial h2 strong {
    padding-top: 0;
}

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

.footerSpecial h3 {
    font-weight: 700;
}

.footerSpecial h3 span {
    font-weight: 700;
}

.footerSpecial h3 .icon-phone:before {
    font-size: 40px;
    vertical-align: middle;
}

.footerSpecial h3 a {
    color: #ffffff;
    text-decoration: none;
}

.footerSpecial p {
    color: #aaaaaa;
    display: block;
    float: none;
    margin-bottom: 20px;
}

.footerSpecial p {
    font-size: 0.875em;
}

.footerSpecial .fr p {
    padding-left: 70px;
    position: relative;
}

.footerSpecial .fr p.btn {
    padding-left: 0;
}

.footerSpecial .fr p span:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    font-size: 48px;
}

/* tiskovky */
#showMoreNews {
    margin: 1em auto 1em auto;
    position: relative;
    display: table;
}

p.date {
    margin: 1em 0;
}

.halfMargin p.date {
    margin-bottom: 0.65em;
}

/* srovnávač produktů / seznam motivů */
.comparator ul, .imageList ul {
    padding-left: 200px;
    background: 0 50% no-repeat transparent;
    margin: 0 auto 1em auto;
    display: block;
    position: relative;
    width: 75%;
}

.imageList ul li img {
    margin-top: 0.5em;
    position: relative;
    z-index: -1;
}

.comparator {
    z-index: 10;
    position: relative;
}

ul.happySpa {
    background-image: url("/img/u/logo-happy-spa.png");
}

ul.comfortClubSpa {
    background-image: url("/img/u/logo-comfortclub-spa.png");
}

ul.swimSpa {
    background-image: url("/img/u/logo-swim-spa.png");
}

.comparator ul li, .imageList ul li {
    background-image: none;
    list-style-image: none;
    display: inline-block;
    float: left;
    position: relative;
    margin-left: 20px;
    min-width: 84px;
}

.imageList ul {
    padding-left: 0;
    padding-top: 60px;
    background: 100% 0 no-repeat transparent;
    width: 100%;
}

.imageList ul li {
    width: 100px;
    float: left;
    margin-left: 20px;
    margin-right: 0;
    text-align: center;
    line-height: 1em;
    min-height: 150px;
}

.imageList ul li a {
    line-height: 1em;
}

.comparator ul li a, table thead th a, .imageList ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-size: 0.9em;
    display: block;
}

.comparator ul li.active a {
    background: transparent url("/img/u/ico-selected.png") 100% 100% no-repeat;
    z-index: 2;
}

.comparator ul li.active a img {
    position: relative;
    z-index: -1;
}

.comparator .selectedToCompare {
    margin-top: 3em;
}

.comparator table thead th a {
    font-size: 1.5em;
    display: inline-block;
    padding-right: 12px;
}

.comparator table thead th a:hover {
    background: transparent url("/img/u/ico-close.png") 100% 100% no-repeat;
}

.comparator ul li a img {
    height: 90px;
    width: auto;
    padding-bottom: 10px;
    padding-top: 5px;
}

.comparator .selectedToCompare table thead th {
    background-color: transparent;
    height: 220px;
}

.comparator .selectedToCompare table thead th a {
    position: static
}

.comparator .selectedToCompare table thead th a img {
    z-index: -1;
    position: relative;
    max-height: 150px;
}

.comparator .selectedToCompare h3, .comparator .selectedToCompare h4 {
    text-transform: uppercase;
    font-weight: 800;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-size: 1.1em;
    margin-top: 1em;
}

.comparator .selectedToCompare h4 {
    font-size: 0.8em;
    margin-bottom: 0.2em;
}

.comparator .selectedToCompare table thead th img.default {
    padding-top: 2.3em;
}

.comparator .selectedToCompare table tbody tr.buttons td,
.comparator .selectedToCompare table tbody tr.buttons th {
    background-color: #ffffff !important;
}

.comparator .selectedToCompare table tbody th span {
    font-size: 0.85em;
    color: #777777;
}

.comparator .selectedToCompare table tbody tr.buttons td p {
    display: none;
}

/*kontakty*/
.showRoomItems h2 {
    text-transform: uppercase;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-size: 1.857em;
    font-weight: 700;
}

.contactBlock {
    width: 44%;
    margin: 0 6% 2em 0;
    padding-left: 160px;
    float: left;
    display: block;
    position: relative;
    min-height: 140px;
}

.showRoomMain .contactBlock {
    width: auto;
    margin: 0 0 2em 0;
    float: none;
    display: block;
    position: relative;
    min-height: 140px;
}

.contactBlock img {
    width: 140px;
    position: absolute;
    top: 0.4em;
    left: 0;
}

.contactBlock h2 {
    margin-bottom: 0;
}

.contactBlock p strong {
    font-size: 1.44em;
}

.sortimentBlock {
    width: 48%;
    margin-right: 2%;
    float: left;
    margin-bottom: 40px;
    position: relative;
    min-height: 130px;
}

.sortimentBlock img {
    width: 135px;
    height: 120px;
    margin-right: 15px;
    margin-top: 10px;
    padding-right: 15px;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    left: 0;
}

.sortimentBlock .textContainer {
    padding-left: 150px;
}

/*archiv novinek - filtr*/
.yearFilter {
    position: absolute;
    right: 0;
    /*top: -1.8em;*/
    top: 0.2em;
    width: 50%;
    z-index: 10;
    padding-left: 80px;
}

.yearFilter.en {
    padding-left: 114px;
}

.yearFilter p {
    display: inline;
    position: absolute;
    top: 0.2em;
    left: 0;
    font-size: 0.9em;
}

.yearFilter ul {
    display: inline;
    padding-left: 0;
}

.yearFilter ul li {
    display: inline;
    margin: 0 0 0 -2px;
}

.yearFilter ul li a {
    line-height: 2em;
    background-color: #dadada;
    color: #000000;
    text-decoration: none;
    display: inline-block;
    padding: 0 14px;
    margin-bottom: 2px;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-weight: 700;
}

.yearFilter ul li a:hover {
    background-color: #cccccc;
    color: #000000;
}

.yearFilter ul li a.active {
    line-height: 2em;
    background-color: #979797;
    color: #ffffff;
    text-decoration: none;
}

.filter li.disabled a {
    opacity: 0.6 !important;
    cursor: default !important;
    pointer-events: none !important;
}

p.fileDownload {
    position: absolute;
    top: 30px;
    right: 45px;
    width: 240px;
}

p.fileDownload a {
    color: #ffffff;
    text-decoration: none;
    line-height: 1.2em;
    padding: 16px 16px 16px 65px;
    background: #767676 url("/img/u/ico-pdf.png") 15px 50% no-repeat;
    display: block;
    min-height: 60px;
}

p.fileDownload a:hover {
    text-decoration: underline;
}

/*error pages*/
.widePage.errorPage #mainMotive {
    background-image: url("/img/u/motive-error.jpg") !important;
}

.virtualVideo {
    width: 100%;
}

.videoCnt {
    padding: 0;
}

.videoCnt li {
    list-style: none !important;
    width: 50%;
    float: left;
    margin: 0;
    padding: 3px;
}

.videoWrapper {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
}

.videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.landingPageContent .pageBlock {
    background-image: none;
    padding: 0 44px;
}

.landingPageContent .pageBlock .section {
    padding-bottom: 0;
}

.landingPageContent #catalogOrder .textarea {
    min-height: 120px;
}

.landingPageVideoCnt {
    padding-bottom: 140px;
}

.landingPageCatalogCnt {
    background: none !important;
}

.landingPageCatalogCnt .pageBlock {
    background: none !important;
    padding: 0;
}

.landingPageCatalogCnt #kontakt {
    padding-top: 50px;
}

.landingPageCatalogCnt #catalogOrder #address__container,
.landingPageCatalogCnt #catalogOrder #town__container,
.landingPageCatalogCnt #catalogOrder #phone__container,
.landingPageCatalogCnt #catalogOrder #company__container,
.landingPageCatalogCnt #catalogOrder #frmBlockFull {
    display: none;
}

#catalogOrderFormThemeIncludeCnt .pageBlock {
    background: none;
    padding: 0;
    margin-top: 30px;
}

#catalogOrderFormThemeIncludeCnt #frmLeftBlock {
    width: 50%;
    float: left;
}

#catalogOrderFormThemeIncludeCnt #frmRightBlock {
    width: 50%;
    float: right;
}

/*-------------------tiskové styly-------------------------- */
@media print {
    a {
        color: #000000;
        text-decoration: none;
    }

    a.external:after {
        display: none;
    }

    body {
        background: #ffffff none;
        color: #000000 !important;
        font-family: Georgia, serif;
        font-size: 85%;
    }

    #mainMotive,
    #hpCarousel,
    .js_carousel.viewport-shadow .carousel .viewport:after,
    .headerIn,
    .filterPosition,
    .footerContainer,
    .btnMore,
    .btnMoreInfo,
    .remoteLeft,
    .remoteRight,
    .navContainer,
    .btnHpMore,
    .gallery,
    .colors,
    header,
    .section iframe,
    form {
        display: none !important;
    }

    .headerIn {
        height: auto !important;
    }

    .headerIn h1 {
        color: #000000 !important;
        font-size: 100%;
    }

    .rotatedImages img {
        display: none !important;
    }

    .projectorIn li {
        display: block !important;
    }

    .hp .productNews ul li {
        display: list-item !important;
    }

    .hp .pressNews, .hp .productNews {
        float: none;
        margin-bottom: 3em;
        text-align: left;
    }

    .pressNews .carousel {
        max-width: 100%;
    }

    .pressNews .pressNews-item {
        float: none;
        width: 100%;
    }

    .pressNews .pressNews-item.more {
        display: none;
    }

    .pressNews .pressNews-item a {
        text-decoration: none;
    }

    .pressNews .pressNews-motive {
        position: absolute;
        top: 0;
        left: 0;
    }

    .js_carousel {
        position: relative;
    }

    .js_carousel .carousel {
        position: relative;
        height: auto;
        overflow: hidden;
    }

    .js_carousel .carousel .viewport {
        float: none;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .js_carousel .control {
        display: none;
    }

    .pageBlock h1 {
        font-size: 140% !important;
    }

    .section {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .contentContainer.special {
        background-color: black !important;
    }
}

@media screen and (max-width: 1440px) {
    .section.bottomRightBlack {
        background-position: 1050px 100%;
    }

    .hp .pressNews {
        padding: 67px 70px;
    }
}

@media screen and (max-width: 1340px) {
    .section.bottomRightBlack {
        background-position: 960px 100%;
    }
}

@media screen and (max-width: 1277px) {

    #mainMotive {
        height: 365px;
    }

    .widePage #mainMotive {
        height: 232px;
    }

    .pageBlock {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pageBlock.halfMargin {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pageBlock.breadcrumbs {
        padding-top: 0.8em;
        padding-bottom: 4px;
    }

    .sortimentBlock {
        width: 48%;
        margin-right: 2%;
        float: left;
        margin-bottom: 30px;
    }

    .sortimentBlock h2 {
        font-size: 1.544em;
    }

    /*filtr*/
    .filter.active ul.size {
        border-right: 1px solid #585755;
    }

    .filter p.btnMore {
        display: inline-block;
        margin-bottom: 0;
    }

    ul.shape, h3.shapeTitle {
        display: none;
    }

    ul.size {
        border-right: none;
    }

    /*hlavní nadpis*/
    .headerIn h1, .detail .titleIn h1 {
        font-size: 2.842em;
    }

    .filterContainer .filter.active ul {
        display: inline-block;
    }

    .filter.active ul.use {
        border-right: 0;
    }

    .filter.active {
        margin-top: 0;
    }

    .filter.active h3 {
        display: inline-block;
    }

    .filter.active h3.dn {
        display: block;
    }

    .filter.active .filterIn {
        max-width: 520px;
    }

    /*nadpis bloku*/
    .pageBlock h1, ul.projectorIn li .titleHP h2 {
        font-size: 1.54em;
    }

    .showRoomReservation h2 {
        font-size: 1.54em;
    }

    /*motivy odsazení*/
    .pageBlock .motiveHM {
        margin: -30px auto;
    }

    .pageBlock .motiveNM {
        margin: -60px auto;
    }

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

    .pageBlock .pr .motive {
        margin-bottom: 20px;
    }

    .pageBlock .motiveLogoList {
        position: static;
        margin: 0 auto 50px auto;
    }

    form span.errormsg {
        clear: both;
        margin-left: 150px;
    }

    .showRoomReservation .inlineMessageContainer span {
        margin-left: 0;
    }

    /* srovnávač produktů */
    .comparator ul {
        padding-left: 117px;
        padding-top: 50px;
        background-position: 117px 0;
        width: 760px;
    }

    /* katalog form */
    form#catalogOrder span.inlineMessageContainer span {
        margin-left: 0;
    }

    .pageBlock .motiveLogo {
        top: 385px;
        right: 43px;
    }
}

@media screen and (max-width: 1213px) {
    .pageBlock .motiveLogo {
        right: 23px;
        position: static;
        margin: 20px auto 70px auto !important;

    }
}

@media screen and (max-width: 1200px) {
    .section.bottomRightBlack {
        background-position: 910px 100%;
    }
}

@media screen and (max-width: 1195px) {
    .topMenu li:nth-child(4) {
        display: none;
    }

    #hpCarousel {
        padding-top: 500px;
    }

    #hpCarousel .content {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1060px) {
    .section.bottomRightBlack {
        background-position: 810px 100%;
    }
}

@media screen and (max-width: 1024px) {
    .mainMenu {
        padding-bottom: 45px;
    }

    #hpCarousel {
        padding-top: 412px;
        margin-bottom: 350px;
    }

    #hpCarousel .content {
        position: relative;
        width: 100%;
        top: 412px;
        left: 0;
        min-height: 350px;
        background: #2b2b2b;
        padding: 0;
        margin: 0;
    }

    #hpCarousel .content .in {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 20px;
        margin: 0;
        width: 100%;
    }

    .js_carousel .controls .previous,
    #hpCarousel .remoteLeft,
    .tabsSlider .remoteLeft {
        left: 15px;
    }

    .js_carousel .controls .next,
    #hpCarousel .remoteRight,
    .tabsSlider .remoteRight {
        right: 15px;
    }

    .section .content {
        padding: 0 50px;
    }

    .section .content p {
        padding-left: 0;
        padding-right: 0;
    }

    .footerSpecial .fr p {
        padding-left: 70px;
    }

    .tabsSlider .remoteControl {
        width: 17px;
        overflow: hidden;
    }

    .tabsSlider .remoteControl a {
        text-align: left;
        text-indent: -99999px;
        padding: 0;
    }

    .extendedContacts .colThird {
        width: 50%;
    }
}

@media screen and (max-width: 1015px) {
    .topMenu {
        font-size: 1.125em;
    }

    .topMenu li {
        display: none;
    }

    .topMenu li.lang-switch {
        display: inline-block;
    }

    .topMenu li.lang-switch strong {
        font-weight: 700;
    }

    .topMenu li.lang-switch a {
        padding-left: 22px;
        padding-right: 0;
    }

    .topMenu li.lang-switch a:after {
        right: auto;
        left: 0;
    }
}

@media screen and (max-width: 1000px) {
    .section.bottomRightBlack {
        background-position: 720px 100%;
    }
}

@media screen and (max-width: 988px) {

    #mainMotive {
        height: 280px;
    }

    .widePage #mainMotive {
        height: 202px;
    }

    .footer, .filter, .pageBlock {
        padding-left: 40px;
        padding-right: 40px;
        position: relative;
    }

    .detail .projectorMenu ul li a {
        font-size: 0.9em;
    }

    .pageBlock {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pageBlock.halfMargin {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pageBlock.breadcrumbs {
        padding-top: 0.6em;
        padding-bottom: 3px;
    }

    .sortimentBlock {
        width: 48%;
        margin-right: 2%;
        float: left;
        margin-bottom: 20px;
    }

    .sortimentBlock h2 {
        font-size: 1.322em;
    }

    .projectorMenu ul {
        padding-left: 40px;
    }

    /*filtr*/
    ul.size, h3.sizeTitle {
        display: none;
    }

    .filter.active h3.dn {
        display: none;
    }

    ul.use {
        border-right: none;
    }

    .filter.active .filterIn {
        width: 380px;
    }

    /*hlavní nadpis*/
    .headerIn h1, .detail .titleIn h1 {
        font-size: 2.211em;
    }

    /*nadpis bloku*/
    .pageBlock h1 {
        font-size: 1.111em;
    }

    .showRoomReservation h2 {
        font-size: 1.111em;
    }

    /*motivy odsazení*/
    .pageBlock .motiveHM {
        margin: -25px auto;
    }

    .pageBlock .motiveNM {
        margin: -50px auto;
    }

    .pageBlock .motiveLogo {
        margin-bottom: 25px;
    }

    /*tabulka parametry*/
    .pageBlock.parameters div.detailTable {
        width: 47%;
        float: right;
    }

    .pageBlock.parameters div.detailTable div {
        width: 100%;
    }

    .pageBlock.parameters div.detailImage {
        width: 47%;
        margin: 25px auto;
    }

    .pageBlock fieldset .offset {
        padding-left: 0;
    }

    .pageBlock fieldset .offset input {
        margin-left: 40%;
    }

    /*detail - projector menu*/
    .detail .projectorMenu h2 {
        display: none;
    }

    /* konfigurátor barev */
    .colors .col1, .colors .col2 {
        width: auto;
        float: none;
    }

    .colors ul.result li {
        /*margin-left: 4px;*/
    }

    .colors ul.result li p {
        line-height: 1;
    }

    .colors .colorSelector {
        padding: 40px 6px 40px 40px;
    }

    .colors .colorSelector ul#cover {
        padding-bottom: 0;
    }

    /*galerie nahledy*/
    ul.gallery li, ul.gallery li a {
        width: 80px;
        height: 80px;
    }

    ul.gallery li a img {
        height: 70px;
        width: 70px;
    }

    #catalog .catalogIn .catalogContent {
        height: 450px;
        padding-left: 40px;
    }

    #showRoom form input.text, #showRoom form p.text input, #showRoom form select, #showRoom form label {
        float: none;
        display: block;
    }

    #showRoom form .offset input, #showRoom form .offset label {
        float: left;
    }

    #showRoom form .showRoomForm {
        width: 40%;
    }

    .showRoomIn .showRoomContent {
        padding: 40px;
        height: 540px;
    }

    #showRoom form .offset {
        padding-left: 0;
    }

    #showRoom form input.date, #showRoom form p.date input, img.ui-datepicker-trigger {
        float: left;
    }

    /*formuláře*/
    form span.errormsg {
        margin-left: 0;
    }

    /*showroom form (detail)*/
    .showRoomReservation .text label {
        margin-right: 0;
        display: block;
        width: auto;
        float: none;
        text-align: left;
    }

    .pageBlock fieldset .offset {
        padding-left: 0;
    }

    .pageBlock fieldset .offset input {
        margin-left: 0;
    }

    .contactBlock {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        float: none;
        display: block;
        clear: both;
    }

    .showRoomReservation .text input {
        width: 100%;
    }

    .showRoomReservation .inlineMessageContainer {
        padding-left: 0;
    }

    .showRoomReservation #send {
        top: 0;
        position: relative;
        left: 0;
    }

    .showRoomReservation .showRoomForm {
        margin-bottom: 0;
    }

    /* srovnávač produktů */
    .comparator ul {
        padding-left: 0;
        background-position: 0 0;
    }

    .comparator table tr td.last, .comparator table tr th.last {
        display: none !important;
    }

    /*#catalogOrder .text label,
	#catalogOrder .text input {
		width: 80%;
		float: none;
	}*/
    /*#catalogOrder .text .inlineMessageContainer {
		width: auto;
		margin-left: 0;
	}*/
    #catalogOrder #frmBlockFull {
        margin-right: 0;
    }

    #catalogOrder #frmBlockFull .textarea label,
    #catalogOrder #frmBlockFull textarea {
        display: block;
        float: none;
        text-align: left;
        width: 89.9371%;
    }

    #catalog1, #catalog2, #catalog3, #catalog4, #catalog5, #catalog6 {
        width: 48%;
    }

    #catalogOrder textarea {
        width: 100%;
    }

    #catalogOrder .inlineSelect .select label {
        display: block;
        margin-bottom: 0.5em;
    }

    #catalogOrder #frmLeftBlock2, #catalogOrder #frmRightBlock2 {
        float: none;
        width: auto;
        display: block;
    }

    #catalogOrder #frmRightBlock2 {
        padding-top: 1.5em;
    }

    #catalogOrder input#send {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
    }

    p.fileDownload {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 1em;
        margin-bottom: 1em !important;
        margin-left: 55%;
    }

    .yearFilter {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1;
        margin-top: 1em;
    }

    .yearFilter p {
        font-size: 0.9em;
    }

    .pageBlock h1 strong, .pageBlock h1 b, .pageBlock h2 strong, .pageBlock h2 b {
        font-size: 2em;
    }

}

@media screen and (max-width: 920px) {
    .noMobiles {
        display: none !important;
    }

    .detail #mainMotive {
        height: 175px;
        margin-bottom: -6px;
    }

    .detail .titleIn {
        display: none;
    }

    .standardPage #mainMotive {
        height: 180px;
    }

    .widePage #mainMotive {
        height: 181px;
    }

    .detail #mainMotive, .detail #catalog, .detail #showroom {
        background-color: transparent;
        z-index: 1;
    }

    .detail #catalog, .detail #showRoom {
        min-height: 238px;
        background-color: #434343;
    }

    #mainMotive p.remoteLeft,
    #mainMotive p.remoteRight,
    #mainMotive ul {
        display: none !important;
    }

    #mainMotive .headerIn h1, #mainMotive .headerIn .h1 {
        left: 20px;
        margin-right: 20px;
    }

    #virtual, #catalog, #showRoom {
        display: none;
        padding-top: 0;
    }

    .pageBlock .motive, .pageBlock .motiveHM, .pageBlock .motiveNM {
        float: none;
        height: auto;
        margin: 0 auto 20px auto;
        width: 50%;
        text-align: center;
    }

    .footer, .filter, footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pageBlock {
        padding: 40px 20px 90px 20px;
    }

    .pageBlock.halfMargin {
        padding: 20px;
    }

    .pageBlock.breadcrumbs {
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 0.8em;
        margin-top: 1em;
    }

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

    .pageBlock .col1,
    .pageBlock .col2 {
        width: auto;
        float: none !important;
        padding: 0 !important;
    }

    .pageBlock fieldset .offset {
        padding-left: 40%;
    }

    .pageBlock fieldset .offset input {
        margin-left: 10px;
    }

    .pageBlock form p.btnMoreInfo {
        position: relative;
        top: 0;
        left: 0;
    }

    .sortimentBlock {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 20px;
    }

    .sortimentBlock h2 {
        font-size: 1.211em;
        margin-bottom: 0;
    }

    nav {
        padding: 0;
    }

    /*filtr*/
    .filterContainer .filter {
        min-height: 57px;
    }

    .filterContainer .filter span {
        display: inline-block;
        float: none;
        margin-top: 17px;
        line-height: 1.6em;
    }

    .filterPosition {
        top: 77px;
    }

    .filterContainer .filter h2 {
        display: none;
    }

    .filterContainer .filter ul,
    .filterContainer .filter h3 {
        display: none;
    }

    .filter.active .filterIn {
        width: 340px;
    }

    .filter p.btnMore {
        position: absolute;
        top: 0;
        right: 20px;
    }

    .filterContainer .filter.active span {
        background: none;
        margin-bottom: 0.4em;
        width: 100%;
    }

    .filterContainer .filter.active h3.sizeTitle,
    .filterContainer .filter.active h3.shapeTitle {
        display: inline-block;
    }

    .filterContainer .filter.active ul.type {
        padding-left: 0;
    }

    .filterContainer .filter.active ul.use {
        padding-right: 0;
    }

    .filter.active p.btnMore {
        position: absolute;
        top: 0;
        right: 20px;
    }

    /*hlavní nadpis*/
    .headerIn h1, .detail .titleIn h1 {
        font-size: 1.111em;
        color: #454442;
        position: relative;
        left: 0;
        padding: 0 20px;
    }

    /*nadpis bloku*/
    .pageBlock h1 {
        font-size: 0.944em;
    }

    .showRoomReservation h2 {
        font-size: 0.944em;
    }

    /*tlacitko detailu*/
    .pageBlock p.btnMoreInfo {
        position: absolute;
        left: 20px;
        bottom: 40px;
        margin-bottom: 0;
    }

    p.btnMoreInfo a, input#send {
        font-size: 0.833em;
    }

    .btnContainer {
        position: absolute;
        left: 20px;
        bottom: 40px;
        margin-bottom: 0;
    }

    .btnContainer p.btnMoreInfo {
        position: relative;
        top: 0;
        left: 0;
    }

    .pageBlock .motiveLogo {
        margin-bottom: 20px;
        margin-right: 26%;
    }

    /*tabulka parametry*/
    .pageBlock.parameters div.detailTable {
        width: 47%;
        float: right;
    }

    .pageBlock.parameters div.detailTable div {
        width: 100%;
    }

    .pageBlock.parameters div.detailImage {
        width: 47%;
        margin: 20px auto;
    }

    /*detail - projector menu*/
    .detail .projectorMenuContainer {
        opacity: 1;
        position: static;
        background-color: transparent;
    }

    .detail .projectorMenu {
        padding: 15px 0;
    }

    .detail .projectorMenu .gallery,
    .detail .projectorMenu .virtual {
        display: none;
    }

    .detail.showroom .projectorMenu {
        display: none;
    }

    .detail .projectorMenu ul {
        padding: 0;
    }

    .detail.showroom .projectorMenuContainer {
        display: none !important;
    }

    .detail .projectorMenu ul li,
    .detail .projectorMenu ul li a {
        display: block;
        height: auto;
        line-height: 1.8em;
        color: #646464;
        font-size: 1em;
    }

    .detail .projectorMenu ul li a {
        text-decoration: underline;
        color: #ffffff;
    }

    .detail .projectorMenu ul li a:hover {
        text-decoration: none;
    }

    .detail .projectorMenu ul li.active a {
        color: #000000;
        text-decoration: none;
        background: none;
    }

    .detail .projectorMenu h2 {
        display: block;
        font-size: 1.111em;
        /*color: #454442;*/
        position: relative;
        left: 0;
        padding: 0 20px;
        background: none;
    }

    .detail .headerIn {
        top: 0;
    }

    #virtualView, #virtualHtml {
        margin-bottom: 0;
    }

    /* konfigurátor barev */
    .colors {
        padding-right: 0;
        padding-left: 0;
    }

    .colors .col1, .colors .col2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .colors .colorSelector {
        padding: 40px 0 20px 20px;
        overflow: hidden;
    }

    .colors .colorSelector ul {
        margin-right: -20px;
    }

    .colors ul.colorSwitch li a {
        padding: 0.4em 16px;
        font-size: 0.938em;
    }

    #catalog .catalogIn .catalogContent img {
        display: none;
    }

    #catalog .catalogIn .catalogContent {
        height: 260px;
    }

    #catalog .catalogIn .catalogContent {
        padding: 40px 20px 20px 20px;
    }

    .showRoomIn .showRoomContent {
        padding: 40px 20px 40px 20px;
        position: relative;
        height: auto;
    }

    #catalog .catalogIn .catalogContent {
        height: auto;
    }

    .showRoomIn .showRoomContent div {
        float: none !important;
        width: auto !important;
    }

    .showRoomReservation form.showRoomContent {
        padding-bottom: 50px;
    }

    .showRoomIn p.btnMoreInfo, input#send {
        position: absolute;
        bottom: 70px;
        left: 320px;
    }

    .showRoomReservation input#send {
        position: absolute;
        bottom: 0;
        left: 0;
        top: auto;
    }

    .showRoomIn p.btnMoreInfo a {
        margin: 0;
    }

    .detail .rotatedImages .nav {
        display: none;
    }

    /* tiskovky */
    #showMoreNews {
        position: relative;
        display: inline-block;
        bottom: 0;
        left: 0;
    }

    .pageBlock fieldset .offset {
        padding-left: 0;
    }

    .pageBlock fieldset .offset input {
        margin-left: 0;
    }

    .showRoomReservation .showRoomForm, .showRoomReservation .showRoomText {
        float: none;
        width: auto;
    }

    .showRoomReservation .showRoomForm {
        width: 60%;
        margin-left: 0;
    }

    .pageBlock.showRoomReservation h2 span {
        margin-left: 0;
    }

    /* srovnávač produktů */
    .noLowRes {
        display: none !important;
    }

    .noHighRes {
        display: block !important;
    }

    /* objednávka katalogu */
    #catalogOrder #frmLeftBlock, #catalogOrder #frmRightBlock {
        float: none;
        width: auto;
        display: block;
    }

    #catalog1, #catalog2, #catalog3, #catalog4, #catalog5, #catalog6 {
        width: auto;
        float: none;
    }

    /*#catalogOrder .text input {
		float: none;
		!*max-width: 320px;*!
		max-width: 100%;
		width: 100%;
	}*/
    #catalogOrder fieldset legend {
        font-size: 1.111em;
        top: -1.4em;
    }

    #catalogOrder #frmBlockFull textarea {
        max-width: 100%;
        width: 100%;
    }

    #catalogOrder #frmLeftBlock #address__container,
    #catalogOrder #frmLeftBlock #town__container,
    #catalogOrder #frmLeftBlock #postcode__container,
    #catalogOrder #frmRightBlock #phone__container,
    #catalogOrder #frmRightBlock #company__container,
    #catalogOrder #frmBlockFull #comment__container {
        display: none;
    }

    input#send {
        max-width: 150px;
    }

    .showRoomItems p.btnMoreInfo,
    .showRoomMain p.btnMoreInfo {
        position: relative !important;
        top: 0;
        left: 0;
    }

    .showRoomItems .col1, .showRoomItems .col2 {
        margin-top: 30px;
    }

    .showRoomItems {
        margin-bottom: 30px;
    }

    .showRoomMain #map {
        margin-top: 30px;
        margin-bottom: 0;
    }

    p.fileDownload {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 2.4em;
        margin-bottom: 2.4em !important;
        margin-left: 0;
    }

    /*error pages*/
    .widePage.errorPage #mainMotive {
        background-image: url("/img/u/motive-error-responsive.jpg");
    }

    .noTablet {
        display: none !important;
    }
}

@media screen and (max-width: 850px) {
    .section.bottomRightBlack {
        background-position: 650px 100%;
    }

    #catalogOrder .text label,
    #catalogOrder .textarea label {
        width: 180px;
    }

    #catalogOrder span.inlineMessageContainer {
        /*margin-left: 195px;*/
        margin-left: 314px;
    }
}

@media screen and (max-width: 810px) {
    .section.bottomRightBlack {
        background-position: 640px 100%;
    }

    #catalogOrder .text label,
    #catalogOrder .textarea label {
        width: 180px;
    }
}

@media screen and (max-width: 780px) {

    #catalogOrder .text label, #catalogOrder .textarea label {
        text-align: left;
        width: 100%;
        margin-right: 0;
    }

    #catalogOrder .text input, #catalogOrder .textarea textarea {
        width: 100%;
        margin-right: 0;
    }

    #catalogOrder span.inlineMessageContainer {
        margin-left: 0;
        text-align: center;
    }

    #catalogOrder .text.short input {
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .headerIn {
        padding: 0 18px;
    }

    .logo a {
        width: 154px;
        height: 40px;
    }

    .topMenu {
        line-height: 87px;
    }

    .topMenu li {
        padding-right: 25px;
    }

    .toggleMenu {
        margin-top: 12px;
    }

    #hpCarousel {
        padding-top: 258px;
        margin-bottom: 400px;
    }

    #hpCarousel .content {
        top: 258px;
        min-height: 300px;
    }

    #hpCarousel .content .in {
        padding: 0 18px;
    }

    #hpCarousel .content h3 {
        font-size: 3.125em;
    }

    #hpCarousel .widgetContainer {
        bottom: auto;
        top: 558px;
        min-height: 120px;
    }

    #hpCarousel .widgetContainer .widget {
        background: #1e1e1e;
        padding-left: 15px;
        padding-right: 15px;
        display: block;
    }

    #hpCarousel .widgetContainer .widget h2,
    #hpCarousel .widgetContainer .widget p {
        display: block;
        margin: auto;
    }

    #hpCarousel .widgetContainer .widget h2 {
        margin-bottom: 10px;
    }

    .section {
        padding-top: 75px;
        padding-bottom: 50px;
    }

    .section h2 strong {
        font-size: 1.55em;
    }

    .section ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .footerSpecial .content .fl,
    .footerSpecial .content .fr {
        width: 100%;
        float: none;
    }

    .footerSpecial h2 strong {
        font-size: 1em;
    }

    .footerSpecial .content .fl {
        margin-bottom: 30px;
    }

    #mainMotive .headerIn h1, #mainMotive .headerIn .h1 {
        left: 20px;
        padding: 10px 20px;
        font-size: 30px;
        bottom: -25px;
    }

    .fixFont #mainMotive .headerIn h1 {
        padding-top: 14px;
        padding-bottom: 6px;
    }

    #catalogOrder .text label,
    #catalogOrder .textarea label {
        width: 180px;
    }
}

@media screen and (max-width: 720px) {
    #catalogOrder .text label,
    #catalogOrder .textarea label {
        width: 180px;
    }

    #catalogOrder span.inlineMessageContainer {
        margin-left: 195px;
    }

    .hp .pressNews {
        padding: 35px 70px 25px 70px;
    }

    .pressNews {
        padding: 77px 44px 53px;
    }

    .pressNews .pressNews-item {
        padding-right: 60px;
        padding-left: 0;
        min-height: 0;
        width: 304px;
    }

    .pressNews .pressNews-motive {
        display: none;
    }

    .extendedContacts .colThird {
        width: 100%;
    }

}

@media screen and (min-width: 720px) {
    .hp .pressNews h2 {
        display: none;
    }
}

@media screen and (max-width: 715px) {
    .mainMenu {
        width: 100%;
    }

    #catalogOrder .text label, #catalogOrder .textarea label {
        display: block;
        float: none;
        text-align: left;
        margin-bottom: 5px;
        line-height: 1.2;
        padding-left: 11px;
        width: auto;
    }

    #catalogOrder .text input, #catalogOrder .textarea textarea {
        width: 100%;
        max-width: 100%;
    }

    #catalogOrder .text.short input {
        width: 192px;
    }

    #catalogOrder span.inlineMessageContainer {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {
    .pageBlock .motiveLogo {
        margin-bottom: 90px !important;
    }

    .menuContainer {
        position: static;
    }

    .mainMenu {
        position: absolute;
        padding-left: 17px;
        padding-right: 17px;
    }

    .mainMenu .vMiddle {
        position: static;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        padding-top: 130px;
    }

    .mainTopMenu {
        margin-bottom: 50px;
    }

    .mainTopMenu li {
        font-size: 1.250em;
        margin-bottom: 15px;
    }

    .standardMenu {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .standardMenu li {
        font-size: 1.063em;
        display: block;
        margin-right: 0;
    }

    .iconMenu {
        bottom: auto;
        left: auto;
        padding: 0;
    }

    .iconMenu li {
        width: 70px;
        margin-right: 30px;
    }

    .lang-bar {
        right: 35px;
    }

    .section.bottomRightBlack {
        background-image: none;
    }

    .section.bottomRightBlack .content p {
        padding-left: 0;
        padding-right: 0;
    }


    .pageBlock h1 strong, .pageBlock h1 b, .pageBlock h2 b {
        font-size: 1.5em;
    }

    .pageBlock h2, .pageBlock h2.smallTitle {
        font-size: 1.5em;
    }

    .pageBlock h2 strong, .pageBlock h2.smallTitle strong {
        font-size: 1.944em;
    }

    .pageBlock.smallTitle h1 strong, .pageBlock h1.smallTitle strong, .pageBlock.smallTitle h1 b, .pageBlock h1.smallTitle b, .pageBlock.smallTitle h2 b, .pageBlock h2.smallTitle b {
        font-size: 1em;
    }

    .pageBlock.halfMargin h1 a, .pageBlock.halfMargin h2 a {
        font-size: 1em;
    }
}

@media screen and (max-width: 545px) {
    #catalogOrder .text label,
    #catalogOrder .textarea label {
        width: 140px;
    }

    #catalogOrder .text input,
    #catalogOrder .textarea textarea {
        /*max-width: 250px;*/
    }

    #catalogOrder span.inlineMessageContainer {
        /*margin-left: 155px;*/
    }

    .cmb .text, .cmb .submit {
        display: block;
        margin-top: 0;
    }
}

@media screen and (max-width: 510px) {

    .pressNews .pressNews-perex {
        width: auto;
    }

    #catalogOrder .text label, #catalogOrder .textarea label {
        display: block;
        float: none;
        text-align: left;
        margin-bottom: 5px;
        line-height: 1.2;
        padding-left: 11px;
        width: auto;
    }

    #catalogOrder .text input, #catalogOrder .textarea textarea {
        width: 100%;
        max-width: 100%;
    }

    #catalogOrder .text.short input {
        width: 192px;
    }

    #catalogOrder span.inlineMessageContainer {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .pressNews .pressNews-perex {
        width: 220px;
    }

    .hp .pressNews {
        padding: 35px 40px 15px 67px;
    }

    .headerIn {
        padding: 0 15px;
    }

    .topMenu li {
        padding-right: 24px;
    }

    #hpCarousel {
        /*padding-top: 172px;*/
        margin-bottom: 334px;
    }

    #hpCarousel .content {
        /*top: 172px;*/
        min-height: 220px;
    }

    #hpCarousel .content .in {
        padding: 0 15px;
    }

    #hpCarousel .content h3 {
        font-size: 2.188em;
    }

    #hpCarousel .widgetContainer {
        top: 478px;
    }

    .js_carousel.viewport-shadow .carousel .viewport:after {
        width: 50px;
        box-shadow: inset -120px 0 100px -100px #000000;
    }

    .pressNews {
        padding: 47px 41px 53px 35px;
    }

    .section .content {
        padding: 0 15px;
    }

    .section .content p {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section h2 {
        font-size: 1.250em;
    }

    .tabsSlider .tabsNav li {
        max-width: 95px;
    }

    .tabsSlider .tabsNav li a {
        text-align: center;
        display: block;
    }

    .footerSpecial h2 strong {
        font-size: 1em;
    }

    .footerSpecial .fr p {
        padding-left: 70px;
    }

    #mainMotive .headerIn h1, #mainMotive .headerIn .h1 {
        font-size: 25px;
        padding: 10px;
        bottom: -22px;
    }

    .fixFont #mainMotive .headerIn h1 {
        padding-top: 14px;
        padding-bottom: 6px;
    }

    .pageBlock h1 strong, .pageBlock h1 b, .pageBlock h2 b {
        font-size: 1em;
    }

    .pageBlock h2, .pageBlock h2.smallTitle {
        font-size: 1.5em;
    }

    .pageBlock h2 strong, .pageBlock h2.smallTitle strong {
        font-size: 1.5em;
    }

    .pageBlock.smallTitle h1 strong, .pageBlock h1.smallTitle strong, .pageBlock.smallTitle h1 b, .pageBlock h1.smallTitle b, .pageBlock.smallTitle h2 strong, .pageBlock.smallTitle h2 b, .pageBlock h2.smallTitle b {
        font-size: .75em;
    }

    .pageBlock.halfMargin h1 a, .pageBlock.halfMargin h2 a {
        font-size: 1em;
    }

    .extendedContacts h3 {
        font-size: 1.5em;
    }

    body.ps-active div.helper {
        display: none;
    }

    .detail #mainMotive {
        height: 114px;
    }

    .detail .titleIn h1 {
        margin-top: 130px;
    }

    .detail .titleIn {
        position: relative;
        top: 0;
    }

    .detail .titleIn h1 {
        margin-top: 20px;
    }

    .pageBlock .motive, .pageBlock .motiveHM, .pageBlock .motiveNM {
        width: 220px;
    }

    .pageBlock {
        padding: 30px 20px 70px 20px;
    }

    .sortimentBlock img.fl {
        width: 70px !important;
        height: 70px !important;
        padding-right: 0;
        border-right: none;
    }

    .sortimentBlock .textContainer {
        padding-left: 84px;
    }

    /*filtr*/
    .filterContainer .filter span {
        font-family: "nimbus-sans", "Arial", sans-serif;
        font-weight: 300;
    }

    .filterIn {
        text-align: left;
        padding-top: 0;
        padding-bottom: 1em;
    }

    .filterContainer .filter.active ul,
    .filterContainer .filter.active h3 {
        display: block;
        float: none;
        border-right: none;
        margin: 0 0 0.2em 0;
        padding: 0;
    }

    .filterContainer .filter.active ul {
        margin-bottom: 0.6em;
    }

    /*tlacitko detailu*/
    p.btnMoreInfo, input#send, .pageBlock p.btnMoreInfo a {
        font-size: 0.833em;
    }

    .pageBlock p.btnMoreInfo {
        position: absolute;
        left: 20px;
        bottom: 30px;
    }

    .btnContainer {
        position: absolute;
        left: 20px;
        bottom: 30px;
        margin-bottom: 0;
    }

    .btnContainer p.btnMoreInfo {
        position: relative;
        left: 0;
        bottom: 0;
        display: block;
    }

    footer ul.icons li.solitaire a {
        text-align: center;
        display: inline-block;
    }

    footer ul.icons {
        display: block;
        width: 100%;
        text-align: center;
        float: none;
        margin-top: 1em;
    }

    /*tabulka parametry*/
    #parameters {
        display: none;
    }

    .detail .parameters p.btnMoreInfo {
        display: inline-block;
    }

    .pageBlock.parameters div.detailTable,
    .pageBlock.parameters div.detailImage {
        width: 100%;
        float: none;
    }

    .pageBlock.parameters div.detailImage {
        width: 75%;
        float: none;
        margin-top: 0;
    }

    .pageBlock.parameters h1 {
        margin-bottom: 20px;
    }

    .pageBlock fieldset .offset {
        padding-left: 0;
    }

    .pageBlock #map {
        height: 350px;
    }

    /* konfigurátor barev */
    .colors {
        display: none;
    }

    /*galerie nahledy*/
    ul.gallery li, ul.gallery li a {
        width: 52px;
        height: 52px;
    }

    ul.gallery li a img {
        height: 44px;
        width: 44px;
    }

    .showRoomIn .showRoomContent {
        padding-bottom: 80px;
    }

    .showRoomIn p.btnMoreInfo, input#send {
        position: absolute;
        bottom: 0;
        left: 20px;
    }

    input#send {
        position: absolute;
        bottom: 20px;
        max-width: 150px;
    }

    /* showroom form */
    .showRoomReservation .showRoomForm {
        width: 100%;
        margin-left: 0;
    }

    /* objednavka katalogu */
    #catalogOrder .text input,
    #catalogOrder #frmBlockFull textarea {
        /*max-width: 250px;*/
        width: 100%;
    }

    #catalogOrder fieldset.first {
        margin-bottom: 3.2em;
    }

    #catalogOrder fieldset {
        /*margin: 0 -20px;*/
        /*padding: 2em 20px;*/
        position: relative;
        margin-bottom: 1.2em;
    }

    #catalogOrder fieldset legend {
        padding: 0 20px;
    }

    #catalogOrder label.checkbox {
        width: 86%;
    }

    .contactBlock {
        width: 100%;
        margin: 0 0 3em 0;
        display: block;
        clear: both;
        padding-left: 0;
    }

    .contactBlock img {
        position: relative;
    }

    .showRoomItems p.btnMoreInfo,
    .showRoomMain p.btnMoreInfo {
        position: relative !important;
        top: 0;
        left: 0;
    }

    .showRoomItems .col1, .showRoomItems .col2 {
        margin-top: 20px;
    }

    .showRoomItems {
        margin-bottom: 0;
    }

    .contactItems {
        padding-bottom: 0;
    }

    .showRoomMain #map {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .filter.active .filterIn {
        width: auto;
    }

    .yearFilter {
        padding-left: 0;
    }

    .yearFilter p {
        font-size: 0.9em;
        display: block;
        width: auto;
        margin-bottom: 0.4em;
        position: relative;
    }

    .yearFilter ul {
        padding-left: 0;
        width: auto;
        display: block;
        margin-bottom: 0;
    }
}

/* Upravy fixni hlavicka */
#hpCarousel {
    margin-top: 115px;
}

#mainMotive,
.detail #mainMotive, .switchable {
    margin-top: 115px;
}

.filterPosition {
    margin-top: 115px;
}

.boxTop {
    background-color: #2b2b2b;
    position: fixed;
    z-index: 9999;
    width: 100%;
    left: 0;
    top: 0;
}

.topContactBox {
    font-size: 15px;
    position: relative;
    background-color: #000000;
    width: 100%;
    margin: 0 auto;
    padding: 5px 0 3px 0;
}

.topContactBox ul {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
}

.topContactBox ul li {
    display: inline-block;
    color: #ffffff;
}

.topContactBox a {
    position: relative;
    display: block;
    height: 18px;
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}

.topContactBox a:hover {
    opacity: 0.7;
}

.topContactBox a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 18px;
}

.topContactBox a.topMail {
    padding: 0 0 0 25px;
    margin: 0 0 0 5px;
}

.topContactBox a.topPhone {
    padding: 0 0 0 15px;
    margin: 0 0 0 7px;
}

.topContactBox a.topPhone:before {
    background-image: url("/img/u/phone.png");
    width: 10px;
}

.topContactBox .topMail:before {
    background-image: url("/img/u/mail.png");
    width: 18px;
}

@media screen and (min-width: 380px) {
    .topContactBox a.topMail {
        margin: 0;
    }

    .topContactBox ul li + li {
        margin-left: 20px;
    }
}

@media screen and (min-width: 600px) {
    .topContactBox a.topMail {
        display: block;
        text-indent: 0;
    }

    .topContactBox a {
        display: inline-block;
    }

    .topContactBox a.topPhone {
        margin-right: 20px;
    }

    .topContactBox a.topPhone:last-of-type {
        margin-right: 0;
    }
}

@media screen and (max-width: 850px) {
    #catalogOrder .text label, #catalogOrder .textarea label {
        max-width: 250px;
    }
}

@media screen and (max-width: 500px) {
    .topContactBox a.topMail {
        display: none;
    }
}

.blog-content {
    position: relative;
}

.blog-content p {
    margin-top: 0;
}

@media screen and (min-width: 500px) {
    .blog-content__with-motive {
        min-height: 95px;
        padding-left: 120px;
    }
}

.pressNews-motive-detail {
    display: none;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
}

@media screen and (min-width: 500px) {
    .pressNews-motive-detail {
        display: block;
    }
}

.pressNews-motive-detail img {
    margin-bottom: 0;
}

.blog-pageBlock {
    max-width: 800px;
}

/* blog */
.topics {
    display: inline-block;
    font-family: "nimbus-sans-extended", "Arial", sans-serif;
    font-size: 1.11112em;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
}

.topics__item {
    display: inline-block;
    list-style: none !important;
    margin: 0 6px 20px 0;
    padding: 0;
}

.topics__link {
    background: #dadada none;
    color: #000000 !important;
    display: inline-block;
    font-weight: 700;
    line-height: 1.6em;
    /*margin-right: 6px;*/
    margin: 0 !important;
    padding: 11px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
    white-space: nowrap;
}

.topics__link--active {
    /*border-color: #2b2b2b;*/
    /*font-weight: 700;*/
    background-color: #969696;
    color: #ffffff !important;
}

.horizontal-scroll-container {
    /* firefox */
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent; /* thumb and track color */
    scrollbar-width: thin; /* value: none, thin, auto */
    overflow: auto;
    padding-bottom: 1rem;
}

/* webkit - chrome */
.horizontal-scroll-container::-webkit-scrollbar {
    -webkit-appearance: none;
    height: .8rem;
    width: .8rem;
}

.horizontal-scroll-container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: .4rem;
}

.horizontal-scroll-container::-webkit-scrollbar-track {
    background: transparent;
}

.no-link,
.no-link * {
    color: #fff !important;
    text-decoration: none !important;
}

.cookies-policy header,
.cookies-settings header {
    background: #fff;
    position: static;
}

.cookies-policy *,
.cookies-settings * {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.cookies-policy {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    bottom: 0;
    font-family: Roboto, Arial, sans-serif;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    z-index: 9999
}

.cookies-policy .no-link {
    color: inherit !important
}

.cookies-policy--modal {
    background-color: transparent;
    box-shadow: none;
    display: flex;
    height: 100%;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    top: 0;
    width: 100%
}

.cookies-policy--modal .cookies-policy__img {
    margin-left: auto;
    margin-right: auto;
}

.cookies-policy--hidden {
    transform: translateY(100%);
    transition: transform .35s linear, visibility .35s linear;
    visibility: hidden
}

.cookies-policy--hidden.cookies-policy--modal {
    transform: none;
    transition: opacity .35s linear, visibility .35s linear;
    opacity: 0
}

.cookies-policy__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1050px;
    padding: 30px;
    width: 100%
}

@media (min-width: 768px) {
    .cookies-policy__container {
        display: flex;
        gap: 30px;
        padding-bottom: 40px;
        padding-top: 50px
    }
}

.cookies-policy--modal .cookies-policy__container {
    align-self: center;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    flex-direction: column;
    max-height: 100%;
    max-width: 720px;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .cookies-policy--modal .cookies-policy__container {
        padding: 50px 100px 75px
    }
}

.cookies-policy__header, .cookies-policy__main {
    max-width: 100%
}

.cookies-policy--modal .cookies-policy__header, .cookies-policy--modal .cookies-policy__main {
    align-self: center
}

.cookies-policy__header {
    float: right;
    margin-top: -70px;
    margin-right: -20px;
    max-width: 130px;
    text-align: center;
    width: 100%
}

@media (min-width: 480px) {
    .cookies-policy__header {
        margin-top: -100px
    }
}

@media (min-width: 768px) {
    .cookies-policy__header {
        align-self: center;
        max-width: 180px;
        margin-top: 0;
        margin-right: 0;
        float: none
    }
}

.cookies-policy--disable-rwd-img .cookies-policy__header {
    display: none
}

@media (min-width: 768px) {
    .cookies-policy--disable-rwd-img .cookies-policy__header {
        display: initial
    }
}

.cookies-policy--modal .cookies-policy__header {
    float: none;
    margin-top: 0;
    margin-right: 0;
    max-width: none
}

.cookies-policy__img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.cookies-policy__heading {
    color: #000;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
    text-transform: none
}

.cookies-policy--modal .cookies-policy__heading {
    text-align: center
}

.cookies-policy__perex {
    color: #646464;
    font-size: 12px;
    line-height: 1.7;
    margin-top: 21px;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .cookies-policy__perex {
        font-size: 14px;
        margin-top: 17px
    }
}

.cookies-policy--modal .cookies-policy__perex {
    margin-top: 11px
}

@media (min-width: 768px) {
    .cookies-policy--modal .cookies-policy__perex {
        margin-top: 17px
    }
}

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

.cookies-policy__link:focus, .cookies-policy__link:hover {
    color: #000;
    text-decoration: none
}

.cookies-policy__buttons {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px
}

@media (min-width: 768px) {
    .cookies-policy__buttons {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .cookies-policy--modal .cookies-policy__buttons {
        justify-content: center;
        margin-top: 50px
    }
}

.cookies-policy__btn {
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    padding: 15px 31px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: color .15s linear, background-color .15s linear
}

.cookies-policy__btn--primary {
    background-color: #2ba82f;
    color: #fff
}

.cookies-policy__btn--primary:focus, .cookies-policy__btn--primary:hover {
    background-color: #027706;
    color: #fff
}

.cookies-policy__btn--secondary {
    background-color: #e4e4e4;
    color: dimgray
}

.cookies-policy__btn--secondary:focus, .cookies-policy__btn--secondary:hover {
    background-color: #d2d2d2;
    color: #323232
}

.cookies-settings {
    bottom: 0;
    color: #323232;
    display: flex;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    left: 0;
    line-height: 1.4;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: background-color .35s linear, opacity .35s linear, visibility .35s linear;
    visibility: hidden;
    width: 100%;
    z-index: 99999
}

.cookies-settings--active {
    background-color: rgba(0, 0, 0, .25);
    opacity: 1;
    visibility: initial
}

.cookies-settings__container {
    align-self: center;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .5);
    max-height: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
    position: relative;
    padding: 60px 30px 40px;
    width: 100%;
}

@media (min-width: 768px) {
    .cookies-settings__container {
        padding: 50px 100px
    }
}

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

.cookies-settings__link:focus, .cookies-settings__link:hover {
    color: #000;
    text-decoration: none
}

.cookies-settings__heading {
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
    text-transform: none
}

.cookies-settings__perex {
    line-height: 1.7;
    margin-bottom: 30px;
    margin-top: 12px
}

@media (min-width: 768px) {
    .cookies-settings__perex {
        line-height: 1.4
    }
}

.cookies-settings__btn-close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 24px
}

.cookies-settings__btn-close:after, .cookies-settings__btn-close:before {
    background-color: #000;
    border-radius: 2px;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    transition: background-color .15s linear;
    width: 100%
}

.cookies-settings__btn-close:before {
    transform: rotate(45deg)
}

.cookies-settings__btn-close:after {
    transform: rotate(-45deg)
}

.cookies-settings__btn-close:hover:after, .cookies-settings__btn-close:hover:before {
    background-color: #c8c8c8
}

.cookies-settings__btn-close-text {
    display: none
}

.cookies-settings__footer {
    border-top: 1px solid #c8c8c8;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 15px;
    padding-top: 30px
}

@media (min-width: 768px) {
    .cookies-settings__footer {
        border-top: none;
        flex-direction: row;
        gap: 15px;
        justify-content: center;
        margin-top: 0;
        padding-top: 40px
    }
}

.cookies-settings__btn {
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    padding: 15px 31px;
    text-align: center;
    text-decoration: none;
    transition: color .15s linear, background-color .15s linear
}

.cookies-settings__btn--primary {
    background-color: #2ba82f;
    color: #fff
}

.cookies-settings__btn--primary:focus, .cookies-settings__btn--primary:hover {
    background-color: #027706;
    color: #fff
}

.cookies-settings__btn--secondary {
    background-color: #e4e4e4;
    color: dimgray
}

.cookies-settings__btn--secondary:focus, .cookies-settings__btn--secondary:hover {
    background-color: #d2d2d2;
    color: #323232
}

.cookies-settings__main {
    margin-top: 45px
}

@media (min-width: 768px) {
    .cookies-settings__main {
        margin-top: 50px
    }
}

.cookies-settings__section {
    border-top: 1px solid #c8c8c8;
    margin-top: 23px
}

.cookies-settings__section:first-of-type {
    margin-top: 0
}

@media (min-width: 768px) {
    .cookies-settings__section {
        border-top: none;
        margin-top: 40px
    }
}

.cookies-settings__section--analytics-marketing {
    margin-top: 23px
}

@media (min-width: 768px) {
    .cookies-settings__section--analytics-marketing {
        margin-top: 41px
    }
}

.cookies-settings__section-header {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 13px
}

@media (min-width: 768px) {
    .cookies-settings__section-header {
        border-bottom: 1px solid #c8c8c8;
        margin-top: 0;
        padding-bottom: 7px
    }
}

.cookies-settings__section-sub-title, .cookies-settings__section-title {
    color: #000;
    display: block;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
    text-transform: none
}

.cookies-settings__section-title {
    font-size: 16px
}

@media (min-width: 768px) {
    .cookies-settings__section-title {
        font-size: 18px
    }
}

.cookies-settings__section-sub-title {
    font-size: 14px
}

.cookies-settings__section-state {
    color: dimgray
}

.cookies-settings__section-state--on {
    color: #2ba82f
}

.cookies-settings__section-state-text {
    font-size: 14px
}

.cookies-settings__section-main {
    margin-top: 13px
}

@media (min-width: 768px) {
    .cookies-settings__section-main {
        margin-top: 15px
    }
}

.cookies-settings__section--analytics-marketing .cookies-settings__section-main {
    margin-top: 30px
}

@media (min-width: 768px) {
    .cookies-settings__section--analytics-marketing .cookies-settings__section-main {
        margin-top: 20px
    }
}

.cookies-settings__section-perex {
    margin-bottom: 0;
    margin-top: 0
}

.cookies-settings__section--analytics-marketing .cookies-settings__section-perex {
    margin-top: 5px
}

.cookies-settings__label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    gap: 4px;
    margin: 0;
    min-height: 0 !important;
    padding-left: 0 !important;
    transition: color .15s linear
}

@media (min-width: 768px) {
    .cookies-settings__label {
        flex-direction: row;
        gap: 9px
    }
}

.cookies-settings__label:after, .cookies-settings__label:before {
    display: none !important
}

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

.cookies-settings__checkbox:checked + .cookies-settings__label {
    color: #2ba82f
}

.cookies-settings__checkbox:checked + .cookies-settings__label .cookies-settings__switch {
    background-color: #2ba82f
}

.cookies-settings__checkbox:checked + .cookies-settings__label .cookies-settings__switch:before {
    transform: translateX(20px)
}

.cookies-settings__switch {
    background-color: #8d8d8d;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 22px;
    position: relative;
    transition: background-color .15s linear;
    transform-origin: 50% 50%;
    width: 42px
}

.cookies-settings__switch:before {
    transition: transform .15s linear;
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    top: 3px;
    left: 3px
}

/*Cookies policy & settings theme*/
.cookies-policy--modal .cookies-policy__container,
.cookies-policy header,
.cookies-settings__container,
.cookies-settings header {
    background: #2b2b2b;
}

.cookies-policy__perex,
.cookies-policy__heading,
.cookies-settings__heading,
.cookies-settings__perex,
.cookies-settings__section-title,
.cookies-settings__section-perex,
.cookies-settings__section-sub-title {
    color: #fff;
}

.cookies-policy__link,
.cookies-policy__link:focus,
.cookies-policy__link:hover,
.cookies-settings__link,
.cookies-settings__link:focus,
.cookies-settings__link:hover {
    color: #fff;
}

.cookies-policy__btn--secondary,
.cookies-policy__btn--secondary:focus,
.cookies-policy__btn--secondary:hover,
.cookies-settings__btn--secondary,
.cookies-settings__btn--secondary:focus,
.cookies-settings__btn--secondary:hover {
    background: #6c6d70;
    color: #000;
}

.cookies-policy__btn--primary,
.cookies-policy__btn--primary:focus,
.cookies-policy__btn--primary:hover,
.cookies-settings__btn--primary,
.cookies-settings__btn--primary:focus,
.cookies-settings__btn--primary:hover {
    background: #fff;
    color: #000;
}

.cookies-settings__btn-close:before,
.cookies-settings__btn-close:after {
    background: #fff;
}

.markers {
    display: flex;
    gap: 20px;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.text--smaller {
    font-size: .875em !important;
}