@charset "utf-8";
/* CSS Document */

/* normalize.css v2.1.1 | MIT License | git.io/normalize */


@import url("//hello.myfonts.net/count/2a96ad");
  

@font-face {font-family: 'HelveticaNeueLTStd-Lt';src: url('../webfonts/2A96AD_0_0.eot');src: url('../webfonts/2A96AD_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2A96AD_0_0.woff') format('woff'),url('../webfonts/2A96AD_0_0.ttf') format('truetype');}
  
@font-face {font-family: 'HelveticaNeueLT-Bold';src: url('../webfonts/2A96AD_1_0.eot');src: url('../webfonts/2A96AD_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2A96AD_1_0.woff') format('woff'),url('../webfonts/2A96AD_1_0.ttf') format('truetype');}  
@font-face {font-family: 'HelveticaNeueLT-Black';src: url('../webfonts/2A96AD_2_0.eot');src: url('../webfonts/2A96AD_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2A96AD_2_0.woff') format('woff'),url('../webfonts/2A96AD_2_0.ttf') format('truetype');}



.top-bar .headerNewsBold { font-size:1.6em; font-family: 'HelveticaNeueLT-Black',"Arial Black",Arial;  position: absolute; left:3.1em; top:0.7em; margin-top:0.45em; color:#FFF;} 

.lt-ie9 .top-bar .headerNewsBold { font-size:1.6em; font-family: 'HelveticaNeueLT-Black',"Arial Black",Arial;  position: absolute; left:3.1em; top:0.2em; margin-top:0.45em; color:#FFF;} 

.top-bar .headerNews { font-size:1.4em; font-family: 'HelveticaNeueLTStd-Lt',Helvetica, Arial; position:absolute; top: -0.8em; left:6.9em; float:left; width:10em; margin-top:2.25em; color:#FFF; }

.lt-ie9 .top-bar .headerNews { font-size:1.4em; font-family: 'HelveticaNeueLTStd-Lt',Helvetica, Arial; position:absolute; top: 0.8em; left:7.0em; float:left; width:10em; color:#FFF; margin-top:0; }

#main ul li {line-height: 1.6;}
.helblack{font-family:'HelveticaNeueLT-Bold',"Arial Black",Arial;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;color:#000;font-family:'HelveticaNeueLTStd-Lt',Helvetica, Arial;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
.caption{color:#BDBEC0;font-size:0.8em;margin-top:0.4em;margin-bottom:0em;text-align:right;WIDTH:100%;display:block;}
a:focus{outline:thin dotted}
.top{margin-bottom:0.5em;font-weight:bold;}
.clearaward{clear:both;margin-bottom:0.8em;}
.ie7 .clearaward{clear:both;margin-bottom:1.4em;}

.caption {
    color: #bdbec0;
    display: block;
    font-size: 0.8em;
    margin-bottom: 0;
    margin-top: 0.4em;
    text-align: right;
    width: 100%;
}

.rightQoute {display:block}
.inlineQoute{display:none;}
.qoute {font-family:'HelveticaNeueLT-Bold',"Arial Black",Arial; font-size:1.4em; color:#A7A9AC; }

a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0}svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:'HelveticaNeueLTStd-Lt',Helvetica, Arial;font-size:100%;margin:0}
button,input{line-height:normal}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}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{font-size:100%}
body{color:#262626;padding:0;margin:0 0 0 0;font-family:'HelveticaNeueLTStd-Lt',Helvetica, Arial;font-weight:400;font-style:normal;line-height:1;position:relative;cursor:default}
a:hover{cursor:pointer}
a:focus{outline:none}
img,object,embed{max-width:100%;height:auto}
aside .img-top .caption {font-size:0.8em;}
object,embed{height:100%}
img{-ms-interpolation-mode:bicubic}
#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object{max-width:none !important}
.left{float:left !important}
.right{float:right !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}
.text-justify{text-align:justify !important}
.hide{display:none}
.antialiased{-webkit-font-smoothing:antialiased}
img{display:inline-block;vertical-align:middle!important;}
textarea{height:auto;min-height:50px}
select{width:100%}
.main-header,.row,{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;*zoom:1}
.page{width:90%;max-width:980px;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;*zoom:1}
.row:before,.page:before,.row:after,.page:after{content:" ";display:table}
.row:after,.page:after{clear:both}
h2, .hmtx{color:#333;font-size:1.3em;line-height:1.2em;}
h2, .hmtx a{color:#333;font-weight:600;}
.row.collapse .column,.collapse.page .column,.row.collapse .columns,.collapse.page .columns{position:relative;padding-left:0;padding-right:0;float:left}
.row .row,.page .row,.row .page,.page .page{width:auto;margin-left:-0.625em;margin-right:-0.625em;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}.
row .row:before,.page .row:before,.row .page:before,.page .page:before,.row .row:after,.page .row:after,.row .page:after,.page .page:after{content:" ";display:table}
.row .row:after,.page .row:after,.row .page:after,.page .page:after{clear:both}
.row .row.collapse,.page .row.collapse,.row .collapse.page,.page .collapse.page{width:auto;margin:0;max-width:none;*zoom:1}
.row .row.collapse:before,.page .row.collapse:before,.row .collapse.page:before,.page .collapse.page:before,.row .row.collapse:after,.page .row.collapse:after,.row .collapse.page:after,.page .collapse.page:after{content:" ";display:table}
.row .row.collapse:after,.page .row.collapse:after,.row .collapse.page:after,.page .collapse.page:after{clear:both}
.column,.columns{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left}
.seperator .intro{margin-top:0;margin-bottom:0.8em;}
.seperator .intro{line-height:1.8em;}
.contact_form ul{width:100%;list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.contact_form li{padding:0.6em;position:relative;}
.contact_form h2{margin:0;display:inline;}
.required_notification{color:#d45252;margin:5px 0 0 0;display:inline;float:right;}
.contact_form label{width:28%;margin-top:3px;display:inline-block;float:left;padding:3px;}
.contact_form input{height:30px;width:35%;padding:5px 8px!important;}
.contact_form textarea{padding:8px;width:60%;}
.contact_form button{margin-left:13em;}
.ie7 .contact_form button{margin-left:8.7em;}
.contact_form input, .contact_form textarea{border:1px solid #aaa;box-shadow:0px 0px 3px #ccc, 0 10px 15px #eee inset;border-radius:2px;padding-right:30px;-moz-transition:padding .25s;-webkit-transition:padding .25s;-o-transition:padding .25s;transition:padding .25s;}
.contact_form input:focus, .contact_form textarea:focus{background:#fff;border:1px solid #555;box-shadow:0 0 3px #aaa;padding-right:70px;}
.contact_form input:required, .contact_form textarea:required{background:#fff url(../images/red_asterisk.png) no-repeat 98% center;}
.contact_form input:required:valid, .contact_form textarea:required:valid{background:#fff url(../images/valid.png) no-repeat 98% center;box-shadow:0 0 5px #5cd053;border-color:#28921f;}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid{background:#fff url(../images/invalid.png) no-repeat 98% center;box-shadow:0 0 5px #d45252;border-color:#b03535}
.form_hint{background:#d45252;border-radius:3px 3px 3px 3px;color:white;margin-left:8px;padding:1px 6px;z-index:999;position:absolute;display:none;}
.form_hint::before{content:"\25C0";color:#d45252;position:absolute;top:1px;left:-6px;}
.contact_form input:focus + .form_hint{display:inline;}
.contact_form input:required:valid + .form_hint{background:#28921f;}
.contact_form input:required:valid + .form_hint::before{color:#28921f;}
.right-btn .submit a{width:49.5%;float:left;margin-right:1%;}
.right-btn .submit-right a{width:49.5%;float:left;;}
.right-btn .submit a,.right-btn .submit-right a, button.submit{background-color:#0E5488;background:-webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));background:-webkit-linear-gradient(top, #0580B3, #0E5488);background:-moz-linear-gradient(top, #0580B3, #0E5488);background:-ms-linear-gradient(top, #0580B3, #0E5488);background:-o-linear-gradient(top, #0580B3, #0E5488);background:linear-gradient(top, #0580B3, #0E5488);border:1px solid #0E5488;border-bottom:1px solid #0E5488;font-size:0.9em;-webkit-box-shadow:0 1px 0 0 #0694D6 inset;-moz-box-shadow:0 1px 0 0 #0694D6 inset;-ms-box-shadow:0 1px 0 0 #0694D6 inset;-o-box-shadow:0 1px 0 0 #0694D6 inset;color:white;font-weight:bold;padding:6px 10px;text-align:center;text-shadow:0 -1px 0 #0E5488;}
.right-btn .submit-right a:hover, .right-btn .submit a:hover, button.submit a:hover{opacity:.85;cursor:pointer;}
button.submit:active{border:1px solid #20911e;box-shadow:0 0 10px 5px #356b0b inset;-webkit-box-shadow:0 0 10px 5px #356b0b inset;-moz-box-shadow:0 0 10px 5px #356b0b inset;-ms-box-shadow:0 0 10px 5px #356b0b inset;-o-box-shadow:0 0 10px 5px #356b0b inset;}
.nextbtn a{width:30%;float:right;}
.nextbtn a{background-color:#0E5488;background:-webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));background:-webkit-linear-gradient(top, #0580B3, #0E5488);background:-moz-linear-gradient(top, #0580B3, #0E5488);background:-ms-linear-gradient(top, #0580B3, #0E5488);background:-o-linear-gradient(top, #0580B3, #0E5488);background:linear-gradient(top, #0580B3, #0E5488);border:1px solid #0E5488;border-bottom:1px solid #0E5488;font-size:0.9em;-webkit-box-shadow:0 1px 0 0 #0694D6 inset;-moz-box-shadow:0 1px 0 0 #0694D6 inset;-ms-box-shadow:0 1px 0 0 #0694D6 inset;-o-box-shadow:0 1px 0 0 #0694D6 inset;color:white;font-weight:bold;padding:6px 10px;text-align:center;text-shadow:0 -1px 0 #0E5488;}
.nextbtn a:hover{opacity:.85;cursor:pointer;color:#CCC;}
.nextbtn:active{border:1px solid #20911e;box-shadow:0 0 10px 5px #356b0b inset;-webkit-box-shadow:0 0 10px 5px #356b0b inset;-moz-box-shadow:0 0 10px 5px #356b0b inset;-ms-box-shadow:0 0 10px 5px #356b0b inset;-o-box-shadow:0 0 10px 5px #356b0b inset;}


.piegraph {max-width:350px; width:350px; margin-left:auto; margin-right:auto; position:relative; }
.graphs {max-width:100%; width:100%; position:relative; }
.revenue { margin-top:0.2em; width:350px; margin-left:auto; margin-right:auto; margin-bottom:1.8em; font-weight:bold; text-align:center; }
.energy {position:absolute; left:7.7em; top:2.2em; font-size:0.85em; color:#FFF}
.revenuelegend {position:absolute; left:2.9em; top:-1.3em; font-size:0.75em; color:#000; }
.legendseventeenfifty {position:absolute; left:2.9em; top:0.3em; font-size:0.8em; color:#000; }
.legendfifthteen {position:absolute; left:2.9em; top:3.0em; font-size:0.8em; color:#000; }

.ie8 .main-header, .ie7 .main-header{width:100%;}
.ie8 .main-header, .ie7 #column-main{width:47%;}
.ie8 .top-bar .headerNews, .ie7 .top-bar .headerNews{top:14px;left:90px;}

.ie7 .top-bar, .ie7.top-bar ul{line-height:61px!important;z-index:99;position:relative;}
.lt-ie9 .top-bar ul{line-height:61px!important;}
.ie8 .top-bar-section ul li > a, .ie7 .top-bar-section ul li > a{width:90.5%;padding-right:20px!important;z-index:99;position:relative;}
.lt-ie9 .top-bar-section ul li > a, .ie7 .top-bar-section ul li > a{;padding-right:5px!important;}
.ie7 .top-bar-section li a .top-bar{line-height:85px !important;}
.ie7 .top-bar-section ul a, .lt-ie9 .top-bar-section ul a{background:#3A3A3A!important;}
.ie7 .top-bar-section ul li a:hover{background:#606060!important;}
.ie7 .top-bar-section ul li.hover>a{background:#1e1e1e!important;color:#fff}
.ie7 .top-bar-section ul li.active>a{background:#1e1e1e!important;color:#fff}
.ie7 .right-btn .submit a{width:42%!important;float:left;}
.ie7 .right-btn .submit-right a{width:42%!important;float:right;}
.ie7.thumbnail-opinion .opinion-text a{line-height:1.7em!important;}
.ie7 .opinion-text a{overflow:visible!important;line-height:1.5em!important;}
.ie9 .opinion-text a{overflow:visible!important;line-height:0.5em!important;}
.ie7 .green-panel{padding-left:3%!important;padding-bottom:1.5em!important;}
.ie7 #nav-feature{z-index:-99;}
.ie7.clearfix{line-height:none!important;}
.ie7 .news-menu{width:88%;height:13em;}
.ie7 #content-main.col-double #rightside{padding-left:0;padding-right:0;}
.ie7 #right-lowerbtn .right-btn .submit-right{float:left;}
.ie7 #right-lowerbtn .right-btn .submit-right a{width:14.8em!important;float:left;}
.ie7 footer[role="contentinfo"] ul li{display:block;clear:both;}
.ie7 footer[role="contentinfo"] .footer-righttwo{float:left;width:40%;}
.ie7 footer[role="contentinfo"] #footer-quicklinks{width:42%;}
.ie7 footer[role="contentinfo"] #footer-contactus{width:42%;}
.ie7 footer[role="contentinfo"] #footer-connect #connect-facebook .btn-sf, .lt-ie9 footer[role="contentinfo"] #footer-connect #connect-facebook .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:0 0;background-repeat:no-repeat;}
.ie7 footer[role="contentinfo"] #footer-connect #connect-facebook .btn-sf:hover,footer[role="contentinfo"] #footer-connect #connect-facebook .btn-sf:focus{filter:alpha(opacity=60);opacity:0.6}
.ie7 footer[role="contentinfo"] #footer-connect #connect-twitter .btn-sf, .lt-ie9 footer[role="contentinfo"] #footer-connect #connect-twitter .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:0 -26px;background-repeat:no-repeat;}
.ie7 footer[role="contentinfo"] #footer-connect #connect-twitter .btn-sf:hover,footer[role="contentinfo"] #footer-connect #connect-twitter .btn-sf:focus{filter:alpha(opacity=60);opacity:0.6}
.ie7 footer[role="contentinfo"] #footer-connect #connect-youtube .btn-sf, .lt-ie9 footer[role="contentinfo"] #footer-connect #connect-youtube .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-51px 0;background-repeat:no-repeat;}
.ie7 footer[role="contentinfo"] #footer-connect #connect-youtube .btn-sf:hover,footer[role="contentinfo"] #footer-connect #connect-youtube .btn-sf:focus{filter:alpha(opacity=60);opacity:0.6}
.ie7 footer[role="contentinfo"] #footer-connect #connect-linkedin .btn-sf, .lt-ie9 footer[role="contentinfo"] #footer-connect #connect-linkedin .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-26px 0;background-repeat:no-repeat;}
.ie7 footer[role="contentinfo"] #footer-connect #connect-linkedin .btn-sf:hover,footer[role="contentinfo"] #footer-connect #connect-linkedin .btn-sf:focus{filter:alpha(opacity=60);opacity:0.6}
.ie7 .ir{background-repeat:no-repeat;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-999em;}
.ie7 aside[role="complementary"] .panel-resources #resources-pdf .btn-sf, .lt-ie9 aside[role="complementary"] .panel-resources #resources-pdf .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-26px -19px;background-repeat:no-repeat;}
.ie7 #rightside .panel-aux h2{letter-spacing:-0.05em;line-height:1.25;margin-top:1em!important;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

.top-bar .headerNewsBold {left:79px!important; top:15px!important; font-size:22px!important;}
.top-bar .headerNews {left:145px!important; top:27px!important; margin-top:0; font-size:20px!important;}
.news-menu {height:238px!important;}
.right-btn .submit a, .right-btn .submit-right a{ font-size:13px;}
#right-opinion { margin-top:10px!important;}
.green-panel h2 {margin-top:18px!important; font-size:20px!important; line-height:22px!important;}
.green-panel{ padding-bottom: 34px!important;}
#right-wrapper .thumbnail-opinion .opinion-text { font-size:16px!important;}
.langhome {padding-bottom:14px!important;}
.news-feature-home .t15px, .news-feature-home-right .t15px {font-size:14px!important;}
.zoom-range { display:none;}
}

@media only screen{.column,.columns{position:relative;padding-left:0.625em;padding-right:0.625em;float:left}
[class*="column"]+[class*="column"]:last-child{float:right}[class*="column"]+[class*="column"].end{float:left}
.column.small-centered,.columns.small-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important}}
@media only screen and (min-width:1295px){.show-for-large,.show-for-large-up{display:inherit !important}.show-for-medium,.show-for-medium-down{display:none !important}.hide-for-medium,.hide-for-medium-down{display:inherit !important}.hide-for-large,.hide-for-large-up{display:none !important}table.show-for-large,table.show-for-large-up,table.hide-for-medium,table.hide-for-medium-down{display:table}thead.show-for-large,thead.show-for-large-up,thead.hide-for-medium,thead.hide-for-medium-down{display:table-header-group !important}tbody.show-for-large,tbody.show-for-large-up,tbody.hide-for-medium,tbody.hide-for-medium-down{display:table-row-group !important}tr.show-for-large,tr.show-for-large-up,tr.hide-for-medium,tr.hide-for-medium-down{display:table-row !important}td.show-for-large,td.show-for-large-up,td.hide-for-medium,td.hide-for-medium-down,th.show-for-large,th.show-for-large-up,th.hide-for-medium,th.hide-for-medium-down{display:table-cell !important}}
@media only screen and (orientation:landscape){.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}table.show-for-landscape,table.hide-for-portrait{display:table}thead.show-for-landscape,thead.hide-for-portrait{display:table-header-group !important}tbody.show-for-landscape,tbody.hide-for-portrait{display:table-row-group !important}tr.show-for-landscape,tr.hide-for-portrait{display:table-row !important}td.show-for-landscape,td.hide-for-portrait,th.show-for-landscape,th.hide-for-portrait{display:table-cell !important}}
@media only screen and (orientation:portrait){.show-for-portrait,.hide-for-landscape{display:inherit !important}.hide-for-portrait,.show-for-landscape{display:none !important}table.show-for-portrait,table.hide-for-landscape{display:table}thead.show-for-portrait,thead.hide-for-landscape{display:table-header-group !important}tbody.show-for-portrait,tbody.hide-for-landscape{display:table-row-group !important}tr.show-for-portrait,tr.hide-for-landscape{display:table-row !important}td.show-for-portrait,td.hide-for-landscape,th.show-for-portrait,th.hide-for-landscape{display:table-cell !important}}
.show-for-touch{display:none !important}.hide-for-touch{display:inherit !important}.touch .show-for-touch{display:inherit !important}.touch .hide-for-touch{display:none !important}table.hide-for-touch{display:table}.touch table.show-for-touch{display:table}thead.hide-for-touch{display:table-header-group !important}.touch thead.show-for-touch{display:table-header-group !important}tbody.hide-for-touch{display:table-row-group !important}.touch tbody.show-for-touch{display:table-row-group !important}tr.hide-for-touch{display:table-row !important}.touch tr.show-for-touch{display:table-row !important}td.hide-for-touch{display:table-cell !important}.touch td.show-for-touch{display:table-cell !important}th.hide-for-touch{display:table-cell !important}.touch th.show-for-touch{display:table-cell !important}
@media only screen{[class*="block-grid-"]{display:block;padding:0;margin:0 -0.625em;*zoom:1}[class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table}[class*="block-grid-"]:after{clear:both}[class*="block-grid-"]>li{display:inline;height:auto;float:left;padding:0 0.625em 1.25em}.small-block-grid-1>li{width:100%;padding:0 0.625em 1.25em}.small-block-grid-1>li:nth-of-type(n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{width:50%;padding:0 0.625em 1.25em}.small-block-grid-2>li:nth-of-type(n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{width:33.33333%;padding:0 0.625em 1.25em}.small-block-grid-3>li:nth-of-type(n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{width:25%;padding:0 0.625em 1.25em}.small-block-grid-4>li:nth-of-type(n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{width:20%;padding:0 0.625em 1.25em}.small-block-grid-5>li:nth-of-type(n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{width:16.66667%;padding:0 0.625em 1.25em}.small-block-grid-6>li:nth-of-type(n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{width:14.28571%;padding:0 0.625em 1.25em}.small-block-grid-7>li:nth-of-type(n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{width:12.5%;padding:0 0.625em 1.25em}.small-block-grid-8>li:nth-of-type(n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{width:11.11111%;padding:0 0.625em 1.25em}.small-block-grid-9>li:nth-of-type(n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{width:10%;padding:0 0.625em 1.25em}.small-block-grid-10>li:nth-of-type(n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{width:9.09091%;padding:0 0.625em 1.25em}.small-block-grid-11>li:nth-of-type(n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{width:8.33333%;padding:0 0.625em 1.25em}.small-block-grid-12>li:nth-of-type(n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}.small-block-grid-13>li{width:7.69231%;padding:0 0.625em 1.25em}.small-block-grid-13>li:nth-of-type(n){clear:none}.small-block-grid-13>li:nth-of-type(13n+1){clear:both}.small-block-grid-14>li{width:7.14286%;padding:0 0.625em 1.25em}.small-block-grid-14>li:nth-of-type(n){clear:none}.small-block-grid-14>li:nth-of-type(14n+1){clear:both}.small-block-grid-15>li{width:6.66667%;padding:0 0.625em 1.25em}.small-block-grid-15>li:nth-of-type(n){clear:none}.small-block-grid-15>li:nth-of-type(15n+1){clear:both}.small-block-grid-16>li{width:6.25%;padding:0 0.625em 1.25em}.small-block-grid-16>li:nth-of-type(n){clear:none}.small-block-grid-16>li:nth-of-type(16n+1){clear:both}
}
p.lead{font-size:1.21875em;line-height:1.6}.subheader{line-height:1.25;color:#737373;font-weight:400;margin-top:0.2em;margin-bottom:0.5em}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;direction:ltr}
a{color:#1c94c6;text-decoration:none;line-height:inherit}
a:hover,a:focus{color:#1983b0}
a img{border:none}p{font-family:inherit;font-weight:normal;font-size:0.9em;line-height:1.6;margin-bottom:1.25em;text-rendering:optimizeLegibility}p aside{font-size:0.875em;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:'HelveticaNeueLTStd-Lt',Helvetica,Arial,sans-serif;font-style:normal;color:#262626;text-rendering:optimizeLegibility;margin-top:2em;margin-bottom:0.5em;line-height:1.0625em}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#737373;line-height:0}h1{font-size:2.375em}h2{font-size:0.875em}h3{font-size:1.0625em}h4{font-size:0.8125em}h5{font-size:1em}h6{font-size:1em}hr{border:solid #eee;border-width:1px 0 0;clear:both;margin:1.25em 0 1.1875em;height:0}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:bold;line-height:inherit}small{font-size:60%;line-height:inherit}code{font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:400;color:#333}ul,ol,dl{font-size:0.9em;line-height:1.3;margin-bottom:1.25em;list-style-position:outside;font-family:inherit}ul,ol{margin-left:0}ul li ul,ul li ol{margin-left:1.25em;margin-bottom:0;font-size:1em}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square}ul.circle{list-style-type:circle}ul.disc{list-style-type:disc}ul.no-bullet{list-style:none}ol li ul,ol li ol{margin-left:1.25em;margin-bottom:0}dl dt{margin-bottom:0.3em;font-weight:bold}dl dd{margin-bottom:0.75em}abbr,acronym{text-transform:uppercase;font-size:90%;color:#262626;border-bottom:1px dotted #eee;cursor:help}abbr{text-transform:none}blockquote{ width: 31.4286%; float:right; color:#A7A9AC; margin-bottom:1.0em;}blockquote cite{display:block;font-size:1em;color:#949494}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#949494}blockquote,blockquote p{line-height:1.6;}.vcard{display:inline-block;margin:0 0 1.25em 0;border:1px solid #eee;padding:0.625em 0.75em}.vcard li{margin:0;display:block}.vcard .fn{font-weight:bold;font-size:0.9375em}.vevent .summary{font-weight:bold}.vevent abbr{cursor:default;text-decoration:none;font-weight:bold;border:none;padding:0 0.0625em}
.print-only{display:none !important}
@media only screen{button,.button{-webkit-box-shadow:0 rgba(255,255,255,0.5) inset;box-shadow:0 rgba(255,255,255,0.5) inset;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}button:active,.button:active{-webkit-box-shadow:0 rgba(0,0,0,0.2) inset;box-shadow:0 rgba(0,0,0,0.2) inset}button.radius,.button.radius{-webkit-border-radius:2px;border-radius:2px}button.round,.button.round{-webkit-border-radius:1000px;border-radius:1000px}
}
@media only screen and (min-width:768px){button,.button{display:inline-block}}
form{margin:0 0 1.5em}form .row .row,form .page .row,form .row .page,form .page .page{margin:0 -0.75em}
form .row .row .column,form .page .row .column,form .row .page .column,form .page .page .column,form .row .row .columns,form .page .row .columns,form .row .page .columns,form .page .page .columns{padding:0 0.75em}form .row .row.collapse,form .page .row.collapse,form .row .collapse.page,form .page .collapse.page{margin:0}form .row .row.collapse .column,form .page .row.collapse .column,form .row .collapse.page .column,form .page .collapse.page .column,form .row .row.collapse .columns,form .page .row.collapse .columns,form .row .collapse.page .columns,form .page .collapse.page .columns{padding:0}
form .row input.column,form .page input.column,form .row input.columns,form .page input.columns,form .row textarea.column,form .page textarea.column,form .row textarea.columns,form .page textarea.columns{padding-left:0.75em}
@media only screen and (min-width:768px){}
.section-container.horizontal-nav>section>.title a,.section-container.horizontal-nav>.section>.title a{width:100%}
.section-container.horizontal-nav>section .content,.section-container.horizontal-nav>.section .content{display:none}
.section-container.horizontal-nav>section.active>.content,.section-container.horizontal-nav>.section.active>.content{display:block;position:absolute;z-index:999;left:0;top:-2px;min-width:12.5em;border:solid 1px #ccc}
.fixed{width:100%;left:0;position:fixed;top:0;z-index:99}
.top-bar{overflow:hidden;height:85px;line-height:120px;position:relative;background:#3a3a3a;margin-bottom:0}
.top-bar ul{margin-bottom:0;list-style:none}
.top-bar li{display:inline;}
.top-bar .row,.top-bar .page{max-width:none}
.top-bar form,.top-bar input{margin-bottom:0}
.top-bar input{height:2.45em}
.top-bar .button{padding-top:.5em;padding-bottom:.5em;margin-bottom:0}
.top-bar .title-area{position:relative;margin:0;  height:85px;}
.top-bar .name{margin:0;font-size:16px;float:left;}
.top-bar .name h1{line-height:60px;font-size:1.375em;margin:0}
.top-bar .name h1 a{font-weight:400;color:#adadad;width:50%;display:block;padding:0 20px}
.top-bar .toggle-topbar{position:absolute;right:0;top:0}
.top-bar .toggle-topbar a{color:#adadad;text-transform:uppercase;font-size:1em;font-weight:bold;position:relative;display:block;padding:0 20px;height:60px;line-height:60px}
.top-bar .toggle-topbar.menu-icon{right:20px;top:50%;margin-top:-2.0em;padding-left:0px}
.top-bar .toggle-topbar.menu-icon a{text-indent:-48px;width:24px;height:34px;line-height:33px;padding:0;color:#fff}
.top-bar .toggle-topbar.menu-icon a span{position:absolute;right:0;display:block;width:16px;height:0;-webkit-box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;box-shadow:0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff}
.top-bar-section{left:0;position:relative;width:auto;-webkit-transition:left 300ms ease-out;-moz-transition:left 300ms ease-out;transition:left 300ms ease-out}
.top-bar-section ul{width:100%;height:auto;display:block;background:#1e1e1e;font-size:16px;margin:0}
.top-bar-section .divider,.top-bar-section [role="separator"]{border-bottom:solid 1px #545454;border-top:solid 1px #212121;clear:both;height:1px;width:100%}
.top-bar-section ul li>a{display:block;width:100%;color:#adadad;padding:12px 0 12px 0;padding-left:20px;font-size:0.9375em;font-weight:400;background:#1e1e1e}
.top-bar-section ul li>a.button{background:#1c94c6;font-size:0.9375em}.top-bar-section ul li>a.button.hover{background:#167399}.top-bar-section ul li>a.button.secondary,.top-bar-section ul li>a.button.article_series-meta{background:#e9e9e9}
.top-bar-section ul li>a.button.secondary.hover,.top-bar-section ul li>a.button.hover.article_series-meta{background:#d0d0d0}
.top-bar-section ul li>a.button.success{background:#17b570}
.top-bar-section ul li>a.button.success.hover{background:#118854}
.top-bar-section ul li>a.button.alert{background:#ff7f5a}
.top-bar-section ul li>a.button.alert.hover{background:#ff5727}
.top-bar-section ul li.hover>a{background:#1e1e1e;color:#fff}
.top-bar-section ul li.active>a{background:#1e1e1e;color:#fff}
.top-bar-section .has-form{padding:20px}
.top-bar-section .has-dropdown{position:relative}
.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:transparent transparent transparent #fff;border-left-style:solid;margin-right:20px;margin-top:-4.5px;position:absolute;top:50%;right:0}
.top-bar-section .has-dropdown.moved{position:static}
.top-bar-section .has-dropdown.moved>.dropdown{visibility:visible}
.top-bar-section .dropdown{position:absolute;left:100%;top:0;visibility:hidden;z-index:99}
.top-bar-section .dropdown li{width:100%;height:auto;z-index:99;}
.top-bar-section .dropdown li a{font-weight:normal;padding:8px 20px}
.top-bar-section .dropdown li.title h5{margin-bottom:0}
.top-bar-section .dropdown li.title h5 a{color:#adadad;line-height:30px;display:block}
.top-bar-section .dropdown label{padding:8px 20px 2px;margin-bottom:0;text-transform:uppercase;color:#1e1e1e;font-weight:400;font-size:1em}
.top-bar.expanded{height:auto;background:transparent}
.top-bar.expanded .title-area{background:#3a3a3a}
.top-bar.expanded
.toggle-topbar a{color:#1e1e1e}
.top-bar.expanded .toggle-topbar a span{-webkit-box-shadow:0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888;box-shadow:0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888}
.top-bar-js-breakpoint{width:74em!important;visibility:hidden}
.js-generated{display:block}
@media only screen and (min-width:64.75em){.page{width:100%;}
}
@media only screen and (min-width:64.75em){.top-bar{background:#3a3a3a;*zoom:1;overflow:visible;max-width:980px;margin-left:auto;margin-right:auto;}
.top-bar:before,.top-bar:after{content:" ";display:table}
.top-bar:after{clear:both}.top-bar .toggle-topbar{display:none}
.top-bar .title-area{float:left;display:inline;}
.top-bar .name h1 a{width:auto}
.top-bar input,.top-bar .button{line-height:2em;font-size:0.875em;height:2em;padding:0 10px;position:relative;top:8px}
.top-bar.expanded{background:#3a3a3a}
.contain-to-grid .top-bar{max-width:80em;margin:0 auto}
.top-bar-section{-webkit-transition:none 0 0;-moz-transition:none 0 0;transition:none 0 0;left:0 !important}
.top-bar-section ul{width:auto;height:auto !important;display:inline}
.top-bar-section ul li{float:left}
.top-bar-section ul li .js-generated{display:none}
.top-bar-section li a:not(.button){padding: 0 8px;line-height:85px;  background:#3a3a3a}
.top-bar-section li a:not(.button).hover{background:#000}
.top-bar-section .has-dropdown>a{padding-right:40px !important}
.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:#fff transparent transparent transparent;border-top-style:solid;margin-top:-2.5px;top:30px}
.top-bar-section .has-dropdown.moved{position:relative}
.top-bar-section .has-dropdown.moved>.dropdown{visibility:hidden}
.top-bar-section .has-dropdown.hover>.dropdown{visibility:visible}
.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";margin-top:-16px;right:5px}
.top-bar-section .dropdown{left:0;top:auto;background:transparent;min-width:100%;width:15.5em;}
.top-bar-section .dropdown li a{color:#fff;line-height:1;white-space:nowrap;padding:7px 20px;background:#474747}
.top-bar-section .dropdown li label{white-space:nowrap;background:#474747}
.top-bar-section .dropdown li .dropdown{left:100%;top:0}
.top-bar-section>ul>.divider,.top-bar-section>ul>[role="separator"]{border-bottom:none;border-top:none;border-right:solid 1px #545454;border-left:solid 1px #212121;clear:none;height:60px;width:0px}
.top-bar-section .has-form{background:#3a3a3a;padding:0 20px;height:60px}
.top-bar-section ul.right li .dropdown{left:0;right:0;}
.top-bar-section ul.right li .dropdown li .dropdown{right:100%}
.no-js .top-bar-section ul li:hover>a{background:#1e1e1e;color:#fff}
.no-js .top-bar-section ul li:active>a{background:#1e1e1e;color:#fff}
.no-js .top-bar-section .has-dropdown:hover>.dropdown{visibility:visible}
#nav-wrapper{width:68%!important;float:left;}
#right-wrapper{width:31%!important;}
#right-opinion{float:right!important;display:inline!important;clear:none!important;width:100%!important;}
}
@media only screen and (min-width:768px){.touch .orbit-container .orbit-prev,.touch .orbit-container .orbit-next{display:inherit}.touch .orbit-bullets{display:block}


}
@media only screen and (min-width:768px){}
@media print{.reveal-modal{background:#fff !important}}
.joyride-list{display:none}.joyride-tip-guide{display:none;position:absolute;background:#000;color:#fff;z-index:101;top:0;left:2.5%;font-family:inherit;font-weight:normal;width:95%}.lt-ie9 .joyride-tip-guide{max-width:800px;left:50%;margin-left:-400px}.joyride-content-wrapper{width:100%;padding:1.125em 1.25em 1.5em}.joyride-content-wrapper .button{margin-bottom:0 !important}.joyride-tip-guide .joyride-nub{display:block;position:absolute;left:22px;width:0;height:0;border:inset 14px}.joyride-tip-guide .joyride-nub.top{border-top-style:solid;border-color:#000;border-top-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;top:-28px}.joyride-tip-guide .joyride-nub.bottom{border-bottom-style:solid;border-color:#000 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-28px}.joyride-tip-guide .joyride-nub.right{right:-28px}.joyride-tip-guide .joyride-nub.left{left:-28px}.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6{line-height:1.25;margin:0;font-weight:bold;color:#fff}.joyride-tip-guide p{margin:0 0 1.125em 0;font-size:0.875em;line-height:1.3}.joyride-timer-indicator-wrap{width:50px;height:3px;border:solid 1px #555;position:absolute;right:1.0625em;bottom:1em}.joyride-timer-indicator{display:block;width:0;height:inherit;background:#666}.joyride-close-tip{position:absolute;right:12px;top:10px;color:#777 !important;text-decoration:none;font-size:30px;font-weight:normal;line-height:.5 !important}.joyride-close-tip:hover,.joyride-close-tip:focus{color:#eee !important}.joyride-modal-bg{position:fixed;height:100%;width:100%;background:transparent;background:rgba(0,0,0,0.5);z-index:100;display:none;top:0;left:0;cursor:pointer}.joyride-expose-wrapper{background-color:#ffffff;position:absolute;border-radius:3px;z-index:102;-moz-box-shadow:0px 0px 30px #ffffff;-webkit-box-shadow:0px 0px 15px #ffffff;box-shadow:0px 0px 15px #ffffff}.joyride-expose-cover{background:transparent;border-radius:3px;position:absolute;z-index:9999;top:0px;left:0px}
@media only screen and (min-width:768px){.joyride-tip-guide{width:300px;left:inherit}.joyride-tip-guide .joyride-nub.bottom{border-color:#000 !important;border-bottom-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important;bottom:-28px}.joyride-tip-guide .joyride-nub.right{border-color:#000 !important;border-top-color:transparent !important;border-right-color:transparent !important;border-bottom-color:transparent !important;top:22px;left:auto;right:-28px}.joyride-tip-guide .joyride-nub.left{border-color:#000 !important;border-top-color:transparent !important;border-left-color:transparent !important;border-bottom-color:transparent !important;top:22px;left:-28px;right:auto}}
[data-clearing]{*zoom:1;margin-bottom:0;margin-left:0;list-style:none}[data-clearing]:before,[data-clearing]:after{content:" ";display:table}[data-clearing]:after{clear:both}[data-clearing] li{float:left;margin-right:10px}.clearing-blackout{background:#111;position:fixed;width:100%;height:100%;top:0;left:0;z-index:998}.clearing-blackout .clearing-close{display:block}.clearing-container{position:relative;z-index:998;height:100%;overflow:hidden;margin:0}.visible-img{height:95%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;margin-left:-50%;max-height:100%;max-width:100%}.clearing-caption{color:#fff;line-height:1.3;margin-bottom:0;text-align:center;bottom:0;background:#111;width:100%;padding:10px 30px;position:absolute;left:0}.clearing-close{z-index:999;padding-left:20px;padding-top:10px;font-size:40px;line-height:1;color:#fff;display:none}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}.clearing-feature li{display:none}.clearing-feature li.clearing-featured-img{display:block}
@media only screen and (min-width:768px){.clearing-main-prev,.clearing-main-next{position:absolute;height:100%;width:40px;top:0}.clearing-main-prev>span,.clearing-main-next>span{position:absolute;top:50%;display:block;width:0;height:0;border:solid 16px}.clearing-main-prev{left:0}.clearing-main-prev>span{left:5px;border-color:transparent;border-right-color:#fff}.clearing-main-next{right:0}.clearing-main-next>span{border-color:transparent;border-left-color:#fff}.clearing-main-prev.disabled,.clearing-main-next.disabled{opacity:0.5}.clearing-assembled .clearing-container .carousel{background:#111;height:150px;margin-top:5px}.clearing-assembled .clearing-container .carousel>ul{display:block;z-index:999;width:200%;height:100%;margin-left:0;position:relative;left:0}.clearing-assembled .clearing-container .carousel>ul li{display:block;width:175px;height:inherit;padding:0;float:left;overflow:hidden;margin-right:1px;position:relative;cursor:pointer;opacity:0.4}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{min-height:100%;height:100%;max-width:none}.clearing-assembled .clearing-container .carousel>ul li a.th{border:none;-webkit-box-shadow:none;box-shadow:none;display:block}.clearing-assembled .clearing-container .carousel>ul li img{cursor:pointer !important;min-width:100% !important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .visible-img{background:#111;overflow:hidden;height:75%}.clearing-close{position:absolute;top:10px;right:20px;padding-left:0;padding-top:0}}
@media only screen and (min-width:768px){.tooltip>.nub{border-color:transparent transparent #000 transparent;top:-10px}.tooltip.tip-top>.nub{border-color:#000 transparent transparent transparent;top:auto;bottom:-10px}.tooltip.tip-left,.tooltip.tip-right{float:none !important}.tooltip.tip-left>.nub{border-color:transparent transparent transparent #000;right:-10px;left:auto;top:50%;margin-top:-5px}.tooltip.tip-right>.nub{border-color:transparent #000 transparent transparent;right:auto;left:-10px;top:50%;margin-top:-5px}}
html{height:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5{line-height:1.25}h1{font-size:2.125em;margin-top:0}
@media only screen and (min-width:768px){h1{font-size:2.375em}}
@media only screen and (min-width:58.75em){h1{font-size:2.4em}}
h2,h3{font-weight:400}h2{font-size:1.1em}h3{font-size:1.375em}ol,ul{margin-left:24px}a:focus{outline:1px dotted #888}blockquote{font-size:1.125em;font-weight:600}blockquote p{font-weight:700}blockquote cite{font-size:0.9em;font-weight:normal}.page_content--collapsing-gutters h1{font-size:2em}
@media only screen and (min-width:1295px){.page_content--collapsing-gutters h1{left:-25.75%;position:absolute;width:25.75%}}
.icon-blocks{-webkit-border-radius:0.15em;-moz-border-radius:0.15em;-ms-border-radius:0.15em;-o-border-radius:0.15em;border-radius:0.15em;background:#1c94c6;color:#fff;display:block;float:left;margin:0 0.5em 0 0;padding:0.2em;position:relative;text-align:center;width:1.6em}.icon-blocks.icon-blocks--rss{background-color:#ff9a00}.icon-blocks.icon-blocks--newsletter{background:#f47259}.icon-blocks.icon-blocks--facebook{background:#3b5998}.icon-blocks.icon-blocks--twitter{background:#00aced}.icon-blocks.icon-blocks--google-plus{background-color:#ce3f2b}
@media only screen and (min-width:58.75em){.icon-category{-webkit-border-radius:0.2em;-moz-border-radius:0.2em;-ms-border-radius:0.2em;-o-border-radius:0.2em;border-radius:0.2em;background:#1c94c6;display:inline-block;float:left;margin:0 .5em 0 0;height:2em;position:relative;width:2em;text-align:center}.icon-category:before{color:#fff;content:"\e011";font-size:0.9em;line-height:2.3;text-indent:-0.04em}.category-html .icon-category{background:#fca13f}.category-html .icon-category:before{content:"\e00f"}.category-css .icon-category{background:#248aaf}.category-css .icon-category:before{content:"\e012"}.category-javascript .icon-category{background:#fac552}.category-javascript .icon-category:before{content:"\e00e"}.category-php .icon-category{background:#669}.category-php .icon-category:before{content:"\e00a"}.category-ruby .icon-category{background:#eb5745}.category-ruby .icon-category:before{content:"\e009"}.category-mobile .icon-category{background:#083a5b}.category-mobile .icon-category:before{content:"\e00c"}.category-ux .icon-category{background:#3cbc8d}.category-ux .icon-category:before{content:"\e004"}.category-design .icon-category{background:#3dbfd9}.category-design .icon-category:before{content:"\e013"}}
code{background:#eee;border-radius:2px;font-size:0.9375em;padding:2px 8px}pre,.syntaxhighlighter{border-radius:0;border-width:1px 0;font-family:Consolas, Monaco, 'Andale Mono', monospace !important;line-height:24px !important;overflow:auto}pre code,.syntaxhighlighter code{background:none;border-radius:0;font-size:1em;padding:0}.article div.syntaxhighlighter{font-size:0.8em !important;padding-left:0;padding-right:0}
@media only screen and (min-width:768px){.article div.syntaxhighlighter{font-size:1em !important}}
.article div.syntaxhighlighter a,.article div.syntaxhighlighter div,.article div.syntaxhighlighter code,.article div.syntaxhighlighter table,.article div.syntaxhighlighter table td,.article div.syntaxhighlighter table tr,.article div.syntaxhighlighter table tbody,.article div.syntaxhighlighter table thead,.article div.syntaxhighlighter table caption,.article div.syntaxhighlighter textarea{font-family:Consolas, Monaco, 'Andale Mono', monospace !important;line-height:24px !important}.article_body .wp-caption,.page_content .wp-caption{margin:1.875em auto;width:100% !important}
@media only screen and (min-width:58.75em){.article_body .wp-caption,.page_content .wp-caption{width:auto !important}}.article_body .wp-caption-text,.page_content .wp-caption-text{text-align:center}
@media only screen and (min-width:64.75em){.article_body .wp-caption-text,.page_content .wp-caption-text{text-align:left}}
.article_body img,.page_content img{display:block;margin:0 auto}.article_body [class*="wp-image"],.page_content [class*="wp-image"]{margin:1.875em auto}
@media only screen and (min-width:64.75em){.article_body .alignleft,.page_content .alignleft{float:left;margin:0 1.25em 1.25em 0}.article_body .alignright,.page_content .alignright{float:right;margin:0 0 1.25em 1.25em}.article_body .aligncenter,.page_content .aligncenter{margin:1.875em auto}}
.gist-file table{margin-bottom:0}.button{text-transform:capitalize}.button-group .button{border-width:1px}
.main-header{background:#3a3a3a;margin-top:0;}
.top-bar .name .logo{font-size:1.375em;line-height:85px;margin:0;}
.top-bar .name .logo .logomark{-webkit-transition:opacity 0.2s cubic-bezier(0.64, 0.01, 0.42, 1);-moz-transition:opacity 0.2s cubic-bezier(0.64, 0.01, 0.42, 1);-o-transition:opacity 0.2s cubic-bezier(0.64, 0.01, 0.42, 1);transition:opacity 0.2s cubic-bezier(0.64, 0.01, 0.42, 1);color:#adadad;display:block;font-weight:400;padding:0 15px}
.top-bar .name .logo .logomark{display:block;}
@media only screen and (min-width:64.75em){.top-bar .name .logo .logomark{width:auto}}
@media only screen and (min-width:1295px){.top-bar .name .logo .logomark{padding:0 40px 0 0;}}
.top-bar .name .logo .logomark:hover,.top-bar .name .logo .logomark:focus{filter:alpha(opacity=60);opacity:0.6}
.top-bar .name .logo .logomark img{margin-top:-5px}
.top-bar .toggle-topbar.menu-icon a{text-indent:-60px}
.top-bar.expanded .toggle-topbar a{color:#fff}.top-bar-section .dropdown li.title h5{margin-top:0}
@media only screen and (min-width:64.75em){.top-bar_search{display:none;}}
.top-bar_search form{*zoom:1;border:none;margin:0;padding:0 1em}
.top-bar_search form:before,.top-bar_search form:after{content:" ";display:table}.top-bar_search form:after{clear:both}
@media only screen and (min-width:64.75em){.top-bar_search form{padding:0}}
.top-bar_search .searchquery{-webkit-transition:all 0.35s cubic-bezier(0.64, 0.01, 0.42, 1);-moz-transition:all 0.35s cubic-bezier(0.64, 0.01, 0.42, 1);-o-transition:all 0.35s cubic-bezier(0.64, 0.01, 0.42, 1);transition:all 0.35s cubic-bezier(0.64, 0.01, 0.42, 1);background:#323232;border:none;color:#fff;float:left;height:3em;width:78%}
.top-bar_search .searchquery:hover,.top-bar_search .searchquery:focus{background:#323232}
@media only screen and (min-width:64.75em){.top-bar_search .searchquery{font-size:0.9375em;height:60px;line-height:1.3;margin:0;filter:alpha(opacity=100);opacity:1;padding:0.75em;top:0;width:14em}
.top-bar_search .searchquery:hover,.top-bar_search .searchquery:focus{background:#1e1e1e}}
.top-bar_search button{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#323232;color:#000;display:block;float:left;height:3em;margin:0em 0 1em 0.9em;overflow:hidden;padding-left:.8em;position:relative;width:3em}.top-bar_search button:before{color:#fff;content:"\e008";display:block;font:1.3em 'sitepoint',Sans-Serif;line-height:80%;height:3em}
@media only screen and (min-width:64.75em){.top-bar_search button{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;height:60px;margin:0;padding:0 2em;width:2em}.
top-bar_search button:before{font-size:1.3em;height:60px;margin-left:-12px;padding-top:22px;width:0.75em}}
@media only screen and (min-width:64.75em){.top-bar .has-dropdown>a{padding-right:10px !important}
.top-bar .has-dropdown>a:after{border-top-style:none;border-width:0 !important}
.top-bar-section .dropdown li{border-bottom:1px #606060 solid;width:100%;}
.top-bar-section .dropdown li a{background:#1e1e1e;line-height:3;padding:0 20px}.top-bar-section .dropdown li a:hover,.top-bar-section .dropdown li a:focus{background:#3a3a3a;color:#fff !important}.top-bar-section a:hover ~ ul.dropdown,.top-bar-section a:focus ~ ul.dropdown,.top-bar-section ul.dropdown:hover,.top-bar-section ul.dropdown:focus{visibility:visible}}
@media only screen and (min-width:768px){.form-actions .button.success{float:right;width:auto}}
form.custom .checkbox.custom,form.custom .radio.custom{margin-right:3px}form.custom .checkbox.custom.checked,form.custom .radio.custom.checked{background:#17b570;border:none}form.custom .checkbox.custom.checked:before,form.custom .radio.custom.checked:before{font-weight:700;margin-left:-6px;margin-top:6px}form.custom .radio.custom.checked:before{margin-left:1px;margin-top:1px}form.custom .checkbox.custom.checked:before{content:"\e002";font-family:'sitepoint', sans-serif;font-size:13px;margin-left:-6px;margin-top:10px}.alert-box a,.article_series-meta a{color:#fff;text-decoration:underline}.alert-box a:hover,.article_series-meta a:hover{text-decoration:none}.alert-box.secondary a,.article_series-meta a{color:#1c94c6;text-decoration:none}.alert-box.secondary a:hover,.article_series-meta a:hover{text-decoration:underline}.section-container.tabs>section>.content,.section-container.tabs>.section>.content{padding-bottom:41px}.full-width,.page_content,.page_aside{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left}
@media only screen and (min-width:768px){.page{padding-bottom:1.875em;padding-top:1.875em}}
.page_content--collapsing-gutters{padding:1.875em 1em 0}
@media only screen and (min-width:768px){.page_content--collapsing-gutters{position:relative;padding-left:0.625em;padding-right:0.625em;width:87.5%;margin-left:6.25%;float:left}}
@media only screen and (min-width:58.75em){.page_content--collapsing-gutters{position:relative;padding-left:0.625em;padding-right:0.625em;width:75%;margin-left:12.5%;float:left}}
@media only screen and (min-width:1295px){.page_content--collapsing-gutters{position:relative;padding-left:0.625em;padding-right:0.625em;width:68.75%;margin-left:18.75%;float:left}}
.page-section-divider{background:#fff;border:solid #eee;border-width:1px 0}.page_hero{background-image:url(/wp-content/themes/sitepoint/assets/images/sitepoint_about.jpg);background-repeat:no-repeat;background-size:100%;height:100px;width:100%}@media only screen and (min-width:768px){.page_hero{height:200px;background-size:120%}}
@media only screen and (min-width:58.75em){.page_hero{background-size:100%}}
.page_hero.page_hero--books{background-image:url(/wp-content/themes/sitepoint/assets/images/page_hero_books.jpg)}.page--primary .page_content{padding-left:1em;padding-right:1em}
@media only screen and (min-width:768px){.page--primary .page_content{margin:0 auto;width:100%;max-width:1175px;}
}
@media only screen and (min-width:1295px){.page--primary .page_content{margin-right:-340px;padding-left:0.625em;padding-right:340px}}
.page--primary .page_aside{display:none}
@media only screen and (min-width:768px){.page--primary .page_aside{display:block;margin-left:30px;padding:0;width:300px}}
.page--secondary{padding-top:1.875em}
@media only screen and (min-width:768px){.page--secondary{padding-top:3.125em}}
.page--secondary .page_content{padding-left:1em;padding-right:1em}
@media only screen and (min-width:768px){.page--secondary .page_content{position:relative;padding-left:0.625em;padding-right:0.625em;width:62.5%;float:right}}
@media only screen and (min-width:58.75em){.page--secondary .page_content{position:relative;padding-left:0.625em;padding-right:0.625em;width:62.5%;right:6.25%;left:auto;float:right}}
@media only screen and (min-width:1295px){.page--secondary .page_content{position:relative;padding-left:0.625em;padding-right:0.625em;width:50%;right:12.5%;left:auto;float:right}}
.page--secondary .page_callout{margin:1.875em auto;width:100%}@media only screen and (min-width:768px){.page--secondary .page_callout{left:-54%;margin:0;position:absolute;top:0;width:50%}}@media only screen and (min-width:58.75em){.page--secondary .page_callout{left:-45%;width:43%}}@media only screen and (min-width:1295px){.page--secondary .page_callout{left:-45%;margin:0;position:absolute;top:0;width:40%}}.wp-caption-text{margin-top:-1em;font-size:12px;color:#999;position:relative}.photocredit{position:absolute;right:0}.site-footer{background:#3a3a3a;color:#949494;padding-bottom:2.5em}
@media only screen and (min-width:768px){.site-footer{padding-bottom:30.125em}}
.site-footer .row,.site-footer .page{position:relative}.site-footer a{color:#949494}.site-footer a:hover{color:#b5b5b5}
.footer-links{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left;list-style:none;margin:1.875em 0 0;}
.footer-linksconnect{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left;list-style:none;margin:1.875em 0 0 4em;}
@media only screen and (min-width:768px){.footer-links{position:relative;padding-left:0.625em;padding-right:0.625em;width:15.625%;float:left}.footer-links:last-of-type{width:30%}}
@media only screen and (min-width:58.75em){.footer-links{position:relative;padding-left:0.625em;padding-right:0.625em;width:12.5%;float:left}}.foot-link_item{font-size:0.875em;line-height:1.6}.foot-link_item:first-child,.foot-link_item h3{color:#949494;font-size:1em;font-weight:700;margin:0 0 0.625em}.foot-link_item--icons{font-size:1.3125em;padding-top:10px}.site-footer_copyright{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left;font-size:0.875em;line-height:1.6;margin:1.875em 0 0}@media only screen and (min-width:768px){.site-footer_copyright{position:relative;padding-left:0.625em;padding-right:0.625em;width:31.25%;float:left;float:right;text-align:right}}.page_banner{position:relative;padding-left:0;padding-right:0;width:100%;float:left;margin-bottom:1.25em;padding:0}@media only screen and (min-width:768px){.page_banner{margin-bottom:1.875em;margin-top:-1.875em}}@media only screen and (min-width:58.75em){.page_banner{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left;border-bottom:1px solid #eee;margin-top:0;padding-bottom:1.875em}}.page_banner .page_banner_adspot{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left;margin-bottom:0;margin-top:1.25em}
@media only screen and (min-width:58.75em){.page_banner .page_banner_adspot{position:relative;padding-left:0;padding-right:0;width:62.5%;float:right;margin-top:0;max-width:728px}}.page_banner .page_banner_adspot img,.page_banner .page_banner_adspot div,.page_banner .page_banner_adspot iframe{display:block;margin:0 auto}.page_banner .page_banner_adspot .adspot{display:block;margin:0 auto;max-width:320px !important;width:100% !important}
@media only screen and (min-width:58.75em){.page_banner .page_banner_adspot .adspot{max-width:728px !important;width:auto !important}}
.page_banner .breadcrumbs{bottom:23px;left:170px;margin:0;position:absolute}.page_banner_title{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left;background:#1c94c6;color:#fff;font-size:1.5em;font-weight:bold;line-height:1.5;margin:0;padding-bottom:1em;padding-top:1em}
@media only screen and (min-width:58.75em){.page_banner_title{position:relative;padding-left:0;padding-right:0;width:37.5%;float:left;background:none !important;color:#262626;font-size:2.8125em;line-height:2;padding:0}}
.page_banner_title a:first-child{color:#fff;display:block;margin:-1em -0.625em;padding:1em 0.625em}.page_banner_title a:first-child:hover{color:#fff}
@media only screen and (min-width:58.75em){.page_banner_title a:first-child:hover{background:none !important;color:#1c94c6}}@media only screen and (min-width:58.75em){.page_banner_title a:first-child{color:#262626;margin:0;padding:0}}.page_banner_title .page_banner_title_sub-category{color:#737373;display:none;font-size:20px;font-weight:400;letter-spacing:-1px;line-height:24px;position:absolute}@media only screen and (min-width:58.75em){.page_banner_title .page_banner_title_sub-category{bottom:-1px;display:block;left:115px}}@media only screen and (min-width:1295px){.page_banner_title .page_banner_title_sub-category{bottom:-6px;left:2px}}.page_banner_title .page_banner_title_sub-category:hover{background:none !important}@media only screen and (min-width:1295px){.page_banner--category .page_banner_title{position:relative;padding-left:0;padding-right:0;width:25%;margin-left:12.5%;float:left}.page_banner--category .page_banner_title .icon-category{left:-140px;position:absolute}}.page_banner--no-ads .page_banner_title{width:100%}@media only screen and (min-width:58.75em){.page--landing .page_banner{border:none;margin-bottom:0}}.maestro-content-type-ad .adspot{border-radius:2px !important;display:block;margin-bottom:1.875em;overflow:hidden;position:relative}.maestro-content-type-ad .adspot>img,.maestro-content-type-ad .adspot>div,.maestro-content-type-ad .adspot>iframe{width:100%}.page_aside .maestro-content-type-ad,.page_aside .adspot{width:100% !important}.article-list_item .adspot{background-color:#e9e9e9;margin:1.875em auto;max-width:320px;width:100% !important}@media only screen and (min-width:768px){.article-list_item .adspot{margin:0;width:auto !important}}.page_content .adspot{display:block;margin:0 auto;max-width:320px !important;width:100% !important}
@media only screen and (min-width:1295px){.page--primary .page_content.article{padding-left:12.5%}}.article_category{color:#fff}.article_category_title{border-bottom:2px solid #1c94c6;color:#1c94c6;font-size:1em;font-weight:700;line-height:1.2;margin:0;padding:10px 20px}.article_category_title .comment-info{display:block;float:right}.article_category_title .comment-info .comment-info__count{color:#949494;font-size:0.75em;font-weight:normal}.article_category_title .comment-info .comment-info__icon{font-size:14px;padding-left:6px}.article_header .twitter-share-button{margin:10px 0}@media only screen and (min-width:768px){.article_header .twitter-share-button{float:right;margin:-5px 0 0}}.article_title{-ms-word-break:break-word;word-break:break-word;line-height:1.25;margin-bottom:0.6em;padding-right:28%}
@media only screen and (min-width:768px){.article_title{padding-right:110px}}
@media only screen and (min-width:1295px){.article_title{padding-right:0}}
.article_excerpt .article_series-meta{display:none}.article_excerpt p{margin:10px 0 0}
@media only screen and (min-width:1295px){.article_contributor{left:0;padding-right:40px;position:absolute;text-align:right;top:0;width:12.5%}}.article_author-avatar{max-width:96px;position:absolute;right:1em;top:0;width:25%}
@media only screen and (min-width:768px){.article_author-avatar{right:380px}}@media only screen and (min-width:1295px){.article_author-avatar{margin-top:1.875em;max-width:none;position:relative;right:auto;width:auto}.article_author-avatar:first-of-type{margin-top:0}}.lt-ie9 .article_author-avatar{right:160px}.article_author-name{color:#949494;font-weight:400}
@media only screen and (min-width:768px){.article_author-name{color:#1c94c6;font-weight:bold}}@media only screen and (min-width:1295px){.article_author-name{font-size:0.9375em;line-height:1.25;margin-bottom:0.8em}}.article_author-name a:hover,.article_author-name:focus{color:#262626 !important}
@media only screen and (min-width:1295px){.article_author-title{font-size:0.875em;line-height:1.25}}.article_meta-data{border-bottom:1px solid #eee;margin-bottom:1.875em}
@media only screen and (min-width:1295px){.article_meta-data{border:none;margin-bottom:1.875em}}
@media only screen and (min-width:1295px){.article_pub-date{color:#949494}}.article_body{-ms-word-break:break-word;word-break:break-word}.article_body pre{-ms-word-break:normal;word-break:normal;white-space:pre}.article_body .image-caption{text-align:center;font-style:italic}.article_series-meta{line-height:1.25}
@media only screen and (min-width:768px){.article_series-box,.article_series-footer{float:right;margin:0 0 1em 1em;width:45%}}.article_series-box h4,.article_series-footer h4{font-size:1em;line-height:1.4;margin-bottom:1em}.article_series-box h4 a,.article_series-footer h4 a{color:#262626}.article_series-box h4 a:hover,.article_series-footer h4 a:hover{color:#1c94c6}.article_series-box ul,.article_series-footer ul{list-style:none;margin:0}.article_series-box li,.article_series-footer li{font-size:0.875em;line-height:1.3;margin-bottom:10px}.article_series-box li:last-child,.article_series-footer li:last-child{margin:0}.article_series-footer{*zoom:1;float:none;margin:1.875em 0;width:100%}.article_series-footer:before,.article_series-footer:after{content:" ";display:table}.article_series-footer:after{clear:both}.article_series-footer .series-nav-left,.article_series-footer .series-nav-right{display:block;line-height:1.2;width:100%}@media only screen and (min-width:768px){.article_series-footer .series-nav-left,.article_series-footer .series-nav-right{width:49%}}.article_series-footer .series-nav-left{margin-bottom:15px}@media only screen and (min-width:768px){.article_series-footer .series-nav-left{float:left}}@media only screen and (min-width:768px){.article_series-footer .series-nav-right{float:right;text-align:right}}.contributor-container--large{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin-top:3em}.contributor-container--large .contributor.contributor--large{padding:2em 0}.contributor-container--large .contributor.contributor--large .contributor_name a{color:#262626}.article_share-options{*zoom:1;list-style:none;margin:0;padding:0}.article_share-options:before,.article_share-options:after{content:" ";display:table}.article_share-options:after{clear:both}.article_share-option{float:left;font-size:2.25em;margin-right:10px}.article_share-option a{-webkit-transition:color 200ms;-moz-transition:color 200ms;-o-transition:color 200ms;transition:color 200ms;color:#949494}.article_share-option a:hover{color:#1c94c6}@media only screen and (min-width:768px){.article--micro,.article--search{background:#fff;border:1px solid #eee;border-radius:2px;height:250px}}.article--micro .article_category,.article--search .article_category,.article--micro .article_contributor,.article--search .article_contributor,.article--micro .article_meta-data,.article--search .article_meta-data{display:none}
@media only screen and (min-width:768px){.article--micro .article_category,.article--search .article_category,.article--micro .article_contributor,.article--search .article_contributor,.article--micro .article_meta-data,.article--search .article_meta-data{display:block}}
@media only screen and (min-width:768px){.article--micro .article_header,.article--search .article_header{height:186px;margin:20px 0;overflow:hidden;padding:0 20px;position:relative}}.article--micro .article_title,.article--search .article_title{display:table-row;font-size:1.375em;line-height:1.25;margin:0;padding:0}.article--micro .article_title:after,.article--search .article_title:after{color:#1c94c6;content:"\e001";display:table-cell;font:1em 'sitepoint', Sans-Serif;padding-left:5px;vertical-align:middle}.article--micro .article_title>a,.article--search .article_title>a{color:#262626;display:table-cell;padding:1em 0;width:100%}@media only screen and (min-width:768px){.article--micro .article_title>a,.article--search .article_title>a{display:inline-block}}.article--micro .article_title>a:hover,.article--search .article_title>a:hover,.article--micro .article_title>a:focus,.article--search .article_title>a:focus{color:#1c94c6}
@media only screen and (min-width:768px){.article--micro .article_title,.article--search .article_title{display:block;font-size:1.5em;max-height:125px;overflow:hidden;text-overflow:ellipsis}.article--micro .article_title:after,.article--search .article_title:after{display:none}.article--micro .article_title>a,.article--search .article_title>a{padding:0}}
.article--micro .article_synopsis,.article--search .article_synopsis{display:none;line-height:1.25}.article--micro .article_video,.article--search .article_video{height:208px;max-width:374px;margin:1.875em auto 0;overflow:hidden}
@media only screen and (min-width:768px){.article--micro .article_video,.article--search .article_video{float:left;margin:20px 0 20px 20px}}
.article--micro .article_contributor,.article--search .article_contributor,.article--micro .article_meta-data,.article--search .article_meta-data{bottom:15px;position:absolute}.article--micro .article_contributor,.article--search .article_contributor{left:20px;padding:0;text-align:left;top:auto;width:165px}.article--micro .article_author-name,.article--search .article_author-name{color:#949494;font-size:0.8125em;font-weight:400;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:165px}.article--micro .article_meta-data,.article--search .article_meta-data{border:none;font-size:0.8125em;right:20px;margin:0;text-align:right}.article--micro .article_pub-date,.article--search .article_pub-date{margin:0;white-space:nowrap}.article--micro-featured .article_header{margin-bottom:1.625em}.article--micro-featured .article_category,.article--micro-featured .article_meta-data{display:none}.article--micro-featured .article_title{display:block;line-height:1.25;margin:15px 0 3px}
@media only screen and (min-width:768px){.article--micro-featured .article_title{margin-top:0}}
.article--micro-featured .article_title:after{display:none}.article--micro-featured .article_title>a{display:block;padding:0}.article--micro-featured .article_contributor{bottom:auto;display:block;left:auto;position:relative;text-align:left;top:auto;width:100%}.article--micro-featured .article_author-name{font-size:1em;font-weight:700;margin-bottom:0.625em;width:auto}
@media only screen and (min-width:768px){.article--micro-featured .article_header{height:208px;margin-bottom:0}.article--micro-featured .article_title{margin-bottom:0.625em}.article--micro-featured .article_synopsis{display:block}}
.article--search{height:auto}.article--search .article_header{height:auto;min-height:80px;margin-bottom:0}
@media only screen and (min-width:768px){.article--search .article_header{padding-bottom:45px}}
.article--search .article_title{font-size:1.25em;padding-top:6px}.article--search .article_excerpt{font-size:0.875em;margin:-20px 0 20px}
@media only screen and (min-width:768px){.article--search .article_excerpt{font-size:1em;margin:0}}
.article--search .article_contributor{width:60%}.article--search .article_title img{border-radius:100px;display:inline-block;float:left;margin:-0.3em .5em 0 0;height:2em;position:relative;width:2em}.wp-caption-text{margin-top:0;font-size:12px;color:#666;position:relative;color:#000}.photocredit{color:#000;display:block;font-size:9px;margin-right:2em;position:relative;text-align:right;text-shadow:0px 0px 2px #fff,0px 0px 5px #fff;top:-5em}.article-list{*zoom:1;clear:both;list-style:none;margin:0;padding:0}.article-list:before,.article-list:after{content:" ";display:table}.article-list:after{clear:both}
@media only screen and (min-width:768px){.article-list{margin:0 auto;width:640px}}
@media only screen and (min-width:58.75em){.article-list{width:960px}}
@media only screen and (min-width:1295px){.article-list{width:100%}}
.article-list_item{border-bottom:1px solid #eee;padding:0 0.625em;width:100%}.article-list_item:first-of-type{border-top:1px solid #eee}
@media only screen and (min-width:768px){.article-list_item{border:none;float:left;height:250px;margin-bottom:1.25em;width:320px}.article-list_item:first-of-type{border:none}.article-list_item.article-list_item--featured{width:640px}}
.category-html.menuitem{color:#1C94C6 !important}
.category-html .button:not(.secondary){background:#fca13f}
.category-html .button:not(.secondary):hover{background:#fb8d17}
.category-html .contributor_name a,.category-html.article .contributor_name a,.category-html.article .article_category_title,.category-html.article .article_category_title a,.category-html.article .article_title>a:hover,.category-html.article--micro .article_title:after,.category-html.article--search .article_title:after,.category-html h1.promo-panel_title a:hover{color:#fca13f}
.category-html.article .article_category_title{border-color:#fca13f}
.category-html .page_banner_title{background:#ffd204;}.category-html .page_banner_title a:hover{background:#fb880d}
@media only screen and (min-width:58.75em){.category-html .page_banner_title a:hover{color:#fca13f}}
.category-css.menuitem{color:#248aaf !important}.category-css .button:not(.secondary){background:#248aaf}.category-css .button:not(.secondary):hover{background:#1d6f8d}.category-css .contributor_name a,.category-css.article .contributor_name a,.category-css.article .article_category_title,.category-css.article .article_category_title a,.category-css.article .article_title>a:hover,.category-css.article--micro .article_title:after,.category-css.article--search .article_title:after,.category-css h1.promo-panel_title a:hover{color:#248aaf}.category-css.article .article_category_title{border-color:#248aaf}.category-css .page_banner_title{background:#248aaf}.category-css .page_banner_title a:hover{background:#1b6985}
@media only screen and (min-width:58.75em){.category-css .page_banner_title a:hover{color:#248aaf}}
.category-javascript.menuitem{color:#fac552 !important}.category-javascript .button:not(.secondary){background:#fac552}.category-javascript .button:not(.secondary):hover{background:#f9b82a}.category-javascript .contributor_name a,.category-javascript.article .contributor_name a,.category-javascript.article .article_category_title,.category-javascript.article .article_category_title a,.category-javascript.article .article_title>a:hover,.category-javascript.article--micro .article_title:after,.category-javascript.article--search .article_title:after,.category-javascript h1.promo-panel_title a:hover{color:#fac552}.category-javascript.article .article_category_title{border-color:#fac552}.category-javascript .page_banner_title{background:#fac552}.category-javascript .page_banner_title a:hover{background:#f9b420}
@media only screen and (min-width:58.75em){.category-javascript .page_banner_title a:hover{color:#fac552}}
.category-php.menuitem{color:#669 !important}.category-php .button:not(.secondary){background:#669}.category-php .button:not(.secondary):hover{background:#565681}.category-php .contributor_name a,.category-php.article .contributor_name a,.category-php.article .article_category_title,.category-php.article .article_category_title a,.category-php.article .article_title>a:hover,.category-php.article--micro .article_title:after,.category-php.article--search .article_title:after,.category-php h1.promo-panel_title a:hover{color:#669}.category-php.article .article_category_title{border-color:#669}.category-php .page_banner_title{background:#669}.category-php .page_banner_title a:hover{background:#52527a}
@media only screen and (min-width:58.75em){.category-php .page_banner_title a:hover{color:#669}}
.category-ruby.menuitem{color:#eb5745 !important}.category-ruby .button:not(.secondary){background:#eb5745}.category-ruby .button:not(.secondary):hover{background:#e73620}.category-ruby .contributor_name a,.category-ruby.article .contributor_name a,.category-ruby.article .article_category_title,.category-ruby.article .article_category_title a,.category-ruby.article .article_title>a:hover,.category-ruby.article--micro .article_title:after,.category-ruby.article--search .article_title:after,.category-ruby h1.promo-panel_title a:hover{color:#eb5745}.category-ruby.article .article_category_title{border-color:#eb5745}.category-ruby .page_banner_title{background:#eb5745}.category-ruby .page_banner_title a:hover{background:#e42f19}
@media only screen and (min-width:58.75em){.category-ruby .page_banner_title a:hover{color:#eb5745}}
.category-mobile.menuitem{color:#1076b9 !important}.category-mobile .button:not(.secondary){background:#083a5b}.category-mobile .button:not(.secondary):hover{background:#052235}.category-mobile .contributor_name a,.category-mobile.article .contributor_name a,.category-mobile.article .article_category_title,.category-mobile.article .article_category_title a,.category-mobile.article .article_title>a:hover,.category-mobile.article--micro .article_title:after,.category-mobile.article--search .article_title:after,.category-mobile h1.promo-panel_title a:hover{color:#083a5b}.category-mobile.article .article_category_title{border-color:#083a5b}.category-mobile .page_banner_title{background:#083a5b}.category-mobile .page_banner_title a:hover{background:#041c2c}
@media only screen and (min-width:58.75em){.category-mobile .page_banner_title a:hover{color:#083a5b}}
.category-ux.menuitem{color:#3cbc8d !important}.category-ux .button:not(.secondary){background:#3cbc8d}.category-ux .button:not(.secondary):hover{background:#329d76}.category-ux .contributor_name a,.category-ux.article .contributor_name a,.category-ux.article .article_category_title,.category-ux.article .article_category_title a,.category-ux.article .article_title>a:hover,.category-ux.article--micro .article_title:after,.category-ux.article--search .article_title:after,.category-ux h1.promo-panel_title a:hover{color:#3cbc8d}.category-ux.article .article_category_title{border-color:#3cbc8d}.category-ux .page_banner_title{background:#3cbc8d}.category-ux .page_banner_title a:hover{background:#309570}
@media only screen and (min-width:58.75em){.category-ux .page_banner_title a:hover{color:#3cbc8d}}
.category-design.menuitem{color:#3dbfd9 !important}.category-design .button:not(.secondary){background:#3dbfd9}.category-design .button:not(.secondary):hover{background:#27acc6}.category-design .contributor_name a,.category-design.article .contributor_name a,.category-design.article .article_category_title,.category-design.article .article_category_title a,.category-design.article .article_title>a:hover,.category-design.article--micro .article_title:after,.category-design.article--search .article_title:after,.category-design h1.promo-panel_title a:hover{color:#3dbfd9}.category-design.article .article_category_title{border-color:#3dbfd9}.category-design .page_banner_title{background:#3dbfd9}.category-design .page_banner_title a:hover{background:#25a4be}
@media only screen and (min-width:58.75em){.category-design .page_banner_title a:hover{color:#3dbfd9}}
.home-header{background:#fbfbfb;overflow:hidden}@media only screen and (min-width:768px){.channel-nav{position:relative}}
.channel-nav_list{margin:0}
@media only screen and (min-width:768px){.channel-nav_list{overflow:hidden}}
.channel-nav_list-item{float:left;list-style:none;width:25%}
@media only screen and (min-width:768px){.channel-nav_list-item{position:relative;padding-left:0;padding-right:0;width:12.5%;float:left}}
.channel-nav_link{-webkit-transition:background,200ms;-moz-transition:background,200ms;-o-transition:background,200ms;transition:background,200ms;-webkit-box-shadow:inset -4px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow:inset -4px 4px 0px rgba(0,0,0,0.1);box-shadow:inset -4px 4px 0px rgba(0,0,0,0.1);color:#fff;display:block;font-size:1.125em;font-size:5vw;font-size:5vmin;font-weight:700;line-height:2;padding-top:55%;text-indent:0.5em}.channel-nav_link:hover,.channel-nav_link:focus,.channel-nav_link.active{color:#fff}
@media only screen and (min-width:768px){.channel-nav_link{-webkit-box-shadow:inset -6px 6px 0px rgba(0,0,0,0.1);-moz-box-shadow:inset -6px 6px 0px rgba(0,0,0,0.1);box-shadow:inset -6px 6px 0px rgba(0,0,0,0.1);color:#fff;font-size:1.375em;height:200px;padding-top:6.2em;position:relative;text-indent:0;text-align:center;width:100%;z-index:10}}
@media only screen and (min-width:58.75em){.channel-nav_link{font-size:1.5em;padding-top:5.6em}
#nav-feature{height:290px;position:relative;overflow:hidden;float:left;margin-top:40px;}
#right-wrapper{width:31.9149%;}
#right-opinion{width:100%;float:right;margin-top:0px;padding-bottom:0;background-color:#EEEEEE;}
.lt-ie9 #right-opinion{width:100%;float:right;margin-top:10px;padding-bottom:10px;background-color:#EEEEEE;}
#right-lowerbtn{width:31.4286%;float:right;padding-bottom:1em;}
#right-lowerbtn .right-btn .submit-right a{width:100%;}
#right-btn{width:100%;margin:40px 0 1em 0;display:block;clear:both;}
.thumbnail-opinion .opinion-text{font-size:1.0308em!important;font-weight:normal!important;line-height:1.0em!important;margin-bottom:-0.3em;margin-top:1.2em;font-weight:bold;text-align:center;}
.opinion-wrapper{width:100%;}
.green-panel{padding-left:6.66667%;width:93.44443%;padding-bottom:1.4em;}
.green-panel h2{font-size:1.225em;line-height:1.418em;color:#FFF;margin-top:0.7em;}
.green-panel h2 a, .opinion-text a{color:#333;font-weight:600;}
.lt-ie9 .green-panel h2 a {font-weight:500!important;}
.green-panel h3 a, .opinion-text a{color:#1C94C6;font-weight:normal;}
.green-panel h3 a:hover, .opinion-text a:hover{color:#D42B1E;}
.green-panel p{color:#FFF;}
}
@media only screen and (min-width:1295px)
@media only screen and (min-width:58.75em){.button-more-container .button-more{width:auto}}.button-more-container .button-more .spinner{-webkit-transition:top 200ms;-moz-transition:top 200ms;-o-transition:top 200ms;transition:top 200ms;left:50%;top:-50px}.button-more-container .button-more.loading{color:#e9e9e9}.button-more-container .button-more.loading .spinner{top:-7px}.button-more-container .alert-box,.button-more-container .article_series-meta{position:relative;padding-left:0.625em;padding-right:0.625em;width:100%;float:left}
@media only screen and (min-width:768px){.button-more-container .alert-box,.button-more-container .article_series-meta{position:relative;padding-left:0.625em;padding-right:0.625em;width:62.5%;margin-left:auto;margin-right:auto;float:none !important;float:left}}.awesome-bar{display:none}
#nav-wrapper{position:relative;width:68%;float:left;min-height:290px;}
* html div#nav-wrapper{height:expression(this.scrollHeight < 290 ? "290px":"auto")}
#nav-content{position:relative;min-height:290px;}
* html div#nav-content{height:expression(this.scrollHeight < 290 ? "290px":"auto")}
#right-wrapper{width:31%;float:right;}
#right-opinion{width:100%;margin-top:20px;}
#nav-feature{height:290px;position:relative;overflow:hidden;width:100%;}
.nf-image{display:none;max-width:none;height:290px;width:100%;}
* html div.nf-image{height:expression(this.scrollHeight>289 ? "290px":"auto")}
.nf-image.active{display:block}* html div.nf-image.active{height:expression(this.scrollHeight>289 ? "290px":"auto")}
#nav-feature-info{position:absolute;bottom:25px;width:100%;height:55px;background:#f0f0e6;background:rgba(240,240,230,0.8)!important}
.nfi-div{display:none}
.nfi-div.active{display:block}
#nav-feature-info h1{margin:0.3em 0 0 20px;padding:0;color:#50594c;font-size:18px}
#nav-feature-info h1 a{font-weight:bold;}
#nav-feature-info p{margin:0 0 0 20px;padding:0;font-weight:normal;color:#eee;font-size:12px;}#nav-feature-info p a{color:#50594c}
#nav-feature-controls{position:absolute;bottom:6px;right:0}
#nvi-playpause{float:left;width:21px;height:21px;background:url(../images/pause.png) 0 2px no-repeat;margin-right:10px;display:block;cursor:pointer}
#nvi-playpause.paused{background-image:url(../images/play.png)}
#nav-feature-controls ul{list-style:none;padding:5px 0 0 0;float:left}
#nav-feature-controls ul li{text-indent:-9999em;width:18px;height:12px;float:left;line-height:12px;margin:0 10px 0 0}
#nav-feature-controls ul li a{display:block;width:18px;height:12px;background:#b6b6a8;-webkit-transition:all .2s ease-in-out;all:background-color .2s ease-in-out;all:background-color .2s ease-in-out;transition:all .2s ease-in-out}
#nav-feature-controls ul li a.active{background:#0066A4;}
@media screen and (min-width:1200px){#nav-wrapper{max-width:68%;float:left;}
#nav-content{width:100%;transition:.5s ease;-moz-transition:.5s ease;-webkit-transition:.5s ease;-o-transition:.5s ease}
#home-wrapper{margin:0 auto;max-width:980px;width:90%;}
}
@media screen and (min-width:1295px){#nav-feature{height:290px;margin-top:40px;width:100%}
.nf-image{width:100%;height:auto}
}
@media screen and (max-width:768px){html{overflow-x:hidden}.content{width:100%}
#nav-wrapper{position:relative;height:auto;min-height:0}
#nav-content{margin:0 auto;padding:0;position:relative;width:100%;min-height:0}
#nav-feature-info{bottom:0;height:108px}
#nav-feature-info h1{margin:0 10px 0 20px}
#nav-feature-info p{margin:0 10px 0 20px}
.nf-image{height:auto9}
.nf-image.active2{height:auto9}#nav-feature-controls{right:10px}
}
@media screen and (max-width:768px){html{overflow-x:hidden}
#nav-feature{float:left;height:auto;position:relative;width:100%;margin-left:0}
#right-wrapper{width:100%;}
#right-opinion{width:100%;}
.green-panel{width:90%;margin-left:auto;margin-right:auto;}
.green-panel h2{margin-top:1em;}
.green-panel h2 a{color:#333;}
.clearfix{zoom:0}
#nav-feature-info p{display:none}
#nav-feature-info{position:static;background:none repeat scroll 0 0 #f0f0e6;text-align:center;height:45px;float:left}
#nav-feature-controls{display:none}
#nav-feature-info h1{font-size:13px;margin:6px;padding:0;line-height:16px;text-align:center}
.nf-image,.nf-image.active2{height:auto;width:100%}}
@media screen and (max-width:480px){.clearfix{zoom:0}
#nav-feature-info p{display:none}
#nav-feature-info{position:static;background:none repeat scroll 0 0 #f0f0e6;text-align:center;height:45px;float:left}
#nav-feature-controls{display:none}
#nav-feature-info h1{font-size:13px;margin:6px;padding:0;line-height:16px;text-align:center}
}
@media screen and (max-width:370px){html,#home-body{min-width:300px}#nav-list li{width:46%;margin:4px}}
@media print{#nav-feature{float:left;height:auto;width:100%;margin-left:0;margin-top:20px}#nav-feature img{width:70%;height:70%}
#nav-feature-info{position:static;float:left;bottom:0}
#nav-feature-info h1{margin:0}#nav-feature-info p{margin:0}
#nav-feature-controls{display:none}
}
.clearfix:before,.clearfix:after{content:"\0020";display:block;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.ie7 .clearfix{zoom:0}
.expand{overflow:auto}
.expand:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#content-wrapper{position:relative;z-index:1;}
body{color:#1D1D1D;color:#000;font-size:12px/1.8em;font-family:'HelveticaNeueLTStd-Lt',Helvetica, Arial;}
div, span, object, iframe, abbr, address, cite, dfn, em, img, var, b, i, dl, dt, dd, li, fieldset, form, legend, caption, tbody, tfoot, thead, tr, canvas, summary, time, audio, video{border:0 none;font:inherit;margin:0;padding:0;vertical-align:baseline;}
*::-moz-selection{color:#FFFFFF;text-shadow:none;}
a:link{}
a:hover{color:#D42B1E;}
a{text-decoration:none;}
h5, .t12px{font-size:0.9231em;line-height:1.5em;margin-bottom:0;margin-top:1.5em;}
ol{border:0 none;font:inherit;list-style-type:decimal;margin:0 0 0 2em;padding:0;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{border:0 none;display:block;font:inherit;margin:0;padding:0;vertical-align:baseline;}
*::-moz-selection{background:none repeat scroll 0 0 #FF5E99;color:#FFFFFF;text-shadow:none;}
clearfix:before{content:" ";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;content:" ";display:block;overflow:hidden;}
p.intro, div.intro{font-size:1.5385em;line-height:1.35em;margin-bottom:0;margin-top:0;}
.breadcrumb-wrapper{background:#fbfbfb;border-bottom:1px solid #E5E5E5;background-repeat:repeat-x;width:100%;}
.breadcrumb-wrapper .breadcrumb{margin:0 auto;max-width:1175px;width:90%;}
.breadcrumb-wrapper .breadcrumb ol{float:left;list-style:none outside none;margin:0;padding:1em 0;width:100%;}
.breadcrumb-wrapper .breadcrumb ol li{background-image:url(../images/btn-breadcrumb.png);background-position:0 5px;background-repeat:no-repeat;display:inline;font-family:;margin-right:12px;padding-left:18px;font-family:'HelveticaNeueLTStd-Lt',Helvetica, Arial;}
.breadcrumb-wrapper .breadcrumb ol li a{color:#000000;font-weight:bold;}
.breadcrumb-wrapper .breadcrumb ol li a:hover{color:#D42B1E;}
.breadcrumb-wrapper .breadcrumb ol li.current a, .breadcrumb-wrapper .breadcrumb ol li.current span{color:#5A5A5A;font-weight:normal;}
.breadcrumb-wrapper .breadcrumb ol li:first-child{background-image:none;padding-left:0;}
.breadcrumb-wrapper .breadcrumb span{float:left;margin-top:0;padding:1em 0;text-align:right;width:13%;}
.breadcrumb-wrapper .breadcrumb span a{font-weight:bold;}
.breadcrumb-wrapper .breadcrumb.current-student ol{width:57%;}
#col-wrapper{margin:0 auto;max-width:980px;width:90%;}
#home-wrapper{width:100%;}
.green-panel .thumbnail-opinion{width:100%;}
.column-news-top{float:left;width:100%;}
.column-news{float:left;width:100%;margin-top:2em;}
.short-news-wrapper{width:100%;}

.short-news-wrapper .thumbnail-news-art{width:50%;float:left;}
.short-news-wrapper .thumbnail-news-articles{width:100%;}
.short-news-wrapper .thumbnail-stories-art{float:left;width:40%;}
.short-news-wrapper .thumbnail-stories-right-art{float:left;width:20%;}
.news-top-home, .news-sector{float:left;margin-top:2%;overflow:hidden;position:relative;width:32%;margin-right:1.0%;}
h1.t38px{color:#FFD105;font-size:2.0923em;letter-spacing:-0.04em;line-height:1em;margin-bottom:0.2em;margin-top:0.5em;font-family:'HelveticaNeueLT-Bold',"Arial Black",Arial;}
.news-top-home-right, .news-sector-right{float:left;margin-top:2%;overflow:hidden;position:relative;width:32%;}
.news-feature-home{float:left;margin-top:1%;overflow:hidden;position:relative;width:24%;margin-right:1.0%;}
.news-feature-home-right{float:left;margin-top:1%;overflow:hidden;position:relative;width:24%;}
.news-feature-wrapper{position:relative;width:100%;}
.image-wrapper{width:60%;float:left;}
.news-wrapper{margin-bottom:1em;width:100%;}
.news-wrapper .thumbnail-news-page{width:100%;margin-bottom:1em;}
.news{float:left;width:100%;margin-top:0;}
.news-big{float:left;margin-top:1%;overflow:hidden;position:relative;width:49%;margin-right:1.0%;}
.news-big-right{float:left;margin-top:1%;overflow:hidden;position:relative;width:49%;}
.newsimage-wrapper{width:49%;float:left;}
.news-big .t15px, .news-big-right .t15px{float:right;font-size:1.1em;margin-top:0;width:49%;}
.news-big p, .news-big-right p{float:right;font-size:0.85em;margin-top:0.4em;width:49%;}
.news-middle-home{float:left;margin-top:2%;overflow:hidden;position:relative;width:49%;margin-right:1.0%;}
.news-middle-home p, .news-middle-right p, .ie7 .news-sector p, .ie7 .news-sector-right p{font-size:0.75em!important;}
.news-middle-right{float:left;margin-top:2%;overflow:hidden;position:relative;width:49%;}
.showtext{display:inline;}
.scriptable #rest,.scriptable #restmore{display:inline;font-size:0.9em;line-height:1.6;width:49%;float:right;}
.scriptable #rest p,.scriptable #restmore p{width:100%;}
.listMore,.displayMore{display:none;}
#col-secondary.news-navigation{background-image:none;}
#col-secondary{background-image:url("/media/lancaster-university/style-assets/images/panel-subnav.png");background-position:right bottom;background-repeat:no-repeat;}
#col-secondary{float:left;left:-37.9787%;padding-bottom:43px;padding-top:40px;position:relative;width:50%;}
#column-main{float:left;left:-27.9787%;padding-top:40px;position:relative;width:50%;}
#col-secondary .col{float:right;width:44.2553%;}
#column-main #content-main{margin-left:6.80851%;width:148.936%;}
.news-masthead{position:relative;width:23.4681%;}
.news-landing-home{float:left;margin-right:1%;margin-top:2%;overflow:hidden;position:relative;width:49%;}
.news-landing-home-right{float:left;margin-top:4%;overflow:hidden;position:relative;width:100%;}
.panel-aux:first-child{margin-top:0;}
.news-menu{height:14.9em;background:#0065a4;}
.news-masthead a{display:block;font-weight:700; color:#FFF;font-family:'HelveticaNeueLTStd-Lt',Helvetica,Arial;margin-top:5px;padding:3px 0;word-wrap:break-word;}
.panel-aux{margin-top:20px;min-height:43px;padding-bottom:25px;padding-top:15px;padding-left:10px;}
.news-links ul{float:left;width:100%;list-style:none;}
.news-links li{margin:0;position:relative;width:100%;}
.news-links li a{font-size:1.8em;line-height:1.1em;}
.panel-aux ul{margin:5px 0 0;padding:0;list-style:none;font-size:0.85em;}
.news-menu{padding-left:1.2em;padding-right:1.0em;width:94.8182%;}
h1.left{color:#000;font-size:3.2em;letter-spacing:-0.04em;line-height:1em;margin-bottom:0;margin-top:0;}
h1.leftnews{color:#fff;font-size:1.6em;letter-spacing:-0.04em;line-height:1em;margin-bottom:0;margin-top:0; font-family:'HelveticaNeueLTStd-Lt',Helvetica,Arial;}
.news-menu a{color:#fff;}
#above{margin-bottom:2em;}
h1.t36px{color:#0065a4;font-size:2.0923em;letter-spacing:-0.04em;line-height:1em;margin-bottom:1em;margin-top:0;font-family:'HelveticaNeueLTStd-Lt',Helvetica,Arial;}
.bold {font-family:'HelveticaNeueLT-Black',"Arial Black",Arial;}
h1.t38px{color:#0065a4;font-size:2.0923em;letter-spacing:-0.04em; line-height:1em;margin-bottom:0.5em;margin-top:0.2em;font-family:'HelveticaNeueLTStd-Lt',Helvetica,Arial;}
h1.t37px, .lang #quebec-french, .lang #spanish {display:none;}
.languagehome #quebec-french, .languagehome #spanish {display:none;}


.thumbnail-opinion .opinion-text{font-size:1.0308em;line-height:1.125em;margin-bottom:0;margin-top:0.8em;font-weight:normal!IMPORTANT;}
.news-feature-wrapper .t15px{margin-bottom:0.8em;     font-weight: normal !important; margin-top: 1.2em; text-align: center;}
.article .image-wrapper{margin-top:25px;position:relative;width:100%;margin-bottom:2em;}
.article .image-wrapperContact{position:relative;width:100%;}
.article .image-wrapper img{width:100%;}

.langhome {width:100%; float:right; clear:none;  padding: 0 0 1em 0;}

.langhome .btn-sf{float:left;height:20px;margin-right:8px;width:28px; }
.langhome #spanish {font-size: 0.9231em;    line-height: 1.3em;    font-weight: bold;    width: 49%;    float: left;}
.langhome #quebec-french {font-size: 0.9231em;line-height: 1.3em; font-weight:bold;}
.langhome #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/annualreview/2014/images/french-qubec.svg);background-position:0px 0px;background-repeat:no-repeat; }
.lt-ie9 .langhome #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-66px 0;background-repeat:no-repeat;}

.langhome #spanish .btn-sf {    background-image: url(https://communications.ghd.com/images/spanish.svg);background-position: 0px 0px;    background-repeat: no-repeat;}

.language {width:15%; float:left; clear:none;  padding: 1em 0;}
.language .btn-sf{float:left;height:20px;margin-right:8px;width:28px; }
.language #quebec-french, .language #spanish  {font-size: 0.9231em;line-height: 1.3em; font-weight:bold;}
.language #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/annualreview/2014/images/french-qubec.svg);background-position:0px 0px;background-repeat:no-repeat;}
.lt-ie9 .language #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-66px 0;background-repeat:no-repeat;}

language #spanish {font-size: 0.9231em;line-height: 1.3em; font-weight:bold;}
.language #spanish .btn-sf{background-image:url(https://communications.ghd.com/images/spanish.svg);background-position:0px 0px;background-repeat:no-repeat;}
.lt-ie9 .language #spanish .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-90px 0px;background-repeat:no-repeat;}


#content-main.col-double #main{float:left;width:65.7143%;}
#content-main.col-double #rightside{float:right;width:31.4286%;background:#EFEFEF;padding-left:0.4em;padding-right:0.4em;}
#content-main.col-double #mainaward .col{float:left;margin-right:1%;width:32%;}
#content-main.col-double #mainaward h2{font-family:'HelveticaNeueLT-Bold',Helvetica,Arial;font-size:1.15em;margin-top:0.2em;}
.col .title{color:#0065A4;margin-bottom:0;}
.col ul{font-size:0.9em;}
h2.rightrelated{letter-spacing:-0.05em;line-height:1.25;margin-top:0;}
aside[role="complementary"] .panel-resources .btn-sf{float:left;height:25px;margin-right:8px;width:25px;}
aside[role="complementary"] .panel-resources #resources-pdf .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.svg);background-position:-26px -19px;background-repeat:no-repeat;}
aside .img-top{float:right;padding-bottom:1em;width:31.4286%;}
aside .img-bottom{float:right;padding-bottom:1em;padding-top:0.6em;width:31.4286%;}
#footer-additional{display:none;visibility:hidden;}
footer[role="contentinfo"]{margin-top:40px;position:relative;width:100%;height:100%;}
footer[role="contentinfo"] #footer-wrapper{padding:40px 0;}
footer[role="contentinfo"] .footer-inner{margin:0 auto;max-width:980px;width:90%;}
footer[role="contentinfo"] .footer-item{float:left;}
footer[role="contentinfo"] ul{float:left;list-style:none outside none;margin:0em 0 0;padding:0;}
footer[role="contentinfo"] .t15px{   color: #ffffff;font-family: Helvetica,Arial,sans-serif;font-size: 1.0308em; font-weight: normal; line-height: 1.125em; margin-bottom: 0.8em;   margin-top: 0; text-align:left;}
footer[role="contentinfo"] .t15px a{color:#FFFFFF;}
.news-feature-home .t15px, .news-feature-home-right .t15px{float:right;width:38%;margin-top:0em;font-size:0.9em; text-align:left;}
.t15px{   font-family: 'HelveticaNeueLTStd-Lt',Helvetica, Arial;font-size: 1.0308em;  font-weight: normal !important;    line-height: 1.125em;    margin-bottom: -0.3em;    margin-top: 1.2em; text-align:center;}
footer[role="contentinfo"] #footer-connect li{display:block;float:left;margin-top:10px;position:relative;width:100%;}
footer[role="contentinfo"] ul li{color:#FFFFFF;}
footer[role="contentinfo"] #footer-site{padding-left:2.12766%;padding-right:2.12766%;width:25%;}
footer[role="contentinfo"] #footer-connect{padding-left:2.12766%;padding-right:2.12766%;width:25%;}
footer[role="contentinfo"] #footer-connect .btn-sf{float:left;height:16px;margin-right:14px;width:16px;}
footer[role="contentinfo"] #footer-connect span{display:block;overflow:hidden;}
footer[role="contentinfo"] #footer-connect li:first-child{margin-top:0;}
footer[role="contentinfo"] #footer-connect .btn-sf{float:left;margin-top:4px;height:16px;margin-right:14px;width:16px;}
footer[role="contentinfo"] #footer-connect #connect-facebook .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.svg);background-position:0 0;background-repeat:no-repeat;}
footer[role="contentinfo"] #footer-connect #connect-facebook .btn-sf:hover,footer[role="contentinfo"] #footer-connect #connect-facebook .btn-sf:focus{filter:alpha(opacity=60);opacity:0.6}
footer[role="contentinfo"] #footer-connect #connect-twitter .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.svg);background-position:0 -26px;background-repeat:no-repeat;}
footer[role="contentinfo"] #footer-connect #connect-twitter .btn-sf:hover,footer[role="contentinfo"] #footer-connect #connect-twitter .btn-sf:focus{filter:alpha(opacity=60);opacity:0.6}
footer[role="contentinfo"] #footer-connect #connect-youtube .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.svg);background-position:-51px 0;background-repeat:no-repeat;}
footer[role="contentinfo"] #footer-connect #connect-youtube .btn-sf:hover,footer[role="contentinfo"] #footer-connect #connect-youtube .btn-sf:focus{filter:alpha(opacity=60);opacity:0.6}
footer[role="contentinfo"] #footer-connect #connect-linkedin .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.svg);background-position:-26px 0;background-repeat:no-repeat;}
footer[role="contentinfo"] #footer-connect #connect-linkedin .btn-sf:hover,footer[role="contentinfo"] #footer-connect #connect-linkedin .btn-sf:focus{filter:alpha(opacity=60);opacity:0.6}
.ir{background-repeat:no-repeat;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-999em;}
footer[role="contentinfo"] .footer-righttwo{float:left;width:50%;}
footer[role="contentinfo"] #footer-quicklinks{padding-left:2.12766%;padding-right:2.12766%;width:46%;}
footer[role="contentinfo"] #footer-contactus{padding-left:2.12766%;padding-right:2.12766%;width:46%;}
@media not all, (min-resolution:192dpi){#footer-additional #footer-breadcrumbs .breadcrumb-wrapper .breadcrumb ol li:first-child a{background-image:url("/media/wdp/style-assets/images/spm-global@2x.png") !important;background-repeat:no-repeat;background-size:512px 512px;}
}
@media only screen and (min-width:1280px){.standard-wide #main, .standard-wide #secondary, .wide-divider .col-wide, header[role="banner"] .header-inner, .breadcrumb-wrapper .breadcrumb, #router ul, .home #main, header[role="banner"] #toolbar .toolbar-inner{margin:0 auto;width:980px;}
#col-wrapper{width:100%;}
#col-secondary{left:-260px;}
#col-secondary .col{width:235px;background:#0065a4;}
#column-main{left:-284px;}
#column-main #content-main{width:745px;}
.ie7 #col-wrapper, .ie8 #col-wrapper{max-width:1175px;}
}
@media screen and (min-width:0) and (max-width:1280px){#col-secondary{left:-19.9711%;}
#col-secondary .title{padding-right:9.26194%;}
#col-secondary .col{width:60.2026%;background:#0065a4;}
#column-main{left:-21.9711%;width:50%;}
#column-main #content-main{margin-left:9.26194%;width:130.246%;}
#content-main.col-double #main{float:none;width:100%;}
#content-main.col-double #rightside{display:block;clear:both;width:100%;margin-top:10px;}
.nextbtn a{width:100%;margin-bottom:1em;}
aside .img-top{float:left;width:49%;}
aside .img-bottom{float:right;margin-top:0;padding-top:0;width:49%;}
#right-lowerbtn{width:100%;clear:both;display:block;}
#right-lowerbtn .right-btn .submit-right a{clear:both;}
#right-lowerbtn .right-btn .submit-right a{width:100%;}
.news-menu{height:12.7em;}
.rightQoute {display:none}
.inlineQoute{display:inline}
blockquote:before {
    color: #999;
content: "“";
    display: block;
    font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif;
    height: 0;
    margin-left: -0.95em;
}
blockquote{ width: 30%; display:right; color:#A7A9AC; margin-bottom:0.4em;border-left: 0.5em solid #ddd; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); padding:0.8em; color:#A7A9AC; margin-bottom:0.4em;   }
}
@media screen and (min-width:0) and (max-width:1180px){.news-menu{height:12.9em;}
}
@media screen and (min-width:0) and (max-width:1080px){.news-menu{height:12.0em;}
}


@media screen and (min-width:0) and (max-width:80.74em){.top-bar .headerNewsBold { font-size:1.6em; font-family: 'HelveticaNeueLT-Black', arial;  position: absolute; left:3.7em; top:0.4em; margin-top:0.70em; color:#FFF;}.top-bar .headerNews{position:absolute;top:-0.9em;left:7.6em;} .top-bar .toggle-topbar.menu-icon {  margin-top: -2em; padding-left: 0;right: 20px;    top: 65%;
}
}


@media screen and (min-width:0) and (max-width:80.74em) and (-ms-high-contrast: active) and (-ms-high-contrast: none) 
{.top-bar .headerNewsBold {  font-family: 'HelveticaNeueLT-Black', arial;  position: absolute; left:86px!important; top:25px!important; margin-top:0em!important; color:#FFF;}.top-bar .headerNews {position:absolute;top:-0.9em;left:155px!important;}}



@media screen and (min-width:0) and (max-width:64.75em){.top-bar-section .has-dropdown{position:relative}
.top-bar-section .has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset 5px;border-color:transparent transparent transparent #fff;border-left-style:solid;margin-right:20px;margin-top:-4.5px;position:absolute;top:50%;right:0}
.top-bar-section .has-dropdown.moved{position:static}
.top-bar-section .has-dropdown.moved>.dropdown{visibility:visible}
.top-bar-section .dropdown{position:absolute;left:100%;top:0;visibility:hidden;z-index:99}
.top-bar-section .dropdown li{height:auto;z-index:99;}
.top-bar-section .dropdown li a{font-weight:normal;padding:8px 20px;float:left;}
.top-bar-section .dropdown li.title h5{margin-bottom:0}
.top-bar-section .dropdown li.title h5 a{color:#adadad;line-height:30px;display:block;}
.top-bar-section .dropdown li.lower a{}
.article .image-wrapperContact{position:relative;width:100%;}
.top-bar li{display:block;}

}


}
}
@media screen and (min-width:68.74em){.top-bar{height:85px!important;line-height:85px!important;}
}
@media screen and (min-width:0) and (max-width:63.74em){.col-main-features, #breadcrumb-top, #col-secondary, .study .col-testimonial, .col-double #main .panel-testimonial, footer[role="contentinfo"] #footer-wrapper #footer-site{display:none;visibility:hidden;}

h1.t37px{color:#0065a4;font-size:2.0923em;letter-spacing:-0.04em;line-height:1em;margin-bottom:0.5em;margin-top:0.5em;display:block;font-family:'HelveticaNeueLT-Bold';}
.lang {width:80%; float:left; clear:none;  padding: 0.9em 0 0.9em 0;}
.lang .btn-sf{float:left;height:20px;margin-right:8px;width:20px; }
.lang #quebec-french {font-size: 0.9231em;line-height: 1.3em; font-weight:bold; float:left; display:inline; width:35%;}
.lang #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/annualreview/2014/images/french-qubec.svg);background-position:0px 0px;background-repeat:no-repeat;}
.lt-ie9.lang #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-66px 0;background-repeat:no-repeat;}

.lang #spanish {font-size: 0.9231em;line-height: 1.3em; font-weight:bold; float:left; margin-left:1em; display:inline; width:35%; }
.lang #spanish .btn-sf{background-image:url(https://communications.ghd.com/images/spanish.svg);background-position:0px 0px;background-repeat:no-repeat;}
.lt-ie9 .lang #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-90px 0px;background-repeat:no-repeat;}



.languagehome {width:90%; clear:none;  padding: 1em 0 1em 0; margin-bottom:1em; margin-left:auto; margin-right:auto; height:2em;}
.languagehome .btn-sf{float:left;height:20px;margin-right:8px;width:28px; margin-top:0px; }

.languagehome #quebec-french {font-size: 0.9231em;line-height: 1.3em; font-weight:bold; float:left; width:24%; display:inline;}
.languagehome #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/annualreview/2014/images/french-qubec.svg);background-position:0px 0px;background-repeat:no-repeat; }
.lt-ie9 .languagehome #quebec-french .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-90px 0;background-repeat:no-repeat;}

.languagehome #spanish {font-size: 0.9231em;line-height: 1.3em; font-weight:bold; float:left; width:24%; display:inline}
.languagehome #spanish .btn-sf{background-image:url(https://communications.ghd.com/images/spanish.svg);background-position:0px 0px;background-repeat:no-repeat; }
.lt-ie9 .languagehome #spanish .btn-sf{background-image:url(https://communications.ghd.com/footer-social-media.png);background-position:-90px 0;background-repeat:no-repeat;}



h1.t36px{margin-bottom:0.4em;}
#footer-additional{display:block;margin-top:20px;visibility:visible;width:100%;}
footer[role="contentinfo"] #footer-connect{background-image:none;display:block;padding:0;width:100% !important;}
.short-news-wrapper .thumbnail-stories-art{float:left;width:100%;}
.short-news-wrapper .thumbnail-stories-right-art{float:left;margin-top:1em;width:50%;}
footer[role="contentinfo"] .t15px, .ie7 .t15px{font-family:Arial,Helvetica,sans-serif;font-size:90%;text-transform:inherit;}
footer[role="contentinfo"] #footer-connect h4, .ie7 footer[role="contentinfo"] #footer-connect h4{float:left !important;}
footer[role="contentinfo"] #footer-connect ul, .ie7 footer[role="contentinfo"] #footer-connect ul{float:left!important;margin-top:0!important;position:relative!important;}
.ie7 footer[role="contentinfo"] #footer-connect ul{width:200px;}
footer[role="contentinfo"] #footer-connect ul li, .ie7 footer[role="contentinfo"] #footer-connect ul li{float:left !important;margin-left:10px;margin-top:0px;position:relative;width:16px;}
.ie7 footer[role="contentinfo"] #footer-connect ul li{display:inline;clear:none!important;}
footer[role="contentinfo"] #footer-connect ul li a, .ie7 footer[role="contentinfo"] #footer-connect ul li a{display:block;height:16px;width:16px;}
.ie7 footer[role="contentinfo"] #footer-connect ul li a{display:inline!important;}
footer[role="contentinfo"] #footer-connect span, .ie7 footer[role="contentinfo"] #footer-connect span{display:none !important;}
footer[role="contentinfo"] #footer-connect .btn-sf{display:block !important;}
.ie7 footer[role="contentinfo"] #footer-connect .btn-sf{display:inline!important;}
footer[role="contentinfo"] .footer-item h4 a, .ie7 footer[role="contentinfo"] .footer-item h4 a{background-image:none;margin-left:0;padding:0;}
footer[role="contentinfo"] .footer-righttwo, .ie7 footer[role="contentinfo"] .footer-righttwo{background-image:none;border-top:1px solid #949494;float:left !important;margin-top:10px;padding-top:10px;width:100% !important;}
footer[role="contentinfo"] #footer-quicklinks{background-image:none;float:left;padding:0;width:auto;}
footer[role="contentinfo"] #footer-quicklinks ul, .ie7 footer[role="contentinfo"] #footer-quicklinks ul, .ie8 #footer-fandd ul{display:none;}
.ie7 footer[role="contentinfo"] #footer-quicklinks ul{width:200px;}
footer[role="contentinfo"] #footer-quicklinks a{background-image:none;font-weight:bold;}
footer[role="contentinfo"] #footer-contactus{float:left;margin:0 0 0 15px;padding:0;width:auto;}
footer[role="contentinfo"] #footer-contactus a{background-image:none;font-weight:bold;}
footer[role="contentinfo"] #footer-contactus ul, .ie7 #footer-contactus ul, .ie8 footer[role="contentinfo"] #footer-level1 #footer-contactus ul{display:none;}
#right-opinion{clear:both;display:block;}
#right-opinion .green-panel h2{padding-top:0em!important;margin-top:1.0em!important;}
#right-opinion .green-panel h2 a{color:#333;font-weight:600;}
.green-panel .thumbnail-opinion{margin-bottom:4%;margin-right:4%;width:100%;}
.ie7 #column-main, #column-main{left:0;margin-left:0;margin-top:0;padding-top:0px;width:100%;}
.ie7 #column-main #content-main, #column-main #content-main{margin-left:0;width:100%;}
#above{margin-bottom:1em;}
.news-feature-home, .news-top-home{margin-bottom:6%;margin-right:4%;width:48%;}
.news-top-home{margin-bottom:6%;margin-right:4%;width:48%;}
.news-feature-home:nth-of-type(2n+2){margin-right:0;}
.news-feature-home:nth-of-type(3), .news-feature-home-right, .news-top-home-right{display:none;visibility:hidden;}
.news-feature-home{margin-bottom:6%;margin-right:4%;width:48%;}
#nav-wrapper{width:100%;}
#right-wrapper{width:100%;}
#right-opinion{width:100%;}
#right-btn{display:none;}
#nav-feature, #right-opinion{}
.green-panel{margin-left:auto;margin-right:auto;width:90%;}
.news-feature-home{margin-bottom:3%;margin-right:4%;width:48%;}
.news-top-home:nth-of-type(2n+2), .news-feature-home:nth-of-type(2n+2){margin-right:0;}
.news-feature-home:nth-of-type(3){display:none;visibility:hidden;}
.news-feature-home:last-child{display:none;visibility:hidden;}
.js-generated{display:block!important;}
.image-wrapper{width:100%;}
.news-feature-home .t15px, .news-feature-home-right .t15px{display:block;font-size:1.0308em;width:100%;margin-top:1.2em;}
.column-news{margin-top:0;}
.contact_form input{width:90%;clear:both;display:block padding-left:0;margin-left:0;}
.contact_form button{margin-left:0;}
.contact_form label{width:100%;margin-top:3px;display:inline-block;float:left;padding:3px;}
.contact_form input:focus + .form_hint{display:block;}
.contact_form textarea{padding:8px;width:90%;}
.news{margin-top:0.5em;}
.short-news-wrapper .thumbnail-news-art{width:100%;}
.newsimage-wrapper{width:100%;float:left;}
.news-big .t15px, .news-big-right .t15px{float:right;font-size:0.9em;margin-top:1em;width:100%;}
.news-big p, .news-big-right p{font-size:0.75em;margin-top:0.4em;width:100%;}
.show, .showmore{display:block!important;position:relative;left:0;}
.hide{position:absolute;left:-9000px;top:0;}
.scriptable #rest, .scriptable #restmore{display:none;width:100%;font-size:1.0em;}
.news-big, .news-big-right, .graphs {
    width: 100%;
}
.listMore, .displayMore{border-top:1px solid #AEAEAE;display:block;}
.listMore a, .displayMore a{display:block;font-weight:bold;font-size:0.8em;text-align:center;background:url('img/chevron-down.png') right center no-repeat;border-top:2px solid #ececec;border-bottom:1px solid #ececec;margin:0 0 15px 0;padding:12px 15px 12px 10px;color:#333;clear:both;}
.showtext{display:none;}

h1.t38px{color:#0065a4;font-size:2.0923em;letter-spacing:-0.04em;line-height:1em;margin-bottom:0.2em;margin-top:0.5em;font-family:'HelveticaNeueLTStd-Lt'; display:block; width:100%; clear:both;}

.news-top-home, .news-sector {height:auto;}





}
@media screen and (min-width:0) and (max-width:53.75em){.news-sector, .news-sector-right{width:100%;margin-left:auto;margin-right:auto;}
.page{margin-top:0.3em;}
#content-main.col-double #mainaward .col{float:left;margin-right:1%;margin-top:1%;width:100%;}

.site-footer{padding-bottom:3.125em;}




}
.top-bar_search{display:none!important;}

@media screen and (min-width:0) and (max-width:43.75em)

{
	blockquote{ width: 95%; display:block; clear:both; margin-bottom:0.8em; }
	.news-middle-home, .news-landing-home-right  {float: left; margin-right: 1%; margin-top: 2%; overflow: hidden; position: relative;  width: 100%;} .news-landing-home {width:100%;} .thumbnail-stories-right-art {width:100%!important;}

@media screen and (min-width:0) and (max-width:23.75em)

{
	.lang #quebec-french, .lang #quebec-french {width:49%;}
	.top-bar .title-area { height:130px;} 
.top-bar{ height:130px;}
.top-bar .headerNewsBold { font-size:1.6em; font-family: 'HelveticaNeueLT-Black', arial;  position: absolute; left:0.7em; top:3.2em; margin-top:0.45em; color:#FFF;} 
.top-bar .headerNews { font-size:1.4em; font-family: 'HelveticaNeueLTStd-Lt', arial; position:absolute; top: 2.0em; left:4.1em; float:left; width:10em; margin-top:2.25em; color:#FFF; } 

.top-bar .toggle-topbar.menu-icon {
    margin-top: -2em;
    padding-left: 0;
    right: 20px;
    top: 45%;
}

.energy {position:absolute; left:7.5em; top:2.2em; font-size:0.70em; color:#FFF}
.legendseventeenfifty {position:absolute; left:1.7em; top:2.2em; font-size:0.7em; color:#000;


	
}


}