@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg#icomoon') format('svg');font-weight:normal;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-twitter:before{content:"\e600"}.icon-google-plus:before{content:"\e601"}.icon-mobile:before{content:"\e602"}.icon-tablet:before{content:"\e603"}.icon-screen:before{content:"\e604"}.icon-mobile2:before{content:"\e605"}.icon-tablet2:before{content:"\e606"}.icon-tv:before{content:"\e607"}.icon-tag:before{content:"\e608"}.icon-search:before{content:"\e609"}.icon-redo:before{content:"\e60a"}.icon-download:before{content:"\e60b"}.icon-close:before{content:"\e60c"}.icon-checkmark:before{content:"\e60d"}.icon-share:before{content:"\e60e"}.icon-chrome:before{content:"\e60f"}.icon-firefox:before{content:"\e610"}.icon-IE:before{content:"\e611"}.icon-opera:before{content:"\e612"}.icon-safari:before{content:"\e613"}.icon-sort:before{content:"\e614"}.icon-reorder:before{content:"\e615"}.icon-android:before{content:"\e616"}.icon-list-ul:before{content:"\e617"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:100%}body{margin:0;text-shadow:0 1px 0 #fff;font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;font-size:1.2em;line-height:1.7;color:#333;}h1{margin:0;padding:1em 1em .5em;text-align:center;text-shadow:none;font-size:2.8em;line-height:1;color:#fff;background:rgba(51, 82, 113, 0.8) url(../rule.svg) left top no-repeat}caption,h2,h3{margin:30px 10px 10px;text-align:left;font-size:1.1em;font-weight:normal}h2{font-size:1.5em}h3{margin-bottom:0;color:rgba(0, 0, 0, 0.6)}ul{margin:0 0 14px 0;padding-left:0}li{display:inline-block;width:100%;margin-bottom:4px;list-style:none;color:#333}.border{border-bottom:1px solid rgba(0, 0, 0, 0.2)}[class^=css]{font-size:1em}nav,ul{margin-right:8px;margin-left:8px}p{padding:2px 10px}.viewport{margin-top:0;text-shadow:none;line-height:1}nav.viewport>a{display:inline-block;padding:1em;background-color:rgba(0, 0, 0, 0.05);font-size:1em}img{height:auto!important;margin-top:14px;max-width:100%!important}a{color:#333}h1 a{color:#fff;text-decoration:none}nav a{display:inline-block;margin-right:5px;margin-bottom:10px;padding:3px 8px;text-decoration:none;font-size:0.7em;color:#333;background:rgba(0, 0, 0, 0.1)}em{font-style:normal;color:#333}span{color:#C9000C}td span{color:#333}a{border-radius:0}.box{display:inline-block;vertical-align:top;margin-left:1%;width:23%;background:rgba(255, 255, 255, 0.3)}.box ul{padding:0 1rem 1rem;margin:0}.box h3{padding:.6rem 1rem;margin:0;background:rgba(51, 82, 113, 0.15);text-shadow:none}.box-big,.box.large{display:inline-block;vertical-align:top;margin-left:.5%;width:48%}.btn,.info,.viewport{padding:.5em;text-align:center;background-color:rgba(255, 255, 255, 0.4)}.btn{display:block;margin-top:1em}.btn:focus,.btn:hover{background:rgba(200, 200, 200, 0.3)}.mentions{text-align:center}.csswidthem,[id=viewportwidth]{font-size:2em}[id=viewportwidthem] em{color:rgba(51, 51, 51, 0.5);font-size:1.8em}[id=viewportwidth]:after{content:" ";display:inline-block;width:0;height:0;border-style:solid;border-width:1em 0 1em 1em;border-color:transparent transparent transparent #444;position:absolute;right:0}[id=viewportwidth]:before{content:" ";display:inline-block;width:0;height:0;border-style:solid;border-width:1em 1em 1em 0;border-color:transparent #444 transparent transparent;position:absolute;left:0}.visually-hidden{position:absolute!important;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;height:1px;width:1px}.table,table{margin:3rem auto 2rem;max-width:99%;border-collapse:collapse;vertical-align:top}table{width:99%}.table{display:table}caption{color:#333}table{border:1px solid #ccc}tr>*+*{border-left:1px solid #ccc}td,th{padding:.3em .8em;border-bottom:1px solid #ccc;text-align:left;vertical-align:bottom}.alternate{border:0}.alternate tbody{border:1px solid #ccc}.alternate thead tr>*+*{border-left:0}.alternate tbody tr>*+*{border-left:1px solid #ccc}.alternate-vert{border:0;border-right:1px solid #ccc}.alternate-vert tr>:first-child{border-bottom:0}.alternate-vert tr>*+*{border-top:1px solid #ccc}.striped tbody tr:nth-child(odd){background:#eee;background:rgba(255, 255, 255, 0.05)}.striped-vert tr>:first-child{background:#eee;background:rgba(0, 0, 0, 0.05)}table tr td:first-child{font-weight:bold}table tr td:nth-child(4),table tr td:nth-child(5){width:10%;background-color:rgba(222, 222, 117, 0.1)}table tr td:nth-child(6),table tr td:nth-child(7),table tr td:nth-child(8){width:5%}.icon-mobile2,caption span{color:rgba(51, 82, 113, 0.8);display:inline-block;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);margin-right:.5em}tr:first-child th div{cursor:pointer;position:relative;padding-left:1.4em;line-height:1.2}tr:first-child th div:before{content:"\e614";font-family:'icomoon';speak:none;position:absolute;bottom:0;left:4px}tr:first-child th:hover:before{color:rgba(51, 82, 113, 0.8)}@media (max-width:1024px){.box{margin-left:.5%;width:48%}.box-big,.box.large{display:block;margin-left:0;width:auto}}@media (max-width:880px){h1{font-size:1.8em}h2{font-size:1.1em}h3{font-size:1em}.box{display:block;margin-left:0;width:auto}table span{display:none}table tr :nth-child(6),table tr :nth-child(7),table tr :nth-child(8){display:none}}@media (max-width:580px){table td,table th{width:auto!important}table thead{position:absolute!important;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;height:1px;width:1px}table tr td:first-child{width:30%!important;background-color:rgba(222, 222, 117, 0.1);vertical-align:top}table tr td:not(:first-child){display:block!important;background-color:transparent!important}table tr td:nth-of-type(2):before{content:"phys. width: "}table tr td:nth-of-type(3):before{content:"phys. height: "}table tr td:nth-of-type(4):before{content:"CSS width: "}table tr td:nth-of-type(5):before{content:"CSS height: "}table tr td:nth-of-type(6):before{content:"px ratio: "}table tr td:nth-of-type(7):before{content:"ppi: "}table tr td:nth-of-type(8):before{content:"CSS ppi: "}}@media screen and (max-width:400px){@-ms-viewport{width:320px}}@media (orientation:landscape){.cssorient:after{content:"landscape"}}@media (orientation:portrait){.cssorient:after{content:"portrait"}}@media (min-device-width:240px){.cssdevwidth:after{content:"240px+"}.cssdevwidthem:after{content:"15em+"}}@media (min-device-width:320px){.cssdevwidth:after{content:"320px+"}.cssdevwidthem:after{content:"20em+"}}@media (min-device-width:360px){.cssdevwidth:after{content:"360px+"}.cssdevwidthem:after{content:"22.5em+"}}@media (min-device-width:375px){.cssdevwidth:after{content:"375px+"}.cssdevwidthem:after{content:"23.4em+"}}@media (min-device-width:390px){.cssdevwidth:after{content:"390px+"}.cssdevwidthem:after{content:"24.4em+"}}@media (min-device-width:412px){.cssdevwidth:after{content:"412px+"}.cssdevwidthem:after{content:"25em+"}}@media (min-device-width:414px){.cssdevwidth:after{content:"414px+"}.cssdevwidthem:after{content:"25.8em+"}}@media (min-device-width:480px){.cssdevwidth:after{content:"480px+"}.cssdevwidthem:after{content:"30em+"}}@media (min-device-width:504px){.cssdevwidth:after{content:"504px+"}.cssdevwidthem:after{content:"31.5em+"}}@media (min-device-width:540px){.cssdevwidth:after{content:"540px+"}.cssdevwidthem:after{content:"33em+"}}@media (min-device-width:568px){.cssdevwidth:after{content:"568px+"}.cssdevwidthem:after{content:"35em+"}}@media (min-device-width:576px){.cssdevwidth:after{content:"576px+"}.cssdevwidthem:after{content:"36em+"}}@media (min-device-width:600px){.cssdevwidth:after{content:"600px+"}.cssdevwidthem:after{content:"38em+"}}@media (min-device-width:640px){.cssdevwidth:after{content:"640px+"}.cssdevwidthem:after{content:"40em+"}}@media (min-device-width:690px){.cssdevwidth:after{content:"690px+"}.cssdevwidthem:after{content:"43em+"}}@media (min-device-width:720px){.cssdevwidth:after{content:"720px+"}.cssdevwidthem:after{content:"45em+"}}@media (min-device-width:768px){.cssdevwidth:after{content:"768px+"}.cssdevwidthem:after{content:"48em+"}}@media (min-device-width:800px){.cssdevwidth:after{content:"800px+"}.cssdevwidthem:after{content:"50em+"}}@media (min-device-width:960px){.cssdevwidth:after{content:"960px+"}.cssdevwidthem:after{content:"60em+"}}@media (min-device-width:980px){.cssdevwidth:after{content:"980px+"}.cssdevwidthem:after{content:"61em+"}}@media (min-device-width:1024px){.cssdevwidth:after{content:"1024px+"}.cssdevwidthem:after{content:"64em+"}}@media (min-device-width:1080px){.cssdevwidth:after{content:"1080px+"}.cssdevwidthem:after{content:"67em+"}}@media (min-device-width:1280px){.cssdevwidth:after{content:"1280px+"}.cssdevwidthem:after{content:"80em+"}}@media (min-device-width:1366px){.cssdevwidth:after{content:"1366px+"}.cssdevwidthem:after{content:"85em+"}}@media (min-device-width:1600px){.cssdevwidth:after{content:"1600px+"}.cssdevwidthem:after{content:"100em+"}}@media (min-device-width:1920px){.cssdevwidth:after{content:"1920px+"}.cssdevwidthem:after{content:"120em+"}}@media (min-device-height:240px){.cssdevheight:after{content:"240px+"}.cssdevheightem:after{content:"15em+"}}@media (min-device-height:320px){.cssdevheight:after{content:"320px+"}.cssdevheightem:after{content:"20em+"}}@media (min-device-height:360px){.cssdevheight:after{content:"360px+"}.cssdevheightem:after{content:"22.5em+"}}@media (min-device-height:375px){.cssdevheight:after{content:"375px+"}.cssdevheightem:after{content:"23.4em+"}}@media (min-device-height:390px){.cssdevheight:after{content:"390px+"}.cssdevheightem:after{content:"24.4em+"}}@media (min-device-height:480px){.cssdevheight:after{content:"480px+"}.cssdevheightem:after{content:"30em+"}}@media (min-device-height:504px){.cssdevheight:after{content:"504px+"}.cssdevheightem:after{content:"31.5em+"}}@media (min-device-height:540px){.cssdevheight:after{content:"540px+"}.cssdevheightem:after{content:"33em+"}}@media (min-device-height:568px){.cssdevheight:after{content:"568px+"}.cssdevheightem:after{content:"35em+"}}@media (min-device-height:576px){.cssdevheight:after{content:"576px+"}.cssdevheightem:after{content:"36em+"}}@media (min-device-height:600px){.cssdevheight:after{content:"600px+"}.cssdevheightem:after{content:"36em+"}}@media (min-device-height:640px){.cssdevheight:after{content:"640px+"}.cssdevheightem:after{content:"40em+"}}@media (min-device-height:667px){.cssdevheight:after{content:"667px+"}.cssdevheightem:after{content:"42em+"}}@media (min-device-height:690px){.cssdevheight:after{content:"690px+"}.cssdevheightem:after{content:"43em+"}}@media (min-device-height:720px){.cssdevheight:after{content:"720px+"}.cssdevheightem:after{content:"45em+"}}@media (min-device-height:732px){.cssdevheight:after{content:"732px+"}.cssdevheightem:after{content:"45.75em+"}}@media (min-device-height:736px){.cssdevheight:after{content:"736px+"}.cssdevheightem:after{content:"46em+"}}@media (min-device-height:768px){.cssdevheight:after{content:"768px+"}.cssdevheightem:after{content:"48em+"}}@media (min-device-height:800px){.cssdevheight:after{content:"800px+"}.cssdevheightem:after{content:"50em+"}}@media (min-device-height:960px){.cssdevheight:after{content:"960px+"}.cssdevheightem:after{content:"60em+"}}@media (min-device-height:980px){.cssdevheight:after{content:"980px+"}.cssdevheightem:after{content:"61em+"}}@media (min-device-height:1024px){.cssdevheight:after{content:"1024px+"}.cssdevheightem:after{content:"64em+"}}@media (min-device-height:1080px){.cssdevheight:after{content:"1080px+"}.cssdevheightem:after{content:"67em+"}}@media (min-device-height:1280px){.cssdevheight:after{content:"1280px+"}.cssdevheightem:after{content:"80em+"}}@media (min-device-height:1366px){.cssdevheight:after{content:"1366px+"}.cssdevheightem:after{content:"85em+"}}@media (min-device-height:1600px){.cssdevheight:after{content:"1600px+"}.cssdevheightem:after{content:"100em+"}}@media (min-device-height:1920px){.cssdevheight:after{content:"1920px+"}.cssdevheightem:after{content:"120em+"}}@media (-webkit-min-device-pixel-ratio:1),(min-resolution:1dppx),(min-resolution:96dpi){.cssratio:after{content:"1+"}}@media (-webkit-device-pixel-ratio:1),(resolution:1dppx),(resolution:96dpi){.cssratio:after{content:"1"}}@media (-webkit-min-device-pixel-ratio:1.3),(-webkit-min-device-pixel-ratio:1.2916666666666667),(min-resolution:1.3dppx),(min-resolution:124dpi){.cssratio:after{content:"1.3+"}}@media (-webkit-device-pixel-ratio:1.3),(resolution:1.3dppx),(resolution:125dpi){.cssratio:after{content:"1.3"}}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(min-resolution:144dpi){.cssratio:after{content:"1.5+"}}@media (-webkit-device-pixel-ratio:1.5),(resolution:1.5dppx),(resolution:144dpi){.cssratio:after{content:"1.5"}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi){.cssratio:after{content:"2+"}}@media (-webkit-device-pixel-ratio:2),(resolution:2dppx),(resolution:192dpi){.cssratio:after{content:"2"}}@media (-webkit-min-device-pixel-ratio:2.2),(-webkit-min-device-pixel-ratio:2.1979166666666665),(min-resolution:2.2dppx),(min-resolution:211dpi){.cssratio:after{content:"2.2+"}}@media (-webkit-min-device-pixel-ratio:2.4),(-webkit-min-device-pixel-ratio:2.3958333333333335),(min-resolution:2.4dppx),(min-resolution:230dpi){.cssratio:after{content:"2.4+"}}@media (-webkit-min-device-pixel-ratio:2.5),(min-resolution:2.5dppx),(min-resolution:240dpi){.cssratio:after{content:"2.5+"}}@media (-webkit-device-pixel-ratio:2.5),(resolution:2.5dppx),(resolution:240dpi){.cssratio:after{content:"2.5"}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx),(min-resolution:288dpi){.cssratio:after{content:"3+"}}@media (-webkit-device-pixel-ratio:3),(resolution:3dppx),(resolution:288dpi){.cssratio:after{content:"3"}}@media (-webkit-min-device-pixel-ratio:3.5),(min-resolution:3.5dppx),(min-resolution:336dpi){.cssratio:after{content:"3.5+"}}@media (-webkit-device-pixel-ratio:3.5),(resolution:3.5dppx),(resolution:336dpi){.cssratio:after{content:"3.5"}}@media (-webkit-min-device-pixel-ratio:4),(min-resolution:4dppx),(min-resolution:384dpi){.cssratio:after{content:"4+"}}@media (-webkit-device-pixel-ratio:4),(resolution:4dppx),(resolution:384dpi){.cssratio:after{content:"4"}}@media (-webkit-min-device-pixel-ratio:5),(min-resolution:5dppx),(min-resolution:480dpi){.cssratio:after{content:"5+"}}@media (-webkit-device-pixel-ratio:5),(resolution:5dppx),(resolution:480dpi){.cssratio:after{content:"5"}}@media (-moz-pointer),(-ms-pointer),(-o-pointer),(-webkit-pointer),(pointer){.mediapointer span{display:none}}@media (-moz-hover),(-ms-hover),(-o-hover),(-webkit-hover),(hover){.mediahover span{display:none}}@media (-moz-luminosity),(-ms-luminosity),(-o-luminosity),(-webkit-luminosity),(luminosity){.medialum span{display:none}}@media (-moz-script),(-ms-script),(-o-script),(-webkit-script),(script){.mediascript span{display:none}}.values{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.features li{color:#c9000c}.features li:before{content:"\2718";margin-right:6px}.appearance .features .appearance,.applicationcache .features .applicationcache,.backgroundblendmode .features .backgroundblendmode,.backgroundcliptext .features .backgroundcliptext,.batteryapi .features .batteryapi,.cssanimations .features .cssanimations,.cssfilters .features .cssfilters,.csshyphens .features .csshyphens,.csspointerevents .features .csspointerevents,.csspositionsticky .features .csspositionsticky,.cssreflections .features .cssreflections,.cssvwunit .features .cssvwunit,.eventlistener .features .eventlistener,.exiforientation .features .exiforientation,.flexbox .features .flexbox,.fullscreen .features .fullscreen,.gamepads .features .gamepads,.geolocation .features .geolocation,.history .features .history,.ligatures .features .ligatures,.notification .features .notification,.objectfit .features .objectfit,.overflowscrolling .features .overflowscrolling,.pagevisibility .features .pagevisibility,.performance .features .performance,.proximity .features .proximity,.queryselector .features .queryselector,.regions .features .regions,.serviceworker .features .serviceworker,.shapes .features .shapes,.supports .features .supports,.touchevents .features .touchevents,.vibrate .features .vibrate,.websockets .features .websockets{color:darkgreen!important;-webkit-order:-1;-ms-flex-order:-1;order:-1}.appearance .features .appearance:before,.applicationcache .features .applicationcache:before,.backgroundblendmode .features .backgroundblendmode:before,.backgroundcliptext .features .backgroundcliptext:before,.batteryapi .features .batteryapi:before,.cssanimations .features .cssanimations:before,.cssfilters .features .cssfilters:before,.csshyphens .features .csshyphens:before,.csspointerevents .features .csspointerevents:before,.csspositionsticky .features .csspositionsticky:before,.cssreflections .features .cssreflections:before,.cssvwunit .features .cssvwunit:before,.eventlistener .features .eventlistener:before,.exiforientation .features .exiforientation:before,.flexbox .features .flexbox:before,.fullscreen .features .fullscreen:before,.gamepads .features .gamepads:before,.geolocation .features .geolocation:before,.history .features .history:before,.ligatures .features .ligatures:before,.notification .features .notification:before,.objectfit .features .objectfit:before,.overflowscrolling .features .overflowscrolling:before,.pagevisibility .features .pagevisibility:before,.performance .features .performance:before,.proximity .features .proximity:before,.queryselector .features .queryselector:before,.regions .features .regions:before,.serviceworker .features .serviceworker:before,.shapes .features .shapes:before,.supports .features .supports:before,.touchevents .features .touchevents:before,.vibrate .features .vibrate:before,.websockets .features .websockets:before{content:"\2714";margin-right:6px}@supports (((display:-ms-grid) or (display:grid)) or (display:-ms-grid)){.features .gridlayout{color:darkgreen!important;-webkit-order:-1;-ms-flex-order:-1;order:-1}.features .gridlayout:before{content:"\2714";margin-right:6px}}.supported{color:darkgreen!important;-webkit-order:-1;-ms-flex-order:-1;order:-1}.supported:before{content:"\2714"!important;margin-right:6px}@media (orientation:landscape) and (max-device-width:768px){body,html{-webkit-text-size-adjust:100%}}