@font-face{
	font-family:'LatoLatin';
	src:url('../fonts/LatoLatin-Regular.eot');
	src:url('../fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/LatoLatin-Regular.woff2') format('woff2'),
			url('../fonts/LatoLatin-Regular.woff') format('woff'),
			url('../fonts/LatoLatin-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	font-display:swap;		
}
@font-face{
	font-family:'LatoLatin';
	src:url('../fonts/LatoLatin-Italic.eot');
	src:url('../fonts/LatoLatin-Italic.eot?#iefix') format('embedded-opentype'),
			url('../fonts/LatoLatin-Italic.woff2') format('woff2'),
			url('../fonts/LatoLatin-Italic.woff') format('woff'),
			url('../fonts/LatoLatin-Italic.ttf') format('truetype');
	font-weight:normal;
	font-style:italic;
	font-display:swap;		
}
@font-face{
	font-family:'LatoLatin';
	src:url('../fonts/LatoLatin-Bold.eot');
	src:url('../fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/LatoLatin-Bold.woff2') format('woff2'),
			url('../fonts/LatoLatin-Bold.woff') format('woff'),
			url('../fonts/LatoLatin-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
	font-display:swap;		
}
@font-face{
	font-family:'LatoLatin';
	src:url('../fonts/LatoLatin-BoldItalic.eot');
	src:url('../fonts/LatoLatin-BoldItalic.eot?#iefix') format('embedded-opentype'),
			url('../fonts/LatoLatin-BoldItalic.woff2') format('woff2'),
			url('../fonts/LatoLatin-BoldItalic.woff') format('woff'),
			url('../fonts/LatoLatin-BoldItalic.ttf') format('truetype');
	font-weight:bold;
	font-style:italic;
	font-display:swap;		
}
@font-face{
	font-family:'LatoLatinLight';
	src:url('../fonts/LatoLatin-Light.eot');
	src:url('../fonts/LatoLatin-Light.eot?#iefix') format('embedded-opentype'),
			url('../fonts/LatoLatin-Light.woff2') format('woff2'),
			url('../fonts/LatoLatin-Light.woff') format('woff'),
			url('../fonts/LatoLatin-Light.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	font-display:swap;		
}

@font-face{
	font-family:'Segoe UI';
	src:local("Segoe UI Symbol"), url('../fonts/seguisym.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
	font-display:swap;		
}


*{box-sizing:border-box;}
body{margin:0;font-size:15px;line-height:1.666em;font-family:'LatoLatin','Segoe UI',sans-serif;font-weight:normal;box-sizing:border-box;overflow-x:hidden;}

h1,h2,h3,h4,h5{padding:0;color:#39393a;font-family:'LatoLatin','Segoe UI',sans-serif;font-weight:normal;}
h1{font-size:45px;line-height:1.1em;margin:.75em 0;font-family:'LatoLatinLight','Segoe UI',sans-serif;}
h2{font-size:35px;line-height:1.143em;margin:1.714em 0 1.2em;font-family:'LatoLatinLight','Segoe UI',sans-serif;}
h3{font-size:25px;line-height:1.2em;margin:1.6em 0 1.2em;}
h4{font-size:20px;line-height:1.5em;margin:1.5em 0 1em;}
h5{font-size:18px;line-height:1.389em;margin:1.1em 0;}

p{font-size:16px;line-height:1.666em;margin:1em 0;padding:0;}
p.info{color:#9c9c9c;font-size:14px;margin:.5em 0;}
.perex h1{margin:.75em 0;}
.perex p,
p.perex{font-size:20px;line-height:1.3em;font-family:'LatoLatinLight','Segoe UI',sans-serif;color:#6e6e78;}
.perex a.btn,.perex a.btn2,.perex a.b2bbtn,.perex a.b2bbtn2{font-size:16px;font-weight:bold;}


.titleImg h1,
.titleImg h2{font-size:55px;margin:.2em 0;}
.titleImg .txtbanner h1,
.titleImg .txtbanner h2{font-family: 'LatoLatin','Segoe UI',sans-serif;font-size:50px;margin:0;}
.titleImg .txtbanner h3{font-size:25px;margin:10px 0;}
.titleImg .txtbanner p{font-size: 18px;margin:10px 0;}


ol,ul{margin:1em 0;}
li{font-size:16px;line-height:1.666em;margin:1em 0;}
input,button,select,textarea{font-family:'LatoLatin','Segoe UI',sans-serif;font-size:16px;}
input.search{border:none;font-size:1.2em;padding:.5em .5em .5em 35px;background:url(../svg/header-search.svg) 5px 8px no-repeat;background-size:20px;}

dl{}
dt::after{content:":";}
dt{display:block;float:left;clear:both;margin-right:1em;}
dd{font-weight:bold;margin-left:70px;}

a{color:#39393a;text-decoration:underline;text-decoration-color:#9c9c9c;cursor:pointer;}
a:hover{text-decoration:none;color:#000;}

a.btn,a.btn2,a.b2bbtn,a.b2bbtn2{display:inline-block;margin:.5em 1em;padding:1.3em 3em;color:#FFF;text-decoration:none;text-transform:uppercase;}
a.btn,a.btn2{background-color:#39393a;border:2px solid #39393a;}
a.btn2{background-color:#FFF;color:#39393a;}
a.btn:hover{color:#39393a;background-color:#FFF;}
a.btn2:hover{color:#FFF;background-color:#39393a;}

a.b2bbtn,a.b2bbtn2{background-color:#7C3585;border:2px solid #7C3585;}
a.b2bbtn2{background-color:#FFF;color:#7C3585;}
a.b2bbtn:hover,a.b2bbtn2:hover{color:#FFF;background-color:#39393a;text-decoration:underline;text-decoration-color:#9c9c9c;}
a.btn.small,a.btn2.small,a.b2bbtn.small,a.b2bbtn2.small{padding:6px 20px;font-size: .85em;}


.icotxt{background:left calc(50% - 1px) no-repeat;background-size:20px;padding-left:28px;display:inline-block;min-height:20px;vertical-align:middle;}
.icotxt.arrow{background-image:url(../svg/arrow.svg);}
.icotxt.phone{background-image:url(../svg/phone.svg);}
.icotxt.email{background-image:url(../svg/mail.svg);}
.icotxt.download{background-image:url(../svg/download.svg);}
.icotxt.arrowleft{background-image:url(../svg/arrow-left.svg);}

.icobtn{display:inline-block;margin:.5em 1em .5em 0;padding:10px 25px 10px 40px;color:#39393a;border:2px solid #39393a;text-decoration:none;text-transform:uppercase;background:#FFF url(../svg/nav-add.svg) 15px calc(50% - 1px) no-repeat;background-size:10px;}
.icobtn.sel{background-color:#E9E9E9;background-image:url(../svg/nav-remove.svg);border-color:#E9E9E9;}
.small>.icobtn{padding:6px 20px 6px 30px;font-size:.85em;}

.hid,.hidd{display:none !important;}
.l{text-align:left !important;justify-content: start;}
.c,.center{text-align:center !important;justify-content: center;}
.r{text-align:right !important;justify-content: end;}
.vt {vertical-align:top !important;align-self:start;}
.vm {vertical-align:middle !important;align-self:center;}
.vb {vertical-align:bottom !important;align-self:end;}
.nw {white-space:nowrap !important;}

/*bile pozadi lightboxu*/
.mfp-figure::after {background-color:#fff;}

@media only screen and (max-width:640px){
h1{font-size:32px;line-height:1.1em;margin:.75em 0;}
h2{font-size:32px;line-height:1.1em;margin:1.5em 0 1.3em;}
h3{font-size:24px;margin:1.6em 0 1.2em 0;}
h4{font-size:18px;margin:1.5em 0 1em 0;}
h5{font-size:16px;margin:1.1em 0;}

p{font-size:14px;margin:1em 0;}
.perex p,p.perex{font-size:18px;}

.titleImg h1,
.titleImg h2{font-size:55px;}

.titleImg .txtbanner h1,
.titleImg .txtbanner h2{font-size:40px;}
.titleImg .txtbanner h3{font-size:22px;margin:8px 0;}
.titleImg .txtbanner p{font-size: 16px;margin:8px 0;}

li{font-size:14px;}
input,button,select,textarea{font-size:14px;}

}

@media only screen and (max-width:400px){
a.btn,a.btn2,a.b2bbtn,a.b2bbtn2{display:block;padding:1.5em 1em;text-align:center;}
}

/*LAYOUT*/
.cnt{max-width:1680px;margin:auto;padding:0 20px;}

@media only screen and (max-width:1080px){
.cnt{padding:0 1em;}
}



header{background:#FFF;border-bottom:1px solid #E7E7E7;position:relative;}
header.sel{background:linear-gradient(0deg, #e6e6e6 0%, #fff 65%);}
header .cnt{display:flex;align-items:center;position:relative;min-height: 80px;}

header .logo{display:block;width:157px;height:60px;margin-bottom:6px;background:url(../svg/trachea-wood-logo.svg) no-repeat;background-size:contain;text-indent:-9999px;border:0;}

header ul{margin:0;padding:0;display:flex;}
header li{margin:0;display:block;list-style:none;padding:0 .5em;font-size:14px;}
header a{display:block;height:100px;margin-bottom:-1px;border-bottom:1px solid #E7E7E7;white-space:nowrap;}
header a::after{content:"";height:100%;display:inline-block;width:1px;vertical-align:middle;}
header a>span{display:inline-block;/*text-align:center;*/vertical-align:middle;white-space:normal;text-transform:uppercase;font-weight:bold;}
header li:hover a,
header li.sel a{border-bottom-color:#39393a;}
header a.ico{width:20px;background:center calc(50% - 2px) no-repeat;background-size:contain;}
header a.ico>span{display:none;}
header a.icotxt{background:left calc(50% - 2px) no-repeat;background-size:20px;}
header a.icotxt>span{text-align:left;}

header a.b2b{background-image:url(../svg/header-b2b.svg);}
header a.b2b>span{color:#7C3585;}
header a.search{background-image:url(../svg/header-search.svg);}
header a.lang1{background-image:url(../svg/flags/cz.svg);}
header a.lang2{background-image:url(../svg/flags/sk.svg);}
header a.lang3{background-image:url(../svg/flags/en.svg);}
header a.lang4{background-image:url(../svg/flags/de.svg);}
header a.lang5{background-image:url(../svg/flags/hu.svg);}
header a.lang6{background-image:url(../svg/flags/pl.svg);}
header a.lang7{background-image:url(../svg/flags/si.svg);}
header a.lang8{background-image:url(../svg/flags/hr.svg);}

nav{flex-grow:2;margin:0 0 0 2em;}
nav>ul{justify-content:space-between;max-width:900px;}

header .icons li{margin:0 0 0 2em;padding:0;}
header .ham{display:none;flex-grow:1;text-align:right;}
header .ham a{display:inline-block;width:38px;height:38px;background:#fff url(../svg/menu.svg) center no-repeat;background-size:24px 20px;border:1px solid #393939;margin:20px 10px;}
header .ham a.sel{background-image:url(../svg/menu-close.svg);}

header ul>li>ul{display:flex;position:absolute;z-index:3;left:0;right:0;top:calc(100% + 1px);background-color:#F5F5F5;
flex-wrap:wrap;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.3);
/*padding:1.5em 2em;transition:opacity .5s 0s, visibility 0s .5s;opacity:0;visibility:hidden;*/
padding:0 2em;max-height:0;transition:max-height .5s,padding .1s .4s;overflow:hidden;
}
header ul>li.ico>ul{z-index:3;left:auto;flex-direction:column;padding:1em;display:none;}
header ul>li>ul>li{margin:0 3em 0 0;}
header ul>li.ico>ul>li{margin:0;}
header ul>li>ul>li a{border:none;height:auto;margin:.5em 0;}
header ul>li>ul>li a::after{display:none;}
header ul>li>ul>li a:hover>span{text-decoration:underline;text-decoration-color:#9c9c9c;}


header ul>li.ico:hover>ul{display:none}
header ul>li:hover>ul,
header ul>li.ico.sel>ul{display:flex;
padding:1.5em 2em;max-height:800px;transition:max-height .5s,padding .1s 0s;
}

header ul>li>ul.smnblock{width:100%;}
header ul>li>ul.smnblock>li{ margin:0;flex-basis:25%;min-width:250px;}
header ul>li>ul.smnblock>li a>span{margin-right:2em;text-align:left;max-width:calc(100% - 80px - 4em);}
header ul>li>ul.smnblock>li a>span.img>img{border-radius:50%;}

header ul>li>ul.b2b{width:100%;flex-wrap:nowrap;}
header ul>li>ul.b2b>li{flex:1 1 auto;}
header ul>li>ul.b2b a{display:inline-block;}
header ul>li>ul.b2b a>span.sub{text-transform:none;color:#7C3585;}

header .mmenu{display:none;}
header>.cnt>.social{display:none;}

header .cnt.withlogged{display:block;}
header .cnt2{display:flex;align-items:center;}

header .logged{float:right; padding: 10px 0 0 20px;text-align: right;line-height:1.3;}
header .logged a{height:auto;display:inline;margin:0;border:0;}
header .logged a::after{display:none;}

@media only screen and (max-width:1200px){
header nav{display:none;}
header .icons{display:none;}
header .ham{display:block;}
header .mmenu.sel{display:block;position:absolute;z-index:3;left:0;right:0;top:calc(100% + 1px);background-color:#F5F5F5;
padding:0;box-shadow:0px 0px 40px 0px rgba(0,0,0,0.3);}
header .mmenu .cnt{padding:0;}
header .mmenu ul{display:block;width:100%;}
header .mmenu ul>li{display:block;position:relative;background-color:#fff;padding:0;border-top:1px solid #E7E7E7;}
header .mmenu ul>li.back{background:none;}
header .mmenu ul>li>a{height:auto;padding:.9em 0;margin:0 1.2em;border:none;}
header .mmenu ul>li>a.icotxt{padding-left:30px;}
header .mmenu ul>li>a.mmenunext{position:absolute;top:0;right:0;height:48px;width:48px;padding:0;margin:0;background:center url(../svg/arrow.svg) no-repeat;background-size:20px;}
header .mmenu span.img{display:none;}
header .mmenu input{margin:.5em .8em;background-color:#f5f5f5;width:calc(100% - 1.6em);}

header .mmenu .social{display:block;padding:15px 5px;text-align:center;}
header .mmenu .social a{border:none;}

header .logged{float:none;}

}

footer{clear:both;margin-top:2em;background:#FFF;border-top:1px solid #E7E7E7;position:relative;padding:1em 0 60px;}

#icontop{position:fixed;z-index:10;bottom:0;right:30px;pointer-events:none;}
#icontop a{display:block;width:60px;height:60px;background:#FFF center url(../svg/arrow-up.svg) no-repeat;background-size:12px;pointer-events:auto;opacity:.75;}
#icontop a:hover{opacity:1;}



.half{display:flex;flex-wrap: wrap;margin:0 -1em;}
.half>div{flex-basis:50%;flex-grow:1;padding:0 1em;min-width:450px;}
.third{display:flex;flex-wrap: wrap;margin:0 -1em;}
.third>div{flex-basis:33%;flex-grow:1;padding:0 1em;min-width:300px;}
.quarter{display:flex;flex-wrap: wrap;margin:0 -1em;}
.quarter>div{flex-basis:25%;flex-grow:1;padding:0 1em;min-width:250px;}
.fifth{display:flex;flex-wrap: wrap;margin:0 -1em;}
.fifth>div{flex-basis:20%;flex-grow:1;padding:0 1em;min-width:230px;max-width:400px;}

.half.top,.third.top,.quarter.top,.fifth.top{align-items:start;}
.half.middle,.third.middle,.quarter.middle,.fifth.middle{align-items:center;}
.half.bottom,.third.bottom,.quarter.bottom,.fifth.bottom{align-items:end;}


footer .half>div:first-child{text-align:left;}
footer .half>div:last-child{text-align:right;}


.maintext,.addtext{display:inline-block;vertical-align:top;}
.maintext{width:calc(66% - 20px);margin-right:40px;}
.addtext{width:calc(33% - 20px);}

.addtext h2{font-size:32px;line-height:1.1em;margin:1.5em 0 1.3em;}
.addtext h3{font-size:24px;margin:1.6em 0 1.2em 0;}


@media only screen and (max-width:1000px){
.maintext,.addtext{display:block;width:100%;margin:0;}
.addtext{clear:both;margin-top:2em;}
}

@media only screen and (max-width:950px){
footer .half{display:block;margin:0;}
footer .half>div:first-child,
footer .half>div:last-child{text-align:center;padding:0;min-width:0;}
}

@media only screen and (max-width:480px){
.half,.third,.quarter{display:block;margin:0;}
.half>div,.third>div,.quarter>div{padding:0;min-width:0;}
}


/*PAGE items*/
.half.imgL,.half.imgR{margin:2em 0;}
.half.imgL>div{padding:0 3em;}
.half.imgL>div:first-child{padding:0;}
.half.imgR{flex-direction:row-reverse;}
.half.imgR>div{padding:0 3em;}
.half.imgR>div:first-child{padding:0;}

@media only screen and (max-width:950px){
.half.imgL,.half.imgR{display:block;margin:1em 0;}
.half.imgL>div,.half.imgR>div{padding:0;margin:0;}
.half.imgL h2:first-child,.half.imgL h3:first-child,
.half.imgR h2:first-child,.half.imgR h3:first-child{margin-top:0.5em;}
}



ul.navig{display:block;margin:0;padding:1.3em 0 0;text-transform:uppercase;text-align:left;}
ul.navig li{list-style:none;display:inline-block;margin:0 .7em .7em 0;font-size:.8em;color:#9e9e9e;}
ul.navig li::before{content:"—";padding-right:.7em;}
ul.navig li:first-child::before{content:"";padding:0;}
.perex{max-width:1200px;}

.titleImg{position:relative;height:600px;margin-bottom:4em;}
.titleImg h1,
.titleImg h2,
.titleImg h3,
.titleImg h4,
.titleImg p {color:#fff;}
.titleImg .perex{margin:auto;}
.titleImg a{color:#FFF;}
.titleImg a:hover{color:#FFF;}
.titleImg {color:#FFF;text-align:center;margin-left:auto;margin-right:auto;}
.titleImg p{max-width:900px;}


.titleImg .cnt{display:flex;flex-direction:column;height:100%;z-index:1;position:relative;}
.titleImg .perex{flex-basis:100%;display:flex;flex-direction:column;justify-content:center;margin-bottom:5em;}
.titleImg ul.navig li{color:#FFF;}

.titleImg a.btn{background:#FFF;border-color:#FFF;color:#39393a;margin:.7em 0em;}
.titleImg a.btn2{background:none;border-color:#FFF;color:#FFF;margin:.7em 0em;}
.titleImg a.btn:hover,
.titleImg a.btn2:hover{color:#39393a;background-color:#FFF;border-color:#39393a;}

@media only screen and (min-width: 401px){
.titleImg a.btn+a.btn,
.titleImg a.btn+a.btn2,
.titleImg a.btn2+a.btn,
.titleImg a.btn2+a.btn2{margin-left:1em;}
}

.titleImg div.motivesbtn{position:absolute;z-index:1;left:0;right:0;bottom:4em;text-align:center;}
.titleImg div.motivesbtn a{display:inline-block;width:40px;height:6px;background:#FFF;margin:0 5px;border:1px solid #6e6e6e;}
.titleImg div.motivesbtn a.sel,
.titleImg div.motivesbtn a:hover{background:#7C3585;}

.titleImg .social{position:absolute;z-index:2;left:0;top:40%;}
.titleImg .social a{display:block;}

.txtbanner {display:block;height: 100%;position:relative;text-align:left;}
.txtbanner.mob {display:none;}
.mob .txtbanner {display:none;}
.mob .txtbanner.mob {display:block;}

.txtbanner .cnt {padding: 0 60px;height: 100%;justify-content: center;}

.txtbanner.sh1:before,
.txtbanner.sh2:before,
.txtbanner.sh3:before,
.txtbanner.sh4:before{content:"";position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;}



.titleImg .txtbanner h1,
.titleImg .txtbanner h2,
.titleImg .txtbanner p{max-width:none;}
.titleImg .txtbanner a.btn,
.titleImg .txtbanner a.btn2 {padding: .5em 1.5em;text-transform: none;text-decoration: none;}


.txtbanner.color1.sh1:before{background:#fff9;}
.txtbanner.color1.sh2:before{background:linear-gradient(90deg, #fff9 0%, #fff9 40%, #fff0 70%);}
.txtbanner.color1.sh3:before{background:linear-gradient(-90deg, #fff9 0%, #fff9 40%, #fff0 70%);}
.txtbanner.color1.sh4:before{background:linear-gradient(90deg, #fff0 15% , #fff9 40%, #fff9 60%, #fff0 85%);}

.txtbanner.color2.sh1:before{background:#0007;}
.txtbanner.color2.sh2:before{background:linear-gradient(90deg, #0009 0%, #0009 40%, #0000 70%);}
.txtbanner.color2.sh3:before{background:linear-gradient(-90deg, #0009 0%, #0009 40%, #0000 70%);}
.txtbanner.color2.sh4:before{background:linear-gradient(90deg, #0000 15% , #0009 40%, #0009 60%, #0000 85%);}

/*
		1=>'Přes celou plochu',
		2=>'V levé polovině',
		3=>'V pravé polovině',
		4=>'V prostřed',

*/

.titleImg .txtbanner.color1 *{color:#39393a;}
.titleImg .txtbanner.color2 *{color:#fff;}

.titleImg .txtbanner.color1 a.btn {background: #39393a;border-color: #39393a;color: #fff;}
.titleImg .txtbanner.color1 a.btn2{background: #fff3;border-color: #39393a;color: #39393a;}
.titleImg .txtbanner.color1 a.btn:hover,
.titleImg .txtbanner.color1 a.btn2:hover{background: #fff;color: #39393a;border-color: #39393a;}

.titleImg .txtbanner.color2 a.btn {background: #fff;border-color: #fff;color: #39393a;}
.titleImg .txtbanner.color2 a.btn2{background: #39393a33;border-color: #fff;color: #fff;}
.titleImg .txtbanner.color2 a.btn:hover,
.titleImg .txtbanner.color2 a.btn2:hover{background: #39393a;color: #fff;border-color: #fff;}



@media only screen and (max-width:1200px){
.titleImg .social{display:none;}
.txtbanner .cnt {padding: 0 20px;}
}

@media only screen and (max-width:640px){
.titleImg{height:450px;}
ul.navig{display:none;}
.titleImg div.motivesbtn a{width:30px;}
}

ul.motives,ul.motives>li{position:absolute;top:0;bottom:0;left:0;right:0;margin:0;}
ul.motives>li{opacity:0;transition:1s opacity;list-style:none;background-position:center;background-size:cover;}
ul.motives>li.sel{opacity:1;}
ul.motives>li.sel2{opacity:1;transition:none;}
ul.motives>li.dark::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgb(0, 0, 0,0.45);
background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 25%, rgba(0,0,0,0.45) 75%, rgba(0,0,0,0) 100%);}
ul.motives>li>a{position:absolute;top:0;bottom:0;left:0;right:0;}

.panel{position: relative;padding-top: 10px;padding-bottom: 10px; color:#fff;}
.panel h1,.panel h2,.panel h3,.panel h4,.panel h5{color:#fff;}
.panel::before {background:#39393a; content: "";position: absolute;z-index: -1;left:calc(50% - 50vw);width: 100vw;top: 0;bottom: 0;}
.panel.fialova::before {background:#7C3585;}

.panel a.btn {background: #fff;border-color: #fff;color: #39393a; text-decoration:none;}
.panel a.btn2{background:transparent;border-color: #fff;color: #fff;text-decoration:none;}
.panel a.btn:hover,
.panel a.btn2:hover{background: #000;color: #fff;border-color: #000;}


.main a{font-weight:bold;}

.main .w1300{max-width:1300px;margin:auto;}
.main .w1200{max-width:1200px;margin:auto;}
.main .w1100{max-width:1100px;margin:auto;}
.main .w1000{max-width:1000px;margin:auto;}
.main .w900{max-width:900px;margin:auto;}

.main img{max-width:100%;}
.main .rimg{float:right;margin:0 0 10px 10px;max-width:50%;}
.main .limg{float:left;margin:0 10px 10px 0;max-width:50%;}
.main img.cimg{display:block;margin:auto;}

.main .color{display:inline-block;width:100%;height:0;padding-top:100%;}

.main .photogallery{text-align:center;margin:.5em 0;}
.main .photogallery a,
.main .photogallery img{display:inline-block;vertical-align:middle;margin:0.5em;max-width:calc(100% - 1em);}
.main .photogallery.small a,
.main .photogallery.small img{max-width:10em;max-height:10em;}
.main .photogallery a>img{display:block;margin:0;max-width:none;}


.main .right{float:right;margin-left:1em;}
.main .left{float:left;margin-right:1em;}
.main .right, .main .left{max-width:30%;text-align:center;}
.main .right img, .main .left img{ display:block;margin:auto;max-width:100%;}
@media (max-width:700px){
.main .right, .main .left{max-width:50%;}
}
@media (max-width:480px){
.main .right, .main .left{max-width:100%;float:none;margin-left:auto;margin-right:auto;}
}

.main span.description{display: block;font-style:italic;font-size:.9em;}
.main img.border{border:1px solid #39393a;}

.main span.download{display:inline-block;margin-right:1em;}
.main a.download{background:url(../svg/download.svg) left calc(50% - 1px) no-repeat;background-size:20px;display:inline-block;padding-left:28px;margin-left:5px;display:inline-block;min-height:20px;text-decoration:underline;}
.main a.download:hover{text-decoration:none;}

.main .ytvideo{margin:1em auto;max-width:768px;position:relative;}
.main .ytvideo:before{display:block;content:"";width:100%;padding-top:56.25%;}
.main .ytvideo iframe{ width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;}


.main table{width:100%;border-collapse:collapse;margin:2em 0;}
.main table tr{ background:#FFF;}
.main table tr:nth-child(odd){background:#F3F3F3;}
.main table th,
.main table td{padding:.5em 1em;text-align:left;}
.main table th{border:none;background:#FFF;font-weight:normal;color:#6e6e78;}
.main table td{border:1px solid #E7E7E7;border-left:none;border-right:none;}

.main table.border td,
.main table.border th{border:1px solid #39393a;}

.main table.blank tr:nth-child(odd){background:#FFF;}
.main table.short{width:auto;}


.main .longtable{overflow:auto;}
.main .longtable table{min-width:50em;}
.main .longtable.l65 table{min-width:65em;}

.social a{display:inline-block;width:40px;height:40px;background:center no-repeat;background-size:25px;}
.social a.fb{background-color:#3D5B99;background-image:url(../svg/social/fb.svg);}
.social a.yt{background-color:#CB2323;background-image:url(../svg/social/yt.svg);}
.social a.ig{background-color:#E13768;background-image:url(../svg/social/ig.svg);background-size:23px;}
.social a.li{background-color:#0278B5;background-image:url(../svg/social/li.svg);background-size:40px;}
.social a.tw{background-color:#1DA1F2;background-image:url(../svg/social/tw.svg);}



/*rotateimg*/
.photogallery{position:relative;}
.photogallery img.rotate{position:absolute;top:-.5em;left:0;right:0;bottom:0;z-index:1;opacity:0;height:auto;transition:opacity 1s,height 0s 1s;}
.photogallery img.rotate.sel{position:static;display:block;opacity:1;transition:opacity 1s,height 0s;}




.sbm{display:flex;flex-wrap:wrap;margin:1em -10px;}
.sbm>a,
.sbm>div{display:block;width:calc(25% - 20px);text-align:center;margin:10px;}
.sbm img{display:block;margin:auto;}
.sbm h2{font-family:'LatoLatin','Segoe UI',sans-serif;font-size:20px;margin:1em 0 .5em;}
.sbm p{margin:.75em 0;}
.sbm a{text-decoration:none;font-weight:normal;}


.sbm.bnr>a{display:block;width:calc(25% - 20px);position:relative;margin:10px;overflow:hidden;}
.sbm.bnr>a>div.bg{width:100%;height:0;padding-top:100%;}
.sbm.bnr>a>div.bg::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgb(0, 0, 0,0.5);
background: linear-gradient(0deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 40%);}
.sbm.bnr>a:hover>div.bg::after{background:rgb(0, 0, 0,0.5);}

.sbm.bnr div.fg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;color:#fff;padding:20px 30px;text-align:left;
transform:translateY( calc(100% - 100px));transition:.3s transform;}
.sbm.bnr div.txt{height:calc(100% - 50px);overflow:hidden;}
.sbm.bnr h2{margin:0;padding:.5em 0 1em 0;font-size:25px;color:#FFF;}
.sbm.bnr .icotxt.arrow{background-image:url(../svg/arrow-w.svg);}

.sbm.bnr>a:hover div.fg{transform:translateY(0);}


@media only screen and (max-width:1245px){
.sbm>a,.sbm>div,.sbm.bnr>a{display:block;width:calc(33.333% - 20px);}
}

@media only screen and (max-width:830px){
.sbm>a,.sbm>div,.sbm.bnr>a{display:block;width:calc(50% - 20px);}
}

@media only screen and (max-width:415px){
.sbm,.sbm.bnr{display:block;margin:1em 0;}
.sbm>a,.sbm>div,.sbm.bnr>a{width:100%;margin:10px 0;}
}



.sbm.big{margin:1em -20px;}
.sbm.big>div{display:block;width:calc(33.333% - 40px);max-width:520px;text-align:left;margin:20px;}
.sbm.big a:hover{text-decoration:underline;}

@media only screen and (max-width:1080px){
.sbm.big{margin:1em -10px;}
.sbm.big>div{display:block;width:calc(50% - 20px);margin:10px;}
}

@media only screen and (max-width:540px){
.sbm.big{display:block;margin:1em 0;}
.sbm.big>div{width:100%;margin:10px auto;}
}

.sbm.small{display:flex;flex-wrap:wrap;justify-content:center;margin:1em -10px;}
.sbm.small>a{display:block;width:185px;text-align:center;margin:10px;}
.sbm.small img{border-radius:50%;}
.sbm.small h2{font-size:18px;}



.addtext .sbm,.addtext .sbm.bnr,.addtext .sbm.big{display:block;margin:1em 0;}
.addtext .sbm>a,.addtext .sbm.bnr>a,.addtext .sbm.big>div{width:100%;margin:10px auto;}



/*numbox*/
.numbox{display:flex;flex-wrap:wrap;margin:10px 0;}
.numbox>div{text-align:center;margin:10px;flex:1 1;min-width:300px;}
.numbox h3{font-size:45px;color:#6e6e78;font-weight:bold;margin:.5em 0 0;padding:0 1em;border-bottom:1px solid #e7e7e7;}
.numbox p{font-size:20px;color:#6e6e78;}

@media only screen and (max-width:640px){
.numbox h3{font-size:32px;}
.numbox p{font-size:18px;}
}

/*argumentbox*/
.argumentbox{display:flex;flex-wrap:wrap;margin:10px 0;}
.argumentbox>div{text-align:center;margin:10px;flex:1 1;min-width:300px;background:center top no-repeat url(../svg/argument.svg);background-size:80px;padding-top:80px;}
.argumentbox>div.argCarusel{background-image:url(../icons/arg-1.png);}
.argumentbox>div.argMedal{background-image:url(../icons/arg-2.png);}
.argumentbox>div.argConstruct{background-image:url(../icons/arg-3.png);}
.argumentbox>div.argService{background-image:url(../icons/arg-4.png);}

.argumentbox h3{margin:1.25em 0 0;font-size:22px;}

@media only screen and (max-width:640px){
.argumentbox h3{margin:1.25em 0 0;font-size:20px;}
}

/*fotobg*/
.fotobg{display:flex;flex-direction:column;justify-content:center;text-align:center;margin:0 1px;position:relative;z-index:2;height:440px;overflow:hidden;background:center;background-size:cover;}
.fotobg.prodej{background-image:url(../fotobg-prodej.jpg);}
.fotobg.b2b{background-image:url(../fotobg-b2b.jpg);}
.fotobg::after{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color:rgb(0, 0, 0,0.5);}

.half>div.fotobg:first-child {margin-left:1em;flex-basis:calc(50% - 1em - 1px);}
.half>div.fotobg:last-child{margin-right:1em;flex-basis:calc(50% - 1em - 1px);}


.fotobg h2{margin:0;padding:.5em 0 0 0;color:#FFF;}
.fotobg p{color:#FFF;}
.fotobg a{color:#FFF;}
.fotobg .icotxt.arrow{background-image:url(../svg/arrow-w.svg);}

.fotobg a.btn{background-color:#fff;border:2px solid #fff;color:#39393a;}
.fotobg a.btn2{background-color:#39393a;border:2px solid #fff;color:#fff;}
.fotobg a.btn:hover,.fotobg a.btn2:hover{color:#39393a;background-color:#fff;text-decoration:underline;text-decoration-color:#9c9c9c;}

.fotobg a.b2bbtn{background-color:#7C3585;border:2px solid #7C3585;color:#fff;}
.fotobg a.b2bbtn2{background-color:#39393a;border:2px solid #fff;color:#fff;}
.fotobg a.b2bbtn:hover,.fotobg a.b2bbtn2:hover{color:#39393a;background-color:#fff;border-color:#fff;text-decoration:underline;text-decoration-color:#9c9c9c;}

@media only screen and (max-width:950px){
.half>div.fotobg:first-child,
.half>div.fotobg:last-child{margin:1px 0;}
}

@media only screen and (max-width:640px){
.fotobg{height:340px;}
.fotobg h2{font-size:32px;}
.fotobg p{margin:.5em 0;}
}


.items>div,
.items>a{display:inline-block;width:240px;margin:0 20px 20px 0;vertical-align:top;}

@media only screen and (max-width:540px){
.items>div,
.items>a{display:block;margin:0 auto 20px;}
}



.mapa{position:relative;}
.mapbox{position:absolute;z-index:1;left:0;right:0;bottom:.5em;text-align:center;pointer-events:none;}
.mapbox>input{pointer-events:auto;background-color:#FFF;border:1px solid #39393a;}
#gmap{height:500px;}


@media only screen and (max-width:640px){
#gmap{height:340px;}
}

/* sales */
.regions{display:flex;flex-wrap:wrap;margin:1em -20px 1em 0;}
.sales{display:flex;flex-wrap:wrap;margin-right:-20px;}
.regions a.btn,.regions a.btn2{flex:0 1 calc(25% - 20px);min-width:250px;margin:0 20px 15px 0;}
.sales h3{width:100%;}
.sales div{flex:0 1 calc(25% - 20px);min-width:250px;margin:0 20px 20px 0;vertical-align:top;background-color:#F5F5F5;padding:1em;}







/*download*/
.docList>div{display:inline-block;width:240px;margin-right:20px;vertical-align:top;}
.docList h3{font-size:19px;margin:0.4em 0;}
.docList a{font-weight:bold;}

.docList>div.withTags{display:block;width:100%;margin:1em 0;}


/*faq*/
.faqList{columns:auto 2;column-gap:40px;}
.faqList>.withTags{column-span:all;display:block;width:100%;margin:1em 0;}
.faqItem{break-inside:avoid;border-bottom:1px solid #e7e7e7;padding:0px 0 10px 20px;margin-bottom:20px;}
.faqItem a.opened{margin-left:-20px;}
.faqItem>h3{font-size:19px;margin:0.4em 0;}
.faqItem>h3>a{text-decoration:none;}
.faqItem>h3>a:hover{text-decoration:underline;}
.faqItem>.faqAns{/*height:0;overflow:hidden;transition:.3s height;*/display:none;}
.faqItem.sel>.faqAns{/*height:auto;*/display:block;}

@media only screen and (max-width:1000px){
.faqList{columns:auto 1;column-gap:0;}
}



/*Gall*/
.gall{margin:1em 0;}
.gallTags{margin:1em 0;}
.gallList{display:flex;flex-wrap:wrap;margin:1em -10px;}
.gallList>a{display:block;width:calc(25% - 20px);position:relative;margin:10px;overflow:hidden;}
.gallList>a>img{display:block;}
.gallList>a.pos1,
.gallList>a.pos4{width:calc(60% - 20px);height:33vw;max-height:540px;}
.gallList>a.pos2,
.gallList>a.pos3{width:calc(40% - 20px);height:33vw;max-height:540px;}

.gallList>a.pos1>img,
.gallList>a.pos2>img,
.gallList>a.pos3>img,
.gallList>a.pos4>img{position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;}

@media only screen and (max-width:1245px){
.gallList>a{width:calc(33.333% - 20px);}
}

@media only screen and (max-width:830px){
.gallList>a{width:calc(50% - 20px);}
.gallList>a.pos1,
.gallList>a.pos2,
.gallList>a.pos3,
.gallList>a.pos4{width:calc(50% - 20px);height:0;padding-top:calc(50% - 20px);}

}

@media only screen and (max-width:415px){
.gallList{display:block;margin:1em 0;}
.gallList>a{width:100%;margin:10px 0;}
.gallList>a.pos1,
.gallList>a.pos2,
.gallList>a.pos3,
.gallList>a.pos4{width:100%;padding-top:100%;}
}

.gallDetail{height:850px;max-height:90vh;display:flex;flex-direction:column;}
.gallDetail.simple{height:520px;max-height:80vw;}
.GDblock{flex-grow:1;position:relative;text-align:center;}


.GDblock>div{position:absolute;top:0;left:0;right:0;bottom:0;}
.GDblock>div::after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.GDblock>div>img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;}

.GDover{display:none;position:absolute;top:0;right:0;height:100px;width:100px;}
.GDtxt{margin:1em 0;min-height:1em;}
.GDtxt strong{position:relative;}
.GDtxt strong>.preview{display:none;position:absolute;left:-5px;bottom:calc(100% + 10px);z-index:10;max-width:250px;max-height:250px;padding:5px;background:#FFF;border:2px solid #39393a;}
.GDtxt strong>span.preview{width:250px;height:250px;}
.GDtxt strong:hover>.preview{display:block;}

.GDth{height:130px;overflow:hidden;}
.GDth>div{height:130px;white-space:nowrap;}
.GDth>div>a{display:inline-block;height:100%;position:relative;}
.GDth>div>a>img{display:block;height:100%;}
.GDth>div>a.sel::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:#FFF7;}

.GDprev,.GDnext{position:absolute;top:calc(50% - 25px);width:50px;height:50px;border:1px solid #39393a;background:#FFF7 center no-repeat;background-size:20px;}
.GDprev{left:5px;background-image:url(../svg/arrow-left.svg);}
.GDnext{right:5px;background-image:url(../svg/arrow.svg);}
.GDprev.dis,.GDnext.dis{cursor:auto;opacity:20%;}


@media only screen and (max-width:830px){
.GDth{height:100px;}
.GDth>div{height:100px;}
.GDprev,.GDnext{top:calc(50% - 15px);width:30px;height:30px;}
}

@media only screen and (max-width:480px){
.GDth{height:80px;}
.GDth>div{height:80px;}
}


.gallOverlay{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#FFFE;}
.gallOverlay>div{padding:20px;width:100%;height:100%;}
.gallOverlay>.GDclose{position:absolute;z-index:10;top:25px;right:25px;width:50px;height:50px;border:1px solid #39393a;background:#FFF7 url(../svg/nav-remove.svg) center no-repeat;background-size:10px;}
.gallOverlay .gallDetail{height:100%;max-height:none;}

@media only screen and (max-width:830px){
.gallOverlay>div{padding:10px;}
.gallOverlay>.GDclose{width:30px;height:30px;top:15px;right:15px;}
}

.items.sort{text-align:left;}
.items.sort img{display:block;margin:auto;}
.items.sort h2,
.items.sort h3,
.items.sort h4{font-size:18px;margin:.5em 0;}
.items.sort p{font-size:14px;margin:-.2em 0 .5em 0;}
.items.sort a{text-decoration:none;text-align:center;}
.items.sort a:hover{text-decoration:underline;}

/*openable*/
.openable a.opened{display:inline-block;padding-left:20px;background:url(../svg/arrow-down.svg) 0 2px no-repeat;background-size:10px;}
.openable.sel a.opened{background-image:url(../svg/arrow-up.svg);}

.openable .openitems{height:auto;}
.openable .openitems>a,
.openable .openitems>div{display:none;}
.openable .openitems>a:nth-child(-n+6),
.openable .openitems>div:nth-child(-n+6){display:inline-block;}

.openable.sel .openitems>a,
.openable.sel .openitems>div{display:inline-block;}
.openable.sel .showall{display:none;}


.sortImgGal{display:flex;align-items:center;}
.sortImgGal div.img{flex:1 1 30%;text-align:center;}
.sortImgGal div.gal{flex:1 1 70%;}
.sortImgGal div.img>div{ margin:auto;padding:0 1em;display:inline-block;width:100%;max-width:520px;}

@media only screen and (max-width:1000px){
.sortImgGal{display:block;}
.sortImgGal div.img,
.sortImgGal div.gal{display:block;width:100%;margin:1em 0;}
}


/*zalozky*/
.zalozky{border-bottom:2px solid #e7e7e7;}
.zalozky>div{display:none;}
.zalozky>div.sel{display:block;}
.zalozky>div.head{display:block;border-bottom:2px solid #e7e7e7;}
.zalozky>div.head>a{display:inline-block;margin:0 2em -2px 0;border-bottom:2px solid #e7e7e7;padding:.2em .5em;text-transform:uppercase;font-weight:bold;text-decoration:none;color:#7C3585;}
.zalozky>div.head>a.sel{border-bottom:2px solid #39393a;}

@media only screen and (max-width:480px){
.zalozky>div.head>a{display:block;margin:2px 0 -2px 0;text-align:center;}
}

/*formulare*/
.main input.search{border:1px solid #E7E7E7;background-color:#f5f5f5;}

.form{display:block;width:830px;max-width:100%;margin:1em auto;position:relative;}
.form .half>div{min-width: 250px;}
.form.big{width:100%;}
.form.big .half>div{min-width: 700px;}

.form dl{display:block;width:100%;padding:0 .5em;margin:0 0 .7em;}
.form dt{float:none;font-weight:normal;margin:.3em 0;}
.form dt::after{content:"";}
.form dd{margin:0;font-weight:normal;}
.form strong{color:#7C3585;}
.form p{padding:0 .5em;}
.form span{font-weight:normal;display:block;font-style:italic;}

.form input,
.form select,
.form textarea{width:100%;border:1px solid #E7E7E7;background:#f5f5f5;padding:1em;}
.form textarea{height:10em;}

.form.big input,
.form.big select,
.form.big textarea{padding:4px;}

.form input[type="checkbox"]{width:auto;margin-right:10px;vertical-align:middle;height:1.3em;}
.form input[type="submit"]{width:auto;background-color:#39393a;border:2px solid #39393a;color:#fff;text-transform:uppercase;font-weight:bold;padding:1.3em 1.8em;cursor:pointer;}
.form input[type="submit"]:hover{background-color:#fff;color:#39393a;}
.form input[type="submit"].small{line-height:2em;padding:6px 20px;font-size:.85em;}
.form input.num{width:80px;}

.form div.checkboxes{border:1px solid #E7E7E7;background:#f5f5f5;padding:1em;}

.form p.err{font-weight:bold;color:#BD0C18;}
.form span.err{display:none;font-weight:bold;font-style:normal;color:#BD0C18;font-size:.9em;}
.form label.err{color:#BD0C18;}
.form .err span.err{display:block;}
.form .err input,
.form .err select,
.form .err textarea,
.form .err div.checkboxes{border-color:#BD0C18;background-color: #F7ADB2;}

.form .formRes{display:none;position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;background:#eee;text-align:center;padding-top:100px;}

@media only screen and (max-width:700px){
.form .half{display:block;}
}

/*korpus*/
.main .panelbox{margin:1em 0;position:relative;height:0;padding-top:100%;border:2px solid #e7e7e7;}
.main .panelbox>div{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;}
.main .corpusSVG{display:block;position:absolute;z-index:2;top:1em;left:1em;width:calc(100% - 2em);height:calc(100% - 2em);border:0;filter:brightness(0);}