a:link, a:visited {text-decoration: none; color: #ffc600;}
a:hover {text-decoration: underline;}
body, div {margin: 0;  color: #fff;}
html {  width: 100%;
  box-sizing: border-box;}

  

.TDblockSite {position: absolute; left: 50%; margin-left: -217px; width: 435px; margin-top: 150px;}
/* WHITEFIELD LOADING */
.td_whitefield {width: 100%; height: 100%; display: block; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 100000;}
.td_loading {position: absolute; top: 50%; left: 50%; z-index: 100000; transform: translate(-50%,-50%);}


/* MENU **********************************************************/
.hideNow {display: none;}

.arrL, .arrR {width: 25px; position: absolute; top: 50%; opacity: 0.4; transform: translate(0, -50%); cursor: pointer; z-index: 500000;}
.arrL:hover, .arrR:hover {opacity: 1;}

.line {margin-left: 50%; transform: translate(-50%, 0); float: left; width: 100px; background-color: #ffc600; height: 3px;}
.headerLine1 .line {display: none;}

.tablet_mobile {display: none;}
.arrL {left: 15px;}
.arrR {right: 15px;}
div.cheaper {float: left; width: 100%; color: white; text-align: center;  font-size: 12pt;}
div.toggleThreebox {display: none;}
div.toggleButton {padding: 7px 10px; width: 100%; float: left; text-align: center; background-color: #eee; }
div#map {margin-bottom: -35px;}
table.openingHours {padding: 0px 10px;  float: left; color: #ffffff;}
table.openingHours td {padding: 0px 10px;}
div.ThreeBoxCollect {float: left; width: 100%; margin: 0 ; padding: 0;  z-index: 50;position: relative;}
div.ThreeBoxCollect2 {margin-top: 45px;}
a.ThreeBox, div.ThreeBox {float: left; width: 33.33%; margin: 0; min-height: 290px; transition: 0.2s; padding: 0; position: relative; overflow: hidden; background-color: #eee; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0,0,0);}
a.ThreeBox2  {width: 33.33%;}
div.ThreeBox {  display: flex; align-items: center; justify-content: center;}
div.ThreeBox:nth-of-type(1) {background-color: #555}
div.ThreeBox:nth-of-type(2) {background-color: #333;}
div.ThreeBox:nth-of-type(3) {background-color: #111;}
img.clock {width: 15%; float: left; margin-right: 25px;}
a.ThreeBox img.bgImg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.02); width: 100%; transition: 0.2s; opacity: 0.6;}

a.ThreeBox:hover  img.bgImg {transform: translate(-50%, -50%) scale(1.2); opacity: 1;}
div.ThreeBox2 {min-height: 160px; padding-bottom: 70px;}
div.ThreeBoxHeader {position: absolute; width: 100%; bottom: 0; left: 0; font-size: 12pt; line-height: 1.5;  z-index: 50; padding: 20px; transition: 0.2s; text-align: center;}

a.ThreeBox:nth-child(even) div.ThreeBoxHeader {background: rgba(255,255,255,0.85);  color: #000;  }
div.ThreeBoxHeader div {font-size: 24px;}

a.ThreeBox:nth-child(odd)  div.ThreeBoxHeader {background: rgba(0,0,0,0.65);  color: #fff; }
div.ThreeBoxHeaderDesc {float: left; width: 100%; font-size: 12pt; line-height: 1.5; color: #000;}
div.ThreeBoxCol {float: left; width: 100%; margin-top: 10px;}
div.ThreeBoxCol img {float: left; width: auto; margin-right: 15px;}
a.ThreeBox a:link, a.ThreeBox .more { background-color: #555; font-size: 14pt; color: #fff; padding: 5px 10px; position: absolute; right: 15px; bottom: 15px; transition: 0.2s; cursor: pointer;}
a.ThreeBox:hover a:link, a.ThreeBox:hover .more { background-color: #fff; color: #000; text-decoration: none;}
a.ThreeBox .more {bottom: 20px; text-decoration: none;}
a.ThreeBox div.ThreeBoxHeader,a.ThreeBox div.ThreeBoxHeader2 {text-decoration: none;}
div.toggleButton:hover {cursor: pointer; background-color: #888888; color: #fff;}


body { 
    width: 100%;
    float: left;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background: #ffffff;
}

div.topText {position: absolute; top: 90px; left: 210px; width: 80%;}
div.topText span {float: left; width: 100%; line-height: 35px;}
div.topText span:nth-of-type(1) {font-size: 36pt; color: #000000;}
div.topText span:nth-of-type(2) {font-size: 24pt; color: #888888;}


a.instapicDiv {float: left; width: 100%; max-width: 800px; position: relative; overflow: hidden;}
a.instapicDiv span.inner {float: left; width: 100%;}
a.instapicDiv img {float: left; width: 30%;}


table.td_pricelist tr.td_pricelist_header td {background-color: #eee;}
table.td_pricelist tr.td_pricelist_header2 td {background-color: #eee;}
table.td_pricelist tr.td_pricelist_header2 td span {font-size: 14pt; color: #000;  }
table.td_pricelist tr.td_pricelist_item td {background-color: #fff;}
table.td_pricelist tr td {padding: 5px 10px;}
table.td_pricelist tr td:nth-of-type(3) {text-align: right; font-weight: bold;}
table.td_pricelist tr:nth-child(even) {background: #fff;}
table.td_pricelist tr:nth-child(odd) {background: #eee}

img.erb {position: absolute; top: 15px; right: 15px; height: 115px;;}
.meziVeta {text-align: left; background: #eee; float: left; width: 100%; padding: 25px 0;}
img.smallIcon {float: left; width: 84px; margin-right: 30px; margin-top: 20px;}
div.centerAll {text-align: center; float: left; width: 100%;}
.centerAll img {width: calc(100% - 400px); margin: 25px 200px;; float: left;}
.centerAll img.smallIcon {width: 84px; margin: auto; float: none; margin-bottom: 15px;}
.cz { margin-top: 15px; float: right;}

input[type='submit'].hide {display: none;};
.desktop {display: block; float: left; width: 100%; position: relative;}
.mobile { float: left; width: 100%;  position: relative; display: none;}
.cross {position: absolute; right: 20px; top: 20px; width: 60px;}

header {float: left; width: 100%; padding: 25px 0;}
header a:link, header a:visited {float: left; width: 14.28%; padding: 0 25px;}
header a:link img, header a:visited img { transform: scale(0.7);}
header a:hover img {opacity: 0.8;}
header a:link, header a:visited {float: left; width: 14.28%;}
header span {float: left; width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; text-align: center; font-size: 12pt; color: #666666;}
/* NEWSPART */

.menubar {float: left; width: 100%; position: fixed; z-index: 500; top: 0; background-color: rgba(0,0,0,0.7);}
div.marginTop {float: left; width: 100%; height: 110px; }


.fullWidth {float: left; width: 100%; }
.padding25 {padding: 25px;}
.flags {margin-top: 10px; margin-left: 10px; width: auto; float: left;}
.flags img {width: 25px; height: 25px; margin-right: 3px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.flags img:hover, .flags img.activeFlag {opacity: 1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}
.centered {float: left; display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}
.centeredReal {transform: translate(-50%, 0); MARGIN-LEFT: 50%; max-width: 1180px; float: left; display: block; width: 100%; padding: 0 15px; box-sizing: border-box;}
.centered {}

.percent25 {float: left; width: 130px;; z-index: 5000; position: relative;}
div.rightSocial {float: left; margin-top: 35px; margin-left: 20px; z-index: 502; position: relative;}
.percent33 {float: left; width: 33.3333333%;}
.percentAbs100 {position: relative; width: 100%;}

.infoLine {	
	width: 100%;
	z-index: 500; 
	float: right; 
	position: relative;
	margin-top: 10px;
    margin-right: 15px;
    text-align: right;

}

.infoLine div {float: right; width: 100%;}

/* SLICK 1 */
.td_slick_line {float: left; width: 100%; background-color: #eeeeee; background: url('/files/lines.png');}
.td_slick {width: 100%; float: left; }
.td_slick img {width: 100%; margin: 0;}
.td_slick .texty {position: absolute; background: rgba(255,255,255,1); border-left: 25px solid #888888; padding: 5px 15px; width: auto; bottom: 35px; z-index: 50; right: 35px; text-align: left; }
.td_slick .texty div {font-size: 16pt; color: #000; text-transform: uppercase; font-weight: 600; white-space: nowrap;}
.td_slick .texty ul {list-style: none; padding: 0; margin: 0; }
.td_slick .texty li {padding-left: 1em; text-indent: -.7em; margin-left: 0; font-size: 0.8vw;}
.td_slick .texty li::before {content: "■ "; color: #888888; }
.td_slick a.textyButton:link,.td_slick a.textyButton:visited {padding: 10px 20px; border: 1px solid black; color: black; margin-left: 10px; font-size: 14pt;}
.td_slick a.textyButton:hover {border: 1px solid black; color: white; background-color: black; text-decoration: none;}



div.mainBody { float: left; position: relative; width: 100%; padding: 25px 0;}
div.noPadding { padding: 0;}

.slickHeader span {color: #888888; font-weight: 400; font-size: 18pt;}

a.fullButton {background-color: #eee; color: #000; padding: 15px; text-align: center; font-size: 20pt; float: left; width: 100%; margin-bottom: 25px;}
a.fullButton:hover {background-color: #888; color: #fff; text-decoration: none;}

/* SLICK 2 */
.td_slick2 {width: 100%; float: left; padding: 0; margin-bottom: 0px; }
.td_slick2 img {height: 500px; float: left;}
.td_slick2 .texty {width: 75%;  right: 0; display: table-cell; vertical-align: middle; float: right;  position: absolute; top: 50%; transform: translate(0, -50%);}
.td_slick2 .texty p, .td_slick2 .texty { font-size: 9pt;}

/* SLICK 3 */
.td_slick3 {width: 100%; float: left; padding: 25px 25px; }
.td_slick3 div {width: 100%; margin: 0; padding: 0;}
.td_slick3 div.slickPad {padding: 0 10px;}
.td_slick3 img.refImg {width: 20%; float: left; opacity: 0.7;}
.td_slick3 .texty {width: 75%;  right: 0; display: table-cell; vertical-align: middle; float: right;  position: absolute; top: 50%; transform: translate(0, -50%);}
.td_slick3 .texty p { font-size: 12pt;}

/* SLICK 4 */
.td_slick4 {width: 100%; float: left; margin-bottom: 70px;}
.td_slick4 img {float: right; width: 33%;}

div.topHeader {position: absolute; top: 23px; left: 135px; font-size: 16pt;  color: black; font-weight: 300; line-height: 1.5;}
div.topHeader  strong {color: #888888;}

div.refLine {float: left; width: 100%;   display: flex;  align-items: center;  justify-content: center; padding: 0 150px;}
div.flexCenter {float: left; width: 100%;   display: flex;  align-items: center;  justify-content: center; }
img.refLineImg {width: 15%; float: left;  margin: 0 25px;}
.icons {float: right; width: 25px; height: 25px; margin: 5px 5px;transition: 0.2s;}
.icons:hover {opacity: 1; transform: scale(1.1);}
.icon_nofloat {width: 30px; height: 30px; margin-right: 5px; vertical-align: middle; }
img.bigPic {float: left; width: 100%;}

.gavycInstagram {float: left; width: 100%; height: auto; background-color: black;}
.container {padding: 0;}
a.logo {width: 67px; float: left; display: block; margin: 0; width: 110px; padding: 10px;} 
a.logo2 {width: 30px; }
a.logo img {width: 100%; transition: 0.2s; float: left;}
footer { float: left; width: 100%;}
footer .centered {padding: 10px; text-align: center; color: #000;}
footer .centered a:link,footer .centered a:visited {color: #888888;}

div.headerLine {float: left; width: 100%; padding: 15px 0 0 0;}
div.headerLine1 {background-color: #fff; padding: 7px;}
div.headerLine1 h1 {color: #000;}

.bodyLeft {float: left; width: 100%; padding-top: 0px; position: relative; z-index: 1;}
.bodyRight {float: left; width: 100%; position: relative;   z-index: 1;  padding: 0; background: rgba(255,255,255,0.5);}

div.middleLiner {float: left; width: 100%; position: relative;}
div.middleLinerPart1 {float: left; width: 100%;  position: absolute; height: 50%; top: 0; border-bottom: 1px solid #0a1a21;}
div.middleLinerPart2 {float: left; width: 100%;  position: absolute; height: 50%; top: 50%;}
div.middleLinerText {white-space: nowrap; float: left; margin: 10px; background-color: #0a1a21; padding: 0px 50px; color: #fff; font-size: 30pt; margin-left: 50%; transform: translate(-50%, 0); text-transform: uppercase; text-align: center;}
div.middleLinerText h1 {color: #fff;}
div.middleCaption { float: left; margin: 10px; margin-top: 25px; padding: 0px 50px; color: black;  text-align: center;    font-size: 24px; font-weight: 500 !important; width: 100%; color: #666666;}
div.middleLinerBPart1 {float: left; width: 100%;  position: absolute; height: 50%; top: 0; border-bottom: 1px solid #333;}
div.middleLinerBPart2 {float: left; width: 100%;  position: absolute; height: 50%; top: 50%;}
div.middleLinerBText {white-space: nowrap; float: left; margin: 10px; background-color: black; padding: 15px 50px; color: white; font-size: 30pt; margin-left: 50%; transform: translate(-50%, 0); text-transform: uppercase; text-align: center;}


.videoItem {width: 50%; padding: 15px; float: left;}

img.pdfIco {width: 50px; margin: 5px; float: left;}

div.thumbnails {width: 100%; float: left;}
div.thumbnail {width: calc(20% - 10px);  margin: 5px; float: left;}
div.thumbnail img {transition: 0.2s; width: 100%; height: auto; opacity: 0.8; }
div.thumbnail img:hover {width: 100%; height: auto; opacity: 1; transform: scale(1.05);}
	
.icon64 {width: 64px; height: 64px; float: left;}
.icon32 {width: 32; height: 32px;  float: left;}

.td_slick2 {margin-bottom: 50px;}
.td_slick2 a {float: left; width: calc(33.33% - 10px); height: auto; margin: 5px; position: relative;}
.td_slick2 a div.shader {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-color: rgba(0,0,0,0.5); background-image: url('/files/zoom.png'); background-repeat: no-repeat; background-position: center;  background-size: 48px 48px; opacity: 0; transition: 0.2s;}
.td_slick2 a:hover div.shader {opacity: 1;}

.td_slick2 a img {float: left; width: 100%; height: 100%; transition: 0.2s;}
.td_slick2 a img:hover {opacity: 1;}
#lg-download {display: none;}

.boxCollector {float: left; width: 100%;  display: flex;	align-items: center;	justify-content: center; flex-wrap: wrap;}
.boxItem {float: left; width: 33.33%; margin: 0; min-height: 290px; transition: 0.2s; padding: 0; position: relative; overflow: hidden; background-color: #eee; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0,0,0);}
.treneri {float: left; width: calc(33.33% - 6px); margin: 3px; min-height: 450px; transition: 0.2s; padding: 0; position: relative; overflow: hidden; background-color: #000000; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0,0,0);}
.boxItem  img {position: absolute; width: 100%; opacity: 0.8; transition: 0.2s; 	-webkit-transform: translate3d(0, 0, 0); left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.02); opacity: 0.6;}
.boxItem:hover img {transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
.treneri img {opacity: 1; }
.treneri:hover img {transform: translate(-50%, -50%) scale(1.02); opacity: 1; }

.boxDesc {position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px;  transition: 0.2s;}

.treneri .boxDesc  {top: 85%;}


.treneri:hover .boxDesc {top: 0%;}
.treneri .boxDesc span.viceInfo {bottom: 25px; position: absolute; width: auto; left: 50%; transform: translate(-50%, 0); opacity: 0; transition: 0.2s; background-color: #ffc600 !important; color: #000000 !important; padding: 10px 30px;}
a.button {width: 300px; text-decoration: none; text-transform: uppercase; float: left; margin-left: 50%; transform: translate(-50%, 0); transition: 0.2s; background-color: #ffc600; color: #000000 !important; padding: 10px 100px; text-align: center;}
a.button:hover {background-color: #fff;}
.treneri .boxDesc img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.2s; width: 40%;}
.treneri:hover .boxDesc span.viceInfo {opacity: 1;}
.treneri:hover .boxDesc img {opacity: 1;}
.boxItem:nth-child(even) .boxDesc {background: rgba(255,255,255,0.85);}
.boxItem:nth-child(even) .boxDesc div,.boxItem:nth-child(odd) .boxDesc span  {color: black;}
.boxItem:nth-child(odd) .boxDesc  {background: rgba(0,0,0,0.65);}
.boxItem:nth-child(odd) .boxDesc div,.boxItem:nth-child(odd) .boxDesc span  {color: white;}
.boxDesc div {float: left; width: 100%; font-size: 12pt;  line-height: 1.5;  transition: 0.2s; text-align: center;}
.boxDesc span {float: left; width: 100%; font-size: 10pt;  line-height: 1.5; color: black;  text-align: center;}

.treneri:nth-child(even) .boxDesc,.treneri:nth-child(odd) .boxDesc {background: rgba(0,0,0,0.65); color: white;}
.treneri:nth-child(even) .boxDesc div, .treneri:nth-child(odd) .boxDesc span  {color: white; font-size: 18pt;}
.treneri:nth-child(odd) .boxDesc div, .treneri:nth-child(even) .boxDesc span  {color: white; font-size: 18pt;}

.percent50 {float: left; width: 50%; padding: 25px;}
.profilePic {width: 100%; float: left;}
.bottomBox, .specsBox, .produktBox {float: left; width: 100%; min-height: 200px; background-color: #555555; padding: 50px 0;}
.bottomBox {background-color: #000; padding: 25px 15px;}
.bBox1, .bBox3 {width: 20%; float: left; color: #000; text-transform: uppercase;}
.bBox1 p, .bBox3 p, .bBox4 p {font-size: 8pt;}
.bBox1 {width: 45%;}
.bBox4 {padding-left: 35px; width: 50%; float: left;}
.bBox4 p {text-transform: none;}

table.otDob td {padding: 5px;}
table.otDob td:nth-of-type(2) {text-align: right;}
table.otDob tr:nth-child(odd) {background: rgba(255,255,255,0.2)}

.produktBox { background-size: 100%; padding: 0px 0; background: none; position: relative;}
img.pristroje {width: 42.7%; float: left; margin-bottom: 25px;}
div.pristrojeText {width: 66%; float: left; margin-bottom: 25px; padding-left: 30px;}
div.pristrojeText h2 {text-transform: uppercase;}



a.newsItem {width: 100%; float: left; margin-bottom: 10px; position: relative; background-color: #333;}
a.newsItem2 {width: 100%; float: left; margin-bottom: 10px; position: relative; background-color: #333;}

a.newsItem:hover {background-color: #444;}
a.newsItem img {width: 25%; float: left; }
a.newsItem2 img {width: 19%; float: left; }
a.newsItem div.newsDesc {width: 75%; float: left; padding-left: 25px; } 
a.newsItem2 div.newsDesc {width: 50%; float: left; padding-left: 25px; } 
a.newsItem div.newsDesc h3 {padding-bottom: 0; } 

a.newsItem img.arrow {width: 40px; height: 40px; position: absolute; top: 50%; transform: translate(0, -50%); right: 25px;}

div.pristrojeText p:not(:nth-of-type(1)) {
    display: none;
}

.bottomBox a:link, .bottomBox a:visited {color: #fff; font-size: 8pt; line-height: 200%;}
.bottomBox a:hover {color: #888888; text-decoration: none;}

.bBox1 p, .bBox3 p, .bBox4 p {color: #000;}
.bBox3 a:hover {text-decoration: none; color: #000;}
.icon_nofloat {opacity: 0.8; margin-right: 6px; margin-top: 6px;}
.icon_nofloat:hover {opacity: 1;}
.bBox1 .bottomLogo {width: 150px; opacity: 0.6;}
.pdIcon {height: 35px;}
.pdBox {float: left; width: 100%; margin-top: 5px;}


.topline {background-color: black; width: 100%; float: left; z-index: 50000; position: relative; padding: 5px 0;}
.toplineLeft, .toplineCenter, .toplineRight {color: white; float: left;}
.toplineLeft, .toplineCenter, .toplineRight, .topline a:link,  .topline a:visited, .topline div{ font-size: 10pt;}
.toplineLeft, .toplineRight {width: 33.3%;}
.toplineCenter {width: 33.3%; text-align: center;}
.toplineRight {text-align: right;}

.newsletterBox {float: left; width: 100%; margin-bottom: 25px;} 
.newsletterBox tr td {float: left; width: 100%;} 
.newsletterBox tr {float: left;}
.newsletterBox tr:nth-of-type(1) {width: 20%;}
.newsletterBox tr:nth-of-type(2) {width: 20%;}
.newsletterBox tr:nth-of-type(3) {width: 10%;}
.newsletterBox tr:nth-of-type(4) {width: 20%;}
.newsletterBox tr:nth-of-type(5) {width: 15%;}
.newsletterBox tr:nth-of-type(6) {width: 15%;}

.marginLeft10 {margin-left: 5px;}
.sidePadding {padding: 0px 150px;}
a.centerButton {float: left; padding: 15px 50px; border: 1px solid black; color: black; text-transform: uppercase; margin: 10px; margin-left: 50%; transform: translate(-50%, 0);}
a.centerButton:hover {text-decoration: none; background-color: black; color: white;}

a.moreInfo:link, a.moreInfo:visited {padding: 10px; text-decoration: none; color: white; background-color: #888888; margin-top: 15px; border: 1px solid #888888;}
a.moreInfo:hover { background: white; color: #888888;  }

a.button10:link, a.button10:visited {float: right; padding: 10px; border: 1px solid black; color: black; text-transform: uppercase; margin: 5px;}
a.button10:hover {text-decoration: none; background-color: black; color: white;}
.curSelect {display: none; position: absolute; top: 29px; left: 0; background-color: white; border: 1px solid black; z-index: 500; width: 230px; }
a.curOption:link, a.curOption:visited {float: left; width: 100%; padding: 5px; text-decoration: none; text-transform: uppercase; color: black;}
a.curOption:hover {color: white; background: black;}
.langCurBox {position: relative;}
.curActive {color: white; text-transform: uppercase; cursor: pointer;}
.langFlag {width: 25px; height: 25px; vertical-align: middle; margin-right: 5px;}

table.specsTable {float: left; width: 100%;}
table.specsTable tr td {background: none; color: white; text-transform: uppercase; font-size: 16pt; vertical-align: top;padding: 5px 0;}
table.specsTable tr td p {color: white; font-size: 16pt; padding: 0;}
table.specsTable tbody {width: 50%; float: left;}
table.specsTable tbody tr {width: 100%; float: left;}
table.specsTable tr td:nth-of-type(1) {width: 30%; font-weight: bold; float: left;}
table.specsTable tr td:nth-of-type(2) {width: 60%;  float: left; text-transform: none;}

div.watchHeader {width: 100%; float: left; position: relative;}
div.watchHeader img {width: 100%; float: left;}
div.watchHeader div.watchHeaderH1, div.watchHeader div.watchHeaderDesc {width: 100%; float: left; color: white; text-align: center;}
div.watchHeader div.watchHeaderH1 {font-size: 4vw; margin-bottom: 10px;}
div.watchHeader div.watchHeaderDesc {font-size: 1.5vw;}
div.watchHeader div.watchHeaderBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.leftSide {float: left; width: 70%;}
.rightSide {float: right; width: 30%;}

.CF {float: left; width: calc(100% - 10px); background-color: rgba(0,0,0,0.5); margin-bottom: 10px;}
.CFtopik {float: left; width: 100%; background-color: #ddd;}
.CF:hover {background-color: rgba(0,0,0,0.2); }
.CFbody {float: right; width: 75%; padding: 20px; font-size: 10pt;}
.CFimage {float: left; width: 25%; }
.CFimage img {float: left; width: 100%; background: white; }
.CF a:link, .CF a:visited {color: #fff; font-size: 10pt;}
.CF a:hover {text-decoration: none;}
.CFattending, .CFlikes, .CFcomments, .CFurl, .CF .CFcomments a:link, .CF .CFcomments a:visited {float: left; width: 100%; font-size: 10pt;}

.plakaty {width: 100%; margin-bottom: 10px; float: left;}

.td_eshop_price,
.addToCartButton,
.itemDescSizes {display: none; visibility: hidden;}

.iconBox {float: left; width: 100%;}
.difIcon {float: left; width: 80px;}
span.meters {margin-top: 24px;font-size: 16pt;  color: #888888; float: left; margin-left: 5px;}
.fancyboxtn  {position: relative;}
.hoverMe {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5);}
.hoverMe span {font-size: 100pt; font-weight: 300; color: #888888; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.padding15 {padding: 15px; float: left; width: 100%;}
.padding25 {padding: 25px; float: left; width: 100%;}
.padding45 {padding: 45px; float: left; width: 100%;}
.mobileRefLine {display: none;}

.owl-carousel {height: 500px;}
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
    width: auto;
    height: 500px;
}

div.split {float: left; width: 100%;}
div.splitLeft {float: left; width: 50%; padding-right: 5px}
div.splitRight {float: left; width: 50%; padding-left: 5px}

.slideRighter, .slideLefter {transition: 0.2s;}
.slideRighter:hover {transform: translate(10px ,0);}
.slideLefter:hover {transform: translate(-10px ,0);}

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

}

@media only screen and (max-width: 1023px) {
    .tablet_mobile {display: block; float: left;}
    .videoItem {width: 100%; padding: 15px; float: left;}
    .cross {top: 30px;}
    .td_slick2 div.slickInner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; float: left; position: relative;}
    .td_slick2 div.slickInner img {max-width: 100%; height: auto;}
    .td_slick2 {margin-bottom: 50px; position: relative;} 
    div.topText {position: absolute; top: 90px; left: 210px; width: 60%;}
    div.topText span:nth-of-type(1) {font-size: 26pt;}
    div.topText span:nth-of-type(2) {font-size: 14pt;font-weight: bold;}
    .mobile {display: block;}
    div.rightSocial {margin-right: 75px;}
    .arrL, .arrR {width: 15px;}
    .studiaBox a.link50:link, .studiaBox a.link50:visited {width: 100%; display: block; }
    div.ThreeBoxCollect {margin: 0; width: 100%;} 
    div.mainBody {padding:  0;} 
    div.noPadding {padding: 0;} 
    div.ThreeBox, a.ThreeBox {width: 50%;}
    div.menubar {position: relative;}
    a.logo  {position: relative; width: 110px; margin: 0; left: 0;}
    div.percent25  {position: relative; width: 13%;}
    div.otDoba {display: none;}
    .bBox3 {display: none;}
    .marginTop {display: none;}
    a.newsItem div.newsDesc h3 {padding: 5px 0; padding-bottom: 0;}
    a.newsItem2 div.newsDesc {width: 75%;}
    div.middleLiner {margin-top: 15px;}
    .slideRighter:hover {transform: translate(0 ,0);}
    .slideLefter:hover {transform: translate(0 ,0);}
    .boxItem {float: left; width: 50%; margin: 0px; 	-webkit-transform: translate3d(0, 0, 0);}
    div.marginTop {height: 83px; }

}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
    .percent50 {float: left; width: 100%; padding: 25px;}
    .leftSide {float: left; width: 100%;}
    .rightSide {float: left; width: 100%;}
    .CFimage {float: left; width: 100%;}
    .CFbody {float: left; width: 100%;}
    .mobileRefLine {display: block;}
    .mobileRefLine img.refLineImg {width: calc(50% - 20px); margin: 10px;}
    .icon_nofloat {transform: scale(1); margin-right: 5px; width: 30px;}
    div.rightSocial {margin-left: 0px; margin-top: 35px;}
    header {display: none;}
    .td_slick4 img {width: calc(100% - 120px); margin: 0 60px;}
    div.pristrojeText {width: 100%; padding: 0;}
    div.middleCaption {font-size: 5vw; margin-left: 0; margin-right: 0;}
    div.refLine {padding: 0;}
    img.refLineImg {width: 20%; margin: 10px;}
    a.moreInfo:link, a.moreInfo:visited {margin-left: 39%; }
    .bBox1 strong, .bBox4 strong {width: 100%; text-align: center; display: block;}
    div.refLine {display: none;}
    div.topText {position: absolute; top: 90px; left: 140px; width: 60%;}
    div.topText span {line-height: 20px;}
    div.topText span:nth-of-type(1) {font-size: 14pt;}
    div.topText span:nth-of-type(2) {font-size: 8pt; font-weight: bold;}
    .td_slick2 a {width: calc(33.33% - 10px);}
    .td_slick2 {width: calc(100% + 20px); margin-left: -10px;}
    a.ThreeBox, div.ThreeBox {width: 100%;  min-height: 200px;  }
    div.ThreeBoxHeader, div.newsDesc h3  {font-size: 4vw;}
    div.ThreeBoxHeaderDesc, div.newsDesc span {font-size: 3vw;}
    div.ThreeBoxCol {font-size: 3vw;}
    div.splitLeft, div.splitRight {width: 100%;}
    .boxItem {float: left; width: 100%; margin: 5px 0px; 	-webkit-transform: translate3d(0, 0, 0);}
    div.percent25  {position: relative; width: 25%;} 
    div.headerLine {padding: 15px;}
    a.logo {padding: 10px;}
    table.openingHours {padding: 15px 0px}
    table.openingHours td {padding: 0px 10px 0 5px;}

}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : landscape) { 

}