@charset "UTF-8";
.it-btn { border-radius: 5px; box-sizing: border-box; display: inline-block; font-family: "DINWeb-Bold",Arial,sans-serif; font-size: 16px; font-weight: 800; height: 46px; line-height: 38px; padding: 5px 12px; text-align: center; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; width: 162px; }
.it-btn:hover { transition: all 0.2s ease-in-out 0s; }
.it-btn.btn-subscribe { background-color: #FAD165; border: 1px solid #BB9C4B; color: #333; }
.it-btn.btn-subscribe:hover { background-color: #DFBA5A; }
.it-btn.btn-signin { background-color: #3989CF; border: 1px solid #2E6FA9; color: #FFF; }
.it-btn.btn-signin:hover { background-color: #3071A9; }

input, textarea, button, select, a { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

#primary-navigation nav.main-nav ul, nav.sub-nav, #mobile-navigation .mobile-top, .persistent-wrapper { *zoom: 1; }
#primary-navigation nav.main-nav ul:before, nav.sub-nav:before, #mobile-navigation .mobile-top:before, .persistent-wrapper:before, #primary-navigation nav.main-nav ul:after, nav.sub-nav:after, #mobile-navigation .mobile-top:after, .persistent-wrapper:after { content: " "; display: table; }
#primary-navigation nav.main-nav ul:after, nav.sub-nav:after, #mobile-navigation .mobile-top:after, .persistent-wrapper:after { clear: both; }

.caret, .caret-dark, .active .caret-dark, .caret-light, .active .caret-light { width: 0; height: 0; vertical-align: baseline; opacity: 1; filter: alpha(opacity=100); display: inline-block; border-style: solid inset; border-width: 10px 10px 0 10px; border-left-color: transparent; border-right-color: transparent; -webkit-transition-property: border-color; -moz-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; }

.caret-dark { border-top-color: #333; border-bottom: 0; }

.active .caret-dark { border-bottom-color: #333; border-top: 0; border-width: 0 10px 10px 10px; }

.caret-light { border-top-color: #FFF; border-bottom: 0; }

.active .caret-light { border-bottom-color: #FFF; border-top: 0; border-width: 0 10px 10px 10px; }

/* Modern Browsers */
.s-icon { background-image: url(../images/sprite/header-icons.svg); background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 3px; margin-top: -1px; cursor: pointer; }

/* IE8 */
.no-svg .s-icon { background-image: url(../images/sprite/header-icons.png); }

/* Search */
.s-icon-search { background-position: 0 -520px; width: 18px; height: 19px; }
.active .s-icon-search { background-position: 0 -490px; }

/* Newsletters */
.s-icon-newsletters { background-position: 0 -410px; width: 15px; height: 15px; }

/* Crossword */
.s-icon-crossword { background-position: 0 -550px; width: 15px; height: 15px; }

/* Notices */
.s-icon-notices { background-position: 0 -610px; width: 15px; height: 17px; }

/* Signin */
.s-icon-signin { background-position: 0 -300px; width: 21px; height: 21px; }
.active .s-icon-signin { background-position: 0 -270px; }

.s-icon-lock { background-position: 0 -840px; width: 18px; height: 18px; margin-top: -4px; }

/* Signed In */
.s-icon-signed-in { background-position: 0 -330px; width: 20px; height: 20px; }
.active .s-icon-signed-in { background-position: 0 -330px; }

/* Main Nav Icons */
.main-nav .s-icon { display: inline-block; vertical-align: middle; margin-right: 5px; }

/* Video */
.s-icon-video { background-position: 0 -110px; width: 14px; height: 14px; }

/* Podcast */
.s-icon-podcast { background-position: 0 -20px; width: 14px; height: 14px; }

/* Jobs 
.s-icon-jobs-section{
	background-position: 0 -908px;
	width: 14px;
	height: 20px;
}*/
/* Settings */
.s-icon-settings { margin-right: 0; margin-left: 2px; background-position: 0 0px; width: 16px; height: 16px; }

/* Close */
.s-icon-close { margin: 0; background-position: 0 -190px; width: 30px; height: 30px; }

/* Menu */
.s-icon-menu { margin: 0; background-position: -4px -230px; width: 32px; height: 32px; }

header { width: 100%; float: left; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; position: relative; z-index: 2; left: 0; background-color: #FFF; -moz-transition: margin .4s; -webkit-transition: margin .4s; -o-transition: margin .4s; transition: margin .4s; -webkit-backface-visibility: hidden; /*this seems to vastly improve the sticky nav behaviour in Safari! */ }
@media only screen and (max-width: 767px) { header { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; flex-flow: column; } }

/* header */
header .accordion-group { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; margin: 0; }

/* toolbar */
#top-line-navigation { width: 100%; background-color: #333; border-bottom: 1px solid #666; text-transform: uppercase; position: relative; z-index: 20; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 39px; }
@media only screen and (max-width: 767px) { #top-line-navigation { display: none; } }

#top-line-navigation .container { width: 980px; }
@media only screen and (min-width: 768px) and (max-width: 979px) { #top-line-navigation .container { width: 768px; } }

#top-line-navigation .column-1 { float: left; }

#top-line-navigation .column-2 { float: right; }

#top-line-navigation nav ul li { display: inline-block; color: #FFF; border-left: 1px solid #000; line-height: 23px; }
#top-line-navigation nav ul li.subscribe { background-color: #FAD165; color: #333; }
#top-line-navigation nav ul li.subscribe a { padding: 8px 14px 7px; }
#top-line-navigation nav ul li.subscribe a:hover { background-color: #DFBA5A; }
#top-line-navigation nav ul li.my-account { color: #333; }
#top-line-navigation nav ul li.my-account a { background-color: #EAF5E6; }
#top-line-navigation nav ul li.my-account a .caret, #top-line-navigation nav ul li.my-account a .caret-dark, #top-line-navigation nav ul li.my-account a .caret-light { border-width: 7px 6px 0; margin: -3px 0 0 5px; vertical-align: middle; }
#top-line-navigation nav ul li.my-account a.active { background-color: #DEDEDE; }
#top-line-navigation nav ul li.my-account a.active .caret, #top-line-navigation nav ul li.my-account a.active .caret-dark, #top-line-navigation nav ul li.my-account a.active .caret-light { border-width: 0 6px 7px; }
#top-line-navigation nav ul li.my-account span { max-width: 140px; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#top-line-navigation nav ul li.signout { border-right: 1px solid #666; }
#top-line-navigation nav ul li.signout a { border-right: 1px solid #000; }
#top-line-navigation nav ul li.subscribe, #top-line-navigation nav ul li.signin, #top-line-navigation nav ul li.signout, #top-line-navigation nav ul li.my-account { display: none; cursor: pointer; }
#top-line-navigation nav ul li:last-child { border-right: 1px solid #666; }
#top-line-navigation nav ul li:last-child a { border-right: 1px solid #000; }
#top-line-navigation nav ul a { position: relative; display: block; color: inherit; padding: 8px 10px 7px 10px; border-left: 1px solid #666; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
#top-line-navigation nav ul a.active { background: #DEDEDE; color: #333; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
#top-line-navigation nav ul a#activate-signin.active { margin-left: -1px; padding-left: 11px; }
#top-line-navigation nav ul a span { display: inline-block; vertical-align: middle; }

body.authenticated #top-line-navigation nav ul .subscribe, body.authenticated #top-line-navigation nav ul .signin { display: none; }
body.authenticated #top-line-navigation nav ul .signout, body.authenticated #top-line-navigation nav ul .my-account { display: inline-block; }

body.anonymous #top-line-navigation nav ul .subscribe, body.anonymous #top-line-navigation nav ul .signin { display: inline-block; }
body.anonymous #top-line-navigation nav ul .signout, body.anonymous #top-line-navigation nav ul .my-account { display: none; }

.toolbar-pushdown { -webkit-box-shadow: 1px 4px -2px 12px #999; -moz-box-shadow: 1px 4px 12px -2px #999; box-shadow: 1px 4px 12px -2px #999; background: #DEDEDE; position: relative; top: -1px; z-index: 100; }
.toolbar-pushdown .container { max-width: 960px; margin: 0 auto; float: none; }
.toolbar-pushdown .container form { padding: 15px 0 10px 0; text-align: center; }
.toolbar-pushdown .container form input { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; border: 1px solid #BCBCBC; color: #666; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; padding: 6px; height: 32px; }
.toolbar-pushdown .container form input:focus { -webkit-box-shadow: inset 0px 0px 3px 0 #CCC; -moz-box-shadow: inset 0px 0px 3px 0 #CCC; box-shadow: inset 0px 0px 3px 0 #CCC; border: 1px solid #999; outline: none; }
.toolbar-pushdown .container .error { display: none; text-align: center; margin: 0 auto 10px auto; }
.toolbar-pushdown .container .error p { display: inline-block; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; background-color: #d9534f; border-color: #d43f3a; color: #fff; font-size: 14px; margin: 0; padding: 3px 16px; border-radius: 3px; }
@media only screen and (max-width: 767px) { .toolbar-pushdown { display: none !important; } }

/* signin pushdown */
.signin-pushdown .container form div { display: inline-block; vertical-align: top; margin-right: 14px; }
.signin-pushdown .container form div input { width: 300px; }
.signin-pushdown .container form div .sign-in { text-transform: uppercase; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; border: 1px solid #BCBCBC; background: #f6f6f6; color: #666; font-size: 14px; line-height: 24px; height: 32px; margin: 0; }
.signin-pushdown .container form div .sign-in:hover, .signin-pushdown .container form div .sign-in:focus { border: 1px solid #999; background: #EFEFEF; }
.signin-pushdown .container form div .forgot-pw { display: block; text-align: right; margin-right: 0; }
.signin-pushdown .container form div .forgot-pw a { display: inline-block; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 12px; color: #333; font-weight: 800; margin-right: 3px; }
.signin-pushdown .container form div .forgot-pw a:hover, .signin-pushdown .container form div .forgot-pw a:focus { text-decoration: underline; }
@media only screen and (min-width: 768px) and (max-width: 979px) { .signin-pushdown .container form div input { width: 240px; } }
@media only screen and (max-width: 767px) { .signin-pushdown { display: none; } }

/* search pushdown */
.search-pushdown .container form div input { width: 620px; padding-right: 36px; }
.search-pushdown .container form div button { background: url(../images/sprite/header-icons.svg); background-repeat: no-repeat; background-position: 0 -488px; margin: 0 0 0 -34px; width: 24px; height: 24px; padding: 0; border-radius: 0; border: 0; }
@media only screen and (min-width: 768px) and (max-width: 979px) { .search-pushdown .container form div input { width: 400px; } }

/* myaccount pushdown  */
@media only screen and (min-width: 768px) and (max-width: 979px) { .myaccount-pushdown .myservices .span4 { width: 228px !important; }
  .myaccount-pushdown .myservices .span8 { width: 520px !important; }
  .myaccount-pushdown .myservices ul { margin-right: 26px; }
  .myaccount-pushdown .myservices ul li { font-size: 17px; } }

.pushup { cursor: pointer; width: 32px; height: 32px; position: absolute; right: 15px; top: 20px; }

#pushdown-overlay { display: none; width: 100%; height: 100%; zoom: 1; background: #FFF; background: rgba(255, 255, 255, 0.9); bottom: 0; left: 0; right: 0; top: 38px; position: absolute; z-index: 500; overflow: hidden; }
#pushdown-overlay #signin-pushdown, #pushdown-overlay #search-pushdown, #pushdown-overlay #myaccount-pushdown { display: none; position: absolute; top: 0; width: 100%; z-index: 600; }
@media only screen and (max-width: 767px) { #pushdown-overlay #signin-pushdown, #pushdown-overlay #search-pushdown, #pushdown-overlay #myaccount-pushdown { display: none !important; } }

.lt-ie9 #pushdown-overlay { background: url(../images/ie/overlay-bg.png); }

#pushdown-overlay.open { display: block; }
#pushdown-overlay.open #signin-pushdown.open, #pushdown-overlay.open #search-pushdown.open, #pushdown-overlay.open #myaccount-pushdown.open { display: block; }

#pushdown-overlay.fixed { position: fixed; top: 43px; }

.no-svg .search-pushdown .container form div button { background: url(../images/sprite/header-icons.png); background-repeat: no-repeat; background-position: 0 -335px; margin: 0 0 0 -34px; width: 24px; height: 24px; padding: 0; border-radius: 0; border: 0; outline: none; }

.myservices { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; color: #333; padding: 20px 0; }
@media only screen and (max-width: 767px) { .myservices { padding: 0; color: #FFF; } }
.myservices .devices { background: url(../images/subscriptions/digital2.png) center center no-repeat; height: 190px; }
.myservices h5 { color: inherit; font-size: 24px; font-weight: normal; }
.myservices ul { display: inline-block; padding-left: 0; margin-right: 45px; vertical-align: top; }
@media only screen and (max-width: 767px) { .myservices ul { display: block; margin: 0; } }
.myservices ul.links { border-left: 20px solid #004c4c; }
.myservices ul.links li { font-size: 16px; }
.myservices ul.links a:after { content: "\203A"; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 150%; margin-left: 10px; vertical-align: sub; }
.myservices ul li { list-style: none; padding-bottom: 10px; font-size: 18px; }
.myservices ul li:before { content: "\203A"; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 200%; margin-right: 10px; vertical-align: sub; }
@media only screen and (max-width: 767px) { .myservices ul li:before { content: none; } }
@media only screen and (max-width: 767px) { .myservices ul li { margin: 0 0 1px; border-top: 1px solid #414141; display: block; padding: 0; font-size: 16px; }
  .myservices ul li.h5 span, .myservices ul li.sign-out-btn span { font-family: "DINWeb-Bold",Arial,Helvetica,sans-serif; background-color: #333; text-transform: uppercase; padding-left: 20px; line-height: 45px; display: block; color: #FFF; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 19px; }
  .myservices ul li.h5.h5 span, .myservices ul li.sign-out-btn.h5 span { background-color: #004c4c; } }
.myservices ul li a { color: inherit; }
.myservices ul li a:hover { color: #000; }
@media only screen and (max-width: 767px) { .myservices ul li a:hover { color: #FFF; } }
@media only screen and (max-width: 767px) { .myservices ul li a { padding-left: 20px; line-height: 45px; display: block; color: #FFF; background: #333; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

/* ads */
header .banner { width: 100%; margin: 15px 0 0 0; float: left; position: relative; z-index: 10; line-height: 0; }
@media only screen and (max-width: 767px) { header .banner { width: 100%; margin: 0; padding: 8px 0; background-color: #E5E5E5; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; box-ordinal-group: 3; -webkit-order: 3; -moz-order: 3; order: 3; -ms-flex-order: 3; } }
@media only screen and (min-width: 768px) and (max-width: 979px) { header .banner { display: block; } }

@media only screen and (max-width: 767px) { .no-flexbox.flexboxlegacy header { -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
header .banner .row { margin-left: 0; }

header .banner .container div { display: inline-block; text-align: center; }
@media only screen and (max-width: 767px) { header .banner .container div { width: 100%; display: block; } }

header .banner .full { width: 100%; }

header .banner .full * { margin: auto; }

header .banner .full img { display: inline-block; }

/* Masthead */
#page-metadata { width: 100%; float: left; padding-bottom: 30px; padding-top: 20px; background-color: #FFF; }
#page-metadata .date, #page-metadata #logo, #page-metadata #weatherWidget { display: inline-block; vertical-align: bottom; }
#page-metadata .date { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 13px; font-weight: normal; color: #666; margin-right: -4px; line-height: 13px; width: 17%; }
#page-metadata #logo { margin-right: -4px; width: 66%; }
#page-metadata #logo a { background-image: url(../images/logo/masthead-large.svg); background-repeat: no-repeat; background-size: contain; display: block; width: 600px; height: 48px; margin: 0 auto; }
.no-svg #page-metadata #logo a { background-image: url(../images/logo/masthead-large.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .no-svg #page-metadata #logo a { background-image: url(../images/logo/masthead-large@2x.png); } }
#page-metadata .weather { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size: 28px; margin: 0; margin-right: -4px; text-align: right; width: 17%; }
#page-metadata .weather a { color: #333; display: none; }
#page-metadata .weather .outlook { display: inline-block; opacity: 0.8; filter: alpha(opacity=80); margin: 0 3px 0 0; }
#page-metadata .weather .outlook .symbol-wrap { cursor: pointer; }
#page-metadata .weather span { text-transform: uppercase; vertical-align: super; font-size: 13px; }
#page-metadata .weather .temp { display: inline-block; text-transform: none; vertical-align: bottom; font-size: 28px; }
#page-metadata .weather sup { top: -0.2em; }
#page-metadata .weather .default-location { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 13px; font-weight: normal; color: #666; margin: 0; margin-bottom: -5px; position: relative; padding: 5px 24px 2px 0; line-height: 13px; vertical-align: middle; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100px; }
.homepage #page-metadata .weather .default-location { margin-left: 65px; }
@media only screen and (min-width: 768px) and (max-width: 979px) { .homepage #page-metadata .weather .default-location { margin-left: 50px; } }
#page-metadata .weather .default-location .s-icon { position: absolute; top: 7px; right: 0; }
#page-metadata .mobile-signin { display: none; }
#page-metadata.alternate #logo { width: 47%; }
#page-metadata.alternate #logo a { width: 450px; height: 36px; }
#page-metadata.alternate .date { width: 28%; text-align: center; }
#page-metadata.alternate .weather { width: 25%; }
#page-metadata.alternate .weather .default-location { display: inline-block; vertical-align: bottom; margin-right: 16px; margin-bottom: 0; }

.no-svg #page-metadata.alternate #logo a { background: url(../images/logo/masthead-medium.png) no-repeat center center; }

@media only screen and (min-width: 768px) and (max-width: 979px) { #page-metadata > .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
  #page-metadata .date { width: 18%; }
  #page-metadata #logo { width: 64%; padding-top: 12px; }
  #page-metadata #logo a { width: 478px; height: 40px; }
  #page-metadata .weather { width: 18%; }
  #page-metadata.alternate #logo { width: 47%; }
  #page-metadata.alternate #logo a { width: 360px; height: 29px; }
  #page-metadata.alternate .date { width: 26%; }
  #page-metadata.alternate .weather { width: 27%; } }
@media only screen and (max-width: 767px) { #page-metadata { box-sizing: border-box; padding: 0px; z-index: 10; }
  #page-metadata .date { display: none; }
  #page-metadata #logo { width: 56%; height: 20px; vertical-align: middle; padding: 10px 0 7px 0; }
  #page-metadata #logo a { width: 240px; height: 20px; }
  #page-metadata #weatherWidget { display: none; }
  #page-metadata .mobile-signin { display: inline-block; margin-right: -4px; text-align: right; width: 22%; }
  #page-metadata .mobile-signin a { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; font-weight: bold; font-size: 14px; display: inline-block; text-transform: uppercase; color: #333; padding: 10px 0 11px 0; }
  #page-metadata .mobile-signin a .s-icon-signinout { background-position: 0 -270px; width: 21px; height: 21px; }
  .authenticated #page-metadata .mobile-signin a .s-icon-signinout { background-position: 0 -330px; }
  #page-metadata .mobile-signin span { display: inline-block; vertical-align: middle; max-width: 74px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #page-metadata .mobile-signin span.signedin { display: none; }
  .authenticated #page-metadata .mobile-signin a .signedout { display: none; }
  .authenticated #page-metadata .mobile-signin a .signedin { display: inline-block; }
  #page-metadata.alternate #logo { width: 56%; height: 20px; padding-top: 2px; vertical-align: middle; }
  #page-metadata.alternate #logo a { width: 240px; height: 20px; }
  #page-metadata.alternate #weatherWidget { display: none; } }
@media only screen and (max-width: 480px) { #page-metadata, #page-metadata.alternate { padding: 0px; }
  #page-metadata .container, #page-metadata.alternate .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
  #page-metadata #logo, #page-metadata.alternate #logo { padding-top: 10px; width: 70%; }
  #page-metadata #logo a, #page-metadata.alternate #logo a { width: 200px; height: 18px; }
  #page-metadata #weatherWidget, #page-metadata.alternate #weatherWidget { display: none; vertical-align: top; }
  #page-metadata .mobile-signin, #page-metadata.alternate .mobile-signin { width: 14%; }
  #page-metadata .mobile-signin a .s-icon, #page-metadata.alternate .mobile-signin a .s-icon { margin-right: 0; }
  #page-metadata .mobile-signin span, #page-metadata.alternate .mobile-signin span { display: none !important; } }
/*Primary Navigation*/
#primary-navigation { float: left; width: 100%; background-color: #FFF; border-bottom: 2px solid #AAA; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.frontpage #primary-navigation { border-color: #AAA; }
.news #primary-navigation { border-color: #CC0000; }
.sport #primary-navigation { border-color: #3ea447; }
.business #primary-navigation { border-color: #1190af; }
.opinion #primary-navigation { border-color: #777552; }
.debate #primary-navigation { border-color: #777552; }
.lifestyle #primary-navigation { border-color: #f60; }
.life-and-style #primary-navigation { border-color: #f60; }
.culture #primary-navigation { border-color: #b74f7d; }
.more #primary-navigation { border-color: #006666; }
.offers #primary-navigation { border-color: #006666; }
.homepage #primary-navigation { border-color: #CC0000; }
#primary-navigation .logo { display: none; }
@media only screen and (max-width: 767px) { #primary-navigation .section-navigation { display: none; } }
@media only screen and (max-width: 767px) { #primary-navigation { z-index: 5; } }

#primary-navigation nav.main-nav { height: 39px; line-height: 39px; vertical-align: bottom; }
#primary-navigation nav.main-nav ul { position: relative; top: 1px; }
#primary-navigation nav.main-nav li { display: inline-block; float: left; margin-right: 11px; text-transform: uppercase; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
#primary-navigation nav.main-nav li.news-section { border-top: 2px solid; border-color: #CC0000; }
#primary-navigation nav.main-nav li.sport-section { border-top: 2px solid; border-color: #3ea447; }
#primary-navigation nav.main-nav li.business-section { border-top: 2px solid; border-color: #1190af; }
#primary-navigation nav.main-nav li.opinion-section { border-top: 2px solid; border-color: #777552; }
#primary-navigation nav.main-nav li.lifestyle-section { border-top: 2px solid; border-color: #f60; }
#primary-navigation nav.main-nav li.culture-section { border-top: 2px solid; border-color: #b74f7d; }
#primary-navigation nav.main-nav li.more-section { border-top: 2px solid; border-color: #006666; }
#primary-navigation nav.main-nav li:hover.news-section { color: #CC0000; }
#primary-navigation nav.main-nav li:hover.sport-section { color: #3ea447; }
#primary-navigation nav.main-nav li:hover.business-section { color: #1190af; }
#primary-navigation nav.main-nav li:hover.opinion-section { color: #777552; }
#primary-navigation nav.main-nav li:hover.lifestyle-section { color: #f60; }
#primary-navigation nav.main-nav li:hover.culture-section { color: #b74f7d; }
#primary-navigation nav.main-nav li:hover.more-section { color: #006666; }
#primary-navigation nav.main-nav li.top-section.selected { border-left: 1px solid #AAA; border-right: 1px solid #AAA; background-color: #f6f6f6; }
#primary-navigation nav.main-nav li.top-section.selected.news-section { color: #CC0000; }
#primary-navigation nav.main-nav li.top-section.selected.sport-section { color: #3ea447; }
#primary-navigation nav.main-nav li.top-section.selected.business-section { color: #1190af; }
#primary-navigation nav.main-nav li.top-section.selected.opinion-section { color: #777552; }
#primary-navigation nav.main-nav li.top-section.selected.lifestyle-section { color: #f60; }
#primary-navigation nav.main-nav li.top-section.selected.culture-section { color: #b74f7d; }
#primary-navigation nav.main-nav li.top-section.selected.more-section { color: #006666; }
#primary-navigation nav.main-nav li.podcast-section, #primary-navigation nav.main-nav li.video-section, #primary-navigation nav.main-nav li.jobs-section { font-size: 14px; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-weight: normal; margin-right: 9px; padding-top: 3px; /* temp hide of vid / podcast items */ }
#primary-navigation nav.main-nav li.podcast-section a, #primary-navigation nav.main-nav li.video-section a, #primary-navigation nav.main-nav li.jobs-section a { padding: 0 7px 0 0; margin-top: -1px; }
#primary-navigation nav.main-nav li.podcast-section a:hover, #primary-navigation nav.main-nav li.video-section a:hover, #primary-navigation nav.main-nav li.jobs-section a:hover { color: #000; }
@media only screen and (min-width: 768px) and (max-width: 979px) { #primary-navigation nav.main-nav li.podcast-section, #primary-navigation nav.main-nav li.video-section, #primary-navigation nav.main-nav li.jobs-section { display: none; } }
#primary-navigation nav.main-nav li.podcast-section.selected, #primary-navigation nav.main-nav li.video-section.selected { color: #000; border: none; background-color: transparent; }
#primary-navigation nav.main-nav li.jobs-section { margin-right: 0; position: relative; }
#primary-navigation nav.main-nav li.jobs-section:before { content: ""; vertical-align: middle; margin-right: 3px; width: 14px; height: 25px; background-image: url(../images/sprite/header-icons.svg); background-repeat: no-repeat; background-position: 0px -908px; display: inline-block; position: absolute; left: -2px; top: 10px; }
.no-svg #primary-navigation nav.main-nav li.jobs-section:before { background-image: url(../images/sprite/header-icons.png); }
#primary-navigation nav.main-nav li.jobs-section a { position: relative; max-width: 40px; overflow: hidden; text-indent: -71px; margin-left: 10px; }
#primary-navigation nav.main-nav li a { color: inherit; display: block; padding: 0 14px; }
#primary-navigation nav.main-nav li.homepage-section, #primary-navigation nav.main-nav li.search { display: none; }
#primary-navigation nav.main-nav li.subscribe, #primary-navigation nav.main-nav li.signin, #primary-navigation nav.main-nav li.signout, #primary-navigation nav.main-nav li.my-account { display: none; }

.lt-ie9 #primary-navigation nav.main-nav { position: relative; }
.lt-ie9 #primary-navigation nav.main-nav ul { position: absolute; top: -1px; }
.lt-ie9 #primary-navigation nav.main-nav ul li { font-family: "DINWeb-Bold", 'Arial Narrow', Arial, Helvetica, sans-serif; font-size: 15px; }
.lt-ie9 #primary-navigation nav.main-nav ul li.jobs-section:before { left: -10px; }
.lt-ie9 #primary-navigation nav.main-nav ul li.jobs-section a { padding-left: 5px; text-indent: -80px; padding: 0; }
.lt-ie9 #primary-navigation nav.main-nav ul a { padding: 0 13px; }

.all-in-section { clear: both; }
.all-in-section .pushdown { position: relative; top: -3px; z-index: 20; background-color: #FFF; -webkit-box-shadow: inset 1px -6px 9px -6px #999; -moz-box-shadow: inset 1px -6px 9px -6px #999; box-shadow: inset 1px -6px 9px -6px #999; }

#isotope { min-height: 150px; }
#isotope:after { content: ''; display: block; clear: both; }

.section-nav { max-width: 960px; border: 1px solid #BCBCBC; border-bottom: 2px solid; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; padding: 20px 20px 20px 20px; }
.frontpage .section-nav { border-bottom-color: #AAA; }
.news .section-nav { border-bottom-color: #CC0000; }
.sport .section-nav { border-bottom-color: #3ea447; }
.business .section-nav { border-bottom-color: #1190af; }
.opinion .section-nav { border-bottom-color: #777552; }
.debate .section-nav { border-bottom-color: #777552; }
.lifestyle .section-nav { border-bottom-color: #f60; }
.life-and-style .section-nav { border-bottom-color: #f60; }
.culture .section-nav { border-bottom-color: #b74f7d; }
.more .section-nav { border-bottom-color: #006666; }
.offers .section-nav { border-bottom-color: #006666; }
.homepage .section-nav { border-bottom-color: #CC0000; }
.section-nav .menu-left { margin: 0 -4px 0 0; padding: 0; width: 80%; display: inline-block; vertical-align: top; }
.section-nav .menu-left.full-width { width: 100%; display: block; }
.section-nav .menu-right { margin: 0 -4px 0 0; padding: 0; width: 20%; display: inline-block; vertical-align: top; }
.section-nav .full-width { width: 100%; display: block; }
.section-nav > ul { list-style: none; }
.section-nav > ul > li { padding-bottom: 20px; padding-right: 10px; color: #333; }
.section-nav > ul > li > a, .section-nav > ul > li > span { text-transform: uppercase; display: inline-block; color: inherit; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 15px; text-decoration: none; }
.section-nav > ul > li > a:hover, .section-nav > ul > li > span:hover { color: #000; }
.section-nav > ul > li.selected > a:before { width: 15px; height: 12px; display: inline-block; content: ""; margin: 0 6px 0px -21px; }
.frontpage .section-nav > ul > li.selected > a:before { background-color: #AAA; }
.news .section-nav > ul > li.selected > a:before { background-color: #CC0000; }
.sport .section-nav > ul > li.selected > a:before { background-color: #3ea447; }
.business .section-nav > ul > li.selected > a:before { background-color: #1190af; }
.opinion .section-nav > ul > li.selected > a:before { background-color: #777552; }
.debate .section-nav > ul > li.selected > a:before { background-color: #777552; }
.lifestyle .section-nav > ul > li.selected > a:before { background-color: #f60; }
.life-and-style .section-nav > ul > li.selected > a:before { background-color: #f60; }
.culture .section-nav > ul > li.selected > a:before { background-color: #b74f7d; }
.more .section-nav > ul > li.selected > a:before { background-color: #006666; }
.offers .section-nav > ul > li.selected > a:before { background-color: #006666; }
.homepage .section-nav > ul > li.selected > a:before { background-color: #CC0000; }
.section-nav > ul > li > ul { list-style: none; }
.section-nav > ul > li > ul > li { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; margin: 5px 0; color: #666; }
.section-nav > ul > li > ul > li > a { font-size: 15px; color: inherit; }
.section-nav > ul > li > ul > li > a:hover { border-bottom: 1px solid #666; }
.frontpage .section-nav > ul > li > ul > li.selected { color: #AAA; }
.news .section-nav > ul > li > ul > li.selected { color: #CC0000; }
.sport .section-nav > ul > li > ul > li.selected { color: #3ea447; }
.business .section-nav > ul > li > ul > li.selected { color: #1190af; }
.opinion .section-nav > ul > li > ul > li.selected { color: #777552; }
.debate .section-nav > ul > li > ul > li.selected { color: #777552; }
.lifestyle .section-nav > ul > li > ul > li.selected { color: #f60; }
.life-and-style .section-nav > ul > li > ul > li.selected { color: #f60; }
.culture .section-nav > ul > li > ul > li.selected { color: #b74f7d; }
.more .section-nav > ul > li > ul > li.selected { color: #006666; }
.offers .section-nav > ul > li > ul > li.selected { color: #006666; }
.homepage .section-nav > ul > li > ul > li.selected { color: #CC0000; }
.section-nav > ul > li > ul > li.selected:before { content: "\203A"; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 150%; font-weight: bold; margin-left: -10px; position: relative; top: 1px; padding-right: 4px; }
.section-nav > ul .podcast a, .section-nav > ul .video a, .section-nav > ul .gallery a, .section-nav > ul .external a { background-image: url(../images/sprite/header-icons.svg); background-repeat: no-repeat; padding-left: 24px; }
.section-nav > ul .podcast a:hover, .section-nav > ul .video a:hover, .section-nav > ul .gallery a:hover, .section-nav > ul .external a:hover { border: none; color: #444; }
.section-nav > ul .podcast a { background-position: 0 -18px; }
.section-nav > ul .gallery a { background-position: 0 -66px; }
.section-nav > ul .video a { background-position: 0 -108px; }
.section-nav > ul .external a { background-position: 0 -148px; }
.section-nav .menu-left {   /*>li{width:20%} //testing borders - do not push
	>li:after {
		background-color: #aaa;
		content: " ";
		display: block;
		height: 100%;
		position: absolute;
		right: 10px;
		top: 0;
		width: 1px;	
	}*/ }

@media only screen and (max-width: 767px) { .section-nav { padding: 0; border-width: 0 0 2px 0; }
  .section-nav .menu-left, .section-nav .menu-right { margin: 0; padding: 0; width: 100%; display: block; }
  .section-nav ul li { display: block; color: #666; font-size: 18px; font-weight: 400; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; background-color: #333; color: #FFF; padding-bottom: 0; }
  .section-nav ul li a, .section-nav ul li span { display: block; background-color: #333; margin-bottom: 0; color: #FFF; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size: 18px; padding: 10px 12px; text-transform: capitalize; }
  .section-nav ul li a:hover, .section-nav ul li span:hover { color: #FFF; }
  .section-nav ul li ul { padding-bottom: 0; }
  .section-nav ul li ul li { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; margin: 0; }
  .section-nav ul li ul li a, .section-nav ul li ul li span { background-color: #515151; border-bottom: 1px solid #666; padding: 5px 0 5px 24px; display: block; text-decoration: none; font-size: 16px; color: #FFF; }
  .section-nav ul li ul li a:hover, .section-nav ul li ul li span:hover { background-color: #444; border-bottom: 1px solid #666; }
  .section-nav ul li ul li:first-child { border-top: 1px solid #414141; }
  .section-nav ul li ul li:last-child a { border-bottom: 1px solid #414141; }
  .section-nav ul li ul li.selected:before { content: normal; }
  .section-nav ul li ul li.selected a:before { width: 5px; height: 15px; display: inline-block; content: ""; margin: 0 6px -2px -11px; }
  .frontpage .section-nav ul li ul li.selected a:before { background-color: #AAA; }
  .news .section-nav ul li ul li.selected a:before { background-color: #CC0000; }
  .sport .section-nav ul li ul li.selected a:before { background-color: #3ea447; }
  .business .section-nav ul li ul li.selected a:before { background-color: #1190af; }
  .opinion .section-nav ul li ul li.selected a:before { background-color: #777552; }
  .debate .section-nav ul li ul li.selected a:before { background-color: #777552; }
  .lifestyle .section-nav ul li ul li.selected a:before { background-color: #f60; }
  .life-and-style .section-nav ul li ul li.selected a:before { background-color: #f60; }
  .culture .section-nav ul li ul li.selected a:before { background-color: #b74f7d; }
  .more .section-nav ul li ul li.selected a:before { background-color: #006666; }
  .offers .section-nav ul li ul li.selected a:before { background-color: #006666; }
  .homepage .section-nav ul li ul li.selected a:before { background-color: #CC0000; }
  .section-nav ul li ul .podcast a, .section-nav ul li ul .video a, .section-nav ul li ul .gallery a, .section-nav ul li ul .external a { background-color: #515151; padding-left: 42px; }
  .section-nav ul li ul .podcast a:hover, .section-nav ul li ul .video a:hover, .section-nav ul li ul .gallery a:hover, .section-nav ul li ul .external a:hover { color: #FFF; border-bottom: 1px solid #666; }
  .section-nav ul li ul .podcast a { background-position: 14px -642px; }
  .section-nav ul li ul .gallery a { background-position: 14px -690px; }
  .section-nav ul li ul .video a { background-position: 14px -732px; }
  .section-nav ul li ul .external a { background-position: 14px -780px; }
  .section-nav > ul > li { padding-right: 0; }
  .section-nav > ul > li.selected > a { border-left: 8px solid #333; }
  .frontpage .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #AAA; }
  .news .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #CC0000; }
  .sport .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #3ea447; }
  .business .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #1190af; }
  .opinion .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #777552; }
  .debate .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #777552; }
  .lifestyle .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #f60; }
  .life-and-style .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #f60; }
  .culture .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #b74f7d; }
  .more .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #006666; }
  .offers .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #006666; }
  .homepage .section-nav > ul > li.selected > a { padding-left: 2px; border-color: #CC0000; }
  .section-nav > ul > li.selected > a:before { width: auto; height: auto; display: inline; content: normal; margin: 0; }
  .section-nav .menu-left .external a { padding-left: 24px; padding-right: 0; background-position: 97% -447px; }
  .section-nav .menu-right .external a { background-position: 14px -447px; } }
@media only screen and (min-width: 768px) and (max-width: 979px) { .section-nav .menu-left { display: block; width: 100%; }
  .section-nav .menu-right { display: block; width: 100%; }
  .section-nav .menu-right > li { display: inline-block; vertical-align: top; margin-right: 30px; } }
/*2nd tier Navigation*/
.sub-navigation { background-color: #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #AAA; height: 40px; }
.sub-navigation .toggle { display: block; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: bold; cursor: pointer; background-color: #f6f6f6; transition: background-color 0.4s ease; border-left: 1px solid #AAA; border-right: 1px solid #AAA; padding: 8px 10px 7px; margin: 0; position: absolute; right: 0; z-index: 25; color: #515151; }
.sub-navigation .toggle.active { background-color: #FFF; padding-bottom: 8px; }
.frontpage .sub-navigation .toggle.active .text { color: #AAA; }
.news .sub-navigation .toggle.active .text { color: #CC0000; }
.sport .sub-navigation .toggle.active .text { color: #3ea447; }
.business .sub-navigation .toggle.active .text { color: #1190af; }
.opinion .sub-navigation .toggle.active .text { color: #777552; }
.debate .sub-navigation .toggle.active .text { color: #777552; }
.lifestyle .sub-navigation .toggle.active .text { color: #f60; }
.life-and-style .sub-navigation .toggle.active .text { color: #f60; }
.culture .sub-navigation .toggle.active .text { color: #b74f7d; }
.more .sub-navigation .toggle.active .text { color: #006666; }
.offers .sub-navigation .toggle.active .text { color: #006666; }
.homepage .sub-navigation .toggle.active .text { color: #CC0000; }
.frontpage .sub-navigation .toggle.active .caret, .frontpage .sub-navigation .toggle.active .caret-dark, .frontpage .sub-navigation .toggle.active .caret-light { border-bottom-color: #AAA; }
.news .sub-navigation .toggle.active .caret, .news .sub-navigation .toggle.active .caret-dark, .news .sub-navigation .toggle.active .caret-light { border-bottom-color: #CC0000; }
.sport .sub-navigation .toggle.active .caret, .sport .sub-navigation .toggle.active .caret-dark, .sport .sub-navigation .toggle.active .caret-light { border-bottom-color: #3ea447; }
.business .sub-navigation .toggle.active .caret, .business .sub-navigation .toggle.active .caret-dark, .business .sub-navigation .toggle.active .caret-light { border-bottom-color: #1190af; }
.opinion .sub-navigation .toggle.active .caret, .opinion .sub-navigation .toggle.active .caret-dark, .opinion .sub-navigation .toggle.active .caret-light { border-bottom-color: #777552; }
.debate .sub-navigation .toggle.active .caret, .debate .sub-navigation .toggle.active .caret-dark, .debate .sub-navigation .toggle.active .caret-light { border-bottom-color: #777552; }
.lifestyle .sub-navigation .toggle.active .caret, .lifestyle .sub-navigation .toggle.active .caret-dark, .lifestyle .sub-navigation .toggle.active .caret-light { border-bottom-color: #f60; }
.life-and-style .sub-navigation .toggle.active .caret, .life-and-style .sub-navigation .toggle.active .caret-dark, .life-and-style .sub-navigation .toggle.active .caret-light { border-bottom-color: #f60; }
.culture .sub-navigation .toggle.active .caret, .culture .sub-navigation .toggle.active .caret-dark, .culture .sub-navigation .toggle.active .caret-light { border-bottom-color: #b74f7d; }
.more .sub-navigation .toggle.active .caret, .more .sub-navigation .toggle.active .caret-dark, .more .sub-navigation .toggle.active .caret-light { border-bottom-color: #006666; }
.offers .sub-navigation .toggle.active .caret, .offers .sub-navigation .toggle.active .caret-dark, .offers .sub-navigation .toggle.active .caret-light { border-bottom-color: #006666; }
.homepage .sub-navigation .toggle.active .caret, .homepage .sub-navigation .toggle.active .caret-dark, .homepage .sub-navigation .toggle.active .caret-light { border-bottom-color: #CC0000; }

@media only screen and (max-width: 767px) { .sub-navigation .toggle { position: static; } }
nav.sub-nav { padding: 0 0 20px 10px; overflow-x: scroll; overflow-y: hidden; height: 40px; }
nav.sub-nav ul { white-space: nowrap; }
nav.sub-nav li { display: inline-block; margin-left: -4px; margin-right: 10px; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; color: #515151; font-weight: bold; line-height: 1em; height: 40px; }
nav.sub-nav li.parent, nav.sub-nav li.root { margin-left: 0; display: none; }
nav.sub-nav li.first { margin-right: 0; }
.frontpage nav.sub-nav li.first { color: #AAA; }
.news nav.sub-nav li.first { color: #CC0000; }
.sport nav.sub-nav li.first { color: #3ea447; }
.business nav.sub-nav li.first { color: #1190af; }
.opinion nav.sub-nav li.first { color: #777552; }
.debate nav.sub-nav li.first { color: #777552; }
.lifestyle nav.sub-nav li.first { color: #f60; }
.life-and-style nav.sub-nav li.first { color: #f60; }
.culture nav.sub-nav li.first { color: #b74f7d; }
.more nav.sub-nav li.first { color: #006666; }
.offers nav.sub-nav li.first { color: #006666; }
.homepage nav.sub-nav li.first { color: #CC0000; }
nav.sub-nav li.first a { border: 0; }
nav.sub-nav li.first a:after { content: "\203A"; font-size: 200%; vertical-align: sub; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; margin-left: 10px; }
.frontpage nav.sub-nav li.selected { color: #AAA; }
.news nav.sub-nav li.selected { color: #CC0000; }
.sport nav.sub-nav li.selected { color: #3ea447; }
.business nav.sub-nav li.selected { color: #1190af; }
.opinion nav.sub-nav li.selected { color: #777552; }
.debate nav.sub-nav li.selected { color: #777552; }
.lifestyle nav.sub-nav li.selected { color: #f60; }
.life-and-style nav.sub-nav li.selected { color: #f60; }
.culture nav.sub-nav li.selected { color: #b74f7d; }
.more nav.sub-nav li.selected { color: #006666; }
.offers nav.sub-nav li.selected { color: #006666; }
.homepage nav.sub-nav li.selected { color: #CC0000; }
nav.sub-nav li:last-child a { border: 0; }
nav.sub-nav a { color: inherit; display: block; padding: 0 10px 0 0; border-right: 1px solid #AAA; margin: 13px 0 7px 0; }
.frontpage nav.sub-nav a:hover { color: #AAA; }
.news nav.sub-nav a:hover { color: #CC0000; }
.sport nav.sub-nav a:hover { color: #3ea447; }
.business nav.sub-nav a:hover { color: #1190af; }
.opinion nav.sub-nav a:hover { color: #777552; }
.debate nav.sub-nav a:hover { color: #777552; }
.lifestyle nav.sub-nav a:hover { color: #f60; }
.life-and-style nav.sub-nav a:hover { color: #f60; }
.culture nav.sub-nav a:hover { color: #b74f7d; }
.more nav.sub-nav a:hover { color: #006666; }
.offers nav.sub-nav a:hover { color: #006666; }
.homepage nav.sub-nav a:hover { color: #CC0000; }

@media only screen and (max-width: 767px) { nav.sub-nav { padding: 0; width: 100%; overflow-x: auto; } }
@media only screen and (max-width: 480px) { .sub-navigation .toggle { border-right: none; }
  nav.sub-nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; } }
/*2nd tier Navigation in mobile */
@media only screen and (max-width: 767px) { .all-in-section .pushdown { top: 0; box-shadow: none; }
  .all-in-section .pushdown.in { margin-bottom: 10px; }
  .sub-navigation { background-color: #333; }
  .sub-navigation .toggle { border-color: #000; }
  .frontpage .sub-navigation .toggle { background-color: #AAA; }
  .news .sub-navigation .toggle { background-color: #CC0000; }
  .sport .sub-navigation .toggle { background-color: #3ea447; }
  .business .sub-navigation .toggle { background-color: #1190af; }
  .opinion .sub-navigation .toggle { background-color: #777552; }
  .debate .sub-navigation .toggle { background-color: #777552; }
  .lifestyle .sub-navigation .toggle { background-color: #f60; }
  .life-and-style .sub-navigation .toggle { background-color: #f60; }
  .culture .sub-navigation .toggle { background-color: #b74f7d; }
  .more .sub-navigation .toggle { background-color: #006666; }
  .offers .sub-navigation .toggle { background-color: #006666; }
  .homepage .sub-navigation .toggle { background-color: #CC0000; }
  .sub-navigation .toggle .text { display: none; }
  .sub-navigation .toggle .caret, .sub-navigation .toggle .caret-dark, .sub-navigation .toggle .caret-light { border-top-color: #FFF; border-bottom: 0; }
  .sub-navigation .toggle.active .caret-dark { border-style: solid inset; border-width: 0 10px 10px 10px; border-bottom-color: #FFF !important; }
  nav.sub-nav li { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; display: none; margin: 0; }
  nav.sub-nav li.root, nav.sub-nav li.parent, nav.sub-nav li.first, nav.sub-nav li.selected, nav.sub-nav li.current { display: inline-block; }
  nav.sub-nav li:first-child { text-transform: uppercase; }
  nav.sub-nav li:first-child a:after { content: "\203A"; font-size: 200%; vertical-align: sub; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; margin-left: 10px; }
  nav.sub-nav li.selected a:before { content: "\203A"; font-size: 200%; vertical-align: sub; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; margin-right: 10px; }
  nav.sub-nav li.selected.current a:before { content: normal; }
  nav.sub-nav li.root a:after, nav.sub-nav li.first a:after { content: ""; vertical-align: auto; margin-left: 0; }
  nav.sub-nav li a { color: #FFF !important; border: 0; } }
/*mobile navigation*/
#open-touch-menu { display: none; }
@media only screen and (max-width: 767px) { #open-touch-menu { display: inline-block; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-right: -4px; vertical-align: middle; cursor: pointer; width: 22%; padding: 8px 0; }
  #open-touch-menu span { color: #333; font-size: 15px; display: inline-block; vertical-align: middle; line-height: 15px; margin-bottom: -3px; margin-left: 2px; } }

@media only screen and (max-width: 480px) { #open-touch-menu { width: 15%; }
  #open-touch-menu span { display: none; } }
#mobile-navigation { background: #191919; border: 1px solid #191919; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mobile-navigation .mobile-top { border-bottom: 1px solid #000; }
#mobile-navigation .mobile-top span { float: left; border-right: 1px solid #666; border-left: 1px solid #000; background-color: #333; }
#mobile-navigation .mobile-top .IT-logo { border-left: none; }
#mobile-navigation .mobile-top .IT-logo a { display: block; width: 46px; height: 40px; background-image: url(../images/logo/ITlogo.svg); background-repeat: no-repeat; background-size: auto; background-position: center center; }
.no-svg #mobile-navigation .mobile-top .IT-logo a { background-image: url(../images/logo/ITlogo.png); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .no-svg #mobile-navigation .mobile-top .IT-logo a { background-image: url(../images/logo/ITlogo@2x.png); } }
#mobile-navigation .mobile-top .subscribe { width: 70%; display: inline; width: calc(100% - 48px); height: 40px; line-height: 40px; text-align: center; border-right: none; }
#mobile-navigation .mobile-top .subscribe a { display: block; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-size: 15px; background-color: #FAD165; color: #333; }
#mobile-navigation .mobile-search { clear: both; text-align: center; border-top: 1px solid #414141; margin: 0 0 1px; }
#mobile-navigation .mobile-search form { background-color: #333; }
#mobile-navigation .mobile-search input { width: 80%; margin: 7px auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 3px 0 #DDD; -moz-box-shadow: inset 0px 0px 3px 0 #DDD; box-shadow: inset 0px 0px 3px 0 #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; border: 1px solid #CCC; color: #666; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; padding: 6px 38px 6px 6px; height: 32px; }
#mobile-navigation .mobile-search input:focus { -webkit-box-shadow: inset 0px 0px 3px 0 #CCC; -moz-box-shadow: inset 0px 0px 3px 0 #CCC; box-shadow: inset 0px 0px 3px 0 #CCC; border: 1px solid #999; outline: none; }
#mobile-navigation .mobile-search button { background: url(../images/sprite/header-icons.svg); background-repeat: no-repeat; background-position: 0 -490px; margin: 0 0 0 -34px; width: 20px; height: 22px; padding: 0; border-radius: 0; border: 0; }

body.authenticated #mobile-navigation .mobile-top .subscribe { display: none; }
body.authenticated #mobile-navigation .mobile-top .IT-logo { width: 100%; height: 40px; box-sizing: border-box; padding: 10px 0; }
body.authenticated #mobile-navigation .mobile-top .IT-logo a { width: 100%; height: 20px; background: url(../images/logo/masthead-small-white.svg) center center no-repeat; background-size: contain; }

body.anonymous #mobile-navigation .mobile-top .subscribe { display: inline; }

#mobile-navigation nav ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #333; }
#mobile-navigation nav li { margin: 0 0 1px; border-top: 1px solid #414141; }
#mobile-navigation nav li .toggle { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; cursor: pointer; }
#mobile-navigation nav li.frontpage-section.nav-level-1.selected > a { background-color: #7D161A; }
#mobile-navigation nav li.news-section.nav-level-1.selected > a { background-color: #7D161A; }
#mobile-navigation nav li.sport-section.nav-level-1.selected > a { background-color: #26662E; }
#mobile-navigation nav li.business-section.nav-level-1.selected > a { background-color: #115A6C; }
#mobile-navigation nav li.opinion-section.nav-level-1.selected > a { background-color: #494A34; }
#mobile-navigation nav li.lifestyle-section.nav-level-1.selected > a { background-color: #934117; }
#mobile-navigation nav li.life-and-style-section.nav-level-1.selected > a { background-color: #934117; }
#mobile-navigation nav li.culture-section.nav-level-1.selected > a { background-color: #71334F; }
#mobile-navigation nav li.more-section.nav-level-1.selected > a { background-color: #024040; }
#mobile-navigation nav li.news-section > ul .nav-level-2-item.selected a { color: #CC0000; }
#mobile-navigation nav li.sport-section > ul .nav-level-2-item.selected a { color: #3ea447; }
#mobile-navigation nav li.business-section > ul .nav-level-2-item.selected a { color: #1190af; }
#mobile-navigation nav li.opinion-section > ul .nav-level-2-item.selected a { color: #777552; }
#mobile-navigation nav li.lifestyle-section > ul .nav-level-2-item.selected a { color: #f60; }
#mobile-navigation nav li.culture-section > ul .nav-level-2-item.selected a { color: #b74f7d; }
#mobile-navigation nav li.more-section > ul .nav-level-2-item.selected a { color: #006666; }
#mobile-navigation nav .nav-level-1 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 19px; text-transform: uppercase; display: block; width: 100%; }
#mobile-navigation nav .jobs-section a { position: relative; padding-left: 44px; }
#mobile-navigation nav .jobs-section a:before { content: ""; display: inline-block; width: 16px; height: 27px; background: url(../images/sprite/header-icons.svg); background-repeat: no-repeat; background-position: 0 -929px; position: absolute; left: 20px; top: 4px; }
#mobile-navigation nav a { padding-left: 20px; line-height: 45px; display: block; color: #FFF; background: #333; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mobile-navigation nav .nav-level-2-item { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; text-transform: none; }
#mobile-navigation nav .with-subs > a { width: 80%; width: calc(100% - 45px); }
#mobile-navigation nav .active.news-section > ul { border-left-width: 20px; border-left-style: solid; border-color: #CC0000; }
#mobile-navigation nav .active.sport-section > ul { border-left-width: 20px; border-left-style: solid; border-color: #3ea447; }
#mobile-navigation nav .active.business-section > ul { border-left-width: 20px; border-left-style: solid; border-color: #1190af; }
#mobile-navigation nav .active.opinion-section > ul { border-left-width: 20px; border-left-style: solid; border-color: #777552; }
#mobile-navigation nav .active.lifestyle-section > ul { border-left-width: 20px; border-left-style: solid; border-color: #f60; }
#mobile-navigation nav .active.culture-section > ul { border-left-width: 20px; border-left-style: solid; border-color: #b74f7d; }
#mobile-navigation nav .active.more-section > ul { border-left-width: 20px; border-left-style: solid; border-color: #006666; }
#mobile-navigation nav .active.frontpage-section > a { background-color: #7D161A; }
#mobile-navigation nav .active.news-section > a { background-color: #7D161A; }
#mobile-navigation nav .active.sport-section > a { background-color: #26662E; }
#mobile-navigation nav .active.business-section > a { background-color: #115A6C; }
#mobile-navigation nav .active.opinion-section > a { background-color: #494A34; }
#mobile-navigation nav .active.lifestyle-section > a { background-color: #934117; }
#mobile-navigation nav .active.life-and-style-section > a { background-color: #934117; }
#mobile-navigation nav .active.culture-section > a { background-color: #71334F; }
#mobile-navigation nav .active.more-section > a { background-color: #024040; }
#mobile-navigation nav .active > a { margin: 0 0 1px; }
#mobile-navigation nav .active > span { margin: 0 0 1px; }
#mobile-navigation nav .active ul { border-bottom: none; }
#mobile-navigation nav .active ul li { margin: 0; }
#mobile-navigation nav .podcast-section .toggle, #mobile-navigation nav .video-section .toggle { background-color: #FFF; }
#mobile-navigation nav .podcast-section .s-icon { margin-right: 9px; }
#mobile-navigation nav .podcast-section .s-icon-podcast { background-position: 0 -40px; width: 16px; height: 17px; }
#mobile-navigation nav .video-section .s-icon { margin-right: 9px; }
#mobile-navigation nav .video-section .s-icon-video { background-position: 0 -130px; width: 16px; height: 17px; }
#mobile-navigation nav .crosswords .s-icon { margin-right: 9px; }
#mobile-navigation nav .crosswords .s-icon-crossword { margin-bottom: 2px; }
#mobile-navigation nav .newsletters .s-icon { margin-right: 9px; }
#mobile-navigation nav .newsletters .s-icon-newsletters { margin-bottom: 2px; }
#mobile-navigation nav .notices .s-icon { margin-right: 9px; }
#mobile-navigation nav .notices .s-icon-newsletters { margin-bottom: 2px; }

#mobile-signin { background: #191919; border: 1px solid #191919; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#mobile-signin .signin { padding: 20px; background-color: #333; }
.authenticated #mobile-signin .signin { display: none; }
#mobile-signin .signin h4, #mobile-signin .signin h5 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; color: #FFF; font-size: 26px; padding: 0; letter-spacing: -0.02em; }
#mobile-signin .signin h5 { font-size: 20px; margin: 40px 0 10px 0; }
#mobile-signin .signin .s-icon-lock { background-position: 0 -880px; margin-right: 6px; }
#mobile-signin .signin form div { margin: 20px 0; }
#mobile-signin .signin form input { width: 100%; margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 3px 0 #DDD; -moz-box-shadow: inset 0px 0px 3px 0 #DDD; box-shadow: inset 0px 0px 3px 0 #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; color: #666; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 16px; padding: 8px 10px; border: none; height: 38px; }
#mobile-signin .signin form input:focus { -webkit-box-shadow: inset 0px 0px 3px 0 #CCC; -moz-box-shadow: inset 0px 0px 3px 0 #CCC; box-shadow: inset 0px 0px 3px 0 #CCC; outline: none; }
#mobile-signin .signin form button { text-transform: uppercase; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; border: 1px solid #CCC; background: #f6f6f6; color: #333; font-size: 15px; line-height: 17px; padding: 8px 8px 4px 8px; margin: 0 10px 0 0; }
#mobile-signin .signin form .error { display: none; margin: 10px 0 20px 0; }
#mobile-signin .signin form .error p { color: #b94a48; background-color: #f2dede; padding: 4px 6px; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 13px; border-radius: 3px; text-align: center; border: 1px solid #eed3d7; }
#mobile-signin .signin form .forgot-pw { display: block; margin-top: -10px; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; color: #FFF; }
#mobile-signin .signin form .forgot-pw:hover { color: #FFF; text-decoration: underline; }
#mobile-signin .signin form .subscribe { display: inline-block; margin-left: 4px; text-transform: uppercase; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-size: 14px; background-color: #FAD165; color: #333; padding: 9px 9px 5px 9px; line-height: 15px; border-radius: 4px; }
#mobile-signin .signout { display: none; }
.authenticated #mobile-signin .signout { display: block; }
#mobile-signin .signout h4 { background-color: #333; border-top: 1px solid #414141; margin: 0 0 1px; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; font-size: 22px; height: 40px; line-height: 40px; padding: 0 0 0 20px; }
#mobile-signin .signout button { text-transform: uppercase; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; border: 1px solid #BCBCBC; background: #f6f6f6; color: #666; font-size: 14px; line-height: 17px; padding: 8px 8px 4px 8px; margin: 0; }

.news-section .toggle { background-color: #CC0000; }
.sport-section .toggle { background-color: #3ea447; }
.business-section .toggle { background-color: #1190af; }
.opinion-section .toggle { background-color: #777552; }
.lifestyle-section .toggle { background-color: #f60; }
.culture-section .toggle { background-color: #b74f7d; }
.more-section .toggle { background-color: #006666; }

.mobile-divider { margin: 0 0 1px; padding: 3px 15px; background: #242424; border-top: 1px solid #333; display: block; line-height: 1.1em; }

/* Mobile Weather */
.mobile-weather { background: #333; position: relative; padding: 8px 0 13px 10px; height: 35px; border-bottom: 1px solid #000; }
.mobile-weather a { color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }
.mobile-weather .symbol-wrap { margin-left: 10px; }
.mobile-weather .outlook, .mobile-weather .temp, .mobile-weather .date-location { display: inline-block; padding: 0 5px; float: left; }
.mobile-weather .weather-landing .outlook { margin: 3px 0 0 0 !important; }
.mobile-weather .weather-landing .symbol-wrap { cursor: pointer; }
.mobile-weather .weather-landing .temp { font-family: "DINWeb-Bold",Arial,Helvetica,sans-serif; font-size: 36px; line-height: 35px; margin: 0; }
.mobile-weather .weather-landing .date-location { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; line-height: 16px; margin: 6px 0 0 0; }
.mobile-weather .weather-landing .date-location .default-location { font-weight: 500; margin: 0; }
@media only screen and (max-width: 480px) { .mobile-weather .weather-landing .date-location .default-location { max-width: 115px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } }
.mobile-weather .weather-landing .date-location .date { font-weight: 300; }
.mobile-weather .weather-landing .s-icon-settings { display: none; }
.mobile-weather .weather-landing .temp span:last-child { font-family: "DINWeb-Medium",Arial,Helvetica,sans-serif; margin-left: -2px; font-weight: 400; color: #fff !important; font-size: 50%; vertical-align: super; }

.persistent-wrapper { min-height: 168px; /*float:left;*/ clear: both; }
.frontpage .persistent-wrapper { min-height: 185px; }
@media only screen and (max-width: 767px) { .persistent-wrapper { min-height: 90px !important; }
  .persistent-wrapper #persistent { -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; }
  .persistent-wrapper #persistent.affix-top { top: -200px; }
  .persistent-wrapper #persistent.affix { position: fixed; top: 0; z-index: 500; -webkit-box-shadow: 0px 5px 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.4); height: 47px; }
  .persistent-wrapper #persistent.affix #primary-navigation { height: 42px; top: -40px; z-index: -1; }
  .persistent-wrapper #persistent #primary-navigation { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); top: 0; position: relative; } }

#primary-navigation.affix { -webkit-box-shadow: 0px 5px 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.4); position: fixed; z-index: 500; width: 100%; -webkit-transition-property: margin-top; -moz-transition-property: margin-top; transition-property: margin-top; -webkit-transition-duration: 0.35s; -moz-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-backface-visibility: hidden; top: -40px; left: 0; margin-top: 40px; background-color: #333; opacity: 0.95; filter: alpha(opacity=95); }
#primary-navigation.affix .sub-navigation { display: none; }
@media only screen and (max-width: 767px) { #primary-navigation.affix .section-navigation { display: none; }
  #primary-navigation.affix .sub-navigation { display: block; } }
#primary-navigation.affix nav.main-nav ul { top: 0; }
#primary-navigation.affix nav.main-nav ul li { border-top: none; margin-right: 0; color: #FFF; }
#primary-navigation.affix nav.main-nav ul li.jobs-section { display: none; }
#primary-navigation.affix nav.main-nav ul li:hover.news-section { color: #CC0000; }
#primary-navigation.affix nav.main-nav ul li:hover.sport-section { color: #3ea447; }
#primary-navigation.affix nav.main-nav ul li:hover.business-section { color: #1190af; }
#primary-navigation.affix nav.main-nav ul li:hover.opinion-section { color: #777552; }
#primary-navigation.affix nav.main-nav ul li:hover.lifestyle-section { color: #f60; }
#primary-navigation.affix nav.main-nav ul li:hover.culture-section { color: #b74f7d; }
#primary-navigation.affix nav.main-nav ul li:hover.more-section { color: #006666; }
#primary-navigation.affix nav.main-nav ul li a { padding: 4px 14px 0 14px; color: inherit; text-shadow: 0 1px 1px #000; font-size: 15px; }
#primary-navigation.affix nav.main-nav ul li.selected { border: none; color: #FFF !important; }
#primary-navigation.affix nav.main-nav ul li.selected.news-section { background-color: #CC0000; }
#primary-navigation.affix nav.main-nav ul li.selected.sport-section { background-color: #3ea447; }
#primary-navigation.affix nav.main-nav ul li.selected.business-section { background-color: #1190af; }
#primary-navigation.affix nav.main-nav ul li.selected.opinion-section { background-color: #777552; }
#primary-navigation.affix nav.main-nav ul li.selected.lifestyle-section { background-color: #f60; }
#primary-navigation.affix nav.main-nav ul li.selected.culture-section { background-color: #b74f7d; }
#primary-navigation.affix nav.main-nav ul li.selected.more-section { background-color: #006666; }
#primary-navigation.affix nav.main-nav ul .homepage-section { display: inline-block; margin-right: 0; }
#primary-navigation.affix nav.main-nav ul .homepage-section a { background: url(../images/logo/ITlogo.svg) no-repeat center left; padding: 2px 0 0 0; width: 48px; height: 39px; }
#primary-navigation.affix nav.main-nav ul .my-account { color: #333; }
#primary-navigation.affix nav.main-nav ul .my-account a { background-color: #EAF5E6; text-shadow: none; }
#primary-navigation.affix nav.main-nav ul .my-account a .caret, #primary-navigation.affix nav.main-nav ul .my-account a .caret-dark, #primary-navigation.affix nav.main-nav ul .my-account a .caret-light { border-width: 7px 6px 0; margin: -3px 0 0 5px; vertical-align: middle; }
#primary-navigation.affix nav.main-nav ul .my-account a.active { background-color: #DEDEDE; }
#primary-navigation.affix nav.main-nav ul .my-account a.active .caret, #primary-navigation.affix nav.main-nav ul .my-account a.active .caret-dark, #primary-navigation.affix nav.main-nav ul .my-account a.active .caret-light { border-width: 0 6px 7px; }
#primary-navigation.affix nav.main-nav ul .my-account span { display: inline-block; vertical-align: middle; max-width: 94px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#primary-navigation.affix nav.main-nav ul .subscribe { display: inline-block; background-color: #FAD165; color: #333; }
#primary-navigation.affix nav.main-nav ul .subscribe a { text-shadow: none; }
#primary-navigation.affix nav.main-nav ul .signin { cursor: pointer; display: inline-block; }
#primary-navigation.affix nav.main-nav ul .signin a { -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; text-shadow: none; }
#primary-navigation.affix nav.main-nav ul .signin a.active { background: #DEDEDE; color: #333; text-shadow: none; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
#primary-navigation.affix nav.main-nav ul .search { margin-right: 0; display: inline-block; cursor: pointer; }
#primary-navigation.affix nav.main-nav ul .search a { padding: 2px 4px 2px 8px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
#primary-navigation.affix nav.main-nav ul .search a.active { background: #DEDEDE; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
#primary-navigation.affix nav.main-nav ul .video-section, #primary-navigation.affix nav.main-nav ul .podcast-section { display: none; }
#primary-navigation.affix nav.main-nav ul .subscribe, #primary-navigation.affix nav.main-nav ul .signin, #primary-navigation.affix nav.main-nav ul .signout, #primary-navigation.affix nav.main-nav ul .my-account { display: none; }

.lt-ie9 #primary-navigation.affix nav.main-nav { line-height: 36px; }
.lt-ie9 #primary-navigation.affix nav.main-nav ul .homepage-section a { background: url(../images/logo/ITlogo.png) no-repeat center left; }
.lt-ie9 #primary-navigation.affix nav.main-nav ul .more-section a:hover { color: #CCC; }

body.authenticated #primary-navigation.affix nav.main-nav ul li a { padding: 4px 13px 0 13px; }
body.authenticated #primary-navigation.affix nav.main-nav ul .homepage-section a { padding: 2px 0 0 0; }
body.authenticated #primary-navigation.affix nav.main-nav ul .search a { padding: 2px 4px 2px 8px; }
body.authenticated #primary-navigation.affix nav.main-nav ul .subscribe, body.authenticated #primary-navigation.affix nav.main-nav ul .signin { display: none; }
body.authenticated #primary-navigation.affix nav.main-nav ul .signout, body.authenticated #primary-navigation.affix nav.main-nav ul .my-account { display: inline-block; }

.lt-ie9 body.authenticated #primary-navigation.affix nav.main-nav ul li a { padding: 4px 12px 0 12px; font-size: 14px; }
.lt-ie9 body.authenticated #primary-navigation.affix nav.main-nav ul .homepage-section a { width: 48px; }
.lt-ie9 body.authenticated #primary-navigation.affix nav.main-nav ul .my-account { width: 145px; overflow: hidden; }
.lt-ie9 body.authenticated #primary-navigation.affix nav.main-nav ul .my-account span { max-width: 90px; }

body.anonymous #primary-navigation.affix nav.main-nav ul .subscribe, body.anonymous #primary-navigation.affix nav.main-nav ul .signin { display: inline-block; }
body.anonymous #primary-navigation.affix nav.main-nav ul .signout, body.anonymous #primary-navigation.affix nav.main-nav ul .my-account { display: none; }

@media only screen and (min-width: 768px) and (max-width: 979px) { body.authenticated #primary-navigation.affix nav.main-nav ul .subscribe, body.authenticated #primary-navigation.affix nav.main-nav ul .signin, body.anonymous #primary-navigation.affix nav.main-nav ul .subscribe, body.anonymous #primary-navigation.affix nav.main-nav ul .signin { display: none; }
  body.authenticated #primary-navigation.affix nav.main-nav ul .signout, body.authenticated #primary-navigation.affix nav.main-nav ul .my-account, body.anonymous #primary-navigation.affix nav.main-nav ul .signout, body.anonymous #primary-navigation.affix nav.main-nav ul .my-account { display: none; } }
#overflowWrapper { overflow-y: hidden; height: 39px; }
#overflowWrapper .pull-left { height: 39px; }

.transparent-left { display: none; width: 40px; height: 40px; position: absolute; left: 0; z-index: 5000; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(left, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f6f6f6), color-stop(100%, rgba(246, 246, 246, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%); /* IE10+ */ background: linear-gradient(to right, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 ); /* IE6-8 */ }

.transparent-right { display: none; width: 40px; height: 40px; position: absolute; right: 0; z-index: 5000; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(left, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(246, 246, 246, 0)), color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%); /* IE10+ */ background: linear-gradient(to right, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-8 */ }

.leftshadow { -webkit-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: -1px 0px 5px 0px rgba(0, 0, 0, 0.4); z-index: 5001 !important; }

@media only screen and (max-width: 767px) { .transparent-left { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(left, #333333 0%, rgba(51, 51, 51, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #333333), color-stop(100%, rgba(51, 51, 51, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #333333 0%, rgba(51, 51, 51, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #333333 0%, rgba(51, 51, 51, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #333333 0%, rgba(51, 51, 51, 0) 100%); /* IE10+ */ background: linear-gradient(to right, #333333 0%, rgba(51, 51, 51, 0) 100%); /* W3C */ }
  .transparent-right { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(left, rgba(51, 51, 51, 0) 0%, #333333 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(51, 51, 51, 0)), color-stop(100%, #333333)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0) 0%, #333333 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(51, 51, 51, 0) 0%, #333333 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(51, 51, 51, 0) 0%, #333333 100%); /* IE10+ */ background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, #333333 100%); /* W3C */ } }
.pageTitleDark { background: #515151; margin-bottom: 20px; }
.pageTitleDark .left { float: left; text-transform: uppercase; color: #fff; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; padding: 5px 10px 7px 10px; }
.frontpage .pageTitleDark .left { background: #AAA; }
.news .pageTitleDark .left { background: #CC0000; }
.sport .pageTitleDark .left { background: #3ea447; }
.business .pageTitleDark .left { background: #1190af; }
.opinion .pageTitleDark .left { background: #777552; }
.debate .pageTitleDark .left { background: #777552; }
.lifestyle .pageTitleDark .left { background: #f60; }
.life-and-style .pageTitleDark .left { background: #f60; }
.culture .pageTitleDark .left { background: #b74f7d; }
.more .pageTitleDark .left { background: #006666; }
.offers .pageTitleDark .left { background: #006666; }
.homepage .pageTitleDark .left { background: #CC0000; }
.pageTitleDark .arrow { float: left; width: 0; height: 0; border-top: 18px solid transparent !important; border-bottom: 18px solid transparent !important; }
.frontpage .pageTitleDark .arrow { border-left: 10px solid; border-color: #AAA; }
.news .pageTitleDark .arrow { border-left: 10px solid; border-color: #CC0000; }
.sport .pageTitleDark .arrow { border-left: 10px solid; border-color: #3ea447; }
.business .pageTitleDark .arrow { border-left: 10px solid; border-color: #1190af; }
.opinion .pageTitleDark .arrow { border-left: 10px solid; border-color: #777552; }
.debate .pageTitleDark .arrow { border-left: 10px solid; border-color: #777552; }
.lifestyle .pageTitleDark .arrow { border-left: 10px solid; border-color: #f60; }
.life-and-style .pageTitleDark .arrow { border-left: 10px solid; border-color: #f60; }
.culture .pageTitleDark .arrow { border-left: 10px solid; border-color: #b74f7d; }
.more .pageTitleDark .arrow { border-left: 10px solid; border-color: #006666; }
.offers .pageTitleDark .arrow { border-left: 10px solid; border-color: #006666; }
.homepage .pageTitleDark .arrow { border-left: 10px solid; border-color: #CC0000; }
@media only screen and (max-width: 767px) { .pageTitleDark { display: none; } }

.dynamicGroup .right { float: right; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; color: #fff; padding: 5px 10px; }
.dynamicGroup div span { position: relative; top: 2px; }

@media only screen and (max-width: 767px) { .dynamicGroup { display: block; background: #fff; }
  .dynamicGroup .left { width: 75%; padding: 0; background: #fff !important; }
  .dynamicGroup div span { padding: 4px 2px 2px 2px; font-size: 19px; line-height: 1.5em; }
  .frontpage .dynamicGroup div span { background: #AAA; }
  .news .dynamicGroup div span { background: #CC0000; }
  .sport .dynamicGroup div span { background: #3ea447; }
  .business .dynamicGroup div span { background: #1190af; }
  .opinion .dynamicGroup div span { background: #777552; }
  .debate .dynamicGroup div span { background: #777552; }
  .lifestyle .dynamicGroup div span { background: #f60; }
  .life-and-style .dynamicGroup div span { background: #f60; }
  .culture .dynamicGroup div span { background: #b74f7d; }
  .more .dynamicGroup div span { background: #006666; }
  .offers .dynamicGroup div span { background: #006666; }
  .homepage .dynamicGroup div span { background: #CC0000; }
  .dynamicGroup .right { display: none; }
  .dynamicGroup .arrow { display: none; } }
.microSearch { width: 100%; padding: 10px; display: inline-block; background: #f6f6f6; box-sizing: border-box; }
.frontpage .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #AAA; }
.news .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #CC0000; }
.sport .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #3ea447; }
.business .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #1190af; }
.opinion .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #777552; }
.debate .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #777552; }
.lifestyle .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #f60; }
.life-and-style .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #f60; }
.culture .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #b74f7d; }
.more .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #006666; }
.offers .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #006666; }
.homepage .microSearch { border-top: 5px solid; border-bottom: 3px double; border-color: #CC0000; }
.microSearch .insituHeading { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #515151; font-size: 20px; line-height: 26px; }
.microSearch .main { margin: 0 0 10px 0; }
.microSearch .search { font-style: italic; padding-right: 5px; font-size: 14px; }
.frontpage .microSearch .search { color: #AAA; }
.news .microSearch .search { color: #CC0000; }
.sport .microSearch .search { color: #3ea447; }
.business .microSearch .search { color: #1190af; }
.opinion .microSearch .search { color: #777552; }
.debate .microSearch .search { color: #777552; }
.lifestyle .microSearch .search { color: #f60; }
.life-and-style .microSearch .search { color: #f60; }
.culture .microSearch .search { color: #b74f7d; }
.more .microSearch .search { color: #006666; }
.offers .microSearch .search { color: #006666; }
.homepage .microSearch .search { color: #CC0000; }
.microSearch a { color: #515151; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; }
.microSearch a:hover { color: #074399; }
.microSearch .left { clear: both; float: left; }
.microSearch .right { float: right; }
.frontpage .microSearch .info { background: #AAA; }
.news .microSearch .info { background: #CC0000; }
.sport .microSearch .info { background: #3ea447; }
.business .microSearch .info { background: #1190af; }
.opinion .microSearch .info { background: #777552; }
.debate .microSearch .info { background: #777552; }
.lifestyle .microSearch .info { background: #f60; }
.life-and-style .microSearch .info { background: #f60; }
.culture .microSearch .info { background: #b74f7d; }
.more .microSearch .info { background: #006666; }
.offers .microSearch .info { background: #006666; }
.homepage .microSearch .info { background: #CC0000; }
.microSearch .info span { font-style: normal; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; line-height: 1em; padding: 0 5px; color: #fff; }
.microSearch .info .articles { font-weight: normal; }

.insituSearchList #search_results { margin-top: 0; }

/* Footer */
footer { position: relative; z-index: -1; clear: both; padding: 12px 0 0; border-top: 10px solid #E2E2E2; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 12px; background-color: #f6f6f6; }
footer #links nav a:hover, footer #partners nav a:hover, footer #legal nav a:hover { color: #999; }
footer #links .span6, footer #links .span3 { position: relative; }
footer #links .span6:before, footer #links .span3:before { content: ""; display: block; left: -16px; top: 10px; position: absolute; width: 1px; height: 90%; background-color: #E2E2E2; }
footer #links .span6 h5, footer #links .span3 h5 { font-size: 14px; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; font-weight: normal; padding: 10px 0 8px 0; }
footer #links .span6 a, footer #links .span3 a { color: #333; }
@media only screen and (max-width: 767px) { footer #links .span6, footer #links .span3 { display: none; } }
footer #links .span6 .span3:before, footer #links .span3:first-child:before { content: none; }
footer #links nav { font-size: 12px; }
footer #links nav ul li { line-height: 1.8em; }
footer #connect { margin: 16px 0 10px; }
footer #connect .follow { text-align: right; }
footer #connect .follow div a { float: none; margin-left: 15px; }
footer #connect .follow div a span { border-radius: 50%; }
footer #connect .follow div a:first-child span { margin-left: 0; }
footer #connect .follow p { padding: 0; }
footer #connect .apps a { margin-left: 15px; }
footer #connect .apps a:first-child { margin-left: 0; }
@media only screen and (max-width: 767px) { footer #connect .apps { margin-top: 10px; } }
@media only screen and (max-width: 767px) { footer #connect { margin: 10px 0; padding: 10px 0; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; }
  footer #connect .follow, footer #connect .apps { text-align: center; } }
footer #partners { text-align: center; padding: 10px 0; background-color: #333; color: #FFF; }
footer #partners nav { width: 65%; margin: auto; }
@media only screen and (min-width: 768px) and (max-width: 979px) { footer #partners nav { width: 80%; } }
footer #partners nav ul li { display: inline-block; margin-right: 5px; }
footer #partners nav ul li.link-label { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-right: 60px; }
footer #partners nav ul li:last-child a { border-right: none; }
footer #partners nav ul li a { padding-right: 5px; color: #FFF; border-right: 1px solid #FFF; }
@media only screen and (max-width: 767px) { footer #partners { display: none; } }
footer #legal { text-align: center; padding: 15px 0 0; }
footer #legal nav ul li { display: inline-block; margin-right: 5px; }
footer #legal nav ul li a { color: #515151; padding-right: 5px; border-right: 1px solid #c6c6c6; }
footer #legal nav ul li:last-child a { border-right: none; }
@media only screen and (max-width: 767px) { footer #legal nav { display: none; } }
footer #legal .copyright { text-align: center; font-family: "Times New Roman", Times, serif; color: #000; font-weight: bold; line-height: 1.3em; padding: 10px 0; font-size: 11px; }
@media only screen and (max-width: 767px) { footer #legal { padding: 0; } }
footer #mobile-links { display: none; }
@media only screen and (max-width: 767px) { footer #mobile-links { display: block; text-align: center; }
  footer #mobile-links h5 { display: inline-block; padding: 0; font-size: 14px; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase; font-weight: normal; }
  footer #mobile-links h5 a { border-right: 1px solid #333; padding-right: 10px; margin-right: 8px; color: inherit; }
  footer #mobile-links h5:last-child a { border: none; padding: 0; } }

@media only screen and (min-width: 768px) and (max-width: 979px) { footer #links .span3, footer #connect .span3 { width: 166px !important; }
  footer #links .span6, footer #connect .span6 { width: 352px !important; } }
/*Back to top button*/
.arrow_backtotop_wrapper { box-sizing: border-box; width: 28px; height: 28px; z-index: 999; position: fixed; bottom: -100px; right: 40px; background: #c6c6c6 url(/assets/images/generic/website/totoparrow.svg) no-repeat center; -webkit-background-size: 18px 18px; -o-background-size: 18px 18px; background-size: 18px 18px; opacity: .8; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; visibility: hidden; overflow: hidden; line-height: 20px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; }
.arrow_backtotop_wrapper.show { visibility: visible; cursor: pointer; bottom: 10px; }
.arrow_backtotop_wrapper .arrow_backtotop_inner { display: block; width: 40px; height: 40px; position: relative; top: -10px; left: -10px; }

@media only screen and (min-width: 768px) { .arrow_backtotop_wrapper { display: none; } }
/*Back to top button*/
/* custom font declaration */
@font-face { font-family: "DINWeb-Bold"; src: url("../fonts/DINWeb-BoldV2.eot"); src: url("../fonts/DINWeb-BoldV2.eot?#iefix") format("embedded-opentype"), url("../fonts/DINWeb-BoldV2.woff") format("woff"); font-weight: bold; font-style: normal; }
@font-face { font-family: "DINWeb-Medium"; src: url("../fonts/DINWebPro-Medium.eot"); src: url("../fonts/DINWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DINWebPro-Medium.woff") format("woff"); font-weight: normal; font-style: normal; }

/*# sourceMappingURL=global.css.map */