@font-face { font-family: 'Titillium Web'; src: url(/source/fonts/titilliumweb-bold-webfont.woff2) format('woff2'), url(/source/fonts/titilliumweb-bold-webfont.woff) format('woff'); font-weight: 700; font-style: normal } @font-face { font-family: 'Titillium Web'; src: url(/source/fonts/titilliumweb-bolditalic-webfont.woff2) format('woff2'), url(/source/fonts/titilliumweb-bolditalic-webfont.woff) format('woff'); font-weight: 700; font-style: italic } @font-face { font-family: 'Titillium Web'; src: url(/source/fonts/titilliumweb-semibold-webfont.woff2) format('woff2'), url(/source/fonts/titilliumweb-semibold-webfont.woff) format('woff'); font-weight: 600; font-style: normal } @font-face { font-family: 'Titillium Web'; src: url(/source/fonts/titilliumweb-regular-webfont.woff2) format('woff2'), url(/source/fonts/titilliumweb-regular-webfont.woff) format('woff'); font-weight: normal; font-style: normal } @font-face { font-family: 'Titillium Web'; src: url(/source/fonts/titilliumweb-italic-webfont.woff2) format('woff2'), url(/source/fonts/titilliumweb-italic-webfont.woff) format('woff'); font-weight: normal; font-style: italic } @font-face { font-family: 'Titillium Web'; src: url(/source/fonts/titilliumweb-light-webfont.woff2) format('woff2'), url(/source/fonts/titilliumweb-light-webfont.woff) format('woff'); font-weight: 300; font-style: normal } @font-face { font-family: 'Titillium Web'; src: url(/source/fonts/titilliumweb-lightitalic-webfont.woff2) format('woff2'), url(/source/fonts/titilliumweb-lightitalic-webfont.woff) format('woff'); font-weight: 300; font-style: italic } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 none; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure { margin: 0; padding: 0 } .image a, header, footer, nav, section, article, hgroup, figure { display: block } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both } ul li.expanded, ul li.collapsed, ul li.leaf { list-style: none; margin: 0; padding: 0 } ul.primary { margin: 0; padding: 0; text-align: center } ul.primary li a { background-color: transparent } ul.primary li a:hover { background-color: transparent } ul.primary li.active a { background-color: transparent } li a.active { color: inherit } .ui-tabs { padding: 0; position: inherit } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0 } .ui-tabs .ui-tabs-nav li { border: 0; float: inherit; list-style: none outside none; margin: 0; padding: 0; position: inherit; top: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav li a { float: inherit; text-decoration: none; padding: 0 } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0 } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; color: inherit } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: inherit } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: inherit } .ui-tabs .ui-tabs-panel { background: none; display: block; border: 0; padding: 0 } .ui-tabs .ui-tabs-hide { display: none !important } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; color: inherit } .ui-corner-all { border-radius: 0 } .ui-widget-content { background: none; border: 0; color: inherit } .ui-widget { font-family: inherit; font-size: inherit } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0 } .ui-widget-header { background: none; border: 0; color: inherit; font-weight: inherit } .ui-corner-bottom { border-radius: 0 } body>img, body>iframe { display: none } img, iframe, video, object { max-width: 100%; vertical-align: middle } .image img, figure img { height: auto } form select, form .form-submit, form .form-text { -webkit-appearance: none; border-radius: 0 } form .form-submit { cursor: pointer; text-align: center } a { text-decoration: none; outline: 0 } a:hover { text-decoration: underline } .pull-right { float: right } .pull-left { float: left } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .hidden { display: none !important; visibility: hidden !important } .affix { position: fixed } .element-hidden { display: none } .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px } .fixed { position: fixed; z-index: 1000 } .absolute { position: absolute } header.fixed { top: 0; left: 0; right: 0; z-index: 10001 } .social li a { display: block; font-size: 0; width: 40px; height: 40px; background-image: url(/source/images/sprite.png); background-size: 240px; background-repeat: no-repeat } .social li a.facebook { background-position: 0 -40px } .social li a.twitter { background-position: -40px -40px } .social li a.instagram { background-position: -80px -40px } .social li a.linkedin { background-position: -120px -40px } .social li a.tumblr { background-position: -160px -40px } .social li a.googleplus { background-position: -200px -40px } .page-footer .social li { float: left; margin-left: 6px } @media(min-width:480px) { .page-footer .social li { margin-left: 10px } } .page-footer .social li:first-child { margin-left: 0 } .page-footer .social li a.facebook { background-position: 0 0 } .page-footer .social li a.twitter-x { background: url(/source/img/social/twitter-x-white.svg) center/44% no-repeat; filter: alpha(opacity=40); opacity: .4 } .page-footer .social li a.instagram { background-position: -80px 0 } .page-footer .social li a.linkedin { background-position: -120px 0 } .page-footer .social li a.tumblr { background-position: -160px 0 } .page-footer .social li a.googleplus { background-position: -200px 0 } .page-footer .social li a:hover { filter: alpha(opacity=40); opacity: .4 } .page-footer .social li a.twitter-x:hover { background-color: #000; opacity: 1 } ul.share { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative } @media(min-width:768px) { ul.share { display: block } } ul.share li { width: 20%; text-align: center } @media(min-width:768px) { ul.share li { width: 100% } } ul.share a { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 60px; background: none } ul.share a::before { display: block; content: ""; background-image: url(/source/images/sprite.png); background-size: 360px; background-repeat: no-repeat } ul.share a:hover::before { filter: alpha(opacity=40); opacity: .4 } ul.share a.facebook::before { width: 11px; height: 23px; background-position: -149px -121px } ul.share a.twitter::before { width: 20px; height: 18px; background-position: -129px -121px } ul.share a.tumblr::before { width: 13px; height: 20px; background-position: -115px -121px } ul.share a.linkedin::before { width: 18px; height: 20px; background-position: -97px -121px } ul.share a.googleplus::before { width: 26px; height: 17px; background-position: -71px -121px } ul.share a.mail::before { width: 23px; height: 17px; background-position: -48px -121px } ul.share a.comment::before { width: 24px; height: 22px; background-position: -160px -121px } @media(min-width:768px) { ul.share a { width: 60px } } @media(min-width:768px) { li.share-more { display: none } .expand li.share-more { display: block } } .share-toggle { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; cursor: pointer; width: 60px; height: 60px } .share-toggle span { display: block; content: ""; background: url(/source/images/sprite.png) -22px -121px/360px no-repeat; width: 26px; height: 20px } .share-toggle.active span { width: 22px; height: 22px; background-position: 0 -121px } .share-toggle:hover span { filter: alpha(opacity=40); opacity: .4 } @media(min-width:768px) { .sticky_social { z-index: 2; width: 60px; height: 0; margin-left: -85px } } @media(min-width:991px) { .sticky_social { margin-left: -90px } } @media(min-width:1200px) { .sticky_social { margin-left: -100px } } @media(min-width:767px) { .sticky_social { -moz-transition: all, .2s, ease-out; -o-transition: all, .2s, ease-out; -webkit-transition: all, .2s, ease-out; transition: all, .2s, ease-out; filter: alpha(opacity=0); opacity: 0; visibility: hidden; text-align: center; position: fixed; z-index: 10001; top: 0; left: 0; right: 80px } .social-display .sticky_social { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible } } .ibt-h5player-container { position: relative; width: 100%; height: 100%; background: #000; overflow: hidden; color: #fff } .ibt-h5player-container video { width: 100% } .ibt_player object { min-width: 100%; min-height: 100%; visibility: hidden !important } .ibt_player.stuck { position: fixed; top: inherit; bottom: 10px; left: 10px; margin-bottom: 0 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0 } .embed-responsive-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .videocontent .close-fusion-jwplayer { display: none; font-weight: 700; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; background-color: #c7c7c7; color: #fff; width: 80px; height: 24px; font-size: 12px; line-height: 24px; text-align: center; padding-right: 24px; cursor: pointer; position: absolute; top: -24px; right: 0 } .videocontent .close-fusion-jwplayer::before { content: ""; display: block; width: 24px; height: 24px; background: url(/source/images/sprite.png?1) -184px -121px/360px no-repeat; border-left: 1px solid rgba(255, 255, 255, .5); position: absolute; top: 0; right: 0 } .videocontent.fixed { z-index: 10001; bottom: 10px; right: 10px; width: 33.33333333%; max-width: 400px; height: 225px } @media(min-width:1440px) { .videocontent.fixed { width: 480px; max-width: inherit; height: 270px } } .videocontent.fixed .jwplayer { -moz-box-shadow: rgba(0, 0, 0, .5) 0 0 6px; -webkit-box-shadow: rgba(0, 0, 0, .5) 0 0 6px; box-shadow: rgba(0, 0, 0, .5) 0 0 6px } .videocontent-wrapper { position: relative; background-color: #f7f7f7; overflow: hidden } .videocontent object { min-height: 100%; max-height: 100% } .item-list .pager li { margin: 0; padding: 0; width: 50%; max-width: 150px; display: none } .item-list .pager li.pager-previous, .item-list .pager li.pager-next { display: inline-block } @media(min-width:768px) { .item-list .pager li { display: inline-block; width: auto } .item-list .pager li.pager-ellipsis, .item-list .pager li.pager-first, .item-list .pager li.pager-last { display: none } } .pager { font-size: 18px; line-height: 60px; padding: 30px 0 } .fonts-loaded .pager { font-weight: 600; font-family: 'Source Sans Pro', sans-serif } @media(min-width:992px) { .pager { font-size: 16px; line-height: 50px } } .pager-previous a, .pager-next a { display: block } .fonts-loaded .pager-previous, .fonts-loaded .pager-next { font-weight: 600; font-family: 'Source Sans Pro', sans-serif } .pager-previous a, .pager-next a { color: #181818; border: 1px solid #e5e5e5; padding: 0 30px } .pager-previous a:hover, .pager-next a:hover { background-color: #f7f7f7; text-decoration: none } .pager-previous a::before, .pager-next a::after { width: 6px; height: 10px; display: inline-block; vertical-align: middle; content: ""; background: url(/source/images/sprite.png) -208px -121px/360px no-repeat } .pager-previous a::before { margin-right: 10px } .pager-next a::after { margin-left: 10px; background-position: -214px -121px } .dfp-tag-wrapper { background: #f5f5f5 url(/source/images/ad.gif) no-repeat center center; height: 251px; overflow: hidden; display: flex; align-items: center; justify-content: center; font-family: sans-serif; text-align: center } .dfp-tag-wrapper div, .dfp-tag-wrapper iframe { margin: auto; max-width: inherit } #dfp-ad-top-wrapper { border-bottom: 1px solid #ccc } #ad-right3-wrapper .dfp-tag-wrapper { height: 600px } #ad-bottom-wrapper .dfp-tag-wrapper { height: 90px } .block-sticky { position: sticky; top: 61px; z-index: 2 } @media(max-width:1100px) { #ad-bottom-wrapper .dfp-tag-wrapper { height: 251px } } @media(max-width:767px) { .dfp-tag-wrapper, #ad-bottom-wrapper .dfp-tag-wrapper { height: calc(100vw/1.20); display: flex; align-items: center; justify-content: center; margin-left: -10px; margin-right: -10px } } .info-wrapper { position: relative } @media(min-width:768px) { .info-wrapper { margin-top: -150px } } @media(min-width:768px) { .glass { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, rgba(255, 255, 255, .5)), color-stop(50%, #fff), color-stop(100%, #fff)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, #fff 50%, #fff 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, #fff 50%, #fff 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, #fff 50%, #fff 100%); position: absolute; top: 0; left: 0; right: 0; -webkit-backdrop-filter: blur(10px); height: 155px } } @media(min-width:992px) { .glass::before, .glass::after { display: block; content: ""; width: 10%; height: 100%; position: absolute; top: 0 } .glass::before { left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%) } .glass::after { right: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff)); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%) } } .block-ibtmedia-facebook { margin-bottom: 30px } .block-ibtmedia-facebook .fb_iframe_widget span, .block-ibtmedia-facebook .fb_iframe_widget iframe { min-width: 100%; max-width: 100% } #block-fusion-social-top-stories { max-width: 300px } #block-fusion-social-top-stories .most-list ul li { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 8px 0; border-bottom: 1px solid #d5d5d5 } #block-fusion-social-top-stories .most-list ul li .item-image { width: 135px; min-width: 135px; max-height: 90px; overflow: hidden } #block-fusion-social-top-stories .most-list ul li .item-image img { width: 100% } #block-fusion-social-top-stories .most-list ul li .item-link { padding-left: 18px; font-weight: 600; font-size: 16px; line-height: 20px } .fonts-loaded #block-fusion-social-top-stories .most-list ul li .item-link { font-family: 'Source Sans Pro', sans-serif } #block-fusion-social-top-stories .tabs li, #block-fusion-social-top-stories .ui-tabs .ui-tabs-nav li.ui-tabs-active { font-weight: 700; line-height: 29px; font-family: sans-serif; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 11px; color: black; border-bottom-width: 4px; border-bottom-style: solid; margin: 0 } .fonts-loaded #block-fusion-social-top-stories .tabs li, .fonts-loaded #block-fusion-social-top-stories .ui-tabs .ui-tabs-nav li.ui-tabs-active { font-family: 'Source Sans Pro', sans-serif } #block-fusion-social-top-stories .tabs li::after, #block-fusion-social-top-stories .ui-tabs .ui-tabs-nav li.ui-tabs-active::after { content: ""; display: inline-block; vertical-align: top; width: 42px; height: 29px; margin-left: 18px } .article-body p iframe { margin-bottom: 0; max-height: 248px } @media(min-width:480px) { .article-body p iframe { max-height: 324px } } @media(min-width:768px) { .article-body p iframe { max-height: 309px } } @media(min-width:992px) { .article-body p iframe { max-height: 377px } } @media(min-width:1200px) { .article-body p iframe { max-height: inherit } } .genericon { font-size: 26px; font-family: "Genericons"; vertical-align: top; text-align: center; display: block; cursor: pointer } .genericon::before { font-size: 26px; font-family: "Genericons" } .genericon-chat:before { content: "\f108" } .genericon-collapse:before { content: "\f432" } .genericon-comment:before { content: "\f300" } .genericon-expand:before { content: "\f431" } .genericon-facebook::before, .genericon-facebook-alt:before { content: "\f204" } .genericon-feed:before { content: "\f413" } .genericon-flag:before { content: "\f468" } .genericon-googleplus:before { content: "\f218" } .genericon-googleplus-alt:before { content: "\f218" } .genericon-home:before { content: "\f409" } .genericon-info:before { content: "\f455" } .genericon-instagram:before { content: "\f215" } .genericon-linkedin-alt:before { content: "\f208" } .genericon-linkedin:before { content: "\f207" } .genericon-mail:before { content: "\f410" } .genericon-menu:before { content: "\f419" } .genericon-next:before { content: "\f429" } .genericon-pinterest-alt:before { content: "\f210" } .genericon-pinterest:before { content: "\f209" } .genericon-previous:before { content: "\f430" } .genericon-reddit:before { content: "\f222" } .genericon-search:before { content: "\f400" } .genericon-subscribe:before { content: "\f463" } .genericon-tumblr:before { content: "\f214" } .genericon-twitter:before { content: "\f202" } .genericon-warning:before { content: "\f414" } .genericon-close:before { content: "\f405" } .genericon-close-alt:before { content: "\f406" } @media only screen and (max-width:767px) { @-ms-viewport { .topic-header { width: 320px } } .topic-header .image figure { margin-left: -22px; margin-right: -22px; margin-bottom: 12px } } @media only screen and (min-width:768px) { .topic-header { padding-bottom: 56px } @-ms-viewport { .topic-header { width: 768px } } } #search-block-form { position: relative; padding-right: 32px; padding-bottom: 20px; border-bottom: 4px solid #2bb8a8; padding-top: 20px; clip: auto } #search-block-form label { clip: auto; font-size: 0; position: absolute; cursor: pointer; top: 20px; right: 0; width: 32px; height: 32px; background-color: #2bb8a8 } #search-block-form label::before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ""; display: block; width: 14px; height: 14px; border: 1px solid white; position: absolute; top: 8px; left: 8px } #search-block-form label::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; display: block; width: 1px; height: 4px; background-color: white; position: absolute; bottom: 7px; right: 9px } #search-block-form .form-text, #search-block-form .form-submit { height: 32px; background-color: transparent } #search-block-form .form-text { font-weight: bold; font-size: 16px; text-transform: uppercase; color: #333; border: 1px solid #e4e4e4; border-right: 0; width: 100%; text-indent: 8px } #search-block-form .form-submit { font-size: 0; width: 32px; padding: 0; position: absolute; top: 0; right: 0 } @media only screen and (min-width:768px) { @-ms-viewport { width: 768px } .archive-header>ul { display: -webkit-flex; display: flex; margin-left: -10px; margin-right: -10px } .archive-header>ul li { padding-left: 10px; padding-right: 10px; width: 50% } } .author-info { border-top: 1px solid #ededed; padding-top: 24px } .author-info .image { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 84px; height: 84px; overflow: hidden; margin-right: 15px } @media only screen and (min-width:768px) { .author-info .image { width: 94px; height: 94px; margin-right: 20px } @-ms-viewport { .author-info .image { width: 768px } } } .author-info img { height: auto } .author-info span { display: block; font-weight: bold; font-size: 22px; line-height: 22px } @media only screen and (min-width:768px) { .author-info span { font-size: 45px; line-height: 45px } @-ms-viewport { .author-info span { width: 768px } } } .author-info a.twitter { font-weight: normal; color: gray } .author-info a.twitter::after { content: '\f202'; vertical-align: middle; font-size: 20px; font-family: 'Genericons'; color: #55acee; margin-left: 8px } .author-info a.twitter:hover { text-decoration: none; color: #55acee } .author-info .summary { padding-top: 19px; padding-bottom: 4px } .archive-header h1 { font-size: 16px; line-height: 20px; text-transform: uppercase; color: #2bb8a8; margin-bottom: 20px } .archive-header>ul>li { padding-bottom: 20px } .archive-header h3 { margin-top: 10px; margin-bottom: 10px } .archive-header .image, .archive-header .summary, .archive-header .byline { margin-bottom: 10px } .archive-list li { padding-bottom: 20px } .archive-list .image { position: relative; margin-right: 20px; margin-bottom: 10px } .archive-list h3 { margin-bottom: 10px } .archive-list .summary { font-size: 14px; line-height: 18px; margin-bottom: 10px } .archive-list .byline { margin-bottom: 10px } .archive-list .score { background-color: #2bb8a8; color: white; text-align: center; width: 60px; font-size: 16px; line-height: 30px; position: absolute; bottom: 0; right: 0 } .pager { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; position: relative; min-height: 38px; margin-bottom: 34px } .pager-previous, .pager-next { width: 50%; max-width: 199px; font-size: 13px; line-height: 38px; font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0 } .pager-previous a, .pager-next a { display: block; background-color: #f2f2f2; color: #333 } .pager-previous a:hover, .pager-next a:hover { color: #2bb8a8; text-decoration: none } .pager-current { color: #2bb8a8 } @media only screen and (min-width:768px) { .pager { -webkit-justify-content: center; justify-content: center } @-ms-viewport { .pager { width: 768px } } .pager-previous { position: absolute; left: 0 } .pager-next { position: absolute; right: 0 } } .item-list .pager li.pager-previous { margin-right: 6px } .item-list .pager li.pager-next { margin-left: 6px } .pager-next a::after, .pager-previous a::before { content: none } .item-list .pager li.pager-item, .item-list .pager li.pager-current { margin-right: 8px; margin-left: 8px } .block-title { border-left-width: 5px; border-style: solid; border-color: #2bb8a8; font-weight: 700; font-size: 16px; line-height: 16px; text-transform: uppercase; color: #000; padding-left: 10px; margin-bottom: 20px } .p1y .block-title { border-color: #edb107 } .p1r .block-title { border-color: #dc2c74 } .p1b .block-title { border-color: #086bbc } .p1gray .block-title { border-color: #798787 } .block-title a:hover { filter: alpha(opacity=80); opacity: .8; text-decoration: none } .title { font-weight: 600; font-size: 18px; line-height: 22px } .title a { display: block } @media only screen and (min-width:768px) { @-ms-viewport { .title { width: 768px } } .large .title { font-size: 28px; line-height: 32px } } .summary { font-size: 15px; line-height: 17px; color: black } .block-list .title { font-size: 16px; line-height: 20px } .type-video .image a { display: block; position: relative } .type-video .image a::before { content: '\f452'; display: block; width: 32px; height: 32px; background-color: #2bb8a8; color: white; position: absolute; z-index: 1; bottom: 0; left: 0; font-size: 24px; line-height: 32px; font-family: 'Genericons'; text-align: center } .lr li { padding: 10px 0; border-top: 1px solid #e4e4e4 } .lr li:first-child { border-top: 0 } .lr article { display: -webkit-flex; display: flex } .lr .image { -webkit-flex: none; flex: none; -webkit-order: 2; order: 2; margin-left: 20px; width: 120px; min-width: 120px } @media only screen and (min-width:768px) { .lr .image { width: 154px; min-width: 154px } @-ms-viewport { .lr .image { width: 768px } } } .lr .title { -webkit-flex: 1; flex: 1; -webkit-order: 1; order: 1 } .lr .score { display: inline-block; background-color: #2bb8a8; color: white; text-align: center; width: 42px; font-size: 16px; line-height: 17px; margin-top: 6px } @media only screen and (min-width:768px) { .lr .score { width: 77px; font-size: 24px; line-height: 30px; margin-top: 10px } @-ms-viewport { .lr .score { width: 768px } } } @media only screen and (min-width:1024px) { .lr .score { width: 59px; font-size: 18px; line-height: 23px } @-ms-viewport { .lr .score { width: 1024px } } } .tb ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .tb li { width: 50%; padding: 10px } .tb .title a { padding-top: 10px; padding-bottom: 10px } .tbul article { border-top: 1px solid #e4e4e4 } .tbul li:first-child article { border-top: 0 } .tbul li:first-child .title a { padding-top: 0 } .tbul .title a { display: block; padding: 10px 0 } .tbul .info, .tbul .info div { padding-top: 10px; padding-bottom: 10px } .tlink { position: relative } .tlink:hover a { text-decoration: underline } .tlink>a { display: block; position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 1; font-size: 0 } #block-bean-top-stories li { width: 50% } #block-bean-top-stories .image { width: 100%; margin-bottom: 15px } #block-bean-top-stories h3 { margin-top: 5px; margin-bottom: 15px } #block-bean-top-stories .byline { margin-bottom: 10px } #block-bean-top-stories .summary { margin-bottom: 20px } @media only screen and (min-width:768px) { @-ms-viewport { #block-bean-top-stories { width: 768px } } #block-bean-top-stories li { width: 33.333333% } } #block-bean-latest-reviews .image { position: relative } #block-bean-latest-reviews .score { position: absolute; bottom: 0; right: 0; font-size: 19px; width: 48px } .most-popular-list .item { display: -webkit-flex; display: flex } .most-popular-list .item-image { margin-right: 10px; width: 120px; min-width: 120px } @media only screen and (min-width:768px) { .most-popular-list .item-image { min-width: 108px; width: 108px } @-ms-viewport { .most-popular-list .item-image { width: 768px } } } .most-popular-list .item-link { font-weight: 600; font-size: 14px; line-height: 16px } @media only screen and (min-width:768px) { .most-popular-list .item-link { font-size: 16px; line-height: 20px } @-ms-viewport { .most-popular-list .item-link { width: 768px } } } .most-popular-list .item:first-child { padding-top: 0 } #dfp-ad-top { padding: 10px 0 } #dfp-ad-bottom { padding: 20px 0 } .dfp-tag-wrapper .dfp-tag-wrapper { text-align: center } .dfp-tag-wrapper .dfp-tag-wrapper div, .dfp-tag-wrapper .dfp-tag-wrapper iframe { margin-left: auto; margin-right: auto } @media only screen and (max-width:767px) { .dfp-tag-wrapper .dfp-tag-wrapper { margin-left: -20px; margin-right: -20px } @-ms-viewport { .dfp-tag-wrapper .dfp-tag-wrapper { width: 320px } } } .page-sidebar.main>div { margin-bottom: 16px } @media only screen and (min-width:768px) { .page-sidebar.main>div { margin-bottom: 20px } @-ms-viewport { .page-sidebar.main>div { width: 768px } } } @media only screen and (min-width:1024px) { .page-sidebar.main>div { max-width: 300px; margin-left: auto; margin-right: auto } @-ms-viewport { .page-sidebar.main>div { width: 1024px } } .page-sidebar.main>div.dfp-tag-wrapper { max-width: inherit } } @media only screen and (max-width:767px) { @-ms-viewport { width: 320px } .sub .game-reviews, .sub .top-stories, .sub .latest-reviews { margin-top: 22px } } @media(min-width:768px) and (max-width:1023px) { @-ms-viewport { width: 768px } .not-front .level-1 .page-sidebar { clear: left; padding-top: 22px } } @media only screen and (min-width:1024px) { @-ms-viewport { width: 1024px } .page-sidebar.main { padding-top: 11px; padding-bottom: 11px } } .row>.page-left, .row>.page-sidebar { position: static } .col-r>div { padding-bottom: 30px } .col-r .dfp-dynamic-tag, .col-r .dfp-tag-wrapper .dfp-tag-wrapper { padding-top: 0 } .container-fluid, .container { max-width: 1188px; margin-right: auto; margin-left: auto } .container-fluid { padding-left: 10px; padding-right: 10px } @media only screen and (min-width:1024px) { .container-fluid { padding-left: 20px; padding-right: 20px } @-ms-viewport { .container-fluid { width: 1024px } } } .row { margin-left: -10px; margin-right: -10px } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media only screen and (min-width:768px) { @-ms-viewport { width: 768px } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media only screen and (min-width:1024px) { @-ms-viewport { width: 1024px } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media only screen and (min-width:1096px) { @-ms-viewport { width: 1096px } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } .flex-xs { display: -webkit-flex; display: flex } .flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap } .align-end { -webkit-align-items: flex-end; align-items: flex-end } .align-center { -webkit-align-items: center; align-items: center } .align-stretch { -webkit-align-items: stretch; align-items: stretch } .alignself-end { -webkit-align-self: flex-end; align-self: flex-end } .alignself-center { -webkit-align-self: center; align-self: center } .justify-center { -webkit-justify-content: center; justify-content: center } .justify-between { -webkit-justify-content: space-between; justify-content: space-between } .justify-around { -webkit-justify-content: space-around; justify-content: space-around } .flex-sm-1, .flex-md-1, .flex-lg-1, .flex-sm-2, .flex-md-2, .flex-lg-2, .flex-sm-3, .flex-md-3, .flex-lg-3, .flex-sm-4, .flex-md-4, .flex-lg-4, .flex-sm-5, .flex-md-5, .flex-lg-5, .flex-sm-6, .flex-md-6, .flex-lg-6, .flex-sm-7, .flex-md-7, .flex-lg-7, .flex-sm-8, .flex-md-8, .flex-lg-8, .flex-sm-9, .flex-md-9, .flex-lg-9, .flex-sm-10, .flex-md-10, .flex-lg-10, .flex-sm-11, .flex-md-11, .flex-lg-11, .flex-xs-12, .flex-sm-12, .flex-md-12, .flex-lg-12 { width: 100% } .flex-xs-11 { width: 91.66666667% } .flex-xs-10 { width: 83.33333333% } .flex-xs-9 { width: 75% } .flex-xs-8 { width: 66.66666667% } .flex-xs-7 { width: 58.33333333% } .flex-xs-6 { width: 50% } .flex-xs-5 { width: 41.66666667% } .flex-xs-4 { width: 33.33333333% } .flex-xs-3 { width: 25% } .flex-xs-2 { width: 16.66666667% } .flex-xs-1 { width: 8.33333333% } @media only screen and (min-width:768px) { @-ms-viewport { width: 768px } .flex-sm { display: -webkit-flex; display: flex } .flex-sm-12 { width: 100% } .flex-sm-11 { width: 91.66666667% } .flex-sm-10 { width: 83.33333333% } .flex-sm-9 { width: 75% } .flex-sm-8 { width: 66.66666667% } .flex-sm-7 { width: 58.33333333% } .flex-sm-6 { width: 50% } .flex-sm-5 { width: 41.66666667% } .flex-sm-4 { width: 33.33333333% } .flex-sm-3 { width: 25% } .flex-sm-2 { width: 16.66666667% } .flex-sm-1 { width: 8.33333333% } } @media only screen and (min-width:1024px) { @-ms-viewport { width: 1024px } .flex-md { display: -webkit-flex; display: flex } .flex-md-12 { width: 100% } .flex-md-11 { width: 91.66666667% } .flex-md-10 { width: 83.33333333% } .flex-md-9 { width: 75% } .flex-md-8 { width: 66.66666667% } .flex-md-7 { width: 58.33333333% } .flex-md-6 { width: 50% } .flex-md-5 { width: 41.66666667% } .flex-md-4 { width: 33.33333333% } .flex-md-3 { width: 25% } .flex-md-2 { width: 16.66666667% } .flex-md-1 { width: 8.33333333% } } @media only screen and (min-width:1096px) { @-ms-viewport { width: 1096px } .flex-lg { display: -webkit-flex; display: flex } .flex-lg-12 { width: 100% } .flex-lg-11 { width: 91.66666667% } .flex-lg-10 { width: 83.33333333% } .flex-lg-9 { width: 75% } .flex-lg-8 { width: 66.66666667% } .flex-lg-7 { width: 58.33333333% } .flex-lg-6 { width: 50% } .flex-lg-5 { width: 41.66666667% } .flex-lg-4 { width: 33.33333333% } .flex-lg-3 { width: 25% } .flex-lg-2 { width: 16.66666667% } .flex-lg-1 { width: 8.33333333% } } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important } @media only screen and (max-width:767px) { .block-fusion-ads { margin: 20px calc(50% - 50vw) } .article-body ol li .block-fusion-ads, .article-body ul li .block-fusion-ads { margin-left: calc(50% - 50vw - 30px) } @-ms-viewport { width: 320px } .visible-xs { display: block !important } .hidden-xs { display: none !important } } @media(min-width:768px) and (max-width:1023px) { @-ms-viewport { width: 768px } .visible-sm { display: block !important } .hidden-sm { display: none !important } } @media(min-width:1024px) and (max-width:1095px) { @-ms-viewport { width: 1024px } .visible-md { display: block !important } .hidden-md { display: none !important } } @media only screen and (min-width:1096px) { @-ms-viewport { width: 1096px } .visible-lg { display: block !important } .hidden-lg { display: none !important } } @font-face { font-family: 'Genericons'; src: url(/source/fonts/Genericons.woff) format("woff"), url(/source/fonts/Genericons.svg#genericons) format("svg"); font-weight: normal; font-style: normal } body { font-family: "Titillium Web", Helvetica, Arial, sans-serif; color: #333 } a { color: #000 } img { height: auto } h1, h2, h3, h4, h5, h6 { font-weight: 700 } h1 { font-size: 26px; line-height: 30px } @media only screen and (min-width:768px) { h1 { font-size: 45px; line-height: 46px } @-ms-viewport { h1 { width: 768px } } } h2 { font-size: 18px; line-height: 22px } @media only screen and (min-width:768px) { h2 { font-size: 24px; line-height: 28px } @-ms-viewport { h2 { width: 768px } } } h3 { font-size: 16px; line-height: 18px } @media only screen and (min-width:768px) { h3 { font-size: 22px; line-height: 24px } @-ms-viewport { h3 { width: 768px } } } h4, h5, h6 { font-size: 14px; line-height: 16px } @media only screen and (min-width:768px) { h4, h5, h6 { font-size: 20px; line-height: 22px } @-ms-viewport { h4, h5, h6 { width: 768px } } } .p1g { color: #2bb8a8 } .form-required { color: #dc2c74 } .image img { width: 100% } .category { font-weight: 700; font-size: 18px; line-height: 18px; text-transform: uppercase } .category a.active, .category a { color: #2bb8a8 } @media only screen and (min-width:768px) { .category { font-size: 16px; line-height: 16px } @-ms-viewport { .category { width: 768px } } } time { font-size: 15px; line-height: 15px; margin-left: 2px; color: #737373 } .byline { font-size: 15px; line-height: 15px; text-transform: uppercase } .byline strong { font-weight: normal; color: #2bb8a8 } .byline a { font-weight: 700; color: #616161 } .fixed { position: fixed !important; z-index: 10 } .absolute { position: absolute !important; z-index: 10 } .cont { overflow: hidden } .cont.bg-b { position: relative; background-color: black; color: white } .cont.bg-b::before { content: ""; display: block; background: url(/source/images/pixel.svg) 0 0/5px repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .cont.bg-b .title a, .cont.bg-b .block-title { color: white } .cont.bg-b2 { padding-top: 30px } .cont.bg-b2::before { opacity: .42 } .cont.bg-s .row>div { padding-top: 40px; padding-bottom: 10px } @media only screen and (min-width:1024px) { .cont.bg-s { position: relative } @-ms-viewport { .cont.bg-s { width: 1024px } } .cont.bg-s::before { content: ""; display: block; background-color: #f5f5f5; position: absolute; top: 0; right: 0; width: 50%; height: 100% } .cont.bg-s .col-l { background-color: white; padding-right: 20px } .cont.bg-s .col-r { background-color: #f5f5f5 } } .logo { font-size: 0 } .logo a { display: block; background-position: center center; background-size: contain; background-repeat: no-repeat } .stickyhead.fixed, .page-header.fixed { top: 0; left: 0; right: 0; z-index: 100 } .page-header { position: relative; z-index: 100; background-color: #000; color: #fff } .page-header a { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease } .page-header .container { position: relative } .page-header .dropdown { display: none; position: absolute; top: 44px; left: 0; right: 0; background-color: #333; color: #fff } @media only screen and (max-width:767px) { .page-header .dropdown { padding-top: 40px; overflow-y: scroll } @-ms-viewport { .page-header .dropdown { width: 320px } } } @media only screen and (min-width:768px) { .page-header .dropdown { max-width: 265px } @-ms-viewport { .page-header .dropdown { width: 768px } } } .page-header .dropdown a { color: #fff } .page-header .logo { padding-left: 16px } @media screen and (max-width:991px) { .page-top { display: none; height: 0; overflow: hidden } } @media only screen and (max-width:1023px) { .page-header .logo { -webkit-flex: 1; flex: 1 } @-ms-viewport { .page-header .logo { width: 768px } } } @media only screen and (min-width:1024px) { .page-header .logo { padding-left: 20px } @-ms-viewport { .page-header .logo { width: 1024px } } } .page-header .logo a { -moz-transition: all 0s ease; -o-transition: all 0s ease; -webkit-transition: all 0s ease; transition: all 0s ease; width: 159px; height: 22px; background-image: url(/logo.png) } @media only screen and (min-width:1024px) { .page-header .logo a { -moz-transition: all .1s ease; -o-transition: all .1s ease; -webkit-transition: all .1s ease; transition: all .1s ease; width: 219px; height: 30px } @-ms-viewport { .page-header .logo a { width: 1024px } } .shrink .page-header .logo a { width: 159px; height: 25px } } .page-header .social-share ul::before { -webkit-align-self: center; align-self: center; -webkit-flex: 1; flex: 1; font-weight: 700; font-size: 15px; color: #999; content: "Follow Us"; display: block; padding-left: 6px; padding-right: 6px; min-width: 73px } @media only screen and (min-width:1024px) { @-ms-viewport { .page-header { width: 1024px } } .page-header .dropdown { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; top: 60px } .page-header.shrink .dropdown { top: 44px } } .social-share { font-size: 0; text-align: center } .social-share li a { width: 100%; min-width: 45px; height: 45px; background: none } .social-share li a.genericon { display: block; color: #999 } .social-share li a.genericon::before { font-size: 24px; line-height: 45px } .social-share li a.genericon:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; text-decoration: none; color: #fff } .social-share li a.genericon-mail { background-color: #2bb8a8 } .social-share li a.genericon-mail::before { content: '\f410' } .social-share li a.genericon-facebook:hover { background-color: #3b5998 } .social-share li a.genericon-twitter:hover { background-color: #55acee } .social-share li a.genericon-reddit::before { font-size: 30px; line-height: 48px } .social-share li a.genericon-reddit:hover { background-color: #ff4500 } .social-share li a.genericon-linkedin::before { font-size: 30px; line-height: 48px } .social-share li a.genericon-linkedin:hover { background-color: #0077b5 } .social-share li a.genericon-googleplus::before { font-size: 30px; line-height: 48px } .social-share li a.genericon-googleplus:hover { background-color: #dc4e41 } .social-share li a.genericon-instagram:hover { background-color: #405de6 } .social-share li a.genericon-tumblr:hover { background-color: #35465c } .social-share ul { display: -webkit-flex; display: flex } .social-share ul li { -webkit-flex: 1; flex: 1 } .expand-menu .dropdown, .expand-menu .header-search { display: block } .browse-btn { cursor: pointer; width: 44px; height: 50px; border-right: 1px solid #666; font-size: 16px; text-transform: uppercase } @media only screen and (min-width:768px) { .browse-btn { visibility: hidden;width: inherit; padding: 0 19px } @-ms-viewport { .browse-btn { width: 768px } } } @media only screen and (min-width:1024px) { .browse-btn { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; height: 60px } @-ms-viewport { .browse-btn { width: 1024px } } .shrink .browse-btn { height: 44px } } .browse-btn span { display: block; background-color: #edb107; width: 16px; height: 2px; position: relative; margin-left: auto; margin-right: auto } @media only screen and (min-width:768px) { .browse-btn span { visibility: hidden;margin-right: 17px } @-ms-viewport { .browse-btn span { width: 768px } } } .browse-btn span::after, .browse-btn span::before { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; content: ""; display: block; height: 2px; width: 16px; position: absolute; left: 0; right: 0 } .browse-btn span::before { background-color: #2bb8a8; top: -5px } .browse-btn span::after { background-color: #dc2c74; bottom: -5px } .browse-btn.active span { background-color: transparent } .browse-btn.active span::after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 0 } .browse-btn.active span::before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0 } form .form-text, form .form-submit { color: #fff; font-size: 16px; height: 44px } @media only screen and (min-width:1024px) { form .form-text, form .form-submit { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; height: 60px } @-ms-viewport { form .form-text, form .form-submit { width: 1024px } } .shrink form .form-text, .shrink form .form-submit { height: 44px } } form .form-text { background-color: #666; text-indent: 19px } form .form-submit { width: 117px; background-color: #2bb8a8; padding: 0 12px } form .form-submit:hover { filter: alpha(opacity=80); opacity: .8 } .main-nav { position: relative } @media only screen and (min-width:768px) { .main-nav { padding-right: 44px } @-ms-viewport { .main-nav { width: 768px } } } @media only screen and (min-width:1024px) { .main-nav { padding-right: 60px } @-ms-viewport { .main-nav { width: 1024px } } } @media only screen and (min-width:1096px) { .main-nav { padding-right: 135px } @-ms-viewport { .main-nav { width: 1096px } } } .header-search { height: 44px; overflow: hidden; border-left: 1px solid #666; border-right: 1px solid #666; position: absolute; top: 0; right: 0; z-index: 1 } @media only screen and (max-width:767px) { .header-search { display: none; top: 44px; left: 0 } @-ms-viewport { .header-search { width: 320px } } } @media only screen and (min-width:768px) { .header-search { width: inherit } @-ms-viewport { .header-search { width: 768px } } } @media only screen and (min-width:1024px) { .header-search { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; height: 60px } @-ms-viewport { .header-search { width: 1024px } } .shrink .header-search { height: 44px } } .header-search label { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ""; display: block; width: 19px; height: 19px; border: 2px solid #ccc; position: relative; font-size: 0; position: absolute; top: 10px; left: 12px; cursor: pointer } @media only screen and (min-width:1024px) { .header-search label { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; top: 20px; left: 19px } @-ms-viewport { .header-search label { width: 1024px } } .shrink .header-search label { top: 10px } } .header-search label::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; display: block; width: 2px; height: 7px; background-color: #ccc; position: absolute; bottom: -4px; right: -1px } .header-search .form-text { background-color: #666; font-style: italic; width: 100%; height: 40px; text-indent: 58px } @media only screen and (min-width:768px) { .header-search .form-text { background-color: transparent; width: 44px; height: 44px } @-ms-viewport { .header-search .form-text { width: 768px } } } @media only screen and (min-width:1024px) { .header-search .form-text { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; width: 60px; height: 60px; text-indent: 60px } @-ms-viewport { .header-search .form-text { width: 1024px } } .shrink .header-search .form-text { height: 44px } } @media only screen and (min-width:1096px) { .header-search .form-text { width: 133px } @-ms-viewport { .header-search .form-text { width: 1096px } } } .header-search .form-text:focus { width: 100%; background-color: #666 } @media only screen and (min-width:1024px) { .header-search .form-text:focus { width: 548px } @-ms-viewport { .header-search .form-text:focus { width: 1024px } } } @media only screen and (min-width:1096px) { .header-search .form-text:focus { width: 610px } @-ms-viewport { .header-search .form-text:focus { width: 1096px } } } .header-search .form-submit { width: 0; height: 0; padding: 0 } .header-search .container-inline .form-item { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 0; position: relative } ul.menu li { margin: 0 } .nav-channels, .nav-channels li button { -webkit-flex: 1; flex: 1; font-size: 16px; text-transform: uppercase } .nav-channels ul { float: right } .nav-channels li { float: left } .nav-channels li a, .nav-channels li button { cursor: pointer; background-color: transparent; color: #fff; padding: 0 20px } .nav-channels li a:hover { text-decoration: none; color: #2bb8a8 } .subnav { font-size: 16px; line-height: 16px } .subnav label { display: block; padding: 11px 18px; text-transform: uppercase } .subnav li { border-bottom: 1px solid #666 } .subnav a { display: block; padding: 11px 7px 11px 30px; position: relative } .subnav a:hover { text-decoration: none } .subnav a::after, .subnav a::before { content: ""; display: block; height: 1px; width: 9px; position: absolute; right: 12px } .subnav a::before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 15px } .subnav a::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 15px } .subnav.red { background-color: #4c303c } .subnav.red a::after, .subnav.red a::before, .subnav.red label { background-color: #dc2c74 } .subnav.red a:hover { color: #dc2c74 } .subnav.green { background-color: #2d4644 } .subnav.green a::after, .subnav.green a::before, .subnav.green label { background-color: #2bb8a8 } .subnav.green a:hover { color: #2bb8a8 } .deco-arrow { min-width: 15px; height: 1px; background-color: #fff; position: relative; left: -13px } .deco-arrow::after, .deco-arrow::before { content: ""; display: block; height: 1px; width: 9px; position: absolute; right: -3px; background-color: #fff } .deco-arrow::before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: -3px } .deco-arrow::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: -3px } .exclusive { font-size: 15px; line-height: 18px } .exclusive .image img { max-width: 70px } .exclusive a { display: block } .exclusive a:hover { text-decoration: none; color: #999 } .exclusive li { border-bottom: 1px solid #666 } .exclusive article { display: -webkit-flex; display: flex } .exclusive .info { -webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; -webkit-align-self: stretch; align-self: stretch; -webkit-align-items: center; align-items: center; border-left: 1px solid #666 } .exclusive .info a { display: block; margin: 7px 15px 7px 18px; max-height: 56px; overflow: hidden } .page-footer a { -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease } .page-footer footer { background-color: #000 } .page-footer .logo { padding: 20px } .page-footer .logo a { width: 51px; height: 24px; background-image: url(/source/images/logo-small.svg) } .page-footer .nav-channels ul { float: none } .page-footer .nav-channels a { color: #fff } .page-footer .nav-channels a:hover, .nav-channels li button:hover { color: #999 } .page-footer .copyright { padding: 20px 20px 20px 0; color: #999; font-size: 12px; line-height: 14px } .page-footer .copyright a { color: #999 } .page-footer .copyright a:hover { text-decoration: none; color: #fff } .page-footer .social-share { padding-left: 5px; padding-right: 5px } .page-footer .social-share li { margin-left: 0; min-width: 45px } .subscribe { background-color: #333; color: #fff } .subscribe label { text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 55px; border-right: 1px solid #666; padding-left: 53px; padding-right: 12px; position: relative } .subscribe label::before { content: ""; display: block; width: 30px; height: 30px; background: url(//favicon.png) center center no-repeat; position: absolute; top: 13px; left: 20px } .subscribe .blurb { -webkit-flex: 1; flex: 1; color: #edb107; font-size: 20px; line-height: 20px; padding: 6px 22px 2px } .subscribe form { position: relative; padding: 5px 122px 5px 5px } .subscribe form .np { position: absolute; top: -37px; left: 0; right: 0; font-size: 16px; line-height: 36px; color: #000; text-align: center } .subscribe form .np-error { border: 1px solid #ccc; border-bottom: 0; background-color: #fff; color: red } .subscribe form .form-text { width: 100%; height: 45px; text-indent: 12px } .subscribe form .form-submit { height: 45px; position: absolute; top: 5px; right: 5px; background: url(/source/images/arrow-20x17.svg) 91% center/20px no-repeat #2bb8a8; text-align: left; padding-left: 12px } .subscribe form .form-item { margin: 0 } @media only screen and (min-width:768px) { .page-footer .logo { width: 162px } .page-footer .logo a { width: 77px; height: 41px; background-image: url(//favicon.png); margin-left: auto; margin-right: auto } .page-footer .social-share { padding-top: 5px; padding-bottom: 5px } .subscribe { height: 55px } .subscribe .blurb { padding: 0 14px } .subscribe form { background-color: #666; width: 244px } @-ms-viewport { .page-footer .logo { width: 768px } .page-footer .social-share { width: 768px } .subscribe { width: 768px } } } @media only screen and (max-width:768px) { .page-footer .flex-xs { display: block } .page-footer .nav-channels ul { padding: 20px } .page-footer .nav-channels ul li { min-width: 180px } .page-footer .nav-channels:after { display: block; content: ' '; clear: both } .page-footer .logo { float: left } } @media only screen and (max-width:400px) { .page-footer .nav-channels ul li { min-width: 170px } } @media only screen and (min-width:1024px) { @-ms-viewport { .subscribe { width: 1024px } } .subscribe form { width: 278px } } ul.menu li { margin: 0 } ul li.expanded { list-style-image: none; list-style-type: none } ul li.collapsed { list-style-image: none; list-style-type: none } ul li.leaf { list-style-image: none; list-style-type: none } li.expanded, li.collapsed, li.leaf { padding: 0; margin: 0 } li a.active { color: inherit } td.menu-disabled { background: transparent } ul.inline, ul.links.inline { display: inline; padding-left: 0 } ul.inline li { display: inline; list-style-type: none; padding: 0 } .breadcrumb { padding-bottom: 0 } ul.primary { border-bottom: 0 solid #bbb; margin: 0; padding: 0 } ul.primary li { display: inline } ul.primary li a { background-color: transparent; border-color: transparent; border-style: solid solid none solid; border-width: 0; margin-right: 0; padding: 0 } ul.primary li.active a { background-color: transparent; border: 0 solid #bbb; border-bottom: 0 solid #fff } ul.primary li a:hover { background-color: transparent; border-color: transparent; border-bottom-color: transparent } ul.secondary { border-bottom: 0 solid #bbb; padding: 0; margin: 0 } ul.secondary li { border-right: 0 solid #ccc; display: inline; padding: 0 } ul.secondary a { padding: 0; text-decoration: none } ul.secondary a.active { border-bottom: 0 solid #999 } div.tabs { font-weight: 700; font-size: 16px; text-transform: uppercase } div.tabs ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #ccc; margin: 20px 0 } div.tabs ul li { display: block; border: 1px solid #ccc; border-bottom-color: white; margin-bottom: -1px; margin-left: 5px } div.tabs ul li:first-child { margin-left: 0 } div.tabs ul li a { display: block; color: #666; padding: 5px 15px } div.tabs ul li a:hover { text-decoration: none; color: #2bb8a8 }
#unique-save-button { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease; } #unique-save-button:hover { background-color: #45a049; }.trending-widget.entity.entity-bean.bean-article-list.view-mode-list-11.trending-now.lr.p1y {
    margin: 30;
}