@font-face{font-family:'museo_sans300';src:url(/__css/font/MuseoSans_300-webfont.woff2) format("woff2"),url(/__css/font/MuseoSans_300-webfont.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'museo_sans700';src:url(/__css/font/MuseoSans_700-webfont.woff2) format("woff2"),url(/__css/font/MuseoSans_700-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'museo-sans';src:url(/__css/font/MuseoSans_900-webfont.woff2) format("woff2"),url(/__css/font/MuseoSans_900-webfont.woff) format("woff");font-weight:900;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{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{text-decoration:underline}
a img{border:none}
a:hover{text-decoration:none}
a:visited{color:#385313;text-decoration:underline}
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{display:inline}
ul li:before{display:inline-block;content:'';height:.5rem;width:3rem;margin-right:1rem;background-color:#89ba17;background-color: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);font-family:'museo-sans',Arial,sans-serif;font-weight:900;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{width:100%;margin-top:20px}
table.full th{padding:5px 10px 5px 0;font-weight:bold}
table.full td,.normtab td,.tablenews 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{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;font-family:'museo_sans300',Arial,sans-serif}
span.tnormal{font-size:18px}
.ms300,.cita span{font-family:'museo_sans300',Arial,sans-serif;font-weight:300}
.ms700,span.ms700,.btns span.ms700,.btns.ms900,strong,strong.ms900,.cita,b{font-family:'museo_sans700',Arial,sans-serif;font-weight:normal}
.ms900{font-family:'museo-sans',Arial,sans-serif;font-weight:900}
.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.tsmaller{font-size:16px;line-height:22px}
.first{margin-left:0!important}
.last{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}

/*header*/
#nav {width: 100%; background: #FFF; position: fixed; left: 0; text-align: left; z-index: 25;}
.mheight, #topsm.mheight {height: 80px; clear: both;}
#topsm {background: #FFF; height: 170px;}
#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, #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 li::before, #foot li::before {display: none;}
#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:hover {text-decoration: underline;}
#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 .sm sup.newitem {display: block; position: absolute; top: -15px; right: -15px;color: red;}
#nav ul a#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 {margin: 0; top: auto;}
#nav ul a#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.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: -5px; top: auto;}
#nav ul a#login:hover span {visibility: visible; opacity: 1; transition-delay: 0s;}
#nav .sm {width: 100%; z-index: 25; text-align: center; background-color: #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}
#sectionnav {height: 40px; overflow: hidden; border-bottom: solid 1px #d9d9d9;}
#sectionnav ul a {height: 40px; line-height: 40px;}
.grad {background: linear-gradient(90deg, #85bb24 0%, #12b8e6 100%);}

#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; text-decoration: underline;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 div.footnav li.last, #foot div.footnav li:last-child {margin-right: 0;}
.footnavcol3, #foot ul#footmenu li.footnavcol3 {width: 980px;}
#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: 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('/__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;}
.footd {margin-top: 38px;}
#foot a.zlogo {width: 112px; height: 41px; display: block;}
p#copy {text-align: left; width: 300px; margin: 8px 0 0 100px;}
#copy a {font-size: 11px; color: #8A8A8A; text-decoration: none;}
#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 {font-family:'museo_sans700',Arial,sans-serif;font-weight:normal;display:inline-block;padding:1.5rem 3.2rem;text-align:center;text-decoration:none;border-radius:4px}
.btn-green, .bgreen, .bgreen2, .bwhite, .btn-green:visited, .bgreen:visited, .bgreen2:visited, .bwhite:visited, .bblue.selected {background-color: #89BA17;background-color: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-color: #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-color:#23BAE2;background-color:var(--blue);color: #fff;}
.btns span, .b2rows span {font-family: 'museo_sans300',Arial,sans-serif;font-weight:300}
.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.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(/__img/zpsx/X010.svg) no-repeat right center;width:100%;max-width:1200px;margin: 0 auto}
.black div,.blackx div{color:#fff}
.black.ctax.m80{margin:80px auto}
.black.ctax.mb80{margin:0 auto 80px auto}
.black a.aar:visited::after,.blackx a.aar:visited::after{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 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{color:#fff!important}
.grey,.silver,.greybox,.tip{background:#f2f2f2}
.grey.greyx{background-color:#fcfcfc;background-color: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{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 {display: inline-block;}
.flexbox,.flexbox2{display:flex;box-sizing:border-box}
.flexbox.inline{display:inline-flex}
.flexbox.center{align-items:center}
.flexbox.wrap{flex-wrap:wrap}
.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 {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 h3:hover{color:#89ba17;color:var(--green)}
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}}
/* forms */
.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-family:'museo_sans700',Arial,sans-serif;font-size:16px;line-height:1.3;margin:0 0 4px 0;padding:0}
input,select,textarea{font-family:sans-serif;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}
input.ins,input.ins{font-family:'museo_sans700',Arial,sans-serif} 
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;border-color:#89ba17;border-color:var(--green);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{border-color:#89ba17;border-color:var(--green);background:#89ba17;background:var(--green)}
.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-color:#f2f2f2}
.information p{font-size:1.7rem;font-size:clamp(1.6rem,1.5867rem + 0.0442vw,1.7rem);line-height:1.5;}
.warning.skuser::before{background-image:url(/__img/orderx/flag-of-slovakia.gif)}

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:inline-block;width:8px;height:8px;border-width:2px 2px 0 0;border-color:#89ba17;border-color:var(--green);border-style:solid;margin-left:15px;transform:translateY(-25%) rotate(45deg);}
div.hidelog h3::after{border-color:#222;border-width:3px 3px 0 0;transition:all .2s ease}
div.hidelog h3:hover::after{border-color:#89ba17;border-color:var(--green)}
div.hidelog.openlog h3::after{transform:translateY(-25%) rotate(135deg)}
a.aartop::after{transform:rotate(-45deg)}
a.aar:visited::after,a.aartop:visited::after{border-color:#385313}
a.aar:hover,a.aartop:hover{text-decoration:underline}
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;white-space:normal}
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: solid 1px #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; color: #FFF; background-color: #E04A3A; font-size: 15px; font-weight: normal; 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;}
#halfslider {overflow: hidden;padding:0 15px;width:1170px;box-sizing:content-box}
#halfslider a#halfsliderprev, #halfslider a#halfslidernext {position: absolute; top: 50%; left: 0; display: block; width: 70px; height: 70px; font-size: 100px; font-style: normal;font-family:'museo-sans',Arial,sans-serif;text-decoration: none; color: #f4f4f4; z-index: 10; background-color: #fff; border-radius: 35px; line-height: 60px; text-align: center;}
#halfslider a#halfslidernext {left: auto; right: 0;}
#halfsliderin {position: relative; width: 4800px; box-sizing: border-box; text-align: left;}
#halfsliderin div.holder {margin:0;float:left}
#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: #FFFFFF; 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;}

.cmpr td {width: 290px; text-align: center; padding: 15px 0; border-bottom: solid 1px #B4B4B4;background:#fff}
.cmpr tr:nth-child(odd) td {background:#fff}
.cmpr2 td {width: 30%; box-sizing: border-box; padding: 10px 0; border-bottom: solid 1px #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 td.header2:hover,.cmpr tr:hover td.header, .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;font-family:'museo-sans',Arial,sans-serif;}
.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;}

/*loading*/
#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-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; line-height:20px; text-decoration: none;}
#loading,#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 {width: 100%; height: 100%;}
#loading td, .loading td {text-align: center; vertical-align: middle;padding:0}
.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-color: #21BBE6;}
.wait .b2 {animation-delay: -0.16s; background-color: #54BC85;}
.wait .b3 {background-color: #86BC24;}
@keyframes bdelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } }
/*support*/
a.fac {width: 210px;margin: 0 5px 10px 5px;}
.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: 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!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;font-family:'museo-sans',Arial,sans-serif}
.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: solid 2px #D9D9D9; border-radius: 18px; color: #D9D9D9; font-size: 15px;font-family:'museo-sans',Arial,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 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: solid 1px #fff;}
a.info:hover span thead td, a.info:focus span thead td {font-family:'museo-sans',Arial,sans-serif;}
span.tooltip {position: relative; border-bottom: dotted 1px #21BBE6; cursor: help;}
.usecaselink {float: left; text-align: center; width: 285px; height: 220px; display: block; font-weight: bold; margin: 0 7px 20px 0;}
.usecaselink img, .usecaselink span {display: block; margin-bottom: 10px; width: 100%;}
.usecaselink img {max-height: 160px;}
.usecaselink span {padding: 0 10px; width: auto; box-sizing: border-box;}
.basic-school-tab img, .high-school-tab img, .university-school-tab img, .course-school-tab img {width: 100%;}
a.teacher {color: #fff; text-decoration: none; font-size: 24px; display: inline-block; margin-top: 40px;}
#hhaction {background-color: #ffc400; color: #ffffff; padding: 5px 0; text-align: center; font-size: 20px;}
#hhaction a {color: #fff;text-decoration: none;border-bottom: 1px solid #fff;position: relative;text-shadow: none;}
#hhaction a.tooltip span {font-size: 14px;z-index: 999;text-shadow: none;}
#hhaction a.btn {font-size: 20px;background-color: #ffc400;color: #fff;border: solid 3px #fff;display: inline-block;box-sizing: border-box;margin: 0 0 0 10px;padding: 0 20px;line-height: 40px;border-radius: 4px;text-shadow: none;box-shadow:none;}
#hhaction a.btn:hover {background-color: #fff;color: #ffc400;}
#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 auto;}
.zpcplaninfo a {text-decoration: none;}
.zpcplaninfo img {margin: -52px auto 20px auto; 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 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; letter-spacing: normal;}
.hero h1 span, .hero h1 span strong {font-family:'museo-sans',Arial,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',Arial,sans-serif;font-weight: 900;}
.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 0;}
.magazinelink a.ico, a.icoblacksvg {color: #000; text-decoration: none; display: block;}
.magazinelink a.ico:hover, a.icoblacksvg:hover {text-decoration: underline;}
.magazinelink a.ico::before, a.icoblacksvg::before {content: ''; display: block; float: left; margin-right: 5px; width: 27px; height: 24px; background: transparent url(/__img/zpsx/hp/ico-magazine-black.svg) 0 0 no-repeat; background-size: cover;}
.magazinelink a.ico-play::before, a.icoblacksvg.ico-play::before {background-image: url(/__img/zpsx/hp/ico-play-black.svg);}
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}
/*last*/
.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{display:none}
.visible,h2 span{display:block}
/*RESPONSIVE*/
#rm,#rsm{display:none;position:absolute;right:10px;top:20px;font-size:40px;font-family:'museo-sans',Arial,sans-serif;font-weight:normal;text-align:center;width:40px;height:40px;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) {
#zpsguide img {width: 30%;}
.footnavcol3, #foot ul#footmenu li.footnavcol3 {width: 100%;}
.footnavcol3 div.iblock, #foot ul#footmenu li.footnavcol3 div.iblock {display: block;}
#halfsliderin div.holder {width: 100vw; box-sizing: border-box;}
.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; width: 170px;}
.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, .hide900 {display: none;}
#rm, #rsm, #nav .sm.vis a, .show900 {display: block;}
#sectionnav div.holder {padding: 0 15px;}
#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#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;}
#nav .sm sup.newitem {display: inline; position: relative; top: auto; right: auto;}
}
@media only screen and (max-width: 800px) {
.hide800, #citation .col5, #citation .cit em, #zpsguide img, .col95 div.col5, .col5.fleft, #halfslider a#halfsliderprev, #halfslider a#halfslidernext, #halfsliderin div.holder {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',Verdana,sans-serif;}
.hero a.whitetext::before {content: ''; width: 100%; height: 36px; display: block;}
.flexbox,.flexbox2,#halfsliderin #halfslide{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;}
p#copy, #foot a.zlogo, #ficons {float: none; margin: 0;}
#ficons {margin-top: 30px;}
#fvimeo {width: 320px; height: 190px;}
.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;}
}
@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;}
}

/*twocolumns*/
#content-left{width:100%;max-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}

/* /photo-studio/install-zps.aspx */
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;}
.black a.icofb, .black a.icoig, .black a.icotw, .black a.icoyt {display: inline-block; width: 32px; height: 32px; background: url('/__img/zpsx/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;}