@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

*{box-sizing:border-box;}
html{height:100%;width:100%;overflow-x: hidden;}
body{margin:0;font-size:15px;line-height:1.2em;font-family:'Roboto', sans-serif;font-weight:normal;box-sizing:border-box;
width:100%;overflow-x: hidden;
display: flex;flex-direction: column;height:100%;}

h1,h2,h3,h4,h5{padding:0;color:#39393a;font-family:'Roboto',sans-serif;font-weight:normal;}
h1{font-size:34px;line-height:1.2em;margin:.6em 0;font-weight:300;}
h2{font-size:29px;line-height:1.2em;margin:.8em 0 .4em;font-weight:300;}
h3{font-size:24px;line-height:1.2em;margin:.8em 0 .4em;}
h4{font-size:20px;line-height:1.2em;margin:1em 0 .4em;font-weight:bold;}
h5{font-size:18px;line-height:1.2em;margin:1.1em 0 .4em;font-weight:bold;}
h1.first,h2.first,h3.first,h4.first,h5.first{margin-top:5px;}

p{font-size:16px;line-height:1.2em;margin:.7em 0;padding:0;}
p.info{color:#555;font-size:14px;margin:.5em 0;}
p.info + h2,p.info + h3 {margin-top:0;}


ol,ul{margin:1em 0;}
li{font-size:16px;margin:.5em 0;}
input,button,select,textarea{font-family:'Roboto', sans-serif;font-size:16px;}


a{color:#393939;text-decoration:underline;cursor:pointer;}
a:hover{text-decoration:none;color:#000;}
a.noline{text-decoration:none;}
a.nolink{cursor:default;}
summary{cursor:pointer;}

.btns {margin:.5em -10px;}
.nobtns {margin:0;}
.btns.bgr {margin: .5em 0;padding: 5px;background: #FFF8;}
a.btn,a.btn1,a.btn2,a.btncolor{position:relative;display:inline-block;margin: 8px 10px;padding: 10px 25px;text-decoration:none;font-weight:bold;}
.nobtns a.btn,.nobtns a.btn1,.nobtns a.btn2,.nobtns a.btncolor {margin:0;}
a.btn.small,a.btn1.small,a.btn2.small,a.btncolor.small{padding:5px 15px;font-size: .85em;}
a.btn.big,a.btn1.big,a.btn2.big,a.btncolor.big{padding:15px 30px;font-size: 1.1em;}
a.btn{background-color:#FFF;}
a.btn1{background-color:#FFF4;border:2px solid #F0A100;padding: 8px 23px;}
a.btn.sel,a.btn1.sel{background-color:#F0A100;}
a.btn:hover,a.btn1:hover{background-color:#F0A100;color:#FFF;}
a.btn2{background-color:#FFF;border:2px solid #39393a;color:#39393a;}
a.btn2:hover,a.btn2.sel{color:#FFF;background-color:#39393a;text-decoration:underline;}
a.btncolor{background-color:#F0A100;}
a.btncolor:hover{color:#FFF;}
a.line.sel::after {content:"";position:absolute; top: 100%;left: calc(50% - 1px);width: 3px;height: 16px;background-color:#F0A100;}

h1>a,h2>a,h3>a {text-decoration:none;}

.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(../icons/arrow.svg);}
.icotxt.arrowleft{background-image:url(../icons/arrow-left.svg);}
.icotxt.download{background-image:url(../icons/download.svg);}
.icotxt.map{background-image:url(../map/pin0.png);background-size: auto 18px;padding-left: 22px;background-position-x: 5px;}
.icotxt.navigate{background-image:url(../icons/navigate.svg);padding-left: 22px;}

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

.hidd{display:none !important;}
.rel{position:relative;}
.l{text-align:left !important;}
.c,.center{text-align:center !important;}
.r{text-align:right !important;}
.vt {vertical-align:top;align-self:start;}
.vm {vertical-align:center;align-self:center;}
.vb {vertical-align:bottom;align-self:end;}
.pointer {cursor:pointer;}

@media only screen and (min-width:1001px){
.desktophidd{display:none !important;}
}
@media only screen and (max-width:1000px){
.mobilehidd{display:none !important;}
}

@media only screen and (max-width:640px){
h1{font-size:30px;}
h2{font-size:25px;}
h3{font-size:21px;}
h4{font-size:18px;}
h5{font-size:16px;}

p{font-size:14px;margin:1em 0;}
li{font-size:14px;}
input,button,select,textarea{font-size:14px;}
}

@media only screen and (max-width:400px){
a.btn,a.btn1,a.btn2,a.btncolor{display:block;text-align:center;}
a.line.sel::after {display:none;}
}

/* inputs */
input{height:34px;font-size:1.2em;border:1px solid #000;vertical-align:middle;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}
input.num{width:60px;text-align:center;padding:0 10px;}
button{background-color:#F0A100; border: 1px solid #000;vertical-align:middle;color:#FFF; padding:0 10px; height:34px; line-height:1em;text-align: left; font-weight:bold; cursor:pointer;}
button.cartbtn{background:#F0A100 url(../icons/cart2.svg) 5px 6px no-repeat;background-size:27px; padding-left:40px;height:40px;color:#39393a;}
button.cartbtn:hover{background-image:url(../icons/cart2-w.svg);color:#FFF;}



.logo.mark1 {background-image:url(https://www.officepro.sk/images/logo-officepro.svg) !important;}
.logo.mark2 {background-image:url(../logo-hobis.svg) !important;}
.logo.mark3 {background-image:url(../logo-exner.svg) !important;}
.logo.mark4 {background-image:url(../logo-ergo.svg) !important;}

.logow.mark1 {background-image:url(../logo-officepro-w.svg) !important;}
.logow.mark2 {background-image:url(../logo-hobis-w.svg) !important;}
.logow.mark3 {background-image:url(../logo-exner-w.svg) !important;}
.logow.mark4 {background-image:url(../logo-ergo-w.svg) !important;}


/*LAYOUT*/
.main{flex-grow: 2; padding-bottom:2em;}
.cnt{max-width:1300px;margin:auto;padding:0 20px;}


header{background:#FFF;position:relative;padding: 15px 0;}
header .cnt>div{display:flex;justify-content:space-between;align-items: center;position:relative;}
header .cnt>div>div:first-child{flex:50% 1 1;}
header .cnt>div>div.search{flex:none;}

header .logo{display:block;width:100%;max-width:200px;height:40px;background:center left no-repeat;background-size:contain;text-indent:-9999px;border:0;}
header p.sublogo{margin: 6px 0;color:#39393a;}

header ul{margin:0;padding:0;display:flex;align-items:center;justify-content:end;}
header li{margin:0;display:block;position:relative;list-style:none;padding:0;font-size:14px;}
header li.norel{position:static;}
header ul>li>ul{display:block;max-height:0;position:absolute;z-index:10;left:-.5em;right:auto;top:calc(100% + 1px);background-color:#fff;
flex-wrap:wrap;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3);
padding:0 .5em;transition:max-height .5s,padding .1s .4s;overflow:hidden;
}
header ul>li:hover>ul{padding:.5em;max-height:800px;transition:max-height .5s,padding .1s;}

header ul>li>ul.bigblock {left:20px;right:20px;background:#F0A100;box-shadow:none;display:flex;flex-wrap: nowrap;align-items: stretch;}
header ul>li:hover>ul.bigblock{padding: 25px 0;}

header ul>li>ul.bigblock>li {flex-basis: 50%;border-right: 1px solid #E6E6E6;padding: 0 15px;display: flex;flex-direction: column;justify-content: space-between;}
header ul>li>ul.bigblock>li:last-child {border:none;}
header ul>li>ul.bigblock strong{display:block;font-size:1.3em;padding: 0 0 15px;}
header ul>li>ul.bigblock a{text-decoration: underline;padding: 5px 0;white-space:normal;}
header ul>li>ul.bigblock a:hover{color: #fff;}
header ul>li>ul.bigblock span.logow{display:block; height: 27px;margin: 30px 0 10px;background: left center no-repeat; background-size:contain;}





header a{display:block;white-space:nowrap;text-decoration:none;}
header a>span{display:inline-block;vertical-align:middle;padding:4px 10px;}
header a>span.img{padding-right: 0;}
header a>span.img>img{width: 40px;display: block;}
header nav a>span,header .mmenu a>span{text-transform: uppercase;}

header nav{flex-grow:.5;}
header nav>ul{flex-wrap: wrap;justify-content: start;}
header nav>ul>li{margin-right:1px;}
header nav li:hover>a,
header nav li.sel>a{background-color:#F0A100;}
header nav li:hover>a{color:#fff;}

header .icons {margin: 20px 0;}
header .icons li{margin:0 0 0 10px;padding:0;}
header .cnt .logged{margin: 0;font-size:14px; text-align:right;display:block;float:right;}
header .cnt .logged a{color:#393939;text-decoration:underline;}
header .cnt .logged a:hover{text-decoration:none;color:#000;}


header .icons ul>li>ul{left:auto;right:0;}
header .icons ul>li>ul>li{text-align:right;margin:0;}
header .icons ul>li>ul>li:hover>a{background-color:#F0A100;color:#fff;}

header a.ico{width:40px; height:40px; background:center center no-repeat;background-size:contain;}
header a.ico.cartbtn{background-image:url(../icons/cart2.svg);width: auto;padding-left: 47px;background-position: 4px 4px;background-size: 35px;position: relative;}
header a.ico.cartbtn span.count{position: absolute;z-index: 2;background-color: #F0A100;border-radius: 11px;padding: 2px 7px;color: #fff;font-weight: normal;left: 25px;top: -7px;font-size: 10px;min-width: 22px;text-align: center;}
header a.ico.cartbtn span.price{padding: 0;line-height: 40px;}
header a.ico.cartbtn.dis{width: 40px;padding:0;}
header a.ico.cartbtn.dis span.count,
header a.ico.cartbtn.dis span.price{display:none;}
header a.ico.contact{background-image:url(../icons/contact.svg);}
header a.ico.home{width:36px;height:26px;background-color:#fff;background-image:url(../icons/home.svg);background-size: 20px;}

header a.configurator{position:relative;display: inline-block;margin: 7px 10px;padding: 0 8px 0 29px;height: 26px;background-color:#F0A100;line-height:26px;font-size:1.1em;text-transform:uppercase;}
header a.configurator:after{content:"";position:absolute;z-index:1;top:-7px;left:-14px;height:40px;width:40px;background:url(../icons/configurator.png) no-repeat center;background-size:contain;}
header a.configurator:hover{color:#fff;}

header a.lang {height:40px;border:2px solid #E6E6E6;display:flex;justify-content: center;align-items: center;text-transform:uppercase;}
header a.lang>span {width: 45px; text-align: center;}
header a.lang::after {content:"";display:inline-block;width:15px; height:40px;border-left:2px solid #E6E6E6;background:url(../icons/nav-drop.svg) center center no-repeat; background-size:65%;}

.search {position:relative;border:1px solid #000;width:250px;}
.search input{border:none; width: calc(100% - 34px);}
.search span {position:absolute; top:0; right:0; width:34px; height:34px;border-left:1px solid #000;cursor: pointer;
background:url(https://www.officepro.sk/images/icons/search.svg) center center no-repeat;background-size:50%;background-color:#F0A100;}




header .cnt .ham{display:none;text-align:right;white-space: nowrap;}
header .cnt .ham a{display:inline-block;vertical-align: middle;width:38px;height:38px;background:#fff center no-repeat;border:1px solid #393939;margin:0 0 0 10px;}
header .cnt .ham a.aham{background-image:url(../icons/menu.svg);background-size:24px 20px;}
header .cnt .ham a.aham.sel{background-image:url(../icons/menu-close.svg);}
header .cnt .ham a.search{background-image:url(../icons/search-b.svg);background-size:20px;}
header .cnt .ham a.cartbtn{background-image:url(../icons/cart2.svg);background-size:28px;padding:0;}
header .cnt .ham a.cartbtn span.count{top: -8px;left: auto;right: -8px;}
header .cnt .ham a.cartbtn.dis span.count{display:none;}



header .mmenu{display:none;}

header .cart{display:block;position:absolute;z-index:50;top:60px;right:0;background:#FFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3);padding:10px;}

header .globalCart{position:absolute;width:1px;height:1px;border:none;top:-5px;visibility:hidden;}

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

@media only screen and (max-width:1000px){
header nav{display:none;}
header .icons{display:none;}
header .search{display:none;}
header .cnt .logged{float:none;}
header .cnt .ham{display:block;}
header .mmenu.sel{display:block;position:absolute;z-index:10;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;white-space:normal;}
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(../icons/arrow.svg) no-repeat;background-size:20px;}
header .mmenu ul>li>a.ico {width: 47px;height: 47px;background-size: 36px;}
header .mmenu ul>li>a.ico.home,
header .mmenu ul>li>a.ico.mmenunext {background-size: 20px;}

header .mmenu ul span.text{padding: .9em 0;display: block;margin: 0 0em;}
header .mmenu ul span.logow{display:none;}
header .mmenu ul span.text strong{display: block;font-size: 1.3em;padding: .5em calc(0.923em + 10px);}
header .mmenu ul span.text a{padding:.9em calc(1.2em + 10px);border-top:1px solid #E7E7E7;font-weight:bold;}

header .mmenu span.img{display:none;}
header .mmenu input{margin:.5em .8em;background-color:#f5f5f5;width:calc(100% - 1.6em);}

header .mmenu .inline{display:block;padding:5px;text-align:center;}
header .mmenu .inline a{display:inline-block;vertical-align: middle;}
header .mmenu .inline a.ico{margin: 0 15px;}
header .mmenu .social{display:block;padding:15px 5px;text-align:center;}
header .mmenu .social a{border:none;}

header .cart{top:50px;left:0;}
}

footer{clear:both;background:#333333;position:relative;padding:10px 0;color:#FFF;}
footer a{color:#ccc;}
footer a:hover{color:#fff;}
footer h1,footer h2,footer h3,footer h4,footer h5 {color:#FFF;}


.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(../social/fb.svg);}
.social a.yt{background-color:#CB2323;background-image:url(../social/yt.svg);}
.social a.ig{background-color:#E13768;background-image:url(../social/ig.svg);background-size:23px;}
.social a.li{background-color:#0278B5;background-image:url(../social/li.svg);background-size:40px;}
.social a.tw{background-color:#1DA1F2;background-image:url(../social/tw.svg);}

footer .social a.fb,
footer .social a.yt,
footer .social a.ig,
footer .social a.li,
footer .social a.tw {background-color:transparent;}

ul.navig{display:block;margin:0;padding:1.3em 0 0;}
ul.navig li{list-style:none;display:inline-block;margin:0 .7em .7em 0;font-size:.8em;color:#555;}
ul.navig li::before{content:"—";padding-right:.7em;}
ul.navig li:first-child::before{content:"";padding:0;}

@media only screen and (max-width:640px){
ul.navig{display:none;}
}

.pageProcces{position:absolute;z-index:1000;top:0;left:0;right:0;bottom:0;background:#fff9 url(../icons/loading.svg) center center no-repeat; background-size:200px;}


/* cart */
.cartItems {max-height: calc(100vh - 170px);overflow:auto;font-size: .9em;}
.cartItem {display:flex;align-items: center;}
.cartItem>a{display: flex;flex: 80% 1 1;align-items: center;white-space: normal;}
.cartItem>a>img{max-width: 70px;margin-right: 10px;display: block;}
.cartItem>a>span{font-size:1.2em;font-weight: normal;padding: 0;}
.cartItem span.price{font-weight:bold;font-size: .8em;}
.cartItem span.pricevat{font-weight:normal;font-size: .8em;}
.cartItem span.count{font-weight:normal;font-size: .8em;}
.cartItem>a.del{display: block;width: 24px;height: 24px;max-width: 24px;background:url(../icons/nav-remove.svg) center no-repeat;background-size:12px;}


/* dialog */
.dialog {position:fixed;top:0;left:0;right:0;bottom:0; z-index:100;background:#FFF8;display:flex;justify-content: center;align-items: center;}
.dialog .dgpanel {position:relative;background:#FFF;border:1px solid #000;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3);padding:10px;overflow: auto;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);}
.dialog .dgpanel.max {width:100%;height:100%;}
.dialog .dgpanel>a.close{position: absolute;top: 8px;right: 8px;z-index:2;width: 28px;height: 28px;background:url(../icons/menu-close.svg) center no-repeat;background-size:20px;}
.dialog .dgpanel>div {padding-top: 22px;}
.dialog .dgpanel iframe{width:100%;height:100%;padding-top: 22px;border:0;position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;}


/* banner */
.bannercont{background:#FFF;}
.banner{position:relative;height: 36.45vw;margin-bottom:20px;}
.banner .perex{margin:auto;}
.banner a{color:#FFF;}
.banner a:hover{color:#FFF;}
.banner h1,.banner h2,.banner h3,.banner p{color:#FFF;text-align:center;margin-left:auto;margin-right:auto;}
.banner p{max-width:900px;}

.banner .cnt{display:flex;flex-direction:column;height:100%;z-index:1;position:relative;}
.banner .perex{display:flex;flex-direction:column;justify-content:center;padding: 20px; background:rgba(0,0,0,0.60);}

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

.banner .titleBtn {overflow: hidden;white-space: nowrap;margin-left:0;margin-right:0;}
.banner .titleBtn::before, .banner .titleBtn::after {content: "";display: inline-block;height: 1px;background-color: #fff;position: relative;vertical-align: middle;width: 50%;}
.banner .titleBtn::after {margin-right:-50%;}
.banner .titleBtn::before {margin-left:-50%;}

.banner div.motivesbtn{position:absolute;z-index:1;left:0;right:0;bottom:-22px;text-align:center;}
.banner div.motivesbtn a{display:inline-block;width:36px;height:36px;background:#FFF;margin:0 5px;border:4px solid #F0A100;}
.banner div.motivesbtn a.sel{background:#F0A100;}

@media (hover: hover)	{
.banner div.motivesbtn a:hover{background:#F0A100;}
}


.banner .logow{height:40px; margin:10px 0 20px; background: center no-repeat; background-size:contain;}

ul.motives,ul.motives>li{position:absolute;top:0;bottom:0;left:0;right:0;margin:0;}
ul.motives>li{opacity:0;pointer-events:none;transition:1s opacity;list-style:none;background-position:center;background-size:cover;}
ul.motives>li.sel{opacity:1;pointer-events:auto;}
ul.motives>li.sel2{opacity:1;pointer-events:auto;transition:none;}
ul.motives>li>a{position:absolute;top:0;bottom:0;left:0;right:0;text-decoration:none;}

@media only screen and (max-width:640px){
.banner{width:100%;height:75vw;margin-bottom:15px;}
.banner div.motivesbtn{bottom:-17px;}
.banner div.motivesbtn a{width:26px;height:26px;border-size:2px;}
}

@media only screen and (max-width:400px){
.banner .titleBtn::before, .banner .titleBtn::after {display:none;}
}


/* text layout prvky */

@media (max-width:420px){
.cnt{padding:0 10px;}
}



.block {clear:both;display:flex;flex-wrap: wrap; margin:0 -10px;}
.block>div {box-sizing: border-box;padding:0 10px;flex-grow: 1;}

.block .half {flex-basis:50%; min-width:350px;}
.block .third {flex-basis:33%; min-width:233px;}
.block .twothirds {flex-basis:66%; min-width:466px;}
.block .quarter {flex-basis:25%; min-width:175px;}
.block .bl60 {flex-basis:60%; min-width:500px;}
.block .bl40 {flex-basis:40%; min-width:330px;/*max-width: 455px;*/margin:0 auto;}


@media (max-width: 560px){
.block .twothirds,.block .bl60,.block .bl40 {min-width:350px;}
.block .bl40 {max-width: none;}
.block .smallhide {display:none;}
}
@media (max-width: 420px){
.block .half,.block .bl60,.block .bl40,.block .twothirds {min-width:240px;}
}

.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:24px;margin:.8em 0 .4em;}
.addtext h3{font-size:20px;margin:1em 0 .4em;font-weight:bold;}

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

.imgLeft,.imgRight {clear:both; margin:2em 0;display:flex;background-color:#FFF; color:#000;}
.imgLeft h1,.imgLeft h2,.imgLeft h3,.imgLeft h4,.imgLeft h5 {color:#39393a;}
.imgRight h1,.imgRight h2,.imgRight h3,.imgRight h4,.imgRight h5 {color:#39393a;}
.imgLeft:first-child,.imgRight:first-child {margin-top:.5em;}
.imgLeft:last-child,.imgRight:last-child {margin-bottom:.5em;}
.imgRight {flex-direction:row-reverse;}
.imgLeft>div:first-child,.imgRight>div:first-child{flex-basis:30%;}
.imgLeft>div:first-child>div,.imgRight>div:first-child>div{height:100%;}
.imgLeft>div:first-child img,.imgRight>div:first-child img{display:block;width:100%;height:100%;object-fit:cover;}
.imgLeft>div:last-child,.imgRight>div:last-child{flex-basis:70%; padding:5px 15px;}
.imgLeft .photogallery,.imgRight .photogallery {margin: -10px 10px -10px -10px;}

.imgLeft.small>div:first-child,.imgRight.small>div:first-child{flex-basis:20%;min-width: 180px;}
.imgLeft.small>div:last-child,.imgRight.small>div:last-child{flex-basis:80%; padding:5px 15px;}

.imgLeft.top>div:first-child img,.imgRight.top>div:first-child img{display:block;width:100%;height:auto;object-fit:contain;}

.imgLeft.transparent,
.imgRight.transparent {background-color:transparent;}
.imgLeft.transparent>div:last-child {padding-right:0;}
.imgRight.transparent>div:last-child {padding-left:0;}


@media only screen and (max-width:680px){
.imgLeft,.imgRight{display:block;}
.imgLeft.small>div:first-child,.imgRight.small>div:first-child{display:none;}
.imgLeft.transparent>div:last-child,
.imgRight.transparent>div:last-child {padding:5px 0;}
}




/*Panel*/
.panel {position:relative; padding-top:10px;padding-bottom:10px;}
.panel::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;margin-left:-200%;margin-right:-200%;background:#F7F7F7;background: linear-gradient(0deg, #F7F7F7 0%, #FFF 30%, #FFF 100%);}

.panel.black::before {background:#575757;}
.panel.color::before {background:#F0A100;}

/*bgr*/
.bgr {padding:10px;background-color:#FFF;}
.bgr.black {background-color:#575757;}
.bgr.color {background-color:#F0A100;}
.imgLeft.bgr,.imgRight.bgr {padding:0;}



/*link*/
a .imgLeft>div:last-child::after,
a .imgRight>div:last-child::after,
a .bgr::after,a .panel::after {content:""; display:block;margin-top:10px;width:28px;height:20px; background:url(../icons/arrow.svg) left center no-repeat;}
a .imgLeft.bgr::after,a .imgRight.bgr::after {display:none;}

/*color*/
.black {color:#fff;}
.black h1,.black h2,.black h3,.black h4,.black h5 {color:#FFF;}
a .bgr.black::after,a .panel.black::after {background-image:url(../icons/arrow-w.svg);}
.color {color:#000;}
.color h1,.color h2,.color h3,.color h4,.color h5 {color:#FFF;}
.white {color:#000;}
.white h1,.white h2,.white h3,.white h4,.white h5 {color:#39393a;}


div.topline {border-top:4px solid #F0A100;}
div.border {position:relative;}
div.border::before {content:"";position:absolute;z-index:-1; top:-10px;left:-10px;right:-10px;bottom:-10px; border:1px solid #fff;}


.photoitem {display:flex;flex-wrap: nowrap;align-items: center;}
.photoitem>div {flex-grow: 1;}
.photoitem>div:first-child {flex-grow: 0;flex-shrink: 0;margin-right: 1em;}
.photoitem img{display:block;margin:0;}

@media only screen and (max-width:680px){
.photoitem{display:block;}
.photoitem>div:first-child {margin:auto; margin-bottom:1em;}
}




.main img,.main video{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 .description{font-style:italic;font-size:.9em;}
.main p.description{margin-top:-.6em;}
.main img.border{padding: 2px;border: 2px solid #ccc;background: #fff;}
.main a:hover img.border{padding: 0px;border: 4px solid #F0A100;}
.main img.noborder{padding: 0;border: none;}
.main a:hover img.noborder{padding: 0;border: none;}

.photogallery{text-align:center;margin:.5em -8px;position:relative;}
.photogallery img{display:inline-block;vertical-align:middle;margin:8px;border: 3px solid transparent;}
.photogallery a:hover img{border: 3px solid #F0A100;box-shadow: 0 0 10px #ccc;}
.photogallery img.border{padding: 2px;border: 2px solid #ccc;background: #fff;}
.photogallery a:hover img.border{padding: 0px;border: 4px solid #F0A100;box-shadow:none;}


.photogallery .size1,
.photogallery .size21{width:calc(16.666% - 16px);}
.photogallery .size2,
.photogallery .size22{width:calc(25% - 16px);}
.photogallery .size3{width:calc(33.333% - 16px);}
.photogallery .size4{width:calc(50% - 16px);}
.photogallery .size5{width:calc(100% - 16px);}

.slider{position:relative;text-align:center;margin:.5em 36px;}
.slider>div {overflow-x:hidden;margin:0 -8px;}
.slider .photogallery{display:inline-block;white-space:nowrap;transition:.3s transform;margin:0;}
.slider .photogallery.noanim {transition:none;}
.slider .photogallery img{width:200px;}

.slider a.arr {position:absolute;z-index:4;top:50%; transform:translateY(-50%);width:32px; height:32px; background:#F0A100 center center no-repeat;background-size: 24px;}
.slider a.arr.arrprev {left:-36px; background-image:url(../icons/arrow-left.svg);}
.slider a.arr.arrnext {right:-36px; background-image:url(../icons/arrow.svg);}
.slider a.arr.arrprev:hover {background-image:url(../icons/arrow-w-left.svg);}
.slider a.arr.arrnext:hover {background-image:url(../icons/arrow-w.svg);}



@media (max-width:1000px){
.photogallery .size1,.photogallery .size21{width:calc(25% - 16px);}
.photogallery .size2,.photogallery .size22{width:calc(33.333% - 16px);}
.photogallery .size3{width:calc(50% - 16px);}
}

@media (max-width:700px){
.photogallery .size1,.photogallery .size21{width:calc(33.333% - 16px);}
.photogallery .size2,.photogallery .size22{width:calc(50% - 16px);}
.photogallery .size4{width:calc(100% - 16px);}
}

@media (max-width:480px){
.photogallery .size1,.photogallery .size21{width:calc(50% - 16px);}
.photogallery .size3{width:calc(100% - 16px);}
}

@media (max-width:420px){
.photogallery .size2,.photogallery .size22{width:calc(100% - 16px);}
}

/*rotateimg*/
.photogallery img.rotate{position:absolute;top:-10px;left:0;right:0;bottom:0;z-index:1;opacity:0;height:0;transition:opacity 1s,height 0s 1s;}
.photogallery img.rotate.sel{position:static;display:block;opacity:1;height:100%;transition:opacity 1s,height 0s;}



.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.download{display:inline-block;margin-right:1em;}

.main a.download,
.main a.export {padding-left:28px;margin-left:5px;display:inline-block;min-height:24px;line-height:24px;}
.main a.download{background:url(../icons/download.svg) left 2px no-repeat;background-size:20px;}
.main a.export{background:url(../icons/arrow.svg) left 7px no-repeat;background-size:20px;}

.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;z-index:1;top:0;left:0;bottom:0;right:0;}


.main table{width:100%;border-collapse:collapse;margin:1em 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;vertical-align: top;}
.main table th{border:none;background: #F0A100;font-weight: bold;color: #000;}
.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.white tr {background:#FFF;}
.main table.blank tr {background:transparent;}
.main table.short{width:auto;}

@media (max-width: 479px) {
.content table,.content tbody,.content thead,.content tr {display:block;}
.content tr {margin:10px 0;}
.content th {display:block;}
.content td {display:block;}
}
/*
.main .longtable{overflow:auto;}
.main .longtable table{min-width:50em;}
.main .longtable.l65 table{min-width:65em;}
*/




/* submenu */
.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',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%;background-size: cover;}
.sbm.bnr div.fg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;text-align: left;}
.sbm.bnr h2{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 55px;background: #FFF;margin: 0;padding: 0;display: flex;align-items: center;}
.sbm.bnr h2>span{margin: 0;padding: 0 20px;font-size: 17px;text-transform: uppercase;line-height: 1.3em;}
.sbm.bnr div.txt{overflow: hidden;position: absolute;left: 0;right: 0;bottom: 50px;padding: 10px 20px 5px;background-image: linear-gradient(180deg, #FFF0 0%, #FFF5 10%, #FFF 90%);transform: translateY(100%);transition:.3s transform;}
.sbm.bnr>a:hover div.txt,
.sbm.bnr>a.sel div.txt{transform:translateY(0);}

.sbm.bnr .link{width: 100%;text-align: left;background-position-x: right;padding-left: 0;padding-right: 28px;}
.sbm.bnr .logo{display: inline-block;width:50%; height:25px; background: left center no-repeat; background-size:contain;}

@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>.catNav {margin:-10px 10px 10px;width:100%;text-align: left;}
.sbm>.catNav a {position:relative;display:inline-block;vertical-align:middle; text-decoration: none;width:140px; height:90px; overflow:hidden; margin:.5em;padding:10px;background: 100px 50px no-repeat;background-size:32px;border:1px solid transparent;border-bottom-color:#666; }
.sbm>.catNav a::after {content:""; position:absolute; left:8px;bottom:8px; width:32px; height:32px; background:url(../icons/arrow.svg) bottom center no-repeat; background-size:70%;}
.sbm>.catNav a:hover {border-color:#666;}


.sbm.big{margin:1em -20px;}
.sbm.big>div{display:block;width:calc(33.333% - 40px);max-width:520px;text-align:left;margin:20px;padding: 15px;background-color: #fff;}
.sbm.big div.img{margin: -15px -15px 0;}
.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;}



.bigbgr {margin:40px 0;display:flex;background-color:#FFF; color:#000;}
.bigbgrRight {flex-direction:row-reverse;}
.bigbgr h1,.bigbgr h2,.bigbgr h3,.bigbgr h4,.bigbgr h5 {color:#39393a;}
.bigbgr>div:first-child{flex-basis:35%;margin:40px 0 30px -20px;max-width: 525px;}
.bigbgr>div:first-child img{display:block;width:100%;}
.bigbgr>div:last-child{flex-basis:65%;flex-grow:1;}
.bigbgr>div>h2 {border-bottom: 2px solid #F0A100;font-weight: bold;padding: 50px 20px 20px 30px;margin:0 0 25px 0;}
.bigbgr>div>.cnt {padding: 0 20px 0 30px;}
.bigbgrRight>div:first-child{margin:40px -20px 30px 0;}
.bigbgrRight>div>h2 {padding: 50px 30px 20px 20px;}
.bigbgrRight>div>.cnt {padding: 0 30px 0 20px;}

@media only screen and (max-width:1080px){
.bigbgr>div:first-child{margin:40px 0 30px -10px;}
.bigbgrRight>div:first-child{margin:40px -10px 30px 0;}
}

@media only screen and (max-width:680px){
.bigbgr{display:block;}
.bigbgr>div:first-child{margin:0 0 0 0;max-width: none;}
.bigbgr>div:first-child img{display:block;width:100%;max-height:300px; object-fit:cover;}
.bigbgr>div>h2 {padding: 30px 15px 15px 15px;margin:0 0 15px 0;}
.bigbgr>div>.cnt {padding: 0 15px;}
}



/*numbox*/
.numbox{display:flex;flex-wrap:wrap;margin:10px 0;}
.numbox>div,
.numbox>a{text-align:center;margin:10px;flex:1 1;min-width:200px;}
.numbox h3{font-size: 80px;font-weight:300;margin:.5em 0 0;}
.numbox p{font-size:20px;}

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

/*argumentbox*/
.argumentbox{display:flex;flex-wrap:wrap;margin:10px 0;}
.argumentbox>div,
.argumentbox>a{margin:10px;flex:1 1;min-width:200px;display:block;}
.argumentbox div{text-align:center;background:center top no-repeat;background-size:150px;padding-top:150px;}
.argumentbox .argKvalita{background-image:url(../pikto/pikto1.svg);}
.argumentbox .argRychlost{background-image:url(../pikto/pikto2.svg);}
.argumentbox .argVyroba{background-image:url(../pikto/pikto3.svg);}

@media only screen and (max-width:640px){
.argumentbox div{background-size:100px;padding-top:100px;}
}


/*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);}

.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(../icons/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;}


@media only screen and (max-width:1000px){
.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;}
}

.tabs>.tab {display:none;}
.tabs>.tab.sel {display:block;}

/*download*/
.docList {margin:1em -10px;display: flex;flex-wrap: wrap;justify-content: center;}
.docList>div{width:235px;max-width:300px;flex-grow: 1;margin:10px;vertical-align:top; text-align:center; background-color:#FFF;padding:10px;}
.docList img{max-height:200px;border:2px solid #F0A100;}
.docList h3{font-size:19px;margin:0.4em 0;}
.docList a{font-weight:bold;}


.search.mapsearch{position:relative;display:inline-block; vertical-align:middle;width: calc(100% - 52px);max-width: 450px;}


.autocomplete-items {position: absolute;z-index: 40;top: 100%; left: 0; right: 0;border: 1px solid #000;border-bottom:none;}
.autocomplete-items div {padding:3px;cursor: pointer;background-color: #fff;border-bottom: 1px solid #000;}
.autocomplete-items div::after {content:"";display: block;clear:both;}
.autocomplete-items div:hover,
.autocomplete-items div.sel {background-color: #F0A100;}
.autocomplete-items div.more {text-align:center;padding:8px;}
.autocomplete-items div.grp {padding:8px 3px 8px 36px;background-image: url(../icons/folder.svg);background-repeat: no-repeat;background-position: 6px 6px; background-size:24px;}
.autocomplete-items div img{float:left; margin:0;max-width: 50px;}
.autocomplete-items div p {line-height: 1em;font-size: .9em;margin: 5px 0 5px 60px;}



a.maplocal {display:inline-block;vertical-align:middle;width: 36px;height: 36px;background: #F0A100 url(../icons/target.svg) center no-repeat;background-size: 26px;margin-left: 15px;border: 1px solid #000;}

.mapfilter {margin:1em 0;}
.mapfilter div{/*margin:1em 0;*/}
.mapfilter .logo {display:inline-block;vertical-align:middle;cursor:pointer; width: 150px; height: 30px;margin: 0 20px 10px 0;background: 25px center no-repeat;background-size: 110px 30px;display: inline-block;vertical-align: middle;}
.mapfilter .logo input{display: inline-block;}

.map h4 {margin:.2em 0;}
.map img {max-width:none;}

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



/* sales */
.sales {margin:10px -10px;}
.sales>div{position:relative; display:inline-block; vertical-align:top; margin:10px; padding:10px; width:calc(50% - 20px); background:#FFF; border:2px solid #CCC;}
.sales>div::after{content:"";clear:both;display:block;}
.sales>div.sel{border-color:#F0A100;}
.sales .logos{float:right;margin:0 0 10px 10px;text-align:center;}
.sales .logos div{width:100px; height:25px; margin:10px 0;background: center no-repeat;background-size:contain;}
.sales .logos img.pecet {height:80px;}
.sales .photogallery img {width: calc(25% - 16px);min-width:100px;}
.sales dl {display: block;margin: .2em 0;}
.sales dt {display: inline-block;vertical-align: top;min-width: 60px;margin-right: 5px;font-weight: bold;}
.sales dd {display: inline-block;vertical-align: top;margin: 0;}

.sales .detailed{display:none;}
.sales>div.sel .detailed{display:block;}

.sales .icotxt.detail{position:absolute;right:10px;bottom:5px; background-image:url(../icons/nav-add.svg);background-size: 15px;padding-left: 20px;}
.sales>div.sel .icotxt.detail{background-image:url(../icons/nav-remove.svg);}


@media only screen and (max-width:800px){
.sales {margin:10px 0;}
.sales>div{display:block; margin:10px 0; width:100%;}
}

.pages {text-align:left;/*padding: 0 .5em;*/}
.pages span,.pages a {display:inline-block;width:30px;padding:5px 0;text-align:center;}
.pages a {margin:0 2px;background:#fff;text-decoration:none;}
.pages a.sel {background-color:#F0A100;}
.pages a:hover {background-color:#F0A100;color:#fff;}
@media only screen and (max-width:799px){
.pages{text-align:center;}
}



/* sortiment */
.sortCat {margin: 5px -.5em;}
.sortCat a {position:relative;display:inline-block;vertical-align:top;text-decoration: none;width:140px; height:90px; overflow:hidden; margin:.5em;padding:10px;background: #fff 90px 40px no-repeat;background-size:45px;}
.sortCat a::after {content:""; position:absolute; left:8px;bottom:8px; width:32px; height:32px; background:url(../icons/arrow.svg) bottom center no-repeat; background-size:70%;}
.sortCat a:hover {background-color:#F0A100;color:#fff;}
.sortCat a:hover::after {background-image:url(../icons/arrow-w.svg);}
.sortCat a.sel {background-color:#F0A100}
.sortCat a.sel::after {background-image:url(../icons/arrow-down.svg);background-size: 35%;}
.sortCat a.sel:hover::after {background-image:url(../icons/arrow-w-down.svg);}

.sortSerie {float:right; display:block;width:38px; height:38px; margin:20px 0 5px 5px; background:#FFF url(../icons/series.svg) no-repeat center center;background-size:24px;}
.sortSerie:hover {background-color:#F0A100;background-image:url(../icons/series-hover.svg);}


.sortNav>div:nth-child(2) {text-align:right;}

@media only screen and (max-width:500px){
.sortNav {display:block}
.sortNav>div {text-align:center;}
.sortNav>div:nth-child(2) {text-align:center;}
}

@media only screen and (max-width:399px){
.h-400 {display:none !important;}
}

.sortList {margin: 1em 0;display: flex;flex-direction: row;flex-wrap: wrap;align-items: stretch;gap: 20px;}
.sortList>div {width:calc(25% - 20px);max-width:350px;background:#FFF;position:relative;border: 2px solid #ccc;display: flex;flex-direction: column;}
.sortList>div>div.text {padding:3px 10px;transition: max-height .5s;flex-grow: 2;}
.sortList>div:hover>div.text {max-height:300px;}
.sortList>div>div.priceold {padding:2px 10px;font-size:.85em;text-decoration:line-through;transform: translateY(9px);color:#666;}
.sortList>div>div.price {padding:10px; font-weight:bold;font-size: 1.3em;}
.sortList>div>div.price.act {color:#d20000;}
.sortList>div>div.price>.dph {display: block;font-size: .65em;font-weight: normal;padding-top: 4px;}
.sortList>div>div.addCart{position:absolute;z-index:1; right:0;bottom:0;}
.sortList div.prop{position: absolute;z-index: 2;top: 5px;right: 5px;width: 40px;}
.sortList div.prop>img{display:block;margin:0 auto 5px;}

.sortList>div>div.img>a {display:block;margin:auto;max-width:260px;height: 0;padding-bottom: min(100%,260px);overflow:hidden;}
.sortList>div>div.img>a>img{width:100%;max-width: 100%;margin-top:0;margin-left:0;
transition: all .2s;}
.sortList>div>div.img>a:hover>img {width: 110%;max-width: 110%;margin-top: -5%;margin-left: -5%;}

.sortList h2,.sortList h3{font-size:21px;line-height:1.2em;margin:.4em 0;font-weight:normal;}
.sortList p{font-size:13px;}
.sortList .addCart a{display:block; width:40px; height:40px; margin:5px; background:#F0A100 url(../icons/cart2.svg) center center no-repeat;background-size:26px;}
.sortList .addCart a:hover{display:block; width:50px; height:50px; margin:0;background-size:32px;background-image:url(../icons/cart2-w.svg);}

.sortList a.icovideo{position: absolute;top: 0;left: 0;width: 48px;height:40px;z-index: 2; background:url(../icons/ytvideo.svg) center center no-repeat;background-size:32px;filter: grayscale(100%) brightness(280%);}
.sortList a.icovideo:hover{filter: none;}




@media only screen and (max-width:1110px){ .sortList>div{width:calc(33% - 20px);}}
@media only screen and (max-width:820px){ .sortList>div{width:calc(50% - 20px);}}
@media only screen and (max-width:540px){ .sortList{justify-content: center;} .sortList>div{width:calc(100% - 20px);}}


.sortimentNav{text-align:center;}
.sortimentNav>a,.sortimentNav>span{display:inline-block; vertical-align:middle; margin:10px 10px 20px;}
.sortimentNav>a.text {position:relative;line-height:36px; min-width:36px; min-height:36px; padding:0 20px;font-weight:bold;background-color:#F0A100;text-decoration:none;}
.sortimentNav>a.text::after {content:"";position:absolute; top: 100%;left: calc(50% - 1px);width: 3px;height: 20px;background-color:#F0A100;}
.sortimentNav>a.arr {background:#F0A100 no-repeat center;background-size: 24px;width:36px;height:36px;}
.sortimentNav>a.prev {float:left;margin-left:0;background-image:url(../icons/arrow-left.svg);}
.sortimentNav>a.next {float:right;margin-right:0;background-image:url(../icons/arrow.svg);}
.sortimentNav>a:hover {color:#fff;}
.sortimentNav>a.prev:hover {background-image:url(../icons/arrow-w-left.svg);}
.sortimentNav>a.next:hover {background-image:url(../icons/arrow-w.svg);}
.sortimentNav>span {width:36px;height:36px;}
.sortimentNav>span.prev {float:left;margin-left:0;}
.sortimentNav>span.next {float:right;margin-right:0;}



.sortDet {}
.block.sortDet.zoomed .bl60 {flex-basis:100%;}


.sortImg{position:relative;width:100%; height:0;padding-bottom:calc(100% - 72px);box-shadow: 0 0 15px #ccc;}
.sortImg .loading::after{content:"";position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background:#fff9 url(../icons/loading.svg) center center no-repeat; background-size:200px;}
.sortImg .images{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-color: #fff;}
.sortImg .imgsgrp{display:block;max-width:945px;margin:0 auto;white-space: nowrap;overflow:hidden;}
.sortImg .imgsgrp>div.animate{transition:transform .5s;}
.sortImg .imgsgrp>div>span{display:inline-block;margin:auto;vertical-align: top;width: 100%;padding: 0 72px;}
.sortImg .imgsgrp>div>span>img{display:block;}

@media only screen and (min-width:990px){
.zoomed .sortImg {height: calc(945px - 72px);padding-bottom:0;}
}

.sortImg .icons{position:absolute;z-index:3;top:0;left:0;}
.sortImg .icons a, .sortImg .icons span{ display:block; margin:1px 0 0 1px; width:70px; height:70px; opacity: .75; background:#f5f5f5 center center no-repeat; background-size:45px;}
.sortImg .icons a:hover,.sortImg .icons a.sel{opacity:1;background-color:#e6e6e6;}
.sortImg .icons a.dis {opacity:.2;background-color:#f5f5f5;cursor:default;}
.sortImg .icons span{opacity:1; background: center center no-repeat; background-size:60px;}

.sortImg .icons a.iconmain{background-size:60px;}
.sortImg a.iconzoom{background-image:url(../icons/zoom.svg);}
.zoomed .sortImg a.iconzoom{background-image:url(../icons/zoom-.svg);}
.sortImg a.iconcfg{background-image:url(../icons/foto.svg);background-size: 55px;}
.sortImg a.icon360{background-image:url(../icons/360.png);}
.sortImg a.icon3d{background-image:url(../icons/3d.svg);}
.sortImg a.icondrw{background-image:url(../icons/drawing.svg);}
.sortImg span.iconill-1{background-image:url(../icons/ill-1.png);}
.sortImg span.iconill-2{background-image:url(../icons/ill-2.png);}
.sortImg span.iconill-3{background-image:url(../icons/ill-3.png);}
.sortImg span.iconill-4{background-image:url(../icons/ill-4.png);}
.sortImg span.iconill-5{background-image:url(../icons/ill-5.png);}
.sortImg span.iconill-6{background-image:url(../icons/ill-6.png);}

@media only screen and (max-width:860px){
.block.sortDet .bl60 {flex-basis:100%;}
.sortImg a.iconzoom,
.sortImg a.iconzoom2{display:none;}
}


.sortImg .pict{position:absolute;z-index:3;top:0;right:0;}
.sortImg .pict img{display:block;max-width: 64px; margin:1px 1px 0 auto;border: 2px solid #ccc;}
.sortImg .pict div.cfg {position:relative;}
.sortImg .pict div.cfg>a:hover>img{border-color: #F0A100;}
.sortImg .pict div.cfg>a:after{content:"";position:absolute;top:calc(50% - 7px);left:-14px;width:0;height:0;border:7px solid transparent; border-right-color: #F0A100;}


.sortImg .pict div.cfg>div{display:none;}
.sortImg .pict div.cfg.sel>div{display:block;position:absolute;z-index:3;right:20px;top:20px;text-align:right;}
.sortImg .pict div.cfg>div a {display:inline-block;margin: 1px;border:3px solid #ccc;vertical-align: top;}
.sortImg .pict div.cfg>div a.sel,.sortImg .pict div.cfg>div a:hover {border-color: #F0A100;}
.sortImg .pict div.cfg>div img {display: block;height: 60px;width: 60px;border:0;margin:0;}

.sortImg .btnsgrp{position:absolute;z-index:4;bottom:1px;left:71px;right:71px;overflow:hidden;
-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 99%);
}
.sortImg .btns {margin:3px 0;position:relative;left: calc(50% - 30px);transition:left 1s;white-space: nowrap;}
.sortImg .btns.noanim {transition:none;}
.sortImg .btns a{display:inline-block; width:60px; height:60px;margin: 2px;vertical-align: middle; border:2px solid #e6e6e6;background:#FFF center center no-repeat;background-size:cover; }
.sortImg .btns a:hover,.sortImg .btns a.sel{border:2px solid #F0A100;}

.sortImg a.arr {position:absolute;z-index:4;bottom: 1px;width:70px; height:70px; background:#F0A100 center center no-repeat;background-size: 40px;}
.sortImg a.arr.arrprev {left:1px; background-image:url(../icons/arrow-left.svg);}
.sortImg a.arr.arrnext {right:1px; background-image:url(../icons/arrow.svg);}
.sortImg a.arr.arrprev:hover {background-image:url(../icons/arrow-w-left.svg);}
.sortImg a.arr.arrnext:hover {background-image:url(../icons/arrow-w.svg);}

.sortImg a.cfgico {display:none;position:absolute;z-index:5;left:calc(50% - 25px); top:calc(50% - 25px);width:50px; height:50px; background: center center no-repeat;background-size: 50px;
mix-blend-mode: difference;opacity: .5;
}
.imgsgrp:hover a.cfgico{display:block;}
.imgsgrp:hover a.cfgico:hover{mix-blend-mode: normal;opacity:1;}

.sortImg a.cfgico.zoom {transform:translateX(0); background-image:url(../icons/cfg-zoom.svg);}
.sortImg a.cfgico.prev {transform:translateX(-60px); background-image:url(../icons/cfg-left.svg);}
.sortImg a.cfgico.next {transform:translateX(60px); background-image:url(../icons/cfg-right.svg);}
.mfp-svg .mfp-img{height: 90vh;background: rgb(255, 255, 255);padding: 0px;margin: 40px auto;}

.sortCfg {}

.sortCfg dl{}
.sortCfg dt{float: left;padding: 8px 0;font-weight: bold;font-size: 1.2em;}
.sortCfg dd{text-align: right;font-size: 1em;padding: 8px 0;margin: 0;font-weight: bold;color:#666;}
.sortCfg div{clear: left;text-align: left;}
.sortCfg a{position: relative;display: inline-block;vertical-align:top;margin:1px;padding: 2px;border: 2px solid #ccc;}
.sortCfg a.sel,.sortCfg a:hover{padding: 0px;border-width:4px; border-color:#F0A100;}
.sortCfg img{display: block;height: 60px;width: 60px;}

.sortStavy {margin: 1em 0 0;}
.sortStavy img{max-width: 66px;margin:2px;display:inline-block;vertical-align:middle;}
.sortStavy p {margin: 4px 0 0;font-size: .95em;font-weight: bold;}


.sortPriceOld {font-size:1em;text-decoration:line-through;color:#666;margin:0;transform: translateY(15px);}
.sortPrice {font-size: 2em;font-weight: bold;}
.sortPrice.act {color:#d20000;}
.sortPrice>span {display:inline-block;vertical-align:top;}
.sortPrice .sortVat {font-size: .5em;font-weight: normal;}
.sortPrice .dph {display: block;line-height: 1em;font-size: .5em;font-weight: normal;}
.infoPrice {font-size:1em;font-weight: normal;color: #666;margin: -.5em 0 1em 0;}

.sortDet .addCart{display: flex;}
.sortDet .addCart input{margin-right: 10px;height:40px;}


@media only screen and (max-width:480px){
.sortImg {padding-bottom:calc(100% - 52px);}
.sortImg .imgsgrp>div>span{padding: 0 52px;}
/*.sortImg .imgsgrp{margin-bottom:52px;}*/

.sortImg .icons a, .sortImg .icons span{ width:50px; height:50px; background-size:35px;}
.sortImg .icons span{background-size:45px;}
.sortImg .icons a.iconmain{background-size:42px;}

.sortImg .pict img{max-width:40px;max-height:40px;}
.sortImg .pict div.cfg>div a {border-width:2px;}

.sortImg .btns {left: calc(50% - 20px);}
.sortImg .btns a{width:40px; height:40px;}
.sortImg a.arr {width:50px; height:50px;background-size: 30px;}

.sortCfg img{width: 50px;height: 50px;}
.sortPrice {font-size: 1.5em;}
.sortPrice .sortVat,.sortPrice .dph {font-size: .75em;}
}


/*order*/
.orderNav{padding: 0 0 5px 0;display: flex;border-bottom: 2px solid #F0A100;}
.orderNav li{display:inline-block;list-style:none;margin: 0 10px 5px 0; background-color:#FFF4;border:2px solid #F0A100;}
.orderNav li>a,.orderNav li>span{display:flex;align-items: center;height: 100%;padding: 10px 10px;text-decoration:none;}
.orderNav .n{display:inline-block;min-width: 24px;width:24px; height:24px;margin-right:5px;text-align: center;line-height: 25px;background-color:#FFF;color:#F0A100;border-radius: 12px;}
.orderNav li.act,
.orderNav li:hover {background-color:#F0A100;}
.orderNav li.dis{color:#999;background-color:#FFF4;}
.orderNav li.dis .n{color:#999;}
@media only screen and (max-width:640px){
.orderNav li .n {margin-right:0;}
.orderNav li .t {display:none;}
.orderNav li.act .n {margin-right:5px;}
.orderNav li.act .t {display:inline;}

}

.orderItem {margin:10px 0; background:#FFF; position:relative;padding: 10px;display:flex;flex-wrap: wrap;align-items: center;}
.orderItem .desc{flex: 50% 1 1;}
.orderItem .count{flex: 10% 1 1;text-align: center;}
.orderItem .jprice{flex: 22% 1 1;text-align: right;}
.orderItem .jprice>span.dph{display:block;font-size:.8em;}
.orderItem .jprice>span.info{display:block;font-size:.8em;margin-top:8px;}
.orderItem .price{flex: 18% 1 1;text-align: right;}
.orderItem .price>span{font-weight:bold;}
.orderItem .price>span.dph{display:block;font-size:.8em;font-weight:normal;}
.orderItem .desc img{width: 100px;float: left;}
.orderItem .desc p{padding-left:110px;margin: .5em 0;}
.orderItem .desc h3{padding-left:110px;margin:0;}
.orderItem .desc .params span{display: block;}
.orderItem a.del {position: absolute;top:3px;right:3px;z-index: 2;width: 24px;height: 24px;max-width: 24px;background: url(../icons/nav-remove.svg) center no-repeat;background-size: 12px;}


@media only screen and (max-width:1025px){
.orderItem .desc{flex: 100% 1 1;}
.orderItem .desc img{width: 60px;}
.orderItem .desc p{padding-left:70px;}
.orderItem .desc h3{padding-left:70px;padding-right: 15px;}
.orderItem .desc .params span{display: inline-block;margin-right:4px}
.orderItem .desc .params span::after{content:",";}
.orderItem .desc .params span:last-child::after{content:"";}
}

@media only screen and (max-width:640px){
.orderItem .jprice{display:none;}
}

.sumrec {margin:10px 0; background:#FFF; position:relative;padding: 10px;display:flex;flex-wrap:nowrap;align-items: center;font-size:.8em;}
.sumrec>span{flex: 82% 1 1;text-align: right;}
.sumrec>span.price{flex: 18% 1 1;text-align: right;}
@media only screen and (max-width:1025px){
.sumrec {display:block;text-align: right;}
.sumrec>span {display:inline-block;margin-left:10px;}
}

.sumprice {margin:10px 0; background:#FFF;padding:10px;text-align:right;font-size:1.2em;}
.sumprice>span{font-weight:bold;}
.sumprice>span.dph{display:block;font-size:.8em;font-weight:normal;}



/*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.login{width:500px;border:1px solid #F0A100;}
.form.long{width:100%;}

.form dl{display:block;width:100%;padding:0 8px;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 8px;}
.form h2{padding:0 8px;margin:.4em 0;}
.form span{font-weight:normal;display:block;font-style:italic;}

.form input,
.form select,
.form textarea{width:100%;border:1px solid #F0A100;background:#fff;padding:2px 8px;}
.form select{padding: 0 8px;height: 38px;font-size: 1.2em;}
.form textarea{height:10em;padding:5px 8px;}
.form label{font-size: 1.2em;}
.form input[type="checkbox"]{width:auto;margin-right:10px;vertical-align:middle;height:1.3em;}
.form input[type="submit"]{width:auto;height: auto;margin:8px 10px 8px 0;padding:8px 25px;color:#393939;font-weight:bold;background-color:#F0A100;cursor:pointer;}
.form input[type="submit"]:hover{color:#FFF;}
.form span.info{display:block;font-style:italic;font-size:.9em;padding: 3px 0;}
.form span.err{display:none;font-weight:bold;font-style:normal;color:#BD0C18;font-size:.9em;padding: 3px 0;}
.form .err span.err{display:block;}
.form .err input,
.form .err select,
.form .err textarea{border-color:#BD0C18;background-color: #FFC0C0;}
.form p.err{font-weight:bold;font-style:normal;color:#BD0C18;}

.form.filter {width: 100%;text-align: right;margin: 0;}
.form.filter select {width:auto;margin:0 0 5px 5px;font-size: 1em;}
.form.filter input[type="text"],
.form.filter input[type="date"] {width:150px;font-size: 1em;padding: 8px;height: auto;margin:0 0 5px 5px;}
.form.filter input[type="text"] {width:200px;}
.form.filter input[type="submit"]{margin:0 0 5px 5px;padding: 5px 15px;font-size: .85em;}
.form.filter a.btncolor{margin:0 0 5px 5px;vertical-align:middle;}
/*
.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;}
*/
.ordersales{display: inline-block;vertical-align: top;}
.ordersales>span{display: block;font-size: .60em;}


/*designer-intro*/
a.navrhar-ico {display:inline-block; height:46px; line-height:46px; font-size: 20px; text-transform:uppercase; font-weight:bold; text-decoration:none; white-space:nowrap; padding:0 20px 0 50px; background:url(../designer/ena.png) 0 0 no-repeat;} 
a.navrhar-ico:hover {color:#FFF;}
a.navrhar-ico.dis {background-image:url(../designer/dis.png);color:#666;cursor:default;}
a.navrhar-ico.dis:hover,
a.navrhar-ico.dis:focus {text-decoration:none;color:#666;}

span.point {display:inline-block; width:16px; height:8px; background: url(../designer/point.png) no-repeat center center;}

span.techok,span.techbad { display:inline-block; width:24px; height:24px; vertical-align:middle; background: center center no-repeat;}
span.techok {background-image:url(../designer/checkOK.png);}
span.techbad {background-image:url(../designer/checkBAD.png);}
p#techres { font-weight:bold;font-size: 0.9em;line-height: 1.3em;}
p#techres .green {color:#f0a000;}
p#techres .red {color:#C00;}

#tech6o2c{ float:right; width:140px; height:120px; margin:0 0 0 20px; overflow:hidden; position:relative;}
#tech6o2c .cnt { position:absolute; top:0; left:0; right:0; bottom:0px;padding:0;}