@font-face{font-family:'museo_sans300';src:url(https://cdn.zoner.com/font/MuseoSans_300-webfont.woff2) format("woff2"),url(https://cdn.zoner.com/font/MuseoSans_300-webfont.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'museo_sans700';src:url(https://cdn.zoner.com/font/MuseoSans_700-webfont.woff2) format("woff2"),url(https://cdn.zoner.com/font/MuseoSans_700-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'museo-sans';src:url(https://cdn.zoner.com/font/MuseoSans_900-webfont.woff2) format("woff2"),url(https://cdn.zoner.com/font/MuseoSans_900-webfont.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}
html{margin:0;padding:0;font-size:18px;height:100%}
body{margin:0;padding:0;width:100%;height:100%;color:#000;text-align:center;font-family:'museo_sans300',Verdana,sans-serif;background:#FFF}
img,p,li,form,input,select,fieldset,table,hr,ol{margin:0;padding:0}
a{text-decoration:underline;color:#85bb24}
a.blue{color:#0035FB}
a:hover,a:active,a:focus{outline:none;text-decoration:none}
a img{border:none}
p{line-height:25px;margin:10px 0 20px}
p.smaller{font-size:16px;line-height:20px;margin:0 0 20px}
.lh50{line-height:50px}
strong,span.ins,p.ins{font-family:'museo_sans700',Verdana,sans-serif}
h1,h2,h3,h4,h5,h1 span{font-family:'museo_sans300',Verdana,sans-serif;color:#000;line-height:1em;letter-spacing:-.015em;font-weight:400;font-size:50px}
h1 span{font-family:'museo_sans700',Verdana,sans-serif;text-transform:uppercase}
.content h1,.special h2,h2.gradient{position:relative;padding-top:25px;padding-bottom:25px}
.special h2,h2.gradient{padding-top:5px;padding-bottom:10px}
h1 em,h1.h1c em,.special h2 em,h2.gradient::after{width:5%;height:3px;display:block;position:absolute;bottom:-10px;left:0}
h2.gradient::after{width:50px;content:' ';left:50%;left:calc(50% - 25px)}
.tleft h2.gradient::after{left:0}
.tright h2.gradient::after{left:auto;right:0}
h2.gradient{display:inline-block;margin-bottom:15px;line-height:33px}
h1.h1c em{left:50%}
h2,h2.green{font-size:30px;color:#85bb24}
h2.bigger{font-size:40px;color:#000}
.black,.black h2,.black h3{color:#FFF;background:#272727}
.black h3{line-height:1.5em}
.black .buttons a{margin:0 25px 0 0}
h3,h3 span{font-size:24px}
h4,h4 span{font-size:21px}
h5,h5 span{font-size:20px}
ul.alpha ul{margin:10px 0 0 20px}
ol{counter-reset:step-counter;list-style-type:none;display:block;text-align:left}
ol ul,ol li{margin-top:15px}
ol > li{counter-increment:step-counter;display:block;padding:0;margin-bottom:15px}
ol > li span,ul.alpha > li span,ol > li div,ul.alpha > li div,ul.dash > li div,ul.dash > li span,ul.mdash > li span{display:inline-block;width:90%;width:calc(100% - 40px)}
ol > li::before{content:counter(step-counter) '';display:block;float:left;font-size:14px;color:#FFF;font-family:'museo_sans700',Verdana,sans-serif;background-color:#85bb24;width:25px;height:25px;text-align:center;border-radius:20px;margin-right:10px}
ul.alpha{counter-reset:alpha-counter;list-style-type:none;display:block;text-align:left}
ul.alpha > li{counter-increment:alpha-counter;display:block;padding:0;margin-bottom:10px}
ul.alpha > li::before{content:counter(alpha-counter, lower-alpha) '';display:block;float:left;font-size:14px;color:#FFF;font-family:'museo_sans700',Verdana,sans-serif;background-color:#85bb24;width:25px;height:25px;text-align:center;border-radius:20px;margin-right:10px}
.blank ul,.content ul,.moretext ul,ul.alpha,ul.dash,ol.offset{margin-left:27px;padding-left:10px}
.blank li,.content li,.moretext li{list-style:none;margin:0 0 12px 10px;line-height:25px}
ul.mdash{margin-left:0;padding-left:0}
ul.dash li,ul.mdash li{list-style:none;margin-bottom:10px}
ul.mdash li{line-height:30px;margin-bottom:15px}
ul.dash li::before,.blank li:before,.content li:before,.moretext li:before{content:'\2013';color:#85bb24;font-size:35px;font-family:'museo_sans700',Verdana,sans-serif;vertical-align:top;padding-right:10px}
.blank li:before,.content li:before,.moretext li:before{margin-left:-38px;padding-right:13px}
ul.mdash li::before{content:'\2014';color:#85bb24;font-size:18px;vertical-align:top;padding-right:10px}
table{border-collapse:collapse}
#main{position:relative;min-height:100%;height:100%}
.holder,.holdern,.blank{position:relative;width:1170px;margin:0 auto;padding:0 15px;line-height:25px}
.holdern{width:676px}
.greybox{background:#f4f4f4;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.greybox.noborder{border-color:transparent}
.greentext{color:#85bb24}
.blacktext{color:#000}
.whitetext{color:#FFF}
.normalp{padding:25px 15px 40px}
.bigp{padding:40px 15px 60px}
.bigp2{padding:40px 15px 0}
.center{margin:0 auto!important;text-align:center!important}
.tleft{text-align:left!important}
.tright{text-align:right}
.tcenter{text-align:center}
.tjustify{text-align:justify}
.tnormal{text-transform:none!important;font-family:'museo_sans300',Verdana,sans-serif!important}
span.tnormal{font-size:18px}
.tsmall{font-size:14px}
.tsmaller{font-size:16px}
p.tsmall{font-size:14px;line-height:20px;margin:10px 0}
p.tsmaller{font-size:16px;line-height:24px;margin:10px 0}
.hidden,.hiddenrow td,.imgsmall{display:none}
.first{margin-left:0!important}
.last{margin-right:0!important}
.lefthalf{position:absolute;width:50%;height:100%;left:0}
.righthalf{position:absolute;width:50%;height:100%;right:0}
.relative{position:relative}
.relative sup{display:inline-block;vertical-align:baseline;position:relative;top:-.5em}
.perex{font-size:19px;line-height:30px;width:100%;margin-bottom:40px}
.describ{border-bottom:solid 1px #d9d9d9;padding:20px 0 20px 30px;font-size:14px;font-style:italic;display:block;background:url(/__img/info-icon.png) no-repeat 0 15px}
.tip{background:#f2f2f2;padding:34px 40px;line-height:25px}
.tip h5{font-size:23px;margin:0 0 5px;padding:0 0 40px;position:relative}
.tip h5 em{width:4%;height:3px;display:block;position:absolute;bottom:15px;left:0}
.grey,.silver{background:#f2f2f2}
.grey.greyx{background:#fcfcfc}
.silver a.close{color:#A3A3A3!important;text-decoration:none!important;border:none!important}
.grad,h2.gradient::after{background:linear-gradient(90deg,#85bb24 0%,#12b8e6 100%)}
.line,hr,.line2{width:100%;height:0;margin:0;border-bottom:solid 1px #d9d9d9}
.line2{margin:15px 0}
.nofloat{float:none;margin:0 auto}
.fright,.fleft{position:relative}
.fright{float:right}
.fleft{float:left}
.fleft.important{float:left!important}
.fcenter{display:inline-block;text-align:center}
.clear,.clear5,.clear10,.clear15,.clear20,.clear25,.clear30,.clear35,.clear40,.clear50,.clear60,.clear70,.clear80,.clear100{clear:both;height:0}
.clear5{height:5px}
.clear10{height:10px}
.clear15{height:15px}
.clear20{height:20px}
.clear25{height:25px}
.clear30{height:30px}
.clear35{height:35px}
.clear40{height:40px}
.clear50{height:50px}
.clear60{height:60px}
.clear70{height:70px}
.clear80{height:80px}
.clear100{height:100px}
.w20{width:20px}
.w180{width:180px}
.w200{width:200px}
.w255{width:255px}
.w300{width:300px}
.col1{width:1%}
.col2{width:2%}
.col5{width:5%}
.col10{width:10%}
.col20{width:20%}
.col25{width:25%}
.col30{width:33%}
.col33{width:33.33%}
.col30real{width:30%}
.col40{width:40%}
.col45{width:45%}
.col50{width:50%}
.col50.important{width:50%!important}
.col55{width:55%}
.col60{width:60%}
.col70{width:70%}
.col70.important{width:70%!important}
.col80{width:80%}
.col90{width:90%}
.col95{width:95%}
.col100{width:100%}
.iblock{display:inline-block}
.flexbox{display:flex;box-sizing:border-box}
.flexbox.inline {display:inline-flex}
.flexbox div.middle{align-self:center;box-sizing:border-box}
.flexbox.tleft div.middle{padding-left:40px}
.flexbox.tright div.middle{padding-right:40px}
.flexbox.tright img,.flexbox.tright a,.flexbox.tright div.image{align-self:center;order:2;max-width:100%;flex-shrink:0}
.flexbox.center{align-items:center;justify-content:center}
.flexbox.center div.middle{padding-left:25px}
.m20{margin:20px 10px 10px 20px}
.m25r{margin:10px 25px 10px 0}
.m40{margin:40px}
.mb40{margin-bottom:40px}
.mb0,.nmb{margin-bottom:0}
.mt0,.nmt,p.nomargintop{margin-top:0!important}
.pr40{padding-right:40px}
.note{font-size:14px;line-height:18px}
p.check{padding-left:30px;background:transparent url(/__img/orderx/ico-check.png) left center no-repeat}
.success,.error,.warning{padding:15px;border-radius:2px;box-sizing:border-box;margin:20px 0;display:none}
.success,p.info,div.info{border:solid 1px #85BB24;background:#EFF7E2 url(/__img/orderx/ico-info.png) 15px 12px no-repeat}
div.info{background-position:30px 10px;font-size:16px;font-style:italic;background-color:#FFF;border:solid 2px #D9D9D9;border-radius:2px;padding:10px 30px 10px 60px;margin-bottom:20px;box-sizing:border-box;line-height:25px}
p.info{border:none;background-position:0 0;background-color:#FFF;padding-left:30px}
.error{border:solid 1px #D00F0F;background:#F6D8D8 url(/__img/orderx/ico-error.png) 15px 15px no-repeat}
.warning{border:solid 2px #F4A138;background:#FFF1DF url(/__img/orderx/ico-warning.png) 15px 15px no-repeat}
.success p,.error p,.warning p{margin:0;color:#000;font-size:14px;margin-left:30px;line-height:18px}
.warning p{margin-left:35px}
.warning h4{font-size:18px;margin:0 0 10px;margin-left:35px}
.warning div.formelements{margin-left:35px}
.success.visible,.error.visible,.warning.visible{display:block!important}
.ms300{font-family:'museo_sans300',Verdana,sans-serif;font-weight:400}
.ms700,div.vline h4{font-family:'museo_sans700',Verdana,sans-serif;font-weight:400}
.ms900{font-family:museo-sans,sans-serif;font-weight:900}
div.vline{padding-left:50px;position:relative;box-sizing:border-box}
div.vline h4{margin:0}
div.vline::before{content:'';display:block;width:5px;height:100%;background-color:#ECB800;position:absolute;top:0;left:0}
div.vline.purple::before{background-color:#3300A3}
div.vline.green::before{background-color:#80B505}
p.hline{padding-top:20px;position:relative}
p.hline::before{content:'';display:block;width:50px;height:3px;background-color:#89ba17;position:absolute;top:0;left:0}
#content-left{width:800px;padding-right:30px;float:left}
#content-left .col3{width:240px;margin-right:25px;float:left;border:none;padding:0}
#content-left .col3.last{margin:0}
#content-right{background:#F2F2F2;width:285px;margin:60px 0 0 20px;float:left;color:#000}
#content-right div.inleft{margin:0 35px}
#nav{width:100%;background:#FFF;position:fixed;left:0;text-align:left;z-index:25}
#topsm{background:#FFF;clear:both;height:130px}
#topsm.mheight{height:80px}
#logo{display:block;float:left;width:131px;height:40px;margin:20px 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAAArCAYAAABM8KssAAAFiUlEQVR4nO2cS6skNRTHZ+2qJ+hCcNHCqHde1/4I+Qj3I9ReRhplNrqwQO66V4KDg62jouiiEAZxcFGCjooghTs3Ugjitj9Cmdw+uZ0+ffLqrkql7+TAfx5JTr3yu+ckqdS91nXdtawsm9Z/IGPf/zcRmgs1Ql1i4jsX3JOx689xoc6geqjzJm8YEtEJhdAqARhMmsR6NgKMmQZJEeu8yZkOieiAMgEIbGpjPRcBxURoBYA0UDbTyrBsUWgudGbyhWPXqLyMda9OU5BABBkbApfmsZ6L1mmyY2dQVmqdeAadT0GyhP+3KlVpvi3UzREkl3BA/TTWvTpNQsLWY5CUU8xFFImVakQHLag0o0MC/+cGSEqorwlIaohS+FiXx4lxj0EGkKSeZiTAsxjPA3X2AtX1AQlWC22ThyTFWUx0QKRpHavSgtIMdfRWygiAZAX/VmmFQ9vkIRkbBJNqoWnoPb3xyetTIS4V4se2ZzM7U2BbNJBjCAckroHrcULy/Hf/di9Wf18oIhgyqi32iR4CikKoEeqUhnhmz5xRkLz0zV/dycNfu7sf/Hipsa/TZgKGiVCtw3EIJPBTX3qogPacKh/SIHLNVdoa9GQ6JDJyvPrx71twpA4JANJQgIRCArOOxpJyyFVYIg0NujorIUTnK4c83yUkEhAcPY4BknuPTskIsick1IJYq0WIZSKQxF14U5C8/PmfRkBShWT+xd0zGyA9QTKx1D87kLzw+B8rIKlCIiCohobEUW+ChJJMYxUer0DqqDzTXAk+GBIsDu3Uol3NNqu/RhkfjITEFUUShsQKSJ+QsPVAsToAEqqz53v6+UISMr6yQ3LrwdOjg+StL+/wGJA4VIEfhqRhm0U4GSnw+ogJrhW0V764k0vww5As2fbC3wTa7VwvaucPiQuQFCGBxbKxIGmhY1RnWMckpnqivER+GIbSVk7cDxlhTPXGB5Mh2VjQT9e2X4YkQ+L0y5BkSJx+GZIMidMvQ5IhcfoNBYnv7GZr34vmb4SEbb+1zpD4WgKQtABAzejFrxL8MCSd5ieltlviNo3WZmfbgvEGMyQbSwASmyQ0U/Az7k3RI0bAsaWWxhu8ypC8+dlpKCRThrYDePpx5Ff41BPllObs+u5WALZecjf5T6GN69gX18Jcm66vMiRvf3Unues+SvOB5PaHP0X73sXXfCB599uTYEgglFM5n1Kt+RVsM9CM+rUfcb0cyq2zG2/zgeTWg5/N+Wokc0Fy79Fp9/6TV/ZJNyF5XI0tCtuYZGhLApIbn/4Rbbe6r7kgeae62Z3/cKOPdzdyTGD93odF3k9CnJ+EpDdzQXLy8Lfkoog0GyT3v759AUgfkHj6YUj0t8BSako6pcq148xQ/dRRr4TXU7h2P9wEueFYO3JBIneuR/tAO8RMkOiAjAiJKS25pso4IpRQLuFoA9IgBz9yisvo7QtGGSG5+dEvtfg7SUCkYUjkTOa9x69tAdJTurFOH8EPd/6KbS9uLQztfCGhBtItMy+McfDzgUePfjV1rh1IxEymEWOQIrTTRIdwoaVQgztqCMlBqYSCAqNnSA6OENrx+4IEf35KjkkCICnQ8UhIOCg4coiOmAnVMcDYQ0FTd0YspiEtE4GkdPhxKPeFhKPj7UKyr4lOKBIAwaZq75sjjIg0GRKbHQEgUsVeN2ewDEmAiYc/FVolAEFvqcbHMiQBdr4eoI4NgUvceSOBliEJsAQAGCTNsM2bVZNwZ/h+GkH9Oi3V7kxr57vJCC/WmRbTfCGZa8da4PpgSM7XU92xITCmmEMiCBEpXKo8/RRM+36MtQz0C4XEqqsCSX2+HkgftPgXAEnDtO9uwFe9PaZWMvHbYhwZXJCozzV9v8jrA5KWwcdco/+24az09T9nPbfFmEyGrAAAAABJRU5ErkJggg==) no-repeat center top;background-size:131px 40px}
#nav ul{float:right;margin:0;padding:0;list-style:none}
#nav li{float:left;margin:0;padding:0;position:relative}
#nav ul a{color:#000;text-decoration:none;position:relative;z-index:30;font-size:18px;margin-left:30px;height:80px;display:block;line-height:82px}
#nav ul a:hover{color:#85bb24;text-decoration:underline}
#nav ul a.act{color:#85bb24}
#nav ul a svg {position:relative;top:3px;margin-left:6px}
#nav .sm a.act{color:#000}
#nav .sm a.act em{display:block;width:100%;height:2px;position:absolute;bottom:0;left:0}
#nav ul a#down{border-radius:2px;padding:12px 30px;display:inline;float:none;color:#FFF;font-size:13px}
#nav ul a#down:hover{text-decoration:none}
#nav ul a#login{margin:22px 0 0 14px;border-radius:2px;border:2px solid #d9d9d9;width:36px;height:36px;line-height:0}
#nav ul a#login svg {margin: 0; top: auto;}
#nav ul a#login span{visibility:hidden;opacity:0;position:absolute;top:50px;right:0;border-radius:2px;border:2px solid #d9d9d9;width:190px;line-height:24px;padding:10px 20px;font-family:'museo_sans300',Verdana,sans-serif;font-size:16px;color:#000;background:#FFF;text-align:center;transition:visibility 0 linear 0.5s,opacity .5s linear}
#nav ul a#login span strong,#nav ul a.withsm.act:after{display:block;position:absolute;right:13px;top:-6px;background-color:#FFF;width:8px;height:8px;border-left:2px solid #d9d9d9;border-top:2px solid #d9d9d9;transform:rotate(45deg)}
#nav ul a.withsm.act:after{content:'';left:49%;left:calc(50% - 7px);border-width:1px;bottom:-6px;top:auto}
#nav ul a#login:hover span{visibility:visible;opacity:1;transition-delay:0}
#nav .sm{width:100%;z-index:25;text-align:center;background:#FFF}
#nav .sm li{float:none;display:inline;color:#5a5a5a}
#nav .sm a{height:50px;line-height:50px;display:inline-block;font-size:16px;color:#5a5a5a;margin:0;padding:0 15px;position:relative;z-index:31}
#nav .sm a:hover{color:#000}
.btns,.b2rows,.bsmall{font-family:'museo_sans700',Verdana,sans-serif;font-size:18px;color:#FFF;line-height:78px;padding:0 26px;text-align:center;text-decoration:none;text-transform:uppercase;box-shadow:0 2px #CCC;border-radius:6px;display:inline-block}
.b2rows,.b2rows.bgreenborder{padding:16px 26px;line-height:22px}
.b2rows span,.b2rows.bgreenborder span{font-family:'museo_sans300',Verdana,sans-serif;display:block;font-size:13px;line-height:18px;text-transform:none;white-space:nowrap}
.bsmall{font-size:16px;line-height:55px;padding:0 26px}
.btns.left{float:left}
.btns.right{float:right}
.btns.bbox,#cookies-information{box-sizing:border-box}
.bgreen,.bblue.selected{background:#89BA17}
.bgreen2{background:#89BA17;box-shadow:0 4px 0 0 #6DA025}
.bgreen:hover,.bgreen2:hover,.bblue.selected:hover{background:#7aae1d}
.bblue{background:#12b8e6}
.bblue:hover{background:#12abd5}
.bblack{background:#272727}
.bblack:hover{background:#000}
.bwhite{color:#000;background:#FFF}
.bwhite:hover{background:#272727}
.bgreenborder{border:solid 1px #85bb24;color:#85bb24;background:transparent;line-height:68px}
.bgreenborder:hover{border-color:#7aae1d;color:#7aae1d}
.bwhiteonly{background:#FFF}
.bwhiteborder{border:solid 1px #000;color:#000;position:relative}
.bwhiteborder:hover{background:#272727;color:#FFF}
.bwhiteborder2{border:solid 1px #000;color:#000;position:relative;box-shadow:none;padding:0 20px}
.bwhiteborder2:hover{background:#000;color:#FFF}
.bwhiteborder2 span{text-transform:none;vertical-align:middle}
.bwhiteborder2 img,.bwhiteborder2 svg{width:27px;margin-right:5px;vertical-align:middle}
.bwhiteborder2:hover img,.bwhiteborder2:hover svg{filter:invert(1)}
.bblueborder{border:solid 3px #23BAE2;line-height:76px;color:#23BAE2;box-shadow:0 4px 0 0 #FFF}
.bblueborder:hover{background:#23BAE2;color:#FFF}
a.imgbtn{color:#000;text-decoration:none;display:block;box-sizing:border-box;padding-right:20px;line-height:1.6em}
a.imgbtn:hover{text-decoration:underline}
a.imgbtn img{border-radius:10px;box-shadow:0 1px 5px #333}
.icodwn{display:block;position:relative;float:right;margin-left:45px;width:35px;height:34px;background-size:cover;background:url(/__img/zpsx/btn-icons.png) no-repeat 0 0}
.black .b2rows,.black .btns{box-shadow:0 2px #525252}
.black .btns.bgreen2{box-shadow:0 4px 0 0 #6DA025}
ul.timeline{list-style-type:none;margin:0;padding:60px 0 0;display:inline-block;border-left:solid 3px #ccc;text-align:left;position:relative}
ul.timeline li{list-style-type:none;position:relative;padding:0 0 60px 60px;line-height:18px}
ul.timeline li::before{content:'';display:block;float:left;margin-left:-69px;box-sizing:border-box;height:15px;width:15px;background-color:#FFF;border:3px solid #E04A3A;border-radius:8px}
ul.timeline li.orange::before{border-color:#EDBD0E}
ul.timeline li.green::before{border-color:#89BA17}
ul.timeline li.blue::before{border-color:#23bae2}
ul.timeline li.lila::before{border-color:#4823BA}
ul.timeline li.yellow::before{border-color:#F8D210}
ul.timeline::before,ul.timeline::after{content:'';display:block;width:100%;height:60px;position:absolute;top:0;left:-3px;background-image:linear-gradient(rgba(255,255,255,1),transparent)}
ul.timeline::after{bottom:0;top:auto;background-image:linear-gradient(transparent,rgba(255,255,255,1))}
ul.timeline li span.hint{position:absolute;left:-120px}
ul.timeline li span.hint a{color:#fff}
ul.timeline li.orange span.hint{background-color:#EDBD0E}
#foot{padding:50px 0 80px;text-align:left}
#foot ul{list-style:none;margin:0;padding:0}
#foot li{font-size:14px;margin-bottom:18px}
#foot a{color:#000;text-decoration:underline}
#foot a:hover{text-decoration:none}
#foot div.footnav li{display:block;float:left;height:30px;line-height:30px;margin:8px 25px 20px 0}
#foot div.footnav li.last,#foot div.footnav li:last-child{margin-right:0!important}
#foot ul#lang{list-style:none;width:150px;position:relative;float:left;z-index:9;border:1px solid #d9d9d9;border-radius:2px}
#foot ul#lang ul{display:none;bottom:30px;left:auto;right:0;top:auto;list-style:none;position:absolute;padding:0;z-index:9}
#foot ul#lang li{cursor:pointer;background:#FFF;width:150px;margin:0;position:relative}
#foot ul#lang a{width:150px;height:30px;line-height:33px;display:block;text-decoration:none}
#foot ul#lang a em{display:block;position:relative;float:right;width:7px;height:7px;top:10px;right:14px;border-bottom:solid 1px #333;border-right:solid 1px #333;background-color:#FFF;transform:rotate(45deg)}
#foot ul#lang ul li{border-bottom:solid 1px #d9d9d9}
#foot ul#lang span{position:relative;float:left;width:16px;height:11px;margin:10px 18px 0 14px;background-image:url(https://cdn.zoner.com/img/flags.png);background-repeat:no-repeat}
#foot ul#footmenu{float:left;margin-left:45px;width:auto;width:calc(100% - 200px)}
#foot ul#footmenu li{margin:0;width:190px}
#foot ul#lang img{margin:0 18px 0 14px}
.en{background-position:0 0}
.de{background-position:0 -11px}
.ru{background-position:0 -22px}
.cz,.cs{background-position:0 -33px}
.sk{background-position:0 -44px}
.jp{background-position:0 -55px}
.es,.ww{background-position:0 -99px}
.black a.icofb,.black a.icoig,.black a.icotw,.black a.icoyt{display:inline-block;width:32px;height:32px;background:url(https://cdn.zoner.com/img/social-icons-black.png) no-repeat 0 0;margin-right:30px}
.black a.icoig{background-position:0 -32px}
.black a.icotw{background-position:0 -64px}
.black a.icoyt{background-position:0 -96px}
.footd{margin-top:38px}
#foot div.zlogo{width:97px;height:38px;background:url(https://cdn.zoner.com/img/logos.png) no-repeat 0 0}
#copy{text-align:left;width:300px;margin:8px 0 0 104px;font-size:11px;color:#8A8A8A}
#ficons{margin-top:-10px}
#ficons svg,#ambasador svg.svgico{fill:#262626;fill-rule:evenodd;width:30px;height:30px}
#motive{text-align:left;font-size:16px;line-height:22px}
#motive h1{margin-top:100px;display:inline-block;width:650px}
#motive p{width:600px}
#motive .buttons{margin:40px 40px 20px 0;width:600px}
#motive .buttons a{margin:0 20px 20px 0}
#motive img{position:relative;float:right;margin:20px 20px 20px 40px}
#functs{padding:0 0 60px;text-align:left}
#functs a{font-weight:700}
#functs .margin{margin:95px 20px 0 60px}
#functs .margin2{margin:65px 20px 0 60px}
h4.iconed,h5.iconed{white-space:nowrap;display:inline-flex;text-align:left;position:relative;align-items:center}
h4.iconed span.ico,h5.iconed span.ico{display:flex;width:50px;margin-right:10px;align-items:center;justify-content:center}
h3.iconed{font-family:'museo_sans700',Verdana,sans-serif;font-weight:400;font-size:21px;line-height:21px;white-space:nowrap;display:inline-block;text-align:left}
h3.iconed.standard{font-family:'museo_sans300',Verdana,sans-serif;font-size:24px}
h3.iconed.onerow{line-height:35px}
h3.iconed.onerow.standard{line-height:45px;white-space:normal}
h3.iconed span.ico,a.iconed span.ico,p.iconed span.ico{display:block;float:left;width:50px;height:50px;text-align:center;margin-right:10px}
a.aar:link,a.aar:active,a.aar:visited{padding-right:25px;text-decoration:none;background:url(/__img/zpsx/link-arrow.png) no-repeat right 2px}
a.aar:hover{text-decoration:underline}
a.aar.iconed {font-family: 'museo_sans700',Verdana,sans-serif; font-weight: normal; display: inline-block; text-align: left; clear: left;}
a.aar.iconed span.ico, p.iconed span.ico {width: 40px; height: 40px;}
p.iconed.rows span.ico {width: 40px; height: 60px;}
#citation{padding:90px 0;font-size:26px;font-style:italic;text-align:left}
.cit{margin:0 0 35px;width:90%;line-height:35px}
.cit em{position:absolute;display:block;top:-44px;left:-56px;width:56px;height:45px;background:url(/__img/zpsx/cit-icon.png) no-repeat 0 0}
.cita,.cita span{display:inline-block;font-size:16px;font-style:normal;font-weight:700}
.cita span{font-weight:300}
.citgrad{display:inline-block;margin:6px 10px 0 0;width:29px;height:3px;position:relative;float:left}
.alist{list-style:none;padding:0;font-size:21px;line-height:39px}
.alist a{text-decoration:none}
.alist a:hover{text-decoration:underline}
.fadein{width:100%;height:100%;position:absolute;top:0;left:0;display:block}
.fadein img{position:absolute;top:0;left:0;z-index:19}
.play{display:block;z-index:20;position:relative;line-height:0;font-size:0}
.play img{z-index:21;width:100%}
.relm{max-width:100%}
.ico-import,.ico-cleaned,.ico-share,.ico-print,.ico-tips,.ico-zonrm{height:23px;padding-left:45px}
.ico-import{background:url(/__img/zpsx/ico-auto-import.png) 0 0 no-repeat}
.ico-cleaned{background:url(/__img/zpsx/ico-cleaned-photos.png) 0 0 no-repeat}
.ico-share{background:url(/__img/zpsx/ico-easy-sharing.png) 0 0 no-repeat}
.ico-print{background:url(/__img/zpsx/ico-print-from-zps.png) 0 0 no-repeat}
.ico-tips{background:url(/__img/zpsx/ico-tips-tricks.png) 0 0 no-repeat}
.ico-zonrm{background:url(/__img/zpsx/ico-unlimited-zonerama.png) 0 0 no-repeat}
.ico-magic,.ico-layers,.ico-spbrush,.ico-sharp,.ico-radial,.ico-brush,.ico-batch,.ico-video{width:26px;height:23px;padding-right:10px;display:block;float:left}
.ico-magic{background:url(/__img/zpsx/ico-slider-magic-wand.png) 0 0 no-repeat}
.ico-layers{background:url(/__img/zpsx/ico-slider-layers.png) 0 0 no-repeat}
.ico-spbrush{background:url(/__img/zpsx/ico-slider-special-brush.png) 0 0 no-repeat}
.ico-sharp{background:url(/__img/zpsx/ico-slider-sharp.png) 0 0 no-repeat}
.ico-radial{background:url(/__img/zpsx/ico-slider-radial.png) 0 0 no-repeat}
.ico-brush{background:url(/__img/zpsx/ico-slider-brush.png) 0 0 no-repeat}
.ico-batch{background:url(/__img/zpsx/ico-slider-batch-edit.png) 0 0 no-repeat}
.ico-video{background:url(/__img/zpsx/ico-slider-video.png) 0 0 no-repeat}
#panorama{background:#12b8e6 url(https://cdn.zoner.com/img/hp/hp-motive-q1-2019.jpg) center center no-repeat;background-size:cover;background-clip:content-box;font-size:20px}
#panorama h1,#panorama h1 span{margin:0;padding:30px 0 0;letter-spacing:0;color:#FFF;text-shadow:none;font-size:70px;font-family:museo-sans,sans-serif;font-weight:900;font-style:normal}
#panorama p,#panorama span{color:#FFF;font-size:23px}
#panorama p.tsmall,#panorama span.tsmall{font-size:14px;line-height:18px;font-family:'museo_sans700',Verdana,sans-serif}
#panorama p{line-height:28px;margin:0}
#panorama h1 sup{font-family:'museo_sans300',Verdana,sans-serif;font-size:18px;display:inline-block;vertical-align:baseline;position:relative;top:-2.6em}
#panorama h1 .hint{font-family:'museo_sans700',Verdana,sans-serif;font-size:18px;text-shadow:none;padding:5px 10px}
#panorama h2{font-size:32px;text-shadow:none;color:#FFF;line-height:45px;margin:0}
.hint{padding:1px 9px;color:#FFF;background-color:#E04A3A;font-size:15px;font-weight:400;line-height:20px;white-space:nowrap;display:inline-block;border-radius:6px;vertical-align:middle}
.hint.green{background-color:#85bb24}
.hint.orange{background-color:#E7AD39}
#ytcontainer{width:100%;max-width:1200px;position:relative}
#ytwrap{position:relative;padding-bottom:56.25%;padding-top:0;height:0}
#ytwrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.ytvideo{position:relative;display:inline-block}
.ytvideo figure{margin:0;overflow:hidden}
.ytvideo figure img{display:block;width:100%;margin:-9.42% 0}
.ytplay{background:#12b8e6;border-radius:50% / 10%;color:#FFF;font-size:.8em;height:3em;margin:0;padding:0;position:absolute;top:40%;top:calc(50% - 2em);left:45%;left:calc(50% - 2em);z-index:10;text-align:center;text-indent:.1em;transition:all 150ms ease-out;width:4em}
.ytplay:hover{background:#12abd5}
.ytplay::before{background:inherit;border-radius:5% / 50%;bottom:9%;content:"";left:-5%;position:absolute;right:-5%;top:9%}
.ytplay::after{border-style:solid;border-width:1em 0 1em 1.732em;border-color:transparent transparent transparent rgba(255,255,255,0.75);content:' ';font-size:.75em;height:0;margin:-1em 0 0 -.75em;top:50%;position:absolute;width:0}
div.preset{background-color:#FFF;box-shadow:0 1px 13px 0 rgba(0,0,0,0.11);margin-bottom:30px!important}
div.preset a{display:block;text-align:left;line-height:40px;padding:20px 0 20px 20px;margin-right:20px;color:#000;font-family:'museo_sans700',Verdana,sans-serif;text-decoration:none}
div.preset a svg{fill:#89ba17;width:40px;float:right}
div.preset a:hover svg{fill:#7aae1d}
div.preset a:hover{text-decoration:underline}
div.preset span.info{color:#000;border-color:#000;margin-top:8px}
div.preset span.info span{background-color:#000}
div.preset span.info em{border-color:#000 transparent transparent}
ul.listmargin,ul.listmargin2,ul.listmargin3,ul.listmargin4{margin-top:100px;margin-left:40px}
ul.listmargin2{margin-top:12%}
ul.listmargin3{margin-top:8%}
ul.listmargin4{margin-top:4%}
.special{font-size:16px;line-height:24px;text-align:left}
.special h2,h2.gradient{font-weight:700;font-size:33px;line-height:30px;text-transform:uppercase;color:#000}
h2.gradient{line-height:33px}
.special h2 span,h2.gradient span{display:block;font-size:23px;font-weight:300;text-transform:none}
#motivevideo{margin-top:-150px;cursor:pointer;padding:40px 0 30px 30px}
#vplayer{border:none;display:none;margin-top:-150px;padding:40px 0 30px 30px}
.ico-month,.ico-subsc,.ico-repeat,.ico-zpc,.ico-soon,.ico-supp,.ico-vip,.ico-unlim,.ico-photos{padding-left:55px}
.ico-month{background:url(/__img/zpsx/ico-free-for-month.png) 0 0 no-repeat}
.ico-subsc{background:url(/__img/zpsx/ico-no-worries.png) 0 0 no-repeat}
.ico-repeat{background:url(/__img/zpsx/ico-repeat.png) 0 0 no-repeat}
.ico-zpc{background:url(/__img/zpsx/ico-zpc.png) 0 0 no-repeat}
.ico-soon{background:url(/__img/zpsx/ico-soon-en.png) 0 0 no-repeat}
.ico-supp{background:url(/__img/zpsx/ico-support.png) 0 0 no-repeat}
.ico-vip{background:url(/__img/zpsx/ico-vip.png) 0 0 no-repeat}
.ico-unlim{background:url(/__img/zpsx/ico-unlimited.png) 0 0 no-repeat}
.ico-photos{background:url(/__img/zpsx/ico-free-photos.png) 0 0 no-repeat}
#cmpr td{padding:15px 0;text-align:left}
#cmpr img{margin-right:30px}
.cmpr td{width:290px;text-align:center;padding:15px 0;border-bottom:solid 1px #B4B4B4}
.cmpr tr.noborder td,.cmpr td.noborder{border:none}
.cmpr tr:hover td{background:#f2f2f2}
.cmpr tr th:hover,.cmpr td.header:hover,.cmpr tr.showmore td:hover{background:#FFF}
.cmpr td.header,.cmpr th{width:auto;font-size:24px;padding:40px 0 20px 20px;text-align:left;font-family:'museo_sans700',Verdana,Sans-Serif;font-size:24px}
.cmpr td.header.iconed{padding-bottom:10px}
.cmpr span.headerico{width:40px;height:50px;vertical-align:middle;display:inline-block;margin-right:15px;background:#fff url(/__img/zpsx/zps-compare-icons.png) 0 0 no-repeat}
.cmpr span#icoedit{background-position:-40px 0}
.cmpr span#icoshare{background-position:-80px 0}
.cmpr span#icoother{background-position:-120px 0}
.cmpr th{text-align:center;padding:0 10px}
.cmpr th img{margin:5px}
.cmpr th div.vbox{width:100px;height:127px;background:#fff url(/__img/zpsx/zps-compare-versions-en.jpg) 0 0 no-repeat;padding-bottom:10px}
.cmpr th div.vbox.debox{background-image:url(/__img/zpsx/zps-compare-versions-de.jpg)}
.cmpr th div.vbox.esbox{background-image:url(/__img/zpsx/zps-compare-versions-es.jpg)}
.cmpr th div.vbox.rubox{background-image:url(/__img/zpsx/zps-compare-versions-ru.jpg)}
div#vboxzps18{background-position:-100px 0}
div#vboxzps17{background-position:-200px 0}
div#vboxzps16{background-position:-300px 0}
.cmpr tr.foggybottom td{border:none;position:relative}
.cmpr tr.foggybottom td.foggybottom span{width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,1) 80%)}
.cmpr th span{font-size:18px;text-align:center}
.cmpr td.fc{width:720px;text-align:left;padding-left:20px;width:720px;text-align:left;padding-left:20px}
.cmpr td.pl0{padding-left:0}
.cmpr tr.showmore td{padding:0}
.cmpr a.showmore{color:#000;text-decoration:none;display:inline-block;position:relative}
.cmpr a.showmore::after{content:'';position:absolute;left:50%;bottom:-15px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000}
.ovcacek{margin:20px 70px 20px 20px}
#faqpost h5{color:#FFF;margin-bottom:5px}
#postico .margin{margin:20px 20px 0}
#zonerama .margin{margin:40px 20px 0}
.rimgcol100{padding:15px 0 30px 30px}
.soc{width:400px;margin:0 auto;padding:20px 0 40px}
.soc a{width:90px;height:80px;display:block;float:left;margin-right:10px;text-decoration:none;background:transparent url(/__img/soc.png) no-repeat}
#fb{background-position:0 0}
#tw{background-position:-90px 0}
#gp{background-position:-180px 0}
#yt{background-position:-270px 0}
#vi{background-position:-360px 0}
#loading #frame{max-width:750px;max-height:750px;min-height:80vh;width:100%;height:100%;margin:auto;position:relative;box-sizing:border-box;padding:0}
#loading #frame iframe{position:absolute;top:50px;left:0;width:100%;height:100%;height:calc(100% - 50px);display:table-cell;border:0;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #666}
a.close,a.close:link,a.close:hover,a.close:active,a.close:visited{position:absolute;top:0;right:20px;z-index:2;font-size:35px;text-decoration:none}
#loading,#popup,#overlay{width:100%;height:100%;background:#CCC;background:rgba(255,255,255,0.7);position:fixed;top:0;left:0;z-index:1000;display:none}
#loading.dark{background:#111;background:rgba(0,0,0,0.9)}
#loading.dark a.close,#loading.dark a.close:link,#loading.dark a.close:hover,#loading.dark a.close:active,#loading.dark a.close:visited{right:0;color:#fff;font-size:40px}
#overlay{position:absolute;display:block;z-index:24}
#loading table,#popup table{width:100%;height:100%}
#loading td,#popup td{text-align:center;vertical-align:middle}
#rlang{display:none;position:relative;margin:0 auto;background-color:#FFF;color:#000;z-index:14;text-align:center;padding:25px;margin-top:50px;width:310px;box-shadow:0 0 3px #D9D9D9;border:solid 1px #999;border-radius:2px}
#rlang p,#rlang a{color:#000;font-size:16px;font-family:Verdana,Arial,sans-serif}
#rlang a.btns{color:#FFF;padding:0 12px}
#rlang table{width:auto;height:auto;margin:15px auto 0}
#switch{display:none;color:#000;position:fixed;top:0;z-index:12;font-size:14px;width:100%;border-bottom:solid 1px #D9D9D9}
#switch strong{font-size:14px}
#switch a{color:#000;font-size:14px;margin-left:15px}
.wait{margin:auto;width:100px;text-align:center}
.wait div{width:20px;height:20px;border-radius:100%;display:inline-block;animation:bdelay 1.4s infinite ease-in-out both}
.wait .b1{animation-delay:-.32s;background-color:#21BBE6}
.wait .b2{animation-delay:-.16s;background-color:#54BC85}
.wait .b3{background-color:#86BC24}
@keyframes bdelay {
0%,80%,100%{transform:scale(0)}
40%{transform:scale(1.0)}
}
.tablenews{width:100%;margin-bottom:40px}
.tablenews td{height:70px;line-height:22px;padding-right:20px;vertical-align:top}
.tablenews a{color:#00b4e1;text-decoration:none}
.tablenews a:hover{color:#00b4e1;text-decoration:underline}
.whiteline{width:100%;height:1px;overflow:hidden;background:#444;margin:10px 0}
span.ico-tel,span.ico-lock{display:block;margin:-2px 20px 0 0;width:31px;height:31px;position:relative;float:left;z-index:2;background:url(/__img/zoner/ico-telefon.png) no-repeat 0 0}
span.ico-lock{width:26px;height:31px;background:url(/__img/zoner/ico-zamek.png) no-repeat 0 0;margin-bottom:15px}
a.ico-pdf{display:block;margin-left:8px;width:23px;height:26px;background:url(/__img/zoner/ico-pdf.png) no-repeat top left}
a.ico-doc{display:block;margin-left:8px;width:23px;height:26px;background:url(/__img/zoner/ico-doc.png) no-repeat top left}
.tm{margin-top:73px}
.feed{list-style:none;float:left;margin:0;padding:0}
.feed em{float:right;display:block;width:80px;font-weight:400;font-style:normal}
.feed img{float:left;margin:0 30px 30px 0}
.feed p{font-size:15px;line-height:20px;text-align:left}
.feed a{display:block;color:#06B4E6;font-size:20px;line-height:23px;margin-bottom:10px;text-decoration:none}
.contact h3{margin-bottom:40px}
.contact h5{font-size:19px;margin:0 0 20px;padding:0;font-weight:700}
.contact h5 span{font-size:16px;font-weight:400}
.contact p{font-size:16px}
.contact img{float:left;margin:0 20px 20px 0}
.ml40{margin-left:40px}
ul.dwnlmat{margin-left:10px;padding-left:10px}
ul.dwnlmat li{list-style-image:url(/__img/zoner/ico-download.png);margin-bottom:12px;font-size:16px}
ul.downlist{margin:70px auto 0;padding:30px 0 70px;list-style:none;width:680px;border-width:1px 0;border-style:solid;border-color:rgba(193,193,193,0.4)}
ul.downlist li{float:left;margin:0;padding:0;position:relative;z-index:8}
ul.downlist li a{margin-left:15px;height:64px;display:inline-block;font-size:18px;line-height:40px}
ul.downlist li span{position:relative;float:right;padding-left:15px;color:#000;line-height:40px}
#oldzpsdwnl.btns{float:left;margin:0 auto;width:300px}
.extras{width:520px;margin-right:40px}
.extras a{font-size:24px;font-family:'museo_sans700',Verdana,Sans-Serif;line-height:35px}
.extras a.extra{font-size:18px;font-weight:400;font-family:'museo_sans300',Verdana,Sans-Serif;line-height:20px}
.extras p{margin-top:18px}
.extras img{margin:0 50px 55px 0}
p#buildnumber{margin:10px 0 0;font-size:13px}
#buildsdescriptions h2,.anchor{padding-top:170px;margin-top:-170px;position:relative;z-index:-1}
a.fac{border:solid 1px #000;padding:20px 0;width:280px;float:left;margin:0 5px 10px;text-decoration:none;border-radius:6px;color:#000}
a:hover.fac,a.fac.act{border:solid 1px #FFF;color:#FFF;background:#272727}
.lfaq{text-align:left;padding:70px 0 35px}
a.faq{display:block;float:left;width:330px;font-size:16px;color:#FFF;line-height:20px;text-decoration:none;padding-left:20px;margin:0 40px 35px 0;position:relative}
a.faq:before{content:'';display:block;position:absolute;left:0;top:4px;width:7px;height:7px;border:solid 2px #12b8e6;border-width:2px 2px 0 0;transform:rotate(45deg)}
a.faq:hover{color:#12b8e6}
.qa{margin-top:60px}
.qa.anchor{margin-top:-110px;position:static}
.qa p.pbtn{clear:both;padding-top:30px;text-align:left;line-height:28px}
.qa a.top{margin:20px 75px 0 218px}
.qa p.pbtn a.btn{margin-right:10px}
.qa p.pbtn a.bwhite{border:solid 1px #000}
.qa p.pbtn a.bwhite:hover{color:#FFF}
.qa p{margin-bottom:25px;font-size:18px}
.qa div.line{clear:both;height:40px}
.qa h3{width:230px;padding-right:75px;text-align:right;margin:0;float:left;font-family:'museo_sans700',Verdana,Sans-Serif;font-size:24px;line-height:32px}
.qat{text-align:left;width:840px;float:left}
.qat ul{margin-top:0}
a.top{display:block;float:left;width:8px;height:8px;border-left:2px solid #333;border-top:2px solid #333;transform:rotate(45deg)}
.faqbg{background:url(/__img/zoner/support-2020.jpg) center bottom no-repeat;height:700px}
.faqbg h3{padding:60px 0 35px;margin:0}
#cameras{column-count:2}
#cameras span{display:block;width:300px;font-size:16px;margin-bottom:5px}
.manufacturer{margin-bottom:25px}
.manufacturer .producer{padding:23px 20px 23px 0;text-transform:uppercase;font-weight:700}
.manufacturer .whiteselect{width:280px}
table.full,table.tablePatch{width:666px;margin-top:20px;font-size:16px}
table.full th,table.tablePatch th{padding:5px 10px 5px 0}
table.full td,table.tablePatch td{border-top:solid 1px #f0f0f0;padding:5px 10px 5px 0}
.dropdown-news span.arr-down{position:relative;float:left;height:30px;background:url(/__img/arr-down-green.png) 8px 36px no-repeat;padding:20px 20px 5px}
#juststep,#juststeps{padding:60px 0;background:#FFF}
#juststep h2,#juststeps h2{color:#000;font-size:44px}
#juststeps h3,#juststep strong,#juststep h3{color:#000}
.ins{color:#21BBE6}
#juststep p,#juststeps p{color:#000;margin:0 auto 45px}
#fig,.fig{width:87px;height:68px;background:url(/__img/logo.png) no-repeat 0 -38px;margin:0 auto 40px}
#figpost{width:89px;height:69px;background:url(/__img/logo-post.png) no-repeat 0 0;margin:0 auto 40px}
#figzpsa{width:87px;height:67px;background:url(/__img/logo.png) no-repeat 0 -136px;margin:0 auto 40px}
#figzonerama{width:87px;height:93px;background:url(/__img/logo.png) no-repeat 0 -203px;margin:0 auto 40px}
#juststep a.b2rows,#juststeps a.b2rows{width:270px;float:none;margin:0 auto 20px;font-size:18px;padding:20px 26px;color:#FFF}
#juststep a.b2rows span,#juststeps a.b2rows span{font-size:15px;line-height:15px}
#juststep a.btns{margin-bottom:20px}
a.b2rows span.f16{font-size:16px}
.formelements{float:left;width:290px}
.formelementsspace{float:left;width:20px;height:20px}
.formelement{margin-bottom:20px}
.formelement label{display:block;margin-bottom:12px;font-family:'museo_sans700',Verdana,sans-serif;font-size:16px}
.formelement300{width:350px;margin:0 auto}
#inquiryform div.formelements{float:left;width:250px}
input,select,textarea{font-size:16px;width:100%;margin:0;padding:0 15px;box-sizing:border-box;color:#000;background-color:#F7F7F7;border:solid 2px #D9D9D9;border-radius:2px;outline:none;display:inline-block}
input,select{height:50px;line-height:50px}
input[type="password"]{background:#F7F7F7 url(/__img/orderx/ico-lock.png) right center no-repeat}
textarea{padding:15px}
select{text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
span.dropdown{position:relative;display:inline-block;width:100%}
span.dropdown:before{content:'';right:2px;top:2px;width:40px;height:46px;position:absolute;box-sizing:border-box;border-left:solid 2px #D9D9D9;background:#FFF url(/__img/orderx/ico-down.png) center center no-repeat;pointer-events:none;display:block}
.chk input,.rad input{width:20px;height:20px;opacity:0;filter:alpha(opacity=0);cursor:pointer}
.chk,.rad{background:transparent url(/__img/orderx/ico-rad.png) 0 0 no-repeat;width:20px;height:20px}
.rad{background-position:0 -40px}
.chk.sel{background-position:0 -20px}
.rad.sel{background-position:0 -60px}
.ordercontainer{text-align:left;width:600px;margin:0 auto;background-color:#FFF;position:relative}
.ordercontainer h1{font-size:35px}
.ordercontainer h2{font-size:35px;margin:50px 0 30px;color:#000}
.ordercontainer h3{font-size:30px;margin:50px 0 40px}
.twentylist{width:100%;max-width:760px;margin:0 auto}
.twentylist div.twentywrap,.twentylist div.twentyitems{box-sizing:border-box;float:left;position:relative}
.twentylist div.twentywrap{width:calc(100% - 150px)}
.twentylist div.twentyitems{width:150px}
.twentylist div.twentyitems a{display:block;margin:0 0 13px 20px}
.twentylist div.twentyitems img,.twentylist div.twentytwenty img{width:100%}
.twentylist div.twentybuttons{width:370px;float:left;box-sizing:border-box;padding-left:20px}
.twentylist div.twentybuttons a{display:block;float:left;width:100%;box-sizing:border-box;margin-bottom:5px;text-decoration:none;border:1px solid #d9d9d9;color:#12abd5;background-color:#FFF;text-align:left;font-size:15px;font-weight:700}
.twentylist div.twentybuttons a span.megaslider{width:100%;display:block;box-sizing:border-box;margin:0;padding:10px}
.twentylist div.twentybuttons a span.megaslider:hover,.twentylist div.twentybuttons a.btndemo.active span.megaslider{background:#F2F2F2}
.megaslider em.ico-magic,.megaslider em.ico-layers,.megaslider em.ico-spbrush,.megaslider em.ico-sharp,.megaslider em.ico-radial,.megaslider em.ico-brush,.megaslider em.ico-batch,.megaslider em.ico-video{margin-bottom:10px}
#demowrap{max-width:1170px}
#demowrap div.twentywrap{width:calc(100% - 370px);max-height:445px;overflow:hidden}
#demovideo{position:relative;padding-bottom:54.25%;height:0}
#demovideo iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#democross{height:100%;overflow:hidden}
.sliderdesc{padding:12px 16px;font-size:18px;color:#FFF;background-color:rgba(0,0,0,0.6);position:absolute;bottom:0;z-index:10;opacity:1;transition:opacity .4s}
.twentywrap:hover .sliderdesc{opacity:0;z-index:-1}
.slideshow{width:955px;height:317px;position:relative;text-align:center;line-height:690px;padding-bottom:30px}
.slideshow--item{width:955px;height:317px;line-height:1.5;position:absolute;top:0;visibility:hidden}
.slideshow--bullet:checked + .slideshow--item{visibility:visible}
.slideshow[data-transition="fade"] .slideshow--item{visibility:visible;opacity:0;transition:.3s ease-out opacity}
.slideshow[data-transition="fade"] .slideshow--bullet:checked + .slideshow--item{opacity:1}
.slideshow--nav{position:absolute;top:0;bottom:0;width:50%;display:none;z-index:24;cursor:pointer;color:transparent;user-select:none}
.slideshow--nav:after{display:block;content:'\25B6';font-size:2em;color:#fff;position:absolute;top:50%;right:10px;margin-top:-.5em}
.slideshow--nav-previous{left:0;display:block}
.slideshow--nav-previous:after{transform:scaleX(-1);right:auto;left:10px}
.slideshow--nav-next{left:50%;display:block}
.slideshow--bullet{font-size:1em;width:1em;height:1em;padding:0;display:inline-block;position:relative;z-index:99;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border-radius:1em;transition:.3s ease-out background}
.slideshow--bullet:checked{background:#999;outline:none}
.slideshow-title{position:absolute;bottom:10px;right:10px;font-size:19px;font-weight:700;color:#FFF;text-shadow:1px 1px #000}
.vimeopropo{width:640px;height:314px}
.tred{color:#ff2929}
.tgreen{color:#85bb24}
a.info,span.info{display:inline-block;width:22px;height:22px;box-sizing:border-box;margin-left:10px;line-height:normal;position:absolute;border:solid 2px #D9D9D9;border-radius:18px;color:#D9D9D9;font-size:15px;font-family:'museo_sans700',Verdana,sans-serif;text-decoration:none;text-align:center}
a.info:hover,a.info:focus,.order a.info.blue{border-color:#21BBE6;color:#21BBE6}
a.info span,a.tooltip span,span.tooltip span,span.info span{display:none;visibility:hidden;opacity:0;position:absolute;background:#21BBE6;bottom:28px;left:50%;transform:translateX(-50%);width:270px;padding:15px;font-family:'museo_sans300',Verdana,sans-serif;font-size:16px;color:#FFF;line-height:20px;z-index:20}
a.info span strong{color:#FFF}
a.info span em,a.tooltip span em,span.tooltip span em,span.info span em{display:block;position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:8px 8px 0;border-color:#21BBE6 transparent transparent}
a.info:hover span,a.tooltip:hover span,a.info:focus span,a.tooltip:focus span,span.tooltip:hover span,span.tooltip:focus span,span.info:hover span,span.info:focus span{display:inline-block;visibility:visible;opacity:1}
a.info:hover span table,a.info:focus span table{display:inline-block;color:#fff;margin:10px 0}
a.info:hover span table td,a.info:focus span table td{color:#fff;font-size:14px;padding:2px 10px;border:solid 1px #fff}
a.info:hover span thead td,a.info:focus span thead td{font-family:'museo_sans700',Verdana,sans-serif}
span.tooltip{position:relative;border-bottom:dotted 1px #21BBE6;cursor:help}
.phototable{margin:0 auto}
.greyl{border-top:1px solid #dcdcdc}
.greylb{border-bottom:1px solid #dcdcdc}
.phototable td{padding:10px 15px}
.margint40{margin-top:40px}
.white{background:#FFF}
table.blueborder{border:solid 1px #21BBE6}
table.blueborder td,table.blueborder th{border:solid 1px #21BBE6;padding:5px 10px;vertical-align:middle;line-height:1em}
#zpcnotebook{position:relative;overflow:hidden}
#zpcnotebook img{position:absolute;right:0;top:15%;top:calc(50% - 363px)}
.zpcplaninfo{border:solid 1px #C8C8C8;border-radius:12px;width:180px;margin:42px auto 0}
.zpcplaninfo a{text-decoration:none}
.zpcplaninfo img{margin:-42px auto 20px;background-color:#FFF}
.zpcplaninfo strong{font-size:30px}
.zpcplaninfo sup{font-size:18px}
.zpcplaninfo span{font-size:26px;line-height:60px;color:#FFF;display:block;border-bottom-left-radius:11px;border-bottom-right-radius:11px;background:linear-gradient(#4CBA92,#5FBA6A);margin:35px 1px 1px;position:relative}
.zpcplaninfo span.smaller{font-size:22px;line-height:63px}
.zpcplaninfo span.free{text-decoration:line-through}
.zpcplaninfo span::before{content:'\25B8';font-size:40px;transform:rotate(90deg);color:#FFF;position:absolute;top:-25px;left:10px}
.hero{background-image:url(/__img/zpsx/hp/hp-hero.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-clip:content-box;position:relative}
.hero video{width:45vw;border-radius:0 4px 4px 0;box-shadow:0 1px 5px 0 rgba(0,0,0,0.5);position:absolute;left:-3vw;bottom:-88px}
.hero div.center{padding:calc(30vw - 340px) 0 135px 47vw}
.hero h1{font-size:70px;line-height:110px;color:#fff;letter-spacing:normal}
.hero h1 span,.hero h1 span strong{font-family:museo-sans,Verdana,sans-serif;font-weight:900;font-size:32px;text-transform:none;color:#fff;letter-spacing:normal}
.hero h1 span strong{display:inline}
.hero a.whitetext{white-space:nowrap;margin-left:38px;font-family:museo-sans,Verdana,sans-serif;font-weight:900}
#ambasadors {margin-top:-220px;padding-top:220px}
#ambasadors a{margin:10px 2px;box-sizing:border-box;display:inline-block;width:106px;height:106px;border:solid 3px #f4f4f4;vertical-align:middle;overflow:hidden;border-radius:50%}
#ambasadors a span{display:inline-block;width:0;height:100px;vertical-align:middle}
#ambasadors a:last-child{margin-right:0}
#ambasadors a.act{border:solid 3px #89ba17;border-radius:50%}
#ambasadors a img{width:95px;vertical-align:middle;cursor: pointer}
#ambasadors a:hover img{width:100px}
#ambasador{text-align:left;box-shadow:3px 2px 10px rgba(0,0,0,0.05);border-radius:4px;background-color:#fff;background-image:url(https://cdn.zoner.com/img/hp/ambasador-bg.svg);background-repeat:no-repeat;background-position:calc(100% + 10px) -20px;position:relative}
#ambasador a.overlay{position:relative;display:inline-block;float:left;border-radius:4px 0 0 4px}
#ambasador a.overlay span{display:none;width:100%;height:100%;background-color:rgba(35,186,226,0.8);position:absolute;top:0;left:0;border-radius:4px 0 0 4px;vertical-align:middle;text-align:center}
#ambasador a.overlay span i{vertical-align:middle;height:100%;display:inline-block}
#ambasador a:hover.overlay span{display:block}
#ambasador a.overlay span em{color:#fff;border-radius:3px;border:solid 3px #fff;line-height:100px;padding:0 80px;display:inline-block;vertical-align:middle;font-style:normal}
#ambasador img{float:left;border-radius:4px 0 0 4px}
#ambasador p{padding-top:140px;margin:0 50px 0 500px;font-size:16px;line-height:27px}
#ambasador p.hline{padding-top:20px;position:absolute;bottom:40px;display:inline-block;margin-left:50px}
#ambasador a.icoface,#ambasador a.icoig,#ambasador img.fright,#ambasador svg.svgico{margin:-4px 0 0 10px;float:right}
.magazinelink{text-align:left;max-width:285px;margin:0 auto}
.magazinelink img,.magazinelink a.ytvideo figure{border-radius:4px;box-shadow:0 1px 5px 0 rgba(51,51,51,0.5);width:100%;max-width:285px}
.magazinelink p{line-height:27px;margin:15px 0 25px}
.magazinelink a.ico{color:#000;text-decoration:none;display:block}
.magazinelink a.ico:hover{text-decoration:underline}
.magazinelink a.ico svg{float:left;margin-right:5px;width:27px;height:24px;}
a#helpscout{position:fixed;bottom:40px;right:40px;width:60px;height:60px;box-sizing:border-box;display:flex;border-radius:50%;color:#FFF;z-index:999;text-align:center;box-shadow:rgba(0,0,0,0.1) 0 4px 7px;animation:scale100 1s ease}
@keyframes scale100 {
0%{transform:scale(0)}
75%{transform:scale(0)}
100%{transform:scale(1)}
}
a#helpscout img{margin:auto}
@media only screen and (max-height: 740px) {
a#helpscout{bottom:10px;right:20px}
}
#rm,#rsm{display:none;position:absolute;right:20px;top:20px;font-size:40px;width:40px;text-align:center;line-height:40px;text-decoration:none;color:#000}
#rsm{top:0;left:0;right:0;z-index:33;width:100%;height:50px;text-align:right;line-height:10px}
#rsm span{transform:rotate(90deg);display:inline-block;padding-top:40px}
@media only screen and (max-width: 1920px) {
#zpcnotebook img{position:absolute;right:-40px;right:calc(50% - 1015px)}
}
@media only screen and (max-width: 1368px) {
.hero h1{font-size:64px}
}
@media only screen and (max-width: 1200px) {
.holder,.blank{width:96%;width:calc(100% - 30px)}
#motive{font-size:15px;line-height:20px}
#motive h1,#motive h1 span{font-size:45px;margin-top:80px;width:600px}
#motive img{width:340px;margin-top:30px}
#zpsguide img{width:30%}
.aboutl,.aboutl2{width:40%}
#motivevideo,#vplayer{width:48%}
#zonerista,.suppbg div.bgtb{display:none}
.suppbg{background:none}
.supp{width:600px;float:none;margin:0 auto}
.rimgcol100{width:50%}
.ximg2{display:none}
#ambasador{text-align:center}
#ambasador img{float:none;margin:0 auto}
#ambasador a.overlay{border-radius:0;float:none;margin:0 auto}
#ambasador a.overlay span,#ambasador img{border-radius:0}
#ambasador{box-shadow:none;background-color:transparent;background-image:none}
#ambasador p{clear:left;padding:20px 0;margin:20px}
#ambasador p.hline{position:relative;bottom:auto}
#ambasador p.hline::before{left:50%;left:calc(50% - 25px)}
.hero h1{font-size:54px}
}
@media only screen and (max-width: 1170px) {
.extras{width:100%;float:none;clear:both;margin:0 auto}
.col70,.col60{width:100%;float:none}
#demowrap div.twentywrap{width:100%}
.twentylist div.twentybuttons{width:720px;float:none;clear:left;padding-top:20px;margin:0 auto}
.twentylist div.twentybuttons a{display:block;float:left;width:350px;margin:0 5px;box-sizing:border-box}
.twentylist div.twentybuttons a.btns{float:none;margin:0 auto}
}
@media only screen and (max-width: 1000px) {
h2{font-size:28px}
#nav ul a{font-size:16px;margin-left:20px}
#motive h1{margin-top:40px;font-size:35px;width:560px}
#motive p{width:500px}
#motive img{width:250px}
#functs{font-size:16px}
.holder,.holdern,.blank{font-size:17px}
.cit{font-size:26px}
#functs .margin{margin-top:40px}
.alist{font-size:19px;line-height:34px}
ul li.w20{width:100%;height:0;margin:0;padding:0}
#foot div.footnav li{margin-bottom:0}
#juststep .col50,.s1000{width:100%}
.contactdesc{width:auto;margin:0}
ul.listmargin{margin-top:10%}
ul.listmargin2,ul.listmargin3{margin-top:4%}
ul.listmargin4{margin-top:0}
#motivevideo,#vplayer{width:90%;margin-top:0;clear:both;float:none;padding:0}
.lfaq{padding:35px 10px}
.qa{margin:0}
.qa a.top{margin:20px 20px 0 10px}
.qa h3{float:none;width:auto;padding-right:0;text-align:left;margin:20px 0}
.qat,#members,.radio label,.places,.place{width:auto}
div#newvideo{padding-top:10px;padding-bottom:10px;text-align:center}
.slideshow{width:100%;height:calc(100vw/3);line-height:calc(100vw/1.4)}
.slideshow--item{width:100%;height:calc(100vw/3);line-height:1.5}
.slideshow img,.pilsedak{width:100%!important}
.ximg1{padding-top:4px}
.c1000{width:100%!important;text-align:center!important;float:none;clear:both}
.c1000.clear100,.c1000.clear50{height:0}
#panorama.q12019 h1 sup{display:block;top:20px}
div.timeline{box-sizing:border-box;padding-left:120px}
}
@media only screen and (max-width: 900px) {
.aboutc,.hide900{display:none}
#motive h1 span{font-size:40px;width:500px}
#motive .buttons{margin:40px 40px 20px 0;width:550px}
#motive img{margin-top:0}
.ximg1{padding-top:10px}
.show900{display:block}
}
@media only screen and (max-width: 800px) {
#rm,#rsm,.imgsmall,#nav .sm.vis a{display:block}
#nav .tmm li#accountmenulink{display:none}
#nav div.holder{width:100%;padding:0}
#logo{margin-left:15px}
#nav ul.tmm{display:none;float:none;clear:left;z-index:32;padding-top:20px}
#nav .tmm li{display:block;float:none}
#nav .tmm a,#nav .tmm a#down,#nav .tmm a:hover{padding:0;margin:0;z-index:32;display:block;height:50px;line-height:50px;text-align:center;text-transform:none;border-top:solid 1px #b4b4b4;border-radius:0;color:#000;background-color:#FFF;font-size:16px;font-family:'museo_sans300',Verdana,sans-serif}
#nav .tmm a#down:hover,#nav .tmm a:hover{color:#85bb24;text-decoration:underline}
#nav .sm,#nav .sm li{width:100%;text-align:center}
#nav .sm{border-bottom:solid 1px #B4B4B4}
#nav .sm a{display:none;padding:0;border-top:solid 1px #B4B4B4}
#nav .sm a:hover,#nav .sm a.act{display:block;float:none;width:auto;padding:0}
#functs .clear60,.imgbig,#citation .col5,#citation .cit em,#zpsguide img,#zonermap,.col95 div.col5,.col5.fleft{display:none}
.col45,.col50,.blank .col50,#content-left,#motivevideo,#vplayer,#olderv,.mr30,.tutimg,#motive h1,#motive p,.qat img,.full800{width:100%}
.holdern{width:96%;width:calc(100% - 30px)}
.content h1.h1c,#postico p,#postico h3,#postico .margin,#zonerama .margin{text-align:center}
.special img{float:none}
#motive{font-size:16px;line-height:22px}
#motive h1,#motive h1 span{margin-top:0;font-size:50px}
#motive img{width:350px;float:none;margin:0}
#functs{font-size:17px;text-align:center}
#functs img.fleft,#functs img.fright,#functs .col50{width:80%;float:none;margin:0 auto;text-align:center}
#functs .margin{margin:0 0 20px}
#citation{padding-bottom:40px}
#citation .col45,#citation .col25{float:none;width:95%;clear:both;margin:0 0 50px 25px}
#citation .col45{float:none;width:95%;clear:both;margin:0 0 50px 25px}
#vimeo{width:95%}
.rimgcol100{width:90%;padding:0;margin:0;clear:both;float:none}
#olderv .whiteselect{width:95%;margin:0 auto 15px}
#oldzpsdwnl.btns{border-bottom-left-radius:6px;border-top-left-radius:6px;float:none;width:auto}
.supp{width:auto;float:none;padding:0 10px}
.supp .whiteselect{width:90%;width:calc(100vw - 40px)}
.supp .fields.dark input{width:60%;width:calc(100vw - 150px)}
.supp textarea{width:85%;width:calc(100vw - 60px)}
.faqbg{height:auto;padding-bottom:50px;background:none}
#cameras{column-count:2}
.twentyw{width:580px!important}
.pilja{clear:both;width:100%;text-align:center;margin-bottom:15px}
.col45,.col80{width:100%;float:none}
.vimeoratio1-8{width:100%;height:calc(100vw/1.8)!important}
.twentylist div.twentybuttons{width:100%;margin:0;padding:10px 0 0}
.twentylist div.twentybuttons a{float:none;margin:0 auto 5px}
.c800{width:100%!important;text-align:center!important;float:none}
.c800.clear100,.c800.clear50{height:0}
.flexbox{display:block}
.flexbox div.middle,.flexbox.center div.middle,.flexbox.tleft div.middle,.flexbox.tright div.middle{margin:40px auto 0;text-align:center!important;padding:0}
.flexbox.inline div.middle{margin:auto}
.flexbox div.middle ul,.flexbox div.middle ol{display:inline-block;text-align:left}
}
@media only screen and (max-width: 600px) {
#motive h1{margin-bottom:0}
#motive img{width:55%}
div.homepage .imgsmall{width:95%}
#citation{padding:45px 0 0}
#copy,#foot div.zlogo,#ficons{float:none;margin:0}
#ficons{margin-top:30px}
#fvimeo{width:320px;height:190px}
.aboutl,.aboutl2,.aboutl2 p{width:100%;margin:0}
.cmpr th span{font-size:17px}
.cmpr th img{width:80%}
.cmpr td.header{font-size:19px}
table.cmpr{width:580px}
.sbtn .btns{margin-top:15px}
.col40,.full600{width:100%}
.twentyw{width:520px!important}
.vimeopropo{width:100%;height:calc(100vw/2.15)!important}
.col45{width:100%;float:none}
.icoc600{display:block;float:none;margin:0 auto}
.c600{width:100%!important;max-width:100%!important;text-align:center!important;float:none}
.c600.clear100,.c600.clear50{height:0}
.ximg1{display:none}
#foot ul#footmenu{width:100%;margin:20px 0 0}
}
@media only screen and (max-width: 540px) {
#motive .buttons{margin:40px 40px 20px 0;width:100%}
.cit{font-size:24px;line-height:30px}
.special img,.fullin540{width:90%}
.holder .buttons a{margin:0 0 20px}
#cameras{column-count:1}
.col1,.col2,.col30,.col33,.col30real{width:100%;float:none}
.twentyw{width:460px!important}
}
@media only screen and (max-width: 480px) {
#motive h1,#motive h1 span{font-size:40px}
#functs img.fleft,#functs img.fright,#functs .col50,#tech{width:100%}
#kupa{display:none}
.btns{font-size:16px}
.twentyw{width:400px!important}
.col55{width:100%}
}