body {color:#ffffff;font-family:'Montserrat',sans-serif;font-size:12px;letter-spacing:-0.012em;margin:0px;padding:0px;border:0px; background: #ffffff url('../images/bg1.jpg') no-repeat center top / 100vw 100vh; background-attachment:fixed;color:white; transition: all 0.45s; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; -ms-transition: all 0.45s;} body.trans-0 {transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s;} .kostka-in > div { background: #ffffff url('../images/bg1.jpg') no-repeat center top / 100vw 100vh; background-attachment:fixed;} body * {color:white;} body, body.white * {color:#000000;} body.white input, body.white textarea, body.white select {color:#ffffff;} body.white {background:white;} .uspech {font-weight:900;font-size:16px;border:1px solid green;color:green;background:#ffffff;padding:24px;text-align:center;margin:3px 0px;width:100%;box-sizing:border-box;} .chyba {font-weight:900;font-size:16px;border:1px solid red;color:red;background:#ffffff;padding:24px;text-align:center;margin:3px 0px;width:100%;box-sizing:border-box;} a img {border:0;} a {text-decoration:none;} .relative {position:relative;} .absolute {position:absolute;} .static {position:static;} .fixed {position:fixed;} .wrapper {width:100%;float:left;} .max-width {width:100%;max-width:1280px;padding-left:5%;padding-right:5%;margin: 164px auto;} .max-width.m0 {margin:0px auto;} .max-width-mini {width:100%;max-width:800px;padding-left:64px;padding-right:64px;margin: 0px auto;font-size:20px;text-align:center;} .max-width-mini.smaller {font-size:14px;} .fill {clear:both;height:0px !important;min-height:0px !important;overflow:hidden !important;padding:0px !important;margin:0px !important;} .fixed-up {position: static;top: 0px;left: 0px;z-index: 999799;background-color: white;color: #716658;height: 100px;width: 100%;box-sizing:border-box;} .header-box {width: 100%;max-width: 1280px;padding: 0px 5%;margin: 0px auto;position: relative;} .mainmenu-wrapper {float: right;padding: 0;margin: 0;} .mainmenu-wrapper a { font-size: 12px; line-height: 15px; color:#b0b0b0;float: left; margin: 0px; padding: 32px 20px; text-align: center; margin-top: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; } .mainmenu-wrapper a:hover {color: #4db848;} .mainmenu-wrapper small {color: #4db848;} p { text-align: justify; color: #ffffff; font-family: 'Montserrat',sans-serif; font-size: 14px; letter-spacing: -0.012em; line-height: 170%; padding: 0px 0px 20px 0px; margin: 0px;} #logo {border: 0px;position: static;float: left;margin:0;padding:0;} #logo img {height:80px;margin-top:10px;float:left;display:block;padding:0;} div, input, button, label{box-sizing:border-box;outline: none;} a,*:focus {outline: none;} img.loading-img {opacity:0;} .dalsiNovinkaA img, .dalsiNovinkaA {opacity:0;} .p96 {padding:96px;box-sizing:border-box;} .pt96 {padding-top:96px;box-sizing:border-box;} .pb96 {padding-bottom:96px;box-sizing:border-box;} .ptb96 {padding-top:96px;padding-bottom:96px;box-sizing:border-box;} .pl96 {padding-left:96px;box-sizing:border-box;} .pr96 {padding-right:96px;box-sizing:border-box;} .plr96 {padding-left:96px;padding-right:96px;box-sizing:border-box;} .p64 {padding:64px;box-sizing:border-box;} .pt64 {padding-top:64px;box-sizing:border-box;} .pb64 {padding-bottom:64px;box-sizing:border-box;} .ptb64 {padding-top:64px;padding-bottom:64px;box-sizing:border-box;} .pl64 {padding-left:64px;box-sizing:border-box;} .pr64 {padding-right:64px;box-sizing:border-box;} .plr64 {padding-left:64px;padding-right:64px;box-sizing:border-box;} .p48 {padding:48px;box-sizing:border-box;} .pt48 {padding-top:48px;box-sizing:border-box;} .pb48 {padding-bottom:48px;box-sizing:border-box;} .ptb48 {padding-top:48px;padding-bottom:48px;box-sizing:border-box;} .pl48 {padding-left:48px;box-sizing:border-box;} .pr48 {padding-right:48px;box-sizing:border-box;} .plr48 {padding-left:48px;padding-right:48px;box-sizing:border-box;} .p32 {padding:32px;box-sizing:border-box;} .pt32 {padding-top:32px;box-sizing:border-box;} .pt40 {padding-top:36px;box-sizing:border-box;} .pb32 {padding-bottom:32px;box-sizing:border-box;} .ptb32 {padding-top:32px;padding-bottom:32px;box-sizing:border-box;} .pl32 {padding-left:32px;box-sizing:border-box;} .pr32 {padding-right:32px;box-sizing:border-box;} .plr32 {padding-left:32px;padding-right:32px;box-sizing:border-box;} .p24 {padding:24px;box-sizing:border-box;} .pt24 {padding-top:24px;box-sizing:border-box;} .pb24 {padding-bottom:24px;box-sizing:border-box;} .ptb24 {padding-top:24px;padding-bottom:24px;box-sizing:border-box;} .pl24 {padding-left:24px;box-sizing:border-box;} .pr24 {padding-right:24px;box-sizing:border-box;} .plr24 {padding-left:24px;padding-right:24px;box-sizing:border-box;} .p16 {padding:16px;box-sizing:border-box;} .pt16 {padding-top:16px;box-sizing:border-box;} .pb16 {padding-bottom:16px;box-sizing:border-box;} .ptb16 {padding-top:16px;padding-bottom:16px;box-sizing:border-box;} .pl16 {padding-left:16px;box-sizing:border-box;} .pr16 {padding-right:16px;box-sizing:border-box;} .plr16 {padding-left:16px;padding-right:16px;box-sizing:border-box;} .p12 {padding:12px;box-sizing:border-box;} .pt12 {padding-top:12px;box-sizing:border-box;} .pb12 {padding-bottom:12px;box-sizing:border-box;} .ptb12 {padding-top:12px;padding-bottom:12px;box-sizing:border-box;} .pl12 {padding-left:12px;box-sizing:border-box;} .pr12 {padding-right:12px;box-sizing:border-box;} .plr12 {padding-left:12px;padding-right:12px;box-sizing:border-box;} .p8 {padding:8px;box-sizing:border-box;} .pt8 {padding-top:8px;box-sizing:border-box;} .pb8 {padding-bottom:8px;box-sizing:border-box;} .ptb8 {padding-top:8px;padding-bottom:8px;box-sizing:border-box;} .pl8 {padding-left:8px;box-sizing:border-box;} .pr8 {padding-right:8px;box-sizing:border-box;} .plr8 {padding-left:8px;padding-right:8px;box-sizing:border-box;} .p6 {padding:6px;box-sizing:border-box;} .pt6 {padding-top:6px;box-sizing:border-box;} .pb6 {padding-bottom:6px;box-sizing:border-box;} .ptb6 {padding-top:6px;padding-bottom:6px;box-sizing:border-box;} .pl6 {padding-left:6px;box-sizing:border-box;} .pr6 {padding-right:6px;box-sizing:border-box;} .plr6 {padding-left:6px;padding-right:6px;box-sizing:border-box;} .p4 {padding:4px;box-sizing:border-box;} .pt4 {padding-top:4px;box-sizing:border-box;} .pb4 {padding-bottom:4px;box-sizing:border-box;} .ptb4 {padding-top:4px;padding-bottom:4px;box-sizing:border-box;} .pl4 {padding-left:4px;box-sizing:border-box;} .pr4 {padding-right:4px;box-sizing:border-box;} .plr4 {padding-left:4px;padding-right:4px;box-sizing:border-box;} .ptb0 {padding-top:0;padding-bottom:0px;} .icon16 {width:16px;height:16px;border:0px;} .icon20 {width:20px;height:20px;border:0px;} .icon24 {width:24px;height:24px;border:0px;} ::-webkit-scrollbar {width: 10px;background-color: transparent;z-index:9999999;cursor:pointer;} ::-webkit-scrollbar-thumb {background: #424242;border:0px;width:6px;} ::-webkit-scrollbar-track {background-color: transparent;border:1px solid #000000;padding:1px;} ::-webkit-scrollbar {width: 10px;background-color: transparent;background-color: #ffffff8a;cursor:pointer;z-index:9999990;} ::-webkit-scrollbar-thumb {background: #00000057;border:0px;width:6px;z-index:9999999;} ::-webkit-scrollbar-track {background-color: transparent;border:1px solid #00000057;padding:1px;z-index:9999995;} .oHidden {overflow:hidden;} /*.oHidden > * {transition: all 200ms linear;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;} */ .oAuto {overflow:auto;} ::-webkit-input-placeholder {color: #424242; color:#ffffffb5;} ::-moz-placeholder {color: #424242; color:#ffffffb5;} ::-ms-input-placeholder {color: #424242; color:#ffffffb5;} ::-moz-placeholder {color: #424242; color:#ffffffb5;} .error::-webkit-input-placeholder {color: silver;} .error::-moz-placeholder { color: silver;} .error::-ms-input-placeholder { color: silver;} .error::-moz-placeholder { color: silver;} input, select, textarea { transition: all 200ms linear; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; min-height: 40px; height: 40px; margin: 0px; width: 100%; display: block; float: left; box-sizing: border-box; padding: 8px; font-size: 12px; font-family: 'Montserrat',sans-serif; border: 1px solid #949396; background: transparent; background: #191919b8; } input:focus, select:focus, textarea:focus {background:#000000} label { margin: 0px; width: 100%; display: block; float: left; box-sizing: border-box; padding: 12px 0px 8px; text-align: left; } label.spanIn span { line-height: 14px; margin-top: 5px; float: left; display: block; font-size: 13px; font-weight: 600; letter-spacing: -0.015em; } input[type="text"].error, textarea.error {border: 1px solid red;} label.error {color:white;margin-top:0;background:red;padding:3px;} input[type="checkbox"]{width:24px;height:24px;position:relative;z-index:999;background:transparent;border:0px;color:rgba(0,0,0,0);margin:0px 14px 0px 0px;cursor:pointer;float:left;display:block;} input[type="checkbox"]:before {content:'';float:left;border:1px solid #000000;background:#ffffff;position:absolute;z-index:998;top:0px;left:0px; width: 28px; height: 30px;} input[type="checkbox"]:checked:before {content:'';background:#000000 url('../images/checked_w.svg') no-repeat center center / 24px 24px;} input[type="radio"]{width:24px;height:24px;position:relative;z-index:999;background:transparent;border:0px;color:rgba(0,0,0,0);margin:0px 12px 0px 0px;cursor:pointer;float:left;display:block;} input[type="radio"]:before {content:'';float:left;width:24px;height:24px;border:1px solid #000000;background:#ffffff;position:absolute;z-index:998;top:0px;left:0px;} input[type="radio"]:checked:before {content:'';background: #000000 url('../images/checked_w.svg') no-repeat center center / 24px 24px;} .error, body.black .error {color:#ffffff;background:red;} .error { position: absolute; top: 19px; right: 0px; width: calc(100% - 48px); margin: 0px auto; left: 0px; max-width: 200px; font-size: 11px; text-transform: uppercase; padding: 0px; line-height: 11px; color:#ffffff;} body.white .error {color:#ffffff;} textarea {min-height:64px;} .inputLabel label, body.black .inputLabel label { background: #ffd800; color: #000000; padding: 2px 8px; margin-top: 12px; width: auto; font-weight: 900; font-size: 12px; } button.koule {background:#191912;color:#ffffff;height:128px;width:128px;text-align:center;display:inline-block;float:none;border:0px;border-radius:64px;margin:24px 0px;border:0px;border-bottom:7px solid #626262;background: #191912cf;} button.koule:hover {border:0px;border-top:7px solid #626262;} button.koule span {display:none;margin-top:30px;color:#ffffff;} button.koule b {margin-top:30px;color:#ffffff;} .c0 {display:none;} .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c10p {float:left;} .c12 {width: 100%;} .c11 {width: 91.66666666666666%;} .c10 {width: 83.33333333333333%;} .c10p {width: 20%;} .c10p > img {width: 70%;margin:0px 15%; opacity: 0.7;} .c10p > img:hover {opacity: 1;} .c9 {width: 75%;} .c8 {width: 66.66666666666666%;} .c7 {width: 58.33333333333334%;} .c6 {width: 50%;} .c5 {width: 41.66666666666667%;} .c4 {width: 33.333333333333%;} .c3 {width: 25%;} .c2 {width: 16.6666666667%;} .c1 {width: 8.3333333333%;} pre {z-index:99999999999999;background:#000000;color:white;margin:73px 0px 1px;} h1 { text-shadow: 3px 2px 3px rgba(255,255,255,.2);text-align: center; color: #ffd800; float: left; margin: 0px 0px 12px; padding: 0px 0px 22px; font-size: 50px; line-height: 50px; font-weight: 900; letter-spacing: 1px; width: 100%; background: transparent; text-transform: uppercase; } h2 { text-align: center; color: #ffffff; float: left; margin: 18px 0px 12px; padding: 0px; font-size: 54px; line-height: 52px; font-weight: 100; letter-spacing: 1px; width: 100%; background: transparent; text-transform: uppercase; } h3{color:#cccccc; float: left; margin: 18px 0px 12px; padding: 0px; font-size:39px; line-height: 39px; font-weight: 900; letter-spacing: 1px; width: 100%; background: transparent; text-transform: uppercase; } h4,h5 {color:#ffffff;color:#ffffff; float: left; margin: 18px 0px 12px; padding: 0px; font-size:22px; line-height: 23px; font-weight: 900; letter-spacing: 1px; width: 100%; background: transparent; text-transform: uppercase; } .bt1b {border-top: 1px dashed #000000; border-top: 1px dashed #00000038;} .bigger {font-size:15px;} p {width:100%;} .t-left {text-align:left} .t-right {text-align:right} .t-center {text-align:center} .t-j {text-align:justify} .f-left {float:left;} .f-right {float:right;} .f-none {float:none;} ul {float:left;display:block;margin:0px;padding:0px;list-style:none;} ul li {box-sizing:border-box;float:left;display:block;margin:0px;padding:0px;} ul li img {width:32px;height:32px;float:left;float:left;display:block;margin-right:8px;} ul li span {box-sizing:border-box;width: calc(100% - 40px);min-height:32px;float:left;display:block;} ul.breadCrumbs { float: left; display: block; margin: 24px 0px 0px; padding: 0px 0px 24px; list-style: none; text-align: center; } ul.breadCrumbs li { box-sizing: border-box; float: none; display: inline-block; margin: 0px 17px 0px 0px; padding: 0px 22px 0px 0px; background: transparent url(../images/bc_right.svg) no-repeat right center / 37px 130px; } ul.breadCrumbs li a {float:left;display:block;color:#ffffff;font-size:12px;font-weight:900;letter-spacing:0.12em;line-height:12px;margin-top:1px;} ul.breadCrumbs li:nth-last-child(1) {background:transparent;margin: 0px; padding: 0px;} ul.breadCrumbs li:nth-last-child(1) a {color:#faca2f} ul.mainmenu {float:left;display:inline-block;margin:0px 0px 0px;padding:0px;list-style:none;vertical-align:middle;width:100%;text-align:center; background: #000000; background: #00000094;} ul.mainmenu li {box-sizing:border-box;display:inline-block;margin:0px;padding:0px;width:auto;float:none; vertical-align: middle;} ul.mainmenu li.logo a { width: 238px; height: 82px; float: left; display: block; margin-top: 1px; } ul.mainmenu li.logo a img { width: auto; height: 72px; float: left; display: block; margin-top: -1px; } ul.mainmenu li span { box-sizing: border-box; width: calc(100% - 40px); min-height: 32px; float: left; display: block; padding-top: 7px;width: 100%; } ul.mainmenu li.menuItem a { float: left; display: block; margin-top: 0px;} ul.mainmenu li.menuItem a img { } ul.mainmenu > li ul.mainmenu-sub {float:left;display:none; } .showRespoMenu {display:none;width:64px;width:64px;} .showRespoMenu img {width:48px;width:48px;margin:0px auto;display:block;} .showRespoMenu span {width:48px;color:#ffffff;margin:0px auto;display:block;} .submenu-wrapper > ul.mainmenu-sub { float: left; display: block; margin: 0px; padding: 0px 5%; list-style: none; width: 100%; box-sizing: border-box; } .submenu-wrapper > ul > li ul.mainmenu-sub {float:left;display:block;margin:0px 0px;padding:0px;list-style:none;width:100%;} .submenu-wrapper > ul.mainmenu-sub > li {box-sizing:border-box;display:inline-block;margin:0px;padding:12px;width:16.6666%;float:none; vertical-align:top;} .submenu-wrapper > ul.mainmenu > li > ul.mainmenu-sub {width:20%;} .submenu-wrapper > ul.mainmenu > li > a {} .submenu-wrapper a, .submenu-wrapper a span {color:#ffffff;} .submenu-wrapper > ul.mainmenu > li > a img {float:left;display:block;height:96px;width:96px;} .submenu-wrapper > ul.mainmenu > li > a span {float:left;display:block;line-height:96px;} .submenu-wrapper > ul.mainmenu-sub > li {width:33.33%} .submenu-wrapper > ul.mainmenu-sub > li.mainLink {width:100%} .submenu-wrapper > ul.mainmenu-sub li span {box-sizing:border-box;width: calc(100% - 40px);min-height:32px;float:left;display:block;} .submenu-wrapper > ul.mainmenu-sub li.menuItem a { float: left; display: block; margin-top: 0px;} .submenu-wrapper > ul.mainmenu-sub li.menuItem a img { } .submenu-wrapper > ul.mainmenu-sub > li ul li {width:100%;} .submenu-wrapper > ul.mainmenu-sub li.bigImg > a { width: 100%;float:left;display:block; } .submenu-wrapper > ul.mainmenu-sub li.bigImg > a > img { float: none; display: block; height: 96px; margin: 0px auto 18px; width: auto; } .submenu-wrapper > ul.mainmenu-sub li.bigImg > a > span { float: none; display: block; width: 100%; margin: 0px 0px 5px 0px; text-align: center; font-weight: 900; font-size: 18px; line-height: 110%; text-transform: uppercase; } .submenu-wrapper > ul.mainmenu-sub li.smallImg > a { width: 100%; float: left; display: block; border-bottom: 1px dashed #000000; border-bottom: 1px dashed #00000038; padding: 5px 0px; } .submenu-wrapper > ul.mainmenu-sub li.smallImg > a > img { float:left;display:block;height:32px;width:32px;margin:0px 0px 0px 0px; } .submenu-wrapper > ul.mainmenu-sub li.smallImg > a > span { float: left; display: block; min-height: 32px; margin: 0px 0px 0px 0px; padding: 9px 7px 0px; box-sizing: border-box; font-weight: 600; font-size: 13px; line-height: 110%; } .submenu-wrapper {position:fixed;top:107px;height:calc(100% - 107px);left:0px;right:0px;overflow:auto;z-index: 9999930;color:#ffffff;background: #000000 url('../images/bg1.jpg') no-repeat center top / 100vw 100vh;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .submenu-wrapper.closed {top:-130%;} .submenu-wrapper > ul.mainmenu-sub > li.mainLink, .submenu-wrapper > ul.mainmenu-sub > li.mainLink > a {width:100%;} .submenu-wrapper > ul.mainmenu-sub > li.mainLink > a > img { float:left;display:block;height:64px;width:64px;margin:0px; } .submenu-wrapper > ul.mainmenu-sub > li.mainLink > a > span {line-height:64px;font-size:33px; float:left;display:block;font-weight:900;text-transform:uppercase;width:auto;} .submenu-rel-wrapper > ul.mainmenu-sub { float: left; display: block; margin: 0px; padding: 0px 5%; list-style: none; width: 100%; box-sizing: border-box; } .submenu-rel-wrapper > ul > li ul.mainmenu-sub {float:left;display:block;margin:0px 0px;padding:0px;list-style:none;width:100%;} .submenu-rel-wrapper > ul.mainmenu-sub > li {box-sizing:border-box;display:inline-block;margin:0px;padding:12px;width:16.6666%;float:none; vertical-align:top;} .submenu-rel-wrapper > ul.mainmenu > li > ul.mainmenu-sub {width:20%;} .submenu-rel-wrapper > ul.mainmenu > li > a {} .submenu-rel-wrapper a, .submenu-rel-wrapper a span {color:#ffffff;} .submenu-rel-wrapper > ul.mainmenu > li > a img {float:left;display:block;height:96px;width:96px;} .submenu-rel-wrapper > ul.mainmenu > li > a span {float:left;display:block;line-height:96px;} .submenu-rel-wrapper > ul.mainmenu-sub > li {width:33.33%} .submenu-rel-wrapper > ul.mainmenu-sub li span {box-sizing:border-box;width: calc(100% - 40px);min-height:32px;float:left;display:block;} .submenu-rel-wrapper > ul.mainmenu-sub li.menuItem a { float: left; display: block; margin-top: 0px;} .submenu-rel-wrapper > ul.mainmenu-sub li.menuItem a img { } .submenu-rel-wrapper > ul.mainmenu-sub > li ul li {width:100%;} .submenu-rel-wrapper > ul.mainmenu-sub li.bigImg > a { width: 100%;float:left;display:block; } .submenu-rel-wrapper > ul.mainmenu-sub li.bigImg > a > img { float:none;display:block;height:96px;width:96px;margin:0px auto; } .submenu-rel-wrapper > ul.mainmenu-sub li.bigImg > a > span { float: none; display: block; width: 100%; margin: 0px 0px 5px 0px; text-align: center; font-weight: 900; font-size: 18px; line-height: 110%; text-transform: uppercase; } .submenu-rel-wrapper > ul.mainmenu-sub li.smallImg > a { width: 100%; float: left; display: block; border-bottom: 1px dashed #000000; border-bottom: 1px dashed #00000038; padding: 5px 0px; } .submenu-rel-wrapper > ul.mainmenu-sub li.smallImg > a > img { float:left;display:block;height:32px;width:32px;margin:0px 0px 0px 0px; } .submenu-rel-wrapper > ul.mainmenu-sub li.smallImg > a > span { float: left; display: block; min-height: 32px; margin: 0px 0px 0px 0px; padding: 9px 7px 0px; box-sizing: border-box; font-weight: 600; font-size: 13px; line-height: 110%; } .submenu-rel-wrapper a,.submenu-wrapper a {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .submenu-rel-wrapper a:hover,.submenu-wrapper a:hover {transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);} .findLink {width:100%;float:left;display:block;box-sizing:border-box;padding:8px; border-bottom: 1px dashed #000000; border-bottom: 1px dashed #00000038;margin:0px;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .findLink > img {width:96px;height:96px;float:left;display:block;box-sizing:border-box;padding:0px;margin:0px;} .findLink > span { width: auto; min-height: 96px; float: left; display: block; box-sizing: border-box; padding: 36px 12px 12px; margin: 0px; font-size: 23px; line-height: 110%; text-transform: uppercase; font-weight: 900; } .findLink:hover {transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);} .mapa {max-width:100%;font-family:sans-serif;} .mapa { min-height: calc(50vh - 53px); display: block; float: left; width:100%;box-sizing:border-box;margin-bottom:32px; background:transparent;} html, body { height: 100%; width: 100%; margin: 0px; padding: 0px } .f24100 {font-size:24px;font-weight:100;} .dum-box {position:relative;width:calc(33.33% - 20px);float:left;display:block;box-sizing:border-box;margin:10px;overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .dum-box:hover {transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);} .dum-box:before { content: ''; display: block; float: left; padding-top: 92%; } .dum-box > img:nth-child(1) { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: 0px 0px auto; width: 100%; width: calc(100% - 20px); z-index: 90; border: 10px solid white; } .dum-box > img:nth-child(2) {position:absolute;right:12px;bottom:12px;width:64px;height:64px;background:#ffffff;z-index:95;} .dum-box > p {position:absolute;right:0px;bottom:0px;min-height:64px;left:0px;background:#ffffff;z-index:92;box-sizing:border-box;padding:12px 78px 12px 12px;} .dum-box .coverAnchor {position:absolute;top:0px;left:0px;bottom:0px;right:0px;z-index:999999;} .nabizime2 {width: calc(100% / 10px);float:left;display:block;position:relative;} .nabizime2:before {content:'';display:block;float:left;width:100%;padding-top:100%;} .nabizime img, .nabizime svg {max-width:100%;max-height:100%;margin:auto;top:0px;bottom:0px;left:0px;right:0px;position:absolute;} .odd {background:white;} .odd:nth-child(odd) {background:rgb(241,241,241);} .box-t-green {width:100%;padding:12px;font-size:14px;color:white;background:#4bc34a;border-radius:2px;margin-top:4px;line-height:175%;float:left;display:block;box-sizing:border-box;} .box-t-red {width:100%;padding:12px;font-size:14px;color:red;background:white;border: 3px solid red;border-radius:2px;margin-top:4px;line-height:175%;float:left;display:block;box-sizing:border-box;} .menu {position:relative;z-index:9999999;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .mainmenu {display:block;float:left;width:100%;list-style:none;margin:0px;padding:0px;min-height:68px;} .mainmenu li {box-sizing:border-box;display:block;float:left;width:100%;margin:0px;padding:12px;color:#ffffff;font-size:12px;} .mainmenu li a {font-size:14px;text-transform:uppercase;color:#ffffff;letter-spacing:0.012em;padding:12px; font-weight: 600;} .mainmenu li a.adminer { font-size: 8px; color: #ffd800; border: 1px solid white; margin-right: 3px; } .submenu.sidemenu { display:block;float:right;padding:12px;margin:72px 0px 0px 24px;width:calc(35% - 24px); box-sizing:border-box;} .submenu.sidemenu li a, .submenu.sidemenu li { display:block;float:left;padding:0px;margin:0px;width:100%;color:#ffffff;position:relative;} .submenu.sidemenu li a span { display: block; float: left; padding: 0px; margin: 17px 0px 0px; width: calc(100% - 78px); color:#ffffff; text-align: left; font-size: 18px; font-weight: 900; letter-spacing: 0.015em; line-height: 100%; } .submenu.sidemenu li img { width: 58px; height: 58px; float: left;display: inline-block; } .submenu.sidemenu li a:hover {transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .submenu.sidemenu li a:hover span {color:#ffffff;color:#ffffffaa;} .submenu.sidemenu li a span:before {content:'';display:block;position:absolute;bottom:0px;height:2px;background:#000000;left:0px;width:0%;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;} .submenu.sidemenu li a:hover span:before {width:100%;} .submenu.ctverce { display:block;float:left;padding:12px;margin:24px 0px 28px 0px;width:100%; box-sizing:border-box;text-align:center;} .submenu.ctverce li a { display:block;float:left;padding:0px;margin:0px;width:100%;color:#ffffff;text-align:center;position:relative;overflow:hidden;border: 15px solid #313131;border: 15px solid #31313199;box-sizing:border-box;} .submenu.ctverce li a:before {content:'';display:block;float:left;padding-top:40%;width:0px;} .submenu.ctverce li { display: inline-block; padding: 0px; margin: 0px 9px 18px; width: calc(100% / 2 - 18px); max-width: 1280px; color: #ffffff; position: relative;border-radius: 0px; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; float:none;} .submenu.ctverce li:nth-child(1) {width:100%;} .submenu.ctverce li:hover {position: relative; z-index: 1000; transform: scale(1.05); } .submenu.ctverce li.fill {margin:0;border:0;padding:0;overflow:hidden;opacity:0;} .submenu.ctverce li span { min-height:50px;position: static; bottom: 0px; left: 0px; right: 0px; z-index: 99; display: block; float: left; padding: 14px 7px 7px; margin: 0px; width: 100%; color: #faca2f; text-align: center; font-size: 18px; font-weight: 600; letter-spacing: -0.02em; line-height: 115%; } .submenu.ctverce li img { width: auto; height: auto; float: none; display: block; margin: auto; max-width: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0%; } .submenu.ctverceNovinky li a:hover { box-shadow: 0px 0px 22px 5px #000000; } .submenu.ctverce li img { width: 100%; height: auto; float: none; display: block; margin: auto; max-width: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0%; } .submenu.ctverceXXX li a:hover, .submenu.ctverceXXX li a:focus {background:#ffffff;background:#ffffffa6;border-radius:300px;transition: all 0.375s; -webkit-transition: all 0.375s; -moz-transition: all 0.375s; -o-transition: all 0.375s; -ms-transition: all 0.375s;transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .submenu.ctverceNovinky { display:block;float:left;padding:12px;margin:24px 0px 28px 0px;width:100%; box-sizing:border-box;text-align:center;} .submenu.ctverceNovinky li a { display:block;float:left;padding:0px;margin:0px;width:100%;color:#ffffff;text-align:center;position:relative;overflow:hidden;border: 15px solid #313131;border: 15px solid #31313199;box-sizing:border-box;} .submenu.ctverceNovinky li a:before {content:'';display:block;float:left;padding-top:40%;width:0px;} .submenu.ctverceNovinky li { display: inline-block; padding: 0px; margin: 0px 9px 18px; width: calc(100% / 2 - 18px); max-width: 1280px; color: #ffffff; position: relative;border-radius: 0px; overflow: hidden;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .submenu.ctverceNovinky li p { box-sizing: border-box; padding: 0px 12px 8px; float: left; display: block;} .submenu.ctverceNovinky li p small { font-size: 12px; box-sizing: border-box; float: left; display: block; line-height: 150%; } .submenu.ctverceNovinky li:hover { position: relative; z-index: 1000; transform: scale(1.05); } .submenu.ctverceNovinky li.fill {margin:0;border:0;padding:0;overflow:hidden;opacity:0;} .submenu.ctverceNovinky li > strong { min-height: 50px; position: static; bottom: 0px; left: 0px; right: 0px; z-index: 99; display: block; float: left; padding: 14px 7px 7px; margin: 0px; width: 100%; color: #faca2f; text-align: left; font-size: 20px; font-weight: 600; letter-spacing: -0.02em; line-height: 115%; } .submenu.ctverceNovinky li img { width: auto; height: auto; float: none; display: block; margin: auto; max-width: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0%; } .submenu.ctverceNovinky li a:hover { box-shadow: 0px 0px 22px 5px #000000; } .submenu.ctverceNovinky li img { width: 100%; height: auto; float: none; display: block; margin: auto; max-width: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0%; } .submenu.ctverceNovinky li > span {width:50%;float:left;display:block;box-sizing:border-box;} .submenu.ctverceNovinky li > span.date {background: transparent url('../images/date_w.svg') no-repeat right 2px / 20px 20px;float:right;padding: 7px 30px 7px 7px;text-align:right;} .submenu.ctverceNovinky li > span.autor {background: transparent url('../images/autor_w.svg') no-repeat 7px 2px / 20px 20px;padding: 7px 7px 7px 30px;text-align:left;} .submenu.ctverceNovinky li:nth-child(1) {width:100%;} .submenu.ctverceNovinky li:nth-child(1) p small, .submenu.ctverceNovinky li:nth-child(1) p small {width:100%;font-size:16px;} .submenu.ctverceNovinky li:nth-child(1) {width:100%;} .submenu.ctverceNovinky li:nth-child(1) strong { font-weight: 900; font-size: 26px; text-align:center;} .obsah.side { display:block;float:left;padding:0px;margin:0px;width:65%; } .obsah a {text-decoration:underline;color:#ffffff;} .obsah > div ul {margin:12px 0px 24px;} .obsah > div ul li { background: transparent url(../images/bc_right.svg) no-repeat left 4px / 14px 21px; box-sizing: border-box; padding: 0px 0px 0px 31px; font-size: 18px; letter-spacing: 0.035em; color:#ffffff; margin: 0px; line-height: 32px; font-weight: 600; box-sizing: border-box; width: 100%; } .obsah > div ul li * {color:#ffffff;} .obsah > div ul li b, .obsah > div ul li strong {color:#ffffff;} .bigP p, *.bigP p, .bigP p * { font-size: 20px; line-height: 126%; } .obsah > div ul li span {font-size:12px;line-height:14px;font-weight:400;} .obsahAll {min-height:100vh;min-height:calc(100vh - 100px);} .ohidden {overflow:hidden;} .sluzbaTable {width:80%;margin:24px 10%;} .tableHalf { width: 50%; border-right: 1px solid #000000; border-bottom: 1px solid #000000; box-sizing: border-box; display: block; float: left; padding: 16px 13px; } .tableHalf:nth-child(2n) {border-right:0px;text-align:right;} .tableHalf:nth-child(4n - 4), .tableHalf:nth-child(4n - 1) {background:transparent;background:#faca2f73;} .sluzbaTableMore {margin:24px 0px;display:block;float:left;box-sizing:border-box;} .tableRow {width:100%;display:block;float:left;box-sizing:border-box;border-bottom: 1px solid #000000;} .tablePart { border-right: 1px solid #000000; box-sizing: border-box; display: block; float: left; padding: 16px 13px; } .tablePart:nth-last-child(1) { border-right: 0px; } .tableRow:nth-child(2n) {background:transparent;background:#faca2f73;border-bottom: 1px solid #000000;} .tableRow:hover {background:transparent;background:#FACA2F;} .typoveDomyFooter {min-height:calc(100vh - 120px);padding:107px 0px 13px;background:transparent url('../images/paralax1.jpg') no-repeat center center / cover;background-attachment:fixed; } .typoveDomyFooter h3 {color:#ffffff;} /* galerie templates */ .galerie-slidery { display:block;float:left;padding:12px 0px;margin:0px;width:100%; box-sizing:border-box; } .galerie-slidery a { display: block; float: left; padding: 0px; margin: 6px; width: calc(50% - 12px); box-sizing: border-box; position: relative; overflow: hidden; box-shadow: 0px 20px 38px 0px #0000003b; border: 12px solid white; } .galerie-slidery a:before { display:block;float:left;content:'';padding-top:33.33%; } .galerie-slidery a img { position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;width:50%;width:100%; } .galerie-slidery a:hover {border: 12px solid #000000;} .galerie-slidery-6 { display:block;float:left;padding:12px 0px;margin:0px;width:100%; box-sizing:border-box; } .galerie-slidery-6 a { display: block; float: left; padding: 0px; margin: 6px; width: calc(25% - 12px); box-sizing: border-box; position: relative; overflow: hidden; border: 12px solid #000000;box-shadow: 0px 20px 24px 0px #0000003b; } .galerie-slidery-6 a:before { display:block;float:left;content:'';padding-top:33.33%; } .galerie-slidery-6 a img { position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;width:50%;width:100%; } .galerie-slidery-6 a:hover {border: 12px solid #ffffff;} .galerie-slidery-6 a:nth-last-child(1), .galerie-slidery-6 a:nth-last-child(2) {width: calc(50% - 12px);} .hide, .galerie-slidery a.hide, .galerie-slidery-6 a.hide {display:none;} .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .galerieUniversal > a, .galerieUniversal > div.noLink {transition: all 0.45s; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; -ms-transition: all 0.45s; width: calc(16.66% - 24px); float: left; display: block; box-sizing: border-box; position: relative; margin: 12px; background: #ffffff; } .galerieUniversal > a:before, .galerieUniversal > div.noLink:before {content:'';display:block;float:left;padding-top:75%;} .galerieUniversal > a img, .galerieUniversal > div.noLink img { width: auto; max-width: 100%; max-height: 100%; box-sizing: border-box; position: absolute; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 7px solid white; } .galerieUniversal > a:hover, .galerieUniversal > div.noLink:hover {transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);} .galerieSponzori a {width:calc(100% / 16);float:left;display:block;margin:0px;padding:0px;position:relative;overflow:hidden;background:white;} .galerieSponzori a:before {content:'';display:block;float:left;padding-top:100%;} .galerieSponzori a img {width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;} .galerieDresy {text-align:center;} .galerieDresy a { width: 140px; float: none; display: inline-block; margin: 24px; padding: 0px; position: relative; overflow: hidden;background:#ffffff;border:4px solid #424242; } .galerieDresy a:before {content:'';display:block;float:left;padding-top:64%;} .galerieDresy a img {width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;} /* galerie templates END */ /* slider */ .slider1 {float:left;display:block;width:100%;margin:0px 0px 96px 0px;opacity:0;box-shadow: 0px 100px 148px 0px #000000b5;} .slider1 div, .slider1 a {float:left;display:block;width:100%;position:relative;} .slider1 a.halfPosition {position:absolute;top:0px;bottom:64px;left:0px;right:0px;} .slider1 a.halfPosition:nth-child(1) {position:absolute;right:50%;z-index:99999;} .slider1 a.halfPosition:nth-child(2) {position:absolute;left:50%;z-index:99999;} .slider1 div img, .slider1 a img {float:left;display:block;width:100%;} .slider1 a.halfPosition img {width:64px;opacity:0;} .slider1.slick-slider {opacity:1;} .slick-dots { position: absolute; bottom: auto; display: block; width: 100%; padding: 0; list-style: none; text-align: center; top: 100%; } .slick-dots li { background:transparent;display: inline-block; float: none; margin: 22px 11px; padding: 0px; width: 12%; box-sizing: border-box; height: auto; position: relative; border-radius: 50px; overflow: hidden; } .slick-dots li.active:before {content'';display:block;float:left;margin:0;padding:0;position:absolute;bottom:0px;height:10px;left:0px;right:0px;z-index:10;background:#ffffff;} .slick-dots li span {display:block;float:left;margin:0px;padding:0px;width:100%;box-sizing:border-box;height:auto;} .slick-dots li span img {display:block;float:left;margin:0px;padding:0px;width:100%;box-sizing:border-box;height:auto;} .homepage h1, .homepage h2, .homepage h3 { padding: 0px 0px 18px; font-size: 32px; } .homepage h1.pt64, .homepage h2.pt64, .homepage h3.pt64 {padding-top:64px;} .dalsiNovinky {box-sizing:border-box;padding:0px 0px 32px 48px;} .dalsiNovinky.dalsiGalerie {box-sizing:border-box;padding:0px 0px 32px 0px;} .homepage .dalsiNovinky {padding: 0px 0px 32px 0px} .dalsiNovinky.hp {width:100%;margin:0} .dalsiNovinky.hp .dalsiNovinka {width:50%;width:calc(50% - 24px);margin:0px 12px 24px;} .dalsiNovinky > strong { font-weight: 900; font-size: 20px; margin-top: 39px; margin-top:72px;} .dalsiNovinka { position: relative; padding-bottom: 24px; transition: all 0.45s; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; -ms-transition: all 0.45s; margin-bottom: 50px; } .dalsiNovinky.dalsiGalerie .dalsiNovinka { position: relative; padding: 24px 12px 24px; margin-bottom: 50px; box-sizing:border-box;width:33.33%;} .dalsiNovinka *, .dalsiNovinka * *{transition: all 0.45s; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; -ms-transition: all 0.45s;} .dalsiNovinka a {position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;} .dalsiNovinka:hover {transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);position:relative;z-index:100; } .dalsiNovinka:hover img { box-shadow: 0px 0px 22px 5px #000000;} .dalsiNovinka strong { display: block; text-align: left; padding: 4px; box-sizing: border-box; background: transparent; color: #ffd800; margin-top: 8px; font-size: 16px; } .dalsiNovinka div.novinka-options {display: block; text-align: left; padding: 0px; box-sizing: border-box;color: #ffffff; } .dalsiNovinka div.novinka-options > div {display: block; text-align: left; padding: 4px 0px; box-sizing: border-box; color: #ffffff;width:100%;font-size:10px; } .dalsiNovinka div.novinka-options > div * {color:#ffffff;} .dalsiNovinka div.novinka-options > div.autor, .dalsiNovinka div.novinka-options > div.datum {font-weight:600;width:50%;box-sizing:border-box;display:block;float:left;} .dalsiNovinka div.novinka-options > div.datum {background: transparent url('../images/date_w.svg') no-repeat right 2px / 20px 20px;float:right;padding: 7px 30px 7px 7px;text-align:right;} .dalsiNovinka div.novinka-options > div.autor {background: transparent url('../images/autor_w.svg') no-repeat 7px 2px / 20px 20px;padding: 7px 7px 7px 30px;text-align:left;} .dalsiNovinka small { font-size: 11px; line-height: 150%; color: #cecece; display: block; padding: 7px 0px; } .bannerPhoto {width:100%;box-sizing:border-box;position:relative;overflow:hidden;margin:32px 0px;} .bannerPhoto, .bannerPhoto:before, bannerPhoto * {transition: all 0.45s; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; -ms-transition: all 0.45s;} .bannerPhoto:before {content:'';display:block;padding-top:25%;} .bannerPhoto:hover:before, .bannerPhoto.hovered:before {padding-top:33%;} .bannerPhoto img {position:absolute;top:0;bottom:0;left:0;right:0;z-index:100;margin:auto;width:100%;} /* .bannerPhoto:hover img, .bannerPhoto.hovered img {margin:auto auto auto;width:auto;max-height:100%;} */ .nahoru, body.white .nahoru { text-align: center; color: #ffffff; position: fixed; right: 0px; bottom: 12px; z-index: 999999999999999; width: 140px; box-sizing: border-box; padding: 7px; display: block; float: right; background: transparent; background: #191919; border-radius: 32px 0px 0px 32px; } .nahoru img { margin-left: 4px; width: 12px; height: 12px; margin-top: 0px; position: absolute; top: 9px; left: 16px; } .kontaktButtons {text-align:center;} .kontaktButtons > a, .kontaktButtons > div {display:block;float:left;box-sizing:border-box;color:#ffffff;padding: 40px;} .kontaktButtons > a > span, .kontaktButtons > div > span { display: block; float: left; box-sizing: border-box; color: #ffd800; width: 100%; padding: 24px 0px; font-size: 14px; } .kontaktButtons > a > small, .kontaktButtons > div > small { display: block; float: left; box-sizing: border-box; color: #ffffff; width: 100%; letter-spacing: 0px; font-size: 10px; line-height: 150%; } .kontaktButtons > a > img, .kontaktButtons > div > img {display:block;float:left;width:64px;height:64px;box-sizing:border-box;margin-left: calc(50% - 32px);} .socialA {display:block;float:left;box-sizing:border-box;padding:24px 0px;margin:0px;width:100%;text-align:center;} .socialA a {width:32px;height:32px;display:inline-block;margin:0px auto;} .socialA a img {width:28px;height:28px;display:inline-block;margin:2px;} /* kostka start */ .kostka-in.bgStin {box-shadow:0px 128px 158px 38px #00000030;transition: all 0.375s; -webkit-transition: all 0.375s; -moz-transition: all 0.375s; -o-transition: all 0.375s; -ms-transition: all 0.375s;} .kostka { -webkit-perspective: 5000px; -moz-perspective: 5000px; -o-perspective: 5000px; -ms-perspective: 5000px; perspective: 5000px; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); position:relative; margin: 0px auto;z-index: 9999; display: block;width:100%;height:100vh; float: left;} .kostka-in { position:relative; transition: all 0.45s; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; -ms-transition: all 0.45s; height: 100vh; width: 100vw; margin: 0px auto;} .kostka-in > div { position: absolute;overflow: hidden; height: 100vh; width: 100vw;overflow:hidden; transition: all 0.45s; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; -ms-transition: all 0.45s; margin:auto; z-index:3999;box-sizing:border-box;overflow: auto;} .kostka-in > div.urlControl-wrapper {width:100%;height:100vh;box-sizing:border-box;border:0;padding:0px 0px 0px;margin:0;transform: rotateY(0deg) translateZ(0);box-sizing:border-box;} .kostka-in > div.urlControl-wrapper.in {width:100%;height:100vh;box-sizing:border-box;border:0;padding:0;margin:0;transform: rotateY(90deg) translateZ(0);} .kostka-in > div.urlControl-wrapper.out {width:100%;height:100vh;box-sizing:border-box;border:0;padding:0;margin:0;transform: rotateY(-90deg) translateZ(0);} .kostka-in > div:before {display:block;float:left;content:'';position:fixed;height:0px;margin:0px;top:0px;bottom:0px;right:0px;left:0px;transition: all 0.45s; -webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; -ms-transition: all 0.45s; background:transparent;opacity:0;} .kostka-in > div.in {opacity:0; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s;z-index:2999;} .kostka-in > div.transformZ0 { transition: all 250ms; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; -ms-transition: all 250ms; } @media (max-width: 3500px) { .kostka { -webkit-perspective: 7000px; -moz-perspective: 7000px; -o-perspective: 7000px; -ms-perspective: 7000px; perspective: 7000px; } } @media (max-width: 2500px) { .kostka { -webkit-perspective: 6000px; -moz-perspective: 6000px; -o-perspective: 6000px; -ms-perspective: 6000px; perspective: 6000px; } } /* body.homepage ul.mainmenu {background:silver url('../images/bg1.jpg') no-repeat center top / 100vw 100vh; background-attachment:fixed;} */ body.white {background:silver url('../images/bg2.jpg') no-repeat center top / 100vw 100vh; background-attachment:fixed;} body.white { background: #bfe4f4 url(../images/bg2.jpg) no-repeat center bottom / cover; background-attachment: fixed; } body.white ul.mainmenu {background:#f6f3f2;} body.white .kostka-in > div.urlControl-wrapper {background: #cacbe4; background: #cacbe4e8; } body.white .submenu.ctverce li:hover { box-shadow: 0px 0px 18px 5px #aaaaaa; } body.white .submenu.ctverce li span { color: #000000;font-size:14px;} body.white ul.breadCrumbs li a { color: #000000;} * .loading-img, * > .loading-img, .loading-img, .loading-img * {opacity:0;transition: all 750ms; -webkit-transition: all 750ms; -moz-transition: all 750ms; -o-transition: all 750ms; -ms-transition: all 750ms;} /* kostka end */ .strankovani {border-top: 1px dashed #aaaaaa;} .strankovani > span {float:left;min-width:24px;line-height:24px;font-size:14px;vertical-align:middle;text-align:center;color:#ffffff;} .strankovani > a {display:inline-block;min-width:24px;line-height:24px;font-size:14px;vertical-align:middle;text-align:center;color:#ffffff;} .strankovani > a.active {font-weight:600;color:#000000;background:#ffffff;} .strankovani > a:hover {} @media (max-width: 1080px) { body.white { background: silver url(../images/bg2.jpg) no-repeat 56% top / cover; background-attachment: fixed; } ul.mainmenu {overflow:hidden;height:82;opacity:1;transition: all 750ms; -webkit-transition: all 750ms; -moz-transition: all 750ms; -o-transition: all 750ms; -ms-transition: all 750ms;} ul.mainmenu.open {height:100vh;opacity:1;float:left;display:block;margin:0px 0px 0px;padding:0px;list-style:none;vertical-align:middle;width:100%;text-align:center; background: #000000; background: #00000094;} ul.mainmenu li { box-sizing: border-box; display: block; margin: 0px; padding: 0px; width: 100%; float: left; vertical-align: middle; text-align: center; overflow:hidden;height:0;opacity:0;transition: all 750ms; -webkit-transition: all 750ms; -moz-transition: all 750ms; -o-transition: all 750ms; -ms-transition: all 750ms;} ul.mainmenu.open li {height:auto;opacity:1;} ul.mainmenu li.logo {height:auto;opacity:1;} ul.mainmenu li.logo a { width: 238px; height: 82px; float: left; display: block; margin-top: 1px; opacity:1;} ul.mainmenu li.logo a img { width: auto; height: 63px;float: left; display: block; margin-top: 8px; } ul.mainmenu li span { box-sizing: border-box; width: calc(100% - 40px); min-height: 32px; float: left; display: block; padding-top: 7px; } ul.mainmenu li.menuItem a { float: left; display: block; margin-top: 0px; padding-left: 56px;min-width: 100%; box-sizing: border-box;} ul.mainmenu li.menuItem a img { } ul.mainmenu > li ul.mainmenu-sub {float:left;display:none; } .showRespoMenu { display: block; width: 64px; height: 64px; transition: all 750ms; -webkit-transition: all 750ms; -moz-transition: all 750ms; -o-transition: all 750ms; -ms-transition: all 750ms; position: fixed; top: 21px; right: 24px; z-index: 9999999; border-radius: 32px; border: 1px dashed #000000; background: #ffca00;color:#000000; } .showRespoMenu img { width: 36px; height: 36px; margin: 0px auto; display: block; } .showRespoMenu span {width:48px;color:#ffffff;margin:0px auto;display:block;} .showRespoMenu.open {transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); background:#e30713;color:#ffffff;} .max-width { width: 100%; max-width: 1280px; padding-left: 5%; padding-right: 5%; margin: 72px auto; } .galerieSponzori a { width: calc(100% / 4 - 2px); margin: 1px; opacity:0.8;} .galerieSponzori a:hover { opacity:1;} .obsah > .c4, .obsah > .c8 {width:50%;} h1 { font-size: 33px; line-height: 36px; } h2 { font-size: 28px; line-height: 29px; } h3 { font-size: 24px; line-height: 25px; } } @media (max-width: 800px) { .max-width { width: 100%; max-width: 1280px; padding-left: 32px; padding-right: 32px; margin: 72px auto; } .kontaktButtons > a, .kontaktButtons > div { display: block; float: left; box-sizing: border-box; color: #ffffff; padding: 40px; width: 50%; } .m0 > .c3 {width:100%;} .homepage .dalsiNovinky { padding: 0px 48px 32px 48px; width: 100%; } .homepage .kontaktButtons {width:100%;} } @media (max-width: 680px) { .obsah > .c4, .obsah > .c8, .obsah > .c6 { width: 100%; padding:32px 0px;} ul.breadCrumbs li a { font-size: 10px; font-weight: 400; letter-spacing: 0.30px; line-height: 12px; } .max-width { width: 100%; max-width: 1280px; padding-left: 24px; padding-right: 24px; margin: 72px auto; } h1 { font-size: 26px; line-height: 100%; margin: 0px; padding: 48px 0px; box-sizing: border-box; } h2 { font-size: 22px; line-height: 100%; } h3,h4,h5 { font-size: 18px; line-height: 100%; } .dalsiNovinky.hp .dalsiNovinka { width: 50%; width: calc(100% - 24px); margin: 0px 12px 24px; } .submenu.ctverceNovinky li { margin: 0px 9px 64px; width: calc(100% - 18px);} } @media (max-width: 520px) { .galerieUniversal > a, .galerieUniversal > div.noLink { width: calc(50% - 4px); margin: 2px; } .max-width { width: 100%; max-width: 1280px; padding-left: 22px; padding-right: 22px; margin: 72px auto; } h1,h2,h3,h4,h5,h6 {font-size:20px;line-height:100%;} p { font-size: 12px; line-height: 170%; } .homepage .dalsiNovinky { padding: 0px; width: 100%; } .kontaktButtons > a, .kontaktButtons > div { display: block; float: left; box-sizing: border-box; color: #ffffff; padding: 20px 40px; width: 100%; } .submenu.ctverceNovinky li:nth-child(1) strong, .submenu.ctverceNovinky li > strong { font-weight: 600; font-size: 16px; text-align: center; } .submenu.ctverceNovinky li:nth-child(1) p small, .submenu.ctverceNovinky li:nth-child(1) p small { width: 100%; font-size: 11px; } .submenu.ctverceNovinky li, .submenu.ctverceNovinky li:nth-child(1) { width: calc(100% - 0px); margin:9px 0px; } .inputLabel {width:100%;padding:0px 0px 7px 0px;margin:0px;} .galerieSponzori a { width: calc(100% / 3 - 2px); margin: 1px; opacity: 0.8; } ::-webkit-scrollbar {width: 3px;background-color: transparent;background-color: #ffffff;cursor:pointer;z-index:9999990;} ::-webkit-scrollbar-thumb {background: #000000;border:0px;width:1px;z-index:9999999;} ::-webkit-scrollbar-track {background-color: transparent;border:1px solid #000000;padding:1px;z-index:9999995;} .kontaktButtons > a > span, .kontaktButtons > div > span { padding: 10px 0px; font-size: 16px; } .dalsiNovinka { width: calc(100% - 24px); margin: 0px 12px 32px; } .dalsiNovinky > strong.t-right {text-align:center;} h1, h2, h3, h4, h5, h6 { font-size: 26px; line-height: 112%; padding: 0px; margin: 0px 0px 26px; } h1 {margin:0px;} } @media (max-width: 380px) { ul.breadCrumbs li a {} ul.breadCrumbs li:nth-last-child(1) a { display: none; } ul.breadCrumbs li:nth-last-child(2) , ul.breadCrumbs li:nth-last-child(2) a {background:transparent;padding:0;margin:0;} .max-width { width: 100%; max-width: 1280px; padding-left:12px; padding-right: 12px; margin: 72px auto; } .slider1 {display:none;} } .obsah a.dwn {background:#ffca00;color:#000000;font-size:18px;font-weight:bold;display:inline-block;margin: 12px 12px 12px 0px;text-decoration:none;padding:12px;}