@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic);

/*test */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background: transparent;
}
a:active, a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
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;
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
}
#admin-menu .dropdown .admin-menu-icon img {
    width: 16px;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -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;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ccc;
    margin-bottom: 1em;
}
td, th {
    padding: 0.5em;
    border: 1px solid #ccc;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    /*color: #222222;*/
	color: #000;
    background: #f7f7f7;
    padding: 0;
    margin: 0;
    font: 300 62.5%/1.5 "Unit OT", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    position: relative;
    cursor: default;
}
@media (min-width:0px) {
    body {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
}
body.page-loaded {
    opacity: 1;
}
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Unit Slab", Georgia, serif;
}
h1 {
    font-size: 3em;
}
h2 {
    font-size: 2.4em;
}
h3 {
    font-size: 2.1em;
}
h4 {
    font-size: 1.8em;
}
h5 {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 0;
}
p, li, table {
    font: 300 1.6em/1.5625 "Merriweather", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*color: #666;*/
	color: #000;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
p {
    margin: 0 0 1.429em;
}
li p, li li, li blockquote, li li p, li li blockquote, li li li {
    font-size: 1em;
}
a, li a.active {
    color: #ca0028;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
    max-width: none !important;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input[type="text"], textarea, .search-box, .email, input[type="password"] {
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 1px #ddd;
    padding: 5px;
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    font-size: 1.6em;
}
input[type="text"]:focus, textarea:focus, input[type="email"]:focus, input[type="password"]:focus {
    outline: none;
    box-shadow: inset 0.1em 0.1em 0.3em 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0.1em 0.1em 0.3em 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0.1em 0.1em 0.3em 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #ccc;
}
textarea {
    height: auto;
    min-height: 50px;
}
select {
    width: 100%;
}
.row {
    width: 100%;
    min-width: 96em;
    max-width: 110em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    *zoom: 1;
}
@media (min-width:0px) {
    .row {
    max-width: 124em;
    min-width: 96em;
    overflow: hidden;
}
}
.row:before, .row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}
.row.collapse .row {
    margin-left: 0;
    margin-right: 0;
}
.row .row {
    width: auto;
    margin: 0;
    max-width: none;
    min-width: 0;
    *zoom: 1;
}
.row .row:before, .row .row:after {
    content: " ";
    display: table;
}
.row .row:after {
    clear: both;
}
.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
}
.row .row.collapse:after {
    clear: both;
}
.column, .columns {
    padding: 0;
    float: left;
}
.large-1 {
    width: 8.33333%;
}
.large-2 {
    width: 16.66667%;
}
.large-3 {
    width: 25%;
}
.large-4 {
    width: 33.33333%;
}
.large-5 {
    width: 41.66667%;
}
.large-6 {
    width: 50%;
}
.large-7 {
    width: 58.33333%;
}
.large-8 {
    width: 66.66667%;
}
.large-9 {
    width: 75%;
}
.large-10 {
    width: 83.33333%;
}
.large-11 {
    width: 91.66667%;
}
.large-12 {
    width: 100%;
}
@media (min-width:0px) {
    .row {
    min-width: 320px;
}
}
@media (max-width:640px) {
    .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 {
    float: none;
    width: 100%;
}
.small-2, .small-3, .small-4, .small-5, .small-6-, .small-7, .small-8, .small-9, .small-10, .small-11, .small-12 {
    float: left;
}
.small-1 {
    width: 8.33333%;
}
.small-2 {
    width: 16.66667%;
}
.small-3 {
    width: 25%;
}
.small-4 {
    width: 33.33333%;
}
.small-5 {
    width: 41.66667%;
}
.small-6 {
    width: 50%;
}
.small-7 {
    width: 58.33333%;
}
.small-8 {
    width: 66.66667%;
}
.small-9 {
    width: 75%;
}
.small-10 {
    width: 83.33333%;
}
.small-11 {
    width: 91.66667%;
}
.small-12 {
    width: 100%;
}
[class*="column"] + [class*="column"].end {
    float: left;
}
}
.screen-reader-text {
    position: absolute;
    left: -5000em;
}
.cta-link a, button, .sharers-toggle, .footer-sharers-toggle, .form-submit {
    background: #ca0028;
    color: #fff;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    padding: 0.25em 0.5em;
    box-shadow: 0 0.3em 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.3em 0 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0.1em 0.1em 0 0 rgba(0, 0, 0, 0.2);
    font: normal 1.2em/1 "Unit OT", Georgia, Helvetica, serif;
    border: none;
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}
.cta-link a:hover, button:hover, .form-submit:hover {
    background: #000;
}
.load-more-cta a {
    background: #333;
    width: 70%;
    max-width: 40em;
    display: block;
    margin: 0 auto;
    padding: 0.5em;
    border-top: solid 0.1em #666;
    border-bottom: solid 0.2em #000;
}
.main-content {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    margin-top: 0.2em;
    position: relative;
}
@media (min-width:0px) {
    .main-content {
    border: none;
}
}
@media (min-width:1000px) {
    .main-content {
    box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.15);
}
}
.website-logos {
    box-shadow: 0 -0.3em 0.5em 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -0.3em 0.5em 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -0.3em 0.5em 0 rgba(0, 0, 0, 0.1);
    background: #fff;
}
.citymetric-intelligence-logo {
    background: #f7f7f7;
    box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.1);
    width: 10em;
    padding: 1.5em 1em 0.75em 1em;
    float: right;
    margin-top: -0.5em;
}
.citymetric-intelligence-logo-sp {
    background: none;
    box-shadow: none;
    width: 10em;
    padding: 1.5em 1em 0.75em 1em;
    float: right;
    margin-top: -0.5em;
}
.timetric-logo, .ns-logo {
    width: 5em;
    padding: 1.0em 0 0.3em 1.0em;
}
.timetric-logo img, .ns-logo img {
    height: 3.3em;
    margin: 0 auto;
    display: block;
}
.site-header {
    padding: 0;
    position: static;
    z-index: 999;
}
body.site-header-top .site-header {
    position: fixed;
    top: 0;
    left: 50%;
    width: 128em;
    margin-left: -64em;
}
body.admin-menu.site-header-top .site-header {
    top: 2.5em;
}
.centre-for-cities-logo, .new-statesman-logo {
    max-width: 16em;
    float: right;
    padding: 1em 0 0 0;
}
.new-statesman-logo {
    padding: 3em 0em 0 2em;
}
.site-nav {
    background: rgb(211, 0, 21);
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzMDAxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QzMDAxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2NhMDAyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYTAwMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(211, 0, 21, 1) 0%, rgba(211, 0, 21, 1) 50%, rgba(202, 0, 40, 1) 51%, rgba(202, 0, 40, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(211, 0, 21, 1)), color-stop(50%, rgba(211, 0, 21, 1)), color-stop(51%, rgba(202, 0, 40, 1)), color-stop(100%, rgba(202, 0, 40, 1)));
    background: -webkit-linear-gradient(top, rgba(211, 0, 21, 1) 0%, rgba(211, 0, 21, 1) 50%, rgba(202, 0, 40, 1) 51%, rgba(202, 0, 40, 1) 100%);
    background: -o-linear-gradient(top, rgba(211, 0, 21, 1) 0%, rgba(211, 0, 21, 1) 50%, rgba(202, 0, 40, 1) 51%, rgba(202, 0, 40, 1) 100%);
    background: -ms-linear-gradient(top, rgba(211, 0, 21, 1) 0%, rgba(211, 0, 21, 1) 50%, rgba(202, 0, 40, 1) 51%, rgba(202, 0, 40, 1) 100%);
    background: linear-gradient(to bottom, rgba(211, 0, 21, 1) 0%, rgba(211, 0, 21, 1) 50%, rgba(202, 0, 40, 1) 51%, rgba(202, 0, 40, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d30015', endColorstr='#ca0028', GradientType=0);
    box-shadow: 0.2em 0.4em 0.05em 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0.2em 0.4em 0.05em 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0.2em 0.4em 0.05em 0 rgba(0, 0, 0, 0.1);
    overflow: visible;
    border-top: solid 1px rgb(225, 93, 106);
    border-bottom: solid 1px rgb(168, 4, 20);
    border-right: solid 1px rgb(168, 4, 20);
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
}
.search-toggle {
    display: none;
}
.site-nav li {
    display: inline-block;
    text-align: left;
}
.site-menu, .site-search, .daily-feed, li.twitter-link, .city-metric-sign-up, li.facebook-link {
    border-right: solid 1px #ba0025;
    border-left: solid 1px #cf0029;
    text-align: center;
    float: left;
}
.menu-toggle, .search-toggle, .daily-feed-toggle, .city-metric-sign-up, li.twitter-link, li.facebook-link {
    padding: 0.55em 1.8em;
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}
.site-search input.form-text {
    width: 63%;
    margin-right: 0.25em;
    font-size: 0.84em;
}
.menu-toggle:hover, .search-toggle:hover, .daily-feed-toggle:hover, .city-metric-sign-up:hover, li.twitter-link:hover, li.facebook-link:hover {
    background: #ae0022;
    box-shadow: inset 0 -0.3em 0.6em 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 -0.3em 0.6em 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 -0.3em 0.6em 0 rgba(0, 0, 0, 0.2);
}
.daily-feed-toggle, .menu-toggle, .search-toggle, li.twitter-link, li.facebook-link {
    width: 3em;
    position: relative;
    cursor: pointer;
    text-indent: -5000em;
    overflow: hidden;
    text-align: left;
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}
.daily-feed-toggle:after, .menu-toggle:after, .search-toggle:after, li.twitter-link:after, li.facebook-link:after {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.daily-feed-open .daily-feed-toggle:after, .daily-feed-toggle:hover:after, .data-service-open .data-service-link:after, .site-menu-open .menu-toggle:after, .site-search-open .search-toggle:after, .daily-feed-link:hover:after, .data-service-link:hover:after, .menu-toggle:hover:after, .search-toggle:hover:after, li.twitter-link:hover:after, li.facebook-link:hover:after {
    color: #fff;
}
.daily-feed-toggle:after, .menu-toggle:after, .search-toggle:after, li.twitter-link:after, li.facebook-link:after {
    content: "\f0c9";
    color: #000;
    font: normal 1.4em/1 "FontAwesome";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    text-indent: 0;
}
.daily-feed-toggle:after, .menu-toggle:after, .search-toggle:after, li.twitter-link:after, li.facebook-link:after {
    text-align: center;
    top: 0.55em;
}
.daily-feed-toggle:after {
    content: "\f0e0";
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
.daily-feed-toggle:hover:after {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.search-toggle:after {
    content: "\f002";
}
.social-links:after {
    content: "\f1e0";
}
li.facebook-link:after {
    content: "\f09a";
}
li.twitter-link:after {
    content: "\f099";
}
.sharers-toggle {
    content: "\f064";
}
.site-nav li.city-metric-sign-up, .data-hub-link {
    padding-left: 55px;
    position: relative;
}
.data-hub-link {
    background: #FFFFFF;
    border-top: solid 1px #ebebeb;
}
.data-hub-link a {
    padding-left: 2em;
    color: #000;
}
.city-metric-sign-up:before, .data-hub-link:before {
    content: '';
    background: url(/sites/all/themes/creative-responsive-theme/images/citymetric_icon.png);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 1em;
    top: 0.9em;
}
.city-metric-sign-up:before, .data-hub-link:before {
    background: url(/sites/all/themes/creative-responsive-theme/images/citymetric_icon@2x.png);
    background-size: 100%;
}
.data-hub-link:before {
    left: 0.8em;
    top: 0.7em;
}
.site-menu li {
    display: block;
    width: auto;
    padding: 0.75em 1em 0.5em 1em;
    border-bottom: solid 1px #e6e6e6;
}
.site-menu li.hot-topic {
    background: #faeaed;
    border-bottom: solid 1px #666;
    position: relative;
    padding-left: 4.6em;
}
.site-menu li.hot-topic a {
    color: #000;
    text-decoration: none;
}
.site-menu li.hot-topic:before {
    content: 'trending';
    font: 0.6em "Unit OT", Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #ca0028;
    padding: 0.3em;
    position: absolute;
    left: 1.6em;
    top: 50%;
    margin-top: -0.9em;
}
.daily-feed form, .site-menu .scrollable-menu, .follow-us, .sharers .share-us, .footer-sharers ul {
    position: absolute;
    top: -2em;
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #fff;
    border-bottom: solid 0.3em #ca0028;
    z-index: 2;
    box-shadow: 0.3em 0.3em 0.05em 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0.3em 0.3em 0.05em 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0.3em 0.3em 0.05em 0 rgba(0, 0, 0, 0.2);
    background: #ededed;
    border-top: solid 1px #666;
    width: 25em;
    left: auto;
    right: auto;
    margin-left: 0em;
    list-style: none;
}
@media (max-width: 768px) {
    .centre-for-cities-logo {
        margin-right: 2em;
    }
}
@media (max-width: 1280px) {
    .centre-for-cities-logo {
        margin-right: 2em;
    }
}
@media (min-width:1600px) {
    .daily-feed form, .site-menu .scrollable-menu, .follow-us, .sharers .share-us, .footer-sharers ul {
    margin-left: -10.5em;
    }
}
.site-menu ul.menu {
    top: 10em;
    width: 100%;
}
.site-menu .scrollable-menu {
    width: 17em;
    overflow: scroll;
}
.daily-feed-open .daily-feed form, .site-menu-open .site-menu .scrollable-menu, .social-links-open .follow-us, .sharers-open .sharers .share-us, .footer-sharers-open .footer-sharers ul {
    top: auto;
    padding: 1.5em;
    overflow: visible;
    opacity: 1;
    height: auto;
}
.site-header-top.daily-feed-open .daily-feed form, .site-header-top.site-menu-open .site-menu .scrollable-menu, .site-header-top.social-links-open .follow-us, .site-header-top.footer-sharers-open .footer-sharers ul {
    top: auto;
}
.site-header-top.sharers-open .sharers .share-us {
    top: auto;
}
.site-header-top.site-menu-open .site-menu .scrollable-menu li ul {
    top: 0;
}
.site-menu-open .site-menu .scrollable-menu {
    padding: 0;
}
.site-menu li ul.menu {
    top: 0;
    left: 0;
    border: 0;
    position: relative;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    float: right;
}
.site-menu li ul.menu li {
    margin: 0;
}
li.nb ul.menu li:nth-child(6) a, li.nb ul.menu li:nth-child(7) a {
   /* color: #333; */
   color: #000;
}
.daily-feed .email-address, .search-box {
    width: 62%;
    margin-right: 0.25em;
    font-size: 0.84em;
}
.search-button, #search-block-form .form-submit {
    font-size: 1.1em;
    padding: 0.4em;
    background: #000;
    position: relative;
    top: 0.1em;
}
.search-button:hover {
    background: #666;
}
.daily-feed-close, .site-menu .scrollable-menu li.menu-close, .search-close, .share-us .sharers-closed {
    width: 2em;
    height: 2em;
    background: #ca0028;
    border-radius: 3em;
    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    position: absolute;
    bottom: -1em;
    left: 50%;
    margin-left: -1em;
    border: none;
    text-indent: -5000em;
    cursor: pointer;
    padding: 0;
    font-size: 1.2em;
}
.daily-feed-close:before, .menu-close:before, .search-close:before, .sharers-closed:before {
    content: "\f106";
    font: normal 0.8em "FontAwesome";
    text-align: center;
    color: #fff;
    position: absolute;
    top: 1.3em;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: 0;
}
.daily-feed-close:after, .menu-close:after, .search-close:after, .sharers-closed:after {
    content: '';
    width: 2.2em;
    height: 1.2em;
    position: absolute;
    top: -0.2em;
    left: -0.1em;
    right: -0.1em;
    background: #ededed;
    display: block;
}
.sharers-closed:after {
    background: #fff;
}
.menu-close:after {
    background: #fff;
}
div.search-close {
    display: none;
}
.sharers {
    padding-left: 1.5em;
    position: relative;
}
.sharers-toggle {
    background: #000;
    position: relative;
    cursor: pointer;
    font-size: 1.1em;
    padding: 0.3em 2em 0.3em 0.4em;
    margin-top: 0.45em;
}
.sharers-toggle:hover {
    background: #666;
}
div.sharers-toggle {
    background: #000;
    position: relative;
    cursor: pointer;
    font-size: 1.1em;
    padding: 0.3em 2em 0.3em 0.4em;
    margin-top: 0.45em;
}
div.sharers-toggle:after {
    content: "\f064";
    font: 0.9em/1 "FontAwesome";
    color: #fff;
    position: absolute;
    right: 0.5em;
    top: 50%;
    margin-top: -0.5em;
}
.sharers .share-us {
    background: rgba(255, 255, 255, 0.95);
    width: 40em;
    opacity: 0;
    right: 0;
    padding: 0;
    list-style: none;
}
.sharers-open .sharers .share-us {
    opacity: 1;
    padding: 0;
    top: 2.7em;
}
.sharers ul:before {
    content: '';
    position: absolute;
    top: -0.5em;
    right: 3em;
    border-bottom: solid 0.5em #000;
    border-right: solid 0.5em transparent;
    border-left: solid 0.5em transparent;
}
.sharers li {
    float: left;
    width: 33.333333333%;
    padding: 1em;
    border: solid 1px #ededed;
    border-right: none;
    text-align: center;
    min-height: 4.2em;
}
.sharers li:nth-child(3n) {
    border-right: solid 1px #ededed;
}
.sharers li:nth-child(4), .sharers li:nth-child(5), .sharers li:nth-child(6) {
    border-top: none;
}
@media (min-width:641px) and (max-width:1370px) {
    .site-menu-open .site-menu .scrollable-menu {
        left: 0.78em;
        margin: 0;
    }
}
@media (max-width:641px) {
    .website-logos {
    padding-bottom: 1em;
  }
}
@media (max-width: 800px) {
  .site-menu-open .site-menu .scrollable-menu {
    top: 14em;
  }
}
.cmi-logo {
    width: 7.5em;
}
.ns-logo, .timetric-logo {
    width: 3.5em;
}
.timetric-logo img, .ns-logo img {
    height: 2.5em;
}
.daily-feed-toggle, .menu-toggle, .search-toggle, .social-toggle, .site-nav li.city-metric-sign-up {
    width: 2em;
    display: inline-block;
}
.daily-feed-toggle:after, .menu-toggle:after, .search-toggle:after, .social-toggle:after {
    text-align: center;
}
.menu-toggle, .search-toggle {
    display: block;
}
.daily-feed form, .site-menu .scrollable-menu, .site-search form, .social-links .follow-us, .sharers .share-us {
    position: absolute;
    top: -30em;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #fff;
    border-bottom: solid 0.3em #ca0028;
    z-index: 2;
    box-shadow: 0 0.3em 0.3em 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.3em 0.3em 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0.3em 0.3em 0 rgba(0, 0, 0, 0.2);
    background: #ededed;
    border-top: solid 1px #666;
    opacity: 0;
}
.social-links-open .follow-us, .sharers-open .share-us {
    top: 2.8em;
    opacity: 1;
}
.sharers-open .share-us {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}
.site-search-open .site-search form {
    padding: 1.5em;
    overflow: visible;
    opacity: 1;
    height: auto;
    top: auto;
}
.site-nav ul .site-menu .scrollable-menu {
    padding-top: 0;
}
.daily-feed form, .site-search form {
    padding: 2em;
}
.site-search form {
    padding-right: 0;
}
.daily-feed p {
    margin-bottom: 1em;
    text-align: center;
}
.daily-feed .button {
    font-size: 0.9em;
}
.social-close, div.search-close {
    display: block;
}
.site-nav li.city-metric-sign-up {
    padding-left: 0;
}
.site-nav li.city-metric-sign-up a {
    display: block;
    background: url(/sites/all/themes/creative-responsive-theme/images/citymetric_icon.png);
    background-size: 100%;
    width: 23px;
    height: 23px;
    text-indent: -5000em;
    margin-left: 0.9em;
}
.city-metric-sign-up:before {
    background: none;
    left: -5000em;
}
div.sharers-toggle {
    background: #000;
    position: relative;
    cursor: pointer;
    font-size: 0.9em;
    padding: 0.3em 1.5em 0.3em 0.4em;
    margin-top: 0.55em;
}
#logo {
    max-width: 23em;
    margin: 1em 0 0 1em;
}
.site-nav ul {
    padding: 0;
}
.sharers {
    position: static;
    padding-left: 1em;
}
div.sharers-toggle {
    font-size: 0.9em;
    margin-right: 0.5em;
    padding-right: 1.7em;
    margin-top: 0.7em;
}
.sharers-open .sharers ul {
    right: 0;
    left: 0;
    top: 3em;
    width: 100%;
    margin: 0;
    opacity: 1;
}
.sharers ul:before {
    left: 19em;
    right: auto;
}
.sharers li {
    float: left;
    width: 50%;
    padding: 1em;
    border: solid 1px #ededed;
    border-top: none;
    border-right: none;
    text-align: center;
    min-height: 4.2em;
    margin: 0;
}
.sharers li:nth-child(2n) {
    border-right: solid 1px #ededed;
}
.sharers li:nth-child(3n) {
    border-right: none;
}
}
@media (max-width:400px) {
    .menu-toggle, .search-toggle, .daily-feed-toggle, .social-toggle, .city-metric-sign-up, li.twitter-link, li.facebook-link {
    padding: 0.55em 1.3em;
}
.sharers ul:before {
    left: 15em;
}
}
@media (min-width:641px) {
    .website-logos {
    margin-top: 2em;
}
.site-menu-open .menu-toggle:before, .daily-feed-open .daily-feed-toggle:before, .site-search-open .search-toggle:before, .social-links-open .social-toggle:before {
    content: '';
    border-bottom: solid 1em #000;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
    position: absolute;
    bottom: -0.5em;
    left: 50%;
    margin-left: -1em;
}
}
@media (min-width:641px) and (max-width:670px) {
    div.sharers-toggle {
    padding: 0.3em 0.9em;
    text-indent: -5000em;
}
div.sharers-toggle:after {
    text-indent: 0;
}
}
@media (max-width:1260px) {
    body.site-header-top .site-header {
    left: 0;
    width: 100%;
    margin-left: 0;
    right: 0;
    }
}
@media (max-width:728px) {
    body.site-header-top .site-header .site-logo {
        display: none;
    }
}
/*
@media (min-width:641px) {
    .site-nav ul > li.site-search {
    width: 18em;
    padding: 0.27em 0em 0.4em 1em;
}*/
.responsive-menus.responsified.responsive-toggled span.toggler:before {
    content: '';
    border-bottom: solid 1em #000;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
    position: absolute;
    bottom: -0.5em;
    left: 50%;
    margin-left: -1em;
}
}
@media (max-width:959px) {
    .ns-logo {
    margin-right: 1em;
}
}
@media (min-width:960px) {
    .site-header-top .site-nav {
    width: 100%;
}
}
@media (max-height:890px) and (max-width:728px) {
    .site-menu .scrollable-menu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll !important;
}
.site-menu .scrollable-menu ul {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.site-menu .scrollable-menu li.menu-close {
    display: none;
}
.site-menu-open .main-content {
    position: fixed;
}
}
.daily-feed-closed .daily-feed form, .menu-closed .site-menu .scrollable-menu, .search-closed .site-search form, .social-closed .social-links, .sharers-closed .sharers ul {
    top: -35em;
}
.articles-list div.list-item {
    border: solid 1px transparent;
    border-top: solid 1px #ccc;
    border-bottom: 1px dashed #000;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    overflow: hidden;
    overflow: hidden;
    font: 300 1.6em/1.5625 "Merriweather", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.home-articles-list .articles-list div.views-row-odd.list-item, .articles-list div.views-row-even.list-item {
    background: #f7f7f7;
}
.articles-list div.views-row-odd.list-item {
    background: #fff;
}
.articles-list div:hover.list-item {
    background: #ebebeb;
    box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.1);
    position: relative;
    border: dashed 1px #000;
    border-top: solid 1px #ccc;
}
.articles-list div:first-child, .articles-list div:first-child.list-item {
    border-top: none;
}
.articles-list li header, .article-content header, .articles-list div.views-row header {
    padding: 1em 2em;
}
.articles-list div:first-child.views-row-1 header, .articles-list div.views-row-1 header {
    width: auto;
    padding: 2em;
}
.articles-list div h2 {
    font: bold 1.2em/1.3 "Unit OT", Georgia, serif;
}
.home-articles-list h2 a {
    /*color: #333; */
	color: #000;
}
.home-articles-list > div:nth-child(2) {
    box-shadow: 0 -0.3em 0.3em 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 -0.3em 0.3em 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 -0.3em 0.3em 0 rgba(0, 0, 0, 0.5);
    border-top: solid 1px #fff;
    z-index: 1;
    position: relative;
}
.article-meta li {
    display: inline-block;
    margin-right: 2em;
    font-size: 1em;
    text-transform: uppercase;
}
.article-meta div {
    display: inline-block;
}
.article-meta li .field-items div {
    margin-right: 0.3em;
    display: inline-block;
}
.article-meta li .field-items div:after {
    content: ', '}
.article-meta li .field-items div:last-child:after {
    content: ' ';
    margin-right: 0;
}
.article-meta li.article-date, li.article-date {
    font-style: italic;
    color: #000;
    text-transform: none;
    line-height: 1.4em;
}
.article-time {
    position: relative;
    padding-left: 1em;
}
.article-time:before {
    content: "\f017";
    position: absolute;
    left: -0.5em;
    top: 0.2em;
    font: 1em "Fontawesome";
    color: #000;
}
.sc-article-list ul li .article-meta li:last-child {
    margin-right: 0;
}
.articles-list h2 a, .article-meta li a {
    text-decoration: none;
}
.articles-list div:first-child .article-tag a, .article-tag a {
    color: #000;
}
.jscroll-added .home-articles-list div:first-child .article-date {
    color: #000;
}
.load-more {
    padding: 3em;
    background: #ebebeb;
    text-align: center;
}
.citinav {
    text-align: right;
}
.citinav a {
    font: 300 1.4em/3 "Merriweather", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-decoration: none;
}
.citinav a:first-child:after, .citinav a:nth-child(2):after, .citinav a:nth-child(3):after {
    content: "|";
    margin: 0 0.4em;
}
@media (max-width:640px) {
    .home-articles-list .articles-list div.views-row-odd.list-item, div.home-articles-list div.view-content div.views-row-1.list-item: first-child, div.home-articles-list div:hover.views-row-1.list-item:hover {
        background: #ca0028;
        position: relative;
    }
	 div.home-articles-list div.view-content div.views-row-1.list-item:first-child div.byline a { color:#000;}
	
    div.home-articles-list div.view-content div.views-row-1.list-item:first-child li.article-category a {
        color: #000;
    }
    div.home-articles-list div.view-content div.views-row-1.list-item:first-child li .byline a, div.home-articles-list div.view-content div.views-row-1.list-item:first-child li.article-tag a {
        /*color: #fff;*/
		color: #000;
    }
    div.home-articles-list div.view-content div.views-row-1.list-item:first-child .article-meta li.article-date, div.home-articles-list div.view-content div.views-row-1.list-item:first-child div.byline, ul.sc-artivle-date li.article-date {
       /* color: #ccc;*/
	   color: #000;
    }
    .articles-list li header, .article-content header {
        padding: 1em 2em;
    }
}
@media (max-width: 768px) {
    .citinav {
      display: none;
    }
}
@media (max-width:900px) {
    .secondary-content .article-meta li a {
        color: #ca0028;
    }
    .secondary-content .article-meta li.article-tag a {
        color: #fff;
    }
}
@media (max-width: 1024px) {
  .citinav {
    position: absolute;
    top: 0;
    left: 1em;
  }
    .citinav a {
      color: #000;
    }
}
@media (min-width:641px) {
    .articles-list div.attachment .views-row-1, .article-content header {
    background: #fff;
}
.article-content header:after {
    content: '';
    position: absolute;
    bottom: -1.5em;
    left: 4em;
    margin-left: 0;
    border-top: solid 1.5em #fff;
    border-left: solid 1.5em transparent;
    border-right: solid 1.5em transparent;
}
.home-articles-list div:first-child h2 a {
    color: #000;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.home-articles-list div.views-row-1 h2 a {
    color: #000;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.jscroll-added .home-articles-list div:first-child h2 a {
    color: #ca0028;
}
.articles-list div h2 a:hover {
    color: #000;
}
.articles-list div:first-child a {
    color: #ca0028;
}
.articles-list div:first-child .article-date {
    color: #000;
}
.articles-list div:nth-child(2) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
}
@media (max-height:750px) and (max-width:728px) {
    .articles-list div header {
    padding: 1em 2em 1em 2em;
}
}
.articles-list .featured-image {
    display: none;
}
.articles-list .attachment div.views-row-1 .featured-image, .articles-list div.views-row-1 .featured-image {
    display: block;
    float: left;
    width: 100%;
}
.home-articles-list div.views-row-1 .featured-image img, .articles-list div.views-row-1 .featured-image img {
    width: 100%;
}
.home-articles-list div.views-row-1 h2 {
    font: 1.4em/1.3 "Unit Slab", Georgia, serif;
}
.home-articles-list div.attachment + div.view-content > div:first-child.views-row-1 h2 {
    font: bold 1.2em/1.3 "Unit OT", Georgia, serif;
}
.home-articles-list div.attachment + div.view-content > div:first-child.views-row-1 h2 a {
    color: #000;
}
.home-articles-list div.views-row-1 h2 a {
    color: #000;
}
@media (min-width:1056px) {
    .articles-list header {
    width: 70%;
    float: left;
}
.articles-list .featured-image {
    display: block;
    float: left;
    width: 30%;
    padding: 1em 2em 2em 0;
}
.articles-list div.views-row-1 .featured-image {
    width: 100%;
    padding: 0;
}
.articles-list div.views-row-1 .featured-image  img {
    width: 100%;
    max-height: 556px;
    max-width: 840px;
}
}
@media (max-height:750px) and (max-width:728px) {
    .articles-list .featured-image {
    padding: 1em 2em 2em 0;
}
.articles-list div.views-row-1 .featured-image {
    padding: 0;
    float: left;
}
}
@media (min-width:641px) and (max-width:900px) {
    .primary-content {
    width: 100%;
}
.citinav {
    display: none;
}
.site-nav .large-9 {
    width: 100%;
}
}
@media (min-width:899px) {
    .primary-content {
    padding-right: 3.3em;
    background: #fff;
    width: 70%;
}
li.nb ul.menu li:nth-child(6), li.nb ul.menu li:nth-child(7) {
    display: none;
}
}
#footer .large-12 {
    width: 99%}
.article article {
    border-bottom: solid 0.2em #000;
}
.article .jscroll-added article {
    border-top: dashed 3px #222;
    margin-top: 3em;
}
.article-content header {
    position: relative;
}
.article-content .featured-image img {
    width: 100%;
}
.article-content header .row {
    overflow: visible;
}
.article-content header h1 {
    font-size: 3em;
}
.article-content .article-meta ul {
    font-size: 1.6em;
    list-style: none;
}
.article-content .byline {
    font-size: 1.4em;
    color: #000;
}
.byline {
    color: #000;
    font-size: 1.0em;
}
.article-body {
    padding: 2em;
}
.article-body h2, .article-body h3, .article-body h4, .article-body h5 {
    margin: 1.5em 0 1em 0;
}
.article-body strong {
    font-weight: bold;
    color: #000;
}
.article-body ul, .article-body ul {
    margin: 0 0 2em 2em;
    padding-left: 2em;
}
.article-body ol {
    list-style-type: lower-roman;
}
.article-body ul ul, .article-body ol ul, .article-body ul ol, .article-body ul ul ul, .article-body ol ol, .article-body ol, ol, ol {
    margin-bottom: 1em;
    padding-left: 2em;
}
.article-body blockquote, .caption, .article-body iframe {
    font: 2em "Unit Slab", Georgia, serif;
    width: 60%;
    margin: 1em 0 1em 1em;
}
.article-body blockquote p {
    color: #000;
    font: 100% "Unit Slab", Georgia, serif;
}
.article-body blockquote.statistic {
    font-style: italic;
}
.article-body blockquote.statistic strong {
    font-style: normal;
    color: #ca0028;
    font-size: 2em;
    display: block;
}
.caption, .article-body iframe {
    font-size: 1.4em;
}
.banner_image {
    padding: 2em 0;
    border-bottom: 2px dashed #333;
    margin-bottom: 1em;
}
.banner_image img {
    width: 100%;
}
footer.share-article {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #000;
    position: relative;
    padding: 2em 1.5em 1em;
    float: left;
    width: 100%;
}
.share-article .tabs-content > .content {
    padding: 2em;
}
.share-article textarea {
    width: 100%;
    min-height: 140px;
    margin-bottom: 1em;
}
.share-buttons li {
    font-size: 1em;
    display: inline-block;
    margin: 0 0.5em 0 0;
}
.share-buttons li a {
    background: #5eaade;
    text-decoration: none;
    padding-right: 1.5em;
    position: relative;
}
.share-buttons li a:after {
    content: "\f099";
    font: 1em "FontAwesome";
    color: #fff;
    position: absolute;
    right: 0.25em;
    top: 50%;
    margin-top: -0.5em;
}
.share-buttons li.facebook-button a {
    background: #3e5a9b;
}
.share-buttons li.facebook-button a:after {
    content: "\f09a";
}
.share-buttons li.pinterest-button a {
    background: none repeat scroll 0 0 #cb2027;
}
.share-buttons li.pinterest-button a:after {
    content: "\f0d2";
}
.share-buttons li.linkedin-button a {
    background: #007bb6;
}
.share-buttons li.linkedin-button a:after {
    content: " ";
}
.share-buttons li.linkedin-button a {
    right: 0.em;
    margin: -0px 0 0 0;
    padding: 0.3em 0.8em 0.3em 0.9em;
}
.share-buttons li.linkedin-button a:after {
    right: 0.em;
    padding-right: 0em;
}
.share-buttons li.google_plus-button a {
    background: #d2232b;
}
.share-buttons li.google_plus-button a:after {
    content: " ";
}
.share-buttons li.google_plus-button a {
    right: 0.em;
    margin: 0px 0;
    padding: 0.3em 0.8em 0.3em 0.9em;
}
.share-buttons li.google_plus-button {
    margin-top: 0.2em;
}
.share-buttons li.google_plus-button a:after {
    right: 0.em;
    padding-right: 0em;
}
.share-buttons li.google_plus-button a:hover, .share-buttons li.linkedin-button a:hover {
    color: #fff;
}
.short-article header {
    background: #f7f7f7;
    padding: 2em 2em 2em 8em;
    position: relative;
}
.short-article header:before {
    content: "\f0e5";
    position: absolute;
    left: -0.1em;
    top: -0.2em;
    font: 20em "FontAwesome";
    color: rgba(0, 0, 0, 0.05);
}
@media (max-width:640px) {
    .article article {
    padding-right: 2em;
}
.subscribe-form {
    margin-top: 0;
}
.related-articles {
    width: 50%;
    float: left;
    margin: 2em 0 2em 2em;
}
.related-articles li strong a:before {
    content: "\f0da";
    font: 1em "FontAwesome";
    color: #ca0028;
    margin-right: 0.5em;
}
.related-articles img {
    display: none;
}
.related-articles a {
    text-decoration: none;
    padding: 0;
}
}
@media (min-width:641px) and (max-width:900px) {
    .article-content header {
    padding-left: 4em;
}
.short-article header {
    padding: 4em 4em 4em 8em;
}
}
@media (max-width:1056px) {
    .article-content header h1 {
    font-size: 2em;
}
.article-body blockquote, .caption, .article-body iframe {
    float: none;
    width: auto;
    margin: 2em;
    text-align: center;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    padding: 1em 0;
}
.article-body div.field-name-field-image-gallery img {
    float: left;
    width: 90%;
    margin: 0;
    font-size: 0;
}
.article-body img {
    margin: 0;
    border: 0;
    height: auto !important;
}
.caption, .article-body iframe {
    font-size: 1.4em;
    padding: 0;
    margin: 0 0 1em 0;
    text-align: center;
    border: none;
    width: 100%;
}
}
@media (min-width:750px) and (max-width:900px) {
    .article-body blockquote, .caption, .article-body iframe {
    font: 2em "Unit Slab", Georgia, serif;
    margin: 0 0 0 2em;
    font-size: 3em;
    width: 70%;
    border: none;
    text-align: right;
}

.article-body .mpu1 iframe, .article-body .mpu2 iframe { margin:0;}

.article-body div.field-name-field-image-gallery {
    margin-right: -2em;
}
.article-body div.field-name-field-image-gallery img {
    float: left;
    width: 95%;
    margin: 0;
    font-size: 0;
}
.caption {
    font-size: 1.4em;
    margin-right: -10em;
    text-align: left;
    width: 68%;
    margin: -1em -10em 0 2em;
}
}
@media (min-width:1280px) {
    .article-content header {
    padding-left: 4em;
}
.short-article header {
    padding: 4em 4em 4em 8em;
}
.article-body {
    padding: 4em;
}
.article-body blockquote, .caption, .article-body iframe {
    font-size: 3em;
    width: 75%;
}
.article-body iframe {
    font-size: 1em;
}
.article-body div.field-name-field-image-gallery {
    margin: 0 -20.5em 0 0em;
    max-width: 75em;
}
.article-body div.field-name-field-image-gallery img {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 0;
}
.caption {
    font-size: 1.4em;
    padding: 0.5em 0 0 0;
    margin: -1.4em -15.2em 2em 0;
}
}
@media (min-width:1440px) {
    .article-content header {
    padding-left: 5em;
}
.article-body {
    padding: 5em;
}
}
@media (max-height:700px) {
    .featured-image {
    max-height: 556px;
    overflow: hidden;
}
}
@media (min-height:701px) and (max-height:850px) {
    .featured-image {
    max-height: 556px;
    overflow: hidden;
}
}
.related-articles {
    position: relative;
    margin-top: 2em;
    margin-bottom: 2em;
    border-bottom: solid 0px #ccc;
    padding-bottom: 2em;
    padding-top: 0.1em;
}
.related-articles:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10em;
    height: 0.5em;
    background: #222;
}
.related-articles h3 {
    margin: 0.5em 0;
}
.related-articles ul {
    padding: 0;
    margin: 0 -1em !important;
    list-style: none;
}
.related-articles img {
    float: none;
    clear: none;
    margin: 0;
    width: 100%;
}
.related-articles a {
    display: block;
    padding: 0 0.5em;
    color: #000;
}
.related-articles strong {
    display: block;
    margin-top: 0.5em;
    font-size: 0.9em;
}
@media (min-width:1280px) {
    .related-articles {
    /*width: 60%;*/
    width: 100%;
    margin: 2em auto !important;
}
}
.category-header {
    padding: 3em;
    background: #f7f7f7;
    border-bottom: solid 0.3em #333;
    position: relative;
    overflow: visible;
}
.category-header h1 {
    color: #000;
    display: inline-block;
    float: left;
}
ul.category-actions {
    display: inline-block;
    padding-left: 3em;
    padding-top: 1.2em;
}
ul.category-actions li {
    float: left;
    margin-right: 1.5em;
    position: relative;
    list-style: none;
}
ul.category-actions li a {
    position: relative;
    text-indent: -5000em;
    display: block;
    width: 1em;
    height: 1em;
    cursor: pointer;
}
.category-subscription-toggle {
    position: relative;
    display: block;
    height: 1em;
    padding: 0.1em 0 0 2em;
    cursor: pointer;
}
.newsletter-mar {
    float: left;
    width: auto;
    margin-top: -2px;
}
ul.category-actions li a:after, .category-subscription-toggle:after {
    content: "\f09e";
    color: #ca0028;
    font: 1.2em "FontAwesome";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: 0;
}
.category-subscription-toggle:after {
    content: "\f0e0";
}
.category-subscription form {
    position: absolute;
    top: -2.6em;
    left: 2.5em;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.2);
    padding: 1em;
    background: #ddd;
    width: 25.5em;
}
.category-subscription form:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: -1em;
    border-right: solid 1em #ddd;
    border-top: solid 1em transparent;
    border-bottom: solid 1em transparent;
}
.category-subscription-open .category-subscription form {
    opacity: 1;
}
.category-subscription form input {
    font-size: 1em;
}
.category-subscription form .button {
    font-size: 1.2em;
}
@media (max-width:640px) {
    .category-subscription form {
    top: 2em;
    left: -10em;
    width: 20em;
}
.category-subscription form:before {
    left: 50%;
    top: 0;
    margin-left: -0.5em;
    border-bottom: solid 1em #ddd;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
    border-top: 0;
}
.newsletter-mar {
    margin-top: 1.2em;
}
}@media (max-width:480px) {
    .category-subscription form {
    top: 2em;
    left: -6em;
    width: 20em;
}
.category-subscription form:before {
    left: 50%;
    top: 0;
    margin-left: -0.5em;
    border-bottom: solid 1em #ddd;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent;
    border-top: 0;
}
.newsletter-mar {
    margin-top: 1.2em;
}
}@media (max-width:1055px) {
    .category-header {
    padding: 3em;
    background: #ca0028;
    border-bottom: none;
    position: relative;
}
ul.category-actions li a:after, .category-subscription-toggle:after {
    color: #fff;
}
}
.secondary-content {
    border-left: solid 1px #ccc;
    background: #ededed;
}
.secondary-content  .block {
    width: 100%;
    clear: both;
}
.site-header-top .scrolling-content {
    overflow-y: scroll;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    z-index: 2;
}
#block-views-most-popular-block-3 {
    margin-bottom: 4em;
}
.scrolling-content::-webkit-scrollbar {
    width: 12px;
}
.scrolling-content::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #e1e1e1;
}
.scrolling-content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #dddddd;
    -webkit-box-shadow: none;
}
.scrolling-content::-webkit-scrollbar-thumb {
    background: #999;
}
.scrolling-content::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc;
}
.scrolling-content:hover::-webkit-scrollbar-thumb {
    background: #000;
}
.sc-item {
    padding-top: 2em;
}
.editors-pick {
    border-bottom: solid 1px #fff;
    background: #f7f7f7;
    border-top: solid 1px #f7f7f7;
}
.sc-item h4 {
    margin-top: 0;
    margin-left: 1em;
    padding-left: 1.6em;
    position: relative;
}
.sc-item h4:before {
    content: "\f02e";
    font: 1.2em/1 "FontAwesome";
    color: #000;
    position: absolute;
    left: 0;
    top: 0.2em;
}
.lastest h4:before {
    content: "\f017";
    font: 1.2em/1 "FontAwesome";
    color: #000;
    position: absolute;
    left: 0;
    top: 0.2em;
}
.most-popular h4:before {
    content: "\f080";
    font-size: 1em;
    top: 0.3em;
}
.sc-article-list ul {
    list-style: none;
}
.sc-article-list ul li {
    border-bottom: solid 1px #ddd;
    padding: 1em;
}
.sc-article-list .thumbnail {
    padding-right: 1em;
}
.sc-article-list h5 {
    font: 1em "Unit OT", Helvetica, sans-serif;
}
.sc-article-list h5 a {
    color: #000;
    text-decoration: none;
}
.sc-article-list ul li .article-meta li {
    padding: 0;
    border: none;
    display: inline-block;
    font-size: 0.8em;
    margin-right: 1em;
}
.sc-toggle {
    display: none;
}
@media (max-width:900px) {
    .secondary-content {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -25.6em;
    width: 28.7em;
    left: auto;
    padding-left: 2.4em;
    background: none;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    border-left: none;
}
.sc-toggle {
    display: block;
    position: absolute;
    left: -2.4em;
    bottom: 5%;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: #000;
    padding: 0.6em 0.6em 0.9em 0.6em;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    cursor: pointer;
    z-index: 999;
}
.sc-toggle:hover {
    background: #222;
    box-shadow: -0.2em -0.2em 0.1em 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -0.2em -0.2em 0.1em 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -0.2em -0.2em 0.1em 0 rgba(0, 0, 0, 0.3);
    -ms-transform: rotate(-89deg);
    -webkit-transform: rotate(-89deg);
    transform: rotate(-89deg);
}
.editors-pick {
    border-bottom: none;
    background: none;
    border-top: none;
}
.secondary-content h4 {
    color: #fff;
}
.secondary-content h4:before {
    color: #fff;
}
.sc-article-list {
    background: #222;
    border-left: solid 0.5em #000;
}
.sc-open .secondary-content {
    right: 0;
    padding-left: 0;
    width: 100%;
    max-width: 100%;
    border-left: solid 0.5em #fff;
}
.sc-article-list ul li {
    border-bottom: solid 1px #333;
}
.sc-article-list h5 a {
    /*color: #ccc;*/
	color: #000;
}
.sc-open .sc-toggle {
    background: #fff;
    color: #000;
    left: -2.6em;
}
}
@media (min-width:641px) {
    .secondary-content {
    max-width: 37.1em;
}
}
@media (min-width:900px) {
    .secondary-content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 87em;
}
.secondary-content:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6em;
    z-index: 0;
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 98%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(98%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 98%, rgba(0, 0, 0, 0.2) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 98%, rgba(0, 0, 0, 0.2) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 98%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 98%, rgba(0, 0, 0, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
.site-header-top .secondary-content {
    position: fixed;
    top: 14.1em;
}
}
@media (min-width:900px) and (max-width:1280px) {
    .secondary-content {
    position: absolute;
    right: 0;
}
}
@media (min-width:641px) and (max-width:1280px) {
    .sc-article-list ul li {
    padding: 1em;
}
}
@media (min-width:1250px) {
    .site-header-top .secondary-content {
    position: absolute;
    top: 0;
    right: auto;
    margin-left: 86.9em;
    bottom: 0;
}
}
@media (max-height:850px) {
    .sc-article-list ul li {
    padding-top: 1em;
    padding-bottom: 1em;
}
}
.screen-reader-text {
    position: absolute;
    left: -50000px;
    text-align: left;
}
.cta-link a, button, .sharers-toggle, .footer-sharers-toggle {
    background: none repeat scroll 0 0 #000000;
    color: #fff;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    padding: 0.25em 0.5em;
    box-shadow: 0 0.3em 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.3em 0 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0.1em 0.1em 0 0 rgba(0, 0, 0, 0.2);
    font: normal 1.2em/1 "Unit OT", Georgia, Helvetica, serif;
    border: none;
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}
footer.share-article .cta-link a, footer.share-article .footer-sharers-toggle {
    box-shadow: none;
}
.cta-link a:hover, button:hover {
    background: #000;
}
.load-more-cta a {
    background: #333;
    width: 70%;
    max-width: 40em;
    display: block;
    margin: 0 auto;
    padding: 0.5em;
    border-top: solid 0.1em #666;
    border-bottom: solid 0.2em #000;
}
.main-content {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    position: relative;
}
@media (min-width:0px) {
    .main-content {
    border: none;
}
}
@media (min-width:1000px) {
    .main-content {
    box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.15);
}
}
@font-face {
    font-family: 'Unit Slab';
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitslabpro-bold-webfont.eot);
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitslabpro-bold-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitslabpro-bold-webfont.woff) format('woff'), url(/sites/all/themes/creative-responsive-theme/fonts/unitslabpro-bold-webfont.ttf) format('truetype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitslabpro-bold-webfont.svg#unit_slab_probold) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Unit OT';
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitot-black-webfont.eot);
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitot-black-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-black-webfont.woff) format('woff'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-black-webfont.ttf) format('truetype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-black-webfont.svg#unit_otblack) format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Unit OT';
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitot-blackita-webfont.eot);
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitot-blackita-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-blackita-webfont.woff) format('woff'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-blackita-webfont.ttf) format('truetype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-blackita-webfont.svg#unit_otblack_italic) format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Unit OT';
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitot-ita-webfont.eot);
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitot-ita-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-ita-webfont.woff) format('woff'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-ita-webfont.ttf) format('truetype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-ita-webfont.svg#unit_otregular_italic) format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Unit OT';
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitot-webfont.eot);
    src: url(/sites/all/themes/creative-responsive-theme/fonts/unitot-webfont.eot?#iefix) format('embedded-opentype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-webfont.woff) format('woff'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-webfont.ttf) format('truetype'), url(/sites/all/themes/creative-responsive-theme/fonts/unitot-webfont.svg#unitotregular) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: url(/sites/all/themes/creative-responsive-theme/fonts/fontawesome-webfont.eot?v=4.1.0);
    src: url(/sites/all/themes/creative-responsive-theme/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'), url(/sites/all/themes/creative-responsive-theme/fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'), url(/sites/all/themes/creative-responsive-theme/fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'), url(/sites/all/themes/creative-responsive-theme/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');
    font-weight: normal;
    font-style: normal;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clear:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
* html .clear {
    height: 1%;
}
#container {
    margin-bottom: 9em;
}
table.cke_editor {
    background: transparent;
    border: 0;
}
table.cke_editor td {
    background: transparent;
    padding: 0;
    border: 0;
}
#footer {
    background: rgba(200, 200, 200, 0.7);
    display: none;
    text-shadow: none;
    padding: 0.9em 2em 0 2em;
    position: fixed;
    z-index: 998;
    bottom: -50px;
}
#footer.openfooter {
    display: block;
    bottom: 0px;
}
#footer img {
    max-width: 10em;
    cursor: pointer;
}
#footer_wrapper {
    max-width: 1000px;
    margin: 0 auto;
}
#copyright {
    clear: both;
    padding: 0 0px;
}
.copyright {
    float: left;
    max-width: 728px;
}
.credits {
    float: right;
    max-width: 450px;
    margin-right: 12px;
    text-align: right;
}
#copyright p {
    margin: 0;
    font-size: 1.2em;
    color: #fff;
}
#copyright p.copyright {
    font-size: 1.3em;
    color: #fff;
}
.credits a {
    margin-right: 0.5em;
    text-decoration: none;
    display: inline-block;
    margin-top: 0.5em;
}
.credits a:after {
    content: " | ";
    margin-left: 0.5em;
}
.credits a:last-child:after {
    content: "";
    margin-right: 0;
}
@media (max-width:641px) {
    #footer {
    padding: 0.9em 0.5em 0 0em;
}
.credits a {
    font-size: 1em;
}
#copyright p.copyright {
    width: 10em;
    margin-right: 2em;
}
}
@media (max-width:480px) {
    .credits {
    margin-left: 2em;
    max-width: 200px;
    display: inline-block;
    text-align: center;
}
.credits a {
    font-size: 0.8em;
    line-height: 0.6;
}
#footer img {
    max-width: 5em;
}
#footer {
    padding: 0.4em 0.0em 0 0em;
    background: rgba(200, 200, 200, 0.9);
}
#copyright p.copyright {
    max-width: 5em;
    margin: 0;
}
#copyright p {
    line-height: 1.2em;
}
}
#admin-menu .dropdown li {
    font-size: 11px;
}
#admin-menu {
    height: 25px;
}
.service-links ul.links {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    border: 0px solid red;
}
.sectiion_tag {
    border: 0px solid red;
    float: left;
    margin-right: 2em;
}
.sectiion_tag a {
    text-decoration: none;
}
.section_display, .section-meta-item, .tag-meta-item {
    position: relative;
}
.section_display ul.tags {
    display: none;
}
.sectiion_tag ~ .section_display ul.tags {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    opacity: 0;
    width: 0;
    z-index: 999;
}
.sectiion_tag:hover ~ .section_display ul.tags {
    background: none repeat scroll 0 0 #DDDDDD;
    box-shadow: 0.3em 0.3em 0 0 rgba(0, 0, 0, 0.2);
    left: 0em;
    opacity: 1;
    padding: 0.70em;
    position: absolute;
    top: 1.2em;
    width: auto;
    display: block;
}
.section_display ul.tags li {
    float: left;
    list-style: none;
    margin: 0 1em 0 0;
    padding: 0;
}
.article-content header h1.inf_class a {
    color: #000;
    text-decoration: none;
    cursor: default;
}
@media (max-width:900px) {
    .secondary-content {
    margin-bottom: 0;
}
}
.sponsored {
    position: relative;
    padding: 3em 0 0 0;
    overflow: hidden;
}
.sponsored div {
    width: auto;
    padding-right: 0.3em;
}
.sponsored div.sponsored-type {
    font: normal 2.1em/2.4 "Unit Slab", Georgia, serif;
    font-style: italic;
    width: 40%;
    text-align: right;
    float: left;
    text-transform: uppercase;
}
.sponsored div.sponsored-logo img {
    max-width: 30em;
    margin-left: 5em;
}
h1.nodepage {
    margin: 0 0 -0.6em 1.4em;
}
form#forward-form {
    padding: 2em 2em 2em 3em;
    overflow: hidden;
    color: #000;
}
form#forward-form label, form#forward-form .form-type-item, form#forward-form .description, #user-login .description {
    position: relative;
    font-size: 1.4em;
}
form#forward-form p {
    font-size: 1.1em;
}
.webform-article-body {
}
.pager-load-more {
    float: left;
    display: block;
}
footer.share-article ul.inline li {
    padding: 0;
}
footer.share-article ul.inline li.forward_link img {
    max-width: 95%;
}
footer.share-article ul.category-actions li {
    margin-right: 0.4em;
    background: none repeat scroll 0 0 #ca0028;
    width: 10.5em;
    border-radius: 0.2em;
    padding: 0.26em 0.5em 0.1em 0.5em;
}
footer.share-article ul.category-actions {
    padding-left: 0em;
    padding-top: 0em;
    list-style: none;
    float: right;
    position: relative;
    margin-top: -0em;
}
footer.share-article .category-subscription form {
    z-index: 9999999;
    left: 11em;
    width: 23em;
}
footer.share-article .category-subscription form:before {
}
footer.share-article .category-subscription-toggle:after {
    content: "Subscribe to our newsletter";
    color: #fff;
    border: medium none;
    color: #fff;
    font: 0.8em/1 "Unit OT", Georgia, Helvetica, serif;
    transition: all 0.7s ease-in-out 0s;
}
.ajax-progress .throbber {
    background: transparent url(/sites/all/themes/creative-responsive-theme/images/throbber_new.gif) no-repeat top left;
    float: left;
    height: 50px;
    background-size: cover;
    margin: 0em 0 -1em -2em;
    width: 50px;
}
.ajax-progress .throbber:after {
    content: "Loading...";
    color: #000;
    font-size: 0.6em;
    margin-left: 6em;
}
.image_caption {
    margin: 1em 0 0 0;
    padding: 0 0 1em 1em;
    border-bottom: 1px solid #ccc;
    font: 300 1.2em/1.3 "Merriweather", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tabs-wrapper {
    margin-bottom: 3em;
}
.promo-description {
    font: 300 0.9em/1.50 "Merriweather", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0.4em;
}
div.gsc-control-cse table, div.gsc-control-cse table td, div.gsc-control-cse table th, div.gsc-control-cse table tr, div.gsc-control-cse table tbody, div.gsc-control-searchbox-only table, div.gsc-control-searchbox-only table th, div.gsc-control-searchbox-only table tr, div.gsc-control-searchbox-only table td, div.gsc-control-searchbox-only table tbody, div.gsc-control-searchbox-only table thead {
    border: 0;
    padding: 0;
    font: 1.0em/1.0 "Merriweather", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
}
.gsc-search-box, div.gsc-control-cse {
    padding: 2em 2em 0em 2em;
}
div.gsc-control-cse {
    padding-top: 1em;
}
td.gsc-input div.gsc-input-box {
    padding: 5px;
    height: auto;
}
td#gs_tti50 input[type="text"].gsc-input {
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 0px #ddd;
    padding: 5px;
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    font-size: 1.3em;
    background: transparent;
}
td#gs_tti50 input[type="text"].gsc-input:focus {
    outline: none;
    box-shadow: inset 0.1em 0.1em 0.3em 0 rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: inset 0.1em 0.1em 0.3em 0 rgba(0, 0, 0, 0.0);
    -moz-box-shadow: inset 0.1em 0.1em 0.3em 0 rgba(0, 0, 0, 0.0);
    border: solid 0px #ccc;
    background: transparent;
}
.cse td.gsc-search-button input.gsc-search-button-v2, td.gsc-search-button input.gsc-search-button-v2 {
    width: 74px;
    height: 32px;
}
div.gsc-orderby .gsc-selected-option-container {
    min-width: 75px;
}
div.gs-webResult div.gsc-table-result, div.gs-webResult div.gsc-thumbnail-inside, div.gs-webResult div.gsc-url-top {
    padding-left: 0px;
    padding-right: 8px;
}
td.gcsc-branding-img-noclear img {
    max-width: 51px;
}
div.gs-snippet {
    margin-top: 0px;
    font-size: 115%;
    line-height: 1.6em;
}
div.gs-title {
    font: bold 1.4em/1.5 "Unit OT", Georgia, serif;
}
ul.sc-artivle-date {
    margin-left: 33.3%;
}
ul.sc-artivle-date li {
    border: 0;
    padding: 0;
    font-size: 0.8em;
}
header li.sponsored-article {
    display: none;
    visibility: hidden;
}
header.sponsored-list li.sponsored-article {
    display: block;
    visibility: visible;
}
header.sponsored-list > div.article-meta > ul div.field-content {
    display: none;
}
header.sponsored-list .article-meta li.sponsored-article {
    border-top: solid 1px rgb(211, 0, 21);
    position: relative;
    box-shadow: 0.3em 0.1em 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0.3em 0.1em 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0.3em 0.1em 0 0 rgba(0, 0, 0, 0.1);
    position: relative;
    background: #FFF;
    margin: -1em -1.3em 20px -2.3em;
    padding: 1em 0em 1em 2.4em;
    text-transform: capitalize;
}
header.sponsored-list .article-meta li.sponsored-article img {
    margin-left: 1.6em;
}
@media (min-width:1025px) {
    header.sponsored-list .article-meta li.sponsored-article {
    margin: -1em -53.5% 20px -2.3em;
}
}
@media (max-width:620px) {
    header.sponsored-list .article-meta li.sponsored-article {
    text-align: center;
}
header.sponsored-list .article-meta li.sponsored-article img {
    display: block;
    margin: auto;
    max-width: 200px;
}
}
header.sponsored-list + div {
    padding-top: 5.5em;
}
header.sponsored-list .sponsored-article:before {
    content: 'Sponsor';
    font-size: 0.7em;
    background: rgb(211, 0, 21);
    padding: 0.3em 0.5em;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    position: absolute;
    top: 0;
    right: 0;
}
header.sponsored-list .sponsor {
    padding: 1em 2em;
    background: #fff;
    border-bottom: solid 1px #ebebeb;
}
header.sponsored-list .sponsor p {
    display: inline-block;
}
header.sponsored-list .sponsor img {
    max-height: 35px;
    margin-left: 1em;
}
#webform-component-voted-website {
    width: 100%;
    position: relative;
}
.webform-article-body .form-item {
    width: 100%;
    overflow: visible;
}
.page-node-520 .webform-article-body label:after {
    content: '';
    background: url(/sites/all/themes/creative-responsive-theme/images/not_ticked.png) no-repeat;
    position: absolute;
    right: -7em;
    top: 5em;
    display: block;
    width: 5em;
    height: 5em;
}
.page-node-520 #webform-component-voted-website label img {
    float: left;
    margin-right: 2em;
    max-width: 257px;
}
.page-node-520 .webform-article-body input[type=radio]:checked + label:after {
    background: url(/sites/all/themes/creative-responsive-theme/images/ticked.png) no-repeat;
}
.page-node-520 .webform-article-body .form-radio, .webform-article-body .form-checkbox {
    display: none;
}
.page-node-520 #webform-component-voted-website label.option {
    padding: 0;
    display: inline-block;
    width: 89%;
}
.page-node-520 #webform-component-voted-website .form-item {
    padding: 2em 0;
    border-bottom: 1px solid;
}
.page-node-520 .webform-article-body.subscribe-form #webform-component-safe-key {
    padding-left: -3em;
}
.page-node-520 .webform-article-body.subscribe-form #webform-component-safe-key input[type="checkbox"] + label:before {
    content: '';
    background: url(/sites/all/themes/creative-responsive-theme/images/not_ticked.png) no-repeat;
    position: absolute;
    left: -4.6em;
    top: -4.4em;
    display: block;
    width: 5em;
    height: 5em;
    border: 0;
    box-shadow: none;
}
.page-node-520 .webform-article-body.subscribe-form #webform-component-safe-key input[type="checkbox"]:checked + label:before {
    color: #000;
    content: "";
    background: url(/sites/all/themes/creative-responsive-theme/images/ticked.png) no-repeat;
    font-size: 2em;
    line-height: 1.5em;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    left: -2.3em;
    top: -2.2em;
    border-radius: 0;
}
.page-node-520 .webform-article-body.subscribe-form input[type="checkbox"]:checked + label:after {
    content: "";
}
.page-node-520 #webform-component-safe-key {
    margin-left: 6em;
    overflow: visible;
}
.page-node-520 #edit-submitted-safe-key .form-item {
    width: 5em;
}
.page-node-520  .webform-article-body #webform-component-safe-key label:after, .webform-article-body #webform-component-safe-key label:after, .webform-article-body #webform-component-your-email-address label:after {
    background: none;
}
.page-node-520 .webform-article-body #webform-component-safe-key label.option {
    color: #fff;
}
div.links a[href="/Drupal/content/anyone-knows-good-lorem-ipsum-generator"], div.links a[href="/content/anyone-knows-good-lorem-ipsum-generator"] {
    display: none;
}
.nomination-image {
    float: left;
    width: 50%;
    max-width: 32em;
    margin-right: 3.5em;
    min-height: 206px;
    display: block;
}
.nomination-image img {
    width: 100%;
}
.nomination-text {
    width: 42%;
    float: left;
    max-width: 45em;
}
.nomination-text h2 {
    margin-top: -0.5em;
}
label.option p {
    color: #fff;
    margin: 0;
    padding: 0;
    height: 1px;
    display: none;
}
#webform-client-form-202 #webform-component-voted-website .form-item {
    padding: 0 0 2em 0;
}
.region-content .block-views div.large-4 {
    width: 30.3%;
}
.region-content .block-views .row {
    padding: 2em 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2em;
}
.region-content .block-views .view-id-most_popular .view-content > div:nth-child(2) {
    margin-left: 4%;
    margin-right: 4%;
}
.region-content .block-views .article-text {
    margin-left: 0;
}
.region-content .block-views .row h5 {
    font-size: 1.5em;
    line-height: 1.3em;
}
.region-content .block-views .article-text ul, .region-content .block-views .article-text li {
    border-bottom: 0;
    padding: 0.5em 0 0 0;
    margin: 0;
}
.region-content .block-views .row a {
    text-decoration: none;
}
.region-content .block-views .row h5 a {
    /*color: #333;*/
	color: #000;
}
.region-content .block-views .article-text li {
    padding: 0em 0;
}
.region-content .block-views div.large-12 h5 {
    margin-top: 0.6em;
}
@media (max-width:900px) {
    .region-content .block-views div.large-4 {
    width: 90%;
    margin-bottom: 2em;
    clear: both;
    overflow: hidden;
}
.region-content .block-views div.large-12 {
    float: left;
    width: 49%;
}
.region-content .block-views .article-text {
    margin-left: 2%;
}
.region-content .block-views div.large-12 h5 {
    margin-top: 0;
}
.region-content .block-views  .view-id-most_popular .view-content > div:nth-child(2) {
    margin-left: 0em;
    margin-right: 0em;
}
}
.top-banners {
    text-align: center;
    background: #efefef;
    padding: 1em 0;
}
.top-banners .leaderboard div, .top-banners .leaderboard iframe {
    margin: 0em auto;
}
.mobile-leaderboard-replacement {
    display: none;
    width: 300px;
    height: 100px;
    margin: 0em auto;
    background: #F0F0F0;
}
.website-logos {
    padding: 0 0 1em 0;
}
.site-header {
    text-align: center;
    background: #fff;
    padding: 1em 0 0 0;
}
#logo {
    margin: 1em auto 2em auto;
}
.secondary-content .doubleclick-ad {
    text-align: center;
    padding: 2em 0;
    border-bottom: solid 1px #DDD;
}
.article-footer-leaderboard {
    padding: 2em;
    text-align: center;
    border-bottom: solid 1px #ebebeb;
    background: #f7f7f7;
    margin-bottom: 2em;
}
@media (max-width:800px) {
    .top-banners {
        margin-bottom: 5em;
    }
   
    
    #logo {
      max-width: 12em;
      float: left;
      margin: -4em 0 0 2em !important;
    }
    .centre-for-cities-logo, .new-statesman-logo {
        position: absolute;
        right: 1em;
        width: 12em;
        top: 12em;
    }
    .centre-for-cities-logo {
      right: 13em;
    }
    .new-statesman-logo {
        top: 14.2em;
        padding: 0em 2em 0 0;
    }
}
@media (max-width: 500px) {
  .new-statesman-logo {
    /*width: 20px;*/
    height: 20px;
    background: url('http://www.citymetric.com/sites/all/themes/creative-responsive-theme/images/ns.png');
    background-size: 100%;
    margin-right: 20px;
	top: 45px;
  }
  .centre-for-cities-logo {
      right: 4em;
	   top: 66px;
	   
  }
}
@media (max-width:900px) {
    .secondary-content .doubleclick-ad {
        background: #333;
        border-bottom: solid 1px black;
    }
}
@media (min-width:640px) {
    .in-article-mpu {
    width: 300px;
    float: left;
    margin: 3em 3em 3em 3em;
}
}
@media (max-width:640px) {
    .in-article-mpu {
    text-align: center;
    padding: 3em 0;
    background: #F0F0F0;
    border-bottom: solid 1px #E7E7E7;
}
}
@media (max-width:1150px) {
 
}
@media (min-width:400px) and (max-width:1140px) {
    .in-article-mpu {
    margin-right: 3em;
}
}
@media (max-width: 980px) {
  .site-nav ul.large-8 {
    width: 100%;
  }
  .site-nav li.sharers {
    display: none;
  }
}
.advpoll-field-image-choice-form .choice {
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 2em;
    margin-bottom: 2em;
    clear: both;
}
.advpoll-field-image-choice-form .choice-image {
    float: left;
    margin: 0;
    width: 23.3%;
}
.advpoll-field-image-choice-form .choice-image img {
    width: 100%;
    max-width: 200px;
    float: none;
}
.advpoll-field-image-choice-form .choice-text {
    display: inline-block;
    margin: 0;
    width: 73%;
    float: right;
}
label.option {
    font-size: 1.6em;
    padding-left: 2.5em;
}
.advpoll-choice-form input[type=submit] {
    font-size: 2.4em;
}
@media (min-width:0px) {
    .advpoll-field-image-choice-form .choice-text input[type=radio] {
    display: none;
}
.advpoll-field-image-choice-form .choice-text input[type=radio] + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.advpoll-field-image-choice-form .choice-text input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: absolute;
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    background-color: #ccc;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    left: 0px;
    top: 0px;
}
.advpoll-field-image-choice-form .choice-text input[type=radio]:checked + label:before {
    background-color: #aaa;
}
.advpoll-field-image-choice-form .choice-text input[type=radio]:checked + label:after {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 2em;
    color: #ca0028;
    text-align: center;
    line-height: 1.5em;
    left: 0px;
    top: -12px;
    position: absolute;
}
}
.subscribe-form button {
    margin-left: 0.5em;
    padding: 0.7em;
    position: relative;
    top: -0.2em;
}
.subscribe-form p {
    margin: 1em 0;
}
.share-article #panel2-1 {
    width: auto;
    float: left;
}
.sshare-article #panel2-1 {
    width: auto;
    float: left;
}
.share-article .links {
    width: auto;
    margin-right: 0.4em;
    float: left;
    margin-left: 0.3em;
}
.subscribe-form, #user-login {
    padding: 2em 2em 2em 4em;
    min-height: 22.2em;
}
.subscribe-form form .form-select {
    font-size: 1.6em;
    padding: 5px;
}
.subscribe-form h4 {
    margin-bottom: 0.5em;
}
.subscribe-form form .captcha {
    float: left;
    width: 100%;
}
.subscribe-form .form-submit, #user-login .form-submit {
    padding: 0.8em 1.2em;
    font-size: 1.4em;
    margin-left: 40%;
}
.subscribe-form input[type="text"], .subscribe-form textarea, .subscribe-form .email {
    width: 100%;
}
.subscribe-form label, #user-login label {
    position: relative;
    font-size: 1.4em;
}
.subscribe-form label.screen-reader-text {
    position: absolute;
}
.subscribe-form .form-item {
    width: 42%;
    float: left;
    margin-right: 6em;
    overflow: hidden;
    min-height: 6em;
}
.subscribe-form div.form-item.webform-component-checkboxes {
    width: 90%;
    float: left;
    border: 0px solid red;
    overflow: hidden;
    min-height: 2.5em;
}
.subscribe-form div.form-item.webform-component-checkboxes .form-item {
    width: 100%;
    min-height: 2.5em;
}
.subscribe-form label.option {
    padding: 0px 2em 0px 2em;
}
.subscribe-form div#webform-component-we-will-not-pass-on-your-personal-details-to-any-other-organisation.form-item {
    width: 100%;
    padding: 0;
    margin: 0 0 0;
}
.subscribe-form div#webform-component-we-will-not-pass-on-your-personal-details-to-any-other-organisation.form-item p {
    font-size: 1.2em;
    color: #000;
}
.subscribe-form fieldset.captcha div.form-item {
    width: 90%;
}
@media (max-width:640px) {
    .subscribe-form fieldset.captcha {
    margin: 0 1em 0 -0em;
}
.subscribe-form .form-item {
    width: 70%;
}
.subscribe-form {
    padding-left: 1em;
}
.subscribe-form fieldset.captcha div.form-item {
    width: 80%;
}
}
@media (min-width:0px) {
    input[type="checkbox"] {
}
.form-fields fieldset input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.subscribe-form input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: absolute;
    border: solid 0.2em #9b9b9b;
    border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    background-color: #ccc;
    left: 0px;
    top: 0px;
}
.subscribe-form input[type="checkbox"]:checked + label:before {
    background-color: #aaa;
}
.subscribe-form input[type=checkbox]:checked + label:after {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 2em;
    color: #ca0028;
    text-align: center;
    line-height: 1.5em;
    left: 0px;
    top: -12px;
    position: absolute;
}
}
.subscribe-form button {
    margin-left: 0.5em;
    padding: 0.7em;
    position: relative;
    top: -0.2em;
}
.subscribe-form p {
    margin: 1em 0;
}
#block-views-most-popular-block-4, #block-views-most-popular-block-5, #block-views-most-popular-block-6 {
    margin-left: 4em;
}
.views-label-nthrow {
    color: #fff;
    position: absolute;
    z-index: -999;
}
.mobile-banner {
    display: none;
    background: #efefef;
    border-top: solid 1px #ebebeb;
    padding: 2em;
    text-align: center;
}
.mobile-banner div {
    margin: 0 auto;
}
.mpu1 {
    width: 300px;
    height: 250px;
    margin: 1em auto;
    display: block;
    text-align: center;
}
.mpu2 {
    display: none;
    margin: 1em auto;
    width: 300px;
}
.field-name-body hr {
    display: none;
}
.mpu1+.mpu1 {
    display: none;
}
.sidebar-banner, #block-block-3 .content {
    padding: 2em 0;
    text-align: center;
    border-bottom: solid 1px #ccc;
    background: white;
}
.sidebar-banner div, #block-block-3 .content div {
    margin: 0 auto;
    width: 300px;
}
.in-article-mpu, .article-body .mpu1 {
    float: left;
    width: 350px;
    margin: 0 3em 3em 0;
    height: auto;
}
.article-body .mpu1 iframe {
    width: 100% !important;
    margin-bottom: 0 !important;
}
@media (max-width:600px) {
    .article-body .mpu1, .in-article-mpu {
    width: 100% !important;
    text-align: center;
    margin: 2em 0 !important;
    padding: 2em 0 !important;
    background: #efefef;
    border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}
.article-body .mpu1 div, .in-article-mpu div {
    margin: 0 auto;
    width: 300px;
}
}
@media (max-width:900px) {

}
@media (max-width:321px) {
    .mpu1 {
    margin: 1em 0 1em -15px !important;
}
.mpu2 {
    margin: 0 0 2em 0.5em !important;
}
}
@media (min-width:900px) {
    .page-node-103 #content {
    min-height: 1900px;
}
}


/* I didn't unminify this CSS because we probably won't edit it */

.ctools-locked{color:red;border:1px solid red;padding:1em;}.ctools-owns-lock{background:#FFFFDD none repeat scroll 0 0;border:1px solid #F0C020;padding:1em;}a.ctools-ajaxing,input.ctools-ajaxing,button.ctools-ajaxing,select.ctools-ajaxing{padding-right:18px !important;background:url(/sites/all/modules/ctools/images/status-active.gif) right center no-repeat;}div.ctools-ajaxing{float:left;width:18px;background:url(/sites/all/modules/ctools/images/status-active.gif) center center no-repeat;}
div#views_infinite_scroll-ajax-loader{text-align:left;}

.field .field-label{font-weight:bold;}.field-label-inline .field-label,.field-label-inline .field-items{float:left;}form .field-multiple-table{margin:0;}form .field-multiple-table th.field-label{padding-left:0;}form .field-multiple-table td.field-multiple-drag{width:30px;padding-right:0;}form .field-multiple-table td.field-multiple-drag a.tabledrag-handle{padding-right:.5em;}form .field-add-more-submit{margin:.5em 0 0;}
.node-unpublished{background-color:#fff4f4;}.preview .node{background-color:#ffffea;}td.revision-current{background:#ffc;}
.search-form{margin-bottom:1em;}.search-form input{margin-top:0;margin-bottom:0;}.search-results{list-style:none;}.search-results p{margin-top:0;}.search-results .title{font-size:1.2em;}.search-results li{margin-bottom:1em;}.search-results .search-snippet-info{padding-left:1em;}.search-results .search-info{font-size:0.85em;}.search-advanced .criterion{float:left;margin-right:2em;}.search-advanced .action{float:left;clear:left;}
#permissions td.module{font-weight:bold;}#permissions td.permission{padding-left:1.5em;}#permissions tr.odd .form-item,#permissions tr.even .form-item{white-space:normal;}#user-admin-settings fieldset .fieldset-description{font-size:0.85em;padding-bottom:.5em;}#user-admin-roles td.edit-name{clear:both;}#user-admin-roles .form-item-name{float:left;margin-right:1em;}.password-strength{width:17em;float:right;margin-top:1.4em;}.password-strength-title{display:inline;}.password-strength-text{float:right;font-weight:bold;}.password-indicator{background-color:#C4C4C4;height:0.3em;width:100%;}.password-indicator div{height:100%;width:0%;background-color:#47C965;}input.password-confirm,input.password-field{width:16em;margin-bottom:0.4em;}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em;}div.form-item div.password-suggestions{padding:0.2em 0.5em;margin:0.7em 0;width:38.5em;border:1px solid #B4B4B4;}div.password-suggestions ul{margin-bottom:0;}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em;}.profile{clear:both;margin:1em 0;}.profile .user-picture{float:right;margin:0 1em 1em 0;}.profile h3{border-bottom:1px solid #ccc;}.profile dl{margin:0 0 1.5em 0;}.profile dt{margin:0 0 0.2em 0;font-weight:bold;}.profile dd{margin:0 0 1em 0;}
.views-exposed-form .views-exposed-widget{float:left;padding:.5em 1em 0 0;}.views-exposed-form .views-exposed-widget .form-submit{margin-top:1.6em;}.views-exposed-form .form-item,.views-exposed-form .form-submit{margin-top:0;margin-bottom:0;}.views-exposed-form label{font-weight:bold;}.views-exposed-widgets{margin-bottom:.5em;}.views-align-left{text-align:left;}.views-align-right{text-align:right;}.views-align-center{text-align:center;}.views-view-grid tbody{border-top:none;}.view .progress-disabled{float:none;}
.rteindent1{margin-left:40px;}.rteindent2{margin-left:80px;}.rteindent3{margin-left:120px;}.rteindent4{margin-left:160px;}.rteleft{text-align:left;}.rteright{text-align:right;}.rtecenter{text-align:center;}.rtejustify{text-align:justify;}.ibimage_left{float:left;}.ibimage_right{float:right;}

#autocomplete{border:1px solid;overflow:hidden;position:absolute;z-index:100;}#autocomplete ul{list-style:none;list-style-image:none;margin:0;padding:0;}#autocomplete li{background:#fff;color:#000;cursor:default;white-space:pre;zoom:1;}html.js input.form-autocomplete{background-image:url(/misc/throbber-inactive.png);background-position:100% center;background-repeat:no-repeat;}html.js input.throbbing{background-image:url(/misc/throbber-active.gif);background-position:100% center;}html.js fieldset.collapsed{border-bottom-width:0;border-left-width:0;border-right-width:0;height:1em;}html.js fieldset.collapsed .fieldset-wrapper{display:none;}fieldset.collapsible{position:relative;}fieldset.collapsible .fieldset-legend{display:block;}.form-textarea-wrapper textarea{display:block;margin:0;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.resizable-textarea .grippie{background:#eee url(/misc/grippie.png) no-repeat center 2px;border:1px solid #ddd;border-top-width:0;cursor:s-resize;height:9px;overflow:hidden;}body.drag{cursor:move;}.draggable a.tabledrag-handle{cursor:move;float:left;height:1.7em;margin-left:-1em;overflow:hidden;text-decoration:none;}a.tabledrag-handle:hover{text-decoration:none;}a.tabledrag-handle .handle{background:url(/misc/draggable.png) no-repeat 6px 9px;height:13px;margin:-0.4em 0.5em;padding:0.42em 0.5em;width:13px;}a.tabledrag-handle-hover .handle{background-position:6px -11px;}div.indentation{float:left;height:1.7em;margin:-0.4em 0.2em -0.4em -0.4em;padding:0.42em 0 0.42em 0.6em;width:20px;}div.tree-child{background:url(/misc/tree.png) no-repeat 11px center;}div.tree-child-last{background:url(/misc/tree-bottom.png) no-repeat 11px center;}div.tree-child-horizontal{background:url(/misc/tree.png) no-repeat -11px center;}.tabledrag-toggle-weight-wrapper{text-align:right;}table.sticky-header{background-color:#fff;margin-top:0;}.progress .bar{background-color:#fff;border:1px solid;}.progress .filled{background-color:#000;height:1.5em;width:5px;}.progress .percentage{float:right;}.ajax-progress{display:inline-block;}.ajax-progress .throbber{background:transparent url(/misc/throbber-active.gif) no-repeat 0px center;float:left;height:15px;margin:2px;width:15px;}.ajax-progress .message{padding-left:20px;}tr .ajax-progress .throbber{margin:0 2px;}.ajax-progress-bar{width:16em;}.container-inline div,.container-inline label{display:inline;}.container-inline .fieldset-wrapper{display:block;}.nowrap{white-space:nowrap;}html.js .js-hide{display:none;}.element-hidden{display:none;}.element-invisible{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{position:static !important;clip:auto;overflow:visible;height:auto;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}* html .clearfix{height:1%;}*:first-child + html .clearfix{min-height:1%;}
ul.menu{border:none;list-style:none;text-align:left;}ul.menu li{margin:0 0 0 0.5em;}ul li.expanded{list-style-image:url(/misc/menu-expanded.png);list-style-type:circle;}ul li.collapsed{list-style-image:url(/misc/menu-collapsed.png);list-style-type:disc;}ul li.leaf{list-style-image:url(/misc/menu-leaf.png);list-style-type:square;}li.expanded,li.collapsed,li.leaf{padding:0.2em 0.5em 0 0;margin:0;}li a.active{color:#000;}td.menu-disabled{background:#ccc;}ul.inline,ul.links.inline{display:inline;padding-left:0;}ul.inline li{display:inline;list-style-type:none;padding:0 0.5em;}.breadcrumb{padding-bottom:0.5em;}ul.primary{border-bottom:1px solid #bbb;border-collapse:collapse;height:auto;line-height:normal;list-style:none;margin:5px;padding:0 0 0 1em;white-space:nowrap;}ul.primary li{display:inline;}ul.primary li a{background-color:#ddd;border-color:#bbb;border-style:solid solid none solid;border-width:1px;height:auto;margin-right:0.5em;padding:0 1em;text-decoration:none;}ul.primary li.active a{background-color:#fff;border:1px solid #bbb;border-bottom:1px solid #fff;}ul.primary li a:hover{background-color:#eee;border-color:#ccc;border-bottom-color:#eee;}ul.secondary{border-bottom:1px solid #bbb;padding:0.5em 1em;margin:5px;}ul.secondary li{border-right:1px solid #ccc;display:inline;padding:0 1em;}ul.secondary a{padding:0;text-decoration:none;}ul.secondary a.active{border-bottom:4px solid #999;}
div.messages{background-position:8px 8px;background-repeat:no-repeat;border:1px solid;margin:6px 0;padding:10px 10px 10px 50px;}div.status{background-image:url(/misc/message-24-ok.png);border-color:#be7;}div.status,.ok{color:#234600;}div.status,table tr.ok{background-color:#f8fff0;}div.warning{background-image:url(/misc/message-24-warning.png);border-color:#ed5;}div.warning,.warning{color:#840;}div.warning,table tr.warning{background-color:#fffce5;}div.error{background-image:url(/misc/message-24-error.png);border-color:#ed541d;}div.error,.error{color:#8c2e0b;}div.error,table tr.error{background-color:#fef5f1;}div.error p.error{color:#000;}div.messages ul{margin:0 0 0 1em;padding:0;}div.messages ul li{list-style-image:none;}
fieldset{margin-bottom:1em;padding:0.5em;}form{margin:0;padding:0;}hr{border:1px solid gray;height:1px;}img{border:0;}table{border-collapse:collapse;}th{border-bottom:3px solid #ccc;padding-right:1em;text-align:left;}tbody{border-top:1px solid #ccc;}tr.even,tr.odd{background-color:#eee;border-bottom:1px solid #ccc;padding:0.1em 0.6em;}th.active img{display:inline;}td.active{background-color:#ddd;}.item-list .title{font-weight:bold;}.item-list ul{margin:0 0 0.75em 0;padding:0;}.item-list ul li{margin:0 0 0.25em 1.5em;padding:0;}.form-item,.form-actions{margin-top:1em;margin-bottom:1em;}tr.odd .form-item,tr.even .form-item{margin-top:0;margin-bottom:0;white-space:nowrap;}.form-item .description{font-size:0.85em;}label{display:block;font-weight:bold;}label.option{display:inline;font-weight:normal;}.form-checkboxes .form-item,.form-radios .form-item{margin-top:0.4em;margin-bottom:0.4em;}.form-type-radio .description,.form-type-checkbox .description{margin-left:2.4em;}input.form-checkbox,input.form-radio{vertical-align:middle;}.marker,.form-required{color:#f00;}.form-item input.error,.form-item textarea.error,.form-item select.error{border:2px solid red;}.container-inline .form-actions,.container-inline.form-actions{margin-top:0;margin-bottom:0;}.more-link{text-align:right;}.more-help-link{text-align:right;}.more-help-link a{background:url(/misc/help.png) 0 50% no-repeat;padding:1px 0 1px 20px;}.item-list .pager{clear:both;text-align:center;}.item-list .pager li{background-image:none;display:inline;list-style-type:none;padding:0.5em;}.pager-current{font-weight:bold;}#autocomplete li.selected{background:#0072b9;color:#fff;}html.js fieldset.collapsible .fieldset-legend{background:url(/misc/menu-expanded.png) 5px 65% no-repeat;padding-left:15px;}html.js fieldset.collapsed .fieldset-legend{background-image:url(/misc/menu-collapsed.png);background-position:5px 50%;}.fieldset-legend span.summary{color:#999;font-size:0.9em;margin-left:0.5em;}tr.drag{background-color:#fffff0;}tr.drag-previous{background-color:#ffd;}.tabledrag-toggle-weight{font-size:0.9em;}body div.tabledrag-changed-warning{margin-bottom:0.5em;}tr.selected td{background:#ffc;}td.checkbox,th.checkbox{text-align:center;}.progress{font-weight:bold;}.progress .bar{background:#ccc;border-color:#666;margin:0 0.2em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.progress .filled{background:#0072b9 url(/misc/progress.gif);}

/**
 * Colorbox Core Style:
 * The following CSS is consistent between example themes and should not be altered.
 */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**
 * These elements are buttons, and may need to have additional
 * styles reset to avoid unwanted base styles.
 */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
  cursor: pointer;
}
/**
 * Avoid outlines on :active (mouseclick),
 * but preserve outlines on :focus (tabbed navigating)
 */
#cboxPrevious:active, #cboxNext:active, #cboxClose:active, #cboxSlideshow:active {
  outline: 0;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
/* Reset box sizing to content-box if theme is using border-box. */
#colorbox, #cboxContent, #cboxLoadedContent {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/**
 * Colorbox module plain style:
 * The styles are ordered & tabbed in a way that represents
 * the nesting of the generated HTML.
 */
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
  #cboxWrapper {}
    #cboxContent {
      overflow: hidden;
    }
      #cboxContent, .cboxPhoto {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
      }
      #cboxError {
        padding: 50px;
        border: 1px solid #ccc;
      }
      #cboxTitle {
        position: absolute;
        background: rgba(255, 255, 255, 0.7);
        bottom: 0;
        left: 0;
		/*535353*/
        color: #000;
        width: 100%;
        padding: 4px 6px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
      }

      #cboxLoadingOverlay {
        background: #fff;
      }
      #cboxLoadingGraphic {
        background: url(images/loading_animation.gif) no-repeat center center;
      }
      #cboxClose.cbox-close-plain {
        position: absolute;
        font-size: 20px;
        line-height: 18px;
        text-align: center;
        color: rgba(255, 255, 255, 0.7);
        background: rgba(0, 0, 0, 0.5);
        top: 4px;
        right: 4px;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
      }
      .cbox-close-plain:hover {
        color: rgba(255, 255, 255, 0.9);
        background: rgba(0, 0, 0, 0.8);
      }




/* CJB 4 Feb 2016. Donate Ad Blocker Pop-up
 *
 * Why did the chicken cross the road?
 *
 * He was a construction worker
 *
 */

.donate {
    position: fixed;
    top:50%;
    left: 50%;
    width: 96em;
    margin-top: -20em;
    margin-left: -48em;
    background: white;
    padding: 4em;
    z-index: 9999;
    overflow: hidden;
    box-shadow: 0 0 5em 0 rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 5em 0 rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 5em 0 rgba(0,0,0,0.6);
}
  .donate h1 {
    margin: 0 0 0.5em 0;
  }
  .donate p {
    font: 1.6em "Unit", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 40%;
    margin: 0 0 1em 0;
  }
  .donate p:first-of-type {
    font-size: 1.8em;
  }
  .donate .cta-link a {
    display: inline-block;
    font: 2.1em Unit, "Helvetica Neue", helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0.5em 2em;
    margin: 1.5em 0 0 0;
    cursor: pointer;
    background: #c20024;
    color: white;
    position: relative;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
  }
  .donate .cta-link a:after {
    content: "\f054";
    font: 1.4em fontawesome;
    position: absolute;
    right: -1.5em;
    top: 0.4em;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
    color: #c20024;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

  .donate .cta-link a:hover {
    background: black;
  }
  .donate .magazine {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 32em;
  }
    .donate .magazine img {
      width: 100%;
      display: block;
    }
.donate:after {
    content: '';
    background: url('https://subscribe.newstatesman.com/wp-content/uploads/2016/02/ad_blocker_logo.jpg') no-repeat right bottom;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    left: 50%;
    z-index: -99;
    bottom: 0;
}

.donate-toggle {
  content: '';
  position: fixed;
  background: rgba(0,0,0,0.8);
  /*display: block;*/
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 999;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  text-indent: -5000px;
  cursor: pointer;
}
.readit .donate-toggle {
  display: none;
}

.donate .close{
    font-size: xx-large;
    position: absolute;
    top: -2px;
    right: 0;
    background: black;
    width: 1.5em;
    text-align: center;
}

.donate .close a{
    text-decoration: none;
    cursor: pointer;
}


@media (max-width: 900px) {
  .donate {
    width: 90%;
    margin-left: -45%;
  }
    .donate .magazine {
        max-width: 28em;
    }
    .ipad-edition, .iphone-edition {
      display: none;
    }
  .donate:after {
    right: -118em;
  }
}
@media (max-width: 790px) {
  .donate {
    padding: 2em;
  }
    .donate h1 {
      font-size: 3em;
    }
    .donate .magazine {
      display: none;
    }
      .donate p, .donate h1 {
        width: 100%;
      }
    .donate:after {
      display: none;
    }
}
@media (max-width: 460px) {
  .donate {
     top: 1em;
      margin-top: 0;
  }
  .donate h1 {
    font-size: 1.8em;
  }
  .donate p {
    font-size: 1.3em;
  }
  .donate p:first-of-type {
    font-size: 1.5em;
  }
}