@font-face {ascent-override:90%;font-family:'Novatica400';src:url('/__css/novatica/BCNovatica-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face {ascent-override:90%;font-family:'Novatica400';src:url('/__css/novatica/BCNovatica-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face {ascent-override:90%;font-family:'Novatica600';src:url('/__css/novatica/BCNovatica-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face {ascent-override:90%;font-family:'Novatica600';src:url('/__css/novatica/BCNovatica-SemiBoldItalic.woff2') format('woff2');font-weight:600;font-style:italic;font-display:swap}

html {margin: 0; padding: 0; font-size: 18px; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #000; text-align: center; font-family:'Novatica400',Arial,sans-serif; background: #FFF;}
img, p, li, form, input, select, fieldset, table, hr, ol {margin: 0; padding: 0;}
a {text-decoration:underline;color:#3099bf}
a:hover, a:active, a:focus{outline:none;text-decoration:none;color:#005A6F}
a img {border: none;}
p {line-height: 25px; margin: 10px 0 20px 0;}
p.smaller {font-size: 16px; line-height: 20px; margin: 0 0 20px 0;}
strong, span.ins, p.ins {font-weight:600}
h1, h2, h3, h4, h5, h1 span {color: #000; line-height: 1em; letter-spacing: -0.015em; font-weight: normal; font-size: 50px;}
.content h1, .special h2 {position: relative; padding-top: 25px; padding-bottom: 25px;}
.special h2 {padding-top: 5px; padding-bottom: 10px;}
h1 em, h1.h1c em, .special h2 em {width: 5%; height: 3px; display: block; position: absolute; bottom: -10px; left: 0;}
h1.h1c em {left: 50%;}
h2, h2.green {font-size:30px;}
h2.bigger {font-size:40px;color:#000;}
.black, .black h2, .black h3 {color: #FFF; background: #272727;}
.black h3 {line-height: 1.5em;}
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 {display: inline-block; width: 90%; width: calc(100%-35px);}
ol > li::before {content: counter(step-counter) ''; display: block; float: left; font-size: 14px; color: #FFF; font-weight:600; 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: 15px;}
ul.alpha > li::before {content: counter(alpha-counter, lower-alpha) ''; display: block; float: left; font-size: 14px; color: #FFF; font-weight:600; background-color: #85bb24; width: 25px; height: 25px; text-align: center; border-radius: 20px; margin-right: 10px;}
.blank ul, .content ul, .moretext ul {margin-left: 10px; padding-left: 10px;}
.blank li, .content li, .moretext li {list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAHCAYAAADqF3ZBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpibN2t8p+BSoCJgYqAqoYx/v//n2H4e5OqhgEEGACilAVtBk0KBQAAAABJRU5ErkJggg==); margin-bottom: 12px; line-height: 25px;}
table {border-collapse: collapse;}
.ins {color: #21BBE6;}

#main {position: relative; min-height: 100%; height: 100%;}
.holder, .holdern, .blank {position: relative; width: 1170px; margin: 0 auto; padding: 0px 15px 0px 15px; line-height: 25px;}
.holdern {width: 676px;}
.greybox {background: #f4f4f4; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.greentext {color: #85bb24;}
.blacktext {color: #000;}
.normalp {padding: 25px 15px 40px 15px;}
.bigp {padding: 40px 15px 60px 15px;}
.bigp2 {padding: 40px 15px 0 15px;}
.center {margin: 0 auto; text-align: center;}
.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.tjustify {text-align: justify;}
.tnormal {text-transform: none!important; font-family:'Novatica400',Arial,sans-serif!important;}
.tsmall {font-size: 14px;}
.hidden {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;}
.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 0; padding: 0 0 40px 0; position: relative;}
.tip h5 em {width: 4%; height: 3px; display: block; position: absolute; bottom: 15px; left: 0;}
.grey, .silver {background: #f2f2f2;}
.silver a.close {color: #A3A3A3!important; text-decoration: none!important; border: none!important;}
.grad {background: -moz-linear-gradient(0deg, #85bb24 0%, #12b8e6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #85bb24), color-stop(100%, #12b8e6)); background: -webkit-linear-gradient(0deg, #85bb24 0%, #12b8e6 100%); background: -o-linear-gradient(0deg, #85bb24 0%, #12b8e6 100%); background: -ms-linear-gradient(0deg, #85bb24 0%, #12b8e6 100%); background: linear-gradient(90deg, #85bb24 0%, #12b8e6 100%);}
.line, hr, .line2 {width: 100%; height: 0px; margin: 0; border-bottom: solid 1px #d9d9d9;}
.line2 {margin: 15px 0 15px 0;}
.nofloat {float: none; margin: 0 auto;}
.fright, .fleft {position: relative;}
.fright {float: right;}
.fleft {float: left;}
.fcenter {display: inline-block; text-align: center;}
.clear, .clear5, .clear10, .clear15, .clear20, .clear25, .clear30, .clear40, .clear50, .clear60, .clear80, .clear100 {clear: both; height: 0;}
.clear5 {height: 5px;}
.clear10 {height: 10px;}
.clear15 {height: 15px;}
.clear20 {height: 20px;}
.clear25 {height: 25px;}
.clear30 {height: 30px;}
.clear40 {height: 40px;}
.clear50 {height: 50px;}
.clear60 {height: 60px;}
.clear80 {height: 80px;}
.clear100 {height: 100px;}
.w20 {width: 20px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.col5 {width: 5%;}
.col10 {width: 10%;}
.col20 {width: 20%;}
.col25 {width: 25%;}
.col30 {width: 33%;}
.col30real {width: 30%;}
.col40 {width: 40%;}
.col45 {width: 45%;}
.col50 {width: 50%;}
.col55 {width: 55%;}
.col70 {width: 70%;}
.col80 {width: 80%;}
.col95 {width: 95%;}
.col100 {width: 100%;}
.m20 {margin: 20px 10px 10px 20px;}
.m25r {margin: 10px 25px 10px 0px;}
.m40 {margin: 40px;}
.pr40 {padding-right: 40px;}
.opacity50 {opacity: 0.5;}
.note {font-size: 14px; line-height: 18px;}
p.nomargintop {margin-top: 0;}
p.check {padding-left: 30px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACiSURBVHjaYmzdrcJABmAD4nAgXgziMJFpwGogXgTE7eQYAjPAD8rXAokxUWDAJiAOBeJfTJQaQKx38BpAjCHoBqxHNwBmCCcQbwdiSyIMiEA3AGbIOiD2QDOIaANghrQC8Rcg5ocaZEOKASDAAsRHgNgTagDIoMNI8gQNQA5YmEFfkOTWEGMAeuwgGwQyIJoYA2DeYUAzyAqIbxJrAAgABBgAxOgvR0ftinEAAAAASUVORK5CYII=) left center no-repeat;}
.success, .error, .warning {padding: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 20px 0; display: none;}
.success, p.info, div.info {border: solid 1px #85BB24; background: #EFF7E2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAXCAYAAAAyet74AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEDSURBVHjadJLPBkJBFIcriYhW0QNERKu41LK0atsbRLuU6BHSLq2iVfcBeoCIiNSmSBEpWkWbWkVE9DvMcIxfh+8ycz/nz8wEu7NUgEQTtEEcTEArTKQqGKh1TT6hP6IbFSYeyN6RiX0wV+sraLAe36AEsiAi2WSPibQFV5SzSoAP2IGv/SE95sAQPMAZrMAG7EFGiyPgmSw6RBrr0gUlSba8kqVaVIYJOZnuZKgPu5m0s77YgbSY1M2bmOthbBRJ2SUTK44kJadMLDviGjxdMWtuhPanRY/0t2Vigogv9iieROwB3/63GX3zWnR45rF0wC2srknuvG4OPQZOYGEI/AQYAN/9NKPfXNYrAAAAAElFTkSuQmCC) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAESSURBVHjaYrzAz88ABOpA3ALEKUD8kQE/8AZiJyAuBnFYoJoPALEEEEsDsSceQ0Ca1wExGxBzAnEWE5DogmoGAUsg3g7EPAQ0g0AmSD0T1NmXkRSCDNmFZogHmmYQKADi4yADXgOxMx5DQJo3YtE8EcRgggrgMuQwPs3IBuAyxABNczGyZnQDkA25gyUQK4G4D12QCYtCMyCWwxELnIQM8MYS2jBgAw1YTlwGYIuqViC+hmbIdmRDmJA0o4d2DRQ7oBlij2wIEw6b66G2IwcsuiFbQIaADAhB8xdIcxOa/19gMQSUTlRABmQB8XqoYBMWzeiG3ATi70DsD0ozjNDszAb1yiYGwgCU8RRB+QDEAQgwAOfBO2cgUgtXAAAAAElFTkSuQmCC) 15px 15px no-repeat;}
.warning {border: solid 2px #F4A138; background: #FFF1DF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFfSURBVHjaYvyy0IKBSMAGxC1ArAjEZUB8n1iNLAzEgyIgLoWyVYDYBIj/EqORiUgLpIG4GolvAMThxLqOWEu6gJiHCDGyLbEB4igifIcTMBKIeGYgPgMNHmzgFxBrA/EdSnwSjmbBIyA+gpbiJlASXDzQcIeBv9AUZQvE+5DEvYHYlVxLqqHhjhx0r6HsF1gSATOplqhA8wW+uGJAS9JppFoyARre2IKQAUfSBZUGQsRa4goNZ2J8gAyEoBYRtIQZLbLRASeU5schn4YtuTMRowgtyRLKV+34LMHpXSyW4CtOPNCDm4mYiEMCOUAcCMS6BNShJBxYsWIALT6YCWj+CMVyRBRZlUDcgeyTdiIsAJVTqkAsj5bjCWZmJmj4eRChiRmaupiRUhkDgWKpHRZc5wmkKHTfvANiCSLVg8o7bSYSNMBSFynqQb7mB9Xx/kBcQWRkkgK+APECID4FEGAAlmQ0elj8sBoAAAAASUVORK5CYII=) 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 0; margin-left: 35px;}
.warning div.formelements {margin-left: 35px;}
.success.visible, .error.visible, .warning.visible {display: block!important;}

#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;}

/*header */
#nav {width: 100%; height: 80px; 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: 208px; height: 25px; margin-top: 28px; background: url('/__img/zs-logo.svg') no-repeat center top;}
#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:#3099bf;text-decoration:underline}
#nav ul a.act {color:#3099bf}
#nav ul a[target="_blank"]:after {content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHcSURBVHjadFLNTsJAEO4uW6gYQtAHgFeA0HgQTXgEf69qjQ+gJ4hejA+geIB6IRy46EE4SLB4ISGRWIwmWD3oUcWLHoHWQtdp1xCIONk2M9n5Zr+Z+RCllPvHisWCLJ9MT08hhNxu98dHa3Y2RuBC17twvr/NQSpU4XkSi8VCoSDP84FA4OzsNJfLCcIEKpdLmUzG7/f3eqZl2a8hhA1DDwaDh4cphq9Wq7Kcnp+f07Qnks/nl5aWw+EIpRYkOwDOsixBEOAliK6ulEQimc1mfT7f3d09J0nrLy/P9B9TlHIkEm40VPBvbxuStEZcLpeu64z5aM+oUlF2d/fS6XQ0KkJsGMbn5xe3tSVp2oNTzho6tFK5FMWoqt7YF1Yfztvba7F4zm1ubjSbzVEAMFGAiaqqjNjjo7azs93ptMHHMGOM0TCTUukimUzIckYURcYThtZqvZumPXcbMJwNH9BIpY5EcWbQFcYuj8fDfOJsetCu7ezvH/ydAXKMvfBbeNTG6IVpCI8T0Xh1Me4Elur1TgwaGGte7yTGGCZrA9rtTqFQiMfjptmDfhjRfh/uKMYgTUoIqdVqsDJQnl21Xr8+Pk4Jgoc15vxBS4D8FT7E3W53YWFxZWUV8D8CDABitRgCGn+WFgAAAABJRU5ErkJggg==); position: relative; top: 2px; 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; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MUZFMjQ4RjY5Q0QxMUU2ODVDMEMzNUQzNzIyMTRCMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MUZFMjQ4RTY5Q0QxMUU2ODVDMEMzNUQzNzIyMTRCMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozZTA2ZjMwYS00MjAxLWY2NGEtYjlhZi00MDc4MjhiNjg0MzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU4OEIyNzk4QjE4RTMxMUJDQ0VEOUU3OEYzODdDOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4j8pzzAAABuklEQVR42uyXuy9EQRTG97KbiAiReASFiMKqkdhCJQqiZdFRbIhswX8g/gGN6DQeUVHpNQrEo9lFIaFQeEU8ChHJ9Z3kK+Qmd+/s3DFZcif5ZXPnzLnz7cycM+c6ruvGSqmVxUqsRYIiQf9OUFxlkOM4xiYMSjNhV0iUjoIdcAS2wQj79RUHUaCtgmswD4bBHLgBK7rzhRE0AO5Avae/kf39OoLCbNkgWAMPnn4RswmGbEdZO8j72PK0WxVUKTvgY/sAFbYF3YMmH1szeLQtSMI85WPrA8e2w74FvIMuT38PeKPdathLmwVPYAGMg0XwDKZ1F8BRqRgLXB2doJVi5NzcgnX+nutcHborJEI2wAtIemzy/Ephyd9OjBPgEJz8EHPhGSPPHRQl4w7oZ/xQp5mVJ0G14utrwBT90qYP9S7IaqaILP2NblkbyGkKytHfaGL8BAlNQQn6GxV0CpZABtQWcYYy9DtTqviKyENS7o6BGdDNCNoHlzy0krWrQB2jL8UsLn9kGWyBr6D5dBNjAwuwXpYZUqSVy4S8VK8oeI8VpHJiDJupjRf5cRMviT4UI0GRoL8k6FuAAQBA9cx0isMPCAAAAABJRU5ErkJggg==);}
#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:'Novatica400',Arial,sans-serif; font-size: 16px; color: #000; 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: -8px; width: 14px; height: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAIAAABGc1mbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGNTc0MTZENjlENzExRTY5RjExQzkyNjREQThCMzk4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGNTc0MTZFNjlENzExRTY5RjExQzkyNjREQThCMzk4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEY1NzQxNkI2OUQ3MTFFNjlGMTFDOTI2NERBOEIzOTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEY1NzQxNkM2OUQ3MTFFNjlGMTFDOTI2NERBOEIzOTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4nYaLJAAAAWklEQVR42nzK3RHAIAgDYHEG3H8+D1ZQGo9ee6Y/eQrhk4goe9wdY2uNdiEKN+dcDxHSG02nqtlJ3/RytVac6KRPSi5DetFX99RiZl+OdOm9jzHiNwBghwADANyWf/ofR9ysAAAAAElFTkSuQmCC);}
#nav ul a#login[target="_blank"]:after {content: ''; margin: 0;}
#nav ul a.withsm.act:after {content: ""; left: 49%; left: calc(50% - 7px); bottom: -1px; top: auto;}
#nav ul a#login:hover span {visibility: visible; opacity: 1; transition-delay: 0s;}
#nav .sm {position: absolute; width: 100%; top: 80px; right: 0; z-index: 25; text-align: center; background: #FFF; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
#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 20px; position: relative; z-index: 31;}
#nav .sm a:hover {color: #000;}

/* buttons */
.btns, .b2rows, .bsmall {font-weight: 600; font-size: 18px; color: #FFF; line-height: 50px; padding: 0 30px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 50rem; display: inline-block;}
.b2rows {padding: 10px 30px; line-height: 22px;}
.b2rows span {font-weight: 400; display: block; font-size: 13px; line-height: 18px; text-transform: none; white-space: nowrap;}
.bsmall {font-size: 16px; line-height: 35px;}
.btns.left {float: left;}
.btns.right {float: right;}

.bgreen {background: #000;color:#fff;border:2px solid #000}
.bgreen:hover {background: #fff;color:#00bfe8;border:2px solid #00bfe8}
.bblue {border:2px solid #000;color:#000}
.bblue:hover {background: #000;color:#fff}
.bblack {background: #272727;}
.bblack:hover {background: #000000;}
.bwhite {color: #000; background: #FFF;}
.bwhite:hover {background: #272727;}

.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 .bblue {border:2px solid #fff;color:#fff}
.black .bblue:hover {background: #fff;color:#000}

.bluebackground {background: #3099bf; color: #fff;}

/*footer */
#foot {padding: 50px 0 80px 0; 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 a#toplist {width: 1px; height: 1px; font-size: 0; line-height: 0; float: left;}
#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: 13px; height: 7px; top: 12px; right: 14px; background: url('/__img/zpsx/language-arrow.png') no-repeat 0 0;}
#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;}
.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;}
.cn {background-position: 0 -66px;}
.tw {background-position: 0 -77px;}
.hk {background-position: 0 -88px;}
.es, .ww {background-position: 0 -99px;}
.pl {background-position: 0 -110px;}
.icoface, .icogoog, .icotwit, .icoyt {display: block; width: 33px; height: 33px; background: url('/__img/zpsx/social-icons.png') no-repeat 0 0; margin-right: 6px;}
.icogoog {background: url('/__img/zpsx/social-icons.png') no-repeat 0 -33px;}
.icotwit {background: url('/__img/zpsx/social-icons.png') no-repeat 0 -66px;}
.icoyt {background: url('/__img/zpsx/social-icons.png') no-repeat 0 -99px;}
.footd {margin-top: 38px;}
#foot div.zlogo {width: 75px; height: 26px; background: url('/__img/zpsx/logos.png') no-repeat 0 0;}
#copy {text-align: left; width: 310px; margin: 2px 0 0 104px; font-size: 11px; color: #8A8A8A;}
#ficons {margin-top: -10px;}
#zonerista, #zonerista p, #zonerista a, #zonerista li, #zonerista strong, #zonerista span, #zonerista h4 {color: #000; font-family: "Verdana", "Arial", sans-serif;}
#zonerista li {line-height: 12px;}
#zonerista h4 {font-size: 16px;}
#zonerista a, #zonerista strong {font-size: 12px; line-height: 12px;}
#zonerista span {font-size: 11px; line-height: 11px;}

/* homepage */
#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 0; text-align: left;}
#functs a {font-weight: 700;}
#functs .margin {margin: 95px 20px 0 60px;}
#functs .margin2 {margin: 65px 20px 0 60px;}
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;}
#citation {padding: 90px 0 90px 0; font-size: 26px; font-style: italic; text-align: left;}
.cit {margin: 0 0 35px 0; 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;}
.imgsmall {display: none;}
.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-image: url(/__img/zpsx/stock_hp.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-clip: content-box; font-size: 20px;}*/
#panorama {background-image: url(https://www.zoner.cz/__img/zpsx/xmas/xmas-bg-lights-off.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-clip: content-box; font-size: 20px; margin: 0 auto; max-width: 1920px;}
#panorama a.btns, #panorama a.b2rows, #panorama a.btns span, #panorama a.b2rows span {box-shadow: 0 0 0 transparent; text-shadow: 0 0 0 transparent;}
#panorama h1, #panorama h1 span {margin: 0; padding: 80px 0 20px 0; color: #FFF; text-shadow: 1px 1px 0px #333333;}
#panorama p, #panorama span {text-shadow: 1px 1px 3px #333333; color: #FFF;}
#panorama a.aar {color: #FFFFFF; background: url('/__img/zpsx/link-arrow-white.png') no-repeat right 5px;}
.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;}

/* christmas */
.xmas {height: 90px;}
.xtitle {padding: 14px 20px 0 0; color: #FFF; font-size: 22px; font-weight: bold; text-transform: uppercase; line-height: 24px;}
.xdesc {padding-top: 14px; width: 270px; color: #FFF; font-size: 17px; line-height: 22px;}
.xbtn {margin-top: 14px;}
.xbtn a.btns {padding: 16px 42px; line-height: 22px;}
.xbtn a.b2rows {padding: 10px 26px; line-height: 22px;}
.bred {background: #e03400;}
.bred:hover {background: #d03000;}

/* explore & what's new */
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 {font-weight: 700; font-size: 33px; line-height: 30px; text-transform: uppercase; color: #000;}
.special h2 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-pixbuff, .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-pixbuff {background: url('/__img/zpsx/ico-pixbuff.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;}
/* compare */
#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:hover td {background: #f2f2f2;}
.cmpr tr th:hover, .cmpr td.header:hover {background: #FFF;}
.cmpr td.header, .cmpr th {width: auto; font-size: 24px; padding: 40px 0 20px 20px; text-align: left; font-weight: 600; font-size: 24px;}
.cmpr th {text-align: center; padding: 0 10px;}
.cmpr th img {margin: 5px;}
.cmpr th span {font-size: 18px; text-align: center;}
.cmpr td.fc {width: 720px; text-align: left; padding-left: 20px;}
/* install - uninstall pages */
.ovcacek {margin: 20px 70px 20px 20px;}
#udata {width: 550px; padding-top: 10px;}
#udata a.btng {height: 50px; line-height: 50px; margin-bottom: 25px;}
#udata div {width: 177px; float: left;}
/* postcards */
#faqpost h5 {color: #FFF; margin-bottom: 5px;}
#postico .margin {margin: 20px 20px 0 20px;}
/* zonerma */
#zonerama .margin {margin: 40px 20px 0 20px;}
.rimgcol100 {padding: 15px 0 30px 30px;}
/* learn */
#vimeowrap {float: right; margin: 10px 45px 40px 45px; width: 600px; height: 338px;}
.vtutor {width: 370px; height: 370px; float: left; margin: 25px 20px 20px 0; font-size: 15px;}
.vtutor h3 {font-size: 20px;}
.vtutor a {position: relative;}
.vtutor a span {background: #FFF; color: #000; padding: 10px; text-transform: uppercase; position: absolute; left: 0; bottom: 3px; font-weight: 600}
.soc {width: 400px; margin: 0 auto; padding: 20px 0 40px 0;}
.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;}
.mr30 {position: relative; float: left; width: 370px; text-align: center; margin-right: 30px;}
#issuu {width: 1200px; height: 750px; margin: auto; position: relative;}
#issuu a.close {top: -50px;}

/* loading */
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;}
#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 auto;}
#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; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; -webkit-animation: bdelay 1.4s infinite ease-in-out both; animation: bdelay 1.4s infinite ease-in-out both;}
.wait .b1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s; background-color: #21BBE6;}
.wait .b2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s; background-color: #54BC85;}
.wait .b3 {background-color: #86BC24;}
@-webkit-keyframes bdelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } }
@keyframes bdelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } }

/* zoner */
.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: #444444; margin: 10px 0 10px 0;}
span.ico-tel, span.ico-adresa, span.ico-download, span.ico-napsali, 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-adresa {background: url('../__img/zoner/ico-adresa.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;}
span.ico-download {width: 36px; height: 26px; background: url('../__img/zoner/ico-stazeni.png') no-repeat 0 0;}
span.ico-napsali {width: 26px; height: 26px; background: url('../__img/zoner/ico-napsali.png') no-repeat 0 0;}
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;}
a.ablue:link, a.ablue:active, a.ablue:visited, a.ablue:hover {color: #21BBE6; text-decoration: none; font-weight: 600; font-size: 18px;}
a.ablue:hover {color: #21BBE6; text-decoration: none;}
.contactdesc {width: 320px; margin-left: 40px;}
.tm {margin-top: 73px;}
.feed {list-style: none; float: left; margin: 0; padding: 0;}
.feed em {float: right; display: block; width: 80px; font-weight: normal; 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 0; padding: 0; font-weight: bold;}
.contact h5 span {font-size: 16px; font-weight: normal;}
.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;}

/* download */
ul.downlist {margin: 70px auto 0 auto; padding: 30px 0 70px 0; list-style: none; width: 680px; border-width: 1px 0 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-weight: 600; line-height: 35px;}
.extras a.extra {font-size: 18px; font-weight: normal; font-weight: 400; line-height: 20px;}
.extras p {margin-top: 18px;}
.extras img {margin: 0 50px 55px 0;}
p#buildnumber {margin: 10px 0 0 0; font-size: 13px;}

/* support */
a.fac {border: solid 1px #000; padding: 20px 0; width: 280px; float: left; margin: 0 5px 10px 5px; 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 0;}
a.faq {display: block; float: left; width: 330px; font-size: 16px; color: #FFF; line-height: 20px; text-decoration: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAB4SURBVHjaYmTY9yyZgYEhBIivAXETEH9kgAImIN4BxOpAXATE24GYH1nyKRDbAvF9ILZEVsAEVYSuYBdIAUwSXYEZEC9CloQpiICyPdAlpYF4KZS9gwlN4gAQqwDxKSCOY8Ih4QbyLxMuCZhXvKEunIgsAQIAAQYAVBwdw4GjQaUAAAAASUVORK5CYII=) 0 4px no-repeat; padding-left: 20px; margin: 0 40px 35px 0;}
a.faq:hover {color: #12b8e6;}
.qa {margin-top: 60px;}
.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-weight: 600; 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: 13px; height: 7px; background: url('/__img/podpora/top-arrow.png') 0 0 no-repeat;}
/* contact */
.faqbg {background: url(/__img/zoner/kupa-kontakt.png) center bottom no-repeat; height: 520px;}
.faqbg h3 {padding: 60px 0 35px 0; margin: 0;}
/* specification */
#cameras {-webkit-column-count: 2; -moz-column-count: 2; 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;}
/* update */
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 20px;}

/* just step */
#juststep, #juststeps, #motivedown, #motivedown.low {padding: 60px 0 60px 0; background: #FFF;}
#juststep h2, #juststeps h2, #motivedown h2 {color: #000; font-size: 44px;}
#juststeps h3, #motivedown a, #juststep strong, #juststep h3 {color: #000;}
#motivedown a:hover {color: #21BBE6;}
#motivedown a.btnb {color: #FFF;}
#juststep p, #juststeps p, #motivedown p {color: #000; margin: 0 auto 45px auto;}
#motivedown p {width: 900px;}
#fig, .fig {width: 87px; height: 68px; background: url(/__img/logo.png) no-repeat 0 -38px; margin: 0 auto 40px auto;}
#figpost {width: 89px; height: 69px; background: url(/__img/logo-post.png) no-repeat 0 0; margin: 0 auto 40px auto;}
#figzpsa {width: 87px; height: 67px; background: url(/__img/logo.png) no-repeat 0 -136px; margin: 0 auto 40px auto;}
#figzonerama {width: 87px; height: 93px; background: url(/__img/logo.png) no-repeat 0 -203px; margin: 0 auto 40px auto;}
#juststep a.b2rows, #juststeps a.b2rows, #motivedown a.b2rows {width: 248px; float: none; margin: 0 auto 20px auto; font-size: 18px; padding: 20px 26px; color: #FFF;}
#juststep a.b2rows, #juststeps a.b2rows {width: 270px;}
#motivedown a.b2rows {width: 360px;}
#juststep a.b2rows span, #juststeps a.b2rows span, #motivedown a.b2rows span {font-size: 15px; line-height: 15px;}
#juststep a.btns {margin-bottom: 20px;}
a.b2rows span.f16 {font-size: 16px;}

/* form */
.buttongroup {display: inline-block; background-color: #FFF;}
.buttongroup a {float: left; display: block; width: 60px; height: 36px; line-height: 36px; text-align: center; font-size: 15px; color: #000; border: solid 2px #D9D9D9; margin: -2px -2px 0 0; text-decoration: none;}
.buttongroup a:first-child {border-left: solid 2px #D9D9D9; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;}
.buttongroup a:last-child {border-right: solid 2px #D9D9D9; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;}
.buttongroup a.sel {background-color: #85BB24; color: #FFF;}
.formelements {float: left; width: 290px;}
.formelementsspace {float: left; width: 20px; height: 20px;}
.formelement {margin-bottom: 20px;}
.formelement label {display: block; margin-bottom: 12px; font-weight: 600; 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; background-color: #F7F7F7; border: solid 2px #D9D9D9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; display: inline-block;}
input, select {height: 50px; line-height: 50px;}
input[type="password"] {background: #F7F7F7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGlSURBVHjazJfBRwRhGManGhFDlIgosadSNp06lYgYOkSiiMhEf0QRe+y8yl43hnTI3CJ12mvq0mEVkSI6RQxDz8sTn9XOznz7ze48/My3dt7XM9++7/vN9gRBYCVQEYxx/QbuWwW4rmvpyI75bgQcgi1+fuR1htdzcAw+LYPqbfaA4AGEYBYMgyUi6zkwCJ54rzH9t0Mr4BSsg1qTuFewAxZBFeyC6yx2yAEVsBFjRtUd760w1rghD9wkNPOnGmO8LAxJPfgaeXxTtdRoaBzUNfLUGWvcUD87K61CxmbW9l2T3TCNHQ7Cr5R5hhhbTDLFWxnqY9vKTLkAkyStJPaSo2APRLqGPBbkNPhpc8cHQMCcZd0akp+oZMCMxRwl5fzT2qEkrS4dtKnMnDCrEWAnvK/Kw1S0CrY70WVxWgYT3Jn3TrV9nKQTv5V1Zsr1YIxTpNRQlAdDMvRulS7ruqF9sMb1VR4MZW4kt0Uthl5AwWDOAnNqG5JD8MTQS7rDXOV2aki6Zgo884X9QzPXKFigGb/doj4CZ2CeiXUkD3LAv9ra+hVgAAD7SrLdHIl6AAAAAElFTkSuQmCC) 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: solid 2px #D9D9D9; background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACNSURBVHjaYmzdrcIABTxA/IWBNADXwwQVaATiM0AsQYIhElA9dTCDQKaGA7E6EB8g0jAJqFqQniiQGUxQpzkA8U0iDUM25CZU7xeY114QaRg2Q14ghxExhuE0BN0gfIbhNQQEWLA4H2bYASTDGPAZgssgbIYx4DMEn0HohjHgM4SQQTDDTKBsvKkeIMAANdsvT35XyVAAAAAASUVORK5CYII=) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABQCAYAAAAZQFV3AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAM7SURBVHja7JhNaBNBFMdf0phEk2CJFhs/WpBYFJRaKngpKpaC6EEpfl3FXjwI4lHwIOLNm4iXiuBNCNIeFDG0NaIHUfFgoKaWSquSGo20JG3zYVvnv8ysk2Q/sjVqkH0wu8t8/PKfnTfv7cSRSCSWqYbmpBqbSzy0tbX9FmhsbOzPKLSBNtAG2sC/HA9FPKs/hZGpI/Yq/y/ABucq2hk6pu+HVmG9u27QtqZuavKFaWT8+soVyjDYegZE3YqA5bD3X4fo/tvztLhU1Ae6nF463XGbNq3tsAzTBB5vv0lb1+0rgZbDEqnHmjBN4PMPt6iwOE8eV0CBbmncUwEbiF/QhMEc16Lhiu9DQE4xmLthTUm9GUx3UT7OvKJ7b84qSoW9Sz0yhRmusgwFbDB+0RRm6tiA3n15ktLzE1XBqtopqWzCjjbG5lherukxRX9RWFrtwU5kpZOV3diBrLzmJcKOIdGqFDJQmN36WdlvIibGSh8Dj+sCGayL3QZZCbrdbgoEAuTz+cjj8ZDD4aBcLkdzc3OUyWSoUChgyHdWjjLoswogV/YCMICam5sViJZhzPT0tALm0L1CqbzK/QIWCoV0YYoK1oY+6IsxfOwvt2HqDuKdYZpQVq2hL8ZgLGeoCrGayi8aKdNSylWqDAGEi5Df77fsd9KYHhnYgguXb8mkMS0ycEGsXq328mdcisWiZQD3R9iUDITXUzabtQyUxkRlYAQXOKqVaaMvd26V4eT/NwxDJeRjB1Rr6MunHOOMkp3Sx8osfjGZTBoqRRv6cHWzfKxxcEBAgI8hOHi9XqVdBAe8t3w+L/ZxL1MXMwtfd1jpMpkxIswZw/BlEGA7ebX1AFu/RzM7p9RPTlEU8nwwhGm2traWwDL5LzSRfqo849s74NlQonRyclJMvxv72WWUU+LJAXo4epl+LOXUE8LhHVfVE5TIKel0WjCGdXPKzMInejB6SYXB8Iw6tFnOKTiHaH21og5t/z6n4Fwin+HkE5U4s1jKKY2rN9Oh7VdKoHhGHdr0copLygfn4KjBYFBd6faNJxRXGf82wl7HkqKs3G3Kc4q8U55g/wrHrsakNICccsDOKXWaU34KMADoihh9yjvpzwAAAABJRU5ErkJggg==) 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;}

/* order */
.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 0; color: #000;}
.ordercontainer h3 {font-size: 30px; margin: 50px 0 40px 0;}

/* twentylist */
.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: #FFFFFF; text-align: left; font-size: 15px; font-weight: bold;}
.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 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; -webkit-transition: opacity .4s; -moz-transition: opacity .4s;}
.twentywrap:hover .sliderdesc {opacity: 0; z-index: -1;}

/* css slideshow */
.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; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; 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 {-webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); 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: bold; color: #FFFFFF; text-shadow: 1px 1px #000000;}

.vimeopropo {width:640px; height: 314px;}

/* ZPS fair + tool tips */
.tred {color: #ff2929;}
.tgreen {color: #85bb24;}
a.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-weight: 600; text-decoration: none; text-align: center;}
a.info:hover, .order a.info.blue {border-color: #21BBE6; color: #21BBE6;}
a.info span {display: inline-block; visibility: hidden; opacity: 0; position: absolute; background: #21BBE6; bottom: 28px; left: 50%; transform: translateX(-50%); width: 270px; padding: 15px; font-weight: 600; font-size: 16px; color: #FFF; line-height: 20px; transition: visibility 0s linear 0.5s, opacity 0.5s linear;}
a.info span strong {color: #FFF;}
a.info span em {display: block; position: absolute; bottom: -8px; 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 {visibility: visible; opacity: 1; transition-delay: 0s;}
a.info:hover span table {display: inline-block; color: #fff; margin: 10px 0;}
a.info:hover span table td {color: #fff; font-size: 14px; padding: 2px 10px; border: solid 1px #fff;}
a.info:hover span thead td {font-weight: 600}
.sticker65px {position: absolute; display: block; right: -40px; margin-top: -30px; border-radius: 50%; width: 65px; height: 65px; background: #ff2929; color: #FFFFFF; font-size: 15px; padding: 10px; line-height: 20px;}
.btn-family, .btn-book {background: url('/__img/zpsx/ico-family.png') 50% 8px no-repeat; display: block; width: 105px; height: 90px; border: 1px solid #000; border-radius: 8px; color: #000; font-size: 12px; text-align: center; line-height: 16px; text-decoration: none; opacity: 0.7;}
.btn-book {background: url('/__img/zpsx/ico-book.png') 50% 8px no-repeat;}
.phototable {margin: 0px auto;}
.greyl {border-top: 1px solid #dcdcdc;}
.greylb {border-bottom: 1px solid #dcdcdc;}
.phototable td {padding: 10px 15px;}
.margint40 {margin-top: 40px;}
.white {background: #FFFFFF;}

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;}

/* RESPONSIVE */
#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 {-webkit-transform: rotate(90deg); transform: rotate(90deg); right: 15px; font-size: 55px; top: 85px; z-index: 26;}

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

/* 1170 */
@media only screen and (max-width: 1170px) {
.extras {width: 100%; float: none; clear: both; margin: 0 auto;}
.col70 {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;}
/*.ximg2 {display: none;}
.xbtn {float: left;}*/
}

/* 1000 */
@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: 0px; clear: both; float: none; padding: 0px;}
.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;}
}

/* 900 */
@media only screen and (max-width: 900px) {
.aboutc {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;}
.xdesc {padding-top: 10px; font-size: 17px; width: 200px;}
}

/* 800 */
@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-weight: 400}
#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 {display: none;}
.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 0;}
#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: 0px; margin: 0px; clear: both; float: none;}
#olderv .whiteselect {width: 95%; margin: 0 auto 15px auto;}
#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 {-webkit-column-count: 2; -moz-column-count: 2; 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;}
/*.xtitle {padding: 10px 20px 0 0; font-size: 20px;}
.xdesc {padding-top: 10px; font-size: 19px; width: 220px;}*/
.xbtn a.btns, .xbtn a.b2rows {font-size: 16px; margin: 2px 0 0 0;}
.xbtn {float: left; margin-right: 20px!important;}
.xdesc {float: left; font-size: 14px; width: 140px;}
.xtitle {display: none;}
.twentylist div.twentybuttons {width: 100%; margin: 0; padding: 10px 0 0 0;}
.twentylist div.twentybuttons a {float: none; margin: 0 auto 5px auto;}
}

/* 600 */
@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 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: 0px auto 0px auto;}
.c600 {width: 100%!important; text-align: center!important; float: none;}
.ximg1 {display: none;}
.xbtn {width: 40%;}
.xdesc {width: 40%;}
}

/* 540 */
@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 0;}
#cameras {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.col30, .col30real {width: 100%; float: none;}
.twentyw {width: 460px!important;}
/*.xdesc {padding-top: 10px; width: 240px; font-size: 18px; line-height: 20px;}
.xbtn {margin: 24px 0 0 10px;}*/
}

/* 480 */
@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%;}
}

/* 420 */
@media only screen and (max-width: 420px) {
/*.xdesc {padding-top: 5px; width: 140px;}
.xbtn a.btns {padding: 16px 32px;}*/
}