/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
  margin:0;
  padding:0;
  font-family:Open Sans; 
  font-weight:300;
  font-size:18px; 
  line-height:29px;
  background-color:white;
  color:#000;
  width:100vw;
  overflow-x:hidden; 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust:none;
}

#scroll 	{ height:100%;  }

h1, h2, h3, h4, h5, h6 { font-weight: 500; }
a           { color:#0d0d0d; text-decoration: none; border-bottom:solid 1px #000}
a:focus		{ outline: none; }
.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:black }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-weight:500; }
strong      { font-weight:500; }
hr          { height:1px; border:0; background-color: #000; }
.textalignleft   { text-align:left;	}
.textaligncenter   { text-align:center;	}
.textalignright   { text-align:right;	}
.tisic      { margin-left: 0.3em;	}
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
				 -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nopadding  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,textarea, select { border:none; outline:none; resize:none; padding:19px 22px; font-family: 'Open Sans'; 
				font-size:16px; border:solid 1px #404040; -webkit-appearance: none; -webkit-border-radius:0px;  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input::-webkit-input-placeholder 	{ color:#4F4F4F; opacity:1; font-weight:100;}
input::-moz-placeholder 			{ color:#4F4F4F; opacity:1; font-weight:100; }
input:-ms-input-placeholder 		{ color:#4F4F4F; opacity:1; font-weight:100; }
input:-moz-placeholder 				{ color:#4F4F4F; opacity:1; font-weight:100; }

input[type=number] {
    -moz-appearance:textfield;
}	

select		{ outline:none; }

.border5   { -webkit-border-radius:5x; -moz-border-radius:5px; border-radius:5px; }
.border10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.border35  { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;  }
.borderRounded { -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }

.table-cell	{ display: table-cell; vertical-align: middle;  }

li 			{ list-style-position:inside; }



main        { position: relative; display:block; width:100%; height:100%;  }
nav         { position: absolute; width:100%; top:40px; z-index:100  } 
.prostor    { position: relative; display:block; width:calc(100% - 120px); max-width:1346px; margin:auto; }


.fontOpenSans	{ letter-spacing:0.03em; }
.fontOpenSans13	{ font-size:13px; line-height:20px; }
.fontOpenSans14	{ font-size:14px; line-height:22px; }
.fontOpenSans15	{ font-size:15px; line-height:24px; }
.fontOpenSans16	{ font-size:16px; line-height:24px; }
.fontOpenSans18	{ font-size:18px; line-height:26px; }
.fontOpenSans20	{ font-size:20px; line-height:34px; }
.fontOpenSans25	{ font-size:25px; line-height:38px; }
.fontOpenSans30	{ font-size:30px; line-height:45px; }

.font13		{ font-size:13px; line-height:20px; font-family: 'Oswald', 'Arial Narrow'; }
.font15		{ font-size:15px; line-height:22px; font-family: 'Oswald', 'Arial Narrow'; }
.font16		{ font-size:16px; line-height:24px; font-family: 'Oswald', 'Arial Narrow'; }
.font18		{ font-size:18px; line-height:27px; font-family: 'Oswald', 'Arial Narrow'; }
.font20		{ font-size:20px; line-height:30px; font-family: 'Oswald', 'Arial Narrow'; }
.font22		{ font-size:22px; line-height:36px; font-family: 'Oswald', 'Arial Narrow'; }
.font25 	{ font-size:25px; line-height:32px; font-family: 'Oswald', 'Arial Narrow'; }
.font27		{ font-size:27px; line-height:38px; font-family: 'Oswald', 'Arial Narrow'; }
.font28		{ font-size:28px; line-height:38px; font-family: 'Oswald', 'Arial Narrow'; }
.font30		{ font-size:30px; line-height:45px; font-family: 'Oswald', 'Arial Narrow'; }
.font34		{ font-size:34px; line-height:38px; font-family: 'Oswald', 'Arial Narrow'; }
.font40		{ font-size:40px; line-height:50px; font-family: 'Oswald', 'Arial Narrow'; }
.font45		{ font-size:45px; line-height:60px; font-family: 'Oswald', 'Arial Narrow'; }
.font60		{ font-size:60px; line-height:78px; font-family: 'Oswald', 'Arial Narrow'; }
.font70		{ font-size:70px; line-height:87px; font-family: 'Oswald', 'Arial Narrow'; }
.font80		{ font-size:80px; line-height:104px; font-family: 'Oswald', 'Arial Narrow'; }
.font100	{ font-size:100px; line-height:104px; font-family: 'Oswald', 'Arial Narrow'; }


.logo		{ position:absolute; width:143px; height:143px; margin-top:40px; margin-left:4.5vw; z-index:100 }
.logo img	{ float:left; width:100%;  }


.logo-mobile		{ display:none; position:absolute; width:71px; height:71px; left:0; right:0; margin:auto; margin-top:15px;  }
.logo-mobile img	{ float:left; width:71px; height:71px; }
.logo-mobile a		{ border:0 }

.menu			{ position:relative; float:right; margin:42px 3.7vw 0 0; width:calc(83% - 80px); border-bottom:1px solid #000; border-top:1px solid #000; 
			  	  letter-spacing:0.15em; padding:0; z-index:100 }
.menu a 		{ border:0 }
.menu .mutace	{ position:relative; float:right; margin: 16px 9px 0 14px; }
.menu .mutace a		{ float:left; margin:0 5px}
.menu .mutace a.active	{ font-weight: 500;}

.menu .kosik-ikona	{ position:relative; float:right; background:url(../images/kosik.svg); width:29px; height:29px; margin:12px 18px; cursor:pointer; }
.menu .kosik-pocet	{ display:none; position:absolute; bottom:-10px; right:-8px; background:#000; color:#fff; width:23px; height:23px; text-align:center; 
					  letter-spacing:0.03em; font-weight:700 }
.menu .oddelovac	{ float:right; margin:7px 0; width:1px; height:41px; background:#000 }
.menu .prihlaseni-registrace	{ float:right; margin:16px 16px 0 16px; text-transform:uppercase; cursor:pointer; font-weight: 500  }
.menu .prihlaseni-uzivatel	{ letter-spacing:0  }
.menu .prihlaseni-ikona	{ float:left; width:24px; height:25px; background:url(../images/user.svg); background-size: 24px 25px; margin-right:12px}
.menu .social	{ float:right; width:150px; margin:12px 1.5vw 0 1.5vw; }
.menu .social a	{ float:left; width:30px; height:30px; background-size:30px 30px; margin:0 10px; }
.menu .eshop	{ float:right;  margin:0 10px 0 10px; background-color:#000; color:#fff; font-weight:500; padding:14px 20px; text-transform:uppercase; }
.menu .social-fb a	{ background:url(../images/social-fb.svg); }
.menu .social-ig a	{ background:url(../images/social-ig.svg); }
.menu .social-in a	{ background:url(../images/social-in.svg); }
.menu .menu-polozky	{ float:left; text-transform:uppercase; font-weight:500; width:calc(50vw - 100px); text-align:center; }
.menu .menu-polozky-zavrit	{ display:none; position:absolute; top:30px; right:30px; cursor:pointer; width:40px; height:40px; }
.menu .menu-polozky-zavrit-cara1	{ position:absolute; top:50%; left:0; background:white; width:42px; height:2px; transform: rotate(-45deg); }
.menu .menu-polozky-zavrit-cara2	{ position:absolute; top:50%; left:0; background:white; width:42px; height:2px; transform: rotate(45deg); }
.menu .menu-polozka	{ position: relative; float:left; width:20%; }
.menu .menu-polozka div	{ padding:14px 0 }
.menu .menu-polozka:nth-child(2) { width:calc(20% + 20px);  }
.menu .menu-polozka:nth-child(3) { width:calc(20% - 20px); }
.menu .menu-polozka-kolecko { display:none; position:absolute; margin:auto; left:0; right:0; bottom:-7px; width:14px; height:14px; background: #000; 
							 padding:0!important; z-index:100 }
.menu .menu-polozka-kolecko.active { display:block }
.menu .kosik-ikona .menu-polozka-kolecko { bottom:-21px; }

.menu .menu-polozka-kontakt	{ cursor:pointer; }

.menu .menu-mutace { display:none; position:absolute; margin-left: 60px; top: 40px; }
.menu .menu-mutace.font18 { font-size:18px }

.eshop-mobile { display:none; float:right; margin:27px 25px 0 0; background-color:#fff; color:#000; font-weight:500; padding:10px 15px; text-transform:uppercase; }


.prihlaseni-ikona-mobile	{ display:none; float:right; width:27px; height:28px; background:url(../images/user-white.svg); background-size: 27px 28px; 
							  margin-top:40px;  margin-right:25px; cursor:pointer;}
.prihlaseni-uzivatel-mobile a	{ display:none; float:right; margin:40px 25px 0 30px; text-transform:uppercase; cursor:pointer; font-weight: 500; color:#fff;
								  letter-spacing:0.1em;  }
.kosik-ikona-mobile			{ display:none; position:relative; float:right; background:url(../images/kosik-white.svg); width:29px; height:29px; margin:39px 30px 0 0; cursor:pointer; }
.kosik-pocet				{ position:absolute; display:none;  bottom:-10px; right:-8px; background:#000; color:#fff; width:23px; height:23px; text-align:center; letter-spacing:0.03em; 
					  		  font-weight:700; }

.submenu 			{ display:none; position:absolute; font-weight:300; top:56px; width:100%; z-index:100 }
.submenu,
.submenu div		{ padding:0!important }
.submenu.white 		{ background:rgba(255,255,255,0.8) }
.submenu.gray 		{ background:rgba(236,235,235,0.8) }
.submenu-polozka a	{ float:left; width:100%; border-bottom:1px solid #000; padding:7px 0 6px 0!important }
.submenu-polozka a:hover	{ background:#000; color:#fff }

.submenu-polozka2	{ display:none; }
.submenu-polozka2 a	{ float:left; width:100%; border-bottom:1px solid #000; padding:7px 0 6px 0!important }

.hamburger					{ display:none; position:absolute; width:30px; height:22px; top:42px; left:30px; cursor:pointer;  }
.hamburger span				{ position:absolute; display:block; width:100%; height:2px; background-color:#fff; }
.hamburger span:nth-child(1){ top:0; }
.hamburger span:nth-child(2){ top:10px }
.hamburger span:nth-child(3){ bottom:0; }


.sekce				{ position:relative; float:left; width:100%; margin-top:70px }
.sekce0				{ padding-top:210px; margin-top:0; min-height:500px; }



#banner li:first-child { position:relative; z-index:1  }

.nav-img { position:relative; width:100%; height:100vh; }
.nav-img video { position:absolute; top:0; width:100%; height:100%; object-fit:cover;  }
.nav-img .video-filtr { position:absolute; top:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 50%, rgba(0, 0, 0, 0.45) 100%); }

.headline { position:absolute; max-width:1000px }
.headline-motto			{ position:relative; margin:350px 0 0 9vw;padding: 0 20px;}
.headline-eshop a		{ position:relative; border:solid 1px #000; color:#000; margin:40px 0 0 20vw; width:153px; height:153px; text-align:center; font-weight:500;  padding:20px;
				  	  display:table;  }
.headline-eshop a:hover	{ background:#000; color:#fff; }



/* Homepage */
.home-sekce0		{ position:relative; width:100%; height:56.25vw; min-height:1000px; overflow:hidden;  }
.home-sekce0 img	{ position:absolute; height:100%; }
.home-motto			{ position:relative; margin:350px 0 0 9vw;padding: 0 20px;}
.home-motto1		{ max-width:300px; }
.home-motto2		{ max-width:750px; }
.home-motto-logo	{ float:left; width:100%;}
.home-motto-logo img	{ position:relative!important; width:180px!important; display: inline-block!important; margin-bottom:10px;}
.home-motto-logo-svg	{ margin:5px 0 0 30px }
.home-eshop a		{ position:relative; border:solid 1px #000; color:#000; margin:40px 0 0 20vw; width:153px; height:153px; text-align:center; font-weight:500;  padding:20px;
				  	  display:table;  }
.home-eshop a:hover	{ background:#000; color:#fff; }

.home-fotoramecek	{ margin-top:-200px; margin-left:400px }
.home-perex			{ letter-spacing:0.1em; margin-bottom:10px  }
.home-perex-text	{ font-weight:300;  font-size:50px; line-height:65px; }


.home-podpis		{ margin:120px 0 0 9vw; width:500px }
.home-podpis hr		{ margin-bottom:30px }
.home-jmeno			{ text-transform:uppercase; }


.home-proc 			{ position:relative; width:100%; }
.home-proc h2		{ padding-top:50px; margin-bottom:60px; text-align:center; }
.home-proc-prostor	{ float:left; width:90%; margin-left:5%; text-align: center; }
.home-proc-duvod	{ position:relative; display:inline-block; width:342px; vertical-align:top; text-align:center; padding:0 25px; }
.home-proc-cislo	{ width:26px; height:27px; background:#000; color:#fff; font-weight:500; display:table; padding-left:1px; margin:auto }
.home-proc-info		{ position:relative; margin-top:20px; letter-spacing:0.03em;  }
.home-proc-sipka,
.home-proc-sipka-prev	{ opacity:0; position:absolute; top:16px; right:0; width:63px; height:57px; background:url(../images/arrow2.svg); cursor:pointer; }
.home-proc-sipka-prev	{ transform: rotate(-180deg); left:0; right:auto; top:35px; }
.home-proc-nadpis	{ text-transform:uppercase; font-weight: 500; margin-bottom:10px; }

.home-proc-video			{ position:relative; float:left; width:calc(100% - 120px); margin-left:60px; margin-top:60px; }
.home-proc-video-filtr		{ position:relative; float:left; width:100%; height:100%; background:url(../images/video.jpg); background-size:cover; background-position:center; z-index:5 }
.home-proc-video-filtr2		{ position:absolute; width:100%; height:100%; cursor:pointer; z-index:10 }
.home-proc-video img		{ float:left; width:100%; height:100%; object-fit:cover; font-family: 'object-fit: cover;';}
.home-proc-video-play		{ position:absolute; top:calc(50% - 55px); left:0; right:0; margin:auto; background:url(../images/play.svg); width:111px; height:111px; }
#home-proc-video-url		{ display:none; position:absolute; top:0; left:0 }
.home-proc-video iframe		{ width:calc(100% - 1px); height:100%; border:0}


.home-chci					{ width:calc(100% - 60px); margin:auto; margin-top:100px; text-align:center;}
.home-chci-polozka-nadpis 	{ margin-bottom:10px; }
.home-chci-polozka			{ float:left; width:calc((100%/4) - 30px); margin:0 15px;}
.home-chci-polozka-foto img	{ float:left; width:100%;}
.home-chci-koupit			{ position:relative; top:-90px; border:solid 1px #000; color:#000; margin:auto; width:180px; height:180px; display:table; 
							  text-align:center; font-weight:500;  }
.home-chci-polozka a:hover .home-chci-koupit	{ background:#000; color:#fff; }


.home-spolupracujeme 		{ position:relative; width:100%; height:50vw; min-height:980px; background:url(../images/spolupracujeme.jpg) center; 
							  background-size:cover }
.home-spolupracujeme h2		{ padding-top:180px;}
.home-spolupracujeme-prostor	{ width:100%; max-width:680px; margin-left:9vw; }
.home-spolupracujeme-text	{ width:calc(100% - 170px); margin-top:50px }
.home-chci-vedet a			{ border:solid 1px #000; color:#000; margin:-130px auto 0 auto; width:238px; height:238px;
				  			  display:table; font-weight:500; text-align:center;  }
.home-chci-vedet a:hover	{ background:#000; color:#fff; }


.home-bara 		{ position:relative; width:100%; aspect-ratio: 12.6/6; background:url(../images/bara.jpg) center; 
				  background-size:contain; color:#fff }
.home-bara h2		{ padding-top:180px;}
.home-bara .home-chci-vedet a { border:solid 1px #fff; color:#fff; margin-top:0  }
.home-bara .home-chci-vedet a:hover	{ background:#fff; color:#000; }

.home-nejprodavanejsi 			{ position:relative; float:left; width:100%;  }
.home-nejprodavanejsi a 		{ border:0 }
.home-nejprodavanejsi h2		{ float:left; width:calc(100% - 9vw); margin-left:9vw; margin-bottom:60px }
.home-nejprodavanejsi-cislo		{ position: absolute; right:-40px; width:110px; z-index:50 }
.home-nejprodavanejsi-prostor	{ position:relative; float:left; width:50%; padding-top:40px; }
.home-nejprodavanejsi hr		{ margin:0 }
.home-nejprodavanejsi-polozka	{ position:relative; width:calc(100% - 9vw); color:#AFAFAF; letter-spacing: 0.03em; padding:25px 0 20px 0; 
								  margin-left:9vw; height:100%; display:table; cursor:pointer; }
.home-nejprodavanejsi-polozka.active{ color:#000 }
.home-nejprodavanejsi-polozka-sipka-prev,
.home-nejprodavanejsi-polozka-sipka	{ opacity:0; float:right; width:63px; height:57px; background:url(../images/arrow2.svg); margin:-8px 50px 0 0; cursor:pointer; }
.home-nejprodavanejsi-polozka-sipka-prev	{ float:left; transform: rotate(180deg);  }
.home-nejprodavanejsi-polozka.active .home-nejprodavanejsi-polozka-sipka { opacity:1 }
.home-nejprodavanejsi-text		{ float:left; width:100%; }
.home-nejprodavanejsi-nazev		{ text-transform:uppercase; font-weight:400;  }

.home-nejprodavanejsi-produkt		{ display:none; position:absolute; right:0; width:50%; height:100%; }
.home-nejprodavanejsi-produkt0		{ display:block; }
.home-nejprodavanejsi-produkt img	{ position:absolute; width:100%; height:100%; object-fit:cover }
.home-nejprodavanejsi-koupit		{ position:absolute; bottom:80px; left:60px; border:solid 1px #000; color:#000; margin:0 auto 0 auto; width:192px; height:192px;
				  			  	  	  display:table; font-weight:500; text-align:center; background-color:#fff;}
.home-nejprodavanejsi-produkt:hover .home-nejprodavanejsi-koupit{ background:#000; color:#fff; }


.home-firma				{ position:relative; float:left; width:100%; }
.home-firma-left		{ float:left; width:calc(56% + 20px); }
.home-firma-left img	{ float:left; width:100%; min-height:740px; max-height:800px; object-fit:cover; }
.home-firma-right		{ float:left; width:calc(44% - 170px); max-width:650px; margin-left:90px; margin-top:50px }
.home-firma-right-text	{ margin-top:40px }

.home-firma-right-o-nas a { position:relative; float:right; border:solid 1px #000; color:#000; margin:20px 50px 0 0; width:193px; height:193px; 
				  			display:table; font-weight:500; line-height:34px; text-align:center;  }
.home-firma-right-o-nas a:hover	{ background:#000; color:#fff; }


.newsletter			{ position:relative; float:left; width:100%; background:#e4e4e4; background-image:url(../images/stroj.jpg); background-size:auto 100%; 
					  background-position:right center; background-repeat:no-repeat; overflow:hidden; }
.newsletter-inner	{ position:relative; width:calc(100% - 120px); max-width:1260px; margin:80px auto 100px auto; z-index:1 }
.newsletter-box		{ float:left; width:80%; }
.newsletter-box-text{ margin:40px 0; width:calc(100% - 150px);  }
.newsletter input	{ float:left; width:calc(100% - 120px); max-width:450px; margin:10px 30px 0 0; border:solid #fff 1px; }
.newsletter input.error	{ border:solid red 1px; }
.newsletter .odeslat	{ float:left; width:81px; height:81px; margin:0 0 0 0; color:#000; border:solid 1px #000; text-align:center; 
					  	  display:table; cursor:pointer; letter-spacing:0.05em; font-weight: 400 }
.newsletter .odeslat:hover	{ background:#000; color:#fff;  }
.newsletter-dekujeme	{ display:none; margin-top:30px; height:83px; font-weight: 400 }


/* Eshop */
.eshop-menu			{ float:left; width:173px; margin-left:4vw; margin-bottom:50px; font-weight:500; line-height:50px   }
.eshop-menu-fixed	{ position:fixed; top:0 }
.eshop-menu-polozka	{ margin-top:28px; margin-left:20px; }
.eshop-menu-polozka2{ margin-top:8px; margin-left:20px; }
.eshop-menu a		{ position:relative; border:0; margin-top:35px;  border-bottom:2px solid transparent }
.eshop-menu a.active{ border-bottom:2px solid #000 }

.eshop-prostor		{ float:right; margin:30px 3.7vw 100px 0; width:calc(83% - 80px); }
.eshop-filtr		{ position:relative; border-bottom:solid #000 1px; }
.eshop-filtr-select	{ position:relative; float:left; padding:10px 10px; margin-left:10px; margin-right:60px; cursor:pointer; width:150px; font-weight:400;
					  background-image:url(../images/arrow-down.svg); background-size:25px 13px; background-repeat:no-repeat; background-position: right  center; line-height:26px!important; }
.eshop-filtr-select.active	{ background-image:url(../images/arrow-up.svg); }
.eshop-filtr-select-text	{ margin-left:10px }
.eshop-filtr-select-mobile { display:none; }


.eshop-filtr-mobile-hide	{ display:none; }
.eshop-filtr-filtrovani		{ position:relative; margin:auto; width:160px; text-align:center; background:#DADADA; padding:10px 0; cursor:pointer; }
.eshop-filtr-filtrovani.active		{ background:#000; color:#fff }
.eshop-filtr-mobile			{ display:none;  position:absolute; width:100%; z-index:50; background:black; color:#fff  }
.eshop-filtr-mobile-padding	{  padding:30px; }
.eshop-filtr-mobile hr		{ float:left; background:#fff; width:calc(100% - 100px)  }
.eshop-filtr-blok-mobile	{ margin-bottom:20px }
.eshop-filtr-mobile-text	{ font-weight: 500 }
.eshop-razeni-mobile-polozka	{ font-weight: 400; background-image:url(../images/filtr-radio.svg); width:15px; height:15px; background-size: 15px 15px; 
								background-repeat:no-repeat; background-position:left 5px; padding-left:25px; margin-top:5px; height:20px; cursor:pointer;  }
.eshop-razeni-mobile-polozka.active	{  background-image:url(../images/filtr-radio-active.svg); }
.eshop-filtr-mobile-zrusit		{ float:left; font-weight: 700; text-transform:uppercase; cursor:pointer; margin-top:20px }
.eshop-filtr-mobile-potvrdit	{ float:right; font-weight: 700; text-transform:uppercase; cursor:pointer; margin-top:20px }
.eshop-filtr-mobile-zavrit			{ position:absolute; right:0; cursor:pointer; width:26px; height:26px; margin:30px 40px 0 0; }
.eshop-filtr-mobile-zavrit-cara1	{ position:absolute; top:11px; left:-3px; background:#fff; width:33px; height:2px; transform: rotate(-45deg); }
.eshop-filtr-mobile-zavrit-cara2	{ position:absolute; top:11px; left:-3px; background:#fff; width:33px; height:2px; transform: rotate(45deg);  }

.eshop-razeni-select				{ display:none; position:absolute; width:100%; top:47px; z-index:1 }
.eshop-razeni-select-polozka		{ padding:8px 35px 8px 15px; cursor:pointer; font-weight: 400; border-bottom:solid 1px #fff; background-color:#C4C4C4;
									  background-image: url(../images/filtr.svg); background-repeat:no-repeat; background-position:right 15px center; color:#fff; }
.eshop-razeni-select-polozka.active	{ background-image: url(../images/filtr-active.svg); }
.eshop-razeni-select-polozka:last-child		{ border:0 }
.eshop-razeni-select-polozka a 		{ color:#fff; border:0 }
.eshop-razeni-select-polozka-odkaz a	{ display:block; width:100%; padding:8px 15px; cursor:pointer; font-weight: 400; border-bottom:solid 1px #fff; background-color:#C4C4C4;
									  background-image: url(../images/filtr.svg); background-repeat:no-repeat; background-position:right 15px center; color:#fff;  }
.eshop-razeni-select-polozka-odkaz.active a	{ background-image: url(../images/filtr-active.svg); }


.eshop-filtr-zrusit	{ float:right; padding:10px 10px; margin-right:20px; cursor:pointer; width:110px; font-weight:600; 
					  background:url(../images/zavrit.svg) no-repeat; background-position:right 13px }
.eshop-text			{ letter-spacing:0.03em; margin:50px auto; padding:0 20px; max-width:900px; text-align: center; }

.eshop-produkt			{ position:relative; display:inline-block; width:calc((100%/4) - (40px/4*3)); margin:0 40px 20px 0; vertical-align:top;}
.eshop-produkt-nomargin,
.eshop-produkt-nomargin2 { margin-right:0;} 
.eshop-produkt-obr		{ position:relative; float:left; width:100%; padding-top:100%; margin-bottom:15px }
.eshop-produkt img		{ position: absolute; top: 0; left: 0; width:100%; height:100%; object-fit:cover }
.eshop-produkt-obr2		{ opacity:0;  }
.eshop-produkt-sleva	 { position:absolute; width:88px; height:88px; top:20px; right:20px; background:#ff0573; color:#fff; text-align:center; 
					  	  display:table; font-weight:500 }
.eshop-produkt-kategorie { position:absolute; width:88px; height:88px; top:20px; right:20px; background:#000; color:#fff; text-align:center; 
					  	  display:table; font-weight:500 }
.eshop-produkt-vyprodano	 { position:absolute; width:88px; height:88px; top:20px; right:20px; background:#000; color:#fff; text-align:center; z-index:1000;
					  	  display:table; font-weight:500 }

.eshop-produkt-radek	{ display:table; width:100% }
.eshop-produkt-info		{ display:table-cell; width:100%; letter-spacing:0.03em; text-align:left;  }
.eshop-produkt-nazev	{ text-transform:uppercase; font-weight: 500 }
.eshop-produkt-cena		{ display:table-cell; padding-left:15px; text-align:right; font-weight: 400; }
.eshop-produkt-big		{ float:left; width:calc((100%/2) - (40px/4*2)); min-height:calc(40vw); height:calc(40vw); text-align: left; }
.eshop-produkt-big .eshop-produkt-obr		{ position:relative; float:left; width:100%; padding:0; height:100%; margin-bottom:15px }
.eshop-produkt-big img	{ width:100%; height:100%; object-fit:cover}
.eshop-produkt-big .eshop-produkt-sleva { top:30px; right:30px; z-index:10 }
.eshop-produkt-big .eshop-produkt-info-big	{ position:absolute; top:30px; left:40px; color:#fff; width:calc(100% - 210px); z-index:100  }
.eshop-produkt-big .eshop-produkt-info		{ display:block; }
.eshop-produkt-big .eshop-produkt-info .font18		{ font-size:50px; line-height:60px; }
.eshop-produkt-big .eshop-produkt-popis.fontOpenSans16		{ font-size:24px; line-height:32px; }
.eshop-produkt-big .eshop-produkt-cena		{ display:block; text-align:left; width:100%; font-size:25px; margin-top:20px; padding:0}
.eshop-produkt-gradient	{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:10 }			  	  


/* Produkt */
.produkt-foto			{ float:left; width:calc(45% - 40px); margin-top:-30px; margin-right:80px; text-align:center; }
.produkt-foto-obr		{ position:relative; padding-top:100%;  }
.produkt-foto-obr a		{ position:absolute; top:0; left:0; width:100%; height:100%;  }
.produkt-foto-obr img	{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}
.produkt-ikony			{ float:left; width:100%; margin-top:20px; display: flex; flex-wrap: wrap; gap:0 16px; justify-content: space-between; }
.produkt-icon			{ flex:0 calc(25% - 16px); text-transform:uppercase; letter-spacing:0.085em; width:92px; vertical-align:top;
						  margin-top:20px }
.produkt-icon img		{ float:none; width:50px; margin-top:15px }
.produkt-icon:nth-child(2) img		{ width:45px; }
.produkt-icon:nth-child(3) img		{ width:43px; }
.produkt-icon:nth-child(4) img		{ width:71px; margin-top:25px; }
.produkt-icon:nth-child(5) img		{ width:40px;  }
.produkt-info			{ float:left; width:calc(55% - 40px); max-width:600px; margin-top:-30px;  }
.produkt-info img		{ max-width:100%; height:auto}
.produkt-info-radek		{ display:table; width:100% }
.produkt-info-info		{ display:table-cell; width:100%; letter-spacing: 0.03em; }
.produkt-info-nazev		{ text-transform:uppercase; font-weight:400;   }
.produkt-info-cena		{ display:table-cell; padding-left:30px; width:110px; text-align:right; font-weight:400;}
.produkt-info-text		{ margin:40px 0 40px 0; letter-spacing: 0.03em;  }
.produkt-info-koupit	{ float:right; width:88px; height:88px; background:#000; color:#fff; border:solid 1px #000; text-align:center; 
					  	  display:table; font-weight:500; cursor:pointer; margin-right:20px }
.produkt-info-eshop		{ float:right; width:88px; height:88px; background:#ccc; color:#000; border:solid 1px #ccc; text-align:center; 
					  	  display:table; font-weight:500; cursor:pointer }
.produkt-info-varianta	{ position:relative; float:left; width:calc(100% - 300px); margin-bottom:20px }	  	  
.produkt-info-pocet		{ float:right; width:100%; max-width:125px; margin-right:40px; }
.produkt-info-popisek	{ color:#AFAFAF; margin-left:10px }
.produkt-info-vyprodano-block	 { position:relative; display:none; z-index:1000;}
.produkt-info-vyprodano	 { position:absolute; width:88px; height:88px; top:20px; right:20px; background:#000; color:#fff; text-align:center; z-index:1000;
					  	  display:table; font-weight:500; }
.produkt-varianta		{ padding:11px 35px 0 15px; border:1px solid #000; margin-top:7px; cursor:pointer; background-image:url(../images/arrow-down.svg);
						  background-repeat: no-repeat; background-position: right 10px center; background-size:25px 13px; overflow:hidden; height:42px }
.produkt-varianta.active		{ background-image:url(../images/arrow-up.svg); }
.produkt-varianta-1,
.produkt-varianta-1.active		{ background:transparent;cursor:default;}


.produkt-varianta-select			{ display:none; position:absolute; width:100%; top:73px; z-index:1 }
.produkt-varianta-select-polozka	{ padding:8px 35px 8px 15px; cursor:pointer; font-weight: 400; border-bottom:solid 1px #fff; background-color:#C4C4C4;
									  background-image: url(../images/filtr.svg); background-repeat:no-repeat; background-position:right 15px center; color:#fff; }
.produkt-varianta-select-polozka.active	{ background-image: url(../images/filtr-active.svg); }
.produkt-varianta-select-polozka:last-child{ border:0 }

  
						  
		  
.quantity				{ width:118px; margin-top:7px; }
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; }
.quantity .button 		{ float:left; width:18px; height:30px; padding:5px; font-size:24px; text-align:center; font-weight:500; border:1px solid #000; 
						  cursor:pointer; outline:none; }
.quantity input			{ float:left; width:38px; padding:7px 10px 3px 10px; height:30px; text-align:right; font-size:16px; border-left:none; border-right:none; 
						  cursor:auto; background:#fff; }
.produkt-info-skladem	{ float:left; background:#000; color:#fff; padding:4px 10px; font-weight: 600; margin-bottom:10px; margin-right:30px  }
.produkt-info-dodani	{ float:left; font-weight: 600; margin-top:5px  }
.produkt-table table	{ width:100%; border-collapse:collapse; margin-top:50px; border:0; height:auto!important }
.produkt-table table tr	{ height:auto!important }
.produkt-table table td				{ border:0; border-bottom:1px solid #000; padding:10px 5px; width:auto; height:auto!important }
.produkt-table table td:first-child { width:0px!important; text-transform:uppercase; font-weight: 500; font-family: 'Oswald', 'Arial Narrow'; padding-right:30px; white-space: nowrap;
									  vertical-align:top }

									  
.produkt-info-popis			{  margin-bottom:40px; }  
.produkt-info-popis-nadpis	{ font-weight: 500; border-bottom:solid 1px black; padding:15px 0; text-transform:uppercase; cursor:pointer;
							  background-image:url(../images/arrow-down.svg); background-repeat: no-repeat;  background-position: right center; 
							  background-size:35px 20px; }	
.produkt-info-popis-nadpis.active	{ background-image:url(../images/arrow-up.svg); }	
.produkt-info-popis-text			{ display:none; margin-top:20px }

.produkt-podobne		{ margin-top:30px; text-transform:uppercase; font-weight: 500 }
.produkt-podobne hr		{ margin:15px 0 30px 0; height:2px }


/* Pro firmy */
.pro-firmy-left			{ float:left; width:calc(50% + 20px); }
.pro-firmy-left img		{ float:left; width:100%;  min-height:640px; max-height:740px; object-fit:cover; margin-bottom:50px;  }
.pro-firmy-right		{ float:left; width:calc(50% - 200px); max-width:545px; margin-left:90px; }
.pro-firmy-right-text	{ margin:40px 0; font-weight: 300 }
.pro-firmy-right-left	{ float:left; }
.pro-firmy-right-zakladatel	{ margin-top:10px}
.pro-firmy-right .oddelovac	{ float:left; margin:7px 15px; width:1px; height:24px; background:#000 }
.pro-firmy-right .social a	{ float:left; width:20px; height:20px; background:url(../images/social-in.svg); background-size:20px 20px; margin-top:8px; border:0 }
.pro-firmy-right-telefon {  margin-top:2px }
.pro-firmy-right-telefon a { border:0; }
.pro-firmy-right-telefon a:hover { border-bottom:1px solid #000 }
.pro-firmy-right-formular	{ position:relative; float:right; border:solid 1px #000; color:#000; width:148px; height:148px; text-align:center; font-weight:500;
				  				display:table; cursor:pointer; font-size:22px; line-height:28px; font-family: 'Oswald', 'Arial Narrow'; margin-top:-10px }
.pro-firmy-right-formular:hover	{ background:#000; color:#fff; }

.reference					{ float:left; width:100%; padding-bottom:30px; margin-top:50px }
.reference-nadpis			{ text-transform:uppercase; letter-spacing:0.035em }
.reference-logo-prostor		{ position:relative; float:left;  margin-right:80px; margin-top:20px; height:125px;  }
.reference-logo-vertical	{ height:100%; display:table;  }
.reference-logo				{ height:100%;  }
.reference-logo-prostor .reference-logo:first-child	{ margin-left:-18px }
.reference-logo-prostor .reference-logo:last-child	{ margin-right:0 }
.reference img				{ max-width:200px; border:0; max-height:80px; opacity:0.4; filter: grayscale(100%);  }
.reference-logo-sipka,
.reference-logo-sipka-prev	{ opacity:0; position:absolute; top:calc(50% - 10px); right:0; width:39px; height:15px; background:url(../images/arrow-black.svg); 
							  background-size:39px 15px; cursor:pointer; }
.reference-logo-sipka-prev	{ transform: rotate(-180deg); left:0; right:auto; top:calc(50% - 10px); }

.reference-menu				{ float:left; margin-top:50px; margin-right:50px }
.reference-polozka			{ float:left; clear:both; margin-bottom:14px; border-bottom:solid 4px transparent  }
.reference-polozka-desktop.active	{ border-bottom:solid 4px #000  }
.reference-polozka-desktop	{ cursor:pointer; }
.reference-polozka-desktop:hover	{ border-bottom:solid 4px #000  }

.reference-menu-mobile		{ display:none; }
.reference-menu-mobile-filtr-left { pointer-events:none; position:absolute; width:30%; height:55px; z-index:10;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%); }
.reference-menu-mobile-filtr-right{ pointer-events:none; position:absolute; width:30%; height:55px; z-index:10; right:0;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);}

.reference-galerie			{ float:right; width:65%; max-width:900px; margin-top:50px;  }
.reference-galerie img		{ float:left; width:100%; object-fit:cover; object-position:center}
.reference-foto				{ position:relative; float:left; width:100%; height:550px; overflow:hidden; text-align:center; }
.reference-foto-obr			{ position:relative; padding-top:55%;  }
.reference-foto-obr a		{ position:absolute; top:0; left:0; width:100%; }





.klienti						{ float:left; width:100%; padding-bottom:30px; margin-top:50px }
.reference2-logo-prostor		{ position:relative; display:inline-block; height:125px; width:calc(100%/6); text-align:center;  }
.reference2-logo-prostor img	{ max-width:125px; opacity:1; filter:none; max-height:60px;   }
.reference2-logo-vertical		{ width:100%; height:100%; display:table;  }
.reference2-logo				{ height:100%;  }

.formular			{ float:left; width:100%; padding:50px 0; background: #E5E5E5 }
.formular-nadpis	{ max-width:570px; margin:auto; text-align:center; }
.formular-left		{ float:left; width:calc(50% - 70px); margin:30px 140px 0 0; }
.formular-right		{ float:left; width:calc(50% - 70px); margin:30px 0 0 0; }
.formular-right	hr	{ margin-bottom:40px; }
.formular-podnadpis	{ margin-bottom:30px; font-weight: 400 }
.formular-text		{letter-spacing:0.02em; font-weight: 700  }

.formular-right .formular-text		{ text-transform:uppercase;   }
.formular input,		
.formular textarea		{ background:#fff; border:1px solid transparent; width:100%; padding:15px 10px; margin:10px 0}
.formular textarea		{ height:100px}
.formular input.error		{ border:1px solid red;}
.formular input.formular-input-small	{ width:248px; margin-top:25px }
.formular input.formular-input-small2	{ margin-top:38px }
.formular-text1		{ float:left; width:calc(100% - 268px); margin-right:20px; }
.formular-radio		{ position:relative; float:left; width:calc((100%/4) - 20px); text-align: center; margin:0 10px; font-weight: 400 }
.formular input[type="radio"]  { position:absolute; background:transparent; border:solid 2px #000; cursor:pointer; width:15px; height:15px; padding:0; margin:auto; left:0; right:0 } 
.formular input[type="radio"] + label { width:100%; text-align:center; cursor:pointer; display:block } 
.formular input[type="radio"]:checked  { background: #000 }
.formular input[type="radio"].error  { background: transparent; border:solid 2px red; } 
.formular .odeslat			{ width:148px; height:148px; margin:45px auto 0 auto; color:#000; border:solid 1px #000; text-align:center; 
					  	  	  display:table; cursor:pointer; font-weight:500 }
.formular .odeslat:hover	{ background:#000; color:#fff;  }
.formular-dekujeme 		{ display:none; margin-top:50px; margin-bottom:50px  }
.formular-dekujeme h2	{ font-weight: 700; margin-bottom:20px  }



.realizace		{ float:left; padding-top:50px; }
.realizace h2	{ padding-bottom:50px }
.realizace h3	{ padding-bottom:50px }
.realizace-40	{ position:relative; float:right; width:32%; margin:100px 10% 0 0 }
.realizace hr	{ margin:40px 0 20px 0 }
.realizace-inner		{ position:relative; float:left; width:100%; min-height:55vw; overflow:hidden; background:#fbfaf6 }

.realizace-pozadi		{ position:absolute; width:100%; height:100%; }
.realizace-pozadi img	{ width:100%; min-height:100%; object-fit:cover; object-position:95%}
.realizace-pozadi-nazev	{ display:none; position:absolute; left:50px; bottom:30px; font-weight:500; color:#fff }
.realizace-pozadi-sipka	{ display:none; position:absolute; right:50px; bottom:40px; width:31px; height:12px; background-image:url(../images/arrow-white.svg);
						  background-size:31px 12px  }
.realizace-obr			{ float:left; width:200px; text-align: center; line-height:28px; letter-spacing:0.03em }
.realizace .obrazek		{ position:relative; float:left; width:200px; height:200px; overflow:hidden; border:solid 1px #000; margin-bottom:30px; }
.realizace .obrazek-border-inner { position:absolute; top:0; left:0; width:calc(100% - 14px); height:calc(100% - 14px); border:solid 7px transparent }
.realizace .obrazek img	{ float:left; width:calc(100% - 14px); margin:7px }
.realizace-popis		{ float:right; width:calc(100% - 250px); margin-bottom:30px; display:table; height:200px }
.realizace-popis100		{ width:100%; display:block; height:auto; margin-top:20px }
.realizace-jmeno-left	{ text-align:left; }
.realizace-odeslat		{ float:right; width:148px; height:148px; border:solid 1px #000; color:#000; text-align:center; line-height:28px; margin-bottom:50px;
					  	  display:table; cursor:pointer; font-weight:500 }
.realizace-odeslat:hover { background:#000; color:#fff;  }

.realizace-inner-bila							{ background:#171516; color:#fff }
.realizace-inner-bila hr						{ background:#fff}
.realizace-inner-bila .obrazek					{ border:solid 1px #fff; }
.realizace-inner-bila .realizace-odeslat		{ background:#fff }
.realizace-inner-bila .realizace-odeslat:hover	{ background:#000 }



			
			
				  				
/* O nás */

.firma img				{ min-height:auto; max-height:580px; }
.o-nas-papir-left		{ float:left; width:30%; margin-left:9vw }
.papir					{ float:left; width:100%; margin-top:50px; margin-bottom:10px }
.papir-odkaz			{ float:left; width:120px; height:120px; }
.papir-odkaz a			{ float:left; width:100%; height:100%; background:#fff; color:#000; margin:0 0 0 0; border:solid 1px #000;
						  text-align:center; display:table; }
.papir-odkaz a:hover	{ background:#000; color:#fff; border:solid 1px #fff; }
.papir-text				{ float:left; margin-left:40px; width:calc(100% - 132px); max-width:400px }
.o-nas-papir-right		{ position:absolute; right:0; width:calc(70% - 9vw - 70px); height:100%;}
.o-nas-papir-right img	{ float:left; width:100%; height:100%; object-fit:cover }


.o-nas-pribeh-left		{ position:absolute; width:calc(50% - 90px); height:calc(100% - 100px); margin-top:100px }
.o-nas-pribeh-left img	{ float:left; width:100%; height:100%; object-fit:cover }
.o-nas-pribeh-right		{ float:right; width:calc(50% - 140px); margin-right:140px  }
.o-nas-pribeh-right-text{ margin-top:15px; }

.o-nas-nas-tym			{ width:calc(100% - 60px); text-align: center; margin:auto; }
.o-nas-tym				{ display:inline-block; width:calc((100%/3) - 40px); margin:40px 20px 0 20px; vertical-align: top; }
.o-nas-tym-typ1			{ width:calc((100%/4) - 40px);  }
.o-nas-tym-foto 		{ float:left; width:100%; height:calc(24vw - 60px); overflow:hidden; margin-bottom:30px }
.o-nas-tym-typ1 .o-nas-tym-foto 		{ height:calc(24vw - 120px); }
.o-nas-tym-foto img		{ float:left; width:100%;  }
.o-nas-tym-radek		{ padding:0 15px; text-align:left; }
.o-nas-tym-radek-center { text-align: center; }
.o-nas-tym-jmeno		{ display:inline-block; margin-right:13px; }
.o-nas-tym-linky		{ display:inline-block; position:relative; top:2px; }
.o-nas-tym-linky a		{ display:inline-block; width:28px; height:28px; background-size:28px 28px; border:0; margin-right:8px; }
.o-nas-tym-linky a.link-email	{ background-image:url(../images/email.svg) }
.o-nas-tym-linky a.link-fb		{ background-image:url(../images/social-fb.svg) }
.o-nas-tym-linky a.link-ig		{ background-image:url(../images/social-ig.svg) }
.o-nas-tym-linky a.link-in		{ background-image:url(../images/social-in.svg) }
.o-nas-tym-telefon		{ float:right; margin-top:6px }
.o-nas-tym-telefon a 	{ border:0; }
.o-nas-tym-telefon a:hover { border-bottom:1px solid #000 }
.o-nas-tym hr			{ float:left; width:100%; margin:12px 0 15px 0 }
.o-nas-tym-text			{ clear:both; padding:0 20px; }


.o-nas-napsali			{ background:#E3E3E3; text-align:center; padding:40px 0 60px 0}
.o-nas-napsali-inner	{ width:calc(100% - 10vw); margin:auto;  }
.o-nas-napsali-firma	{ display:inline-block; vertical-align:top; width:calc((100%/3) - 80px); margin:50px 40px 0 40px; }
.o-nas-napsali-firma-obr		{ width:100%; height:80px; display:table; text-align: center; }
.o-nas-napsali-firma-obr img	{ max-height:40px; max-width:200px; object-fit:cover }
.o-nas-napsali-firma-text	{ padding:0 20px; height:140px; max-width:450px; margin:auto; margin-top:35px; }
.o-nas-napsali-firma-odkaz	{ width:90px; height:90px; margin:20px auto; }
.o-nas-napsali-firma-odkaz a{ float:left; width:100%; height:100%; background:transparent; color:#000; border:solid 1px #000; text-align:center; display:table; }
.o-nas-napsali-firma-odkaz a:hover	{ background:#000; color:#fff; border:solid 1px #fff; }



/* Eventy */
.eventy-pro-firmy-right	{ margin-top:220px; }

.eventy-zazitky		{ display:inline-block; vertical-align:top; width:calc((100%/4 - 40px)); margin-top:30px; margin-right:30px; border-top:2px solid #000; padding-top:10px; }
.eventy-odkazy		{ float:left; margin:80px 0; width:100%;  }
.eventy-claim		{ float:left; max-width:600px; margin-right:50px; margin-bottom:30px }

.workshop-odkaz		{ float: left; width:137px; height:137px; color: #000; border: solid 1px #000; text-align: center; display: table; cursor: pointer;
				  	  font-weight: 400; margin-bottom:30px; line-height:28px}	
.workshop-odkaz:hover	{ background:#000; color:#fff; }
.workshop-soukromy	{ margin-left:50px; }

.workshopy			{ margin-bottom:50px; }
.workshopy h3		{ text-align:left; }
.workshop			{ display:inline-block; width:calc((100%/3) - calc(40px/3*2)); margin-left:20px; margin-right:20px; margin-top:15px; margin-bottom:50px; vertical-align:top; }
.workshop:nth-child(3n),
.workshop:last-child		{ margin-right:0; }
.workshop:nth-child(3n-2)	{ margin-left:0; }
.workshop-foto		{ position:relative; height:275px; }
.workshop-foto img	{ float:left; width:100%; height:100%; object-fit:cover }
.workshop-filtr		{ position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.3); color:#fff; opacity:0; display: table; text-align:center; font-weight: 500;
					   transition: opacity 0.3s ease-in-out;  }
.workshop:hover .workshop-filtr		{ opacity:1  }
.workshop-cena		{ position:absolute; bottom:30px; right:30px; background: #000; color:#fff; font-weight: 500; text-align:center; width:93px; height:93px; display:table; }
.workshop-nazev		{ font-weight: 500; margin:30px 0 15px 0; text-align:center; }
.workshop-datum		{ float:left; margin-top:5px;  }
.workshop-misto		{ float:right; margin-top:5px; width:calc(100% - 150px); text-align:right;  }
.workshop-zadne		{ text-align:left; margin-bottom:80px}

.tesit			{ float:left; height:464px; margin-top:30px  }
.tesit-foto		{ float:left; width:calc(50% - 40px); margin-right:80px; }
.tesit-foto img	{ float:left; width:100%  }
.tesit	h4		{ margin-bottom:15px }
.tesit-popis	{ float:left; width:calc(50% - 40px); max-width:428px; height:100%; display:table;  }


.tesit2			{ height:559px; margin-bottom:150px; }
.tesit-foto2	{ float:right; width:calc(100% - 508px); margin-left:80px; margin-right:0;  }


/* Košík */
.kosik			{ display:none; right:-652px; position:fixed; background:#000; width:100%; max-width:652px; height:100vh; top:0; padding:80px 40px 0 40px; color:white; overflow-y:scroll; z-index:10000}
.kosik-nadpis	{ float:left; text-transform:uppercase; margin-left:10px; margin-bottom:40px }
.kosik-zavrit	{ position:relative; float:right; cursor:pointer; width:44px; height:44px; }
.kosik-zavrit-cara1	{ position:absolute; top:50%; left:0; background:white; width:40px; height:2px; transform: rotate(-45deg); }
.kosik-zavrit-cara2	{ position:absolute; top:50%; left:0; background:white; width:40px; height:2px; transform: rotate(45deg);  }

/* Košík - panel */
.kosik-polozka			{ position:relative; float:left; width:100%; border-bottom:1px solid white; margin-top:30px; padding-bottom:30px; }
.kosik-polozka a		{ color:white; }
.kosik-polozka-img		{ position:relative; float:left; width:159px; height:159px; margin-left:10px }
.kosik-polozka-img img	{ position:absolute; width:100%; height:100%; object-fit:cover }
.kosik-polozka-nazev	{ font-weight:500; margin-top:5px; margin-bottom:10px; }
.kosik-polozka-nazev .font25 	{ line-height:40px; }
.kosik-polozka-nazev-produkt	{ text-transform:uppercase; }
.kosik-polozka-nazev-perex	{ margin-top:5px }
.kosik-polozka-displaytable	{ display:table; width:calc(100% - 159px - 30px - 10px); float:left;  margin-left:30px }
.kosik-polozka-left		{ display:table-cell; width:100%; padding-right:30px }
.kosik-quantity			{ width:118px; margin-top:7px;  float:left; border:solid 1px #fff }
.kosik-quantity input[type=number]::-webkit-inner-spin-button,
.kosik-quantity input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none; }
.kosik-quantity .button { float:left; width:18px; height:30px; padding:5px; font-size:24px; text-align:center; font-weight:500; border:1px solid #000; 
						  cursor:pointer; outline:none; }
.kosik-quantity input	{ float:left; width:38px; padding:7px 10px 3px 10px; height:30px; text-align:center; font-size:16px; border:none; 
						  cursor:auto; background:#000; color:#fff }
.kosik-polozka-odstranit{ position:absolute; margin:17px 0 0 140px; cursor:pointer; }
.kosik-polozka-upozorneni	{ display:none; margin-top:20px; color:red }
.kosik-polozka-upozorneni2	{ display:none; margin-top:20px; color:red }
.kosik-polozka-right	{ display:table-cell; text-align:right; vertical-align:top; }
.kosik-polozka-info-cena{ margin-top:7px}
.kosik-info-zobrazit	{ margin-left:10px }
.kosik-celkem-prostor	{ display:table; width:100%; margin-top:20px }
.kosik-celkem			{ display:table-cell; width:100%; padding-right:30px; text-transform:uppercase; font-weight: 500 }
.kosik-cena-celkem		{ display:table-cell; text-align:right; vertical-align:top; font-weight: 700}
.kosik-cena-celkem-text	{ margin-top:3px }
.kosik-celkem-zobrazit hr	{ background:#fff; margin-top:20px; }
.kosik-doprava-zdarma	{ margin:20px 0; }
.kosik-doprava-zdarma b { font-weight:600; }
.kosik-zpet				{ float:left; margin-top:40px; cursor:pointer; }
.kosik-zpet	img			{ float:left; margin-right:15px; margin-top:-5px;   }
.kosik-objednavka a		{ float:right; width:106px; height:106px; background:#000; color:#fff; border:solid 1px #fff; text-align:center; margin-bottom:50px;
					  	  display:table; cursor:pointer }
.kosik-objednavka a:hover	{ background:#fff; color:#000; border:solid 1px #000 }



/* Objednávka */
.obj-prostor			{ float:right; margin:30px 3.7vw 100px 0; width:calc(83% - 80px); }
.obj h2					{ margin-top:-50px }
.obj hr					{ height:4px }
.obj-povinne			{ float:left; font-size:11px; letter-spacing:0.075em }
.obj-strankovani		{ float:right; font-weight:500 }
.obj-podnadpis			{ font-weight:500; margin-bottom:20px }
.obj-podnadpis.error	{ color:red }
.obj-krok				{ display:none;  }
#obj-krok1				{ display:block }	
.obj-formular-prostor	{ max-width:1240px }
.obj-formular			{ float:left; width:100%; max-width:600px; } 
.obj-formular-right2	{ float:right; width:100%; max-width:600px; margin-left:40px;  } 
.obj-formular-dekujeme 	{ display:none;  }
sup						{ text-transform:lowercase; }
.obj-udaje-ulozeno	 	{ display:none; text-align: center; font-weight:400 }
.obj-formular img		{ width:100%; max-width:400px; margin-top:10px }
.obj-input 				{ float:left; width:100%; border-bottom:3px solid #000; }
.obj-input.error		{ border-bottom:3px solid red; }
.obj-input-text			{ display:inline-block; width:150px; letter-spacing:0.075em; text-transform:uppercase; padding:38px 0 8px 0; }
.obj input				{ display:inline-block; width:calc(100% - 150px); background:transparent; border:0; padding:38px 0 8px 0; font-size:20px; font-weight: 300}
.obj-input-poznamka		{ width:100%; border:0 }
.obj-input-noborder		{ border:0; }
.obj textarea			{ width:100%; padding:10px; height:70px; margin-top:15px; border:solid 1px transparent}
.obj textarea:focus		{ border:solid 1px #ddd}
.obj select				{ display:inline-block; width:calc(100% - 150px); background:transparent; border:0; padding:0 0 8px 0; font-size:20px; font-weight: 300; cursor:pointer;}
.obj select	option		{ padding:0;}
.obj-dodaci				{ margin-top:20px; font-weight:600; margin-bottom:10px }
.obj-checkbox			{ position:relative; float:left; margin:7px 0;  }
.obj input[type="checkbox"]  { position:absolute; border:solid 2px #000; cursor:pointer; width:13px; height:13px; padding:0; left:0; margin-top:2px } 
.obj input[type="checkbox"] + label {  float:left; cursor:pointer; padding-left:27px; text-transform:uppercase; font-size:11px; line-height:18px; letter-spacing:0.075em } 
.obj input[type="checkbox"]:checked  { background: #000 }
.obj .error input[type="checkbox"]  { border:solid 2px red; }
.obj .error input[type="checkbox"] + label { color:red } 
.obj .error input[type="checkbox"] + label a { color:red; border-bottom-color:red } 
#obj-firemni-hide,
#obj-dodaci-hide		{ display:none; }

.obj-podnadpis.error	{ color:red }

.obj-pokracovat			{ float:right; width:106px; height:106px; background:#fff; color:#000; border:solid 1px #000; text-align:center; 
					  	  display:table; cursor:pointer }
.obj-pokracovat:hover	{ background:#000; color:#fff;  }
#obj-krok1 .obj-pokracovat {  margin:-60px 0 0 0; }
.fakturacni-hide		{ display:none; }

.obj-zpet				{ float:left; cursor:pointer; margin-top:30px }
.obj-zpet-img			{ float:left; width:40px; height:40px; background-image:url(../images/arrow.svg); background-size:40px 40px; transform:rotate(180deg) }
.obj-zpet-text			{ float:left; margin:5px 0 0 20px }
#obj-krok2 .obj-pokracovat {  margin:0; }

.obj-radio				{ position:relative; float:left; width:100%; border-bottom:solid 2px #000;  }
.obj-radio .error		{ color:red }
.obj input[type="radio"]  { position:absolute; border:solid 3px #000; cursor:pointer; width:20px; height:20px; padding:0; left:0; margin-top:31px } 
.obj input[type="radio"] + label {  float:left; width:100%; cursor:pointer; font-weight: 400; padding:25px 0 20px 40px; } 
.obj input[type="radio"]:checked  { background: #000 }
.obj-radio-cena			{ float:right; font-weight: 700; }
.obj-radio-adresa		{ color:#AFAFAF }
.obj-radio-apple-img	{ position:absolute; top:28px; left:150px; width:48px; height:31px; background-image:url(../images/apple.svg); background-size:48px 31px; }

/*#radio-apple			{ display:none; }*/
#paypal-zaplaceno		{ display:none; }
.paypal-text			{ font-family:Open Sans;  }

.zasilkovna-hide		{ display:none; float:left; }
.zasilkovna-zmenit		{ float:left; color:#000; border-bottom:1px solid #000 }


.dpd-pickup-hide		{ display:none; float:left; }
.dpd-pickup-zmenit		{ float:left; color:#000; border-bottom:1px solid #000 }

#dpd-widget				{ display:none; position:fixed; width:100%; height:100vh; z-index:100000; margin:0; border:0; background:#fff}

.obj-formular2			{ width:100%; max-width:1300px; }
.obj-formular-left		{ float:left; width:calc(50% - 40px); margin-right:80px; }
.obj-rekap				{ position:relative; float:left; width:100%; border-bottom:solid 2px #000; padding-bottom:10px;  }
.obj-rekap-podnadpis	{ margin-top:20px }
.obj-rekap-sleva		{ float:left; margin-top:20px; }
.obj-rekap-sleva-popis	{ float:left; width:calc(100% - 220px); margin-bottom:10px; }
input.slevovy-kod		{ float:right; width:calc(100% - 150px); max-width:200px; background:#eee; margin-top:0px; margin-bottom:10px; padding:8px 10px; 
						  font-size:16px }
.obj-rekap-sleva-text	{ display:none; float:right; margin-bottom:5px }
.obj-rekap-kredit		{ float:right; font-weight:700; margin:-2px 0 15px 0}
.obj-rekap-kredity-text	{ float:left; margin-left:30px; margin-top:2px}
.obj-rekap input[type="checkbox"]  { position:absolute; border:solid 3px #000; cursor:pointer; width:20px; height:20px; padding:0; left:0; } 
.obj-rekap input[type="checkbox"] + label { float:left; cursor:pointer; padding-top:1px; padding-left:30px; text-transform:none; font-size:inherit; line-height:inherit; 
											letter-spacing:inherit; } 
.obj-rekap input[type="checkbox"]:checked  { background: #000 }
.obj-formular-right		{ float:left; width:calc(50% - 40px); }
.obj-rekap-text			{ display:inline-block; width:calc(100% - 140px); padding:8px 0 8px 0; line-height:24px }
.obj-celkem				{ float:left; width:100%; margin-top:30px  }
.obj-celkem-text		{ float:left; text-transform:uppercase; font-weight: 500; margin-top:-2px }
.obj-objednat			{ float:right; width:106px; height:106px; background:#000; color:#fff; border:solid 1px #000; text-align:center; 
					  	  display:table; cursor:pointer }
					  	  

.obj .kosik-polozka					{ border-bottom:solid 2px #000 }
.obj .kosik-polozka a				{ color:#000; border:0 }
.obj .kosik-polozka-img				{ width:113px; height:113px; margin-left:0px }
.obj .kosik-polozka-displaytable	{ width:calc(100% - 113px - 30px);}
.obj .kosik-quantity				{ border:solid 1px #000 }
.obj .kosik-polozka-nazev			{ margin-top:0; }
.obj .kosik-polozka-info-cena		{ font-weight: 700; margin-top:6px}
.obj .kosik-quantity .button 		{ border:0;  }
.obj .kosik-quantity input			{ width:38px; padding:5px 10px 5px 10px; height:30px; background:#fff; color:#000; font-size: 16px; }

.fotoramecek textarea				{ border:solid 1px #ddd; margin-top:10px}
.fotoramecek textarea:focus			{ border:solid 1px #000; }
.fotoramecek textarea.error			{ border:solid 1px red; }
.fotoramecek input					{ width:100%; padding-top:10px; font-size:16px;  }
.fotoramecek-text					{ margin-top:30px; font-weight:700; }
.fotoramecek-poznamka-text			{ font-size:10px }
.fotoramecek						{ border:solid 1px transparent }
.fotoramecek.error					{ border:solid 1px red }
.fotoramecek-obrazek img			{ width:100%; max-height:700px; object-fit:cover; margin-top:10px }


.svobodny-blok textarea				{ border:solid 1px #ddd; margin-top:10px; width:100%; height:300px}
.svobodny-blok textarea:focus		{ border:solid 1px #000; }
.svobodny-blok textarea.error		{ border:solid 1px red; }
.svobodny-blok-text					{ margin-top:30px; font-weight:700; }
.svobodny-blok-poznamka-text		{ font-size:10px }
.svobodny-blok						{ border:solid 1px transparent }
.svobodny-blok.error				{ border:solid 1px red }

/* Dialogy */
.dialog-prostor			{ display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:10000 }
.dialog-prostor-table	{ display:table; width:100%; height:100%;  }
.dialog-panel			{ position:relative; margin:auto; background:#fff; width:calc(100% - 40px); max-width:513px; }
.dialog-zavrit			{ position:absolute; right:0; cursor:pointer; width:44px; height:44px; margin:41px 10px 0 0; }
.dialog-zavrit-cara1	{ position:absolute; top:20px; left:0; background:#000; width:26px; height:2px; transform: rotate(-45deg); }
.dialog-zavrit-cara2	{ position:absolute; top:20px; left:0; background:#000; width:26px; height:2px; transform: rotate(45deg);  }
.dialog-uspech-prostor	{ display: none; }
.dialog-uspech			{ position:absolute; bottom:30px; left:30px; color:#808080; text-transform:uppercase; }
.dialog-ok				{ position:absolute; bottom:30px; right:30px; text-transform:uppercase; cursor:pointer;}
.dialog					{ padding:0 40px }
.dialog-prihlasit		{ width:84px; height:84px; background:#000; color:#fff; text-align:center; margin:auto; margin-top:10px;
					  	  display:table; cursor:pointer;  }

.dialog-input 			{ float:left; width:100%; border-bottom:2px solid #000; }
.dialog-input.error		{ border-bottom:2px solid red; }
.dialog-input-text		{ display:inline-block; width:90px; letter-spacing:0.075em; text-transform:uppercase; padding:38px 0 8px 0; }
.dialog input			{ display:inline-block; width:calc(100% - 90px); background:transparent; border:0; padding:38px 0 8px 0; font-size:20px; font-weight: 300}



/* Dialog SMAZAT */
.dialog-smazat				{ height:200px; }
.smazat-hlaska 				{ float:left; width:100%; margin-top:44px; margin-bottom:30px; text-align:center; font-weight:500; text-transform:uppercase; 
							  letter-spacing:0.075em }
.smazat-potvrdit			{ position:absolute; bottom:20px; right:0; margin-right:30px; height:30px; cursor:pointer; text-transform:uppercase; font-weight:400}
.smazat-storno				{ position:absolute; bottom:20px; height:30px; cursor:pointer; margin-left:30px; text-transform:uppercase; font-weight:400 }


/* Dialog PŘIHLÁŠENÍ */
.dialog-prihlaseni						{ height:470px; }
.dialog-prihlaseni .zapomenute-heslo	{ float:right; margin:20px 40px 0 0; border-bottom:solid 1px #000; cursor:pointer; font-size:12px; line-height:14px }
.dialog-prihlaseni .prihlasit-odeslat	{ float:right; width:50px; margin:10px 20px 0 0; cursor:pointer; }
.dialog-prihlaseni .prihlasit-odeslat img { float:left; width:100%; } 
.nova-registrace						{ position:absolute; bottom:30px; left:0; right:0; margin:auto; text-align:center; }



/* Dialog ZAPOMENUTÉ */
.dialog-zapomenute				{ height:370px; }
.dialog-zapomenute-text			{ padding:0 50px; text-align:center; margin:20px 0; font-weight: 400}
.dialog-zapomenute-odeslat		{ width:84px; height:84px; background:#000; color:#fff; text-align:center; margin:auto; margin-top:10px;
					  	  		  display:table; cursor:pointer;  }
.dialog-zapomenute-hide2		{ display:none; }


/* Dialog REFFERAL */
.dialog-refferal			{ height:415px; }
.dialog-refferal-text		{ float:left; letter-spacing:0.03em; margin-top:70px; padding:0 80px; text-align: center;}
.dialog-refferal-odeslat	{ width:84px; height:84px; background:#000; color:#fff; text-align:center; margin:auto; display:table; cursor:pointer;  }
.refferal-odeslano			{ display: none; float:left; width:100%; font-weight: 500; text-align: center; margin-top:80px; padding:0 80px; }


/* Dialog zaplaceno */
.dialog-zaplaceno-prostor	{ display:block; text-align:center; }
.dialog-zaplaceno			{ height:220px; }


/* ERROR */
.dialog .error-hlaska 			{ color:#EB5757; display:none; }
.dialog .error .error-hlaska 	{ display:inline-block; }


/* Registrace */
.registrace-odeslat		{ margin:auto; margin-top:30px; width:106px; height:106px; background:#000; color:#fff; text-align:center; display:table; cursor:pointer;  }


/* Moje údaje */
.udaje-ulozit			{ margin:auto; margin-top:30px; width:106px; height:106px; background:#000; color:#fff; text-align:center; display:table; cursor:pointer;  }
.eshop-prostor h2		{ float:left }
.obj-formular-odhlasit	{ float:right; margin-top:-10px }
.obj-formular-odhlasit a	{ border:0;}
.obj-formular-odhlasit a:hover	{ border-bottom:solid 2px #000 }

/* Objednávky */
.objednavky-table-scroll	{ position:relative; overflow-x:auto; }
.objednavky-table		{ border-collapse:collapse; width:100%; min-width:800px; margin-top:30px;border-bottom:1px solid #000; }
.objednavky-table-head	{ text-transform:uppercase; letter-spacing: 0.075em }
.objednavky-table td	{ padding:0px 0 0px 0 }
.objednavky-table .objednavky-border td	{ border-top:1px solid #000; padding:25px 0 20px 0 }
.objednavky-table-head td	{ padding-bottom:10px }
.objednavky-zobrazit		{ text-align:right; }
.objednavky-zobrazit a	{ border:0 }

.objednavky-polozka			{ position:relative; float:left; width:100%; max-width:650px; margin:10px 0; }
.objednavky-polozka a		{ color:white; }
.objednavky-polozka-img		{ position:relative; float:left; width:159px; height:159px;  }
.objednavky-polozka-img img	{ position:absolute; width:100%; height:100%; object-fit:cover }
.objednavky-polozka-nazev	{ font-weight:500; margin-top:5px; margin-bottom:10px; }
.objednavky-polozka-nazev .font25 	{ line-height:40px; }
.objednavky-polozka-nazev-produkt	{ text-transform:uppercase; }
.objednavky-polozka-nazev-perex	{ margin-top:5px }
.objednavky-polozka-displaytable	{ display:table; width:calc(100% - 159px - 30px - 10px); float:left;  margin-left:30px }
.objednavky-polozka-left		{ display:table-cell; width:100%; padding-right:30px }
.objednavky-polozka-right	{ display:table-cell; text-align:right; vertical-align:top; }
.objednavky-polozka-info-cena{ margin-top:9px; font-weight:500;}
.objednavky-polozka-info-cena-celkem{  font-weight:500;}
.objednavky-cena td			{ padding-bottom:20px }
.objednavky-table tbody		{ display:none; }
.objednavky-td-sipka		{ width:100px }
.objednavky-sipka			{ cursor:pointer; width:35px; height:18px; background-image:url(../images/arrow-down.svg); background-size:35px 18px; }
.objednavky-sipka.active	{ transform: rotate(180deg); }


/* Refferal */
.refferal				{ float:left; margin-top:-18px; margin-left:80px;}
.refferal-kod			{ font-weight: 500 }
.refferal-left			{ float:left; width:calc(100% - 200px); max-width:795px; margin-right:50px }
.refferal-left-nadpis	{ font-weight:500; margin:30px 0 25px 0 }
.refferal-left-text		{ letter-spacing:0.03em  }
.refferal-right			{ float:left; width:150px }
.ziskat-odmenu			{ margin:auto; margin-top:60px; width:148px; height:148px; background:#000; color:#fff; text-align:center; display:table; cursor:pointer;
						  font-weight:500;   }
.refferal-nadpis		{ font-weight:500; margin:80px 0 25px 0 }
.refferal-ziskejte-left	{ float:left; width:100%; max-width:330px; margin-right:80px; text-align:center; }
.refferal-ziskejte-right{ float:left; width:100%; max-width:330px; text-align:center;  }
.refferal-ziskejte-cislo{ width:53px; height:53px; background:#000; color:#fff; font-weight:500; display:table; margin:auto; margin-top:30px }
.zaregistrovat			{ margin:auto; margin-top:60px; width:148px; height:148px; background:#000; text-align:center; display:table; cursor:pointer;
						  font-weight:500;   }
.zaregistrovat a		{ color:#fff;   }

/* Děkujeme */
.dekujeme-potvrzeni		{ text-align:center; font-weight: 500; margin-top:30px }
.dekujeme-text			{ width:calc(100% - 60px); max-width:543px; margin:auto; text-align:center; margin-top:50px; letter-spacing:0.03em  }
.dekujeme-zpet a		{ margin:auto; margin-top:80px; margin-bottom:80px; width:136px; height:136px; background:#000; color:#fff; text-align:center; display:table; cursor:pointer;  }



/* Podstránky */
.podstranky-text		{ float:left; width:100%; max-width:800px; }
.podstranky-text img	{ max-width:100%; }
.podstranky-text h3		{ margin:60px 0 30px 0; font-weight:700 }
.podstranky-text b		{ font-weight:700 }
.podstranky-text li		{ list-style-position:outside; margin-left:20px }

.podstranky-obr			{ float:left; width:100%; max-width:calc(100% - 800px - 80px); margin-left:80px; margin-top:80px; }
.podstranky-obr img		{ float:right; max-width:100%; }

.op-kapitola			{ float:left; width:50px; font-weight:600; margin-bottom:30px }
.op-text				{ float:left; width:calc(100% - 50px); margin-bottom:30px }

.op-text .op-kapitola	{ width:70px; margin-bottom:0; margin-top:30px }
.op-text .op-text		{ width:calc(100% - 70px); margin-bottom:0; margin-top:30px }

/* Footer */
footer				{ position:relative; background:#000; color:#fff; z-index:10 }
footer a			{ color:#fff; border:0 }
footer a:hover		{ border-bottom:solid 1px #fff }
footer hr			{ background:#fff }
.footer-newsletter	{ width:calc(100% - 200px); margin:0 auto; padding:40px 0 40px 0}
.footer-newsletter-left	{ float:left; width:calc(50% - 40px); margin-bottom:10px; margin-right:80px; max-width:800px;}
.footer-newsletter-left h3	{ margin-bottom:15px }
.footer-newsletter-right	{ float:left; width:calc(50% - 40px); }
.footer-newsletter-right input	{ float:left; width:calc(100% - 120px); max-width:450px; margin:55px 30px 0 0; border:solid #fff 1px; }
.footer-newsletter-right input.error	{ border:solid red 1px; }
footer .odeslat		{ float:left; width:81px; height:81px; margin:45px 0 0 0; background:#000; color:#fff; border:solid 1px #fff; text-align:center; 
					  display:table; cursor:pointer; letter-spacing:0.05em; text-transform:uppercase; }
footer .odeslat:hover	{ background:#fff; color:#000;  }
.footer-inner		{ width:calc(100% - 40px); max-width:1346px; margin:auto; line-height:32px; padding-bottom:40px; }
.footer4			{ float:left; width:calc((100%/4) - 60px); margin:0 30px; padding:40px 0 0 0}
.footer4 h3			{ letter-spacing:0.1em; text-transform:uppercase; margin-bottom:15px }
footer .social 		{ float:left; width:105px; margin:5px auto 10px auto }
footer .social a	{ float:left; width:25px; height:25px; background-size:25px 25px; margin-right:10px; border:0 }
footer .social-fb a	{ background-image:url(../images/social-fb-white.svg); }
footer .social-ig a	{ background-image:url(../images/social-ig-white.svg); }
footer .social-in a	{ background-image:url(../images/social-in-white.svg); }


.b-product-gallery		{ position:absolute; top:0; left:0; width:100%; height:100%; }
.b-product-gallery a	{ border:0 }
.b-modal__close			{ position:absolute; top:15px; right:0; cursor:pointer; width:40px; height:40px; }
.b-modal__close-cara1	{ position:absolute; top:50%; left:0; background:white; width:42px; height:2px; transform: rotate(-45deg); }
.b-modal__close-cara2	{ position:absolute; top:50%; left:0; background:white; width:42px; height:2px; transform: rotate(45deg); }
.b-modal__next-btn		{ width:40px; height:40px; background:url(../images/arrow.svg); background-size:40px 40px; margin-right:30px }
.b-modal__prev-btn		{ width:40px; height:40px; background:url(../images/arrow.svg); background-size:40px 40px; transform: rotate(-180deg); margin-left:30px }
.b-modal__nav-item.is-active 		{ background:transparent; border:solid 1px #eeeeee }

/* thumbnails */
.b-product-gallery__thumbwrap	{ position:absolute; z-index:100; width:100%; height:20px; bottom:40px; }
.b-product-gallery__thumbwrap li	{ display:inline-block; }
.b-product-gallery__thumbwrap .b-modal__nav-item { display:inline-block; }
.b-product-gallery__thumbwrap li button { background:transparent; border:solid 1px #000; float:left  }
.b-product-gallery__thumbwrap li.is-selected button { background: #000 }
.product-detail-arrow	{ position:absolute; top:calc(50% - 20px); width:0; z-index:100; display: flex; justify-content: center; }
.product-detail-arrow-prev	{ left:30px }
.product-detail-arrow-next	{ right:30px }
.b-product-gallery__thumbwrap .b-modal__prev-btn { margin:0 }


.bold	 { font-weight:700 }


.overlay		{ display:none; position:fixed; width:100%; height:100vh; background:rgba(12,12,12,0.95); overflow-y:auto; z-index:10000; }
.overlay-gdpr 	{ top:0; background:rgba(0,0,0,0.25); z-index:10000000}

.gdpr		 	{ position:fixed; left:0; bottom:0; width:100%; background:#F2F2F2; color:#000; padding:35px 55px; box-shadow: 0px -10px 12px rgba(0, 0, 0, 0.2); z-index:1000000 }
.gdpr-nadpis	{ margin-bottom:5px }
.gdpr-vice		{ float:left; margin-top:10px }
.gdpr-vice a	{ border-bottom:1px solid #000; }
.gdpr-left		{ float:left; width:calc(100% - 650px) }
.gdpr-right		{ float:right; width:600px }
.gdpr-close		{ float:right; cursor: pointer; margin-bottom:25px }
.gdpr-button	{ float:left; padding:8px 12px; letter-spacing:0.09em; text-transform: uppercase; cursor:pointer; border: 2px solid #000; margin-left:20px  }
.gdpr-button.active	{ background:#000; color:white }


.gdpr-info			{ display:none; position:fixed; left:0; top:0; width:100%; max-width:658px; height:calc(100vh - 160px); left:0; right:0; margin:auto; margin-top:80px; background:#F2F2F2; 
					  color:#000; padding:35px 55px; z-index:100000000; overflow-y:auto }
.gdpr-info-close	{ position:absolute; top:35px; right:55px; cursor: pointer;  }
.gdpr-info hr		{ background:#989898; margin-top:10px }
.gdpr-subnadpis		{ margin:30px 0 20px 0 }
.gdpr-info-uvod-text{ margin:10px 0 30px 0; text-align: justify; }
.gdpr-info-button	{ margin:0 0 30px 0  }
.gdpr-info-checkbox input[type="checkbox"]  { position:absolute; opacity:0; cursor:pointer; border:0; width:0; height:0; padding:0; }
.gdpr-info-checkbox input[type="checkbox"] + label	{ float:right; cursor:pointer; width:50px; height:23px; margin-top:20px; margin-right:20px; background:url(../images/checkbox.svg); background-size:100px 23px  } 
.gdpr-info-checkbox input[type="checkbox"]:checked + label  { background-position: -50px  }
.gdpr-info-click	{ float:left; width:calc(100% - 130px); cursor:pointer;}
.gdpr-info-click-aktivni	{ width:calc(100% - 150px); }
.gdpr-info-minus	{ display:none; float:left; width:20px; margin-top:0px; color:#989898 }
.gdpr-info-plus		{ float:left; width:20px; margin-top:6px; color:#989898 }
.gdpr-info-cookies	{ float:left; width:calc(100% - 50px); letter-spacing:0.075em; text-transform:uppercase; font-weight: 500; margin:20px 0 0 20px }

.gdpr-info-aktivni	{ float:right; margin-top:20px; margin-right:20px; color:#000 }
.gdpr-info-text		{ display:none; margin:10px 0 30px 0; text-align: justify; }
.gdpr-info hr.black	{ background:#000; }
.gdpr-info-potvrdit { float:none; margin:50px auto 30px auto; width:180px; text-align:center;   }

.o-cookies			{ float:left; cursor:pointer; border-bottom:1px solid transparent; margin-top:3px; line-height: 21px!important; }
.o-cookies:hover	{ border-bottom:1px solid #fff; }



/* Vánoční adventní kalendář */
.vanoce			{ position:relative; width:100%; min-height:calc(100vh - 220px); overflow:hidden; background:#ebe9e9; padding-top:220px;  }

.vanoce-prostor	{ float:left; width:90%; margin-left:5%; text-align: center; }
.vanoce-nadpis	{ text-transform: uppercase;}
.vanoce-text	{ margin-top:20px; }
.vanoce-kalendar{ float:left; width:100%; margin:50px 0 100px 0; }
.vanoce-okno	{ position:relative; float:left; width:calc(25% - (2%*3/4)); aspect-ratio : 1 / 1; margin-right:2%; cursor:pointer; }
.vanoce-okno0	{ background:#7aa080 url(../images/jmeli.svg); background-size: 200% 100% }
.vanoce-okno0:hover	{ background-position:100%  }
.vanoce-okno1	{ background:#b8cec0 url(../images/snehulak.svg); background-size: 200% 100%  }
.vanoce-okno1:hover	{ background-position:100%  }
.vanoce-okno2	{ background:#dbdada url(../images/vlocka.svg); background-size: 200% 100%  }
.vanoce-okno2:hover	{ background-position:100%  }
.vanoce-okno3	{ background:#718c77 url(../images/stromek.svg); background-size: 200% 100%; margin-right:0px;  }
.vanoce-okno3:hover	{ background-position:100%  }
.vanoce-okno.active	{  background-image:url(../images/darek.svg); background-size: 100% 100%;  }
.vanoce-okno.cursor	{ cursor: default; }
.vanoce-okno.cursor:hover	{ background-position:0  }
.vanoce-okno-text	{ display:none; position:absolute; width:calc(100% - 24%); text-align:left; left:14%; bottom:14%}
.vanoce-okno-text-small	{ margin-top:20px }




.youtube-container {
position:absolute;
    overflow: hidden;
    width: 100%;

    margin:auto;
    /* Keep it the right aspect-ratio */
    aspect-ratio: 16/9;

} 

@supports not (aspect-ratio: 16 / 9) {
  aspect-ratio:auto;
} 

.youtube-container iframe {

    /* No clicking/hover effects */
    pointer-events: none;
} 

.home-motto19	{ text-align:right; margin-right:20vw }

.slider19 .home-eshop a	{ margin-right:20vw; float:right }



.info-lista  { background-color:#000; color:#fff; padding:10px 0 }
.nav-vanoce  { top:108px } 



.comgate-img img	{ float:right; width:100%; max-width:600px; margin-top:30px; margin-right:70px;  }