html{color:#222}a:visited{color:#551a8b}a:hover{color:#06e}img{vertical-align:middle}fieldset{border:0;
margin:0;
padding:0}textarea{resize:vertical}.nocallout{-webkit-touch-callout:none}.pressed{background-color:rgba(0,0,0,.7)}textarea[contenteditable]{-webkit-appearance:none}.gifhidden{position:absolute;
left:-100%}.ir{background-color:transparent;
background-repeat:no-repeat;
border:0;
direction:ltr;
display:block;
overflow:hidden;
text-align:left;
text-indent:-999em}.ir br{display:none}.hidden{display:none!important;
visibility:hidden}.visuallyhidden{border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto}.invisible{visibility:hidden}.clearfix::before,.clearfix::after{content:"";
display:table}.clearfix::after{clear:both}html{font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;
vertical-align:baseline}audio:not([controls]){display:none;
height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;
color:#000}sub,sup{font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{box-sizing:content-box;
height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;
font-size:1em}button,input,optgroup,select,textarea{color:inherit;
font:inherit;
margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;
cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;
padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;
padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;
box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;
padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;
border-spacing:0}td,th{padding:0}blockquote{margin:0}*,*::before,*::after{box-sizing:border-box}html,body,button{-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased}body{font-size:16px;
line-height:1.625em;
color:#404040}body::after{content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
z-index:9;
display:none;
background-image:linear-gradient(to bottom,rgba(0,0,0,.15)95%,rgba(0,0,0,.15)100%);
background-size:100% 26px}body.debug::after{display:block;
pointer-events:none}pre{background:#f0f0f0;
padding:13px}.main-container{box-sizing:content-box;
position:relative;
padding-left:5%;
padding-right:5%;
margin-left:auto;
margin-right:auto}@media only screen and (min-width:620px){.main-container{padding-left:4.8%;
padding-right:4.8%;
max-width:688px}}@media only screen and (min-width:800px){.main-container{padding-left:4.4%;
padding-right:4.4%;
max-width:864px}}.container{box-sizing:content-box;
position:relative;
padding-left:5%;
padding-right:5%;
margin-left:auto;
margin-right:auto}@media only screen and (min-width:620px){.container{padding-left:4.8%;
padding-right:4.8%;
max-width:688px}}@media only screen and (min-width:800px){.container{padding-left:4.4%;
padding-right:4.4%;
max-width:864px}}@media only screen and (min-width:620px){.container-medium{box-sizing:content-box;
position:relative;
padding-left:5%;
padding-right:5%;
margin-left:auto;
margin-right:auto}@media only screen and (min-width:620px){.container-medium{padding-left:4.8%;
padding-right:4.8%;
max-width:688px}}@media only screen and (min-width:800px){.container-medium{padding-left:4.4%;
padding-right:4.4%;
max-width:864px}}}@media only screen and (max-width:619px){.container-small{box-sizing:content-box;
position:relative;
padding-left:5%;
padding-right:5%;
margin-left:auto;
margin-right:auto}@media only screen and (min-width:620px){.container-small{padding-left:4.8%;
padding-right:4.8%;
max-width:688px}}@media only screen and (min-width:800px){.container-small{padding-left:4.4%;
padding-right:4.4%;
max-width:864px}}}@media only screen and (min-width:800px){.content{margin-right:25.9%}.content pre{margin-right:-25.9%}}@font-face{font-family:icons;
src:url(../images/icons.eot);
src:url(../images/icons.eot?#iefix) format('embedded-opentype'),url(../images/icons.woff2) format('woff2'),url(../images/icons.woff) format('woff'),url(../images/icons.ttf) format('truetype'),url(../images/icons.svg?#icons) format('svg');
font-weight:400;
font-style:normal}.icon{font-family:'icons';
display:inline-block;
vertical-align:top;
line-height:1;
font-weight:400;
font-style:normal;
speak:none;
text-decoration:inherit;
text-transform:none;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}.icon-bullet::before,ul li::before,ul.list-links a::before,.list-anchor a::before{content:"\e001"}.icon-chevron-down::before{content:'\e002'}.icon-chevron-large::before{content:'\e003'}.icon-chevron-left::before,.article-nav-link--prev::before{content:'\e004'}.icon-chevron-right::before,.article-nav-link--next::before,ul.list-links.list-links--primary a::before{content:'\e005'}.icon-chevron-up::before{content:'\e006'}.icon-close::before{content:'\e007'}.icon-cog::before{content:'\e008'}.icon-diamond::before{content:'\e009'}.icon-exclamation::before{content:'\e00a'}.icon-google-dev::before{content:'\e00b'}.icon-hash::before{content:'\e00c'}.icon-introduction-to-media::before{content:'\e00d'}.icon-lessons::before{content:'\e00e'}.icon-menu::before{content:'\e00f'}.icon-minus::before{content:'\e010'}.icon-multi-device-layouts::before{content:'\e011'}.icon-performance::before{content:'\e012'}.icon-plus::before{content:'\e013'}.icon-question::before{content:'\e014'}.icon-slash::before{content:'\e015'}.icon-star::before{content:'\e016'}.icon-tick::before{content:'\e017'}.icon-user-input::before{content:'\e018'}.highlight-module{overflow:hidden;
margin-top:52px;
margin-bottom:26px;
position:relative}.highlight-module::after{background:#f0f0f0;
content:'';
height:100%;
position:absolute;
top:0;
bottom:0;
z-index:0;
width:100%;
right:0;
left:0}.highlight-module ul,.highlight-module ol{padding-left:0}.highlight-module__container{box-sizing:content-box;
padding-left:5%;
padding-right:5%;
margin-left:auto;
margin-right:auto;
padding-bottom:78px;
z-index:1;
position:relative}@media only screen and (min-width:620px){.highlight-module__container{padding-left:4.8%;
padding-right:4.8%;
max-width:688px}}@media only screen and (min-width:800px){.highlight-module__container{padding-left:4.4%;
padding-right:4.4%;
max-width:864px}}.highlight-module__container::before{display:none}@media only screen and (min-width:620px){.highlight-module__container::before{display:block;
position:absolute;
top:106px;
right:45px;
font-family:'icons';
font-size:130px;
line-height:1px;
text-align:center;
height:100%;
width:30.3%;
color:#fff}}.highlight-module--left .highlight-module__container::before{right:auto;
left:45px}@media only screen and (min-width:800px){.highlight-module__container::before{top:134px;
width:22.2%;
font-size:180px}.highlight-module--large .highlight-module__container::before{font-size:430px}}@media only screen and (min-width:620px){.highlight-module__container{padding-bottom:52px}}@media only screen and (min-width:800px){.highlight-module__container{min-height:208px}}.highlight-module__title{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:68px;
font-weight:300;
line-height:1.1471em;
padding-bottom:0;
padding-top:26px}@media only screen and (min-width:800px){.highlight-module__title{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:110px;
line-height:1.19em;
padding-top:.2364em;
padding-bottom:0}}@media only screen and (min-width:800px){.highlight-module__title{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:42px;
font-weight:300;
line-height:1.2381em;
padding-top:.619em;
padding-bottom:0}@media only screen and (min-width:800px){.highlight-module__title{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:68px;
font-weight:300;
line-height:1.1471em;
padding-top:.3824em;
padding-bottom:0}}}.highlight-module__cta{display:block}.highlight-module--learning{color:#fff}.highlight-module--learning::after{background-color:#da2e75}.highlight-module--learning a{color:#fff;
text-decoration:underline}.highlight-module--remember{color:#fff}.highlight-module--remember::after{background-color:#09829a}.highlight-module--remember a{color:#fff;
text-decoration:underline}.highlight-module--code{overflow:visible;
margin-bottom:52px}.highlight-module--code pre{margin:0;
font-size:14px;
line-height:26px;
padding:26px 0 0}.highlight-module--code pre span{margin:0;
padding:0;
display:inline-block}.highlight-module--code code{margin:0;
padding:0;
word-spacing:-2px;
display:block}.highlight-module--code .highlight-module__container{padding-bottom:0}.highlight-module--code .highlight-module__cta{position:absolute;
bottom:-26px}@media only screen and (min-width:800px){.highlight-module--left::after{width:80%;
right:20%}}@media only screen and (min-width:800px){.highlight-module--right::after{width:80%;
left:20%}}@media only screen and (min-width:800px){.highlight-module--right.highlight-module--code::after{width:100%;
left:0}}.highlight-module--inline{color:#404040;
overflow:visible;
margin:26px 0 0}.highlight-module--inline .highlight-module__container{padding-bottom:0}.highlight-module--inline .highlight-module__container::before{display:none}.highlight-module--inline .highlight-module__content{border-color:#e0e0e0;
border-style:solid;
border-width:1px;
border-left-width:0;
border-right-width:0;
margin-bottom:-2px;
padding:0 0 26px}.highlight-module--inline .highlight-module__title{font-size:20px;
font-weight:300;
line-height:1.3em;
padding-top:1.3em;
padding-bottom:0}@media only screen and (min-width:800px){.highlight-module--inline .highlight-module__title{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:26px;
font-weight:300;
line-height:1em;
padding-top:1em;
padding-bottom:0}}.highlight-module--inline.highlight-module--remember .highlight-module__title,.highlight-module--inline.highlight-module--remember li::before{color:#09829a}.highlight-module--inline.highlight-module--learning .highlight-module__title,.highlight-module--inline.highlight-module--learning li::before{color:#da2e75}.highlight-module--inline::after{display:none!important}div.highlight>pre>code,code .highlight{background:0 0}div.highlight>pre>code .c,code .highlight .c{color:#998;
font-style:italic}div.highlight>pre>code .err,code .highlight .err{color:#a61717;
background-color:#e3d2d2}div.highlight>pre>code .cm,code .highlight .cm{color:#998;
font-style:italic}div.highlight>pre>code .cp,code .highlight .cp{color:rgba(0,0,0,.54)}div.highlight>pre>code .c1,code .highlight .c1{color:#998;
font-style:italic}div.highlight>pre>code .cs,code .highlight .cs{color:rgba(0,0,0,.54);
font-style:italic}div.highlight>pre>code .gs,code .highlight .gd{color:#000;
background-color:#fdd}div.highlight>pre>code .gd .x,code .highlight .gd .x{color:#000;
background-color:#faa}div.highlight>pre>code .ge,code .highlight .ge{font-style:italic}div.highlight>pre>code .gr,code .highlight .gr{color:#a00}div.highlight>pre>code .gh,code .highlight .gh{color:rgba(0,0,0,.54)}div.highlight>pre>code .gi,code .highlight .gi{color:#000;
background-color:#dfd}div.highlight>pre>code .gi .x,code .highlight .gi .x{color:#000;
background-color:#afa}div.highlight>pre>code .go,code .highlight .go{color:#888}div.highlight>pre>code .gp,code .highlight .gp{color:#555}div.highlight>pre>code .gu,code .highlight .gu{color:#aaa}div.highlight>pre>code .gt,code .highlight .gt{color:#a00}div.highlight>pre>code .kt,code .highlight .kt{color:#458}div.highlight>pre>code .m,code .highlight .m{color:#099}div.highlight>pre>code .s,code .highlight .s{color:#da2e75}div.highlight>pre>code .na,code .highlight .na{color:teal}div.highlight>pre>code .nb,code .highlight .nb{color:#0086B3}div.highlight>pre>code .nc,code .highlight .nc{color:#458}div.highlight>pre>code .no,code .highlight .no{color:teal}div.highlight>pre>code .ni,code .highlight .ni{color:purple}div.highlight>pre>code .ne,code .highlight .ne,div.highlight>pre>code .nf,code .highlight .nf{color:#900}div.highlight>pre>code .nn,code .highlight .nn{color:#555}div.highlight>pre>code .nt,code .highlight .nt{color:#09829a}div.highlight>pre>code .nv,code .highlight .nv{color:teal}div.highlight>pre>code .w,code .highlight .w{color:#bbb}div.highlight>pre>code .mf,code .highlight .mf,div.highlight>pre>code .mh,code .highlight .mh,div.highlight>pre>code .mi,code .highlight .mi,div.highlight>pre>code .mo,code .highlight .mo{color:#099}div.highlight>pre>code .sb,code .highlight .sb,div.highlight>pre>code .sc,code .highlight .sc,div.highlight>pre>code .sd,code .highlight .sd,div.highlight>pre>code .s2,code .highlight .s2,div.highlight>pre>code .se,code .highlight .se,div.highlight>pre>code .sh,code .highlight .sh,div.highlight>pre>code .si,code .highlight .si,div.highlight>pre>code .sx,code .highlight .sx{color:#da2e75}div.highlight>pre>code .sr,code .highlight .sr{color:#009926}div.highlight>pre>code .s1,code .highlight .s1{color:#da2e75}div.highlight>pre>code .ss,code .highlight .ss{color:#990073}div.highlight>pre>code .bp,code .highlight .bp{color:rgba(0,0,0,.54)}div.highlight>pre>code .vc,code .highlight .vc,div.highlight>pre>code .vg,code .highlight .vg,div.highlight>pre>code .vi,code .highlight .vi{color:teal}div.highlight>pre>code .il,code .highlight .il{color:#099}.editorial-header{overflow:hidden}.editorial-header .breadcrumbs,.editorial-header .breadcrumbs a{color:#3372df}@media only screen and (min-width:620px){.editorial-header .container{position:relative}.editorial-header .container::before{content:'\e003';
font-family:'icons';
font-size:1000px;
line-height:0;
display:block;
position:absolute;
top:0;
right:100%;
color:#f0f0f0;
margin:168px -35px 0 0}}.editorial-header__excerpt{font-size:20px;
font-weight:300;
line-height:1.3em;
padding-top:1.3em;
padding-bottom:0;
font-family:'Roboto Condensed',Helvetica,sans-serif}.editorial-header .tag{padding-top:52px}.editorial-header__subtitle{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:42px;
font-weight:300;
line-height:1.2381em;
padding-bottom:0;
padding-top:0;
color:#3372df}@media only screen and (min-width:800px){.editorial-header__subtitle{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:68px;
font-weight:300;
line-height:1.1471em;
padding-top:.3824em;
padding-bottom:0}}@media only screen and (min-width:620px){.editorial-header__subtitle{padding-top:0;
padding-bottom:26px}}.editorial-header__toc{margin-top:26px}.editorial-header__toc ol{padding-top:0}@media only screen and (min-width:620px){.editorial-header__toc ol{padding-top:0}}.editorial-header__toc-title{font-family:'Roboto Condensed',Helvetica,sans-serif;
border-bottom:1px solid #e0e0e0;
margin-bottom:13px;
padding-bottom:13px!important;
color:#3372df}.summary-header{background-color:#3372df;
padding-bottom:78px;
color:#fff;
margin-bottom:26px;
box-shadow:inset 0 2px 0 0 #fff}.summary-header .breadcrumbs__link{color:#fff}.summary-header__anchor-list{margin-top:52px}.summary-header__anchors-item a{color:#fff}.related-guides{margin-top:78px;
padding-bottom:50px;
border-top:2px solid #e0e0e0;
padding-top:50px}.related-guides__list .list-links{padding-top:0}.related-guides__list a{display:block}.related-guides__title{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:26px;
font-weight:300;
line-height:1em;
padding-bottom:0;
padding-top:0}@media only screen and (min-width:800px){.related-guides__title{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:42px;
font-weight:300;
line-height:1.2381em;
padding-top:.619em;
padding-bottom:0}}@media only screen and (min-width:620px){.related-guides__title{padding-top:0}}.related-guides__main-link{text-transform:uppercase}.related-guides__main-link::before{content:'#';
display:inline-block;
padding-right:2px}.in-this-guide{margin-top:-78px}.in-this-guide__title{font-size:20px;
font-weight:300;
line-height:1.3em;
padding-top:1.3em;
padding-bottom:0;
font-family:'Roboto Condensed',Helvetica,sans-serif;
margin-bottom:26px}.articles-section{background:#f0f0f0;
text-align:center;
padding:26px 0 104px}.articles-count{color:#3372df;
font-family:'Roboto Condensed',Helvetica,sans-serif;
font-weight:400}.article-section__icon{top:-26px}@media only screen and (min-width:620px){.article-section__icon{top:-39px}}.guides-section{background:#f0f0f0;
padding:26px 0 104px}.guides-section,.page-header{text-align:center}.page-header .breadcrumbs{text-align:left;
color:#3372df}.page-header .breadcrumbs a{color:#3372df}.page-header h3{color:rgba(0,0,0,.87);
padding-top:52px}.page-header__excerpt{position:relative;
padding-top:0}.page-header__excerpt:last-child{padding-bottom:78px}.featured-section{background:#f0f0f0}.featured-spotlight{background:rgba(0,0,0,.87);
color:#fff;
overflow:hidden;
padding-bottom:77px;
margin-top:52px}.featured-spotlight p{padding-bottom:26px}.featured-spotlight .cta--primary{color:#fff}.featured-spotlight .cta--primary:hover{color:#fff}.featured-spotlight__container{position:relative}@media only screen and (max-width:619px){.featured-spotlight__img{padding-top:58.4%;
padding-bottom:0;
height:0;
overflow:hidden;
position:relative;
width:100%}}.featured-spotlight__img img{display:block;
width:100%;
position:absolute;
left:0;
top:0;
margin:0}@media only screen and (min-width:620px){.featured-spotlight__img img{width:auto;
max-width:none;
left:109%}}@media only screen and (min-width:800px){.featured-spotlight__img img{left:107.4%}}.quote__content{position:relative;
font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:16px;
line-height:1.625em;
padding-bottom:0;
padding-top:104px;
padding-left:26px}@media only screen and (min-width:800px){.quote__content{font-size:20px;
font-weight:300;
line-height:1.3em;
padding-top:1.3em;
padding-bottom:0}}@media only screen and (min-width:620px){.quote__content{padding-top:52px;
padding-left:0}}.quote__content p{border-top:1px solid #e0e0e0;
text-align:right;
font-weight:500;
margin-top:12px;
padding-top:13px}.quote__content::before{content:open-quote;
display:block;
position:absolute;
font-family:'Roboto Condensed',Helvetica,sans-serif;
font-weight:700;
color:#f0f0f0;
top:90px;
left:26px;
font-size:260px}@media only screen and (min-width:620px){.quote__content::before{top:225px;
left:-210px;
font-size:540px}}.article-nav{overflow:hidden;
position:relative}.article-nav::before{content:'';
border-left:2px solid #e0e0e0;
height:100%;
position:absolute;
top:0;
left:50%}.article-nav-link{padding:26px 32px;
float:left;
width:50%;
position:relative}.article-nav-link::before{position:absolute;
top:21px;
font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:20px;
font-weight:400}@media only screen and (min-width:620px){.article-nav-link::before{top:25px;
font-size:26px;
display:block;
padding:13px 10px;
color:#fff;
background:#3372df}}.article-nav p{padding:0;
margin:0}.article-nav-link--prev{text-align:right}.article-nav-link--prev::before{font-family:'icons';
left:32px}@media only screen and (min-width:620px){.article-nav-link--prev p{padding-left:52px}}.article-nav-link--next::before{font-family:'icons';
right:32px}@media only screen and (min-width:620px){.article-nav-link--next p{padding-right:52px}}.article-nav-count{font-size:20px;
line-height:1.3em;
padding-top:1.3em;
padding-bottom:0;
font-weight:700}@media only screen and (min-width:800px){.article-nav-count{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:26px;
font-weight:300;
line-height:1em;
padding-top:1em;
padding-bottom:0}}@media only screen and (min-width:620px){.article-nav-count{font-weight:400}}@media only screen and (min-width:620px){.did-you-know ol{padding-top:0!important}}.did-you-know .cta--primary{margin-top:26px;
font-weight:500}.did-you-know>.g--half{position:relative;
padding-left:0}@media only screen and (min-width:620px){.did-you-know>.g--half{padding-left:32px}}.did-you-know__symbol{padding-bottom:312px}@media only screen and (min-width:620px){.did-you-know__symbol{padding-bottom:26px}}.did-you-know__symbol::after{content:'\e014';
color:#3372df;
font-family:'icons';
font-size:300px;
top:150px;
left:30%;
position:relative;
display:block;
width:0}@media only screen and (min-width:620px){.did-you-know__symbol::after{position:absolute;
font-size:400px;
top:200px;
left:110%}}@media only screen and (min-width:800px){.did-you-know__symbol::after{position:absolute;
font-size:400px;
top:200px;
left:124%}}.toc__title{font-size:16px;
line-height:1.625em;
padding-top:1.625em;
font-family:'Roboto Condensed',Helvetica,sans-serif;
padding-bottom:13px;
margin-bottom:12px;
border-bottom:1px solid #e0e0e0}@media only screen and (min-width:800px){.toc__title{font-size:20px;
font-weight:300;
line-height:1.3em;
padding-top:1.3em;
padding-bottom:0}}@media only screen and (min-width:620px){.toc__title{padding-bottom:13px;
margin-bottom:13px}}.toc__list{padding-top:0;
border-bottom:1px solid #e0e0e0;
padding-bottom:12px;
margin-bottom:13px}.toc__list a{display:block}.toc__sublist{padding-top:0}.next-lessons{background:rgba(0,0,0,.87);
padding:26px 26px 52px;
margin-top:26px;
color:#fff;
position:relative}@media only screen and (min-width:620px){.next-lessons h3 i{display:none}}.next-lessons::before,.next-lessons::after{color:rgba(255,255,255,.5);
position:absolute;
display:none}@media only screen and (min-width:620px){.next-lessons::before,.next-lessons::after{display:inline-block}}@media only screen and (min-width:620px){.next-lessons::before{content:attr(data-current-lesson);
font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:16px;
font-weight:400;
line-height:1;
background:rgba(0,0,0,.87);
display:inline-block;
padding:5px 7px;
right:127px;
top:143px;
z-index:1;
color:rgba(255,255,255,.5)}}@media only screen and (min-width:800px){.next-lessons::before{font-size:20px;
padding-left:15px;
padding-right:15px;
top:126px;
right:230px}}@media only screen and (min-width:620px){.next-lessons::after{content:'\e00e';
font-family:'icons';
font-size:150px;
right:40px;
top:185px}}@media only screen and (min-width:800px){.next-lessons::after{font-size:210px;
right:120px}}@media only screen and (min-width:620px) and (max-width:799px){.g-medium--1{float:left;
margin-right:4.5%;
width:30.3%}.g-medium--push-1{margin-left:34.8%}.g-medium--pull-1{margin-right:34.8%}.g-medium--2{float:left;
margin-right:4.5%;
width:65.1%}.g-medium--push-2{margin-left:69.6%}.g-medium--pull-2{margin-right:69.6%}.g-medium--3{float:left;
width:99.9%;
margin-right:0}.g-medium--full{float:left;
margin-right:0;
width:100%}.g--third{float:left;
margin-right:4.5%;
width:30.3%}.g--half,.g-medium--half{float:left;
margin-right:4.5%;
width:47.75%}.g-medium--last{margin-right:0}.g-medium--last+.g-medium--half{clear:left}.g--pull-half{margin-right:52.25%}}@media only screen and (min-width:800px){.g-wide--1{float:left;
margin-right:3.7%;
width:22.2%}.g-wide--push-1{margin-left:25.9%}.g-wide--pull-1{margin-right:25.9%}.g-wide--2{float:left;
margin-right:3.7%;
width:48.1%}.g-wide--push-2{margin-left:51.8%}.g-wide--pull-2{margin-right:51.8%}.g-wide--3{float:left;
margin-right:3.7%;
width:74%}.g-wide--push-3{margin-left:77.7%}.g-wide--pull-3{margin-right:77.7%}.g-wide--4{float:left;
width:99.9%}.g-wide--4,.g-wide--last,.g-wide--full{margin-right:0}.g-wide--full{float:left;
width:100%}.g--third{width:30.8%}.g--third,.g--twothird{float:left;
margin-right:3.7%}.g--twothird{width:65.3%}.g--half,.g-wide--half{float:left;
margin-right:3.7%;
width:48.15%}.g--pull-half{margin-right:51.85%}}.g--last{margin-right:0}.g--centered{float:none;
margin-left:auto;
margin-right:auto}.grid-overlay{display:none;
pointer-events:none}.debug .grid-overlay{box-sizing:content-box;
padding-left:5%;
padding-right:5%;
margin-left:auto;
margin-right:auto;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
height:100%;
display:block}@media only screen and (min-width:620px){.debug .grid-overlay{padding-left:4.8%;
padding-right:4.8%;
max-width:688px}}@media only screen and (min-width:800px){.debug .grid-overlay{padding-left:4.4%;
padding-right:4.4%;
max-width:864px}}.debug .grid-overlay [class*="g-"]{height:100%;
background-color:rgba(89,89,89,.2)}@media only screen and (min-width:620px) and (max-width:799px){.debug .grid-overlay .g-wide--last{display:none}}@media only screen and (max-width:619px){.debug .grid-overlay{display:none}}h1,h2,h3,h4,h5,p{margin:0}.small,small{font-size:13px;
line-height:2em;
padding-top:2em;
padding-bottom:0}.base,p,ul,ol,.medium,h4{line-height:1.625em;
padding-top:1.625em;
padding-bottom:0}.medium,h4{font-size:16px}@media only screen and (min-width:800px){.medium,h4{font-size:20px;
font-weight:300;
line-height:1.3em;
padding-top:1.3em;
padding-bottom:0}}.large,h3{font-size:20px;
font-weight:300;
line-height:1.3em;
padding-top:1.3em;
padding-bottom:0}@media only screen and (min-width:800px){.large,h3{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:26px;
font-weight:300;
line-height:1em;
padding-top:1em;
padding-bottom:0}}.xlarge,h2{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:26px;
font-weight:300;
line-height:1em;
padding-top:1em;
padding-bottom:0}@media only screen and (min-width:800px){.xlarge,h2{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:42px;
font-weight:300;
line-height:1.2381em;
padding-top:.619em;
padding-bottom:0}}.xxlarge,h1{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:42px;
font-weight:300;
line-height:1.2381em;
padding-top:.619em;
padding-bottom:0}@media only screen and (min-width:800px){.xxlarge,h1{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:68px;
font-weight:300;
line-height:1.1471em;
padding-top:.3824em;
padding-bottom:0}}.huge{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:68px;
font-weight:300;
line-height:1.1471em;
padding-top:.3824em;
padding-bottom:0}@media only screen and (min-width:800px){.huge{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:110px;
font-weight:300;
line-height:1.19em;
padding-top:.2364em;
padding-bottom:0}}li>p{padding-top:0}.button,.button--primary,.button--secondary,.button--secondary-variation{display:inline-block;
padding:12px 32px;
margin-bottom:13px;
margin-top:13px;
min-height:26px;
text-align:center;
font-family:'Roboto Condensed',Helvetica,sans-serif;
font-weight:600;
text-decoration:none;
outline:0;
transition:none}.button:hover,.button--primary:hover,.button--secondary:hover,.button--secondary-variation:hover{background:#4d4d4d;
color:#fff;
border:1px solid #4d4d4d;
text-decoration:none}.button--primary{background:#4285f4;
color:#fff;
border:1px solid #1266f1}.button--secondary,.button--secondary-variation{background:#fff;
color:#3372df;
border:1px solid #e6e6e6}.button--secondary-variation{border-color:transparent}ul,ol{list-style:none;
margin:0}@media only screen and (max-width:619px){ul,ol{padding-left:0}}ul li{position:relative;
padding-left:16px}ul li::before{font-family:'icons';
display:block;
font-weight:400;
position:absolute;
top:0;
left:0;
line-height:26px;
font-size:4px}ol{counter-reset:list}ol>li{position:relative;
padding-left:32px}ol>li::before{counter-increment:list;
content:'0' counter(list);
color:inherit;
font-weight:400;
display:inline-block;
position:absolute;
left:0}ol>li:nth-child(10n)~li::before,ol>li:nth-child(10n)::before{content:counter(list)}ul ol,ol ul{padding-top:0}ul.list-links li::before{display:none}ul.list-links a{font-weight:400}ul.list-links a::before{font-family:'icons';
display:block;
font-weight:400;
position:absolute;
top:0;
left:0;
line-height:26px;
font-size:4px}ul.list-links.list-links--primary a{font-weight:400;
font-family:'Roboto Condensed',Helvetica,sans-serif;
line-height:1;
text-decoration:none}ul.list-links.list-links--primary a::before{font-family:'icons';
font-size:13px;
display:block;
font-weight:400;
position:absolute;
top:0;
left:0;
line-height:26px}ol.list-links li::before{display:none}ol.list-links li a{display:inline-block;
font-weight:300}ol.list-links li a::before{counter-increment:list;
content:'0' counter(list);
color:inherit;
font-weight:400;
display:inline-block;
position:absolute;
left:0}ol.list-links li:nth-child(10n)~li a::before,ol.list-links li:nth-child(10n) a::before{content:counter(list)}ol.list-links.list-links--secondary a::before{display:none}.list-links--secondary{font-size:16px;
line-height:1.625em;
padding-top:1.625em;
padding-bottom:0;
padding-left:0}.list-links--secondary li,.list-anchor{padding-left:0}.list-anchor li{font-size:16px;
line-height:1.625em;
padding-bottom:0;
padding-top:0;
padding-left:0}.list-anchor li::before{display:none}.list-anchor a{line-height:1;
display:inline-block;
padding-left:16px}.list-anchor a::before{font-family:'icons';
display:block;
font-weight:400;
position:absolute;
top:0;
left:0;
line-height:26px;
font-size:4px}@media only screen and (min-width:620px){.list-small li{font-size:13px;
line-height:2em;
padding-bottom:0;
padding-top:0}}.list-centered{text-align:center;
padding-left:0}.featured-list{padding-top:78px;
padding-bottom:78px}.featured-list__item{background:#fff;
padding-left:0;
padding-top:26px;
padding-bottom:26px;
margin-top:26px}@media only screen and (min-width:620px){.featured-list__item{min-height:338px;
padding:52px 32px}}.featured-list__item:first-child{margin-top:0}.featured-list__item p{margin-bottom:26px}.featured-list__img-wrapper{display:none;
position:relative;
padding-top:26px;
margin:0 -5%}@media only screen and (min-width:620px){.featured-list__img-wrapper{display:block;
padding-top:0;
margin:0}}@media only screen and (min-width:620px){.featured-list__img{padding-top:60.8%;
padding-bottom:0;
height:0;
overflow:hidden;
position:absolute;
width:100%}}.featured-list__img img{display:block;
margin:0 auto;
max-width:100%}@media only screen and (min-width:620px){.featured-list__img img{margin:0;
position:absolute;
top:0;
height:100%;
width:100%;
left:0}}.related-guides-list{font-family:'Roboto Condensed',Helvetica,sans-serif;
padding-top:0;
padding-left:0}@media only screen and (min-width:620px){.related-guides-list{padding-top:26px}}@media only screen and (min-width:800px){.related-guides-list{padding-top:0}}.related-guides-list p,.related-guides-list .tag{padding-top:0}.related-guides-list li{padding-top:26px;
padding-bottom:25px;
border-bottom:1px solid #e0e0e0}.related-guides-list li:last-child{border-color:transparent}@media only screen and (min-width:620px){.related-guides-list li{padding-top:0;
padding-bottom:0;
border-color:transparent}}.list--reset,.list--reset li{padding-left:0}.list--reset.list-links a::before,.list--reset li::before{display:none!important}.list-lessons{padding-left:0}.list-lessons a{color:#fff}.list-lessons .current,.list-lessons .current a{text-decoration:none;
cursor:default}.list-lessons .current .icon{font-size:13px;
display:inline-block;
background:rgba(0,0,0,.2);
border-radius:100%;
width:26px;
line-height:26px;
text-align:center;
margin-left:7px}.list-guides-intro{margin-bottom:52px}@media only screen and (max-width:619px){.list-guides-intro{padding-top:52px}}.list-guides-intro li{border-bottom:1px solid #e0e0e0;
padding-bottom:51px;
margin-bottom:52px}@media only screen and (min-width:620px){.list-guides-intro li{border-color:transparent;
padding-bottom:0}}.list-guides-intro li:last-child{border-bottom:transparent;
margin-bottom:0}a{color:#3372df}a:hover{text-decoration:none}.cta--primary{font-family:'Roboto Condensed',Helvetica,sans-serif;
color:#3372df;
font-weight:400;
display:inline-block;
line-height:1;
text-decoration:none}.cta--primary:hover{color:rgba(0,0,0,.87)}.cta--primary::before{display:inline-block;
padding-right:10px;
font-family:'icons';
line-height:25px;
font-size:13px;
content:'\e005'}.cta--secondary{font-family:'Roboto Condensed',Helvetica,sans-serif;
color:#3372df;
font-weight:400;
display:inline-block;
line-height:1}.cta--secondary:hover{color:rgba(0,0,0,.87)} img,video,object{max-width:100%}.content img{margin-top:26px;
margin-bottom:26px}.full-screen{min-width:100%}.breadcrumbs{display:none;
position:relative}@media only screen and (min-width:620px){.breadcrumbs{display:block}}.breadcrumbs p{font-size:13px;
line-height:2em;
padding-bottom:0;
padding-top:26px}.breadcrumbs .icon{margin:.6em .3em 0}.breadcrumbs__link{font-size:13px;
line-height:2em;
padding-bottom:0;
color:gray;
font-weight:400;
padding-top:0}@media only screen and (min-width:620px){.breadcrumbs__link{padding-top:0}}.subsection-title{color:rgba(0,0,0,.87);
margin-top:52px}.subsection-number{font-size:16px;
line-height:1.625em;
padding-bottom:0;
padding-top:0;
display:block}.articles-list{padding-left:0}.articles-list__item{padding-bottom:52px;
padding-left:0}.articles-list__item:last-child{padding-bottom:53px}.articles-list__item::before{content:"";
display:block;
width:40%;
height:1px;
box-shadow:inset 0 1px 0 0 #e0e0e0;
margin-right:0;
margin-left:30%}.articles-list__item h3 a:hover{text-decoration:none}.articles-list__item p{margin-top:26px;
margin-bottom:26px}.articles-list__item:first-child{padding-top:0}@media only screen and (min-width:620px){.articles-list__item:first-child{padding-top:24px}}.articles-list__item:first-child::before{display:none}.guides-list{overflow:hidden}@media only screen and (min-width:620px){.guides-list{display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding-top:52px}}.guides-list__item{padding:0;
background:#fff;
margin-top:26px;
margin-bottom:0}@media only screen and (min-width:620px){.guides-list__item{display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap}}.guides-list__item h3{margin:0 32px}.guides-list__item p{margin:26px 32px 0}@media only screen and (min-width:620px){.guides-list__item .primary-content{-webkit-flex:1;
-ms-flex:1;
flex:1}}.guides-list__item .secondary-content{position:relative;
margin-top:51px;
border-top:1px solid #e0e0e0}@media only screen and (min-width:620px){.guides-list__item .secondary-content{width:100%}}.guides-list__item .secondary-content .icon-circle{position:absolute;
top:-28px;
left:50%;
margin-left:-21px;
border:2px solid #fff}.guides-list__item .secondary-content .icon-circle i{font-size:23px}.guides-list__item ol{padding:52px 0;
margin:0}.guides-list__item::before{display:none}.icon-circle{position:relative;
padding:22px;
margin:4px auto}.icon-circle,.icon-circle--large{height:0;
width:0;
background:rgba(0,0,0,.54);
display:block;
border-radius:100%;
font-size:0}.icon-circle i{font-size:26px}.icon-circle i,.icon-circle span,.icon-circle--large i,.icon-circle--large span{position:absolute;
line-height:0;
top:50%;
width:100%;
left:0;
text-align:center;
color:#fff}.icon-circle span,.icon-circle--large span{font-family:'Roboto Condensed',Helvetica,sans-serif;
font-size:26px;
font-weight:700}@media only screen and (min-width:620px){.icon-circle span,.icon-circle--large span{font-size:42px}}.icon-circle--large{margin:0 auto;
padding:26px;
position:relative}.icon-circle--large i{font-size:26px}@media only screen and (min-width:620px){.icon-circle--large i{font-size:42px}}@media only screen and (min-width:620px){.icon-circle--large{padding:37px;
border:2px solid #fff}a .icon-circle--large{padding:38px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
border:1px solid;
transition:all 100ms linear;
-webkit-transform:translateZ(0);
transform:translateZ(0)}.no-touch a:hover .icon-circle--large{box-shadow:inset 0 0 0 1px #fff;
-webkit-transform:scale(1.1);
transform:scale(1.1)}}.icon-circle--nav{height:0;
width:0;
background:rgba(0,0,0,.54);
display:block;
position:relative;
border-radius:100%;
font-size:0;
padding:13px;
margin:0 auto}@media only screen and (min-width:620px){.icon-circle--nav{padding:22px;
margin-top:4px;
margin-bottom:4px}}.icon-circle--nav i{position:absolute;
line-height:1px;
top:50%;
width:100%;
left:0;
text-align:center;
color:#fff;
font-size:16px}@media only screen and (min-width:620px){.icon-circle--nav i{font-size:26px}}@font-face{font-family:'Roboto Condensed';
font-style:normal;
font-weight:300;
src:url(/fonts/RobotoCondensed-Light.eot);
src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(/fonts/RobotoCondensed-Light.eot) format('embedded-opentype'),url(/fonts/RobotoCondensed-Light.woff) format('woff')}@font-face{font-family:'Roboto Condensed';
font-style:normal;
font-weight:400;
src:url(/fonts/RobotoCondensed-Regular.eot);
src:local('Roboto Condensed Regular'),local('RobotoCondensed-Regular'),url(/fonts/RobotoCondensed-Regular.eot) format('embedded-opentype'),url(/fonts/RobotoCondensed-Regular.woff) format('woff')}@font-face{font-family:'Roboto Condensed';
font-style:normal;
font-weight:700;
src:url(/fonts/RobotoCondensed-Bold.eot);
src:local('Roboto Condensed Regular'),local('RobotoCondensed-Bold'),url(/fonts/RobotoCondensed-Bold.eot) format('embedded-opentype'),url(/fonts/RobotoCondensed-Bold.woff) format('woff')}@font-face{font-family:'Roboto Condensed';
font-style:italic;
font-weight:300;
src:url(/fonts/RobotoCondensed-LightItalic.eot);
src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(/fonts/RobotoCondensed-LightItalic.eot) format('embedded-opentype'),url(/fonts/RobotoCondensed-LightItalic.woff) format('woff')}@font-face{font-family:'Roboto Condensed';
font-style:italic;
font-weight:400;
src:url(/fonts/RobotoCondensed-Italic.eot);
src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(/fonts/RobotoCondensed-Italic.eot) format('embedded-opentype'),url(/fonts/RobotoCondensed-Italic.woff) format('woff')}@font-face{font-family:'Roboto Condensed';
font-style:italic;
font-weight:700;
src:url(fonts/RobotoCondensed-BoldItalic.eot);
src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(/fonts/RobotoCondensed-BoldItalic.eot) format('embedded-opentype'),url(/fonts/RobotoCondensed-BoldItalic.woff) format('woff')}.bg-white{background-color:#fff}.bg-light-gray{background-color:whitesmoke}.bg-gray{background-color:#e6e6e6}.bg-medium-gray{background-color:#d6d6d6}.bg-dark-gray{background-color:#3b3b3b}.bg-black{background-color:#141414}.bg-259{background-color:#6f2079}.bg-420{background-color:#c6c8c6}.bg-7543{background-color:#98a4ae}.bg-5275{background-color:#595478}.bg-645{background-color:#7da1c5}.bg-632{background-color:#0095b3}.bg-688{background-color:#a76289}.bg-7425{background-color:#b62556}.bg-7501{background-color:#dac9a0}.bg-7494{background-color:#9caf88}.bg-576{background-color:#779c49}.bg-2623{background-color:#602268}.bg-200{background-color:#bb0c2f}.bg-226{background-color:#d10070}.bg-213{background-color:#e31c79}.bg-purple{background-color:#bc29bc}.bg-red-032{background-color:#ef3441}.bg-151{background-color:#e08300}.bg-1235{background-color:#ffb81f}.bg-109{background-color:#ffd000}.bg-382{background-color:#c4d600}.bg-367{background-color:#a3d55d}.bg-360{background-color:#6ec24c}.bg-3265{background-color:#00c7b0}.bg-306{background-color:#00b4e0}.bg-3125{background-color:#00acc7}.bg-2925{background-color:#009de0}.bg-oppidan{background-color:#d12329}.bg-activate{background-color:#006bb3}.font-white{color:#fff}.font-light-gray{color:whitesmoke}.font-gray{color:#e6e6e6}.font-medium-gray{color:#d6d6d6}.font-dark-gray{color:#212121}.font-black{color:#141414}.font-259{color:#6f2079}.font-420{color:#c6c8c6}.font-7543{color:#98a4ae}.font-5275{color:#595478}.font-645{color:#7da1c5}.font-632{color:#0095b3}.font-688{color:#a76289}.font-7425{color:#b62556}.font-7501{color:#dac9a0}.font-7494{color:#9caf88}.font-576{color:#779c49}.font-2623{color:#602268}.font-200{color:#bb0c2f}.font-226{color:#d10070}.font-213{color:#e31c79}.font-purple{color:#bc29bc}.font-red-032{color:#ef3441}.font-151{color:#e08300}.font-1235{color:#ffb81f}.font-109{color:#ffd000}.font-382{color:#c4d600}.font-367{color:#a3d55d}.font-360{color:#6ec24c}.font-3265{color:#00c7b0}.font-306{color:#00b4e0}.font-3125{color:#00acc7}.font-2925{color:#009de0}.font-oppidan{color:#d12329}.font-activate{color:#006bb3}.search-container{position:absolute;
float:right;
right:100px;
height:50px;
width:0;
padding-left:100px;
border:none;
white-space:nowrap;
overflow:hidden;
z-index:2;
transition:width .3s ease-out,background-color .3s ease-out}.search{height:50px;
padding:0 14px;
border:none;
border-radius:0;
background-color:#f3f3f3}.search,.search-container.slide{width:100%}.search-close{color:#fff;
margin-right:-4px}.navdrawer-container{z-index:1;
position:fixed;
top:0;
bottom:0;
width:270px;
height:100%;
color:#fff;
-webkit-transform:translate(-270px,0);
transform:translate(-270px,0);
overflow-y:auto}.navdrawer-container.open{-webkit-transform:translate(0,0);
transform:translate(0,0)}.app-bar,.navdrawer-container.opened,main{transition:-webkit-transform .3s ease-out;
transition:transform .3s ease-out}.navdrawer-container h3,.navdrawer-container ul li a{height:50px;
padding:12px 20px}.navdrawer-container ul li a{line-height:1.4}.navdrawer-container h3{color:#fff;
line-height:1;
border-bottom:1px solid rgba(255,255,255,.4)}.navdrawer-container ul{list-style-type:none;
padding:0;
margin:0;
border-top:1px solid rgba(255,255,255,.4)}.navdrawer-container ul li a{display:block;
text-decoration:none;
color:#fff;
transition:background-color .2s ease-out;
white-space:nowrap}.navdrawer-container ul li{padding:0;
border-bottom:1px solid rgba(255,255,255,.4)}.navdrawer-container ul li::before{content:none}.navdrawer-container ul li a:hover{background-color:rgba(255,255,255,.2)}.navdrawer-container ul li a:focus{background-color:rgba(255,255,255,.3);
outline:0}.navdrawer-container ul li a:active{background-color:rgba(255,255,255,.4)}.navdrop-container{position:absolute;
float:right;
right:0;
top:50px;
height:0;
width:0;
color:#fefefe;
background-color:rgba(33,33,33,.8);
overflow:hidden;
z-index:1;
transition:height .3s ease-out,width .3s ease-out,background-color .3s ease-out}.navdrop-container.drop{height:302px;
width:230px}.navdrop-container ul{list-style-type:none;
padding:0;
overflow:hidden;
z-index:2;
border-top:1px solid rgba(0,0,0,.5)}.navdrop-container ul li{border:1px solid rgba(0,0,0,.5);
border-top:none}.navdrop-container ul li a{display:block;
height:42px;
padding:0 16px;
line-height:42px;
text-decoration:none;
color:#fff;
margin-left:-16px}.navdrop-container ul li::before{content:none}.navdrop-container ul li a:hover{background-color:rgba(255,255,255,.2)}.navdrop-container ul li a:focus{background-color:rgba(255,255,255,.3);
outline:0}.navdrop-container ul li a:active{background-color:rgba(255,255,255,.4)}.app-bar{display:block;
width:100%;
position:fixed;
top:0;
left:0;
overflow:hidden;
z-index:2}.app-bar-container{display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
height:50px;
position:relative;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
margin:0 auto}.app-bar.open,.app-bar.open~main{-webkit-transform:translate(270px,0);
transform:translate(270px,0)}.app-bar .logo{-webkit-flex:1;
-ms-flex:1;
flex:1;
font-size:1em;
line-height:50px;
margin:0 16px;
padding:0;
color:#fff;
float:none;
max-width:none;
font-weight:300;
display:initial}.app-bar .logo a{text-decoration:none;
color:inherit;
font-weight:400}.app-bar-actions{display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
z-index:3}.app-bar button{width:50px;
height:50px;
background-image:none;
background-color:transparent;
border:none;
padding:0;
transition:background-color .2s ease-out;

-webkit-tap-highlight-color:transparent}
.app-bar button.menu{position:relative}
.app-bar button.menu img{position:absolute;top:13px;left:13px}
.app-bar button.menu .menu-icon{opacity:1}
.app-bar button.menu .close-icon,.app-bar.open button.menu .menu-icon{opacity:0}
.app-bar.open button.menu .close-icon{opacity:1}
.app-bar button img{height:24px;
	
width:24px}.app-bar button:hover{background-color:rgba(255,255,255,.1)}.app-bar button:focus{background-color:rgba(255,255,255,.2);
outline:0}.app-bar button:active{background-color:rgba(255,255,255,.4)}.app-bar-bottom{display:block;
width:100%;
bottom:0;
left:0;
overflow:hidden;
z-index:1}.app-bar-bottom-container{display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
height:90px;
position:relative;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
margin:0 auto}.app-bar-bottom.open,.app-bar-bottom.open~main{-webkit-transform:translate(270px,0);
transform:translate(270px,0)}.app-bar-bottom .logo{-webkit-flex:1;
-ms-flex:1;
flex:1;
padding:0;
color:#fff;
float:none;
max-width:none;
display:initial}.app-bar-bottom-actions{display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row}.app-bar-bottom button{width:50px;
height:50px;
background-image:none;
background-color:transparent;
border:none;
padding:0;
margin-top:1.3em;
display:inline-block;
transition:background-color .2s ease-out;
-webkit-tap-highlight-color:transparent}.app-bar-bottom a{text-decoration:none}.app-bar-bottom i{margin-top:.4em}.app-bar-bottom button:hover{background-color:rgba(255,255,255,.1)}.app-bar-bottom button:focus{background-color:rgba(255,255,255,.2);
outline:0}.app-bar-bottom button:active{background-color:rgba(255,255,255,.4)}.modal-overlay{position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background-color:#000;
opacity:.0000001;
z-index:1;
transition:opacity .3s ease-out;
pointer-events:none}.modal-overlay.open{opacity:.7;
pointer-events:auto}.paper-shadow{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.footer{background-color:rgba(0,0,0,.87);
color:#ccc;
padding-bottom:3em}.footer ul{white-space:nowrap;
list-style-type:none}.footer ul li::before{content:none}.footer a{text-decoration:none}.theme--multi-device-layouts .themed{color:#297ea9}.theme--introduction-to-media .themed{color:#cf423a}.theme--user-input .themed{color:#2c8566}.theme--performance .themed{color:#7b5294}.theme--multi-device-layouts .themed--background,.theme--multi-device-layouts .themed--background.next-lessons::before{background-color:#297ea9}.theme--introduction-to-media .themed--background,.theme--introduction-to-media .themed--background.next-lessons::before{background-color:#cf423a}.theme--user-input .themed--background,.theme--user-input .themed--background.next-lessons::before{background-color:#2c8566}.theme--performance .themed--background,.theme--performance .themed--background.next-lessons::before{background-color:#7b5294}.theme--multi-device-layouts .themed--hover:hover{color:#297ea9}.theme--introduction-to-media .themed--hover:hover{color:#cf423a}.theme--user-input .themed--hover:hover{color:#2c8566}.theme--performance .themed--hover:hover{color:#7b5294}.theme--multi-device-layouts .themed--hover-secondary:hover{color:#89c4e2}.theme--introduction-to-media .themed--hover-secondary:hover{color:#edb8b5}.theme--user-input .themed--hover-secondary:hover{color:#78d2b3}.theme--performance .themed--hover-secondary:hover{color:#c4add2}.article--multi-device-layouts .article-container h1,.article--multi-device-layouts .article-container h2{color:#297ea9}.article--introduction-to-media .article-container h1,.article--introduction-to-media .article-container h2{color:#cf423a}.article--user-input .article-container h1,.article--user-input .article-container h2{color:#2c8566}.article--performance .article-container h1,.article--performance .article-container h2{color:#7b5294}.nav-theme--multi-device-layouts .themed--hover:hover{color:#297ea9}.nav-theme--introduction-to-media .themed--hover:hover{color:#cf423a}.nav-theme--user-input .themed--hover:hover{color:#2c8566}.nav-theme--performance .themed--hover:hover{color:#7b5294}.nav-theme--multi-device-layouts .themed{color:#297ea9}.nav-theme--introduction-to-media .themed{color:#cf423a}.nav-theme--user-input .themed{color:#2c8566}.nav-theme--performance .themed{color:#7b5294}.nav-theme--multi-device-layouts .themed--background{background-color:#297ea9}.nav-theme--introduction-to-media .themed--background{background-color:#cf423a}.nav-theme--user-input .themed--background{background-color:#2c8566}.nav-theme--performance .themed--background{background-color:#7b5294}.page--styleguide .styleguide__module-title{margin-bottom:26px}.page--styleguide section{margin-bottom:52px;
border-bottom:1px solid #ccc;
padding-bottom:77px}.page--styleguide .styleguide__color-list{text-align:center}.page--styleguide .styleguide__color-list li{border-bottom:52px solid;
margin-bottom:26px;
position:relative}.page--styleguide .styleguide__breadcrumb .breadcrumbs{display:block}.page--styleguide .styleguide__lists ul,.page--styleguide .styleguide__lists ol{margin-bottom:26px}.page--styleguide .styleguide__inverted-block{background:#e8e8e8;
padding:0 13px}.page--styleguide .styleguide__theme-block{background:#297ea9;
padding:0 13px}.demo{margin-bottom:26px;
margin-top:26px}.demo [class*="g-"]{background-color:rgba(0,0,0,.26);
position:relative;
margin-bottom:26px;
min-height:156px}.demo [class*="g-"]::before,.demo [class*="g-"]::after{font-size:13px;
line-height:2em;
padding-top:2em;
padding-bottom:0;
display:block;
margin:0 10px}.demo [class*="g-"]::before{content:'HTML classes: ';
font-weight:700}.demo [class*="g-"]::after{content:attr(class);
word-spacing:15px}.page--resources .article-section__icon,.page--resources .articles-count,.page--resources .guides-list__item .secondary-content{display:none}.page--resources .primary-content{padding-top:26px;
padding-bottom:52px}.page--resources .primary-content p{margin-top:0}.clear::before,.clear::after{content:'';
display:table}.clear::after{clear:both}.color--blue{color:#3372df}.color--red{color:#cb4437}.color--green{color:#0f9d58}.color--yellow{color:#f4b400}.color--blue-secondary{color:#b7cdf4}.color--red-secondary{color:#ebb6b0}.color--green-secondary{color:#56efa5}.color--yellow-secondary{color:#ffd45b}.color--gray-background{color:#f0f0f0}.color--gray-keyline{color:#e0e0e0}.color--gray{color:rgba(0,0,0,.54)}.color--gray-dark{color:rgba(0,0,0,.87)}.color--text{color:#404040}.color--highlight{color:#3372df}.color--warning{color:#ffd45b}.color--danger{color:#cb4437}.color--muted{color:#737373}.color--remember{color:#09829a}.color--learning{color:#da2e75}.color--layouts{color:#297ea9}.color--user{color:#2c8566}.color--media{color:#cf423a}.color--performance{color:#7b5294}.color--layouts-secondary{color:#89c4e2}.color--user-secondary{color:#78d2b3}.color--media-secondary{color:#edb8b5}.color--performance-secondary{color:#c4add2}.text-divider{position:relative;
margin-bottom:26px}.text-divider::after{content:'';
display:block;
position:absolute;
width:40%;
height:1px;
box-shadow:0 1px 0 0 #e0e0e0;
left:30%;
bottom:-13px}.text-divider.xlarge{margin-bottom:52px}.text-divider.xlarge::after{bottom:-26px}.text-divider.xxlarge{margin-bottom:78px}.text-divider.xxlarge::after{bottom:-39px}.text-divider.huge{margin-bottom:78px}.text-divider.huge::after{bottom:-39px}.centered{text-align:center}.tag{font-size:13px;
line-height:2em;
padding-top:2em;
padding-bottom:0;
font-family:'Roboto Condensed',Helvetica,sans-serif;
text-transform:uppercase;
font-weight:700;
display:inline-block;
text-decoration:none}.tag:hover{color:rgba(0,0,0,.87)}.tag::before{content:'# ';
display:inline-block}@font-face{font-family:'FontAwesome';
src:url('/fonts/fontawesome-webfont.eot?v=4.3.0');
src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight:400;
font-style:normal}.fa{display:inline-block;
font:14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-transform:translate(0,0);
transform:translate(0,0)}.fa-lg{font-size:1.3333333333em;
line-height:.75em;
vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857em;
text-align:center}.fa-ul{padding-left:0;
list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;
left:-2.1428571429em;
width:2.1428571429em;
top:.1428571429em;
text-align:center}.fa-li.fa-lg{left:-1.8571428571em}.fa-ul{margin:inherit}.fa-ul .fa{margin-right:.4em}.fa-border{padding:.2em .25em .15em;
border:solid .08em #eee;
border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;
animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);
animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);
transform:rotate(0)}100%{-webkit-transform:rotate(359deg);
transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);
transform:rotate(0)}100%{-webkit-transform:rotate(359deg);
transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform:rotate(90deg);
transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform:rotate(180deg);
transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform:rotate(270deg);
transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-webkit-transform:scale(-1,1);
transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform:scale(1,-1);
transform:scale(1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{-webkit-filter:none;
filter:none}.fa-stack{position:relative;
display:inline-block;
width:2em;
height:2em;
line-height:2em;
vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;
left:0;
width:100%;
text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.logo-vertical{width:300px}.logo-drawer{max-height:auto;
max-width:230px;
width:230px}.logo-purple{fill:#6f2079}.logo-white{fill:#fff}.logo-light-grey{fill:#ccc}.logo-grey{fill:gray}.logo-dark-grey{fill:#4d4d4d}.logo-black{fill:#212121}.logo-oppidan{fill:#d12329}.logo-activate{fill:#006bb3}.link a{display:inline-block}.link a:hover i{color:#72287b}@media (min-width:870px){.hide-desktop{display:none}.hide{visibility:visible}}@media (max-width:460px){.logo-header{min-width:280px;
margin:1.2em 0 0 1.2em}.logo-custom{margin:1.9em -12.4em 0 1.2em}.logo-region{font-size:4.6em;
padding:.26em .5em .3em .34em;
margin:0}.logo-strapline{margin-left:1.9em!important;
font-size:.9em}.hide-mobile{display:none}.hide{visibility:hidden}}@media (max-width:320px){.logo-header{min-width:280px}.hide-mobile{display:none}}html,body{width:100%;
height:100%;
margin:0;
padding:0}body{position:relative;
font-family:'Roboto Condensed',Helvetica,Arial,sans-serif;
font-weight:300;
background-color:#fff;
box-sizing:border-box;
min-height:100%}body.open{position:fixed;
overflow:hidden}.promote-layer{-webkit-backface-visibility:hidden;
backface-visibility:hidden}.base,p,ul,ol{font-size:19px}main{min-height:100%;
margin:0 auto;
padding-top:50px}.logo-vertical{position:absolute;
max-height:auto;
max-width:30%;
margin:5% 0 0}.logo-horizontal{position:absolute;
max-height:auto;
max-width:500px;
width:500px;
margin:4em 0 0 6em}.logo-drawer{width:inherit;
margin:1.1em 0 .9em 1.1em}.logo-footer{max-height:auto;
max-width:230px;
margin:1em 0 .4em 1em}.list-heading{background:#eee;
padding:.6em 0 .6em .6em;
margin:1.4em -.3em -.4em}.list-heading,.link{white-space:nowrap}.link a{color:#007899;
display:inline-block;
width:100%;
padding:.5em 0;
margin:-.4em 0 .5em;
vertical-align:middle}.link a:hover{color:#72287b}.link a:active{background:#f0f0f0}@media (max-width:460px){.list-heading{padding-left:1em;
margin:0 -5.5% -.8em;
box-shadow:none}.hide-mobile{visibility:hidden}}@media (min-width:461px){.search-container,.search-container.close{max-width:60%}}@media (min-width:870px){.search-container,.search-container.close{max-width:40%}}@media all and (min-width:990px){.app-bar{position:relative}.app-bar.open,.app-bar.open~main{-webkit-transform:translate(0,0);
transform:translate(0,0)}.app-bar-container{display:block;
height:50px}.app-bar-container,.app-bar-bottom-container{max-width:864px;
box-sizing:border-box}.app-bar .logo{float:left;
margin:0;
padding:0;
line-height:70px;
font-size:20px}.app-bar-actions{float:right}.app-bar::after{content:' ';
display:block;
height:0;
overflow:hidden;
clear:both}button.menu,.logo-drawer{display:none}.navdrawer-container{position:relative;
width:100%;
height:auto;
margin-top:0;
-webkit-transform:translate(0,0);
transform:translate(0,0);
transition:none;
overflow-y:auto}.navdrawer-container h3{display:none}.navdrawer-container ul{display:-webkit-flex;
display:-ms-flexbox;
display:flex;
max-width:864px;
margin:0 auto;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
border:none}.navdrawer-container ul li{border:none}.navdrop-container{top:-130px;
z-index:2}main{padding-top:0;
min-height:initial}.modal-overlay,.modal-overlay.open{opacity:0;
pointer-events:none}.hide-desktop{display:none}.hide-mobile{visibility:visible}}