body{padding:0;margin:0;font-family:'Roboto', sans-serif;font-size:18px;line-height:1.4;color:#4a4a4a;width:100%;overflow-x:hidden}h1,h2,h3,h4{font-weight:normal;margin:0}ul,li{margin:0;padding:0;list-style:none}.col-3,.col-4,.col-6,.col-8,.col-9{float:left;padding:0 1em;position:relative;box-sizing:border-box}.col-9{width:75%}.col-8{width:66.666%}.col-6{width:50%}.col-4{width:33.333%}.col-3{width:25%}.container{max-width:1200px;margin:0 auto;padding:0 1em;position:relative;z-index:999}.row{clear:both;overflow:hidden}.align-right{text-align:right}.align-center{text-align:center}h1,h3{font-size:3em;line-height:1.2;font-weight:bold}h2{font-size:1.2em;font-weight:bold;line-height:44px;overflow:hidden;margin-bottom:8px}h2 .app-icon{width:44px !important;float:left;margin-right:8px}h2 .radius{border-radius:6px}a.btn-more{margin-right:32px}a.btn-more i{position:relative;top:3px;font-size:1.2em}button:focus,input:focus,select:focus{outline:none}a{color:#28AFCD;text-decoration:none}a:hover{color:#269DB8}.btn{display:block;text-align:center;margin:0 auto;height:48px;line-height:48px;font-size:1em;cursor:pointer;background:none;border:none;color:#28AFCD}.btn-default{background-color:#fff;color:#28AFCD;border:1px solid #28AFCD;border-radius:2px}.btn-default:hover{background-color:#f4f4f4}.btn-primary{background-color:#28AFCD;color:#fff;border:1px solid #269DB8;border-radius:2px}.btn-primary:hover{color:#fff;background-color:#269DB8}.btn-disable{background:#ddd;color:#4a4a4a;font-style:italic}.btn-disable:hover{color:#4a4a4a}.divider{height:24px;line-height:24px;position:relative;text-align:center;margin:16px 0}.divider span{position:relative;z-index:2}.divider:before{content:'';display:block;border-bottom:1px solid #ddd;position:absolute;z-index:0;top:50%;left:0;width:100%}.divider:after{content:'';display:block;width:20%;height:24px;margin:0 auto;left:40%;top:0;position:absolute;z-index:1;background:#fff}.bg-video{width:100%;height:100%;position:absolute;top:0;left:0}.container{clear:both;padding:8em 1em}.container .col-6{display:table-cell;vertical-align:middle;float:none}.container .col-6 img{width:100%}.reCAPTCHA{margin-top:16px;font-size:14px;color:#666}.grecaptcha-badge{visibility:hidden}#price-info{font-family:Roboto;color:#133549;text-align:center;padding:8em 1em;max-width:1024px;margin:0 auto}#price-info>h3{font-size:36px}#price-info>p{color:#4a4a4a}#price-info>nav{margin:55px 0;text-align:center}#price-info>nav>ul>li{display:inline-block}#price-info>nav>ul>li>a{display:block;width:91.2px;height:44px;line-height:44px;border:solid 1px #269db8}#price-info>nav>ul>li>a.monthly{border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:none;margin-right:-3px}#price-info>nav>ul>li>a.yearly{border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:none;margin-left:-3px}#price-info>table{border-collapse:collapse}#price-info>table td,#price-info>table th{border:solid 1px #cccccc;font-weight:normal}#price-info>table td>a.explain-icon,#price-info>table th>a.explain-icon{margin-left:4px}#price-info>table td>div.explain-content,#price-info>table th>div.explain-content{display:none;position:fixed;z-index:10;top:50%;left:50%;background:#fff;padding:32px;box-shadow:0 0 16px rgba(0,0,0,0.2);line-height:1.4;transform:translate(-50%, -50%);width:90%;max-width:480px;box-sizing:border-box}#price-info>table td>div.explain-content>a.explain-close,#price-info>table th>div.explain-content>a.explain-close{position:absolute;top:8px;right:16px;display:block;color:#999}#price-info>table>thead td,#price-info>table>thead th{vertical-align:top;padding:18px;width:25%;text-align:left}#price-info>table>thead td>h4,#price-info>table>thead th>h4{height:60px;line-height:60px;background:#f4f4f4;font-size:24px;font-weight:bold;margin:-18px;text-align:center}#price-info>table>thead td>p,#price-info>table>thead th>p{padding:16px 0 0;font-size:16px;min-height:88px}#price-info>table>thead td>.price-details,#price-info>table>thead th>.price-details{min-height:130px}#price-info>table>thead td>.price-details>.special-price,#price-info>table>thead th>.price-details>.special-price{color:#fff;background:#b00 url(../imgs/icon_clock.png) no-repeat 6px center;background-size:14px;padding:3px 8px 3px 24px;margin-top:4px;line-height:1;display:inline-block;font-size:14px}#price-info>table>thead td>.price-details>.total-price,#price-info>table>thead th>.price-details>.total-price{font-size:14px;color:#666;line-height:1.2;padding-top:16px;display:inline-block}#price-info>table>thead td>.price-details>.total-price>span,#price-info>table>thead td>.price-details>.total-price>del,#price-info>table>thead th>.price-details>.total-price>span,#price-info>table>thead th>.price-details>.total-price>del{font-size:40px;font-weight:500;letter-spacing:-1.5px}#price-info>table>thead td>.price-details>.total-price>span,#price-info>table>thead th>.price-details>.total-price>span{color:#28AFCD}#price-info>table>thead td>.price-details>.total-price>del,#price-info>table>thead th>.price-details>.total-price>del{color:#d5d5d5;margin-right:8px;letter-spacing:-1.5px}#price-info>table>thead td>.price-details>a,#price-info>table>thead th>.price-details>a{border-radius:4px;margin-top:24px;overflow:hidden}#price-info>table>tbody>tr>th,#price-info>table>tbody>tr td{padding:16px 18px;font-size:16px}#price-info>table>tbody>tr>th{text-align:left}#price-info>table>tbody>tr>td{color:#738792}#price-info>table>tbody>tr>td>span.checked{background:url(../imgs/icon_checked.png) no-repeat;background-size:100%;width:26px;height:23px;display:inline-block;vertical-align:bottom}#price-info>table>tbody>tr>td>span.text{margin-left:2px}#price-info>table>tbody>tr.category{background:#f4f4f4}#price-info>table>tbody>tr.category>th{font-weight:bold}#price-info>p.education{text-align:right}#price-info>div.toggle>a{height:21px;line-height:21px;border-radius:15.5px;border:solid 1px #29afcd;font-size:18px;display:inline-block;padding:5px;width:114px}#price-info.yearly>nav>ul>li>a.yearly{background:#28afcd;color:#fff}#price-info.yearly>table>thead .price-details.monthly{display:none}#price-info.monthly>nav>ul>li>a.monthly{background:#28afcd;color:#fff}#price-info.monthly>table>thead .price-details.yearly{display:none}#price-info.show>div.toggle>a.show,#price-info.show>table>tbody.summary{display:none}#price-info.hide>div.toggle>a.hide,#price-info.hide>table>tbody.detail{display:none}html.raspberry-pi #price-info{color:#24327b}html.raspberry-pi #price-info>h3{color:#133549}html.raspberry-pi #price-info>nav>ul>li>a{border:solid 1px #24327b;color:#24327b}html.raspberry-pi #price-info>table>thead>tr p{color:#133549}html.raspberry-pi #price-info>table>thead>tr .total-price>span{color:#24327b}html.raspberry-pi #price-info>table>thead>tr a{background:#24327b;border:1px solid #24327b}html.raspberry-pi #price-info>table>tbody{display:none}html.raspberry-pi #price-info>p.education>a{color:#24327b}html.raspberry-pi #price-info>div.toggle{display:none}html.raspberry-pi #price-info.monthly>nav>ul>li>a.monthly,html.raspberry-pi #price-info.yearly>nav>ul>li>a.yearly{background:#24327b}html.macos.teams #price-info,html.windows.teams #price-info{max-width:768px}html.macos.teams #price-info>table tr>th:nth-child(2),html.macos.teams #price-info>table tr td:nth-child(2),html.windows.teams #price-info>table tr>th:nth-child(2),html.windows.teams #price-info>table tr td:nth-child(2){display:none}@media screen and (max-width: 780px){#price-info{padding:4em 1em;box-sizing:border-box}#price-info nav{margin:28px auto 48px}#price-info table{display:block}#price-info table>thead{display:block}#price-info table>thead>tr{display:block}#price-info table>thead>tr>td{border:0;display:block;width:100%;box-sizing:border-box;padding:0}#price-info table>thead>tr>td>h4{display:none}#price-info table>thead>tr>td>p{text-align:center;min-height:auto}#price-info table>thead>tr>th{display:block;width:100%;box-sizing:border-box;margin:24px auto}#price-info table>thead>tr>th>p{min-height:auto}#price-info table>tbody{display:none}#price-info>p.education{text-align:center}#price-info>div.toggle{display:none}}#price-individual{font-family:Roboto;color:#133549;text-align:center;padding:8em 1em;max-width:768px;width:90%;margin:0 auto}#price-individual>h3{font-size:36px}#price-individual>p{color:#4a4a4a;margin:24px 0 54px}#price-individual>table{border-collapse:collapse;width:100%}#price-individual>table>tbody>tr>td,#price-individual>table>tbody>tr>th{border:solid 1px #cccccc;font-weight:normal;vertical-align:top;padding:18px;width:33.3%;text-align:left}#price-individual>table>tbody>tr>td>h4,#price-individual>table>tbody>tr>th>h4{height:60px;line-height:60px;background:#f4f4f4;font-size:24px;font-weight:bold;margin:-18px;text-align:center}#price-individual>table>tbody>tr>td>.price-details,#price-individual>table>tbody>tr>th>.price-details{min-height:200px}#price-individual>table>tbody>tr>td>.price-details>.total-price,#price-individual>table>tbody>tr>th>.price-details>.total-price{font-size:14px;color:#666;line-height:1.2;padding-top:30px;display:inline-block}#price-individual>table>tbody>tr>td>.price-details>.total-price>span,#price-individual>table>tbody>tr>td>.price-details>.total-price>del,#price-individual>table>tbody>tr>th>.price-details>.total-price>span,#price-individual>table>tbody>tr>th>.price-details>.total-price>del{font-size:40px;font-weight:500;letter-spacing:-1.5px}#price-individual>table>tbody>tr>td>.price-details>.total-price>span,#price-individual>table>tbody>tr>th>.price-details>.total-price>span{color:#28AFCD}#price-individual>table>tbody>tr>td>.price-details>.total-price>del,#price-individual>table>tbody>tr>th>.price-details>.total-price>del{color:#d5d5d5;margin-right:8px;letter-spacing:-1.5px}#price-individual>table>tbody>tr>td>.price-details>.special-price,#price-individual>table>tbody>tr>th>.price-details>.special-price{color:#fff;background:#b00 url(../imgs/icon_clock.png) no-repeat 6px center;background-size:14px;padding:3px 8px 3px 24px;margin-top:28px;line-height:1;display:inline-block;font-size:14px}#price-individual>table>tbody>tr>td>a,#price-individual>table>tbody>tr>th>a{border-radius:4px;margin-top:24px;overflow:hidden}#price-individual>table>tbody>tr>td{border-right:none}#price-individual>table>tbody>tr>th.yearly{border:1px solid #28afcd;box-shadow:-1px -1px 4px 0 #aaa}#price-individual>table>tbody>tr>th.yearly>h4{background:url(../imgs/icon_recommend.png) no-repeat top right #f4f4f4;background-size:40px}#price-individual>table>tbody>tr>td>p{padding:16px 0 0;font-size:16px}#price-individual>ul{margin:24px auto}#price-individual>ul>li{list-style:disc;text-align:left;margin-left:32px;font-size:18px;line-height:28px;color:#333}@media screen and (max-width: 780px){#price-individual{padding:4em 1em;box-sizing:border-box}#price-individual>p{margin-bottom:24px}#price-individual>table{display:block}#price-individual>table>tbody{display:block}#price-individual>table>tbody>tr{display:block}#price-individual>table>tbody>tr>td{border:0;display:block;width:100%;box-sizing:border-box;padding:0}#price-individual>table>tbody>tr>td>h4{display:none}#price-individual>table>tbody>tr>td>p{text-align:center;min-height:auto}#price-individual>table>tbody>tr>th{display:block;width:100%;box-sizing:border-box;margin:24px auto}#price-individual>table>tbody>tr>th>p{min-height:auto}}@media screen and (max-width: 960px){.col-3,.col-4,.col-6,.col-8,.col-9{float:none;width:100%}h1,h3{font-size:2em}h2{font-size:1em}.container{clear:both;padding:4em 1em;width:inherit}.container .col-6{display:block;overflow:hidden;padding:1em 0em}.container .img-content img{max-width:480px;margin:0 auto;float:none !important;display:block}}.header{position:absolute;top:0;width:100%;box-sizing:border-box;z-index:1000}.header .branding{float:left;display:block;width:32px;height:32px;text-indent:-9999px;font-size:0;position:relative;top:12px;left:18px;background-image:url(../imgs/img_puffin_logo.png);background-size:100%;margin-right:-32px}.header .nav-toggle{width:24px;height:24px;background-image:url(../imgs/assets.png);background-size:240px 120px;background-position:0 -80px;float:right;cursor:pointer;margin-top:8px;display:none}.header nav.main-nav{float:none;padding:8px 1em 8px 0}.header nav.main-nav .nav-toggle-close{width:24px;height:24px;background-image:url(../imgs/assets.png);background-size:240px 120px;background-position:-48px -80px;float:right;cursor:pointer;margin:16px;display:none}.header nav.main-nav ul{float:none;padding:0;margin:0;text-align:center}.header nav.main-nav ul>li{display:inline-block;margin-left:32px;position:relative}.header nav.main-nav ul>li>ul{position:absolute;top:40px;left:0;width:200px;background:#fff;box-shadow:0 0 16px rgba(0,0,0,0.2);display:none}.header nav.main-nav ul>li>ul>li{float:none;margin:0;padding:8px}.header nav.main-nav ul>li>ul>li a{color:#000}.header nav.main-nav ul>li>ul>li a:hover{color:#28AFCD}.header nav.main-nav ul>li:hover>ul{display:block}.header nav.main-nav ul a{color:rgba(255,255,255,0.8);text-decoration:none;padding:8px 0;display:block}.header nav.main-nav ul a:hover{color:#28AFCD}.header nav.main-nav ul>li.sign-in{position:absolute;right:16px;top:8px;display:none}.header nav.main-nav ul>li.account{float:right;display:none}.header nav.main-nav ul>li.account>ul{left:auto;right:8px;text-align:left}.header nav.sub-nav{width:100%;background:#fff;text-align:center;font-size:0.8em}.header nav.sub-nav ul{border-bottom:1px solid rgba(0,0,0,0.2);display:none}.header nav.sub-nav li{display:inline-block;width:120px;height:100px;position:relative;padding:16px 8px 0 8px;box-sizing:border-box;vertical-align:top;line-height:1.1;opacity:.6}.header nav.sub-nav li img{width:36px;display:block;margin:0 auto 6px auto}.header nav.sub-nav li img.radius{border-radius:6px}.header nav.sub-nav li span{display:table-cell;height:32px;vertical-align:middle}.header nav.sub-nav li.compare span{padding-top:42px;text-align:center;background-image:url(../imgs/icon_compare.png);background-repeat:no-repeat;background-position:center 6px;background-size:30px}.header nav.sub-nav li:hover{opacity:1}.header nav.sub-nav li.current{font-weight:bold;opacity:1}.header nav.sub-nav a{color:#4a4a4a}.windows .header nav.main-nav ul>li.sign-in,.windows .header nav.main-nav ul>li.account,.account .header nav.main-nav ul>li.sign-in,.account .header nav.main-nav ul>li.account,.raspberry-pi.edu .header nav.main-nav ul>li.sign-in,.raspberry-pi.edu .header nav.main-nav ul>li.account,.macos .header nav.main-nav ul>li.sign-in,.macos .header nav.main-nav ul>li.account{display:block}.android .header nav.main-nav li a,.ios .header nav.main-nav li a{color:#000}.android .header nav.main-nav li a:hover,.ios .header nav.main-nav li a:hover{color:#28AFCD}.android .header nav.main-nav li.current>a,.ios .header nav.main-nav li.current>a{color:#fff;font-weight:bold;border-bottom:3px solid #28AFCD;height:40px;box-sizing:border-box}.account .header nav.main-nav li a,.benchmark .header nav.main-nav li a,.development .header nav.main-nav li a,.press-kit .header nav.main-nav li a,.puffin-lite .header nav.main-nav li a,.privacy .header nav.main-nav li a,.terms .header nav.main-nav li a{color:#4a4a4a}.account .header nav.main-nav li a:hover,.benchmark .header nav.main-nav li a:hover,.development .header nav.main-nav li a:hover,.press-kit .header nav.main-nav li a:hover,.puffin-lite .header nav.main-nav li a:hover,.privacy .header nav.main-nav li a:hover,.terms .header nav.main-nav li a:hover{color:#28AFCD}.account .header nav.main-nav li.current>a,.benchmark .header nav.main-nav li.current>a,.development .header nav.main-nav li.current>a,.press-kit .header nav.main-nav li.current>a,.puffin-lite .header nav.main-nav li.current>a,.privacy .header nav.main-nav li.current>a,.terms .header nav.main-nav li.current>a{font-weight:bold;border-bottom:3px solid #28AFCD;height:40px;box-sizing:border-box}.windows .header nav.main-nav li.current a,.macos .header nav.main-nav li.current a,.ios .header nav.main-nav li.current a,.android-tv .header nav.main-nav li.current a,.raspberry-pi .header nav.main-nav li.current a,.os .header nav.main-nav li.current a,.android.puffin-browser-pro .header nav.main-nav li.current a,.android.puffin-academy .header nav.main-nav li.current a,.android.puffin-for-facebook .header nav.main-nav li.current a,.ios.puffin-browser-pro .header nav.main-nav li.current a,.ios.puffin-academy .header nav.main-nav li.current a,.ios.puffin-for-facebook .header nav.main-nav li.current a{color:#fff;font-weight:bold;border-bottom:3px solid #28AFCD;height:40px;box-sizing:border-box}.windows .header nav.sub-nav ul,.macos .header nav.sub-nav ul,.ios .header nav.sub-nav ul,.android-tv .header nav.sub-nav ul,.raspberry-pi .header nav.sub-nav ul,.os .header nav.sub-nav ul,.android.puffin-browser-pro .header nav.sub-nav ul,.android.puffin-academy .header nav.sub-nav ul,.android.puffin-for-facebook .header nav.sub-nav ul,.ios.puffin-browser-pro .header nav.sub-nav ul,.ios.puffin-academy .header nav.sub-nav ul,.ios.puffin-for-facebook .header nav.sub-nav ul{border-bottom:1px solid rgba(255,255,255,0.2)}.windows .header nav.sub-nav li.compare span,.macos .header nav.sub-nav li.compare span,.ios .header nav.sub-nav li.compare span,.android-tv .header nav.sub-nav li.compare span,.raspberry-pi .header nav.sub-nav li.compare span,.os .header nav.sub-nav li.compare span,.android.puffin-browser-pro .header nav.sub-nav li.compare span,.android.puffin-academy .header nav.sub-nav li.compare span,.android.puffin-for-facebook .header nav.sub-nav li.compare span,.ios.puffin-browser-pro .header nav.sub-nav li.compare span,.ios.puffin-academy .header nav.sub-nav li.compare span,.ios.puffin-for-facebook .header nav.sub-nav li.compare span{background-image:url(../imgs/icon_compare_white.png)}.windows .header nav.sub-nav a,.macos .header nav.sub-nav a,.ios .header nav.sub-nav a,.android-tv .header nav.sub-nav a,.raspberry-pi .header nav.sub-nav a,.os .header nav.sub-nav a,.android.puffin-browser-pro .header nav.sub-nav a,.android.puffin-academy .header nav.sub-nav a,.android.puffin-for-facebook .header nav.sub-nav a,.ios.puffin-browser-pro .header nav.sub-nav a,.ios.puffin-academy .header nav.sub-nav a,.ios.puffin-for-facebook .header nav.sub-nav a{color:#fff}.windows .header nav.sub-nav,.macos .header nav.sub-nav{background:none}.ios .header nav.sub-nav,.android-tv .header nav.sub-nav,.android.puffin-browser-pro .header nav.sub-nav,.ios.puffin-browser-pro .header nav.sub-nav{background:#000}.android.puffin-academy .header nav.sub-nav,.ios.puffin-academy .header nav.sub-nav{background:#42324C}.android.puffin-for-facebook .header nav.sub-nav,.ios.puffin-for-facebook .header nav.sub-nav{background:#1E2534}.android .header nav.sub-nav ul.sub-nav-android{display:block}.ios .header nav.sub-nav ul.sub-nav-ios{display:block}.windows .header nav.sub-nav ul.sub-nav-windows{display:block}.macos .header nav.sub-nav ul.sub-nav-macos{display:block}.android-tv .header nav.sub-nav ul.sub-nav-android-tv{display:block}.windows.compare .header,.macos.compare .header,.android-tv.compare .header{background:#4a4a4a}.windows.compare .header nav.sub-nav,.macos.compare .header nav.sub-nav,.android-tv.compare .header nav.sub-nav{background:#222}@media screen and (max-width: 960px){.header{overflow:hidden}.header .branding{position:relative;top:0;left:0;margin:8px}.header .nav-toggle{width:24px;height:24px;background-image:url(../imgs/assets.png);background-size:240px 120px;background-position:0 -80px;float:right;cursor:pointer;margin-top:12px;margin-right:8px;display:block}.header nav.main-nav{padding:0;height:0;overflow:hidden;float:none;width:100%;background:#222;transition:all 0.3s ease-in}.header nav.main-nav .nav-toggle-close{display:block}.header nav.main-nav ul{float:none;clear:both;text-align:left}.header nav.main-nav ul>li{float:none;display:block;margin-left:0;border-bottom:1px solid #333}.header nav.main-nav ul>li>ul{position:relative;top:0;width:100%;background:none;box-shadow:none;display:block}.header nav.main-nav ul>li>ul>li{float:none;margin-left:16px;padding:0;border:none !important}.header nav.main-nav ul>li>ul>li a{color:rgba(255,255,255,0.8)}.header nav.main-nav ul a{color:rgba(255,255,255,0.8);text-decoration:none;padding:8px 16px;display:block}.header nav.main-nav ul>li.sign-in,.header nav.main-nav ul>li.account{float:none;position:relative;top:auto;right:auto}.header nav.main-nav li.current a{border:none !important}.header nav.main-nav li:last-child{border:none}.header nav.main-nav.toggle-on{height:auto}.header nav.sub-nav ul{overflow-x:scroll;word-break:keep-all;white-space:nowrap}.header nav.sub-nav ul::-webkit-scrollbar{display:none}.header nav.sub-nav li{display:inline-block;white-space:normal}.header nav.sub-nav.toggle-on{display:none}html.account .header .nav-toggle,html.benchmark .header .nav-toggle,html.development .header .nav-toggle,html.press-kit .header .nav-toggle,html.privacy .header .nav-toggle,html.terms .header .nav-toggle{background-position:-24px -80px}html.account .header nav.main-nav,html.benchmark .header nav.main-nav,html.development .header nav.main-nav,html.press-kit .header nav.main-nav,html.privacy .header nav.main-nav,html.terms .header nav.main-nav{background:#f4f4f4}html.account .header nav.main-nav ul>li,html.benchmark .header nav.main-nav ul>li,html.development .header nav.main-nav ul>li,html.press-kit .header nav.main-nav ul>li,html.privacy .header nav.main-nav ul>li,html.terms .header nav.main-nav ul>li{border-bottom:1px solid #ddd}}html.index .header{background:#4a4a4a}html.index .header nav.main-nav ul a{color:#fff}html.index section{overflow-x:hidden}html.index section.puffin-os{background-image:url(../imgs/bg_os_announcement.png);background-size:cover;color:#fff}html.index section.puffin-os .btn-more{color:#fff;display:block}html.index section.puffin-os .btn{background:#05ce78;color:#fff;font-weight:bold;height:auto;line-height:1.4;display:inline-block;padding:8px 16px;border-radius:2px;text-align:left}html.index section.puffin-os .btn img{width:180px}html.index section.raspberry-pi{background:#000;color:#fff}html.index section .img-content{position:relative}html.index section.raspberry-pi .img-content img.paroller{float:right;width:80%}html.index section.raspberry-pi .img-content img.ces-logo{position:absolute;right:8px;top:8px;width:90px;z-index:5}html.index section.puffin-web-browser .img-content img.paroller{float:left;width:90%}html.index section.puffin-tv-browser{text-align:center;background:#000;color:#fff}html.index section.puffin-tv-browser .container{padding-bottom:0}html.index section.puffin-tv-browser h2{display:inline-block}html.index section.puffin-tv-browser p{max-width:720px;margin-left:auto;margin-right:auto}html.index section.puffin-tv-browser .text-content{position:relative;z-index:5}html.index section.puffin-tv-browser .img-content{margin-top:-8em;height:0;padding-top:52%}html.index section.puffin-secure-browser{color:#fff;background:#021931;background:linear-gradient(to bottom, #021931 0%, #0046a5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#021931', endColorstr='#0046a5',GradientType=0 )}html.index section.puffin-secure-browser .img-content img.paroller{width:100%;float:left}html.index section.puffin-secure-browser a{color:#fff}@media screen and (max-width: 960px){html.index section.raspberry-pi .img-content img.ces-logo{width:60px}html.index section.puffin-tv-browser{text-align:left}html.index section.puffin-tv-browser p{max-width:100%}html.index section.puffin-tv-browser .img-content{margin-top:0}}html.android .header{background:#4a4a4a}html.android .header nav.main-nav ul a{color:#fff}html.android .select{overflow:hidden;color:#28AFCD;float:left;margin-right:8px;padding:0}html.android .select select{cursor:pointer;padding:0;display:inline-block;border:none;box-shadow:none;background:transparent;background-image:none;-webkit-appearance:none;color:#28AFCD;font-size:1em;font-family:'Roboto', sans-serif;position:relative;top:-2px}html.android .select option{background:#f4f4f4;color:#000}html.android .select i{font-size:1.2em;margin-right:8px}html.android .select select:focus{outline:none}html.android section{overflow-x:hidden}html.android section .img-content{position:relative}html.android section.puffin-web-browser .container,html.android section.puffin-academy .container{padding-top:13.5em}html.android section.puffin-web-browser .img-content img.paroller,html.android section.puffin-academy .img-content img.paroller{float:left;width:90%}html.android section.puffin-browser-pro,html.android section.puffin-for-facebook{background:#000;color:#fff}html.android section.puffin-browser-pro .img-content img.paroller,html.android section.puffin-for-facebook .img-content img.paroller{float:right;width:90%}html.android section.puffin-academy{background:#42324C;color:#fff}html.android section.puffin-academy .container{padding-top:8em}html.android section.puffin-academy a{color:#fff}html.android section.puffin-for-facebook{background:#1E2534;color:#fff}html.android section.puffin-for-facebook .container{padding-bottom:0;padding-top:0}html.android section.puffin-for-facebook .text-content{padding:8em 1em}html.android section.puffin-for-facebook .img-content{vertical-align:bottom}html.android section.puffin-for-facebook a{color:#fff}@media screen and (max-width: 960px){html.android section.puffin-academy .container{padding-top:2em}html.android section.puffin-for-facebook .container{padding-top:4em}html.android section.puffin-for-facebook .text-content{padding:1em 0em}html.android section.puffin-for-facebook .img-content{padding-bottom:0}}html.android.puffin-browser-pro section.cover,html.ios.puffin-browser-pro section.cover{background:#000}html.android.puffin-browser-pro section.cover .container,html.ios.puffin-browser-pro section.cover .container{padding-top:13.5em;color:#fff}html.android.puffin-browser-pro section.cover .text-content,html.ios.puffin-browser-pro section.cover .text-content{padding-top:0}html.android.puffin-browser-pro section.speed .container,html.ios.puffin-browser-pro section.speed .container{padding:0 1em}html.android.puffin-browser-pro section.speed .speed-chart,html.ios.puffin-browser-pro section.speed .speed-chart{height:680px}html.android.puffin-browser-pro section.speed .speed-chart .speed-chart-label,html.ios.puffin-browser-pro section.speed .speed-chart .speed-chart-label{position:absolute;left:96px;bottom:18px;font-size:14px;text-align:right}html.android.puffin-browser-pro section.speed .speed-chart ul,html.ios.puffin-browser-pro section.speed .speed-chart ul{overflow:hidden;position:relative;height:100%;margin-left:200px}html.android.puffin-browser-pro section.speed .speed-chart li,html.ios.puffin-browser-pro section.speed .speed-chart li{display:block;float:left;position:absolute;bottom:0;transition:all 1s ease 0.5s}html.android.puffin-browser-pro section.speed .speed-chart li span,html.ios.puffin-browser-pro section.speed .speed-chart li span{display:block;width:48px;height:35px}html.android.puffin-browser-pro section.speed .speed-chart li .speed-chart-top,html.ios.puffin-browser-pro section.speed .speed-chart li .speed-chart-top{background:url(../imgs/img_bar.png) no-repeat;background-size:100%}html.android.puffin-browser-pro section.speed .speed-chart li .speed-chart-value,html.ios.puffin-browser-pro section.speed .speed-chart li .speed-chart-value{background:url(../imgs/img_bar_bg.png) repeat-y;background-size:100%;height:100%}html.android.puffin-browser-pro section.speed .speed-chart li:before,html.ios.puffin-browser-pro section.speed .speed-chart li:before{content:'';display:block;width:100px;border-bottom:1px solid #333;position:absolute;top:18px;left:24px}html.android.puffin-browser-pro section.speed .speed-chart li:after,html.ios.puffin-browser-pro section.speed .speed-chart li:after{display:block;background:#333;color:#f4f4f4;position:absolute;left:100px;top:8px;padding:2px 0;font-size:12px;border-radius:18px;width:80px;text-align:center}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin{left:0;height:80%}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin .speed-chart-top,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin .speed-chart-top{background:url(../imgs/img_bar_puffin.png) no-repeat;background-size:100%;width:64px;height:32px}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin .speed-chart-value,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin .speed-chart-value{background:url(../imgs/img_bar_puffin_bg.png) repeat-y;background-size:100%;width:64px}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin:before,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin:before{border-color:#28AFCD;top:90px;left:63px}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin:after,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-puffin:after{background:#28AFCD;content:'Puffin Browser';top:81px;width:110px}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-firefox,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-firefox{left:39px;height:24%}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-firefox:after,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-firefox:after{content:'Firefox'}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-chrome,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-chrome{left:62px;height:21%}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-chrome:after,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-chrome:after{content:'Chrome'}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-opera,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-opera{left:85px;height:17%}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-opera:after,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-opera:after{content:'Opera'}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-uc,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-uc{left:108px;height:14%}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-uc:after,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-uc:after{content:'UC Browser'}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-dolphin,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-dolphin{left:131px;height:11%}html.android.puffin-browser-pro section.speed .speed-chart li.speed-chart-dolphin:after,html.ios.puffin-browser-pro section.speed .speed-chart li.speed-chart-dolphin:after{content:'Dolphin'}html.android.puffin-browser-pro section.speed .speed-chart .speed-chart-mobile,html.ios.puffin-browser-pro section.speed .speed-chart .speed-chart-mobile{display:none}html.android.puffin-browser-pro section.protection,html.ios.puffin-browser-pro section.protection{background:#000;color:#fff}html.android.puffin-browser-pro section.protection .container,html.ios.puffin-browser-pro section.protection .container{padding:0 1em}html.android.puffin-browser-pro section.cover .img-content img.paroller,html.android.puffin-browser-pro section.protection .img-content img.paroller,html.android.puffin-browser-pro section.gamepad .img-content img.paroller,html.ios.puffin-browser-pro section.cover .img-content img.paroller,html.ios.puffin-browser-pro section.protection .img-content img.paroller,html.ios.puffin-browser-pro section.gamepad .img-content img.paroller{float:right;width:100%}html.android.puffin-browser-pro section.ad-blocker,html.android.puffin-browser-pro section.download,html.ios.puffin-browser-pro section.ad-blocker,html.ios.puffin-browser-pro section.download{background:#f4f4f4}html.android.puffin-browser-pro section.ad-blocker .img-content img,html.android.puffin-browser-pro section.download .img-content img,html.ios.puffin-browser-pro section.ad-blocker .img-content img,html.ios.puffin-browser-pro section.download .img-content img{float:left;width:100%}@media screen and (max-width: 960px){html.android.puffin-browser-pro section.speed .container,html.ios.puffin-browser-pro section.speed .container{padding:0 1em}html.android.puffin-browser-pro section.speed .speed-chart-label,html.ios.puffin-browser-pro section.speed .speed-chart-label{display:none}html.android.puffin-browser-pro section.speed .speed-chart,html.ios.puffin-browser-pro section.speed .speed-chart{height:auto}html.android.puffin-browser-pro section.speed .speed-chart .speed-chart-list,html.ios.puffin-browser-pro section.speed .speed-chart .speed-chart-list{display:none}html.android.puffin-browser-pro section.speed .speed-chart .speed-chart-mobile,html.ios.puffin-browser-pro section.speed .speed-chart .speed-chart-mobile{display:block}}html.android.puffin-web-browser .container .img-content img,html.ios.puffin-web-browser .container .img-content img{width:100%;display:block}html.android.puffin-web-browser section.cover .container,html.ios.puffin-web-browser section.cover .container{padding-top:13.5em}html.android.puffin-web-browser section.data-savings .container,html.ios.puffin-web-browser section.data-savings .container{padding-bottom:0}html.android.puffin-web-browser section.data-savings,html.android.puffin-web-browser section.download,html.android.puffin-web-browser section.customizable-data-savings,html.ios.puffin-web-browser section.data-savings,html.ios.puffin-web-browser section.download,html.ios.puffin-web-browser section.customizable-data-savings{background:#f4f4f4}@media screen and (max-width: 960px){html.android.puffin-web-browser section.data-savings .container .col-6,html.ios.puffin-web-browser section.data-savings .container .col-6{padding-bottom:0}}html.android.puffin-academy,html.ios.puffin-academy{background:#42324C}html.android.puffin-academy .select,html.ios.puffin-academy .select{color:#fff}html.android.puffin-academy .select select,html.ios.puffin-academy .select select{cursor:pointer;color:#fff}html.android.puffin-academy .container,html.ios.puffin-academy .container{color:#fff}html.android.puffin-academy .container .img-content img,html.ios.puffin-academy .container .img-content img{width:100%;display:block}html.android.puffin-academy section.cover .container,html.ios.puffin-academy section.cover .container{padding-top:13.5em}html.android.puffin-academy section.cover .container a,html.ios.puffin-academy section.cover .container a{color:#fff}html.android.puffin-academy section.cover .container p:last-child,html.ios.puffin-academy section.cover .container p:last-child{margin-bottom:0}html.android.puffin-academy section.safe,html.ios.puffin-academy section.safe{position:relative}html.android.puffin-academy section.safe .container .col-6,html.ios.puffin-academy section.safe .container .col-6{display:block}html.android.puffin-academy section.safe .paroller,html.ios.puffin-academy section.safe .paroller{height:100%;position:absolute;top:0;right:0;background-image:url(../imgs/img_puffin_academy_content.png);background-repeat:no-repeat;background-position:right center;background-size:contain}html.android.puffin-academy section.apn,html.ios.puffin-academy section.apn{text-align:center}html.android.puffin-academy section.apn h3,html.ios.puffin-academy section.apn h3{max-width:960px;margin:0 auto}html.android.puffin-academy section.apn a,html.ios.puffin-academy section.apn a{color:#fff;margin-right:0}html.android.puffin-academy section.apn p,html.ios.puffin-academy section.apn p{margin:0}html.android.puffin-academy section.apn img,html.ios.puffin-academy section.apn img{width:200px;margin:3em 0}html.ios.puffin-academy.termination,html.ios.puffin-web-browser.termination{background:#fff}html.ios.puffin-academy.termination .header,html.ios.puffin-web-browser.termination .header{height:57px}html.ios.puffin-academy.termination .header .main-nav,html.ios.puffin-academy.termination .header nav.sub-nav,html.ios.puffin-academy.termination .header .nav-toggle,html.ios.puffin-web-browser.termination .header .main-nav,html.ios.puffin-web-browser.termination .header nav.sub-nav,html.ios.puffin-web-browser.termination .header .nav-toggle{display:none}html.ios.puffin-academy.termination .container,html.ios.puffin-web-browser.termination .container{color:#4a4a4a;max-width:800px;margin:0 auto}html.ios.puffin-academy.termination .container h1,html.ios.puffin-web-browser.termination .container h1{text-align:center}html.ios.puffin-academy.termination .container img,html.ios.puffin-web-browser.termination .container img{width:100px;display:block;margin:2em auto}@media screen and (max-width: 960px){html.android.puffin-academy section.cover .container,html.ios.puffin-academy section.cover .container{padding-top:8em}html.android.puffin-academy section.safe .paroller,html.ios.puffin-academy section.safe .paroller{height:0;position:relative;padding-top:60%}html.android.puffin-academy section.apn,html.ios.puffin-academy section.apn{text-align:left}html.ios.puffin-academy.termination .header,html.ios.puffin-web-browser.termination .header{height:auto}html.ios.puffin-academy.termination .container,html.ios.puffin-web-browser.termination .container{color:#4a4a4a;text-align:left}}html.android.puffin-for-facebook .select,html.ios.puffin-for-facebook .select{color:#fff}html.android.puffin-for-facebook .select select,html.ios.puffin-for-facebook .select select{cursor:pointer;color:#fff}html.android.puffin-for-facebook .container,html.ios.puffin-for-facebook .container{color:#fff}html.android.puffin-for-facebook .container .img-content img,html.ios.puffin-for-facebook .container .img-content img{width:100%;display:block}html.android.puffin-for-facebook section.cover .container,html.ios.puffin-for-facebook section.cover .container{padding-top:13.5em;padding-bottom:0}html.android.puffin-for-facebook section.cover .container a,html.ios.puffin-for-facebook section.cover .container a{color:#fff}html.android.puffin-for-facebook section.cover .container p:last-child,html.ios.puffin-for-facebook section.cover .container p:last-child{margin-bottom:0}html.android.puffin-for-facebook section.cover .container .text-content,html.ios.puffin-for-facebook section.cover .container .text-content{padding-bottom:8em}html.android.puffin-for-facebook section.feed .container,html.android.puffin-for-facebook section.refine-image .container,html.android.puffin-for-facebook section.open-link .container,html.ios.puffin-for-facebook section.feed .container,html.ios.puffin-for-facebook section.refine-image .container,html.ios.puffin-for-facebook section.open-link .container{padding-bottom:0}html.android.puffin-for-facebook section.feed .container .text-content,html.android.puffin-for-facebook section.refine-image .container .text-content,html.android.puffin-for-facebook section.open-link .container .text-content,html.ios.puffin-for-facebook section.feed .container .text-content,html.ios.puffin-for-facebook section.refine-image .container .text-content,html.ios.puffin-for-facebook section.open-link .container .text-content{padding-bottom:8em}html.android.puffin-for-facebook section.cover,html.android.puffin-for-facebook section.refine-image,html.ios.puffin-for-facebook section.cover,html.ios.puffin-for-facebook section.refine-image{background:#1E2534}html.android.puffin-for-facebook section.feed,html.android.puffin-for-facebook section.open-link,html.ios.puffin-for-facebook section.feed,html.ios.puffin-for-facebook section.open-link{background:#424A5C}@media screen and (max-width: 960px){html.android.puffin-for-facebook section.cover .container,html.android.puffin-for-facebook section.refine-image .container,html.ios.puffin-for-facebook section.cover .container,html.ios.puffin-for-facebook section.refine-image .container{padding-bottom:0}html.android.puffin-for-facebook section.cover .container .img-content,html.android.puffin-for-facebook section.refine-image .container .img-content,html.ios.puffin-for-facebook section.cover .container .img-content,html.ios.puffin-for-facebook section.refine-image .container .img-content{padding-bottom:0}html.android.puffin-for-facebook section.feed .container,html.android.puffin-for-facebook section.open-link .container,html.ios.puffin-for-facebook section.feed .container,html.ios.puffin-for-facebook section.open-link .container{padding-bottom:4em}html.android.puffin-for-facebook section.feed .container .text-content,html.android.puffin-for-facebook section.open-link .container .text-content,html.ios.puffin-for-facebook section.feed .container .text-content,html.ios.puffin-for-facebook section.open-link .container .text-content{padding-bottom:1em}}html.ios .header{background:#4a4a4a}html.ios .header nav.main-nav ul a{color:#fff}html.ios section{overflow-x:hidden}html.ios section .img-content{position:relative}html.ios section.puffin-lite .container,html.ios section.puffin-browser-pro .container,html.ios section.puffin-for-facebook .container{padding-top:13.5em;padding-bottom:0}html.ios section.puffin-lite .text-content,html.ios section.puffin-browser-pro .text-content,html.ios section.puffin-for-facebook .text-content{padding-top:0}html.ios section.puffin-lite .img-content img.paroller,html.ios section.puffin-browser-pro .img-content img.paroller,html.ios section.puffin-for-facebook .img-content img.paroller{float:right;width:90%}html.ios section.puffin-browser-pro{background:#000;color:#f4f4f4}html.ios section.puffin-browser-pro .container{padding:8em 1em}html.ios section.puffin-web-browser,html.ios section.puffin-academy{background:#f4f4f4}html.ios section.puffin-web-browser .img-content img.paroller,html.ios section.puffin-academy .img-content img.paroller{float:left;width:90%}html.ios section.puffin-academy{background:#42324C;color:#fff}html.ios section.puffin-academy a{color:#fff}html.ios section.puffin-for-facebook{background:#1E2534;color:#fff}html.ios section.puffin-for-facebook .container{padding-bottom:0;padding-top:0}html.ios section.puffin-for-facebook .text-content{padding:8em 1em}html.ios section.puffin-for-facebook .img-content{vertical-align:bottom}html.ios section.puffin-for-facebook a{color:#fff}@media screen and (max-width: 960px){html.ios section.puffin-lite .container{padding-top:13.5em;padding-bottom:0}html.ios section.puffin-lite .container .img-content{padding-bottom:0}html.ios section.puffin-browser-pro .container{padding:13.5em 1em 4em}html.ios section.puffin-browser-pro .text-content{padding-top:0}html.ios section.puffin-for-facebook .container{padding:4em 1em 0 1em}html.ios section.puffin-for-facebook .text-content{padding:1em 0em}html.ios section.puffin-for-facebook .img-content{padding-bottom:0}}html.puffin-lite .container .img-content img{width:100%;display:block}html.puffin-lite section.cover .container{padding-top:13.5em}html.puffin-lite section.cover .cover-download-btn li{margin:0}html.puffin-lite section.workspaces{background:#5797E1}html.puffin-lite section.wallpaper{background:#F3B34B}html.puffin-lite section.full-screen{background:#5DBE4F}html.puffin-lite section.ui{background:#76489E}html.puffin-lite section.private{background:#BF425F}html.puffin-lite section.workspaces .container,html.puffin-lite section.wallpaper .container,html.puffin-lite section.full-screen .container,html.puffin-lite section.ui .container,html.puffin-lite section.private .container{color:#fff}html.puffin-lite section.cover .container,html.puffin-lite section.wallpaper .container,html.puffin-lite section.ui .container{padding-bottom:0}@media screen and (max-width: 960px){html.puffin-lite section.cover .container .img-content,html.puffin-lite section.ui .container .img-content{padding-bottom:0}}html.windows section,html.macos section{overflow-x:hidden}html.windows section.cover,html.macos section.cover{color:#fff;background:#021931;background:linear-gradient(to bottom, #021931 0%, #0046a5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#021931', endColorstr='#0046a5',GradientType=0 )}html.windows section.cover .container,html.macos section.cover .container{padding-top:13.5em}html.windows section.cover .img-content img.paroller,html.macos section.cover .img-content img.paroller{float:right;width:90%}html.windows section.cover p,html.macos section.cover p{clear:both}html.windows section.cover .btn,html.macos section.cover .btn{float:left;margin-bottom:1em;margin-right:1em;padding:0 1em}html.windows section.cover .btn-primary,html.macos section.cover .btn-primary{background:#fff;color:#01306D;border:1px solid #fff}html.windows section.cover .btn-primary:hover,html.macos section.cover .btn-primary:hover{background:rgba(255,255,255,0.9)}html.windows section.cover .btn-default,html.macos section.cover .btn-default{background:none;color:#fff;border:1px solid #fff}html.windows section.cover .btn-default:hover,html.macos section.cover .btn-default:hover{background:rgba(255,255,255,0.2)}html.windows section.isolation .img-content img,html.macos section.isolation .img-content img{float:left;width:90%}html.windows section.hyper-secure-technology,html.macos section.hyper-secure-technology{color:#fff;text-align:center}html.windows section.hyper-secure-technology img,html.macos section.hyper-secure-technology img{width:240px}html.windows section.feature ::-webkit-scrollbar,html.macos section.feature ::-webkit-scrollbar{width:10px}html.windows section.feature ::-webkit-scrollbar-track,html.macos section.feature ::-webkit-scrollbar-track{background:#f1f1f1}html.windows section.feature ::-webkit-scrollbar-thumb,html.macos section.feature ::-webkit-scrollbar-thumb{background:#999}html.windows section.feature ::-webkit-scrollbar-thumb:hover,html.macos section.feature ::-webkit-scrollbar-thumb:hover{background:#666}html.windows section.feature .row,html.macos section.feature .row{position:relative}html.windows section.feature h3,html.macos section.feature h3{text-align:center;max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:1em}html.windows section.feature .feature-list,html.macos section.feature .feature-list{margin-bottom:40px}html.windows section.feature .feature-list .feature-info,html.macos section.feature .feature-list .feature-info{padding-left:116px;position:relative}html.windows section.feature .feature-list .feature-image,html.macos section.feature .feature-list .feature-image{width:100px;height:75px;position:absolute;top:50%;left:0;margin-top:-30px;text-align:center}html.windows section.feature .feature-list .feature-image img,html.macos section.feature .feature-list .feature-image img{height:100%}html.windows section.feature .feature-list h4,html.macos section.feature .feature-list h4{font-size:1.5em;font-weight:bold;margin:8px 0}html.windows section.feature .feature-list p,html.macos section.feature .feature-list p{margin:0}html.windows section.feature .feature-list:last-child,html.macos section.feature .feature-list:last-child{margin-bottom:0}html.windows section.feature .col-4,html.macos section.feature .col-4{height:100%;overflow-y:auto;position:absolute;right:0;top:0}html.windows section.feature .news,html.macos section.feature .news{margin-bottom:40px;padding-left:96px;position:relative;font-size:0.8em;min-height:80px}html.windows section.feature .news p,html.macos section.feature .news p{margin:0}html.windows section.feature .news p.date,html.macos section.feature .news p.date{color:#666}html.windows section.feature .news .news-image,html.macos section.feature .news .news-image{width:80px;height:80px;position:absolute;top:0;left:0;border:1px solid #ccc;background:#fff;text-align:center;box-sizing:border-box}html.windows section.feature .news .news-image img,html.macos section.feature .news .news-image img{width:80%;position:absolute;left:10%;top:50%;transform:translateY(-50%)}html.windows section.feature,html.windows section.case-study,html.windows section.faq,html.macos section.feature,html.macos section.case-study,html.macos section.faq{background-color:#f4f4f4}html.windows section.feature .container,html.windows section.case-study .container,html.windows section.faq .container,html.macos section.feature .container,html.macos section.case-study .container,html.macos section.faq .container{overflow:hidden}html.windows section.case-study,html.macos section.case-study{color:#666}html.windows section.case-study .case-study-avatar,html.macos section.case-study .case-study-avatar{width:120px;margin:0 auto;border-radius:60px;overflow:hidden;border:1px solid #ddd}html.windows section.case-study .case-study-avatar img,html.macos section.case-study .case-study-avatar img{width:100%;display:block}html.windows section.case-study blockquote,html.macos section.case-study blockquote{margin:1em 0;padding:0;font-style:italic}html.windows section.case-study p,html.macos section.case-study p{font-size:14px}html.windows section.case-study .case-study-name,html.macos section.case-study .case-study-name{color:#4a4a4a;font-weight:bold;margin-bottom:0}html.windows section.case-study .case-study-title,html.macos section.case-study .case-study-title{margin-top:4px}html.windows section.plan-option .container,html.macos section.plan-option .container{overflow:hidden}html.windows section.plan-option .col-6,html.macos section.plan-option .col-6{display:block;float:left;text-align:center}html.windows section.plan-option .col-6 a,html.macos section.plan-option .col-6 a{display:block}html.windows section.plan-option .col-6 img,html.macos section.plan-option .col-6 img{width:100%;max-width:360px;margin-top:2em}html.windows section.faq .container,html.macos section.faq .container{text-align:center;padding:4em 1em}html.windows section.faq .container h3,html.macos section.faq .container h3{margin-bottom:1em}html.windows section.faq .container .faq-list,html.macos section.faq .container .faq-list{max-width:800px;margin:0 auto;text-align:left}html.windows section.faq .container .faq-list>li,html.macos section.faq .container .faq-list>li{padding:1em;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:2px;margin-bottom:1em}html.windows section.faq .container .faq-list>li i,html.macos section.faq .container .faq-list>li i{margin-right:4px;color:#28AFCD;pointer-events:none}html.windows section.faq .container .faq-list>li li,html.macos section.faq .container .faq-list>li li{list-style:disc;position:outside;margin-left:24px}html.windows section.faq .container .faq-list>li .question,html.macos section.faq .container .faq-list>li .question{font-weight:bold;cursor:pointer}html.windows section.faq .container .faq-list>li .answer,html.macos section.faq .container .faq-list>li .answer{margin-left:24px;display:none}html.windows section.faq .container .faq-list>li .answer table,html.macos section.faq .container .faq-list>li .answer table{border-collapse:collapse;border-spacing:0;font-size:0.8em}html.windows section.faq .container .faq-list>li .answer table th,html.windows section.faq .container .faq-list>li .answer table td,html.macos section.faq .container .faq-list>li .answer table th,html.macos section.faq .container .faq-list>li .answer table td{border:1px solid #ccc;padding:4px}html.windows section.faq .container .faq-list>li .answer table th.align-center,html.macos section.faq .container .faq-list>li .answer table th.align-center{width:100px}html.windows section.faq .container .faq-list>li .answer table tr:nth-child(odd),html.macos section.faq .container .faq-list>li .answer table tr:nth-child(odd){background:#f4f4f4}html.windows section.faq .container .faq-list>li .answer table tr:first-child,html.macos section.faq .container .faq-list>li .answer table tr:first-child{background:rgba(40,175,205,0.2)}html.macos section.cover{background:#222;background:linear-gradient(to bottom, #222 0%, #535353 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#535353',GradientType=0 )}html.macos section.cover p.highlight{background:#fff;color:#222;border-radius:2px;display:inline-block;font-weight:bold;padding:2px 8px;font-style:italic}html.windows.individuals .container .img-content img,html.macos.individuals .container .img-content img{width:100%}html.windows.individuals section.cover .container,html.macos.individuals section.cover .container{text-align:center;padding-bottom:0}html.windows.individuals section.cover .container h2,html.macos.individuals section.cover .container h2{display:inline-block}html.windows.individuals section.cover .container p,html.macos.individuals section.cover .container p{max-width:960px;margin:1em auto}html.windows.individuals section.cover .container a,html.macos.individuals section.cover .container a{display:inline-block;float:none;margin:0 0.5em 1em 0.5em}html.windows.individuals section.cover .cover-screen,html.macos.individuals section.cover .cover-screen{width:100%;clear:both;margin:0 auto;background:#333;position:relative;padding:3% 3% 0 3%;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box}html.windows.individuals section.cover .cover-screen:before,html.macos.individuals section.cover .cover-screen:before{content:'';display:block;width:6px;height:6px;background:#444;border-radius:6px;position:absolute;top:2%;left:50%;margin-left:-3px}html.windows.individuals section.cover .cover-screen:after,html.macos.individuals section.cover .cover-screen:after{content:'';display:block;width:2px;height:2px;background:#111;border-radius:4px;position:absolute;top:2%;left:50%;margin-left:-1px;margin-top:2px}html.windows.individuals section.cover .cover-screen-video,html.macos.individuals section.cover .cover-screen-video{position:relative;height:0;overflow:hidden;padding-top:56.25%}html.windows.individuals section.cover .cover-screen-video video,html.macos.individuals section.cover .cover-screen-video video{position:absolute;border:3px solid #111;border-bottom:0;left:0;top:0}html.windows.individuals section.speed,html.windows.individuals section.flash,html.macos.individuals section.speed,html.macos.individuals section.flash{background:#f4f4f4}html.windows.individuals section.protection,html.macos.individuals section.protection{background:#000}html.windows.individuals section.protection .container,html.macos.individuals section.protection .container{padding-top:0;padding-bottom:0;color:#fff}html.windows.individuals section.flash,html.macos.individuals section.flash{position:relative;padding:8em 0}html.windows.individuals section.flash .container .col-6,html.macos.individuals section.flash .container .col-6{display:block}html.windows.individuals section.flash .paroller,html.macos.individuals section.flash .paroller{height:100%;position:absolute;top:0;right:0;background-image:url(../imgs/img_flash_content.png);background-repeat:no-repeat;background-position:right center;background-size:contain}html.macos.individuals .container .img-content img{width:100%}html.macos.individuals section.cover .container{text-align:left;padding-bottom:8em}html.macos.individuals section.cover .container h2{display:block}html.macos.individuals section.cover .container a{display:block;float:left;margin:0 1em 1em 0}html.macos.individuals section.flash .container .col-6{display:block;float:right}html.macos.individuals section.flash .paroller{height:100%;position:absolute;top:0;left:0;background-image:url(../imgs/img_flash_content.png);background-repeat:no-repeat;background-position:right center;background-size:contain}html.windows.teams .container .img-content img,html.macos.teams .container .img-content img{width:100%}html.windows.teams section.cover,html.macos.teams section.cover{overflow:hidden}html.windows.teams section.cover .container,html.macos.teams section.cover .container{text-align:center;padding-top:13.5em;padding-bottom:0;color:#fff}html.windows.teams section.cover .container h2,html.macos.teams section.cover .container h2{display:inline-block}html.windows.teams section.cover .container p,html.macos.teams section.cover .container p{max-width:960px;margin:1em auto}html.windows.teams section.cover .container a,html.macos.teams section.cover .container a{display:inline-block;float:none;margin:0 0.5em 1em 0.5em}html.windows.teams section.cover .container .paroller,html.macos.teams section.cover .container .paroller{width:80%;max-width:480px}html.windows.teams .isolation,html.windows.teams .speed,html.macos.teams .isolation,html.macos.teams .speed{background-color:#f4f4f4}html.windows.teams .btn-play,html.macos.teams .btn-play{display:block;width:64px;height:64px;position:absolute;top:50%;left:50%;margin:-32px 0 0 -32px;border-radius:32px;border:1px solid rgba(37,67,61,0.5);box-shadow:0 8px 8px rgba(0,0,0,0.2);background:rgba(255,255,255,0.9) url(../imgs/btn_play.png) no-repeat;background-size:cover;cursor:pointer}html.windows.teams .btn-play:hover,html.macos.teams .btn-play:hover{background:#fff url(../imgs/btn_play.png) no-repeat;background-size:cover;box-shadow:0 4px 8px rgba(0,0,0,0.5)}html.windows.teams .security-btn-play,html.macos.teams .security-btn-play{margin-top:32px}html.macos.teams section.cover .container{text-align:left;padding-bottom:8em}html.macos.teams section.cover .container h2{display:block}html.macos.teams section.cover .container p{max-width:960px;margin:1em auto}html.macos.teams section.cover .container a{display:block;float:left;margin:0 1em 1em 0}html.macos.teams section.cover .container .paroller{width:100%;max-width:100%}@media screen and (max-width: 960px){html.windows section.cover .container,html.macos section.cover .container{padding:10em 1em 2em 1em !important}html.windows .isolation .container .img-content,html.windows .speed .container .img-content,html.macos .isolation .container .img-content,html.macos .speed .container .img-content{margin-left:0}html.windows section.feature h3,html.macos section.feature h3{text-align:left}html.windows section.feature .feature-list .feature-info,html.macos section.feature .feature-list .feature-info{padding-left:0}html.windows section.feature .feature-list .feature-image,html.macos section.feature .feature-list .feature-image{width:100px;height:60px;position:relative;top:0;left:0;margin-top:0;text-align:left}html.windows section.feature .col-4,html.macos section.feature .col-4{height:auto;position:relative;right:auto;top:auto;margin-top:40px}html.windows .case-study .container,html.macos .case-study .container{padding-bottom:0}html.windows .case-study .col-4,html.macos .case-study .col-4{margin-bottom:4em}html.windows section.faq .container .faq-list li .answer table,html.macos section.faq .container .faq-list li .answer table{font-size:12px}html.windows.individuals section.cover .container{padding-bottom:0 !important}html.windows.individuals section.protection .container{padding:0 1em 4em 1em}html.windows.individuals section.protection .container .col-6{padding-top:0}html.macos.individuals section.protection .container{padding:4em 1em}html.windows.individuals section.flash .paroller,html.macos.individuals section.flash .paroller{height:0;position:relative;padding-top:60%}html.windows.individuals section.flash{padding:0 0 4em 0}html.windows.individuals section.flash .container{padding-bottom:0}html.macos.individuals section.flash{padding:4em 0}html.macos.individuals section.flash .container{padding-bottom:0}}html.android-tv .select{overflow:hidden;color:#28AFCD;margin-right:8px;padding:0}html.android-tv .select select{width:84px;cursor:pointer;padding:0;display:inline-block;border:none;box-shadow:none;background:transparent;background-image:none;-webkit-appearance:none;color:#28AFCD;font-size:1em;font-family:'Roboto', sans-serif;position:relative;top:-2px}html.android-tv .select option{background:#f4f4f4;color:#000}html.android-tv .header{background:#4a4a4a}html.android-tv .header nav.main-nav ul a{color:#fff}html.android-tv section{overflow:hidden}html.android-tv section .img-content{position:relative}html.android-tv section.puffin-tv-browser{text-align:center;background:#000;color:#fff}html.android-tv section.puffin-tv-browser .container{padding-top:13.5em;padding-bottom:0}html.android-tv section.puffin-tv-browser h2{display:inline-block}html.android-tv section.puffin-tv-browser p{max-width:720px;margin-left:auto;margin-right:auto}html.android-tv section.puffin-tv-browser .text-content{position:relative;z-index:5}html.android-tv section.puffin-tv-browser .img-content{margin-top:-8em;height:0;padding-top:52%}html.android-tv section.puffin-for-youtube{background:#2F2F2F;color:#fff}html.android-tv section.puffin-for-youtube .img-content img.paroller{float:right;width:90%}@media screen and (max-width: 960px){html.android-tv section.puffin-tv-browser .text-content{text-align:left}html.android-tv section.puffin-tv-browser .text-content p{max-width:100%}html.android-tv section.puffin-tv-browser .img-content{margin-top:0}}html.android-tv.puffin-tv-browser .container .col-6 img{width:100%}html.android-tv.puffin-tv-browser section.cover{text-align:center;background:#000;color:#fff}html.android-tv.puffin-tv-browser section.cover .container{padding-top:13.5em;padding-bottom:0}html.android-tv.puffin-tv-browser section.cover h2{display:inline-block}html.android-tv.puffin-tv-browser section.cover p{max-width:720px;margin-left:auto;margin-right:auto}html.android-tv.puffin-tv-browser section.cover .text-content{position:relative;z-index:5}html.android-tv.puffin-tv-browser section.cover .img-content{margin-top:-8em;height:0;padding-top:52%}html.android-tv.puffin-tv-browser section.design{text-align:center;background:url(../imgs/img_puffin_tv_browser_design.png) no-repeat;background-size:cover;color:#fff}html.android-tv.puffin-tv-browser section.design h2{display:inline-block}html.android-tv.puffin-tv-browser section.design p{max-width:720px;margin-left:auto;margin-right:auto}html.android-tv.puffin-tv-browser section.design .text-content{position:relative;z-index:5;text-shadow:0 0 16px rgba(0,0,0,0.7)}html.android-tv.puffin-tv-browser section.design .img-content{margin-top:-8em;height:600px}html.android-tv.puffin-tv-browser section.design .video-player{max-width:800px;margin:10% auto 3em auto;box-shadow:0 0 32px rgba(0,0,0,0.5);position:relative;top:0}html.android-tv.puffin-tv-browser section.design .video-player-seekbar{height:6px;position:relative;background:rgba(255,255,255,0.2)}html.android-tv.puffin-tv-browser section.design .video-player-seekbar .video-player-seekbar-value{background:#EEEC3C;height:6px;position:absolute;top:0;left:0;width:30%}html.android-tv.puffin-tv-browser section.design .video-player-control{height:80px;background:#28AFCD}html.android-tv.puffin-tv-browser section.design .video-player-control .video-player-control-container{min-width:240px;width:80%;margin:0 auto}html.android-tv.puffin-tv-browser section.design .video-player-control .video-player-control-container span{display:block;width:33.3333%;height:80px;float:left}html.android-tv.puffin-tv-browser section.design .video-player-control .video-player-control-container span.video-player-control-back{background:url(../imgs/icon_back.png) no-repeat center;background-size:36px}html.android-tv.puffin-tv-browser section.design .video-player-control .video-player-control-container span.video-player-control-play{background:url(../imgs/icon_play.png) no-repeat center;background-size:32px}html.android-tv.puffin-tv-browser section.design .video-player-control .video-player-control-container span.video-player-control-forward{background:url(../imgs/icon_forward.png) no-repeat center;background-size:36px}html.android-tv.puffin-tv-browser section.design .video-player-time-played,html.android-tv.puffin-tv-browser section.design .video-player-time-total{position:absolute;color:rgba(255,255,255,0.6);font-size:0.7em;top:16px}html.android-tv.puffin-tv-browser section.design .video-player-time-played{left:32px}html.android-tv.puffin-tv-browser section.design .video-player-time-total{right:32px}html.android-tv.puffin-tv-browser section.flash{position:relative;padding:8em 0}html.android-tv.puffin-tv-browser section.flash .container .col-6{display:block}html.android-tv.puffin-tv-browser section.flash .container .text-content{margin-left:50%}html.android-tv.puffin-tv-browser section.flash .paroller{height:100%;position:absolute;top:0;left:0;background-image:url(../imgs/img_flash_content.png);background-repeat:no-repeat;background-position:right center;background-size:contain}html.android-tv.puffin-tv-browser section.easy,html.android-tv.puffin-tv-browser section.flash{background:#f4f4f4}@media screen and (max-width: 960px){html.android-tv.puffin-tv-browser section.cover .text-content{text-align:left}html.android-tv.puffin-tv-browser section.cover .text-content p{max-width:100%}html.android-tv.puffin-tv-browser section.cover .img-content{margin-top:0}html.android-tv.puffin-tv-browser section.flash .paroller{height:0;position:relative;padding-top:60%}html.android-tv.puffin-tv-browser section.flash .container{padding:1em 1em 0 1em}html.android-tv.puffin-tv-browser section.flash .container .text-content{margin-left:0;padding:1em 0 0 0}}html.android-tv.puffin-for-youtube section.cover{background:#000}html.android-tv.puffin-for-youtube section.cover .container{padding-top:13.5em;color:#fff}html.android-tv.puffin-for-youtube section.remote .container{padding-bottom:0;padding-top:0}html.android-tv.puffin-for-youtube section.remote .text-content{padding-top:8em;padding-bottom:8em}html.android-tv.puffin-for-youtube section.remote .img-content{text-align:center}html.android-tv.puffin-for-youtube section.remote .img-content img.paroller{max-width:300px;float:none;display:block;margin:0 auto}html.android-tv.puffin-for-youtube section.fast{background:#f4f4f4}html.android-tv.puffin-for-youtube section.protection{background:#000}html.android-tv.puffin-for-youtube section.protection .container{color:#fff;padding-top:0;padding-bottom:0}html.android-tv.puffin-for-youtube section.protection .text-content{padding-top:8em;padding-bottom:8em}@media screen and (max-width: 960px){html.android-tv.puffin-for-youtube section.remote .container{padding:4em 1em}html.android-tv.puffin-for-youtube section.remote .img-content img.paroller{max-width:200px}html.android-tv.puffin-for-youtube section.remote .text-content{padding-top:1em;padding-bottom:1em}html.android-tv.puffin-for-youtube section.protection .container{padding:0em 1em 4em 1em}html.android-tv.puffin-for-youtube section.protection .text-content{padding-top:1em;padding-bottom:1em}html.android-tv.puffin-for-youtube section.protection .img-content{padding-top:0}}html.raspberry-pi{background:#000}html.raspberry-pi section{overflow:hidden}html.raspberry-pi .header{background:#4a4a4a}html.raspberry-pi section{overflow:hidden}html.raspberry-pi .container{color:#fff}html.raspberry-pi .select{overflow:hidden;color:#fff;background:#28AFCD;border-radius:2px;float:left;margin-right:32px;padding:4px 16px;position:relative;top:-4px;margin-top:8px}html.raspberry-pi .select select{width:198px;padding:5px 0;display:inline-block;border:none;box-shadow:none;background:transparent;background-image:none;-webkit-appearance:none;color:#fff;font-size:1em}html.raspberry-pi .select option{background:#f4f4f4;color:#000}html.raspberry-pi .select select:focus{outline:none}html.raspberry-pi .for-edu{clear:both;padding-top:24px}html.raspberry-pi section.cover .container{padding-top:13.5em}html.raspberry-pi section.cover p.download{overflow:hidden;margin:0;padding-top:1em;display:block;clear:both}html.raspberry-pi section.cover .btn{color:#fff;float:left;margin-bottom:1em;margin-right:1em;padding:0 1em;line-height:48px;height:48px}html.raspberry-pi section.cover .btn-primary{background:#24327B;color:#fff;border:1px solid #24327B}html.raspberry-pi section.cover .btn-default{background:none;color:#fff;border:1px solid #fff}html.raspberry-pi section.cover .btn-how{padding-left:0}html.raspberry-pi section.cover img.ces-logo{position:absolute;right:8px;top:8px;width:90px;z-index:5}html.raspberry-pi section.event{background:#24327B;text-align:center}html.raspberry-pi section.event h3{margin:40px 0;font-size:2em}html.raspberry-pi section.event img{width:100%;max-width:800px;margin:0 auto;display:block}html.raspberry-pi section.event a{color:#fff;text-decoration:underline}html.raspberry-pi section.education{background:#24327B;text-align:center}html.raspberry-pi section.education .container{padding-bottom:0}html.raspberry-pi section.education img{width:100%;display:block}html.raspberry-pi section.security .container{padding:0 1em}html.raspberry-pi section.performance{background:#222}html.raspberry-pi section.performance .text-content{text-align:center}html.raspberry-pi section.performance .text-content p{max-width:768px;margin:1em auto}html.raspberry-pi section.performance .chart{margin-top:4em;font-size:0.8em}html.raspberry-pi section.performance .chart h4{font-style:italic;color:#aaa}html.raspberry-pi section.performance .chart .jetstream-puffin,html.raspberry-pi section.performance .chart .jetstream-chrome,html.raspberry-pi section.performance .chart .jetstream-chrome-hp,html.raspberry-pi section.performance .chart .octane-puffin,html.raspberry-pi section.performance .chart .octane-chrome,html.raspberry-pi section.performance .chart .octane-chrome-hp{overflow:hidden}html.raspberry-pi section.performance .chart .jetstream-puffin span,html.raspberry-pi section.performance .chart .octane-puffin span,html.raspberry-pi section.performance .chart .jetstream-chrome span,html.raspberry-pi section.performance .chart .octane-chrome span,html.raspberry-pi section.performance .chart .jetstream-chrome-hp span,html.raspberry-pi section.performance .chart .octane-chrome-hp span{padding-left:32px;line-height:24px;height:24px;display:block;margin-bottom:4px}html.raspberry-pi section.performance .chart .jetstream-puffin,html.raspberry-pi section.performance .chart .octane-puffin{margin:16px 0;font-weight:bold}html.raspberry-pi section.performance .chart .jetstream-puffin span,html.raspberry-pi section.performance .chart .octane-puffin span{background:url(../imgs/img_puffin_internet_terminal_logo.png) no-repeat left;background-size:24px}html.raspberry-pi section.performance .chart .jetstream-puffin-chart,html.raspberry-pi section.performance .chart .jetstream-chrome-chart,html.raspberry-pi section.performance .chart .jetstream-chrome-hp-chart,html.raspberry-pi section.performance .chart .octane-puffin-chart,html.raspberry-pi section.performance .chart .octane-chrome-chart,html.raspberry-pi section.performance .chart .octane-chrome-hp-chart{background:#4A90E2;height:16px;width:80%;box-sizing:border-box;float:left;margin-right:16px}html.raspberry-pi section.performance .chart .jetstream-chrome-hp,html.raspberry-pi section.performance .chart .octane-chrome-hp{margin:16px 0}html.raspberry-pi section.performance .chart .jetstream-chrome-hp span,html.raspberry-pi section.performance .chart .octane-chrome-hp span{background:url(../imgs/img_chrome_logo.png) no-repeat left;background-size:24px}html.raspberry-pi section.performance .chart .jetstream-chrome,html.raspberry-pi section.performance .chart .octane-chrome{margin-bottom:64px}html.raspberry-pi section.performance .chart .jetstream-chrome span,html.raspberry-pi section.performance .chart .octane-chrome span{background:url(../imgs/img_chrome_logo.png) no-repeat left;background-size:24px}html.raspberry-pi section.performance .chart .octane-chrome{margin-bottom:0}html.raspberry-pi section.performance .chart .jetstream-chrome-chart{background:#417505;width:6%}html.raspberry-pi section.performance .chart .jetstream-chrome-hp-chart{background:#417505;width:16%}html.raspberry-pi section.performance .chart .octane-puffin-chart{width:80%}html.raspberry-pi section.performance .chart .octane-chrome-chart{background:#417505;width:5%}html.raspberry-pi section.performance .chart .octane-chrome-hp-chart{background:#417505;width:14%}html.raspberry-pi section.performance .cover-screen{width:100%;clear:both;margin:0 auto;background:#000;position:relative;padding:2%;border-radius:8px;box-sizing:border-box}html.raspberry-pi section.performance .cover-screen-video{position:relative;height:0;overflow:hidden;padding-top:56.25%}html.raspberry-pi section.performance .cover-screen-video video{position:absolute;border:3px solid #111;border-bottom:0;left:0;top:0}html.raspberry-pi section.flash{position:relative}html.raspberry-pi section.flash .paroller{height:100%;position:absolute;top:0;right:0;background-image:url(../imgs/img_flash_content.png);background-repeat:no-repeat;background-position:right center;background-size:contain}html.raspberry-pi section.flash .container{min-height:240px}html.raspberry-pi section.flash .container .text-content{float:left}html.raspberry-pi section.plan-price{background:#fff}html.raspberry-pi section.faq{background:#f4f4f4}html.raspberry-pi section.faq .container{color:#4a4a4a;text-align:center;padding:4em 1em}html.raspberry-pi section.faq .container h3{margin-bottom:1em}html.raspberry-pi section.faq .container .faq-list{max-width:800px;margin:0 auto;text-align:left}html.raspberry-pi section.faq .container .faq-list>li{padding:1em;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:2px;margin-bottom:1em}html.raspberry-pi section.faq .container .faq-list>li i{margin-right:4px;color:#24327B;pointer-events:none}html.raspberry-pi section.faq .container .faq-list>li li{list-style:disc;position:outside;margin-left:24px}html.raspberry-pi section.faq .container .faq-list>li .question{font-weight:bold;cursor:pointer}html.raspberry-pi section.faq .container .faq-list>li .answer{margin-left:24px;display:none}html.raspberry-pi section.faq .container .faq-list>li .answer table{border-collapse:collapse;border-spacing:0;font-size:0.8em}html.raspberry-pi section.faq .container .faq-list>li .answer table th,html.raspberry-pi section.faq .container .faq-list>li .answer table td{border:1px solid #ccc;padding:4px}html.raspberry-pi section.faq .container .faq-list>li .answer table th.align-center{width:100px}html.raspberry-pi section.faq .container .faq-list>li .answer table tr:nth-child(odd){background:#f4f4f4}html.raspberry-pi section.faq .container .faq-list>li .answer table tr:first-child{background:rgba(40,175,205,0.2)}html.raspberry-pi .installation{background:#fff}html.raspberry-pi .installation .container{color:#4a4a4a;max-width:720px}html.raspberry-pi .installation .container h3{font-size:2em;font-weight:bold}html.raspberry-pi .installation .container .steps{margin-top:4em}html.raspberry-pi .installation .container .steps>li{margin-bottom:32px;overflow:hidden}html.raspberry-pi .installation .container .steps ol{margin-bottom:1em}html.raspberry-pi .installation .container .steps ol li{list-style:decimal}html.raspberry-pi .installation .container h4{font-weight:bold;font-size:1.2em}html.raspberry-pi .installation .container p{margin-top:0}@media screen and (max-width: 960px){html.raspberry-pi section.cover .container{padding-top:4em}html.raspberry-pi section.cover img.ces-logo{width:60px}html.raspberry-pi section.event h3{font-size:1em}html.raspberry-pi section.performance .text-content{text-align:left}html.raspberry-pi section.performance .chart .jetstream-puffin-chart{width:70%}html.raspberry-pi section.performance .chart .jetstream-chrome-chart{width:5.3%}html.raspberry-pi section.performance .chart .octane-puffin-chart{width:70%}html.raspberry-pi section.performance .chart .octane-chrome-chart{width:5.1%}html.raspberry-pi section.flash .paroller{height:0;position:relative;padding-top:80%}}html.raspberry-pi.event{background:#fff}html.raspberry-pi.event section.cover{background:#24327B;text-align:center}html.raspberry-pi.event section.cover img{display:block;margin:0 auto;width:100%;max-width:800px}html.raspberry-pi.event section.cover h1,html.raspberry-pi.event section.cover h4{margin:40px 0}html.raspberry-pi.event section.cover h4{font-size:1.2em}html.raspberry-pi.event section.information .container,html.raspberry-pi.event section.cst .container{color:#24327B;max-width:960px}html.raspberry-pi.event section.information .container h4,html.raspberry-pi.event section.cst .container h4{font-weight:bold;font-size:1.2em}html.raspberry-pi.event section.information .container ol li,html.raspberry-pi.event section.cst .container ol li{list-style:decimal;margin-bottom:1em}html.raspberry-pi.event section.information .container ol li ul,html.raspberry-pi.event section.cst .container ol li ul{margin-left:2em}html.raspberry-pi.event section.information .container ol li ul li,html.raspberry-pi.event section.cst .container ol li ul li{list-style:disc}html.raspberry-pi.event section.information .container .row,html.raspberry-pi.event section.cst .container .row{clear:both;margin:1em -1em}html.raspberry-pi.event section.information .container .col-6,html.raspberry-pi.event section.cst .container .col-6{display:block;width:50%;float:left}html.raspberry-pi.event section.information .container .col-12,html.raspberry-pi.event section.cst .container .col-12{width:100%;padding:0 1em;box-sizing:border-box;position:relative}html.raspberry-pi.event section.information .container label,html.raspberry-pi.event section.cst .container label{clear:both;display:block;font-size:0.8em;font-weight:bold}html.raspberry-pi.event section.information .container .form-control,html.raspberry-pi.event section.cst .container .form-control{background:#f4f4f4;border:none;width:100%;box-sizing:border-box;border-radius:4px}html.raspberry-pi.event section.information .container input.form-control[type=text],html.raspberry-pi.event section.information .container input.form-control[type=email],html.raspberry-pi.event section.information .container input.form-control[type=url],html.raspberry-pi.event section.information .container textarea.form-control,html.raspberry-pi.event section.cst .container input.form-control[type=text],html.raspberry-pi.event section.cst .container input.form-control[type=email],html.raspberry-pi.event section.cst .container input.form-control[type=url],html.raspberry-pi.event section.cst .container textarea.form-control{min-height:48px;font-size:1em;padding:0 8px}html.raspberry-pi.event section.information .container select.form-control,html.raspberry-pi.event section.cst .container select.form-control{height:48px;font-size:1em;padding:0 8px}html.raspberry-pi.event section.information .container input.form-control[type=file],html.raspberry-pi.event section.cst .container input.form-control[type=file]{background:none;padding:0}html.raspberry-pi.event section.information .container input.form-check-input,html.raspberry-pi.event section.cst .container input.form-check-input{display:inline-block;position:absolute;left:16px;top:0}html.raspberry-pi.event section.information .container label.form-check-label,html.raspberry-pi.event section.cst .container label.form-check-label{display:inline-block;font-weight:normal;padding-left:24px}html.raspberry-pi.event section.information .container label.form-check-label b,html.raspberry-pi.event section.cst .container label.form-check-label b{text-decoration:underline}html.raspberry-pi.event section.information .container textarea.form-control,html.raspberry-pi.event section.cst .container textarea.form-control{height:120px}html.raspberry-pi.event section.information .container .btn-group,html.raspberry-pi.event section.cst .container .btn-group{clear:both;text-align:center}html.raspberry-pi.event section.information .container .btn-group .btn,html.raspberry-pi.event section.cst .container .btn-group .btn{display:inline-block;padding:0 1em;margin:0 0.5em}html.raspberry-pi.event section.information .container .btn-group .btn-primary,html.raspberry-pi.event section.cst .container .btn-group .btn-primary{background:#24327B;color:#fff;border:1px solid #24327B}html.raspberry-pi.event section.information .container .btn-group .btn-default,html.raspberry-pi.event section.cst .container .btn-group .btn-default{background:none;color:#24327B;border:1px solid #24327B}html.raspberry-pi.event section.information .container small,html.raspberry-pi.event section.cst .container small{color:#666}html.raspberry-pi.event section.information .container .form-error,html.raspberry-pi.event section.cst .container .form-error{color:#b00;display:none}@media screen and (max-width: 960px){html.raspberry-pi.event section.information .container .row{margin:0 0 -1em 0;overflow:hidden}html.raspberry-pi.event section.information .container .col-6,html.raspberry-pi.event section.information .container .col-12{padding:0;margin:1em 0;width:100%;float:none}}html.raspberry-pi.edu .container a{color:#24327B}html.raspberry-pi.edu h2{line-height:1.1}html.raspberry-pi.edu h2 span{font-size:0.8em}html.raspberry-pi.edu .select{background:#24327B}html.raspberry-pi.edu section.cover .btn{color:#fff;float:left;margin-bottom:1em;margin-right:1em;padding:0 1em;line-height:48px;height:48px}html.raspberry-pi.edu section.cover .btn-primary{background:#24327B;color:#fff;border:1px solid #24327B}html.raspberry-pi.edu section.cover .btn-default{background:none;color:#fff;border:1px solid #fff}html.raspberry-pi.edu section.cover .btn-how{padding-left:0}html.raspberry-pi.edu section.education{background:#24327B;text-align:center}html.raspberry-pi.edu section.education .container{padding-bottom:0}html.raspberry-pi.edu section.education img{width:100%;display:block}html.raspberry-pi.edu section.performance{background:#151515 url(../imgs/bg_puffin_raspberry_pi_edu_performance.jpg) no-repeat right bottom;background-size:auto 100%}html.raspberry-pi.edu section.performance .text-content p{max-width:100%}html.raspberry-pi.edu section.performance .chart .jetstream-puffin-chart,html.raspberry-pi.edu section.performance .chart .jetstream-chrome-chart,html.raspberry-pi.edu section.performance .chart .jetstream-chrome-hp-chart,html.raspberry-pi.edu section.performance .chart .octane-puffin-chart,html.raspberry-pi.edu section.performance .chart .octane-chrome-chart,html.raspberry-pi.edu section.performance .chart .octane-chrome-hp-chart{background:#2C7CBB}html.raspberry-pi.edu section.performance .chart .jetstream-chrome-chart,html.raspberry-pi.edu section.performance .chart .jetstream-chrome-hp-chart,html.raspberry-pi.edu section.performance .chart .octane-chrome-chart,html.raspberry-pi.edu section.performance .chart .octane-chrome-hp-chart{background:#42B725}html.raspberry-pi.edu section.contact{background:#24327B;text-align:center}html.raspberry-pi.edu section.contact p{max-width:768px;margin-right:auto;margin-left:auto}html.raspberry-pi.edu section.contact img{width:96px;opacity:0.8}html.raspberry-pi.edu section.contact img:hover{opacity:1}html.raspberry-pi.edu section.contact a{color:#fff;font-weight:bold;text-decoration:underline}@media screen and (max-width: 960px){html.raspberry-pi.edu section.performance{background:#151515;background-image:none}}html.os{background:#fff}html.os section{overflow:hidden}html.os .header{background:#4a4a4a}html.os section.cover,html.os section.fast,html.os section.contact,html.os section.message{background:#072740;color:#fff}html.os section.data-savings,html.os section.fast,html.os section.comparison,html.os section.contact{text-align:center}html.os section.data-savings h3,html.os section.data-savings p{max-width:800px;margin-left:auto;margin-right:auto}html.os section.data-savings .chart{text-align:left;margin-top:4em;font-size:0.8em}html.os section.data-savings .chart h4{font-style:italic;color:#aaa}html.os section.data-savings .chart .facebook-puffin,html.os section.data-savings .chart .facebook-chrome,html.os section.data-savings .chart .yahoo-puffin,html.os section.data-savings .chart .yahoo-chrome{overflow:hidden}html.os section.data-savings .chart .facebook-puffin span,html.os section.data-savings .chart .facebook-chrome span,html.os section.data-savings .chart .yahoo-puffin span,html.os section.data-savings .chart .yahoo-chrome span{padding-left:32px;line-height:24px;height:24px;display:block;margin-bottom:4px}html.os section.data-savings .chart .facebook-puffin,html.os section.data-savings .chart .yahoo-puffin{margin:16px 0;font-weight:bold}html.os section.data-savings .chart .facebook-puffin span,html.os section.data-savings .chart .yahoo-puffin span{background:url(../imgs/img_puffin_internet_terminal_logo.png) no-repeat left;background-size:24px}html.os section.data-savings .chart .facebook-puffin-chart,html.os section.data-savings .chart .facebook-chrome-chart,html.os section.data-savings .chart .yahoo-puffin-chart,html.os section.data-savings .chart .yahoo-chrome-chart{background:#4A90E2;height:16px;width:80%;box-sizing:border-box;float:left;margin-right:16px}html.os section.data-savings .chart .facebook-chrome,html.os section.data-savings .chart .yahoo-chrome{margin:16px 0;margin-bottom:64px}html.os section.data-savings .chart .facebook-chrome span,html.os section.data-savings .chart .yahoo-chrome span{background:url(../imgs/img_chrome_logo.png) no-repeat left;background-size:24px}html.os section.data-savings .chart .yahoo-chrome{margin-bottom:0}html.os section.data-savings .chart .facebook-puffin-chart{width:13.6%}html.os section.data-savings .chart .facebook-chrome-chart{background:#417505}html.os section.data-savings .chart .yahoo-puffin-chart{width:6.5%}html.os section.data-savings .chart .yahoo-chrome-chart{background:#417505;width:59.3%}html.os section.fast h3,html.os section.fast p{max-width:800px;margin-left:auto;margin-right:auto}html.os section.fast .chart{text-align:left;margin-top:4em;font-size:0.8em}html.os section.fast .chart h4{font-style:italic;color:#aaa}html.os section.fast .chart .s8-puffin,html.os section.fast .chart .s8-chrome,html.os section.fast .chart .j3-puffin,html.os section.fast .chart .j3-chrome{overflow:hidden}html.os section.fast .chart .s8-puffin span,html.os section.fast .chart .s8-chrome span,html.os section.fast .chart .j3-puffin span,html.os section.fast .chart .j3-chrome span{padding-left:32px;line-height:24px;height:24px;display:block;margin-bottom:4px}html.os section.fast .chart .s8-puffin,html.os section.fast .chart .j3-puffin{margin:16px 0;font-weight:bold}html.os section.fast .chart .s8-puffin span,html.os section.fast .chart .j3-puffin span{background:url(../imgs/img_puffin_internet_terminal_logo.png) no-repeat left;background-size:24px}html.os section.fast .chart .s8-puffin-chart,html.os section.fast .chart .s8-chrome-chart,html.os section.fast .chart .j3-puffin-chart,html.os section.fast .chart .j3-chrome-chart{background:#4A90E2;height:16px;width:80%;box-sizing:border-box;float:left;margin-right:16px}html.os section.fast .chart .s8-chrome,html.os section.fast .chart .j3-chrome{margin:16px 0;margin-bottom:64px}html.os section.fast .chart .s8-chrome span,html.os section.fast .chart .j3-chrome span{background:url(../imgs/img_chrome_logo.png) no-repeat left;background-size:24px}html.os section.fast .chart .j3-chrome{margin-bottom:0}html.os section.fast .chart .s8-chrome-chart{background:#417505;width:23.3%}html.os section.fast .chart .j3-puffin-chart{width:77.7%}html.os section.fast .chart .j3-chrome-chart{background:#417505;width:7.7%}html.os section.comparison table{margin:2em auto;border-spacing:0}html.os section.comparison table .sticky-left{text-align:left}html.os section.comparison table th{font-weight:bold}html.os section.comparison table th img{display:block;height:36px;margin:0 auto 8px auto}html.os section.comparison table th,html.os section.comparison table td{width:160px;padding:16px 32px}html.os section.comparison table th.puffin,html.os section.comparison table td.puffin{background:#2C7CBB;color:#fff;font-weight:bold}html.os section.comparison table tr:hover{background:#f4f4f4}html.os section.comparison table tr:hover .puffin{background:#145C96}html.os section.comparison table .top-radius{border-top-left-radius:8px;border-top-right-radius:8px}html.os section.comparison table .bottom-radius{border-bottom-left-radius:8px;border-bottom-right-radius:8px}html.os section.founders-phone{background-color:#072740;background-image:url(../imgs/bg_os_founders_phone.png);background-repeat:no-repeat;background-size:cover;background-position:top;text-align:center}html.os section.founders-phone .container{padding:80px 0}html.os section.founders-phone .text-content{color:#fff;width:768px;margin:0 auto}html.os section.founders-phone .text-content h3{margin:0 0 6px;font-size:44px}html.os section.founders-phone .text-content p{font-size:18px}html.os section.contact h1{text-align:center !important}html.os section.contact a{color:#fff;text-decoration:underline}html.os section.contact a img{width:32px;position:relative;top:8px}html.os section.contact .download-info{padding:1em;margin-top:1em;background-color:white;text-align:left;color:black}html.os section.contact .download-info h4{font-weight:bold}html.os section.contact .download-info ol,html.os section.contact .download-info ol>li{list-style-type:decimal}html.os section.contact .download-info ul,html.os section.contact .download-info ul>li{list-style-type:disc}html.os section.contact .download-info ul.known-issues{padding-left:1em}html.os section.contact .download-info a{color:black}html.os section.contact form.contact-form,html.os section.contact form.email-signup{text-align:left;max-width:800px;margin:0 auto}html.os section.contact form.contact-form .form-row,html.os section.contact form.email-signup .form-row{overflow:hidden;margin-bottom:32px}html.os section.contact form.contact-form .form-textarea,html.os section.contact form.email-signup .form-textarea{padding:0 1em}html.os section.contact form.contact-form .col-6,html.os section.contact form.email-signup .col-6{width:50%;float:left}html.os section.contact form.contact-form label,html.os section.contact form.email-signup label{display:block;font-size:0.8em;color:rgba(255,255,255,0.8)}html.os section.contact form.contact-form input,html.os section.contact form.contact-form textarea,html.os section.contact form.email-signup input,html.os section.contact form.email-signup textarea{width:100%;border:none;background:rgba(255,255,255,0.1);color:#fff;font-size:1em;padding:16px;border-radius:2px;display:block;box-sizing:border-box}html.os section.contact form.contact-form input::placeholder,html.os section.contact form.contact-form textarea::placeholder,html.os section.contact form.email-signup input::placeholder,html.os section.contact form.email-signup textarea::placeholder{color:rgba(255,255,255,0.4)}html.os section.contact form.contact-form .form-row.checkboxes,html.os section.contact form.email-signup .form-row.checkboxes{margin-bottom:0}html.os section.contact form.contact-form .form-row.checkboxes input,html.os section.contact form.contact-form .form-row.checkboxes label,html.os section.contact form.email-signup .form-row.checkboxes input,html.os section.contact form.email-signup .form-row.checkboxes label{display:inline-block;width:auto;vertical-align:text-top}html.os section.contact form.contact-form .form-row.checkboxes .device-description,html.os section.contact form.email-signup .form-row.checkboxes .device-description{display:block;font-size:0.8em;color:#999;padding-left:2px}html.os section.contact button{background:#2C7CBB;border-color:#2C7CBB}html.os section.contact button:hover{background:#266799;border-color:#266799}html.os section.contact #signed-up h5{font-size:1.2em;font-weight:bold}html.os section.contact #survey-container{text-align:left;max-width:800px;margin:0 auto}html.os section.contact #survey-container h5{font-size:1.5em}html.os section.contact #survey-container p{margin:1em 0 2em 0;color:#aaa;line-height:1.1}html.os section.contact #survey-container .sv_qstn_error_top{color:red}html.os section.contact #survey-container .sv_bootstrap_css .sv_qstn{box-sizing:border-box}html.os section.contact #survey-container fieldset div.radio{margin-top:4px}html.os section.contact #survey-container textarea{width:100%;border:none;background:rgba(255,255,255,0.1);color:#fff;font-size:1em;padding:16px;border-radius:2px;display:block;box-sizing:border-box}html.os section.contact #survey-container textarea::placeholder{color:rgba(255,255,255,0.4)}html.os section.contact #survey-container input[type=radio]{float:left;margin-top:4px}html.os section.contact #survey-container input[type=button]{border:none;color:#fff;font-size:1em;padding:0 16px;border-radius:2px;display:block;box-sizing:border-box;background:#2C7CBB;border-color:#2C7CBB}html.os section.contact #survey-container input[type=button]:hover{background:#266799;border-color:#266799}html.os section.contact #survey-container label{margin-bottom:1em;line-height:1.1}html.os section.contact #share-widget a{color:black}html.os section.message{text-align:center}html.os section.message .container{padding-top:12em}html.os section.message .container a{color:#fff;text-decoration:underline}@media screen and (max-width: 960px){html.os section.data-savings,html.os section.fast{text-align:left}html.os section.contact{text-align:center}html.os section.comparison .container .compare-table-wrapper{width:100%;overflow-x:auto}html.os section.comparison .container table{position:relative}html.os section.comparison .container th,html.os section.comparison .container td{padding:16px;font-size:0.8em}html.os section.comparison .container tr{position:relative}html.os section.comparison .container .compare-table-wrapper.fixed{padding-top:0}html.os section.comparison .container .compare-table-wrapper.fixed .sticky-top{position:relative}html.os section.founders-phone{text-align:left}html.os section.founders-phone .container{padding:72px 16px}html.os section.founders-phone .text-content{width:100%}html.os section.founders-phone .text-content h3{font-size:36px}html.os section.contact form .form-row{margin-bottom:16px}html.os section.contact form .form-textarea{padding:0 0 16px 0}html.os section.contact form .col-6{width:100% !important;float:none !important;padding:0 0 16px 0 !important}}html.os.public-benefit section.cover{background-color:#fff;text-align:center;background-image:url(../imgs/bg_os_public_benefit_cover.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}html.os.public-benefit section.cover .container{position:absolute;bottom:0;left:0;width:100%;max-width:100%;background:#fff;padding:3em 1em;color:#222}html.os.public-benefit section.cover h1{max-width:800px;margin-left:auto;margin-right:auto}html.os.public-benefit section.cover .app-icon{display:inline-block;position:relative;top:8px;width:32px !important;float:none}html.os.public-benefit section.inequality,html.os.public-benefit section.limited-connection{background-color:#000;text-align:center;background-image:url(../imgs/bg_os_public_benefit_inequality.jpg);background-repeat:no-repeat;background-size:cover;position:relative}html.os.public-benefit section.inequality .container,html.os.public-benefit section.limited-connection .container{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}html.os.public-benefit section.inequality .text-content,html.os.public-benefit section.limited-connection .text-content{width:50%;float:left;color:#222;text-align:left;background:rgba(255,255,255,0.8);padding:2em}html.os.public-benefit section.inequality .text-content h3,html.os.public-benefit section.limited-connection .text-content h3{font-size:2em}html.os.public-benefit section.inequality .text-content h4,html.os.public-benefit section.limited-connection .text-content h4{font-size:1.5em}html.os.public-benefit section.inequality .text-content span,html.os.public-benefit section.limited-connection .text-content span{text-decoration:underline;font-weight:bold;color:#b00}html.os.public-benefit section.inequality .text-content p,html.os.public-benefit section.limited-connection .text-content p{margin-bottom:0}html.os.public-benefit section.feature-phone{background-image:url(../imgs/bg_os_public_benefit_feature_phone.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}html.os.public-benefit section.feature-phone .container{position:absolute;bottom:0;left:0;width:100%;max-width:100%;background:#fff;padding:3em 1em;box-sizing:border-box}html.os.public-benefit section.feature-phone .text-content{width:50%;float:left;color:#222;text-align:left;padding:0 1em}html.os.public-benefit section.feature-phone .text-content h3{font-size:2em}html.os.public-benefit section.feature-phone .feature-phone-btn-play{cursor:pointer}html.os.public-benefit section.feature-phone .chart{max-width:280px;margin:0 auto;text-align:center}html.os.public-benefit section.feature-phone .chart span{display:block;font-size:6em;font-weight:bold;color:#b00;margin-bottom:0;line-height:1}html.os.public-benefit section.feature-phone .chart p{margin:0}html.os.public-benefit section.feature-phone .chart p.small{margin-top:2em;font-size:0.8em}html.os.public-benefit section.limited-connection{background-image:url(../imgs/bg_os_public_benefit_limited_connection.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}html.os.public-benefit section.limited-connection .chart{max-width:280px;margin:4em auto 0 auto;text-align:center}html.os.public-benefit section.limited-connection .chart span{display:block;font-size:6em;font-weight:bold;color:#b00;margin-bottom:0;line-height:1;text-decoration:none}html.os.public-benefit section.limited-connection .chart p{margin:0}html.os.public-benefit section.limited-connection .chart p.small{margin-top:2em;font-size:0.8em}html.os.public-benefit section.close-gap{background-color:#000;text-align:center;background-image:url(../imgs/bg_os_close_gap.jpg);background-repeat:no-repeat;background-size:cover;position:relative;color:#fff}html.os.public-benefit section.close-gap .text-content{text-align:center;overflow:hidden}html.os.public-benefit section.close-gap .spec{float:left;width:25%;margin:8em auto 0 auto;padding:0 1em;box-sizing:border-box}html.os.public-benefit section.close-gap .spec span{display:block;height:100px;vertical-align:middle;font-size:1.5em;font-weight:bold;color:#fff}html.os.public-benefit section.close-gap .spec span img{height:80px}html.os.public-benefit section.close-gap .spec p{margin:0;color:#fff}html.os.public-benefit section.close-gap .spec p.small{font-size:0.8em;margin-top:2em}html.os.public-benefit section.close-gap p.test-result,html.os.public-benefit section.close-gap p.open-platform{color:#28AFCD;cursor:pointer}html.os.public-benefit section.technology{background-color:#000;background-image:url(../imgs/bg_os_avatar_technology.jpg);background-repeat:no-repeat;background-size:cover;position:relative}html.os.public-benefit section.technology .container{overflow:hidden}html.os.public-benefit section.technology .text-content{width:50%;color:#222;text-align:left;background:rgba(255,255,255,0.8);padding:2em;box-sizing:border-box;float:right}html.os.public-benefit section.technology .img-content{text-align:center;padding:20px;margin-top:50px}html.os.public-benefit section.technology .img-content img{width:100%}html.os.public-benefit section.product{color:#fff;background-color:#000;text-align:center;background-image:url(../imgs/bg_os_datacenter.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom;position:relative}html.os.public-benefit section.product .img-content img{width:80%;max-width:240px;margin-top:-4em;margin-bottom:2em}html.os.public-benefit section.share,html.os.public-benefit #share-widget{text-align:center}html.os.public-benefit section.share .share-icon,html.os.public-benefit #share-widget .share-icon{width:48px;margin:8px}html.os.public-benefit section.contact{background:#000}@media screen and (max-width: 960px){html.os.public-benefit section.cover .container{box-sizing:border-box;padding:2em 1em}html.os.public-benefit section.inequality{background-position:75%}html.os.public-benefit section.inequality .container{overflow:hidden;position:relative;top:auto;margin-top:80%;left:auto;transform:translate(0, 0);width:100%;box-sizing:border-box}html.os.public-benefit section.inequality .text-content{width:100%;float:none}html.os.public-benefit section.better-way .chart{max-width:160px;margin:16px auto 80px auto}html.os.public-benefit section.feature-phone .container,html.os.public-benefit section.limited-connection .container{overflow:hidden;position:relative;top:auto;margin-top:80%;left:auto;transform:translate(0, 0);width:100%;box-sizing:border-box;padding:4em 1em;background:none}html.os.public-benefit section.feature-phone .text-content,html.os.public-benefit section.limited-connection .text-content{width:100%;float:none;background:rgba(255,255,255,0.8);padding:2em}html.os.public-benefit section.limited-connection{background-position:60% 50%}html.os.public-benefit section.close-gap{background-image:url(../imgs/bg_os_close_gap_m.jpg);background-position:center}html.os.public-benefit section.close-gap .text-content{text-align:center;overflow:hidden}html.os.public-benefit section.close-gap .spec{float:none;width:100%;max-width:480px;margin:4em auto 0 auto}html.os.public-benefit section.close-gap .spec span{height:auto}html.os.public-benefit section.close-gap .spec span img{height:80px}html.os.public-benefit section.technology{background-position:35% 50%}html.os.public-benefit section.technology .container{overflow:hidden}html.os.public-benefit section.technology .text-content{width:100%;float:none}html.os.public-benefit section.technology .img-content{text-align:center;padding:20px;margin-top:50px}html.os.public-benefit section.technology .img-content img{width:100%}html.os.public-benefit section.product .img-content img{margin-top:2em}html.os.public-benefit section.contact{text-align:center}}html.os.tech .ks-link-top{background:#05ce78;color:#fff;font-weight:bold;height:auto;line-height:1.4;display:inline-block;padding:16px 0;position:fixed;top:0;right:0;z-index:9999;display:none;width:100%}html.os.tech .ks-link-top img{width:180px;position:relative;top:3px;margin-left:4px}html.os.tech .ks-link-top.fixed{display:block}html.os.tech:before{content:'';display:block;width:100%;height:100%;position:fixed;background-image:url(../imgs/bg_os_datacenter.jpg);background-repeat:no-repeat;background-size:100%;background-color:#000;background-position:top;z-index:-1}html.os.tech section.cover{text-align:center;background-image:url(../imgs/bg_os_tech_cover_launch.jpg);background-repeat:no-repeat;background-size:cover;background-color:#000;background-position:center}html.os.tech section.cover .container{position:absolute;top:80%;left:50%;transform:translate(-50%, -50%);width:100%;box-sizing:border-box}html.os.tech section.cover h1{max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:16px}html.os.tech section.cover .app-icon{display:inline-block;position:relative;top:8px;width:32px !important;float:none}html.os.tech section.cover .btn{background:#05ce78;color:#fff;font-weight:bold;height:auto;line-height:1.4;display:inline-block;padding:8px 16px;border-radius:2px}html.os.tech section.cover .btn img{width:180px}html.os.tech section.redefined{text-align:center;position:relative;color:#fff}html.os.tech section.redefined .container{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;box-sizing:border-box}html.os.tech section.redefined .img-content img{width:80%;max-width:240px;margin-top:-4em;margin-bottom:2em}html.os.tech section.product{background-color:#000;background-image:url(../imgs/bg_breaking_hardware.jpg);background-repeat:no-repeat;background-size:cover;color:#fff}html.os.tech section.product .container{overflow:hidden}html.os.tech section.product .text-content{width:50%;text-align:left}html.os.tech section.product .img-content img{max-width:50%;margin:2em 0}html.os.tech section.product .img-content .test-result-button-container{width:50%}html.os.tech section.technology{background-color:#000;background-image:url(../imgs/bg_os_avatar_technology.jpg);background-repeat:no-repeat;background-size:cover;position:relative}html.os.tech section.technology .container{overflow:hidden}html.os.tech section.technology .text-content{width:50%;color:#222;text-align:left;background:rgba(255,255,255,0.8);padding:2em;box-sizing:border-box;float:right}html.os.tech section.technology .img-content{text-align:center;padding:20px;margin-top:50px}html.os.tech section.technology .img-content img{width:100%}html.os.tech section.open-platform{background-color:#000;background-image:url(../imgs/bg_open_platform.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;color:#000;position:relative}html.os.tech section.open-platform .container{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;box-sizing:border-box}html.os.tech section.open-platform .text-content{width:50%;color:#fff;text-align:left}html.os.tech section.open-platform .img-content img{max-width:50%;margin:2em 0}html.os.tech section.catalog,html.os.tech section.close-gap{background-color:#000;text-align:center;background-image:url(../imgs/bg_os_close_gap.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;color:#fff}html.os.tech section.catalog .text-content,html.os.tech section.close-gap .text-content{text-align:center;overflow:hidden}html.os.tech section.catalog .text-content>p,html.os.tech section.close-gap .text-content>p{margin-bottom:80px}html.os.tech section.catalog .spec,html.os.tech section.close-gap .spec{float:left;width:25%;margin:32px auto;vertical-align:top}html.os.tech section.catalog .spec span,html.os.tech section.close-gap .spec span{display:block;font-size:1.5em;font-weight:bold;height:80px}html.os.tech section.catalog .spec span img,html.os.tech section.close-gap .spec span img{height:80px}html.os.tech section.catalog .spec p,html.os.tech section.close-gap .spec p{margin:0;color:#fff}html.os.tech section.catalog .spec p.small,html.os.tech section.close-gap .spec p.small{margin-top:1em;font-size:0.8em}html.os.tech section.catalog{background-image:url(../imgs/bg_os_tech_catalog.jpg);background-position:center}html.os.tech section.catalog .container{overflow:hidden}html.os.tech section.catalog .text-content{text-align:left;overflow:hidden;width:50%;float:left}html.os.tech section.catalog .text-content>p{margin-bottom:0}html.os.tech section.catalog .spec{margin-top:60px;width:50%;min-height:160px}html.os.tech section.catalog .spec span{font-size:3em;line-height:1}html.os.tech section.catalog .spec p{padding:0}html.os.tech section.share{background-color:#fff;text-align:center}html.os.tech section.share .share-icon{width:48px;margin:8px}html.os.tech #share-widget{background-color:#000;color:#fff;text-align:center}html.os.tech #share-widget .share-icon{width:48px;margin:8px}html.os.tech section.contact{background:#000}html.os.tech section.contact .img-content{padding-bottom:20px}html.os.tech section.contact .img-content img{width:100%;max-width:1200px}html.os.tech.crowdfunding h3.badge{color:#fff;text-align:center;background-color:#28afcd;font-size:1.5em;padding:4px 0}html.os.tech.crowdfunding div.container{top:75%}html.os.tech.crowdfunding section.product .container{padding:4em 1em}html.os.tech.sebs section.contact .newsletter h3,html.os.tech.sebs section.contact .newsletter h4,html.os.tech.sebs section.contact .newsletter h5{color:#fff;font-family:sans-serif}html.os.tech.sebs section.contact h3,html.os.tech.sebs section.contact h4,html.os.tech.sebs section.contact h5{font-weight:normal;color:#ccc}html.os.tech.sebs section.contact strong{font-family:sans-serif;font-weight:bolder;color:#fff}html.os.tech.sebs section.contact h4,html.os.tech.sebs section.contact h5{font-size:1.5em}html.os.tech.sebs section.contact p{padding:0 2em;color:#ccc}html.os.tech.sebs section.contact ul{padding-left:4em}html.os.tech.sebs section.contact ul,html.os.tech.sebs section.contact li{list-style:inherit}html.os.tech.sebs section.contact .img-content{margin-top:20px}html.os.tech.sebs section.contact .text-content{text-align:left}@media screen and (max-width: 960px){html.os.tech section.product{background-position:40% 50%}html.os.tech section.product .container{overflow:hidden}html.os.tech section.product .text-content{width:100%;text-align:left}html.os.tech section.product .img-content img{max-width:400px;width:100%;margin:2em auto}html.os.tech section.product .img-content .test-result-button-container{width:100%}html.os.tech section.technology{background-position:35% 50%}html.os.tech section.technology .container{overflow:hidden}html.os.tech section.technology .text-content{width:100%;float:none}html.os.tech section.technology .img-content{text-align:center;padding:20px;margin-top:50px}html.os.tech section.technology .img-content img{width:100%}html.os.tech section.open-platform{background-image:url(../imgs/bg_open_platform_m.jpg);background-repeat:no-repeat;background-size:cover;background-position:top;position:relative}html.os.tech section.open-platform .container{position:relative;top:0;left:0;transform:translate(0, 0);margin-top:80%}html.os.tech section.open-platform .text-content{width:100%}html.os.tech section.open-platform .img-content img{max-width:50%;margin:2em 0}html.os.tech section.catalog{background-image:url(../imgs/bg_os_tech_catalog_m.jpg);background-position:center}html.os.tech section.catalog .container{overflow:hidden}html.os.tech section.catalog .text-content{width:100%;float:none}html.os.tech section.catalog .text-content>p{margin-bottom:0}html.os.tech section.catalog .spec{margin-top:40px;width:100%;min-height:auto}html.os.tech section.catalog .spec span{font-size:2em;line-height:1;height:40px}html.os.tech section.catalog .spec span img{height:40px}html.os.tech section.catalog .spec p{padding:0}html.os.tech section.close-gap{background-image:url(../imgs/bg_os_close_gap_m.jpg);background-position:center}html.os.tech section.close-gap .text-content{text-align:left;overflow:hidden}html.os.tech section.close-gap .spec{float:none;width:100%;margin-top:40px}html.os.tech section.close-gap .spec span{font-size:1.5em;line-height:1;height:auto}html.os.tech section.close-gap .spec span img{height:40px}html.os.tech.crowdfunding section.cover{position:relative}html.os.tech.crowdfunding section.cover h1{font-size:1.5em}}html.os.announcement section.cover{background-image:url(../imgs/bg_os_announcement.png);background-size:cover}html.os.announcement section.cover .container{padding-top:3em;padding-bottom:0}html.os.announcement section.cover .container .img-content{width:50%;max-width:400px;height:0;position:relative;padding-top:50%;overflow:hidden;margin:0 auto}html.os.announcement section.cover .container img{position:absolute;display:block;width:100%;top:0;left:0}html.os.announcement section.info .text-content{max-width:800px;margin:0 auto 4em auto}html.os.announcement section.info .text-content h4{font-weight:bold;color:#333}html.os.announcement section.info .text-content .btn-primary{display:inline-block;padding-right:16px;padding-left:16px}html.os.announcement section.info .fb-share-button{margin-bottom:2em;display:block}@media screen and (max-width: 960px){html.os.announcement section.cover .container{padding-top:2em}html.os.announcement section.cover .container .img-content{padding-top:60%}html.os.announcement section.info .container h3{font-size:1.5em !important}}html.blog{background:#fff}html.blog section{overflow:hidden}html.blog section .container{max-width:768px;margin:0 auto}html.blog section .container p{color:#666}html.blog .header{height:56px}html.blog .header .main-nav{display:none}html.blog .blog-list{margin-top:56px;border-top:1px solid #ddd;padding-top:56px}html.blog .blog-post{position:relative;display:block;margin-bottom:56px}html.blog .blog-post a{display:table}html.blog .blog-post a .blog-img{display:table-cell;vertical-align:middle}html.blog .blog-post a .blog-img img{width:auto;max-width:200px;display:block;line-height:0}html.blog .blog-post a .blog-content{box-sizing:border-box;display:table-cell;vertical-align:middle;padding-right:32px}html.blog .blog-post a .blog-title{font-size:1.5em;color:#4a4a4a;margin-bottom:8px}html.blog .blog-post a p{margin:0}html.blog .blog-post a .blog-date{color:#666;font-size:0.8em;margin-bottom:8px}html.blog .blog-post a .blog-intro{color:#4a4a4a;word-break:break-all}html.blog .blog-post a:hover .blog-title{color:#000}@media screen and (max-width: 960px){html.blog .blog-post a .blog-title{font-size:1em}html.blog .blog-post a .blog-img{display:none}}html.compare{background:#fff}html.compare body{overflow-x:auto}html.compare section.compare-table .container{padding-top:13.5em}html.compare section.compare-table .container .compare-table-wrapper{position:relative;width:100%;margin:0 auto}html.compare section.compare-table .container table{margin:2em auto;border-top:solid 1px #ddd;border-spacing:0}html.compare section.compare-table .container tr:hover{background:#f4f4f4}html.compare section.compare-table .container th,html.compare section.compare-table .container td{width:160px;padding:16px 32px;font-weight:normal;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}html.compare section.compare-table .container th span,html.compare section.compare-table .container td span{margin-top:0.5em;line-height:1.1;display:block;margin:0 auto;text-align:center}html.compare section.compare-table .container th span.tick,html.compare section.compare-table .container td span.tick{background:url(../imgs/icon_tick.png) no-repeat;background-size:100%;width:24px;height:24px}html.compare section.compare-table .container th a.btn,html.compare section.compare-table .container td a.btn{margin:1em auto 0 auto;height:32px;line-height:32px;width:100px}html.compare section.compare-table .container th p.disable,html.compare section.compare-table .container td p.disable{color:#666;font-size:0.8em;font-style:italic}html.compare section.compare-table .container th.sticky-left{width:280px;text-align:left;border-left:solid 1px #ddd;box-sizing:border-box}html.compare section.compare-table .container th.sticky-left .description{position:relative;display:inline-block}html.compare section.compare-table .container th.sticky-left span.description-icon{color:#28AFCD;font-size:16px;cursor:pointer}html.compare section.compare-table .container th.sticky-left span.description-content{display:none;position:fixed;z-index:10;top:50%;left:50%;background:#fff;padding:32px;box-shadow:0 0 16px rgba(0,0,0,0.2);line-height:1.4;transform:translate(-50%, -50%);width:90%;max-width:480px;box-sizing:border-box}html.compare section.compare-table .container th.sticky-left span.description-close{position:absolute;top:8px;right:16px;cursor:pointer;display:block;font-size:16px;color:#999}html.compare section.compare-table .container .sticky-top{background:#fff;transition:all .2s ease}html.compare section.compare-table .container .sticky-top th.sticky-left{box-sizing:border-box}html.compare section.compare-table .container .sticky-top:hover{background:#fff}html.compare section.compare-table .container .app-icon{display:block;width:60px;margin:0 auto;transition:all .2s ease}html.compare section.compare-table .container .radius{border-radius:10px}html.compare section.compare-table .container .compare-table-wrapper.fixed{padding-top:192px}html.compare section.compare-table .container .compare-table-wrapper.fixed .sticky-top{position:fixed;transform:translateZ(0);top:0;font-size:0.8em;z-index:999}html.compare section.compare-table .container .compare-table-wrapper.fixed .sticky-top .app-icon{width:36px}html.compare section.compare-table .container .compare-table-wrapper.fixed .sticky-top .radius{border-radius:6px}html.compare section.compare-table .container .compare-table-wrapper.fixed .sticky-top a.btn{margin:1em auto 0 auto;height:24px;line-height:24px;width:80px}html.android-tv.compare section.compare-table .container th.sticky-left,html.ios.compare section.compare-table .container th.sticky-left{width:640px}html.windows.compare section.compare-table .container th.sticky-left,html.macos.compare section.compare-table .container th.sticky-left{width:360px}@media screen and (max-width: 960px){html.compare section.compare-table .container .compare-table-wrapper{width:100%;overflow-x:auto}html.compare section.compare-table .container table{position:relative}html.compare section.compare-table .container th,html.compare section.compare-table .container td{width:120px}html.compare section.compare-table .container th.sticky-left{height:180px;width:200px}html.compare section.compare-table .container tr{height:180px;position:relative}html.compare section.compare-table .container .sticky-top{font-size:0.8em}html.compare section.compare-table .container .sticky-top .app-icon{width:36px}html.compare section.compare-table .container .sticky-top .radius{border-radius:6px}html.compare section.compare-table .container .sticky-top a.btn{margin:1em auto 0 auto;height:24px;line-height:24px;width:80px}html.compare section.compare-table .container .compare-table-wrapper.fixed{padding-top:0}html.compare section.compare-table .container .compare-table-wrapper.fixed .sticky-top{position:relative}}.account .container{clear:both;padding:8em 1em;text-align:center}.account .container h3{font-size:2em}.account .container form{width:100%;max-width:400px;margin:40px auto 0 auto;text-align:left}.account .container form .form-group{position:relative;margin-bottom:16px;overflow:hidden}.account .container form .form-group .col-6{padding:0}.account .container form .form-group .col-6:first-child{padding-right:8px}.account .container form .form-group .col-6:last-child{padding-left:8px}.account .container form .form-group h4{font-weight:bold}.account .container form .form-group p{margin:8px 0;color:#666}.account .container form .form-group input,.account .container form .form-group select{padding:20px 8px 0 8px;display:block;width:100%;height:56px;box-sizing:border-box;background-color:transparent;border:1px solid #ddd;border-radius:0;font-size:18px;color:#4a4a4a;-webkit-appearance:none}.account .container form .form-group input:disabled{border:none;padding:20px 0 0 0;color:#666;font-style:italic}.account .container form .form-group input#expiryDate{padding-left:96px;padding-top:2px;transition:0.2s ease all}.account .container form .form-group label{color:#000;font-size:14px;font-weight:bold;position:absolute;pointer-events:none;left:8px;top:20px;transition:0.2s ease all}.account .container form .form-group .text-imp{color:#b00;font-weight:bold}.account .container form .form-group input#teamEmail{padding-right:140px}.account .container form .form-group .teamDomain{position:absolute;right:8px;top:26px;font-style:italic}.account .container form .form-group .col-6:last-child label{left:16px}.account .container form .form-group input:focus,.account .container form .form-group select:focus{border:1px solid #28AFCD}.account .container form .form-group input#expiryDate:focus,.account .container form .form-group input#expiryDate:not(:placeholder-shown){padding:20px 8px 0 8px}.account .container form .form-group input:focus ~ label,.account .container form .form-group input:not(:placeholder-shown) ~ label,.account .container form .form-group select:focus ~ label,.account .container form .form-group select:not([value=""]):valid ~ label{top:6px}.account .container form .form-group input:invalid,.account .container form .form-group select:invalid{border:1px solid #bb0000}.account .container form .form-group input:invalid ~ label,.account .container form .form-group select:invalid ~ label{top:6px;color:#bb0000}.account .container form .form-group input:disabled ~ label,.account .container form .form-group select:disabled ~ label{top:6px;left:0;color:#666;font-style:italic}.account .container form .form-group.form-select label,.account .container form .form-group.form-textarea label{top:6px;background:#fff}.account .container form .form-group.form-select .textarea-wrapper,.account .container form .form-group.form-textarea .textarea-wrapper{padding:24px 8px 8px 8px;border:1px solid #ddd}.account .container form .form-group.form-select textarea,.account .container form .form-group.form-textarea textarea{border:none;width:100%;height:120px;padding:0;font-size:18px;color:#4a4a4a;-webkit-appearance:none}.account .container form .form-group.form-select textarea:focus,.account .container form .form-group.form-textarea textarea:focus{outline:none}.account .container form .form-group.budget span{position:absolute;top:26px;left:8px;display:none}.account .container form .form-group.budget input{padding-left:24px}.account .container form .form-group.budget input:focus ~ span,.account .container form .form-group.budget input:not(:placeholder-shown) ~ span,.account .container form .form-group.budget select:focus ~ span,.account .container form .form-group.budget select:not([value=""]):valid ~ span{display:block}.account .container form .form-group.budget input:invalid ~ span,.account .container form .form-group.budget select:invalid ~ span{display:block}.account .container form .form-group.budget input:disabled ~ span,.account .container form .form-group.budget select:disabled ~ span{display:block}.account .container form .btn-group{margin:40px 0}.account .container form .btn{width:100%;margin-bottom:16px}.account .container form .card-list{position:absolute;top:18px;right:8px}.account .container form .card-list li{display:block;float:left;width:30px;height:20px;background-image:url(../imgs/assets.png);background-size:480px 240px;margin-left:4px}.account .container form .card-list li.visa{background-position:0 -128px}.account .container form .card-list li.master{background-position:-30px -128px}.account .container form .card-list li.ae{background-position:-60px -128px}.account .container form .checkbox{font-size:14px;color:#666;margin-top:16px}@media screen and (max-width: 960px){.account .container h3{font-size:1.5em}.account .container form .form-group .col-6{padding:0}.account .container form .form-group .col-6:first-child{padding-right:0;margin-bottom:16px}.account .container form .form-group .col-6:last-child{padding-left:0}}.account.details .container{text-align:left;max-width:800px}.account.details .container .account-information-title,.account.details .container .payment-method-title,.account.details .container .plan-details-title,.account.details .container .payment-history-title{overflow:hidden;margin-top:40px;border-bottom:1px solid #ddd}.account.details .container .account-information-title h4,.account.details .container .payment-method-title h4,.account.details .container .plan-details-title h4,.account.details .container .payment-history-title h4{font-size:1.5em;float:left;font-weight:bold}.account.details .container .account-information-title a,.account.details .container .payment-method-title a,.account.details .container .plan-details-title a,.account.details .container .payment-history-title a{float:right;margin-left:8px;padding-left:8px;position:relative;top:4px}.account.details .container .account-information,.account.details .container .payment-method,.account.details .container .plan-details,.account.details .container .payment-history{margin-bottom:80px}.account.details .container .account-information .row,.account.details .container .payment-method .row,.account.details .container .plan-details .row,.account.details .container .payment-history .row{padding:8px 0}.account.details .container .account-information h5,.account.details .container .payment-method h5,.account.details .container .plan-details h5,.account.details .container .payment-history h5{width:30%;font-size:1em;margin:0;max-width:160px;float:left}.account.details .container .account-information p,.account.details .container .payment-method p,.account.details .container .plan-details p,.account.details .container .payment-history p{margin:0;float:left}.account.details .container .account-information a,.account.details .container .payment-method a,.account.details .container .plan-details a,.account.details .container .payment-history a{float:right}.account.details .container .account-information .payment-history-list li,.account.details .container .payment-method .payment-history-list li,.account.details .container .plan-details .payment-history-list li,.account.details .container .payment-history .payment-history-list li{padding:4px 0}.account.details .container .account-information .payment-history-list li:first-child,.account.details .container .payment-method .payment-history-list li:first-child,.account.details .container .plan-details .payment-history-list li:first-child,.account.details .container .payment-history .payment-history-list li:first-child{font-weight:bold}.account.details .container .account-information .date,.account.details .container .payment-method .date,.account.details .container .plan-details .date,.account.details .container .payment-history .date{width:160px;display:inline-block}.account.details .container .account-information .invoice,.account.details .container .payment-method .invoice,.account.details .container .plan-details .invoice,.account.details .container .payment-history .invoice{width:210px;float:none;display:inline-block}.account.details .container .account-information .invoice a,.account.details .container .payment-method .invoice a,.account.details .container .plan-details .invoice a,.account.details .container .payment-history .invoice a{float:none}.account.details .container .account-information .amount a,.account.details .container .payment-method .amount a,.account.details .container .plan-details .amount a,.account.details .container .payment-history .amount a{float:none}@media screen and (max-width: 960px){.account.details .container .account-information-title h4,.account.details .container .payment-method-title h4,.account.details .container .plan-details-title h4,.account.details .container .payment-history-title h4{float:none}.account.details .container .account-information-title a,.account.details .container .payment-method-title a,.account.details .container .plan-details-title a,.account.details .container .payment-history-title a{float:left;display:block;margin:0 8px 8px 0;padding-left:0;padding-right:8px;border:none}.account.details .container .account-information h5,.account.details .container .payment-method h5,.account.details .container .plan-details h5,.account.details .container .payment-history h5{width:100%;float:none}.account.details .container .account-information p,.account.details .container .payment-method p,.account.details .container .plan-details p,.account.details .container .payment-history p{margin:0;float:none}.account.details .container .account-information a,.account.details .container .payment-method a,.account.details .container .plan-details a,.account.details .container .payment-history a{float:none;display:block;margin-bottom:8px}}.account.message .container{padding:12em 1em}.account.message .app-icon{width:96px;margin:0 auto 2em auto;overflow:hidden}.account.message .app-icon img{display:block;width:100%}.account.invoice body{color:#000;overflow:auto}.account.invoice .wrapper{width:680px;padding:4em 2em;box-sizing:border-box;margin:0 auto}.account.invoice .container{text-align:left;padding:0}.account.invoice .app-icon{width:64px;margin:0 auto 0.5em auto;border-radius:12px;overflow:hidden}.account.invoice .app-icon img{display:block;width:100%}.account.invoice h3{text-align:center;margin-bottom:1em}.account.invoice .col-6{padding:0;display:block;float:left}.account.invoice .col-6.align-right{float:right}.account.invoice h4{margin:0;font-size:1.2em;font-weight:bold}.account.invoice p{color:#666;font-size:14px;margin:8px 0}.account.invoice p b{color:#000}.account.invoice .bill-to{margin-top:2em}.account.invoice .bill-to h4{font-size:1em}.account.invoice .invoice-table{margin-top:2em;margin-bottom:2em;clear:both;width:100%;border-collapse:collapse}.account.invoice .invoice-table th,.account.invoice .invoice-table td{padding:8px 0;min-height:20px}.account.invoice .invoice-table .align-center{text-align:center}.account.invoice .invoice-table .amount{white-space:nowrap;padding-left:12px}.account.invoice .invoice-table tr{border-bottom:1px solid #ddd}.account.invoice .invoice-table tr.total{color:#999}.account.invoice .invoice-table tr.empty{height:42px}html.account.education section.plan-price{font-family:Roboto;color:#133549;text-align:center;padding:8em 1em;max-width:768px;width:90%;margin:0 auto}html.account.education section.plan-price>h3{font-size:36px}html.account.education section.plan-price>p{color:#4a4a4a;margin:24px 0 54px}html.account.education section.plan-price>table{border-collapse:collapse;width:100%}html.account.education section.plan-price>table>tbody>tr>td,html.account.education section.plan-price>table>tbody>tr>th{border:solid 1px #cccccc;font-weight:normal;vertical-align:top;padding:18px;width:33.3%;text-align:left}html.account.education section.plan-price>table>tbody>tr>td>h4,html.account.education section.plan-price>table>tbody>tr>th>h4{height:60px;line-height:60px;background:#f4f4f4;font-size:24px;font-weight:bold;margin:-18px;text-align:center}html.account.education section.plan-price>table>tbody>tr>td>.price-details,html.account.education section.plan-price>table>tbody>tr>th>.price-details{min-height:200px}html.account.education section.plan-price>table>tbody>tr>td>.price-details>.total-price,html.account.education section.plan-price>table>tbody>tr>th>.price-details>.total-price{font-size:14px;color:#666;line-height:1.2;padding-top:30px;display:inline-block}html.account.education section.plan-price>table>tbody>tr>td>.price-details>.total-price>span,html.account.education section.plan-price>table>tbody>tr>td>.price-details>.total-price>del,html.account.education section.plan-price>table>tbody>tr>th>.price-details>.total-price>span,html.account.education section.plan-price>table>tbody>tr>th>.price-details>.total-price>del{font-size:40px;font-weight:500;letter-spacing:-1.5px}html.account.education section.plan-price>table>tbody>tr>td>.price-details>.total-price>span,html.account.education section.plan-price>table>tbody>tr>th>.price-details>.total-price>span{color:#28AFCD}html.account.education section.plan-price>table>tbody>tr>td>.price-details>.total-price>del,html.account.education section.plan-price>table>tbody>tr>th>.price-details>.total-price>del{color:#d5d5d5;margin-right:8px;letter-spacing:-1.5px}html.account.education section.plan-price>table>tbody>tr>td>.price-details>.special-price,html.account.education section.plan-price>table>tbody>tr>th>.price-details>.special-price{color:#fff;background:#b00 url(../imgs/icon_clock.png) no-repeat 6px center;background-size:14px;padding:3px 8px 3px 24px;margin-top:28px;line-height:1;display:inline-block;font-size:14px}html.account.education section.plan-price>table>tbody>tr>td>a,html.account.education section.plan-price>table>tbody>tr>th>a{border-radius:4px;margin-top:24px;overflow:hidden}html.account.education section.plan-price>table>tbody>tr>td{border-right:none}html.account.education section.plan-price>table>tbody>tr>th.yearly{border:1px solid #28afcd;box-shadow:-1px -1px 4px 0 #aaa}html.account.education section.plan-price>table>tbody>tr>th.yearly>h4{background:url(../imgs/icon_recommend.png) no-repeat top right #f4f4f4;background-size:40px}html.account.education section.plan-price>table>tbody>tr>td>p{padding:16px 0 0;font-size:16px}html.account.education section.plan-price>ul{margin:24px auto}html.account.education section.plan-price>ul>li{list-style:disc;text-align:left;margin-left:32px;font-size:18px;line-height:28px;color:#333}html.account.education section.plan-price>ul>li>a.explain-icon{font-size:16px;vertical-align:1px}html.account.education section.plan-price>ul>li>div.explain-content{display:none;position:fixed;z-index:10;top:50%;left:50%;background:#fff;padding:32px;box-shadow:0 0 16px rgba(0,0,0,0.2);line-height:1.4;transform:translate(-50%, -50%);width:90%;max-width:480px;box-sizing:border-box}html.account.education section.plan-price>ul>li>div.explain-content>a.explain-close{position:absolute;top:8px;right:16px;display:block;font-size:16px;color:#999}@media screen and (max-width: 780px){html.account.education section.plan-price{padding:4em 1em;box-sizing:border-box}html.account.education section.plan-price>p{margin-bottom:24px}html.account.education section.plan-price>table{display:block}html.account.education section.plan-price>table>tbody{display:block}html.account.education section.plan-price>table>tbody>tr{display:block}html.account.education section.plan-price>table>tbody>tr>td{border:0;display:block;width:100%;box-sizing:border-box;padding:0}html.account.education section.plan-price>table>tbody>tr>td>h4{display:none}html.account.education section.plan-price>table>tbody>tr>td>p{text-align:center;min-height:auto}html.account.education section.plan-price>table>tbody>tr>th{display:block;width:100%;box-sizing:border-box;margin:24px auto}html.account.education section.plan-price>table>tbody>tr>th>p{min-height:auto}}.benchmark h3{text-align:center;font-size:2em;line-height:1.2}.benchmark .chart{margin:0em auto;padding:12em 1em 8em 1em;position:relative}.benchmark .chart .axis line{fill:none}.benchmark .chart .bar{fill:steelblue}.benchmark .chart .axis .minor line{stroke:#777;stroke-dasharray:2,2}.benchmark .chart .x.axis,.benchmark .chart .y.axis{fill:#666}.benchmark .chart .x.axis path{fill:none;stroke:#ccc;stroke-width:1;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round}.benchmark .chart .y.axis path{fill:none}.benchmark .chart #chart-wrapper{width:100%;font-size:14px;height:400px;position:relative;margin:32px 0}.benchmark .chart #chart-content{width:100%;height:400px;position:absolute;top:0;left:0}.benchmark .chart .chart-main-tab{font-size:14px;border:1px solid #28AFCD;width:242px;margin:2em auto;overflow:hidden;border-radius:4px;box-sizing:border-box}.benchmark .chart .chart-main-tab li{color:#28AFCD;line-height:28px;width:120px;float:left;padding:0;cursor:pointer;box-sizing:border-box;text-align:center}.benchmark .chart .chart-main-tab li.current{background:#28AFCD;color:#fff}.benchmark .chart .chart-sub-tab{font-size:14px;float:left;text-align:left;width:120px;margin-top:40px;position:relative;z-index:999}.benchmark .chart .chart-sub-tab li{padding:0.25em 0;color:#666;cursor:pointer}.benchmark .chart .chart-sub-tab li:hover{color:#28AFCD}.benchmark .chart .chart-sub-tab li.current{color:#28AFCD;font-weight:bold}.benchmark .chart .chart-info{font-size:14px;margin-left:160px}@media screen and (max-width: 960px){.benchmark .chart .chart-sub-tab{float:none;width:100%;text-align:center;overflow:hidden;margin-top:8px}.benchmark .chart .chart-sub-tab li{display:block;float:left;padding:4px 8px;width:33.333%;box-sizing:border-box}.benchmark .chart .chart-info{margin-left:8px}}.development .container{max-width:960px}.development .container h1{font-size:2em}.development .container h2{font-size:1em}.development .development-article ul{padding-left:32px}.development .development-article ul>li{list-style:disc}.development .development-article h3{margin-top:2em;font-weight:bold}.development .prettyprint{font-size:14px;line-height:1.4;color:#f4f4f4;background:#000;padding:1em;margin:1em;border-radius:2px;word-break:break-all;white-space:pre-wrap}.press-kit .container{max-width:960px}.press-kit h1{font-size:2em}.press-kit .press-kit-list{margin-top:2em;overflow:hidden}.press-kit .press-kit-list li{margin-right:16px;width:240px;display:block;float:left}.press-kit .press-kit-list li p{margin-bottom:8px;margin-top:16px;color:#333}.press-kit .press-kit-list li img{width:120px;border-radius:24px;display:block}.press-kit .press-kit-list li a{text-decoration:none;background:#666;color:#fff;padding:4px 8px;text-decoration:none;width:120px;box-sizing:border-box;height:32px;display:block;line-height:24px;border-radius:4px}.press-kit .press-kit-list li a:hover{background:#555}@media screen and (max-width: 960px){.press-kit .press-kit-list li{margin-right:0;margin-bottom:32px;width:100%;float:none;overflow:hidden}.press-kit .press-kit-list li p{margin-bottom:8px;margin-top:8px;font-size:1em}.press-kit .press-kit-list li img{float:left;margin-right:16px}.press-kit .press-kit-list li a{display:inline-block}}html.open-video{height:100%;overflow:hidden;position:relative}html.open-video #videoModal{display:block;z-index:1001}html.open-video .overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,0.8)}.reveal-modal{position:fixed;width:100%;max-width:800px;top:50%;left:50%;transform:translate(-50%, -50%);display:none}.player-container{width:100%;height:0;padding-top:56.25%;position:relative}.player-container #player{left:0;top:0;height:100%;width:100%;position:absolute}.close-reveal-modal{position:absolute;top:-16px;right:-16px;color:#fff;font-size:24px;background:#000;display:block;width:32px;height:32px;text-align:center;line-height:28px;border-radius:32px;border:1px solid #fff;cursor:pointer}.close-reveal-modal:hover{color:#fff;background:#333}@media screen and (max-width: 960px){.close-reveal-modal{top:8px;right:8px}}#downloadModal,#cstModal{display:none}html.open-download{height:100%;overflow:hidden;position:relative}html.open-download .overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,0.8)}html.open-download #downloadModal{display:block;z-index:1001;position:fixed;width:80%;max-width:640px;padding:2em 1em;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:8px}html.open-download #downloadModal .container{display:table;width:100%;padding:0}html.open-download #downloadModal .col-8,html.open-download #downloadModal .col-4{display:table-cell;vertical-align:middle;float:none}html.open-download #downloadModal .col-8 h2{font-size:2em;font-weight:bold;line-height:1.2;color:#222}html.open-download #downloadModal .col-8 p{font-size:0.8em}html.open-download #downloadModal .col-8 .btn-primary{display:inline-block;padding:0 1em}html.open-download #downloadModal .col-4{text-align:center;border-left:1px solid #ddd}html.open-download #downloadModal .col-4 h3{font-size:0.8em;background:#f4f4f4;border-radius:32px;padding:0.2em 1em}html.open-download #downloadModal .col-4 a{font-size:0.8em}html.open-download #downloadModal .col-4 i{display:block;font-size:2em;margin:1em 0 0.2em 0}html.open-download #downloadModal .close-modal{position:absolute;top:8px;right:8px;color:#4a4a4a;font-size:32px;display:block;width:32px;height:32px;text-align:center;line-height:28px;cursor:pointer}html.open-download #downloadModal .close-modal:hover{color:#999}html.raspberry-pi.open-download #downloadModal .container{color:#4a4a4a}html.raspberry-pi.open-download #downloadModal .col-8 .btn-primary{background:#24327B;color:#fff;border:1px solid #24327B}html.raspberry-pi.open-download #downloadModal .col-4 .select{margin:24px auto;float:none;display:inline-block;background:none;color:#24327B}html.raspberry-pi.open-download #downloadModal .col-4 i{display:block;font-size:1.2em;margin:0;margin-right:8px;position:relative;top:4px;float:left}html.raspberry-pi.open-download #downloadModal .col-4 select{float:left;width:100px;color:#24327B}html.raspberry-pi.open-download #downloadModal .close-modal{position:absolute;top:8px;right:8px;color:#4a4a4a;font-size:32px;display:block;width:32px;height:32px;text-align:center;line-height:28px;cursor:pointer}html.raspberry-pi.open-download #downloadModal .close-modal:hover{color:#999}@media screen and (max-width: 960px){html.open-download #downloadModal .container{display:block}html.open-download #downloadModal .col-8,html.open-download #downloadModal .col-4{display:block;float:none}html.open-download #downloadModal .col-8{text-align:center}html.open-download #downloadModal .col-4{margin-top:2em;padding-top:2em;border-left:none;border-top:1px solid #ddd}html.open-download #downloadModal .col-4 h3{display:block}}html.open-test-result{height:100%;overflow:hidden;position:relative}html.open-test-result .overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(255,255,255,0.6)}html.open-test-result #test-result{display:block;z-index:1001;position:fixed;width:80%;padding:2em 1em;top:50%;left:50%;transform:translate(-50%, -50%);background:#000;border-radius:8px}html.open-test-result #test-result .container{padding:1em}html.open-test-result #test-result img{width:100%;margin:0 auto;display:block}html.open-test-result #test-result .close-modal{position:absolute;top:8px;right:8px;color:#4a4a4a;font-size:32px;display:block;width:32px;height:32px;text-align:center;line-height:28px;cursor:pointer}html.open-test-result #test-result .close-modal:hover{color:#999}html.open-test-result #test-result .test-result-images{display:none}html.open-test-result #test-result .test-result-images.selected{display:block}html.open-test-result #test-result .test-result-tabs{text-align:center;height:50px}html.open-test-result #test-result .test-result-tabs .tab{color:#28afcd;padding:0.5em 2em;border:1px solid #28afcd;cursor:pointer !important}html.open-test-result #test-result .test-result-tabs .tab.selected{background-color:#28afcd;color:#000}html.open-test-result #test-result .test-result-tabs .tab.data{border-radius:5px 0 0 5px}html.open-test-result #test-result .test-result-tabs .tab.chart{border-radius:0 5px 5px 0}html.open-open-platform{height:100%;overflow:hidden;position:relative}html.open-open-platform .overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(255,255,255,0.6)}html.open-open-platform #open-platform{color:#fff;display:block;z-index:1001;position:fixed;width:80%;max-width:640px;padding:2em 1em;top:50%;left:50%;transform:translate(-50%, -50%);background:#000;border-radius:8px}html.open-open-platform #open-platform .container{padding:1em}html.open-open-platform #open-platform img{width:100%;margin:0 auto;display:block}html.open-open-platform #open-platform .close-modal{position:absolute;top:8px;right:8px;color:#4a4a4a;font-size:32px;display:block;width:32px;height:32px;text-align:center;line-height:28px;cursor:pointer}html.open-open-platform #open-platform .close-modal:hover{color:#999}.privacy,.terms{background:#f4f4f4}.privacy .container,.terms .container{max-width:800px;margin:0 auto}.privacy .container h2,.terms .container h2{font-size:3em;line-height:2 !important}.privacy .container h3,.terms .container h3{font-size:2em;line-height:1.8 !important}.privacy .container h4,.terms .container h4{font-weight:bold;font-size:1.5em;line-height:1.6 !important}.privacy .container p,.terms .container p{margin:0 0 2em 0}.privacy .container .list-desc,.terms .container .list-desc{margin:0 0 0.2em 0}.privacy .container ol li,.terms .container ol li{list-style:decimal}.privacy .container ul,.terms .container ul{padding:0 0 0.6em 1.4em}.privacy .container ul li,.terms .container ul li{list-style:disc;padding:0.4em 0}.privacy .nav-tab,.terms .nav-tab{margin:0;padding:0;overflow:hidden}.privacy .nav-tab li,.terms .nav-tab li{float:left}.privacy .nav-tab li a,.terms .nav-tab li a{padding:8px 16px;display:block;color:#4a4a4a;cursor:pointer}.privacy .nav-tab li.active,.terms .nav-tab li.active{background:#fff}.privacy .nav-tab li.active a,.terms .nav-tab li.active a{font-weight:bold}@media screen and (max-width: 960px){.privacy .container h2,.terms .container h2{font-size:2em;font-weight:bold}.privacy .container h3,.terms .container h3{font-size:1.5em;font-weight:bold}.privacy .container h4,.terms .container h4{font-size:1.2em;font-weight:bold}.privacy .nav-tab li a,.terms .nav-tab li a{font-size:0.8em}}.footer{overflow:hidden;position:relative;margin:0;background:#111;color:#fff;text-align:left;padding:4em}.footer ul li{margin:4px 0;display:block}.footer ul li a{color:#fff;text-decoration:none}.footer ul li a:hover{color:#aaa}.footer .footer-links-first{margin-left:33.333%}.footer .footer-social-btns{position:absolute;left:0;top:50%;transform:translateY(-50%)}.footer .footer-btns{margin-bottom:0}.footer .footer-btns li{display:inline-block;margin:0 8px 0 0}.footer .footer-btns a{display:block;height:32px}.footer .footer-btns a.footer-facebook{width:32px;background:url(../imgs/icon_facebook.png) no-repeat top;background-size:100%}.footer .footer-btns a.footer-twitter{width:32px;background:url(../imgs/icon_twitter.png) no-repeat top;background-size:100%}.footer .footer-btns a:hover{opacity:0.7}.footer .lang-select{font-size:1em;max-width:160px;color:#fff;background:#444;padding:4px 24px 4px 8px;border-radius:4px;line-height:20px;position:relative}.footer .lang-select i{font-size:1em;margin-right:4px}.footer .lang-select select{font-size:0.8em;width:100%;position:absolute;z-index:5;top:4px;left:0;height:20px;line-height:20px;box-sizing:border-box;padding:0 24px 0 32px;color:#fff;border:none;border-radius:0;box-shadow:none;background:transparent;background-image:none;-webkit-appearance:none}.footer .lang-select .fa-caret-down{position:absolute;top:6px;right:4px}.footer .copyright{text-align:right;color:#666;position:absolute;right:4em;top:50%;transform:translateY(-50%)}.footer .copyright p{margin:0}@media screen and (max-width: 960px){.footer{padding:2em 1em}.footer .col-8,.footer .col-4{width:100%}.footer .col-4{padding:0}.footer .footer-links-first{margin-left:0}.footer .footer-social-btns{position:relative;left:0;top:0;transform:translateY(0);margin-bottom:16px}.footer .copyright{text-align:left;position:relative;left:0;top:0;transform:translateY(0);padding:0 16px;margin-top:16px}.footer .copyright p{margin:0}}#privacy-reconsider li{list-style:decimal;margin-bottom:12px}
