html,body{margin:0;padding:0}
body{text-align:center; font-size:14px; font-family: 'Sanchez', serif; color:#000; background: #0d5f6b;}
img{border:0}
form{margin:0;}
p{margin:10px 0 10px 0;padding:0;}

a{color: rgb(174, 238, 255);}
a:hover{color: rgb(124, 228, 255);}


h2 {font-size: 24px; font-weight: 100; margin: 30px auto 6px;}

hr {background: url("/images/design/dotts.svg") repeat-x; background-position: center center;padding: 0px;border: none;margin: 4px 0px 12px;height: 6px;}

.header-duch {width: 100%; height: 110px; }
.header {background: white; width: 100%; height: 80px; position: fixed; top: 0px; left:0px; right: 0px; z-index: 111;}
.logo {padding: 10px;width: 270px; height: 60px; background: url(/images/design/pcla_logo.png); background-repeat: no-repeat; background-position: center center; display: inline-block; background-size: auto 85%;}
.logo:hover {opacity: 0.8;}


/* MENU */
.mobil-menu {display: none;}




.menu {position: fixed; top: 80px;width: 100%;height: 40px;background: #03343b; z-index: 111;}
.menu-in {width: 1300px; margin: auto; display: table; height: 100%;}
.menu-in-item {display: table-cell; height: 100%; width: 13%; position: relative;}
.menu-in-item:hover {background: RGBA(256,256,256,0.1);}
.menu-in-item a, .m-big-nazov {letter-spacing: -0.3px; border-bottom: none;color: white; text-transform: uppercase;text-decoration: none; display: block;padding: 9px 0; font-size: 15px;}
.menu-in-item a:hover {background: none; border-bottom: none;}

/* SUBMENU */
.menu-in-item-sub {opacity:0; top: 40px; position: absolute; margin: auto; left: -10%; right: -10%; z-index: 99; background: #23707b; transform-origin: top; transform: scale(0); -webkit-transform: scale(0); transition: all 0.5s cubic-bezier(.86,0,.07,1); -webkit-transition: all 0.5s cubic-bezier(.86,0,.07,1); box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.25);}
.menu-in-item-sub a, .m-big-nazov  {color: white;display: block; font-weight: 100;font-size: 13px; padding: 6px 8px; margin: 12px 20px; text-align: left;  border-bottom: 1px solid rgba(255, 255, 255, 0.2)}
.menu-in-item:hover > .menu-in-item-sub  {transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.menu-in-item-sub a:hover {background: rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.m-big {left: -30%; right: -30%; padding-bottom: 10px;}
.m-big-nazov {pointer-events: none; font-size: 11px; margin: 8px 20px 4px 20px; letter-spacing: 1px; opacity: 0.8;}
.m-big-produkt {margin-left: 15%; text-align: left;}
.m-big-produkt a {padding: 4px 0px 4px 10px; border-bottom: none; margin: 0px 20px 0px 0px; letter-spacing: 1px;}
.m-big-produkt a:hover { border-bottom: none;}



.promo {display: none; position: fixed; top: 0px; width: 100%; height: 100vh; background: url("/images/design/bg-uvod.jpg") no-repeat; background-position: center top; background-size: 1920px auto; overflow: hidden;}
.placka {z-index: 101; top: 170px; width: 250px; height: 280px; margin: auto; background: url("/images/design/placka.png") no-repeat; background-position: center top; background-size: 100% auto;position: absolute;left: 0px;right: 0px; pointer-events: none;}






/*   TIME LINE   */
.time {height: 56%; width: 800px; top: 430px; position: absolute; left: 0px; right: 0px; margin: auto;}
.time-inner {position: relative; width: 100%; height: 100%;  overflow-y: scroll;}
.linka {width: 100%; background: url("/images/design/linka.svg") repeat-y; background-size: 20px 25px; background-position: center top;}
.time:after {content:""; position: absolute;height: 40px;width: 100%;margin: auto;left: 0px;right: 0px;background: url("/images/mask.png") no-repeat; background-position: center top;z-index: 10; top: 0px;}


.bod {margin: 10px auto; height: 180px; width: 100%;position: relative; text-shadow: 2px 2px 1px black; cursor: pointer; }
.bod:after {content: "";width: 100%;height: 100%;display: block;z-index: 99;position: absolute;}

.bod-bodka {top: 44%; height: 35px; width: 35px; background: #c49a6c; border-radius: 50%; position: absolute; margin: auto; left: 0px; right: 0px;z-index:99;} 
.bod-rok {margin: auto; left: 0px; z-index:9; margin-top: 77px; right: 160px; height: 40px; position: absolute; color: #c49a6c;font-size: 28px;font-weight: 900; width: 90px;text-align: center;}
.bod-text {display: table;height: 200px; position: absolute; color: white; font-size: 14px;margin: auto; width: 350px; text-align: justify; top: 0px; right: 0px;}
.bod-text span { display: table-cell; vertical-align: middle; line-height: normal;}

.lavy > .bod-text {right: inherit; left:0px;}
.lavy > .bod-rok {left: 160px; right: 0px;}


/*  BIG  BOX  */
.big-box {width:50%; height:100vh; position: fixed; top: 0px; z-index: 19; display: none; }
.left {left:0px;}
.right {right:0px;}

.big-box-in {margin: auto; width: 100%; height: 100%; background: #c49a6c; box-shadow: 0px 0px 0px 2px rgba(196,154,108,1); display: none;}

.big-box-in-rok {color: #c49a6c; position: absolute;width: 400px;bottom: -200px;font-size: 160px;text-align: left;right: 0px;left: 0px;margin: auto;opacity:0; z-index:99;}
.big-box-in-img {width:100%; height: 100%; position: relative; overflow: hidden;}
.big-box-in-img img {width: auto; height: auto; min-width: 100%; min-height: 100%; }


/* VIDEJKO  */
.videjko {width: 70%; height: auto; position: absolute; top: 170px; left: 0px; right: 0px; margin: auto; z-index: 9999; box-shadow: 0px 0px 50px -2px black; border: 1px solid #03343b;}
.videjkoo {width: 100%; height: auto; position: relative; margin: auto box-shadow: 0px 0px 50px -2px black; border: 1px solid #03343b;}

.video-youtube {width: 70%; height: auto; position: absolute; top: 170px; left: 0px; right: 0px; margin: auto; z-index: 9999; }
.video-youtube iframe {box-shadow: 0px 0px 50px -2px black; border: 1px solid #03343b;}




/*  GLOBAL  */
.transition {transition: all 0.3s; -webkit-transition: all 0.3s;}
.hidden {overflow: hidden;}
.shadow {box-shadow: 0px 2px 15px -5px black;}

.pdf a {display: block; font-size: 15px; color: white; padding: 4px 0px; text-decoration: none;}
.pdf a:before {content:"\f1c1"; font-family: FontAwesome; font-size: 14px; color: red; padding: 0px 14px; text-shadow: 0px 0px 0px #fff, 1px 1px 0px #fff, 0px -1px 0px red;}
.pdf a:hover {text-decoration: underline;}

.sitemap {line-height: 28px; letter-spacing: 1px;}
.sitemap a {text-decoration: none;}


.aktivne {z-index: 100;}

.aktivne > .bod-bodka { transform: scale(1.5); -webkit-transform: scale(1.5); background: #0d5f6b;}
.aktivne > .bod-rok {opacity:0;}

.rok-poj {bottom:0px; opacity:1;}

.ll > .bod-rok {right: -35%;}
.pp > .bod-rok {left: -35%;}





/*   OBSAH  */
.obsah {width: 100%; min-height: 100%; position: relative; display: inline-block;}
.obsah-in-right {width: 50%; min-height: 100%; background: #0d5f6b; float: right; position: relative; text-align: left; letter-spacing: 0.2px; z-index:9;}
.obsah-in-left {width: 50%; height: 100vh; margin-top: -110px; background: #9d7c51; position: fixed; z-index: 1; }
.obsah-in-right:before {content:"";width: 50%; height: 50px; position: fixed; right: 0px; top: 110px; background: linear-gradient(to bottom, rgb(13, 95, 107) 0%,rgba(13, 95, 107, 0) 100%); z-index: 9;}

.eko {background: #529F6C;}
.eko .obsah-in-left-image {margin-top:110px; height: 90%;}
.eko .obsah-in-left-image img {opacity: 0.8; height: 100%; width: auto; min-width: inherit;}
.eko .obsah-in-left-image:before { height: 350px;background: #529F6C;background: linear-gradient(to bottom, rgba(82, 159, 108,0) 0%,rgba(82, 159, 108, 0.8) 100%);}
.eko .obsah-in-left-vrecia {top: 52%; height: 400px;}

.firma {background: #397c98;}
.firma .obsah-in-left-image {margin-top:110px; height: 90%;}
.firma .obsah-in-left-image img {opacity:0.8; height: auto; width: auto; min-width: 100%;}
.firma .obsah-in-left-image:before { height: 350px; background: linear-gradient(to bottom, rgba(57, 124, 152, 0) 0%,rgba(57, 124, 152, 0.8) 100%); }





.obsah-in-right-in {width: 600px; margin-left: 80px; text-align: justify; color: white;padding: 0px;margin-top: 30px;display: inline-block;}
.obsah-in-right-in-nadpis h2 {font-size: 30px; font-weight: 100; margin: 30px auto 6px;}


.obsah-in-left-image {width: 100%; height: 68%; overflow: hidden; position: relative;}
.obsah-in-left-image:before {content:"";width: 100%; height: 150px; position: absolute; left: 0px; right: 0px; bottom: 0px; background: linear-gradient(to bottom, rgba(157,124,81,0) 0%,rgba(157,124,81,1) 100%); z-index: 9;}
.obsah-in-left-image img {width: auto; min-width: 100%; height: auto; opacity: 0.3; margin: 0px -100%;}

.obsah-in-left-vrecia {top: 42%; z-index: 9;width: 100%; height: 300px; overflow: hidden; position: absolute; margin:auto;}
.obsah-in-left-vrecia img {width: auto; height: 100%;}


.obsah-in-left-kvalita {position: absolute; bottom: 10px; width: 610px; margin: auto; left: 0px; right: 0px; color: white; display: inline-block;}
.obsah-in-left-kvalita-pdf {float: left; width: 33%; height: 50px; text-align: center; margin-top: 10px;}
.obsah-in-left-kvalita-pdf i {color: red; padding: 0px 14px; text-shadow: 1px 1px 2px #fff;}
.obsah-in-left-kvalita-pdf a {color: white; font-size: 13px;}

.obsah-in-left-kvalita-in {text-align: left; font-size: 13px; line-height: 14px;}




/*   PRODUKT   */
.produkt-nahodne-img {display: inline-block; transform: translateX(-230px); -webkit-transform: translateX(-230px); z-index: 9;}
.produkt-nahodne-img-in {width: 50%;height: 300px;float: left;background: url("/images/design/kruh.svg") no-repeat; background-size: 90% 90%; background-position: center center; border-radius: 50%; position: relative;}
.produkt-nahodne-img-in-img {height: 84%;width: 84%;overflow: hidden;border-radius: 50%;margin: 30px auto 0px;}
.produkt-nahodne-img-in-img img {margin: 0px -33%; height: 100%; width: auto;}


.produkt-tabulka {margin-top: 40px;}
.produkt-tabulka table {width: 100%; font-size: 13px; line-height: 25px; position: relative; padding-bottom: 10px;}
.produkt-tabulka table:before {content:""; background: url("/images/design/dotts.svg") repeat-x;background-position: center center;padding: 0px;border: none;margin: 0px;height: 6px;position: absolute;left: 0px;right: 0px;top: 0px;}
.produkt-tabulka table:after {content:""; background: url("/images/design/dotts.svg") repeat-x;background-position: center center;padding: 0px;border: none;margin: 0px;height: 6px;position: absolute;left: 0px;right: 0px;bottom: 0px;}

.produkt-tabulka table tr {position: relative;}
.produkt-tabulka table th {padding: 12px 0px; color: #c49a6c; font-weight: 100; font-size: 14px;}
.produkt-tabulka table tr:first-child:after {content:""; background: url("/images/design/dotts.svg") repeat-x;background-position: center center;padding: 0px;border: none;margin: 0px;height: 6px;position: absolute;left: 0px;right: 0px;bottom: 0px;}


.produkt-dokumenty {display: block; padding: 22px 0px 10px; font-size: 16px;}
.produkt-dokumenty a {display: inline-block; height: 30px; width: 30px;  background: url("/images/design/vlajky.jpg") repeat-x; background-size: 390px auto; border-radius: 50%; margin-bottom: -10px; margin-left: 15px;  filter: grayscale(60%); -webkit-filter: grayscale(60%); box-shadow: 2px 2px 0px #062f35;}
.dokument-sk {background-position: 137px -60px !important;}
.dokument-de {background-position: 332px -4px !important;}
.dokument-hu {background-position: 137px -114px !important;}
.dokument-pl {background-position: 235px -223px !important;}
.dokument-cz {background-position: 85px -223px !important;}
.dokument-en {background-position: 137px -223px !important;}
.produkt-dokumenty a:hover {filter: grayscale(0%); -webkit-filter: grayscale(0%);}




/*  LIGHT BOX  */
.lightbox-images {display: inline-block;}
.lightbox-image { width: 18%; float: left; overflow: hidden; margin: 1%; text-align: center; box-shadow: 0px 0px 12px -5px white;}
.lightbox-image img { width: 90%; margin: 5%; height: 90%;}
.lightbox-image img:hover { opacity: 0.8;}



/*   LOADER  */
#nahravam {background: linear-gradient(to top, rgb(13, 95, 107) 50%,rgba(13, 95, 107, 0) 100%);position: fixed;height: 100vh;width: 100vw;top: 0px;z-index: 101;transition: all 0.5s; -webkit-transition: all 0.5s;background-position: 0px -1000px;background-size: 2000px 2000px;background-repeat: no-repeat;}
.nahrate {background-position: 0px 1000px !important;}
.logicko {background: url("/images/design/logicko.png") no-repeat;position: absolute;height: 300px;width: 300px;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;background-position: center center;background-size: 50%;opacity: 0.3; animation-name: logicko; animation-duration: 2s; animation-iteration-count: infinite;-webkit-animation-name: logicko; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite;}
.logicko-in {height:100%; width: 100%; background: radial-gradient(ellipse at center, rgba(0,92,104,0) 0%,rgba(13,95,107,1) 80%); background-position: center center; background-size: 100% 100%; animation-name: logickoo; animation-duration: 2s; animation-iteration-count: infinite;-webkit-animation-name: logickoo; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite;}

@keyframes logicko {
    0%   {opacity: 0.01;}
    25%  {opacity: 0.1;}
    50%  {opacity: 0.01;}
    75%  {opacity: 0.1;}
    100% {opacity: 0.01;}
}

@-webkitkeyframes logicko {
    0%   {opacity: 0.01;}
    25%  {opacity: 0.1;}
    50%  {opacity: 0.01;}
    75%  {opacity: 0.1;}
    100% {opacity: 0.01;}
}

@keyframes logickoo {
    0%   {background-size: 50% 50%;}
    25%  {background-size: 100% 100%;}
    50%  {background-size: 50% 50%;}
    75%  {background-size: 100% 100%;}
    100% {background-size: 50% 50%;}
}

@-webkit-keyframes logickoo {
    0%   {background-size: 50% 50%;}
    25%  {background-size: 100% 100%;}
    50%  {background-size: 50% 50%;}
    75%  {background-size: 100% 100%;}
    100% {background-size: 50% 50%;}
}



/* SEARCH  */ 

#search {width: 50px; position: absolute; right: 14px; top: 13px; overflow: hidden; margin: auto; height: 42px; background: white; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0); }
#search:hover, #search:active {box-shadow: -5px 0px 15px -8px #454545; width: 300px;}
#search form {width: 300px; float: right;}

#frmSeBigSubmit {vertical-align: bottom; opacity: 0.4; height: 42px; width: 52px;}
#frmSeBigTxt {color: #393939; float: left;padding-left: 5px;padding-top: 2px;border: 0;width: 240px;height: 38px;font-size: 15px;line-height: 18px;background: transparent;}


.vysledky-obsah {line-height: 29px;}
.vysledky {color: rgba(255, 255, 255, 0.4);}
.vysledky-txt { margin-left: 10px;color: #393939; padding-left: 5px;border: 0;width: 240px;height: 38px;font-size: 15px;line-height: 18px; background: rgba(255, 255, 255, 0.74);}
.vysledky-btn {background: rgb(3, 52, 59) none repeat scroll 0% 0%;border: medium none;color: white;height: 42px;padding: 0px 20px;text-transform: uppercase;}
.vysledky-btn:hover {background: rgb(5, 61, 69); cursor: pointer;}





/*  DOWNLOADS  */
.downloads {width: 100%;}



/* LANGUAGE 2022 */
#language {position: absolute; top:10px; left:20px; }
#language a {display:block; color: black; font-size:0.8em; text-decoration:none; padding:4px 8px}
#language .active {background:#c0c0c0; }
#language a:hover {color: white; background:#0d5f6b; transition: background 1s;}






/*   FOOTER  */
#footer{width:50%; float: right; text-align:center; background: #0d5f6b;  padding-top: 50px;}



.footer-logo {width: 100%;margin: auto; overflow: hidden; position: relative; padding-top: 30px;}

.footer-logo-shadow { width: 80%;height: 30px;border-radius: 50%;position: absolute;left: 0px;right: 0px;margin: auto;box-shadow: 0px 0px 19px -4px rgba(255, 255, 255, 0.3);top: -30px;}

.footer-logo-in {width: 80%;margin: 30px auto; display: inline-block;}
.footer-logo a { opacity: 0.8; height: 120px; width: 33%; display: inline-block; float: left; background-position: center top; white-space: nowrap; text-indent: 300px; overflow: hidden;}
.footer-logo a:hover {opacity: 1;}

.f-beton {background: url("/images/design/ladce_beton_v2.png") no-repeat; background-position: center -12% !important;}
.f-cementar {background: url("/images/design/cementar.png") no-repeat;}
.f-club {background: url("/images/design/cementar_club.png") no-repeat;}

.footer-text {padding: 10px 0px; font-size: 12px;color: white;opacity: 0.75;}
.footer-text a {text-decoration: none;}





/*  VIDEO  */
#video-container {position: relative;}
#video {width: 100%; height: auto; }

#video-controls {opacity: 0;position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-o-transition: opacity .5s;-ms-transition: opacity .5s;transition: opacity .5s;
  background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.82) 30%, rgba(255, 255, 255, 0.4) 100%);
  background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.82) 30%, rgba(255, 255, 255, 0.4) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.82) 30%, rgba(255, 255, 255, 0.4) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.82) 30%, rgba(255, 255, 255, 0.4) 100%);
  background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.82) 30%, rgba(255, 255, 255, 0.4) 100%);
}

#video-container:hover #video-controls {opacity: 0.9;}

button {background: rgba(0, 0, 0, 0);border: 0;color: #0d5f6b;}
button:hover {cursor: pointer;}

#playy {color: #03343b; font-size: 60px; position: absolute; left:0px; right: 0px; top: 30%; margin: auto; cursor: pointer;width: 60px;height: 60px;border: 2px solid #03343b;border-radius: 50%;padding: 30px;text-align: right; z-index: 9;}
#playy:hover {opacity:0.8;}

.play i, #full-screen i {font-size: 30px; outline: 0 none !important;}
.play:focus {outline:0;}

#full-screen:focus {outline:0;}

#seek-bar {background: transparent;width: 380px; height: 18px;}
#volume-bar {background: transparent;width: 60px; height: 18px;}


input[type=range] { outline: 0 none !important;-webkit-appearance: none;border: 1px solid rgba(255, 255, 255, 0);}
input[type=range]:hover {cursor: pointer;}
input[type=range]::-webkit-slider-runnable-track { outline: 0 none !important;height: 5px;background: #ddd;border: none;border-radius: 3px;}
input[type=range]::-webkit-slider-thumb { outline: 0 none !important; -webkit-appearance: none;border: none;height: 16px;width: 16px;border-radius: 50%;background: #03343b;margin-top: -4px;}
input[type=range]:focus { outline: 0 none !important;outline: none;}
input[type=range]:focus::-webkit-slider-runnable-track { outline: 0 none !important;background: #ccc;}
input[type=range]::-moz-range-track { outline: 0 none !important;height: 5px;background: #ddd;border: none;border-radius: 3px;}
input[type=range]::-moz-range-thumb { outline: 0 none !important;border: none;height: 16px;width: 16px;border-radius: 50%;background: #0d5f6b;}
input[type=range]:-moz-focusring{ outline: 0 none !important;outline: 1px solid rgba(255, 255, 255, 0);outline-offset: -1px;}
input[type=range]::-ms-track { outline: 0 none !important;height: 5px;background: transparent;border-color: transparent;border-width: 6px 0;color: transparent;}
input[type=range]::-ms-fill-lower { outline: 0 none !important;background: #777;border-radius: 10px;}
input[type=range]::-ms-fill-upper { outline: 0 none !important;background: #ddd;border-radius: 10px;}
input[type=range]::-ms-thumb { outline: 0 none !important;border: none;height: 16px;width: 16px;border-radius: 50%;background: #0d5f6b;}
input[type=range]:focus::-ms-fill-lower { outline: 0 none !important;background: #888;}
input[type=range]:focus::-ms-fill-upper { outline: 0 none !important;background: #ccc;}








@media screen and (max-width: 1400px) {
html, body {width: 100vw;overflow-x: hidden;}

.obsah-in-right {width: 660px;}
.obsah-in-right:before {width: 660px;}
.obsah-in-right-in {margin-left: 40px;}

.produkt-nahodne-img {transform: translateX(-155px);-webkit-transform: translateX(-155px);}
.produkt-nahodne-img-in {width: 200px; height: 200px;}
.produkt-nahodne-img-in-img {height: 80%;width: 80%;margin: 25px auto 0px;}


.obsah-in-left {}
.obsah-in-left-vrecia {width: 36vw; height: 20vw; left: 3vw;}
.obsah-in-left-kvalita {left: 3vw;width: 500px; right: inherit;}
.obsah-in-left-kvalita span {display: block; text-align: left;}
.obsah-in-left-kvalita-pdf a {font-size: 11px;}

.m-big {left: -25%;right: -25%;padding-bottom: 5px;}
.m-big-nazov {font-size: 8px;}
.menu-in-item-sub {font-size: 11px;}
.m-big-produkt a {padding: 3px 0px 3px 10px;}




.big-box-in-rok {font-size: 100px;text-align: center;}






#footer {width: 660px; position: absolute; right: 0; z-index: 9;}


}

@media screen and (max-width: 1100px) , screen and (max-height: 800px) {

.obsah-in-left-vrecia {top: 30%;}
.menu-in-item-sub a {font-size: 10px; padding: 2px 0px 2px 10px;}
.m-big-nazov {margin: 6px 20px 2px 20px;}


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


/* UVD */
.promo {background-size: auto 100%;}
.placka {width: 90px; height: 100px; top: 60px;}

.linka {background-size: 100% 10px;}
.time:after {display: none;}
.time {top: inherit; top: 19%; height: 81%; width: 95%;}

.bod { height: auto;}
.bod-bodka {position: relative; top: 0px; height: 25px; width: 25px;}
.bod-rok {position: relative; top: 0px; margin-top: 10px;}
.lavy > .bod-rok {left: 0;}

.bod-text {position: relative; height: auto; width: 90%; font-size: 13px;}





#search {width: 90%; left: 0px; right: 0px; display: none;}

.header-duch {height: 55px;}
.header { height: 55px; }
.logo {height: 50px; width: 140px; position: absolute; left: -40px; top: -7px; transform: scale(0.7); -webkit-transform: scale(0.7); background-size: auto 90% !important;}


.mobil-menu {font-size: 24px; padding: 15px;position: fixed; top: 0px; right: 0px; z-index: 999; color: #4d679c; display: block; cursor: pointer;}

.menu {top: 55px; height: 93vh; overflow-y: scroll;}
.menu {transform-origin: top;transform: scale(0);-webkit-transform: scale(0);transition: all 0.5s cubic-bezier(.86,0,.07,1);-webkit-transition: all 0.5s cubic-bezier(.86,0,.07,1);}
.menu-in {width: 100%; margin-bottom: 100px; margin-top: 30px;}
.menu-in-item { display: block; width: 90%; height: auto; margin: auto; text-align: left;}

.idess {transform: scale(1); -webkit-transform: scale(1);}

.menu-in-item-sub a, .m-big-nazov {opacity: 0.8;}
.menu-in-item-sub { margin-bottom: 12px; width: 100%; background: #093a42; display: inline-block; opacity: 1; position: relative; left: 0px; right: 0px; top: 0px; transform: scale(1); -webkit-transform: scale(1); box-shadow: none;}
.menu-in-item-sub a {padding: 4px 8px; margin: 12px 10px;}
.menu-in-item-sub a:last-child {border: none;}
.m-big-nazov {margin: 8px 10px 4px 10px;}
.m-big-produkt {margin-left: 7%;}
.menu-in-item:hover {background: RGBA(256,256,256,0);}


.obsah img {width: 100%; height: auto;}
.obsah {font-size: 13px;}
.obsah-in-right:before {width: 100vw; top: 55px;}
.obsah-in-right { width: 100vw; text-align: center; padding-bottom: 20px;}
.obsah-in-right-in {margin-left: 0px; width: 95%; margin: auto;}
.obsah-in-right-in-nadpis h2 {font-size: 23px;}
h2 {font-size: 18px;}



.obsah-in-left {width: 100vw; height: auto; position: relative; margin-top: 0px; display: inline-block;}
.obsah-in-left-image img {width: 200vw; min-width: inherit;}
.obsah-in-left-image:before {z-index: 1;}
.obsah-in-left-vrecia {top: 15vw; left: 0px; right: 0px; width: 100%; height: 38vw;}
.obsah-in-left-vrecia img {width: auto;height: 100%;}
.obsah-in-left-kvalita {left: 0; right: 0px; width: 95%; z-index: 10;}


.obsah-in-left {margin-top: 0px;}
.obsah-in-left-image {width: 100vw; margin-top: 0px !important; height: auto;}
.obsah-in-left-image img {width: 160vw !important;}



.produkt-nahodne-img {width: 100%; margin: -20px auto; -webkit-transform: translateX(0px)  scale(0.7); transform: translateX(0px)  scale(0.7);}
.produkt-nahodne-img-in:first-child {float: right;}
.produkt-nahodne-img-in {width: 160px;height: 160px;}
.produkt-nahodne-img-in-img {margin: 19px auto 0px;}
.produkt-nahodne-img-in-img img {height: 100%; width: auto;}
.produkt-tabulka {text-align: left; margin-top: 20px;}
.produkt-tabulka table {font-size: 11px;}
.produkt-tabulka table th {font-size: 12px; text-align: center;}
.produkt-dokumenty {font-size: 12px;}




.lightbox-image {box-shadow: 0px 0px 5px -5px white;}

.pdf a {font-size: 12px;}



#footer {width: 100vw; padding-top: 25px;}
.footer-logo {padding-top: 0px;}
.footer-logo-in {width: 100%;}
.footer-logo a {transform: scale(0.6); -webkit-transform: scale(0.6);}
.footer-text {font-size: 10px;}
	



	
#lightboxImage{ width: 100% !important; height: auto !important;}
#outerImageContainer{ width: 100% !important; height: auto !important; min-height: 100px;}
#imageContainer {padding: 4px !important;}
#imageDataContainer{ width: 100% !important; }
#bottomNavClose{padding-bottom: 0px; margin-top: -34px;}
#imageData, #imageDetails {width: 100% !important; float: left !important; text-align: center!important;}
#hoverNav{ display: none !important;}

}