legend,
ol,
ul {
   padding: 0
}

img,
picture,
select {
   max-width: 100%
}

.msg-beta,
sub,
sup {
   position: relative
}

img,
legend {
   border: 0
}

pre,
textarea {
   overflow: auto
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
input,
label,
main,
menu,
nav,
section,
select,
summary {
   display: block
}

td,
th {
   padding: .75em 0
}

body,
dl dd,
img,
ol,
picture,
ul {
   margin: 0
}

.hidden-links,
.screen-reader.only {
   visibility: hidden
}

html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   touch-action: manipulation;
   height: 100%;
   width: 100%
}

audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline
}

audio:not([controls]) {
   display: none;
   height: 0
}

[hidden],
template {
   display: none
}

a {
   background-color: transparent;
   text-decoration: none;
   transition: color .1s linear
}

a:active,
a:hover {
   outline: 0
}

abbr[title] {
   border-bottom: 1px dotted
}

b,
optgroup,
strong {
   font-weight: bold
}

dfn {
   font-style: italic
}

mark {
   background: #ff0;
   color: #000
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   vertical-align: baseline
}

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

svg:not(:root) {
   overflow: hidden
}

figure {
   margin: 1em 40px
}

hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0
}

code,
kbd,
pre,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0
}

body,
button,
input,
input[type=button],
input[type=reset],
input[type=submit],
label,
select {
   font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-size: 1em
}

button {
   overflow: visible;
   text-transform: none
}

select {
   text-transform: none;
   margin-bottom: 1.5em;
   width: auto
}

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 {
   border: 0;
   padding: 0
}

input {
   line-height: normal
}

input::-moz-focus-inner {
   border: 0;
   padding: 0
}

input[type=checkbox],
input[type=radio] {
   box-sizing: border-box;
   padding: 0;
   display: inline;
   margin-right: .375em
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   height: auto
}

input[type=search] {
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

textarea {
   resize: vertical
}

table {
   border-spacing: 0;
   -webkit-font-feature-settings: "kern", "liga", "tnum";
   -moz-font-feature-settings: "kern", "liga", "tnum";
   -ms-font-feature-settings: "kern", "liga", "tnum";
   font-feature-settings: "kern", "liga", "tnum";
   border-collapse: collapse;
   margin: .75em 0;
   table-layout: fixed;
   width: 100%
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   -webkit-font-smoothing: antialiased;
   background-color: #477dca;
   border-radius: 3px;
   border: none;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-weight: bold;
   line-height: 1;
   padding: .75em 1em;
   text-decoration: none;
   user-select: none;
   vertical-align: middle;
   white-space: nowrap
}

button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
   background-color: #2c5999;
   color: #fff
}

button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
   cursor: not-allowed;
   opacity: .5
}

fieldset {
   background-color: #f7f7f7;
   border: 1px solid #ddd;
   margin: 0 0 .75em;
   padding: 1.5em
}

label {
   font-weight: bold;
   margin-bottom: .375em
}

label.required::after {
   content: "*"
}

.hide,
label abbr {
   display: none
}

input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select[multiple=multiple],
textarea {
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 3px;
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
   box-sizing: border-box;
   font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-size: 1em;
   margin-bottom: .75em;
   padding: .5em;
   transition: border-color;
   width: 100%
}

input:not([type]):hover,
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
select[multiple=multiple]:hover,
textarea:hover {
   border-color: #c4c4c4
}

input:not([type]):focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select[multiple=multiple]:focus,
textarea:focus {
   border-color: #477dca;
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(55, 112, 192, .7);
   outline: 0
}

input[type=search] {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none
}

input[type=file] {
   padding-bottom: .75em;
   width: 100%
}

ol,
ul {
   list-style-type: none
}

dl {
   margin-bottom: .75em
}

dl dt {
   font-weight: bold;
   margin-top: .75em
}

th {
   border-bottom: 1px solid #b7b7b7;
   font-weight: bold;
   text-align: left
}

td {
   border-bottom: 1px solid #ddd
}

td,
th,
tr {
   vertical-align: middle
}

body {
   -webkit-font-feature-settings: "kern", "liga", "pnum";
   -moz-font-feature-settings: "kern", "liga", "pnum";
   -ms-font-feature-settings: "kern", "liga", "pnum";
   font-feature-settings: "kern", "liga", "pnum";
   -webkit-font-smoothing: antialiased;
   color: #333;
   line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
   line-height: 1.2;
   margin: 0 0 .75em
}

a:active,
a:focus,
a:hover {
   color: #2c5999
}

a:active,
a:focus {
   outline: 0
}

hr {
   border-left: none;
   border-right: none;
   border-top: none;
   margin: 1.5em 0
}

.msg-beta {
   top: -3px;
   left: 5px;
   color: #dd1b23;
   font-weight: normal;
   font-style: italic;
   font-size: 12px
}

.browserupgrade {
   z-index: 5;
   display: block;
   width: 100%;
   padding: 10%;
   margin: 0 auto
}

html {
   box-sizing: border-box
}

*,
::after,
::before {
   box-sizing: inherit
}

.image-gradient-dynamic .copy,
.view-more a .icon,
.view-more button .icon {
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%)
}

.article-title .article-category,
.button--upper,
.content-title h1,
.footer .copyright,
.navigation ul li.nav-link>a,
.navigation-menu-button,
blockquote {
   text-transform: uppercase
}

.button {
   padding: .5em;
   margin-bottom: 1em;
   color: #fff;
   transition: background .15s;
   box-shadow: inset 0 1px rgba(255, 255, 255, .2);
   border-radius: 0;
   border: 1px solid
}

.stick {
   -webkit-transition: all .2ms;
   -moz-transition: all .2ms
}

.button--large {
   font-size: 1.2em
}

.button--small {
   font-size: .83333em
}

.button--bold {
   font-weight: bold
}

.button--block {
   display: block;
   width: 100%
}

.button--default {
   background-color: #dd1b23;
   border-color: #b0151c
}

.button--default:active,
.button--default:hover {
   background: #e8434a
}

.button--success {
   background-color: #27ae60;
   border-color: #1e8449
}

.button--success:active,
.button--success:hover {
   background: #36d278
}

.button--danger {
   background-color: #c0392b;
   border-color: #962d22
}

.button--danger:active,
.button--danger:hover {
   background: #d65548
}

.button--warning {
   background-color: #f1c40f;
   border-color: #c29d0b
}

.button--warning:active,
.button--warning:hover {
   background: #f4d03f
}

.button--info {
   background-color: #2980b9;
   border-color: #20638f
}

.button--info:active,
.button--info:hover {
   background: #409ad5
}

.no-svg [class*=" icon-"],
.no-svg [class^=icon-],
[class*=" icon-"],
[class^=icon-] {
   background-repeat: no-repeat;
   display: inline-block
}

.icon-close-svg,
.icon-plus,
.icon-search-svg {
   background-position: center
}

.image-gradient-dynamic {
   line-height: 0;
   position: relative;
   width: 100%
}

.image-gradient-dynamic img {
   height: auto;
   left: 0;
   position: relative;
   top: 0;
   width: 100%
}

.image-gradient-dynamic .copy {
   transform: translate(-50%, -50%);
   left: 50%;
   margin: auto;
   position: absolute;
   text-align: center;
   top: 50%;
   z-index: 999
}

.image-gradient-dynamic .copy p {
   color: #fff;
   font-weight: bold;
   line-height: 1.5em;
   padding: 1em 2em;
   position: relative
}

.image-gradient-dynamic .overlay {
   background-color: rgba(255, 0, 0, .1);
   background-image: -webkit-linear-gradient(-270deg, rgba(255, 0, 0, .1), rgba(0, 128, 0, .4));
   background-image: linear-gradient(0deg, rgba(255, 0, 0, .1), rgba(0, 128, 0, .4));
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0
}

.image-gradient-dynamic .overlay:after {
   background-color: rgba(0, 128, 128, .2);
   background-image: -webkit-linear-gradient(-360deg, rgba(0, 128, 128, .2), rgba(255, 255, 0, .2));
   background-image: linear-gradient(90deg, rgba(0, 128, 128, .2), rgba(255, 255, 0, .2));
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   content: '';
   display: block
}

.article-cards-section::after,
.container::after,
.footer .copyright::after,
.footer .row::after,
.footer::after,
.full-width::after,
.has-dfp-ad .navigation-wrapper .inner::after,
.has-dfp-ad .navigation-wrapper::after,
.lt-ie9 .container::after,
.lt-ie9 .navigation-wrapper::after,
.navigation-wrapper .inner::after,
.navigation-wrapper::after,
.page-title::after,
header::after,
main[role=main]::after,
section::after {
   content: "";
   clear: both
}

.video-wrapper {
   height: 0;
   overflow: hidden;
   padding-bottom: 56.25%;
   position: relative
}

.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%
}

.loader b,
header {
   position: relative
}

.icon-white {
   background-image: url(/img/svg/sml_sprite_wht.svg)
}

.icon-gray {
   background-image: url(/img/svg/sml_sprite_gray.svg)
}

.icon-red {
   background-image: url(/img/svg/sml_sprite_red.svg)
}

.no-svg .icon-white {
   background-image: url(/img/icons/sml_sprite_wht.png)
}

.no-svg .icon-gray {
   background-image: url(/img/icons/sml_sprite_gray.png)
}

.no-svg .icon-red {
   background-image: url(/img/icons/sml_sprite_red.png)
}

.icon-search-svg {
   width: 34px;
   height: 34px;
   background-image: url(/img/icons/icon-search.png);
   background-size: 28px 28px
}

.icon {
   display: inline-block;
   width: 1em;
   height: 1em;
   fill: currentColor
}

.icon-close-svg {
   width: 34px;
   height: 34px;
   background-image: url(/img/svg/icon-close.svg);
   background-size: 34px 34px
}

.icon-search {
   width: 26px;
   height: 28px;
   background-position: 0 0
}

.icon-envelope-o {
   width: 28px;
   height: 28px;
   background-position: -46px 0
}

.icon-close {
   width: 22px;
   height: 28px;
   background-position: -92px 0
}

.icon-print {
   width: 26px;
   height: 28px;
   background-position: -138px 0
}

.icon-twitter {
   width: 26px;
   height: 28px;
   background-position: -184px 0
}

.icon-facebook {
   width: 16px;
   height: 28px;
   background-position: -230px 0
}

.icon-rss {
   width: 22px;
   height: 28px;
   background-position: -276px 0
}

.icon-bars,
.icon-linkedin,
.icon-share-alt {
   width: 28px;
   height: 28px
}

.icon-bars {
   background-position: -322px 0
}

.icon-linkedin {
   background-position: -368px 0
}

.icon-share-alt {
   background-position: -414px 0
}

.loader {
   display: block;
   margin: 5px auto;
   background: url(/img/icons/loader.gif) left top no-repeat;
   background-size: 28px 28px;
   font-size: 11px;
   width: 32px;
   height: 32px;
   clear: both
}

.loader b {
   display: block;
   font-weight: bold;
   color: #666;
   left: 36px;
   top: 6px
}

::-moz-selection,
::selection {
   background: #dd1b23;
   text-shadow: none
}

a,
a:visited {
   color: #dd1b23
}

a:hover {
   color: #b0151c
}

.card-header a {
   color: #000
}

.page-title h1 {
   font-size: 3.25em
}

.page-title h2 {
   font-size: 2em
}

.page-title h3 {
   font-size: 1.75em
}

.page-title h4 {
   font-size: 1.5em
}

.page-title h5 {
   font-size: 1.25em
}

.page-title h6 {
   font-size: 1em
}

h1 {
   font-size: 3.25em
}

h2 {
   font-size: 2em
}

h3 {
   font-size: 1.75em
}

h4 {
   font-size: 1.5em
}

h5 {
   font-size: 1.25em
}

h6,
p {
   font-size: 1em
}

.article-title .publish-date {
   font-size: 13px;
   display: inline-block
}

.article-title .byline {
   display: block;
   color: #999;
   font-size: 13px
}

.article-title .date {
   display: inline-block
}

.article-title h1 {
   font-size: 2.5em;
   font-weight: bold;
   padding-right: 10px;
   margin: 20px 0 10px
}

.article-title.lrg {
   font-size: 2em
}

.article-title .article-category {
   display: inline-block;
   font-weight: bold;
   font-style: italic;
   color: #dd1b23
}

.article-title .article-category a {
   color: #dd1b23
}

.links a:link,
.links a:visited {
   font-size: 1em;
   color: #dd1b23;
   font-style: italic
}

.footer .links a:link,
.footer .links a:visited {
   background-color: #000;
   font-size: 1em;
   color: #dd1b23;
   font-style: italic
}

.most-commented-links a:hover,
.most-commented-links a:visited:hover,
.popular-links a:hover,
.popular-links a:visited:hover {
   color: #000
}

.footer .links a:hover {
   background-color: #000
}

.column-title {
   display: block;
   min-height: 45px;
   padding: 0;
   margin: 0
}

.column-title h2 {
   margin: 0 0 0 10px;
   padding: 0;
   font-size: 2.1875em;
   font-weight: bold;
   min-height: 45px
}

.most-commented-links,
.popular-links {
   margin-bottom: 30px
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: bold
}

.popular-links li {
   border-top: 1px dotted #ccc
}

.popular-links li:first-child {
   border-top: none
}

.popular-links a,
.popular-links a:visited {
   display: block;
   font-size: 1em;
   width: 100%;
   padding: 10px
}

.most-commented-links .meta-info {
   display: block;
   width: 100%;
   color: #000;
   font-size: 13px
}

.most-commented-links .meta-info .comment-count {
   display: inline-block;
   padding-right: 10px
}

.most-commented-links .meta-info .publish-date {
   display: inline-block;
   padding-left: 10px;
   float: none
}

hr,
section {
   display: block
}

.most-commented-links li {
   border-top: 1px dashed #ccc
}

.most-commented-links li:first-child {
   border-top: none
}

.most-commented-links a,
.most-commented-links a:visited {
   display: block;
   font-size: 1em;
   width: 100%;
   padding: 10px
}

blockquote {
   font-weight: bold;
   width: 100%;
   margin: 20px 0
}

.lt-ie9 .aside-column .column-title {
   padding: 0;
   margin: 20px 0 0;
   height: 40px
}

.lt-ie9 .aside-column .column-title h2 {
   font-size: 2.1875em;
   font-weight: bold;
   margin-left: 10px
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
   color: #fff;
   text-transform: uppercase;
   font-size: 18px;
   font-weight: bold
}

footer.links a {
   color: #0c9548;
   font-size: 13px
}

body {
   background-color: #f2f2f2;
   z-index: 1
}

body,
html {
   -webkit-tap-highlight-color: transparent
}

.icon-classic-site-link {
   color: #dd1b23
}

.icon-classic-site-link img {
   width: 32px;
   margin-bottom: -7px;
   margin-right: 9px
}

.container,
.full-width {
   margin-left: auto;
   margin-right: auto
}

hr {
   width: 100%;
   border-bottom: 2px dotted #CCC;
   clear: both
}

.icon-bars-svg,
.no-sgv .icon-bars-svg {
   background-repeat: no-repeat;
   background-size: contain;
   background-origin: content-box;
   width: 32px;
   height: 27px
}

#content,
.pageContentContainer {
   min-height: 1024px;
   z-index: 2;
   position: relative
}

iframe {
   border: none
}

.icon-bars-svg {
   background-image: url(/img/svg/Hamburger.svg)
}

.no-sgv .icon-bars-svg {
   background-image: url(/img/no-svg-menu.png)
}

.container::after,
.full-width::after,
section::after {
   display: table
}

.container {
   max-width: 87.5%
}

@media screen and (max-width:47.9375em) {
   .container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .container::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .container {
      max-width: 87.5%;
      margin-left: auto;
      margin-right: auto
   }
   .container::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:37.5em) {
   .container {
      max-width: 95%;
      margin-left: auto;
      margin-right: auto
   }
   .container::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:60.0625em) {
   .container {
      max-width: 95%;
      margin-left: auto;
      margin-right: auto
   }
   .container::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:75em) {
   .container {
      max-width: 87.5%;
      margin-left: auto;
      margin-right: auto
   }
   .container::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:100em) {
   .container {
      max-width: 87.5%;
      margin-left: auto;
      margin-right: auto
   }
   .container::after {
      clear: both;
      content: "";
      display: table
   }
}

.full-width {
   max-width: 100%
}

@media screen and (min-width:100em) {
   .full-width.layout-16x9 {
      max-width: 87%;
      margin-left: auto;
      margin-right: auto
   }
   .full-width.layout-16x9::after {
      clear: both;
      content: "";
      display: table
   }
}

.navigation,
header,
nav {
   min-height: 60px;
}


.content-title {
   display: table;
   width: 100%;
   table-layout: fixed;
}

@media screen and (max-width:47.9375em) {
   .content-title {
      float: left;
      display: block;
      width: 87.05267%;
      margin: 0 0 0 7.47866%
   }
   .content-title::after {
      clear: both;
      content: "";
      display: table
   }
   .content-title:last-child {
      margin-right: 0
   }
}

.content-title h1 {
   font-size: 2.8125em;
   font-weight: bold;
   margin: 0 0 7px
}

@media screen and (max-width:47.9375em) {
   .content-title h1 {
      float: left;
      display: block;
      width: 87.05267%;
      font-size: 1.875em;
      margin: 0 0 7px
   }
   .content-title h1:last-child {
      margin-right: 0
   }
}

header {
   display: block
}

header::after {
   display: table
}

header.stick {
   position: fixed;
   top: 0
}

.branding,
header.unstuck {
   position: relative
}

.branding {
   height: 60px
}

.branding .logo {
   position: absolute;
   float: right
}

.branding .logo:hover {
   cursor: pointer
}

@media screen and (max-width:47.9375em) {
   .branding,
   .branding:last-child {
      margin-right: 0
   }
   .branding {
      float: left;
      display: block;
      width: 100%
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .content-title h1 {
      font-size: 1.875em
   }
   .branding {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 22.316%
   }
   .branding:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:75em) {
   .content-title h1 {
      font-size: 2.8125em
   }
   .branding {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 14.70196%
   }
   .branding:last-child {
      margin-right: 0
   }
}

.navigation {
   position: relative
}

@media screen and (max-width:47.9375em) {
   .navigation {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 48.21067%
   }
   .navigation:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .navigation {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 74.10533%
   }
   .navigation:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:75em) {
   .navigation {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%
   }
   .navigation:last-child {
      margin-right: 0
   }
}

main[role=main] {
   display: block;
   clear: both
}

main[role=main]::after {
   display: table
}

.page-title {
   display: block
}

.page-title::after {
   display: table
}

.page-title .inner {
   margin: 10px 0 20px
}

.article-container {
   margin: 0 0 30px
}

.article-container.full-width {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 91.4702%
}

.article-container.full-width:last-child {
   margin-right: 0
}

@media screen and (max-width:47.9375em) {
   .article-container.full-width {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 100%
   }
   .article-container.full-width:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:60.0625em) {
   .article-container.full-width {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%
   }
   .article-container.full-width:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:37.5em) {
   .article-container.full-width {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%
   }
   .article-container.full-width:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .article-container.full-width {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 100%
   }
   .article-container.full-width:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:75em) {
   .article-container.full-width {
      max-width: 85.88078%;
      margin-left: auto;
      margin-right: auto
   }
   .article-container.full-width::after {
      clear: both;
      content: "";
      display: table
   }
}

.article-container .article-title+div,
.article-container noscript+div {
   margin-left: 20px
}

.article-container .article-title {
   margin: 0 0 20px
}

@media screen and (max-width:47.9375em) {
   .article-container .article-title {
      margin-left: 20px
   }
   .article-container {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 100%
   }
   .article-container:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:60.0625em) {
   .article-container .article-title {
      margin-left: 20px
   }
   .article-container {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%
   }
   .article-container:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:37.5em) {
   .article-container .article-title {
      margin-left: 20px
   }
   .article-container {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%
   }
   .article-container:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .article-container .article-title {
      margin-left: 20px
   }
   .article-container {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 111.6526%
   }
   .article-container:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:48em) {
   .article-container {
      float: left;
      display: block;
      margin-right: 2.01406%;
      width: 57.00836%
   }
   .article-container:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:75em) {
   .article-container {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%
   }
   .article-container:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:100em) {
   .content-title h1 {
      font-size: 2.8125em
   }
   .article-container {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%
   }
   .article-container:last-child {
      margin-right: 0
   }
}

.aside-column {
   overflow: hidden;
   padding: 0 0 20px;
   background-color: #fff;
   margin-right: 0
}

@media screen and (max-width:47.9375em) {
   .aside-column {
      float: left;
      margin-right: 3.57866%;
      width: 100%;
      display: none
   }
   .aside-column:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:60.0625em) {
   .aside-column {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%
   }
   .aside-column:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:37.5em) {
   .aside-column {
      float: left;
      display: block;
      margin-right: 2.01406%;
      width: 34.41953%
   }
   .aside-column:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .aside-column {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 32.61455%
   }
   .aside-column:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:48em) and (orientation:portrait) {
   .aside-column {
      float: left;
      display: block;
      margin-right: 2.01406%;
      width: 39.52024%
   }
   .aside-column:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:75em) {
   .aside-column {
      float: left;
      display: block;
      margin-right: 1.75788%;
      width: 28.1335%
   }
   .aside-column:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:100em) {
   .aside-column {
      float: left;
      display: block;
      margin-right: 1.75788%;
      width: 21.13764%
   }
   .aside-column:last-child {
      margin-right: 0
   }
}

.aside-column .inner {
   margin: 15px 7.5px 0
}

.aside-column .inner.spacing-v {
   margin: 30px 0
}

.aside-column .inner.spacing-h {
   margin: 0 30px
}

.article-section {
   padding-bottom: 30px;
   margin-bottom: 30px;
   background-color: #fff
}

.article-section::after {
   clear: both;
   content: "";
   display: table
}

@media screen and (max-width:47.9375em) {
   .article-section {
      float: right;
      display: block;
      margin-left: 3.57866%;
      width: 100%
   }
   .article-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:60.0625em) {
   .article-section {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 100%
   }
   .article-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:37.5em) {
   .article-section {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 100%
   }
   .article-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:64em) {
   .article-section {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 65.88078%
   }
   .article-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:48em) {
   .article-section {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 100%
   }
   .article-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:75em) {
   .article-section {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 91.4702%
   }
   .article-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:100em) {
   .article-section {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 82.94039%
   }
   .article-section:last-child {
      margin-left: 0
   }
}

.article-section.transparent {
   background-color: transparent
}

.related-articles {
   background-color: #f2f2f2;
   margin: 15px 0 -30px
}

.article-cards-section {
   padding-bottom: 20px;
   background-color: transparent
}

@media screen and (max-width:47.9375em) {
   .article-cards-section {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .article-cards-section::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .article-cards-section {
      max-width: 95.5%;
      margin-left: auto;
      margin-right: auto
   }
   .article-cards-section::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:75em) {
   .article-cards-section {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .article-cards-section::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:100em) {
   .article-cards-section {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .article-cards-section::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (max-width:47.9375em) {
   .article-cards-section .container {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto
   }
   .article-cards-section .container::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .article-cards-section .container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .article-cards-section .container::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:75em) {
   .article-cards-section .container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .article-cards-section .container::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:100em) {
   .article-cards-section .container {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .article-cards-section .container::after {
      clear: both;
      content: "";
      display: table
   }
}

.article-cards-section {
   width: 100%
}

.article-cards-section::after {
   display: table
}

@media screen and (max-width:47.9375em) {
   .article-cards-section .content-title {
      margin: 0 0 0 .47866%
   }
   .article-cards-section {
      float: right;
      display: block;
      margin-left: 3.57866%;
      width: 100%
   }
   .article-cards-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .article-cards-section {
      float: right;
      display: block;
      margin-left: 3.57866%;
      width: 100%
   }
   .article-cards-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:75em) {
   .article-cards-section {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 95.5%
   }
   .article-cards-section:last-child {
      margin-left: 0
   }
}

@media screen and (min-width:100em) {
   .article-cards-section {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 91.4702%
   }
   .article-cards-section:last-child {
      margin-left: 0
   }
}

.footer {
   display: block;
   padding: 30px 0;
   margin: 20px 0 0;
   background-color: #000
}

.footer::after {
   display: table
}

.footer .row {
   display: block
}

.footer .row::after {
   display: table
}

@media screen and (max-width:47.9375em) {
   .footer .inner {
      padding: 0 30px
   }
   .footer {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 100%
   }
   .footer:last-child {
      margin-right: 0
   }
}

.footer .copyright {
   display: block;
   margin: 0 auto;
   color: #fff;
   font-size: 13px;
   text-align: center
}

.footer .copyright::after {
   display: table
}

.footer .copyright p {
   text-align: center
}

.footer .col {
   margin: 0 0 30px
}

@media screen and (max-width:47.9375em) {
   .footer .col {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 100%
   }
   .footer .col:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .footer .inner {
      padding: 0
   }
   .footer .col {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 22.316%
   }
   .footer .col:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:75em) {
   .footer .col {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%
   }
   .footer .col:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:100em) {
   .footer .col {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%
   }
   .footer .col:last-child {
      margin-right: 0
   }
}

.column.whats-popular {
   float: left;
   display: block;
   margin-right: 2.35765%;
   width: 65.88078%
}

.column.whats-popular:last-child {
   margin-right: 0
}

@media screen and (max-width:47.9375em) {
   .column.whats-popular {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 100%
   }
   .column.whats-popular:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .column.whats-popular {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%
   }
   .column.whats-popular:last-child {
      margin-right: 0
   }
}

@media screen and (min-width:75em) {
   .column.whats-popular {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%
   }
   .column.whats-popular:last-child {
      margin-right: 0
   }
}

.lt-ie9 .container {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden
}

.lt-ie9 .container::after {
   display: table
}

.lt-ie9 .container .inner {
   width: 100%;
   margin: 0 auto
}
.lt-ie9 .aside-column {
   width: 23.23176%;
   float: left;
   padding: 0 10px
}

.lt-ie9 .aside-column .inner {
   margin: 0
}

.lt-ie9 .article-section {
   margin-top: 0;
   padding-top: 10px
}

.lt-ie9 .content-title {
   margin: 0 0 0 30px
}

.lt-ie9 .article-title+div {
   margin-left: 0
}

.has-dfp-ad .pageContentContainer {
   z-index: 2;
   position: relative;
   background-color: #fff
}

@media screen and (min-width:75em) {
   .has-dfp-ad .pageContentContainer {
      max-width: 970px;
      margin-left: auto;
      margin-right: auto
   }
   .has-dfp-ad .pageContentContainer::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:100em) {
   .has-dfp-ad .pageContentContainer {
      max-width: 970px;
      margin-left: auto;
      margin-right: auto
   }
   .has-dfp-ad .pageContentContainer::after {
      clear: both;
      content: "";
      display: table
   }
}

.touchevents .navigation-menu-button {
   display: block
}

@media screen and (min-width:64em) {
   .touchevents .navigation-menu-button {
      display: none
   }
}

.touchevents #desktop-navigation,
.touchevents .endOfNav,
.touchevents .moreNavItems,
.touchevents .moreNavItemsList {
   display: none
}

@media screen and (max-width:47.9375em) {
   .touchevents .navigation-tools {
      display: none
   }
}

@media screen and (min-width:48em) {
   .touchevents .navigation-menu-button {
      display: none
   }
   .touchevents .navigation-tools {
      display: block
   }
}

@media screen and (min-width:64em) {
   .touchevents .navigation-tools {
      display: block
   }
}

.hidden-links {
   position: absolute;
   top: 0;
   right: 0;
   -webkit-transition-delay: .5s;
   -moz-transition-delay: .5s;
   transition-delay: .5s
}

.hidden-links a {
   background-color: #000;
   padding: 15px 30px;
   color: #fff;
   white-space: nowrap
}

.btn-more:hover .hidden-links {
   position: absolute;
   display: block;
   top: 100%;
   right: 0;
   visibility: visible;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   transition-delay: 0s
}

.navigation-menu-button {
   display: none
}

.no-touchevents .navigation-tools {
   right: 0 !important
}

.navigation-tools {
   display: block;
   z-index: 10000
}

#desktop-navigation {
   display: block;
   float: left;
   height: 60px;
   position: relative;
   max-width: 80%
}

nav {
   float: left;
   display: block
}

.navigation ul li.nav-link {
   display: block;
   position: relative;
   text-align: right;
   width: auto;
   z-index: 9999;
   padding: 0;
   float: left;
   background-color: #000
}

.lt-ie9 .navigation ul li.nav-link {
   display: block;
   color: #fff;
   width: 100px;
   border: 1px solid #ff69b4
}

.navigation,
.navigation ul.drop-links li.nav-link {
   border-bottom: none
}

.navigation ul li.nav-link>a {
   color: #fff;
   background-color: transparent;
   display: inline-block;
   font-weight: bold;
   font-size: .875em;
   padding: 1.4em .9em
}

.lt-ie9 .navigation ul li.nav-link>a {
   display: block;
   color: #fff
}

.navigation ul li.nav-link>a>i {
   font-size: 11px
}

.navigation ul li.nav-link>a.active,
.navigation ul li.nav-link>a:focus,
.navigation ul li.nav-link>a:hover {
   color: #fff;
   background-image: -webkit-linear-gradient(transparent 90%, #dd1b23 0, #dd1b23 100%);
   background-image: linear-gradient(transparent 90%, #dd1b23 0, #dd1b23 100%);
   background-position: center bottom, center
}

ul li.nav-link:hover>a {
   background-color: #dd1b23
}

.logo {
   float: left;
   display: inline-block;
   max-height: 60px;
   padding-left: 0;
   padding-right: 2em
}

.lt-ie9 .logo {
   width: 105px
}

@media screen and (max-width:47.9375em) {
   .logo {
      padding-left: 1em
   }
}

.logo img {
   height: auto;
   width: 95px;
   margin-top: 10px
}

.navigation-menu-button {
   color: rgba(255, 255, 255, .7);
   float: right;
   font-weight: bold;
   line-height: 46px;
   margin: 0;
   padding: 0 1em
}

.lt-ie9 .navigation-menu-button {
   display: none
}

.has-dfp-ad .navigation-wrapper .inner::after,
.has-dfp-ad .navigation-wrapper::after,
.lt-ie9 .navigation-wrapper::after,
.navigation-wrapper .inner::after,
.navigation-wrapper::after {
   display: table
}

.navigation-menu-button:focus,
.navigation-menu-button:hover {
   color: #fff;
   background-color: #000;
   -webkit-transition: all, .3s, ease-in-out;
   -moz-transition: all, .3s, ease-in-out;
   transition: all, .3s, ease-in-out
}

.navigation-menu-button i {
   margin-top: 15px
}

.navigation-wrapper {
   position: relative;
   z-index: 2999;
   min-height: 60px;
   background-color: #000;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto
}

.lt-ie9 .navigation-wrapper {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   z-index: 9999;
   height: 62px
}

.has-dfp-ad .navigation-wrapper {
   max-width: 970px;
   margin-left: auto;
   margin-right: auto
}

.navigation-wrapper .inner {
   max-width: 87.5%;
   margin-left: auto;
   margin-right: auto
}

.has-dfp-ad .navigation-wrapper .inner {
   max-width: 98%;
   margin-left: auto;
   margin-right: auto
}

@media screen and (max-width:47.9375em) {
   .navigation-wrapper .inner {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .navigation-wrapper .inner::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:60.0625em) {
   .navigation-wrapper .inner {
      max-width: 95.5%;
      margin-left: auto;
      margin-right: auto
   }
   .navigation-wrapper .inner::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:37.5em) {
   .navigation-wrapper .inner {
      max-width: 95.5%;
      margin-left: auto;
      margin-right: auto
   }
   .navigation-wrapper .inner::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .navigation-tools {
      right: 20px
   }
   .navigation-wrapper .inner {
      max-width: 95.5%;
      margin-left: auto;
      margin-right: auto
   }
   .navigation-wrapper .inner::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:48em) and (orientation:portrait) {
   .navigation-wrapper .inner {
      max-width: 95.5%;
      margin-left: auto;
      margin-right: auto
   }
   .navigation-wrapper .inner::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:75em) {
   .navigation-tools {
      right: 4%
   }
   .navigation-wrapper .inner {
      max-width: 95.5%;
      margin-left: auto;
      margin-right: auto
   }
   .navigation-wrapper .inner::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (min-width:100em) {
   .navigation-wrapper .inner {
      max-width: 87.5%;
      margin-left: auto;
      margin-right: auto
   }
   .navigation-wrapper .inner::after {
      clear: both;
      content: "";
      display: table
   }
}

@media screen and (max-width:47.9375em) {
   .navigation-wrapper {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto
   }
   .navigation-wrapper::after {
      clear: both;
      content: "";
      display: table
   }
}

.navigation {
   background-color: transparent;
   width: 100%;
   z-index: 2999;
   height: auto;
   float: left
}

.navigation ul.navigation-menu[style] {
   -webkit-transform-style: preserve-3d;
   clear: both;
   display: none;
   margin: 0 auto;
   overflow: visible;
   padding: 0;
   width: 100%;
   z-index: 9999
}

.navigation ul.navigation-menu[style].show {
   display: block
}

.navigation ul.drop-links li.nav-link>a {
   padding: .6em 0;
   line-height: 16px;
   text-transform: none;
   font-style: italic;
   color: #dd1b23
}

.navigation ul.drop-links li.nav-link>a.active,
.navigation ul.drop-links li.nav-link>a:focus {
   color: #dd1b23;
   background-image: -webkit-linear-gradient(transparent 100%, transparent 100%, transparent 100%);
   background-image: linear-gradient(transparent 100%, transparent 100%, transparent 100%)
}

@media screen and (max-width:47.9375em) {
   .navigation ul.drop-links li.nav-link>a {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      color: #dd1b23;
      font-weight: bold;
      background-color: transparent
   }
   .navigation ul.drop-links li.nav-link {
      background-color: transparent
   }
}

.navigation .active-nav-item a {
   border-bottom: 1px dotted rgba(255, 255, 255, .5);
   padding-bottom: 3px;
   background-color: #dd1b23
}

.navigation li.more.nav-link {
   padding-right: 0
}

@media screen and (min-width:75em) {
   .navigation .active-nav-item a {
      border-bottom: none
   }
   .navigation li.more.nav-link {
      padding-right: 1em
   }
   .navigation li.more>a {
      margin-right: 1em
   }
}

.navigation li.more.nav-link>ul>li:first-child a {
   padding-top: 0
}

.navigation li.more.nav-link a {
   margin-right: 1em
}

.navigation li.more.nav-link>a {
   padding-right: 1em
}

.navigation li.more.nav-link>a:after {
   position: absolute;
   top: -.4em;
   right: -.4em;
   bottom: auto;
   left: auto;
   color: rgba(255, 255, 255, .7)
}

.fa-bars,
.main-header-nav .visible-links a,
.main-header-nav a,
.main-header-nav a:hover,
.mobile-nav a {
   color: #fff
}

@media screen and (max-width:47.9375em) {
   .navigation li.more.nav-link>a:after {
      position: absolute;
      top: auto;
      right: 1em;
      bottom: auto;
      left: auto
   }
}

.navigation li.more {
   overflow: visible;
   padding-right: 0
}

.navigation li.more a {
   padding-right: .8em
}

.navigation li.more>a.active-nav-item {
   background-color: #dd1b23
}

.navigation li.more>a {
   padding-right: 1.6em;
   position: relative
}

.navigation li.more>a:after {
   font-size: .875em;
   position: absolute;
   right: .5em
}

@media screen and (max-width:47.9375em) {
   .navigation li.more {
      padding-right: .8em;
      position: relative
   }
   .navigation-tools {
      display: none
   }
}

.navigation .sub-menu-container {
   display: none;
   background-color: #dd1b23;
   width: 100%;
   height: 60px;
   position: absolute;
   top: 60px;
   left: 0
}

.navigation-tools {
   width: auto;
   min-width: 200px;
   background: 0 0;
   height: 60px;
   float: right;
   position: absolute;
   top: 0;
   right: 0
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .navigation-tools {
      right: 0
   }
}

@media screen and (min-width:75em) {
   .navigation-tools {
      right: 3%
   }
}

@media screen and (min-width:100em) {
   .navigation .active-nav-item a {
      border-bottom: none
   }
   .navigation-tools {
      right: 6%
   }
}

.fa-bars {
   font-size: 2em
}

.hide-text {
   overflow: hidden;
   text-indent: 101%;
   white-space: nowrap
}

li.drop i.icon-dropdown {
   background-size: contain;
   margin-left: 10px;
   width: 16px;
   height: 10px;
   background-image: url(/img/icons/ie9-arrow.png)
}

.lt-ie9 li.drop {
   background-size: 16px 18px
}

.lt-ie9 #js-mobile-menu {
   display: none
}

.lt-ie9 header.navigation ul.navigation-menu {
   -webkit-transform-style: preserve-3d;
   clear: none;
   display: inline-block;
   margin: 0 auto;
   overflow: visible;
   padding: 0;
   width: auto;
   z-index: 9999
}

.lt-ie9 li.more,
.lt-ie9 li.more a {
   padding-right: .8em
}

.lt-ie9 header.navigation ul.navigation-menu.show {
   display: none
}

.lt-ie9 li.more {
   overflow: visible;
   position: relative
}

.hide-overflow-for-nav,
.overflow-hidden {
   overflow: hidden
}

.lt-ie9 li.more>a.active-nav-item {
   background-color: #000
}

.lt-ie9 li.more>a {
   padding-right: 1.6em;
   position: relative;
   margin-right: 20px;
   line-height: 60px
}

.lt-ie9 li.more>a:after {
   font-size: .875em;
   position: absolute;
   right: .5em
}

.main-header-nav {
   position: relative;
   min-width: 80%;
   background: 0 0;
   height: 60px;
   float: left
}

@media screen and (max-width:47.9375em) {
   .main-header-nav {
      display: none;
      min-width: 50%;
      width: 60%
   }
}

@media screen and (min-width:48em) {
   .main-header-nav {
      display: block;
      min-width: 60%;
      width: 70%
   }
}

@media screen and (min-width:64em) {
   .main-header-nav {
      display: block;
      min-width: 60%;
      width: 75%
   }
}

@media screen and (min-width:75em) {
   .main-header-nav {
      display: block;
      min-width: 60%;
      width: 75%
   }
}

@media screen and (min-width:100em) {
   .main-header-nav {
      display: block;
      min-width: 75%;
      width: 80%
   }
}

.main-header-nav a {
   display: inline-block;
   font-size: .875em;
   background-color: transparent;
   font-weight: bold;
   padding: 1.4em .9em;
   width: inherit;
   white-space: nowrap;
   float: left
}

.main-header-nav .hamburger {
   position: relative;
   width: 32px;
   height: 3px;
   background: #fff;
   margin: auto
}

.main-header-nav .hamburger:after,
.main-header-nav .hamburger:before {
   content: '';
   position: absolute;
   left: 0;
   width: 32px;
   height: 3px;
   background: #fff
}

.main-header-nav .hamburger:before {
   top: -8px
}

.main-header-nav .hamburger:after {
   bottom: -8px
}

.main-header-nav .visible-links {
   display: inline-table
}

.main-header-nav .visible-links li {
   display: table-cell;
   border-left: none
}

.main-header-nav .hidden-links {
   margin: 0;
   position: absolute;
   top: 0;
   right: 0;
   visibility: hidden;
   -webkit-transition-delay: .5s;
   -moz-transition-delay: .5s;
   transition-delay: .5s
}

.main-header-nav .hidden-links a {
   display: block;
   float: none;
   text-align: right;
   background-color: #000;
   padding: 15px 30px;
   color: #fff;
   white-space: nowrap
}

.main-header-nav .hidden-links li {
   display: block;
   border-top: 1px solid #FFF;
   float: none !important
}

.main-header-nav .visible-links li:first-child {
   font-weight: bold
}

.main-header-nav .hidden {
   visibility: hidden
}

.main-header-nav .btn-more:hover .hidden-links {
   position: absolute;
   display: block;
   top: 100%;
   right: 0;
   visibility: visible;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   transition-delay: 0s
}

.advert-container::after {
   content: ""
}

.mobile-nav {
   position: fixed;
   left: 0;
   top: -100%;
   height: 100%;
   width: 100%;
   background: #000;
   z-index: 3000;
   text-align: left;
   padding: 60px 0;
   -webkit-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-perspective: 1000px;
   -moz-perspective: 1000px;
   perspective: 1000px;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   -webkit-animation: slideDown;
   -moz-animation: slideDown;
   animation: slideDown;
   -webkit-transition-timing-function: cubic-bezier(0, 1, .5, 1);
   -moz-transition-timing-function: cubic-bezier(0, 1, .5, 1);
   transition-timing-function: cubic-bezier(0, 1, .5, 1);
   -webkit-transition-duration: .3s;
   -moz-transition-duration: .3s;
   transition-duration: .3s;
   -webkit-transition-delay: .2s;
   -moz-transition-delay: .2s;
   transition-delay: .2s
}

.lt-ie9 .mobile-nav {
   display: none
}

.mobile-nav.is-visible {
   top: 0
}

.mobile-nav li {
   font-weight: normal
}

.mobile-nav a {
   display: block;
   position: relative;
   font-size: 1em;
   padding: 1em;
   border-bottom: 1px solid #4d4d4d;
   border-left: 5px solid #b3b3b3;
   -webkit-transition: background .2s;
   -moz-transition: background .2s;
   transition: background .2s
}

.no-touchevents .mobile-nav a:hover {
   background-color: transparent
}

.mobile-nav a.aboutus,
.mobile-nav a.news {
   border-left: 5px solid #dd1b23
}

.mobile-nav a.sport {
   border-left: 5px solid #4da700
}

.mobile-nav a.business {
   border-left: 5px solid #0061d6
}

.mobile-nav a.motoring {
   border-left: 5px solid #d60000
}

.mobile-nav a.lifestyle {
   border-left: 5px solid #a9c300
}

.mobile-nav a.tonight {
   border-left: 5px solid #d60000
}

.mobile-nav a.travel {
   border-left: 5px solid #2f6600
}

.mobile-nav a.scitech {
   border-left: 5px solid #38486b
}

.mobile-nav .arrow {
   display: none;
   position: absolute;
   top: 0;
   right: 0;
   width: 61px;
   height: 56px;
   line-height: 56px;
   padding-top: 22px;
   float: none;
   z-index: 2
}

.mobile-nav .arrow img {
   display: block;
   margin: 0 auto;
   width: 24px;
   height: auto
}

.mobile-nav .arrow.toggleCategoryNav {
   display: block;
   position: absolute;
   right: 0;
   top: 0
}

.mobile-nav .arrow.toggleCategoryNav img {
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg)
}

.mobile-nav .arrow.toggleCategoryNav.active img {
   -webkit-transform: scale(1) rotate(-90deg);
   -moz-transform: scale(1) rotate(-90deg);
   -ms-transform: scale(1) rotate(-90deg);
   -o-transform: scale(1) rotate(-90deg);
   transform: scale(1) rotate(-90deg)
}

.mobile-nav .has-subnav {
   position: relative
}

.mobile-nav .has-subnav>ul {
   display: none;
   background-color: #f2f2f2;
   padding: 15px 0
}

.mobile-nav .has-subnav>ul.news {
   border-left: 5px solid #F60
}

.mobile-nav .has-subnav>ul.sport {
   border-left: 5px solid #4da700
}

.mobile-nav .has-subnav>ul.business {
   border-left: 5px solid #0061d6
}

.mobile-nav .has-subnav>ul.motoring {
   border-left: 5px solid #d60000
}

.mobile-nav .has-subnav>ul.lifestyle {
   border-left: 5px solid #a9c300
}

.mobile-nav .has-subnav>ul.tonight {
   border-left: 5px solid #d60000
}

.mobile-nav .has-subnav>ul.travel {
   border-left: 5px solid #2f6600
}

.mobile-nav .has-subnav>ul.scitech {
   border-left: 5px solid #38486b
}

.mobile-nav .has-subnav>.sub-nav li {
   display: block;
   float: none
}

.mobile-nav .has-subnav>.sub-nav a {
   display: block;
   float: none;
   color: #000;
   border-bottom: none;
   padding: 10px 10px 10px 25px
}

.mobinav-util-bar {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   border-bottom: 1px solid #4d4d4d;
   text-align: right;
   height: 60px;
   overflow: hidden
}

.mobinav-util-bar a {
   border-left: none
}

.mobinav-util-bar .mobinav-close {
   display: block;
   height: 60px;
   padding: 11px;
   color: #fff;
   font-size: 1px;
   line-height: 11px;
   border-left: 1px solid #4d4d4d;
   float: right
}

.mobinav-util-bar .follow-us li {
   width: 60px;
   border-right: none;
   border-left: 1px solid #4d4d4d
}

.mobinav-util-bar .follow-us button {
   width: 60px
}

.mobinav-util-bar .follow-us input[type=search] {
   left: 0;
   padding: 0 0 0 70px;
   border: none
}

.mobinav-util-bar .follow-us input[type=submit] {
   left: 0
}

.mobinav-util-bar .follow-us input[type=search]:focus,
.mobinav-util-bar .follow-us input[type=search]:focus:hover {
   width: 100%;
   border: none
}

.mobinav-util-bar .follow-us .navigation-search {
   width: 60px
}

.navigation-search input[type=search] {
   display: inline-block;
   position: absolute;
   top: 0;
   right: 9px;
   z-index: 4;
   width: 0;
   height: 60px;
   padding: 0 30px;
   box-sizing: content-box;
   border: none;
   outline: 0;
   color: #000;
   background: 0 0;
   transition: width .3s cubic-bezier(0, .795, 0, 1);
   cursor: pointer;
   font-size: .9em;
   border-radius: 0
}

.navigation-search input[type=search]:focus:hover {
   border-radius: 0;
   background: #fff;
   border-left: 2px solid #dd1b23;
   transition: width .3s cubic-bezier(0, .795, 0, 1);
   box-shadow: 0 0 4px #000
}

.navigation-search input[type=search]:focus {
   width: 340px;
   z-index: 1;
   background: #fff;
   border-left: 2px solid #dd1b23;
   cursor: text;
   transition: width .2s cubic-bezier(0, .795, 0, 1);
   box-shadow: 0 0 4px #000
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .navigation-search input[type=search]:focus {
      width: 340px
   }
}

@media screen and (min-width:75em) {
   .navigation-search input[type=search]:focus {
      width: 280px
   }
}

.navigation-search input[type=submit] {
   display: inline-block;
   position: absolute;
   top: 0;
   right: 9px;
   z-index: 3;
   height: 60px;
   width: 60px;
   padding: 30px;
   float: right;
   background-color: #000;
   text-indent: -10000px;
   border-radius: 0;
   cursor: pointer;
   opacity: 1
}

.navigation-search .icon-search {
   width: 26px;
   height: 28px;
   background-position: 18px 14px
}

.lt-ie9 .navigation-search input[type=search],
.lt-ie9 .navigation-search input[type=submit] {
   right: 36px
}

.view-more {
   position: relative
}

.view-more .spacing-v {
   margin: 0 0 30px !important
}

.view-more a,
.view-more button {
   position: relative;
   text-align: left;
   font-size: 1.25em;
   font-weight: bold;
   margin: 0 auto;
   border-color: #d81a22;
   height: auto;
   min-height: 40px;
   box-shadow: none;
   overflow: hidden;
   white-space: normal;
   -ms-word-wrap: normal;
   word-wrap: normal;
   padding-top: 15px;
   color: #dd1b23
}

.view-more a .button-side,
.view-more button .button-side {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   background-color: #fff;
   color: #dd1b23;
   min-width: 55px;
   max-width: 55px
}

.view-more a .icon,
.view-more button .icon {
   display: block;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

@media screen and (max-width:47.9375em) {
   .view-more a,
   .view-more button {
      width: 60%;
      text-align: left;
      padding-left: 3%;
      padding-right: 30px;
      font-size: 20px
   }
}

@media screen and (min-width:64em) {
   .view-more a,
   .view-more button {
      width: 25%;
      text-align: left;
      padding-left: 3%;
      padding-right: 30px
   }
}

@media screen and (min-width:48em) {
   .view-more a,
   .view-more button {
      width: 40%
   }
}

@media screen and (min-width:75em) {
   .view-more a,
   .view-more button {
      width: 30%;
      text-align: left;
      padding-left: 3%;
      padding-right: 60px
   }
}

@media screen and (min-width:100em) {
   .view-more a,
   .view-more button {
      width: 25%;
      text-align: left;
      padding-left: 3%;
      padding-right: 60px
   }
}

.view-more a.button--white,
.view-more button.button--white {
   background-color: #fff !important
}

.view-more a.button--white:hover,
.view-more button.button--white:hover {
   color: #000;
   background-color: #e6e6e6
}

.view-more a.button--white:visited,
.view-more button.button--white:visited {
   color: #dd1b23;
   background-color: #fff
}

.view-more a.button--red,
.view-more button.button--red {
   background-color: #dd1b23 !important
}

.view-more a.button--red:hover,
.view-more button.button--red:hover {
   color: #000;
   background-color: #e6e6e6
}

.view-more a.button--red:visited,
.view-more button.button--red:visited {
   color: #fff;
   background-color: #dd1b23
}

.view-more a.button--green,
.view-more button.button--green {
   background-color: #0c9548 !important
}

.view-more a.button--green:hover,
.view-more button.button--green:hover {
   color: #000;
   background-color: #e6e6e6
}

.view-more a.button--green:visited,
.view-more button.button--green:visited {
   color: #fff;
   background-color: #dd1b23
}

.lt-ie9 .view-more a,
.lt-ie9 .view-more button {
   width: 25%;
   padding-left: 2%;
   text-align: left;
   min-height: 30px
}

.lt-ie9 .view-more a .button-side,
.lt-ie9 .view-more button .button-side {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   background-color: #fff;
   color: #dd1b23;
   min-width: 55px;
   max-width: 55px
}

.lt-ie9 .view-more a .icon,
.lt-ie9 .view-more button .icon {
   display: block;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   top: 27%;
   left: 30%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

.carousel-news {
   max-width: 100%;
   background-color: #dd1b23;
   min-height: 400px;
   margin: 0
}

.carousel-news::after {
   clear: both;
   display: table
}

.tt-mention.inread {
   display: block;
   height: 400px;
   width: 840px;
   background-color: gray;
   border: 10px solid #dd1b23;
   margin: 30px auto
}

.header-leaderboard [data-ad-type=leaderboard] {
   padding: 20px 0
}

#mpu-bot-news {
   margin-top: 30px
}

.advert-container {
   position: relative;
   text-align: center;
   background-color: #d9d9d9;
   display: block
}

.advert-container.transparent,
.has-dfp-ad .advert-container {
   background-color: transparent
}

.advert-container::after {
   clear: both;
   display: table
}

. img,
.adadvert-containervert-container object {
   display: block;
   margin: 0 auto
}

.advert-container #google_flash_inline_div {
   display: block;
   margin: 0 auto;
   max-width: 970px
}

.advert-container .inner {
   position: relative;
   margin: 0 auto;
   width: 100%
}

.advert-container .bg-cream {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   opacity: .5
}

.has-dfp-ad .advert-container .bg-cream {
   background: 0 0
}

.ad-leaderboard-container[style] {
   background-color: transparent !important
}

.ad-leaderboard-container {
   position: relative;
   margin: 0 auto;
   min-width: 728px;
   max-width: 970px;
   background-color: transparent
}

.ad-leaderboard-container div,
.ad-leaderboard-container img,
.ad-leaderboard-container object,
.ad-leaderboard-container picture {
   display: block;
   margin: 0 auto
}

.ad-mpu-container {
   padding: 20px 0;
   position: relative;
   margin: 20px 0 30px 20px;
   background-color: #d9d9d9;
   text-align: center
}

@media screen and (min-width:64em) {
   .ad-mpu-container {
      margin: 20px 0 30px
   }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
   .ad-mpu-container {
      margin: 20px 0 0
   }
}

.ad-mpu-container div,
.ad-mpu-container img,
.ad-mpu-container object,
.ad-mpu-container picture {
   display: block;
   margin: 0 auto;
   text-align: center
}

.ad-mpu-container hr {
   border-bottom: 1px dotted #ccc
}

.mpu-ad {
   display: block;
   margin: 0 auto
}

.leader-board {
   display: block;
   clear: both
}

.header-leaderboard .inner+div {
   padding: 10px 0
}

header {
   z-index: 2999
}

header .ad-leaderboard-container {
   margin: 10px auto
}

header .advert-container .inner {
   margin: 0 auto;
   width: 100%
}

header .advert-container .inner img {
   display: block;
   width: 100%;
   margin: 0 auto
}

@media screen and (max-width:47.9375em) {
   .ad-leaderboard-container {
      min-width: 300px;
      max-width: 320px
   }
   header .ad-leaderboard-container {
      height: 60px
   }
   .only-desktop {
      display: none
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .only-desktop {
      display: none
   }
}

@media screen and (min-width:75em) {
   .only-desktop {
      display: block
   }
}

@media screen and (min-width:100em) {
   .only-desktop {
      display: block
   }
}

.mpu-ad-article {
   margin: 0;
   background-color: #e6e6e6
}

.view-comments.button--white,
a.button--white {
   background-color: #fff !important
}

.view-comments.button--white:hover,
a.button--white:hover {
   color: #000;
   background-color: #e6e6e6
}

.view-comments.button--white:visited,
a.button--white:visited {
   color: #dd1b23;
   background-color: #fff
}

a.button--red,
button.view-comments.button--red {
   background-color: #dd1b23;
   border: 1px solid #dd1b23
}

a.button--red:hover,
button.view-comments.button--red:hover {
   color: #000;
   background-color: #e6e6e6
}

a.button--red:visited,
button.view-comments.button--red:visited {
   color: #fff;
   background-color: #dd1b23
}

a.button--green,
button.view-comments.button--green {
   background-color: #0c9548;
   border: 1px solid #0c9548
}

a.button--green:hover,
button.view-comments.button--green:hover {
   color: #000;
   background-color: #e6e6e6
}

a.button--green:visited,
button.view-comments.button--green:visited {
   color: #fff;
   background-color: #dd1b23
}

.author-avatar {
   display: none;
   margin: 30px 0 0 30px;
   position: relative;
   width: 100px;
   height: 100px;
   background-color: #f2f2f2
}

@media screen and (max-width:47.9375em) {
   .author-avatar {
      margin: 0 0 0 20px;
      float: left
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .author-avatar {
      margin: 0 0 0 20px;
      float: left
   }
}

@media screen and (min-width:75em) {
   .author-avatar {
      margin: 30px 0 0 20px;
      float: none
   }
}

@media screen and (min-width:100em) {
   .author-avatar {
      margin: 30px 0 0 20px;
      float: none
   }
}

.author-avatar .author-avatar-pic {
   display: none;
   margin: 0;
   background-color: #f2f2f2
}

.author-avatar .author-avatar-pic img {
   display: block;
   max-width: 100px
}

.author-avatar .author-avatar-pic b {
   font-size: .8em;
   font-weight: bold;
   text-align: center;
   position: absolute;
   bottom: 0
}



.no-touchevents .card:focus .card-image img,
.no-touchevents .card:hover .card-image img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out
}

.lt-ie9 .cards {
   width: 100%;
   float: right
}

.lt-ie9 .card.slvzr-last-child {
   margin-right: 0 !important
}

.lt-ie9 .card .card-image {
   max-height: 130px;
   min-height: 180px
}

.lt-ie9 .card .card-header {
   height: 60px
}

.article-lead-cover {
   position: relative;
   display: block;
   overflow: hidden;
   background-color: #000
}

.article-lead-cover figure {
   margin: 0
}

.article-lead-cover img {
   position: absolute;
   top: 0;
   width: 100%
}

@media screen and (min-width:20em) {
   .article-lead-cover {
      min-height: 235px
   }
}

@media screen and (min-width:37.5em) {
   .article-lead-cover {
      height: 320px
   }
}

@media screen and (min-width:60.0625em) {
   .article-lead-cover {
      height: 290px
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .article-lead-cover {
      height: 300px
   }
}

@media screen and (min-width:48em) and (orientation:portrait) {
   .article-lead-cover {
      height: 320px
   }
}

@media screen and (min-width:75em) {
   .article-lead-cover {
      height: 420px
   }
}

@media screen and (min-width:100em) {
   .article-lead-cover {
      height: 540px
   }
}

.article-lead-img {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%
}

.photo-caption,
.photo-credit {
   display: inline-block;
   float: left
}

.article-lead-caption-credit {
   position: absolute;
   width: 100%;
   padding: 15px;
   bottom: 0;
   background-color: #000;
   background-color: rgba(0, 0, 0, .8)
}

@media screen and (max-width:47.9375em) {
   .article-lead-cover {
      min-height: 245px
   }
   .article-lead-caption-credit {
      background-color: #000
   }
   .article-lead-cover.layout-4x3 {
      height: 180px
   }
}

.photo-caption {
   color: #fff;
   font-size: 11px;
   width: auto;
   padding-right: .5em
}

.photo-credit {
   color: #dd1b23;
   font-size: 12px
}

.article-lead-cover.layout-4x3 {
   position: relative;
   display: block;
   overflow: hidden;
   background-color: #d9d9d9
}

.article-lead-cover.layout-4x3 img {
   position: relative;
   margin: 0;
   z-index: 3;
   width: 100%
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .article-lead-cover.layout-4x3 .inner {
      height: 420px
   }
}

@media screen and (min-width:75em) {
   .article-lead-cover.layout-4x3 {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 82.94039%;
      height: 500px
   }
   .article-lead-cover.layout-4x3:last-child {
      margin-left: 0
   }
   .article-lead-cover.layout-4x3 .inner {
      height: 500px
   }
}

@media screen and (min-width:100em) {
   .article-lead-cover.layout-4x3 {
      float: right;
      display: block;
      margin-left: 2.35765%;
      width: 82.94039%
   }
   .article-lead-cover.layout-4x3:last-child {
      margin-left: 0
   }
   .article-lead-cover.layout-4x3 .inner {
      height: 500px
   }
}

.lt-ie9 .article-lead-cover {
   height: 500px;
   margin-left: 0
}

.follow-us li {
   float: left;
   height: 60px;
   overflow: hidden;
   border-left: 1px solid #4d4d4d
}

.follow-us li a:link,
.follow-us li a:visited {
   display: block;
   padding: 16px 22px;
   width: 60px;
   height: 60px;
   color: #fff;
   font-size: 1.4em;
   background-color: #000;
   border-radius: 0
}

.lt-ie9 .follow-us li a:link,
.lt-ie9 .follow-us li a:visited,
.side-image .text-wrapper {
   padding: 0
}

.follow-us li a:link:hover,
.follow-us li a:visited:hover {
   background-color: #dd1b23;
   color: #fff
}

.stick {
   position: fixed;
   top: 55px;
   transition: all .2s
}

.stick .hide {
   display: none;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   transition: all .2s
}

.top-stories .inner::after,
.top-stories::after {
   display: table;
   clear: both;
   content: ""
}

.lt-ie9 .icon-facebook,
.lt-ie9 .icon-twitter {
   margin: 17px 22px
}

.top-stories,
.top-stories .inner {
   margin-left: auto;
   margin-right: auto;
   max-width: 100%
}

.top-stories {
   clear: both;
   background-color: #dd1b23
}

.top-stories .inner {
   margin-top: 30px
}

.videoComponent {
   position: relative;
   width: 100%;
   height: auto;
   margin-left: 0 !important
}

.videoComponent .btn {
   display: block;
   position: absolute;
   margin: -70px auto auto -70px;
   width: 140px;
   height: 140px;
   background-color: rgba(255, 255, 255, .8);
   border: none;
   border-radius: 50%
}

.videoComponent .btn:hover {
   background-color: rgba(255, 255, 255, .6)
}

.videoComponent i.play {
   display: inline-block;
   margin-left: 20px;
   margin-top: 26px;
   height: 0;
   width: 0;
   border-bottom: 45px solid transparent;
   border-left: 45px solid #fff;
   border-top: 45px solid transparent
}

.videoComponent .video-iframe {
   width: 100% !important
}

@media screen and (max-width:47.9375em) {
   .videoComponent .video-iframe {
      height: auto
   }
}

.video-wrapper .btn {
   z-index: 3;
   display: block;
   position: absolute;
   margin: -70px auto auto -70px;
   width: 140px;
   height: 140px;
   background-color: rgba(255, 255, 255, .3);
   border: none;
   border-radius: 50%
}

.video-wrapper .btn:hover {
   background-color: rgba(255, 255, 255, .6)
}

.video-wrapper .btn i.play {
   display: inline-block;
   margin-left: 20px;
   margin-top: 26px;
   height: 0;
   width: 0;
   border-bottom: 45px solid transparent;
   border-left: 45px solid #fff;
   border-top: 45px solid transparent
}

.weather-row {
   width: 100%;
   padding-bottom: 10px
}

.weather-column {
   font-size: 14px;
   margin-top: 8px
}

.weather-city {
   display: block;
   overflow: hidden;
   margin: 5px;
   padding: 5px;
   clear: both;
   vertical-align: bottom;
   border-top: solid 1px #a9a9a9;
   max-width: 100%;
   min-width: 300px
}

.weather-heading+.weather-city {
   border-top: none
}

.weather-heading {
   clear: both;
   display: none;
   vertical-align: bottom;
   float: left;
   font-size: 14px
}

.weather-city-heading {
   clear: both;
   display: block;
   vertical-align: bottom;
   float: left;
   font-size: 14px;
   margin-bottom: 6px
}

.weather-city-info {
   clear: both;
   display: block;
   float: left;
   font-size: 12px
}

.weather-image {
   display: inline-block;
   float: left;
   margin-right: 2px;
   width: 52px
}

.weather-image img {
   margin-right: 0;
   margin-left: auto
}

.weather-city-label {
   display: inline-block;
   font-size: 16px;
   font-weight: bold;
   float: left;
   padding-top: 8px
}

.weather-temperature-min {
   display: inline-block;
   margin-left: 10px;
   margin-bottom: 10px;
   line-height: 1.2
}

.weather-precipitation,
.weather-temperature-max,
.weather-wind {
   display: inline-block;
   padding-left: 10px;
   line-height: 1.2
}

.weather-forecast-row {
   width: 100%;
   padding-bottom: 10px
}

.weather-forecast-column {
   font-size: 14px;
   margin-top: 8px
}

.weather-forecast-heading-label {
   margin: 5px;
   padding: 5px;
   font-size: 16pt;
   font-weight: bold
}

.weather-forecast-day-heading,
.weather-forecast-heading {
   vertical-align: bottom;
   font-size: 14px;
   float: left;
   clear: both
}

.weather-forecast-day {
   margin: 5px;
   padding: 5px;
   overflow: hidden;
   clear: both;
   vertical-align: bottom;
   border-top: solid 1px #a9a9a9
}

.weather-forecast-heading-label+.weather-forecast-day {
   border-top: none
}

.gsc-control-cse,
.gsc-control-cse table td,
.gsc-control-cse table th,
.gsc-control-cse table tr {
   border: 0 !important
}

.gsc-control-cse,
.gsc-control-cse .gs-snippet,
.gsc-control-cse .gs-title {
   font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}

.weather-forecast-heading {
   display: none
}

.weather-forecast-day-heading {
   display: block;
   margin-bottom: 6px
}

.weather-forecast-day-info {
   clear: both;
   display: block;
   float: left;
   font-size: 12px
}

.weather-forecast-image {
   display: inline-block;
   float: left;
   margin-right: 2px;
   width: 52px
}

.weather-forecast-image img {
   margin-right: 0;
   margin-left: auto
}

.weather-forecast-day-label {
   display: inline-block;
   font-size: 16px;
   font-weight: bold;
   float: left;
   padding-top: 8px
}

.weather-forecast-temperature-min {
   display: inline-block;
   margin-left: 10px;
   margin-bottom: 10px;
   line-height: 1.2
}

.weather-forecast-precipitation,
.weather-forecast-temperature-max,
.weather-forecast-wind {
   display: inline-block;
   padding-left: 10px;
   line-height: 1.2
}

.subscribe-button .button {
   margin-top: 3%;
   color: #fff;
   float: right
}

.subscribe-button .button:hover {
   color: #dd1b23
}

.ad-wallpaper-container {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0
}

.no-touchevents .ad-wallpaper-container iframe,
.no-touchevents .ad-wallpaper-container object {
   display: block;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   -webkit-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.no-touchevents .dfp-stuck .ad-wallpaper-container iframe,
.no-touchevents .dfp-stuck .ad-wallpaper-container object {
   top: 0;
   -webkit-transition: all .3s ease-out;
   transition: all .3s ease-out
}

.no-touchevents .visible {
   visibility: visible;
   opacity: 1;
   transition: opacity .5s linear
}

.no-touchevents .hidden {
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s .5s, opacity .5s linear
}

.no-touchevents .has-dfp-ad .container.full-width {
   max-width: 970px;
   margin-left: auto;
   margin-right: auto
}

.no-touchevents .has-dfp-ad .container.full-width::after {
   clear: both;
   content: "";
   display: table
}

.no-touchevents .has-dfp-ad .related-articles {
   background-color: #fff
}

.no-touchevents .has-dfp-ad .article-container {
   width: 607px
}

.no-touchevents .has-dfp-ad .article-lead-cover {
   height: 345px
}

.no-touchevents .has-dfp-ad .article-section,
.no-touchevents .has-dfp-ad .share-control.in-article ul {
   width: 100%
}

.no-touchevents .has-dfp-ad .share-control {
   margin: 20px 0 0
}

.no-touchevents .has-dfp-ad .container {
   max-width: 100%
}

@media screen and (min-width:75em) {
   .no-touchevents .has-dfp-ad .aside-column {
      width: 320px
   }
}

@media screen and (min-width:100em) {
   .no-touchevents .has-dfp-ad .aside-column {
      width: 320px
   }
}

.no-touchevents .has-dfp-ad .view-more a,
.no-touchevents .has-dfp-ad .view-more button {
   width: 38%
}

.no-touchevents .has-dfp-ad .carousel {
   height: 300px
}

.no-touchevents .has-dfp-ad #featuredCarousel .carousel-inner,
.no-touchevents .has-dfp-ad .carousel-inner>.item {
   height: 300px !important
}

.no-touchevents .has-dfp-ad #featuredCarousel .carousel-caption h1 {
   font-size: 2em;
   margin: 0
}

.no-touchevents .has-dfp-ad #featuredCarousel .carousel-caption p {
   margin: 0;
   font-size: 1em
}

.no-touchevents .has-dfp-ad #featuredCarousel .list-group-item a {
   font-size: 15px;
   padding: 10px 0 10px 10px
}

.no-touchevents .has-dfp-ad .article-cards-section {
   margin-left: 10px;
   width: 593px
}

.has-dfp-ad .article-cards-section {
   width: 100%
}

.lt-ie9.has-dfp-ad .article-container {
   width: 590px
}

.gsc-control-cse {
   margin: 40px 20px 40px 0;
   padding: 0 !important
}

@media screen and (max-width:47.9375em) {
   .weather-city {
      min-width: 290px
   }
   .gsc-control-cse {
      margin: 20px 20px 20px 0
   }
}

@media screen and (min-width:64em) and (orientation:landscape) {
   .gsc-control-cse {
      margin: 40px 20px 40px 0
   }
}

.gsc-control-cse table {
   margin: 0;
   border: 0 !important
}

.gsc-control-cse .gsc-selected-option-container {
   width: auto !important
}

.gsc-control-cse .gs-webResult {
   padding: 1em;
   border: 1px solid #e6e4e0
}

.gsc-control-cse .gs-webResult .gs-visibleUrl {
   color: #7c7d80 !important
}

.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
   font-size: 16px;
   color: #dd1b23 !important;
   text-decoration: none !important
}

.gsc-control-cse .gsc-search-box-tools {
   margin: 0 !important
}

.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-input {
   width: 80%;
   padding: 0 !important
}

.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-input .gsib_a {
   width: 95%
}

.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input {
   padding: 0 2% !important;
   width: 100% !important
}

.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input:active,
.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input:focus,
.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input:hover {
   box-shadow: none !important
}

.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-search-button {
   width: 10%;
   padding: 0 !important;
   text-align: right
}

.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-search-button input.gsc-search-button {
   display: inline-block;
   height: 40px !important;
   line-height: 40px !important;
   border: 20px solid transparent !important
}

.gsc-control-cse .gcsc-branding,
.gsc-control-cse .gs-snippet,
.gsc-control-cse .gsc-result-info,
.gsc-control-cse .gsc-thumbnail {
   display: none
}

.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-clear-button {
   width: 10%;
   padding: 0 !important
}

.gsc-control-cse .gsc-table-result,
.gsc-control-cse .gsc-thumbnail-inside,
.gsc-control-cse .gsc-url-top {
   background: 0 none;
   padding-left: 0 !important;
   padding-right: 0 !important
}

.gsc-control-cse .gsc-table-result td,
.gsc-control-cse .gsc-thumbnail-inside td,
.gsc-control-cse .gsc-url-top td {
   padding: 0 !important
}

.gsc-control-cse .gs-no-results-result .gs-snippet,
.gsc-control-cse .gs-webResult .gs-snippet {
   display: block
}

.gsc-control-cse .gs-result .gs-title {
   height: auto !important
}

.gsc-control-cse .gs-result .gs-title:hover {
   color: #e8434a !important
}

.gsc-control-cse .gs-snippet {
   font-size: 14px
}

.gsc-control-cse .gs-snippet b,
.gsc-control-cse .gs-title b {
   font-weight: bold
}

.gsc-control-cse .gsc-cursor-page {
   display: inline-block !important;
   margin: 0 8px 8px 0 !important;
   padding: 4px 8px;
   border: 2px solid #ccc;
   font-size: 16px
}

.gsc-control-cse .gsib_a,
.gsc-control-cse .gsib_b {
   padding: 0 !important
}

.gsc-control-cse .gsc-input-box {
   height: auto !important
}

.gsc-control-cse .gsc-input-box,
.gsc-control-cse .gsc-input-box-focus,
.gsc-control-cse .gsc-input-box-hover {
   padding: 0 !important;
   border: 0 !important;
   box-shadow: none !important
}

.gsc-control-cse input.gsc-input {
   width: 98% !important;
   height: 40px !important;
   line-height: 40px !important;
   margin: 0 !important;
   padding: 0 1% !important;
   color: #969696 !important;
   font-weight: bold !important;
   background: #ececec !important;
   border: 1px solid #ececec !important;
   border-radius: 0 !important;
   -webkit-appearance: none;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.gsc-control-cse input.gsc-input:-moz-placeholder {
   color: #c9c9c9
}

.gsc-control-cse input.gsc-input::-moz-placeholder {
 +  color: #c9c9c9
}

.gsc-control-cse input.gsc-input:-ms-input-placeholder {
   color: #c9c9c9
}

.gsc-control-cse input.gsc-input::-webkit-input-placeholder {
   color: #c9c9c9
}

.lt-ie9 .gsc-control-cse input.gsc-input {
   line-height: 40px
}

.gsc-control-cse input.gsc-input:focus:-moz-placeholder {
   color: transparent
}

.gsc-control-cse input.gsc-input:focus::-moz-placeholder {
   color: transparent
}

.gsc-control-cse input.gsc-input:focus:-ms-input-placeholder {
   color: transparent
}

.gsc-control-cse input.gsc-input:focus::-webkit-input-placeholder {
   color: transparent
}

.gsc-control-cse .gsst_a .gscb_a {
   display: inline-block;
   height: 40px;
   line-height: 40px;
   padding: 0;
   color: #ececec !important
}

.gsc-control-cse .gsst_a .gscb_a:hover {
   color: #d3d3d3 !important
}

.gsc-control-cse .gsst_a {
   padding: 0 8px
}

.gsc-control-cse input.gsc-search-button {
   display: block;
   margin: 0 !important;
   outline: 0 !important;
   width: auto !important;
   height: 26px;
   background: #ececec !important;
   border: 1px solid #ececec !important;
   border-radius: 0 !important;
   cursor: pointer
}

.gsc-control-cse .gsc-cursor-box {
   border-top: 1px solid #E9E9E9 !important;
   margin: 20px 0 0 10px !important;
   padding: 20px 0 0 !important
}

.gsc-control-cse .gsc-resultsHeader {
   background: 0 none !important
}

.gsc-control-cse .gsc-results {
   width: 100% !important
}

.gsc-control-cse .gsc-results .gsc-cursor-page {
   width: 32px;
   height: 32px;
   line-height: 32px;
   padding: 0 !important;
   font-size: 12px;
   color: #7c7d80 !important;
   background-color: #fff !important;
   border: 1px solid #7c7d80 !important;
   text-align: center;
   text-decoration: none !important
}

.gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
   display: inline-block;
   vertical-align: top;
   color: #fff !important;
   background-color: #ececec !important;
   border: 1px solid #ececec !important
}

.gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page:focus,
.gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover {
   background-color: #fff !important;
   outline: 0 !important;
   border: 1px solid #fff !important;
   text-decoration: none !important;
   cursor: pointer !important
}

.gsc-control-cse .gsc-result .gs-result:hover {
   border-left: 1px solid #ececec !important
}

@media print {
   blockquote,
   img,
   pre,
   tr {
      page-break-inside: avoid
   }
   *,
   :after,
   :before {
      background: 0 0 !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important
   }
   a,
   a:visited {
      text-decoration: underline
   }
   a[href]:after {
      content: " (" attr(href) ")"
   }
   abbr[title]:after {
      content: " (" attr(title) ")"
   }
   a[href^="#"]:after,
   a[href^="javascript:"]:after {
      content: ""
   }
   blockquote,
   pre {
      border: 1px solid #999
   }
   thead {
      display: table-header-group
   }
   img {
      max-width: 100% !important
   }
   h2,
   h3,
   p {
      orphans: 3;
      widows: 3
   }
   h2,
   h3 {
      page-break-after: avoid
   }
   .aside-column,
   .in-article,
   .share-control,
   header {
      display: none;
      visibility: hidden
   }
}