@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}
:root {
  --blue: #23bae2;
  --green: #89ba17;
  --grey: #fcfcfc;
}
html,body,img,li,form,input,select,fieldset,table,td,th,hr,ol,ul,#foot ul{margin:0;padding:0}
html,body,#main{height:100%}
html{font-size:62.5%}
body{width:100%;text-align:center;background:#FFF;font-family:'museo_sans300',Arial,sans-serif;color:#222}
h1,h2,h3,h4,h5,h6,span.ins,p.ins,h1 strong,h2 strong,.ms900,div.preset a,.qa h3,.cmpr td.header,.cmpr th,.cmpr td.header2,a.info,span.info,a.info:hover span thead td,a.info:focus span thead td,.hero h1 span,.hero h1 span strong,.hero a.whitetext,#rm,#rsm,ol > li:before,ul.alpha > li:before{font-family:'museo-sans',Arial,sans-serif;font-weight:900}
h1,h2,h3,h4,h5,h6,p,table{margin: 0 0 2rem 0}
h2,h3,h5{line-height:1.4}
h4,h6{line-height:1.6}
h1{font-size:4.1rem;font-size:clamp(3.6rem,3.4938rem + 0.354vw,4.4rem);line-height:1.3}
h2{font-size:3.2rem;font-size:clamp(2.6rem,2.4673rem + 0.4425vw,3.6rem)}
h3{font-size:2.4rem;font-size:clamp(2.1rem,2.0336rem + 0.2212vw,2.6rem)}
h4{font-size:1.9rem;font-size:clamp(1.7rem,1.6469rem + 0.177vw,2.1rem)}
h5{font-size:1.5rem;font-size:clamp(1.4rem,1.3735rem + 0.0885vw,1.6rem)}
h6{font-size:1.3rem;font-size:clamp(1.2rem,1.1735rem + 0.0885vw,1.4rem)}
p,div{font-size:1.7rem;font-size:clamp(1.6rem,1.5867rem + 0.0442vw,1.7rem);line-height:1.5;}
a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out}
a,a:visited,.magazinelink a.ico:hover,#nav ul a:hover,a.aar:hover,a.aartop:hover,#foot a,div.preset a:hover{text-decoration:underline;cursor:pointer}
a img{border:none}
a:hover{text-decoration:none}
a:visited{color:#385313}
iframe{border:none;width:100%}
ol,ul{margin: 0 0 1.5em 2.5em;list-style:none;text-align:left}
td ul,#content-right ul{margin:0 0 1.5em 0}
ol ol,ul ul,ol ul,ul ol{margin-left:2.3em}
ul li{padding:.7rem;text-indent:-4rem}
td li,#content-right li{text-indent:0}
ul.dash div,.hero h1 span strong{display:inline}
ul li:before{display:inline-block;content:'';height:.5rem;width:3rem;margin-right:1rem;background:#89ba17;background:var(--green);border-radius:10rem}
ol,ul.alpha{counter-reset:list-counter;padding-left:.5rem;margin-top:2em}
ol > li,ul.alpha > li{margin:0 .5rem 3rem 0;counter-increment:list-counter;position:relative;text-indent:0;padding:0}
ol > li:before,ul.alpha > li:before{content:counter(list-counter);color:#fff;position:absolute;--size:3.2rem;left:calc(-1 * var(--size) - 1rem);line-height:var(--size);width:var(--size);height:var(--size);top:-.3rem;background:#89ba17;background:var(--green);border-radius:50%;text-align:center}
ul.alpha > li::before{content:counter(list-counter, lower-alpha) ''}
table{border-collapse:collapse;max-width:100%}
table.phototable tr:first-child td{border-top:1px solid #dcdcdc}
table.phototable tr:last-child td{border-bottom:1px solid #dcdcdc}
table.phototable td{background:#fff}
table.phototable tr:nth-child(odd) td {background:#f2f2f2}
table.phototable td,table.pricelist th{padding:15px}
table.phototable tr td:first-child,table.phototable tr th:first-child{padding-left:30px}
table.phototable tr td:last-child,table.phototable tr th:last-child{padding-right:30px}
table.full,.tablenews,.tablePatch{width:100%;margin-top:20px}
table.full th,.tablePatch th{padding:5px 10px 5px 0;font-weight:bold}
table.full td,.normtab td,.tablenews td,.tablePatch td{border-top:solid 1px #dcdcdc;padding:10px 10px 10px 0}
.tablenews td{vertical-align:top}
table.full td:last-child,.normtab td:last-child,.tablenews td:last-child,table.full th:last-child,.tablePatch td:last-child,.tablePatch th:last-child{padding-right:0}
.tleft,.special{text-align:left!important}
.tright{text-align:right}
.tcenter{text-align:center}
.tjustify{text-align:justify}
.tnormal{text-transform:none}
span.tnormal{font-size:18px}
.ms300,.cita span,.tnormal,.btns span,.b2rows span{font-family:'museo_sans300',Arial,sans-serif;font-weight:300}
.ms700,span.ms700,.btns span.ms700,.btns.ms900,strong,strong.ms900,.cita,b,input.ins,.formelement label,.btns,.b2rows,.bsmall,.btn-green,.btn-blue-outlined,a.fac{font-family:'museo_sans700',Arial,sans-serif;font-weight:normal}
.center{margin:0 auto;text-align:center}
.tsmall{font-size:14px}
.tsmaller{font-size:16px}
.perex{font-size:clamp(1.7rem, 1.6469rem + 0.1770vw, 2.1rem);line-height:1.6}
p.tsmall,.note{font-size:14px;line-height:18px}
p.tsmall.info{line-height:24px}
p.tsmaller{font-size:16px;line-height:22px}
.first{margin-left:0!important}
.last,#foot div.footnav li.last,#foot div.footnav li:last-child{margin-right:0!important}
.relative,#main{position:relative}
.nofloat{float:none;margin:0 auto}
.fright,.fleft,.btns.left{position:relative;float:left}
.fright,.btns.right{float:right}
.fleft.important{float:left!important}
.fcenter{display:inline-block;text-align:center}
.relm,.flexbox img,.flexbox2 img,.feedimage{max-width:100%;height:auto}
.contactphoto{border-radius:50%;width:116px}
#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,#image-logo{display:block;float:left;width:131px;height:40px;margin:20px 0}
#nav ul,#nav ul.tmm{float:right;margin:0;padding:0;list-style:none}
#nav li{float:left;margin:0;padding:0;position:relative;text-indent:0}
#nav ul a{text-decoration:none;position:relative;z-index:30;margin-left:30px;height:80px;line-height:80px;display:block;color:#222}
#nav ul a svg{position:relative;top:3px;margin-left:6px}
#nav .sm a.act em{display:block;width:100%;height:2px;position:absolute;bottom:0;left:0}
#nav ul a#login,#nav ul a#menu-login{z-index:32;margin:20px 0 0 14px;border-radius:2px;border:2px solid #d9d9d9;width:36px;height:36px;line-height:0}
#nav ul a#login svg,#nav ul a#menu-login svg{margin:0;top:auto}
#nav ul a#login span,#nav ul a#menu-login span{z-index:32;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;background:#FFF;text-align:center;transition:visibility 0s linear 0.5s, opacity 0.5s linear}
#nav ul a#login span strong,#nav ul a#menu-login span strong,#nav ul a.withsm.act:after,#nav ul.tmm a.act2:after{display:block;position:absolute;right:13px;top:-6px;background:#fff;width:8px;height:8px;border-left:2px solid #d9d9d9;border-top:2px solid #d9d9d9;transform:rotate(45deg)}
#nav ul a.withsm.act:after,#nav ul.tmm a.act2:after{content:'';left:49%;left:calc(50% - 7px);border-width:1px;bottom:-5px;top:auto}
#nav ul a#login:hover span,#nav ul a#menu-login:hover span{visibility:visible;opacity:1;transition-delay:0s}
#nav .sm{width:100%;z-index:25;text-align:center;background:#fff}
#nav .sm li{float:none;display:inline}
#nav .sm a{height:50px;line-height:50px;display:inline-block;margin:0;padding:0 9px;position:relative;z-index:31}
#nav a.btns{display:inline;color:#fff}
#nav a.btns:hover{text-decoration:none}
.grad{background:linear-gradient(90deg, #85bb24 0%, #12b8e6 100%)}
.grid{display:grid}
.grid50{grid-template-columns:1fr 1fr}
.grid33{grid-template-columns:1fr 1fr 1fr}
.grid.gap20{gap:0 20px}
#foot{padding:50px 0 80px 0;text-align:left}
#foot li{font-size:14px;margin-bottom:18px;padding:0;text-indent:0}
#foot a{color:#222;font-size:14px}
#foot a:hover{text-decoration:none}
#foot div.footnav li{display:block;box-sizing:border-box;float:left;min-height:30px;line-height:30px;margin:8px 12px 20px 0}
#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}
#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:1px solid #333;border-right: 1px solid #333;background:#fff;transform:rotate(45deg)}
#foot ul#lang ul li{border-bottom:1px solid #d9d9d9}
#foot ul#lang span{position:relative;float:left;width:16px;height:11px;margin:10px 18px 0 14px;background-image:url('/__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:200px}
#foot ul#lang img{margin:0 18px 0 14px}
.footd{margin-top:38px}
p#copy{text-align:left;width:300px;margin:8px 0 0 100px;font-size:11px;color:#8A8A8A}
#copy a{font-size:11px}
#ficons{margin-top:-10px}
#ficons svg{fill:#262626;fill-rule:evenodd;width:30px;height:30px}
.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{background-position:0 -99px}
.btns,.b2rows,.bsmall,.btn-green,.btn-blue-outlined,a.fac{display:inline-block;padding:1.5rem 3.2rem;text-align:center;text-decoration:none;border-radius:4px;cursor:pointer}
.btn-green,.bgreen,.bgreen2,.bwhite,.btn-green:visited,.bgreen:visited,.bgreen2:visited,.bwhite:visited,.bblue.selected{background:#89BA17;background:var(--green);border:2px solid #89BA17;border-color:var(--green);color:#fff}
.btn-green:hover,.bgreen:hover,.bgreen2:hover,.bwhite:hover,.bblue.selected:hover{background:#6DA025;border:2px solid #6DA025;color:#fff}
.btn-blue-outlined,.bblue,.bblack,.bwhiteonly,.bwhiteborder,.bwhiteborder2,.bblueborder,a.fac,.btn-blue-outlined:visited,.bblue:visited,.bblack:visited,.bwhiteonly:visited,.bwhiteborder:visited,.bwhiteborder2:visited,.bblueborder:visited,a.fac:visited{color:#23BAE2;color:var(--blue);border:2px solid #23BAE2;border-color:var(--blue)}
.btn-blue-outlined:hover,.bblue:hover,.bblack:hover,.bwhiteonly:hover,.bwhiteborder:hover,.bwhiteborder2:hover,.bblueborder:hover,a.fac:hover{background:#23BAE2;background:var(--blue);color:#fff}
.b2rows span{display:block}
#nav a.btns{font-size:16px;padding:.9rem 1.5rem;border-radius:3px}
.btns.bbox,#cookies-information{box-sizing:border-box}
.bwhiteborder2 span{text-transform:none;vertical-align:middle}
.bwhiteborder2 img,.bwhiteborder2 svg{width:27px;margin-right:5px;vertical-align:middle}
.bwhiteborder2:hover img{filter:invert(1)}
.bwhiteborder2 svg{fill:#23bae2;fill:var(--blue)}
.bwhiteborder2:hover svg{fill:#fff}
.black .b2rows,.black .btns{box-shadow:none}
.btns:first-letter{text-transform:uppercase}
.btn-green.w280,.btn-blue-outlined.w280{width:280px;box-sizing:border-box}
.btns.w180,.btns.w200,.btns.w255,.btns.w300,.btns.w320{min-width:240px;max-width:280px;box-sizing:border-box}
.black{background:#222}
.blackx,.black.ctax{color:#fff;border-radius:4px;background:#222 url(https://cdn.zoner.com/img/X10.svg) no-repeat right center;width:100%;max-width:1200px;margin: 0 auto}
.black.ctax.m80{margin:80px auto}
.black.ctax.mb80{margin:0 auto 80px auto}
.black a.aar:visited::after,.blackx a.aar:visited::after,div.hidelog h3:hover::after,span.dropdown::after,.chk.sel{border-color:#89ba17;border-color:var(--green)}
.black h2,.black.ctax h3,.black p,.blackx h2,.blackx h3,.blackx p,.black a.b2rows,.blackx a.b2rows,.black a.btns,.blackx a.btns,.black a.btns:visited,.blackx a.btns:visited,.whitetext,.black ul,.blackx ul{color:#fff!important;max-width:600px;margin-left:auto;margin-right:auto}
.black a.btns.bblue,.black a.btns.bblueborder,.blackx a.btns.bblue,.blackx a.btns.bblueborder,.black a.btns.bblue:visited,.black a.btns.bblueborder:visited,.blackx a.btns.bblue:visited,.blackx a.btns.bblueborder:visited,.black a.b2rows.bblue,.blackx a.b2rows.bblue,.black a.b2rows.bblue:visited,.blackx a.b2rows.bblue:visited{color:#23BAE2!important;color:var(--blue)!important}
.black div,.blackx div,.black a.bblue:hover,.blackx a.bblue:hover,.black a.bblue:visited:hover,.blackx a.bblue:visited:hover,.black a.bblueborder:hover,.blackx a.bblueborder:hover,.black a.bblueborder:visited:hover,.blackx a.bblueborder:visited:hover,.hint,a.info span strong{color:#fff!important}
.grey,.silver,.greybox,.tip{background:#f2f2f2}
.grey.greyx{background:#fcfcfc;background:var(--grey)}
.silver a.close{color:#A3A3A3!important;text-decoration:none!important;border:none!important}
.white{background:#fff}
.blacktext{color:#000}
.tred{color:#ff2929;}
.tgreen,a,a:hover,#nav ul a.act,.black a:visited,.blackx a:visited,div.hidelog h3:hover{color:#89ba17;color:var(--green)}
.ins,.tblue{color:#23BAE2;color:var(--blue)}
.tip{padding:30px 0}
.line,hr,.line2{width:100%;height:0;margin:0;border-bottom:1px solid #d9d9d9}
.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}
.clear.cx{height:0!important}
.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%}.col49{width:49%}.col50{width:50%}.col50.important{width:50%!important}.col55{width:55%}.col60{width:60%}.col66{width:66.66%}.col70{width:70%}.col70.important{width:70%!important}.col80{width:80%}.col90{width:90%}.col95{width:95%}.col100{width:100%}
.iblock,.hint{display:inline-block}
.flexbox,.flexbox2{display:flex;box-sizing:border-box}
.flexbox.inline{display:inline-flex}
.flexbox.wrap{flex-wrap:wrap;flex-shrink:0}
.flexbox div.middle,.flexbox2 div.middle{align-self:center;box-sizing:border-box;padding:0;max-width:585px;width:33.33%;margin:0 auto}
.flexbox div.middle.col100,.flexbox2 div.middle.col100{width:90%;max-width:90%}
.flexbox div.middle.col45{width:45%}
.flexbox.tright img,.flexbox.tright a,.flexbox.tright div.image,.flexbox2.tright img,.flexbox2.tright a,.flexbox2.tright div.image{align-self:center;order:2;max-width:100%;flex-shrink:0}
.flexbox.center,.flexbox.centeritems{align-items:center;justify-content:center}
.flexbox.center div.middle{padding-left:25px}
.normalp,.normalp2,.bigp,.holdern,.bigp2,#citation.normalp{padding:80px 15px}
.normalp > *:last-child,.flexbox div.middle > *:last-child,.flexbox2 div.middle > *:last-child{margin-bottom:0!important}
.bigp.nopaddingbottom,.normalp.nopaddingbottom{padding-bottom:0}
.m6{margin:6px}.m20{margin:20px 20px 10px 20px}.m10r{margin:10px 10px 10px 0}.m25r{margin:10px 25px 10px 0}.m40{margin:40px}.mb40{margin-bottom:40px}.mb0,.nmb,.success.nmb,.formelement.nmb{margin-bottom:0}.mt0,.nmt{margin-top:0!important}.pr40{padding-right:40px}.pb40{padding-bottom:40px}.pb65{padding-bottom:60px}
.holder,.holdern,.blank{position:relative;width:1200px;max-width:100%;margin:0 auto;box-sizing:border-box}
.holdern{width:676px}
#buildsdescriptions h2,.anchor{padding-top:170px;margin-top:-170px;position:relative;z-index:-1}
.anchor.bg{margin-top:-170px!important;float:left;width:100%}
div.hidelog h3{display:inline-block;position:relative;cursor:pointer;transition:color .2s ease;z-index:1}
div.hidelog p,div.hidelog ul{visibility:hidden;opacity:0;display:none}
div.hidelog.openlog p,div.hidelog.openlog ul{visibility:visible;display:block;animation:logfadein 0.5s forwards}
@keyframes logfadein {0%{opacity:0}100%{opacity:1}}
.formelements{float:left;width:290px}
.formelementsspace{float:left;width:20px;height:20px}
.formelement{margin-bottom:20px;position:relative}
.formelement + div.clear20{height:0}
.formelement label{display:block;font-size:16px;line-height:1.3;margin:0 0 4px 0;padding:0}
input,select,textarea{background:#f7f7f7;border:2px solid #d9d9d9;border-radius:4px;font-size:16px;width:100%;height:38px;padding:6px 10px;box-sizing:border-box;color:#333;outline:none}
input[type="password"]{background:#f7f7f7 url(/__img/orderx/ico-lock.png) right center no-repeat}
input[readonly],input[readonly="readonly"]{color:#757575}
textarea{min-height:70px}
select{text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
span.dropdown{position:relative;display:inline-block;width:100%}
span.dropdown::before,span.dropdown::after{content:'';display:block;position:absolute;right:0;top:0;width:40px;height:100%;box-sizing:border-box;border:2px solid #d9d9d9;border-radius:0 4px 4px 0;background:#fff;pointer-events:none}
span.dropdown::after{width:10px;height:10px;top:33%;top:calc(50% - 7px);right:15px;border-width:0 2px 2px 0;transform:rotate(45deg);border-radius:0}
.chk input,.rad input{width:20px;height:20px;opacity:0;filter:alpha(opacity=0);cursor:pointer;position:relative;z-index:10}
.chk,.rad{width:20px;height:20px;display:inline-block;border:2px solid #d9d9d9;background:#fff;box-sizing:border-box;position:relative}
.rad{border-radius:50%}
.rad.sel::after,.chk.sel::after{content:'';display:block;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);width:8px;height:8px;box-sizing:border-box;border:4px solid #89ba17;border-color:var(--green);border-radius:50%;}
.chk.sel{background:#89ba17;background:var(--green)}
.chk.sel.disabled{border-color:#d9d9d9;background:#d9d9d9}
.chk.sel::after{border-width:0 3px 3px 0;border-radius:0;border-color:#fff;transform:rotate(45deg);top:calc(50% - 8px);height:12px}
.success,.error,.warning,.information,div.info,div.info.hidden{padding:15px 15px 15px 40px;border-radius:2px;box-sizing:border-box;position:relative;margin:20px 0;display:none}
.success{border:1px solid #85bb24;background:#eff7e2}
.error{border:1px solid #d00f0f;background:#f6d8d8}
.warning{border:1px solid #f4a138;background:#fff1df}
.success p,.error p,.warning p,.information p{margin:0;color:#000;font-size:14px;text-align:left;line-height:18px}
div.info{font-style:italic;border:2px solid #d9d9d9;margin-top:0;display:block}
div.info p{margin:0}
p.info,p.check{padding-left:30px;position:relative;text-align:left}
.success::before,.error::before,.warning::before,.information::before,div.info::before,p.info::before{content:'';display:block;position:absolute;left:0;top:0;width:40px;height:100%;background:transparent url(/__img/orderx/ico-info.png) center center no-repeat}
.error::before{background-image:url(/__img/orderx/ico-error.png)}
.warning::before{background-image:url(/__img/orderx/ico-warning.png)}
p.info::before{width:30px;background-position:7px center}
p.check::before{content:'';display:block;position:absolute;left:7px;top:calc(50% - 9px);width:5px;height:14px;border:solid #89ba17;border:solid var(--green);border-width:0 3px 3px 0;transform:rotate(45deg)}
.information{border:1px solid #e0e0e0;background:#f2f2f2}
.information p{font-size:1.7rem;font-size:clamp(1.6rem,1.5867rem + 0.0442vw,1.7rem);line-height:1.5}
div.vline{padding-left:35px;position:relative;box-sizing:border-box}
div.vline::before{content:'';display:block;width:5px;height:100%;background-color:#89ba17;background-color:var(--green);position:absolute;top:0;left:0}
div.vline.purple::before{background-color:#3300A3}
div.vline.green::before{background-color:#89BA17}
a.aar,a.aartop{text-decoration:none;position:relative}
a.aar::after,a.aartop::after,div.hidelog h3::after{content:'';display:block;width:8px;height:8px;position:absolute;top:4px;right:-25px;border-width:2px 2px 0 0;border-color:#89ba17;border-color:var(--green);border-style:solid;transform:rotate(45deg)}
div.hidelog h3::after{top:auto;bottom:13px;border-color:#222;border-width:3px 3px 0 0;transition:all .2s ease}
div.hidelog.openlog h3::after{transform:rotate(135deg)}
a.aartop::after{top:6px;transform:rotate(-45deg)}
a.aar:visited::after,a.aartop:visited::after{border-color:#385313}
h3.iconed,h4.iconed,h5.iconed,a.aar.iconed,p.iconed{white-space:nowrap;display:inline-flex;text-align:left;position:relative;align-items:center}
p.iconed{display:flex}
h3.iconed span.ico,h4.iconed span.ico,h5.iconed span.ico,a.iconed span.ico,p.iconed span.ico{display:flex;width:50px;margin-right:10px;align-items:center;justify-content:center}
a.aar.iconed span.ico,p.iconed span.ico{width:40px;height:40px}
a.aar.iconed::after{top:15px}
#citation{padding:90px 0 90px 0;font-style:italic;text-align:left}
#citation.citation-edu{padding:60px 0 60px 0}
.cit{margin:0 0 35px 0;width:90%;line-height:35px;font-size:26px}
.cit img,img.person{margin:10px;border:1px solid #D9D9D9;border-radius:50%;float:left}
#citation.citation-edu .cit{line-height:30px;font-size:18px}
.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}
.citgrad{display:inline-block;margin:6px 10px 0 0;width:29px;height:3px;position:relative;float:left}
.play{display:block;z-index:20;position:relative;line-height:0;font-size:0}
.play img{z-index:21;width:100%}
.hint{padding:1px 9px;background:#E04A3A;font-size:15px;font-weight:normal;line-height:20px;white-space:nowrap;border-radius:6px;vertical-align:middle}
.hint.green{background:#85bb24}
.hint.orange{background:#E7AD39}
#ytplay img{margin-top: 90px}
#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:0.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:0.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:0.75em;height:0;margin:-1em 0 0 -0.75em;top:50%;position:absolute;width:0}
div.preset{background:#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;text-decoration:none}
div.preset a svg{fill:#89ba17;width:40px;float:right}
div.preset a:hover svg{fill:#7aae1d}
div.preset span.info{color:#000;border-color:#000;margin-top:8px}
div.preset span.info span{background:#000}
div.preset span.info em{border-color:#000 transparent transparent}
.cmpr td{width:290px;text-align:center;padding:15px 0;border-bottom:1px solid #B4B4B4;background:#fff}
.cmpr tr:nth-child(odd) td{background:#fff}
.cmpr2 td{width:30%;box-sizing:border-box;padding:10px 0;border-bottom:1px solid #D9D9D9;vertical-align:middle}
.cmpr td img,.cmpr2 td img{vertical-align:middle}
.cmpr tr.noborder td,.cmpr td.noborder{border:none}
.cmpr tr:hover td,.cmpr tr:nth-child(odd) td:hover{background:#f8f8f8}
.cmpr tr th:hover,.cmpr thead tr:hover td,.cmpr thead td:hover,.cmpr td.header:hover,.cmpr tr:hover td.header,.cmpr td.header2:hover,.cmpr tr.showmore td:hover{background:#fff}
.cmpr td.header,.cmpr th,.cmpr td.header2{width:auto;background:#fff;font-size:24px;padding:40px 0 20px 20px;text-align:left}
.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 td.header2{padding:35px 0 10px 20px;font-size:18px}
.cmpr td.header2.first{padding-top:25px}
.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.jpg) 0 0 no-repeat;padding-bottom:10px}
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}
.cmpr td.pl0{padding-left:0}
.cmpr tr.showmore td{padding:0;background:#fff}
.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}
.cmpr2 td.fc{width:40%;box-sizing:border-box}
#issuu,#loading #frame{max-width:1200px;max-height:750px;width:100%;height:100%;margin:auto;position:relative;padding-top:56.25%}
#issuu iframe,#loading #frame iframe{position:absolute;top:50px;left:0;width:100%;height:100%;height:calc(100% - 50px);display:table-cell;border:0}
#loading #frame{box-sizing:border-box;max-width:750px;min-height:80vh;padding:0}
#loading #frame iframe{height:100%;height:calc(100% - 50px);display:table-cell;border:0;background:#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;line-height:20px;text-decoration:none}
#loading,#popup,#overlay,.loading{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,#loading.dark table,#loading.dark td{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,.loading table,#popup table{width:100%;height:100%}
#loading td,.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}
#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:1px solid #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:50%;display:inline-block;animation:bdelay 1.4s infinite ease-in-out both}
.wait .b1{animation-delay:-0.32s;background:#21BBE6}
.wait .b2{animation-delay:-0.16s;background:#54BC85}
.wait .b3{background:#86BC24}
@keyframes bdelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } }
a.fac{width:280px;box-sizing:border-box;margin:0 5px 10px 5px;padding:1.5rem}
.lfaq{text-align:left;padding:80px 0 40px 0}
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:2px solid #12b8e6;border-width:2px 2px 0 0;transform:rotate(45deg)}
a.faq:hover{color:#12b8e6}
.qa{margin-top:60px}
.qa.anchor{margin-top:-110px!important;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{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}
.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)}
#cameras{column-count:2}
#cameras span{display:block;width:300px;font-size:16px;margin-bottom:5px}
p#buildnumber{margin:10px 0 0 0;font-size:13px}
.lpimg{position:relative;float:right;margin:120px 0 0 60px}
a.info,span.info{display:inline-block;width:22px;height:22px;box-sizing:border-box;margin-left:10px;line-height:normal;position:absolute;border:2px solid #D9D9D9;border-radius:18px;color:#D9D9D9;font-size:15px;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',Arial,sans-serif;font-size:16px;color:#fff;line-height:20px;z-index:20}
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 8px;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:1px solid #fff}
span.tooltip{position:relative;border-bottom:1px dotted #21BBE6;cursor:help}
#zpcnotebook{position:relative;overflow:hidden}
#zpcnotebook img{position:absolute;right:0;top:15%;top:calc(50% - 363px)}
.zpcplaninfo{border:1px solid #C8C8C8;border-radius:12px;width:180px;margin:42px auto 0 auto}
.zpcplaninfo a{text-decoration:none}
.zpcplaninfo img{margin:-52px auto 20px auto;background:#fff}
.zpcplaninfo strong{font-size:30px}
.zpcplaninfo sup{font-size:18px}
.zpcplaninfo span{font-size:26px;line-height:60px;color:#fff;display:block;border-radius:0 0 11px 11px;background:linear-gradient(#4CBA92, #5FBA6A);margin:35px 1px 1px 1px;position:relative}
.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}
.hero h1 span,.hero h1 span strong{font-size:32px;text-transform:none;color:#fff}
.hero a.whitetext{white-space:nowrap;margin-left:38px}
.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 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;background:#12b8e6}
a#helpscout:hover{background:#12abd5}
@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}}
a.icoblacksvg.ico-play::before{display:inline-flex;vertical-align:top;float:none}
span.manager,span.develop,span.editor,span.create,span.print,span.video{font-weight:900;font-family:'museo_sans700';color:white;background-color:#3384CD;padding:2px 8px 3px 8px}
span.develop{background:#AF3028}span.editor{background:#C88C00}span.create,span.print{background:#813A8B}span.video{background:#5A9639}
.hidden,.hiddenrow td,ul.gradinet li.line::before,.content ul.gradient li.line::before,.imgsmall,.play.hidden,span.circle,.describ,#content-right li::before,td li::before,#nav li::before,#foot li::before{display:none}
.visible,h2 span{display:block}
#rm,#rsm{display:none;position:absolute;right:10px;top:20px;font-size:40px;text-align:center;width:40px;height:40px;line-height:40px;text-decoration:none;color:#000}
#rsm{top:0;right:0;z-index:33;width:50px;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) {#zpsguide img{width:30%}.hero h1{font-size:54px}}
@media only screen and (max-width: 1170px) {.extras{width:100%;float:none;clear:both;margin:0 auto 30px auto}.extras img{margin:0 20px 20px 0!important}#nav ul a{font-size:16px;margin-left:20px}}
@media only screen and (max-width: 1000px) {.cit {font-size:26px}#foot div.footnav li{margin-bottom: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,.places,.place{width:auto}.lpimg{float:none;margin:50px 0 0 0}p#copy{margin-left:20px}.c1000{width:100%!important;text-align:center!important;float:none;margin:auto}.c1000.clear100,.c1000.clear50{height:0}.hero video{display:none}.hero div.center{padding:100px}.hero h1{font-size:70px}}
@media only screen and (max-width: 900px) {#nav .tmm li#accountmenulink,#nav ul a.withsm.act:after,#nav ul.tmm a.act2::after,.hide900{display:none}#rm,#rsm,#nav .sm.vis a,.show900{display:block}#logo,#image-logo{margin-left:15px}#nav ul.tmm{display:none;float:none;clear:left;z-index:32}#nav .tmm li{display:block;float:none}#nav .tmm a,#nav .tmm a#menu-download,#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:none;border-top:1px solid #b4b4b4;border-radius:0;color:#000;background:#fff;font-size:16px}#nav .tmm a#menu-download{border-bottom:1px solid #b4b4b4}#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:1px solid #B4B4B4}#nav .sm a{display:none;padding:0;border-top:1px solid #B4B4B4}#nav .sm a:hover,#nav .sm a.act,#nav .sm a.act2{display:block;float:none;width:auto;padding:0}}
@media only screen and (max-width: 800px) {.hide800,#citation .col5,#citation .cit em,#zpsguide img,.col95 div.col5,.col5.fleft{display:none}.col40,.col45,.col49,.col50,.col50 .col25,.col60,.col70,.blank .col50,#content-left,.tutimg,.qat img{width:100%;float:none}#citation{padding-bottom:40px}#citation .col45,#citation .col40,#citation .col25{float:none;width:95%;clear:both;margin:0 0 50px 25px}#olderv .whiteselect{width:95%;margin:0 auto 15px auto}#lhc_status_container{display:none!important}.twentyw{width:auto!important;max-width:100%}.vimeoratio1-8{width:100%;height:calc(100vw/1.8)!important}.lpimg{margin:20px 0 0 0}.twentylist div.twentybuttons{width:100%}.twentylist div.twentybuttons a{float:none;margin:0 auto}.c800{width:100%!important;text-align:center!important;float:none}.c800.clear100,.c800.clear50{height:0}#ytplay img{margin-top:40px}.hero div.center{padding:100px 0;text-align:center!important}.hero h1{font-size:62px;line-height:110px}.hero a.whitetext{margin:0;font-family:'museo_sans300',Arial,sans-serif}.hero a.whitetext::before{content:'';width:100%;height:36px;display:block}.flexbox,.flexbox2{display:block;text-align:center!important}.flexbox.tleft,.flexbox.tright,.flexbox2.tleft,.flexbox2.tright{text-align:center!important}.flexbox div.image img,.flexbox img,.flexbox2 div.image img,.flexbox2 img{margin:0 auto}.flexbox div.middle,.flexbox.center div.middle,.flexbox div.middle.col45,.flexbox2 div.middle,.flexbox2.center div.middle,.flexbox2 div.middle.col45{margin:40px auto 0 auto;text-align:center!important;padding:0;width:66.66%}.flexbox.inline div.middle{margin:auto}.flexbox div.middle ul,.flexbox div.middle ol{display:inline-block;text-align:left}table td{word-break:break-word}table td,table th{padding:10px}table tr td:first-child,table tr th:first-child{padding-left:20px}table tr td:last-child,table tr th:last-child{padding-right:20px}div.holder,#foot.holder{padding-left:15px;padding-right:15px}}
@media only screen and (max-width: 600px) {#citation{padding:45px 0 0 0}#ficons{margin-top:30px}.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}.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}.cmpr th div.vbox{display:none}.hero div.center{padding:50px 0}.hero h1{font-size:32px;line-height:60px}#foot ul#footmenu{width:100%;margin:20px 0 0 0}.grid.gap20{gap:20px}.grid50,.grid33{grid-template-columns:1fr}}
@media only screen and (max-width: 540px) {.cit{font-size:24px;line-height:30px}#cameras{column-count:1}.col1,.col2,.col30,.col33,.col30real,.col66,.col55{width:100%;float:none}}
#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:35px}