@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" } .review-summary { border-top: 3px solid #2bb8a8; border-bottom: 1px solid #e4e4e4; padding-bottom: 12px; margin-bottom: 55px } .review-summary .col-left { font-size: 16px; line-height: 18px } .review-summary .row-top { font-weight: 700; line-height: 19px } .review-summary .row-middle { font-weight: 600 } .review-summary .row-bottom { -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-self: flex-start; align-self: flex-start; padding-left: 15px } .review-summary .row-bottom label { font-weight: 300; font-size: 14px; color: gray } .review-summary .row-bottom span { font-size: 58px; line-height: 48px; color: #2bb8a8 } .review-summary .col-right { font-family: "Titillium Web", Helvetica, Arial, sans-serif } .review-summary .col-right .title, .review-summary .col-right label { font-weight: 700; color: #dc2c74; text-transform: uppercase } .review-summary .col-right .title { font-size: 20px; line-height: 22px } .review-summary .col-right label { font-size: 16px; line-height: 16px; margin-top: 16px } .review-summary .col-right .summary { line-height: 24px; margin-top: 16px } .review-summary .col-right ul { font-style: italic; font-size: 16px; line-height: 20px; color: black } .review-summary .col-right ul li { padding-left: 12px; margin-top: 8px; position: relative } .review-summary .col-right ul li::before { position: absolute; top: 8px; left: 0; font-size: 10px; content: ""; width: 4px; height: 4px; display: block; background: black; border-radius: 50% } @media only screen and (max-width:767px) { @-ms-viewport { .review-summary { width: 320px } } .review-summary .col-left { border-bottom: 1px solid #2bb8a8; padding-top: 6px; padding-bottom: 6px; position: relative; min-height: 80px; margin-bottom: 24px; padding-left: 10px; padding-right: 102px } .review-summary .col-left::before { content: ""; display: block; width: 4px; background-color: #2bb8a8; position: absolute; top: 4px; bottom: 4px; left: 0 } .review-summary .row-middle { padding-right: 10px; padding-top: 8px } .review-summary .row-bottom { border-left: 1px solid #2bb8a8; padding-left: 20px; position: absolute; top: 4px; right: 0; width: 102px } } @media only screen and (min-width:768px) { @-ms-viewport { .review-summary { width: 768px } } .review-summary .col-left { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding-right: 6px; border-left: 1px solid #2bb8a8; min-width: 171px } .review-summary .col-left>div { -webkit-flex-grow: 1; flex-grow: 1; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding-top: 6px; padding-bottom: 6px } .review-summary .col-left>div.row-bottom { -webkit-align-items: flex-start; align-items: flex-start } .review-summary .row-top span::before { content: ""; width: 4px; height: 19px; background: #2bb8a8; display: inline-block; vertical-align: middle; margin-right: 12px } .review-summary .row-middle { border-top: 1px solid #2bb8a8; border-bottom: 1px solid #2bb8a8; padding-left: 15px } .review-summary .col-right { padding-top: 17px; padding-left: 26px } .review-summary .col-right .title { font-size: 26px; line-height: 30px } } @media only screen and (min-width:1024px) { .review-summary { padding-top: 6px } @-ms-viewport { .review-summary { width: 1024px } } } .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-top: 40px;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-left: 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 { 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-left: 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-left: 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 } figure img { width: 100% } figure h4 { font-size: 24px; line-height: 28px; margin-bottom: 12px } figcaption { font-size: 10px; line-height: 14px; border-bottom: 1px solid #e4e4e4; padding-top: 6px; padding-bottom: 6px; margin-bottom: 18px } figcaption .credit { display: block; text-transform: uppercase; padding-top: 6px; font-size: 11px; color: gray } .breadcrumb { font-weight: 700; font-size: 16px; line-height: 16px; text-transform: uppercase; margin-top: 23px; padding-bottom: 16px } .breadcrumb a { color: #2bb8a8 } .topics { background-color: #f2f2f2; font-weight: bold; font-size: 12px; line-height: 16px; padding: 14px 0; color: #868686; margin-top: 18px } .topics a { color: #868686 } .topics a:hover { filter: alpha(opacity=80); opacity: .8; text-decoration: none } .topics li { float: left; padding: 0 12px } .topics .field-label { display: none } .topics::before { display: block; content: "TOPICS"; color: #2bb8a8; padding-left: 12px } .article-header .category { font-size: 16px; line-height: 16px; margin-top: 13px; margin-bottom: 8px } .article-header .subtitle { color: gray; font-size: 18px; line-height: 25px; margin-bottom: 18px } .article-header .flex-sm { margin-top: 22px; margin-bottom: 22px } .article-header .byline { position: relative; padding-top: 3px } .article-header .byline strong { color: #333; font-weight: normal; text-transform: lowercase } .article-header .byline img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 42px; height: auto; float: left; display: block; margin-right: 6px; margin-top: -3px } .article-header .byline a { font-weight: bold; color: #333 } .article-header .byline a.twitter { font-weight: normal; color: gray } .article-header .byline a.twitter::before { content: '\f202'; vertical-align: middle; font-size: 20px; font-family: "Genericons"; color: #55acee } .article-header .byline a.twitter:hover { text-decoration: none; color: #55acee } .article-header .byline time { display: block; margin-top: 5px } .article-header .social-share .genericon { color: white; font-size: 0; width: 45px; margin-left: 1px } .article-header .social-share .genericon:hover { filter: alpha(opacity=80); opacity: .8 } .article-header .social-share .genericon-mail { background-color: #2bb8a8 } .article-header .social-share .genericon-facebook { background-color: #3b5998 } .article-header .social-share .genericon-twitter { background-color: #55acee } .article-header .social-share .genericon-reddit { background-color: #ff4500 } .article-header .social-share .genericon-linkedin { background-color: #0077b5 } .article-header .social-share .genericon-googleplus { background-color: #dc4e41 } .article-header .social-share .genericon-instagram { background-color: #405de6 } .article-header .social-share .genericon-tumblr { background-color: #35465c } .article-body { font-family: Helvetica, Arial, sans-serif; margin-top: 18px; font-size: 18px; line-height: 30px; padding-bottom: 30px } .article-body object, .article-body iframe, .article-body p { margin-bottom: 12px } .article-body .pull-quote { position: relative; max-width: 86%; padding-top: 30px; padding-bottom: 14px; margin-bottom: 18px; color: #dc2c74; font-style: italic; font-weight: 600; font-size: 20px; line-height: 30px; text-transform: uppercase } .article-body .pull-quote::before { content: ""; display: block; width: 150px; height: 10px; background: url(/source/images/deco-blockquote.png) 0 0 no-repeat; position: absolute; top: 9px; left: 0 } .article-body .pull-quote::after { content: ""; display: block; width: 168px; height: 3px; background-color: #899fb3; position: absolute; bottom: 0; left: 0 } @media only screen and (min-width:768px) { .col-sm-3, .col-md-3 { min-width: 330px } .breadcrumb { margin-top: 11px; padding-bottom: 13px } figcaption { font-size: 15px; line-height: 22px; padding-top: 5px; padding-bottom: 3px; margin-bottom: 18px } figcaption .credit { padding-top: 0; font-size: 13px } .article-header .category { margin-top: 21px; margin-bottom: 11px } .topics { position: relative; padding-left: 62px } .topics::before { position: absolute; top: 14px; left: 0 } .article-header .byline { padding-top: 13px } .article-header .byline img { width: 60px; margin-top: -13px; margin-right: 15px } .article-body .pull-quote { max-width: 534px; margin-left: 90px; font-size: 30px; line-height: 32px } .article-body .pull-quote::before { margin-bottom: 18px } .article-body .pull-quote::after { width: 320px } .article-body object, .article-body iframe, .article-body p { margin-bottom: 16px } @-ms-viewport { .breadcrumb, figcaption, .article-header .category, topics, .article-header .byline, .article-body .pull-quote, .article-body { width: 768px } } } @media only screen and (min-width:1024px) { .article-header .category { margin-top: 17px; margin-bottom: 9px } .article-body .pull-quote { padding-top: 37px; padding-bottom: 22px; margin-bottom: 28px } @-ms-viewport { .article-header .category, .article-body .pull-quote { width: 1024px } } .article-body .pull-quote::before { top: 10px } } @media only screen and (min-width:1096px) { .article-body .pull-quote { padding-top: 55px; margin-bottom: 48px } @-ms-viewport { .article-body .pull-quote { width: 1096px } } .article-body .pull-quote::before { top: 28px } } .article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 { margin: 25px auto 16px } .article-body ol, .article-body ul { margin-left: 30px; margin-bottom: 10px } .article-body ol li, .article-body ul li { margin-bottom: 6px } .article-body ol li .block-fusion-ads, .article-body ul li .block-fusion-ads { margin-left: -30px } .article-body ul li { list-style: disc } .article-body ol li { list-style: decimal-leading-zero } .article-body a { color: #2bb8a8 } .row { margin: 0 -20px } blockquote { font-weight: 700; font-size: 18px; line-height: 26px; background-color: #efefef; border-left: 11px solid #dc2c74; padding: 17px 19px 5px; margin-bottom: 30px } @media only screen and (min-width:768px) { blockquote { font-size: 22px; margin-top: 31px; padding-top: 24px; padding-bottom: 9px } @-ms-viewport { blockquote { width: 768px } } } @media only screen and (min-width:1024px) { .cont.bg-s::before { display: none } } @media only screen and (min-width:1096px) { blockquote { margin-top: 44px; margin-bottom: 48px } @-ms-viewport { blockquote { width: 1096px } } } @media only screen and (max-width:991px) { .flex-sm { display: block } .row { margin: 0 -10px } .row .col-l, .row .col-r { width: 100%; float: none } } @media only screen and (min-width:992px) { .row .col-l { width: calc(100% - 400px) } .row .col-r { min-width: 400px } .row .col-r .bean-article-list { width: 300px; margin: 30px auto 0 } .article-body .dfp-tag-wrapper { margin-bottom: 25px } } .related-stories { border-left: 4px solid #2bb8a8; position: relative; padding-left: 14px; margin: 35px 0 42px; font-size: 14px; line-height: 18px } .related-stories::before, .related-stories::after { content: ""; display: block; height: 1px; background-color: #e4e4e4; position: absolute; left: -4px; right: 0 } .related-stories::before { top: -19px } .related-stories::after { bottom: -19px } @media only screen and (min-width:768px) { .related-stories { font-size: 18px; line-height: 24px } @-ms-viewport { .related-stories { width: 768px } } } .related-stories label { display: block; font-weight: 700; text-transform: uppercase; color: #2bb8a8 } @media only screen and (min-width:768px) { .related-stories label { font-size: 25px; width: 75px; border-left: 1px solid #2bb8a8; margin-right: 20px; padding-right: 8px; text-align: center } @-ms-viewport { .related-stories label { width: 768px } } } .related-stories ul { margin: 0 } .related-stories ul li { list-style: none; font-weight: 300 } .related-stories ul li a { color: #333 } @media only screen and (max-width:767px) { @-ms-viewport { width: 320px } .article-header .social-share { filter: alpha(opacity=0); opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; z-index: 101; height: 44px; overflow: hidden } .expand-menu .article-header .social-share { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible } .expand-menu .page-header .logo a { width: 47px; height: 22px; background-image: url(/source/images/logo-small.svg) } } #discussion { margin-bottom: 40px } .fixed { position: fixed !important; z-index: 1 } .absolute { position: absolute !important; z-index: 1 } .databox { margin-bottom: 12px; border-top: 3px solid #2bb8a8; border-bottom: 1px solid #e4e4e4; padding-top: 12px; padding-bottom: 12px; font-weight: 600; font-size: 14px; line-height: 18px } @media only screen and (min-width:768px) { .databox { padding-top: 9px; padding-bottom: 9px; font-size: 16px; line-height: 18px } @-ms-viewport { .databox { width: 768px } } .databox .score span { font-size: 36px } } .databox label { display: block; color: gray; font-weight: 300; font-size: 14px } @media only screen and (max-width:767px) { .databox { -webkit-flex-wrap: wrap; flex-wrap: wrap } @-ms-viewport { .databox { width: 320px } } } .databox .data { -webkit-flex: 1; flex: 1; padding: 0 10px; border-left: 1px solid #2bb8a8 } .databox .data.item { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-left: 0; padding-left: 0 } .databox .data.item figure { -webkit-flex: none; flex: none; width: 57px; margin-right: 6px } .databox .data.item figure figcaption .credit, .databox .data.item figure figcaption { border: 0; padding: 0; margin: 0 } .databox .data.score span { font-weight: 300; font-size: 32px; line-height: 32px } @media only screen and (max-width:767px) { .databox .data.score { padding-left: 12px; padding-right: 6px } @-ms-viewport { .databox .data.score { width: 320px } } } @media only screen and (max-width:767px) { .databox .data { margin-top: 24px; position: relative; -webkit-flex-basis: 33.33333%; flex-basis: 33.33333% } @-ms-viewport { .databox .data { width: 320px } } .databox .data:nth-of-type(1) { -webkit-flex-basis: 75%; flex-basis: 75% } .databox .data:nth-of-type(2) { -webkit-flex-basis: 25%; flex-basis: 25% } .databox .data:nth-of-type(3n+3) { border-left: 0; padding-left: 0 } .databox .data::before { content: ""; display: block; height: 1px; background-color: #2bb8a8; position: absolute; top: -12px; left: -1px; right: 0 } .databox .data:nth-of-type(1), .databox .data:nth-of-type(2) { margin-top: 0 } .databox .data:nth-of-type(1)::before, .databox .data:nth-of-type(2)::before { content: none } } @media only screen and (min-width:768px) { .databox .data { padding: 10px 15px } @-ms-viewport { .databox .data { width: 768px } } } @media only screen and (min-width:1096px) { @-ms-viewport { .databox .data { width: 1096px } } .databox .data.item { -webkit-align-items: flex-start; align-items: flex-start; padding-left: 15px } } .databox .data .item-title span { display: block } .databox .data .amazon-item-inline { font-weight: bold; line-height: 25px; margin-top: 15px } @media only screen and (min-width:1024px) { .databox .data .amazon-item-inline { margin-top: 10px } @-ms-viewport { .databox .data .amazon-item-inline { width: 1024px } } } .databox .data .amazon-item-inline a { display: inline-block; width: 84px; background-color: #dc2c74; color: #fff; text-align: center; font-size: 12px } @media only screen and (min-width:768px) { .databox .data .amazon-item-inline a { font-size: 14px } @-ms-viewport { .databox .data .amazon-item-inline a { width: 768px } } } .databox .data .amazon-item-inline a:hover { text-decoration: none; filter: alpha(opacity=80); opacity: .8 } .databox .data .amazon-item-inline .price { display: inline-block; font-size: 14px; margin-left: 2px } @media only screen and (min-width:768px) { .databox .data .amazon-item-inline .price { font-size: 16px; margin-left: 4px } @-ms-viewport { .databox .data .amazon-item-inline .price { width: 768px } } } .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 } table { background-color: transparent } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left } th { text-align: left; border-bottom: 0 } .article-body>table { width: 100%; max-width: 100%; margin-bottom: 20px } .article-body>table>thead>tr>th, .article-body>table>tbody>tr>th, .article-body>table>tfoot>tr>th, .article-body>table>thead>tr>td, .article-body>table>tbody>tr>td, .article-body>table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd } .article-body>table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd } .article-body>table>caption+thead>tr:first-child>th, .article-body>table>colgroup+thead>tr:first-child>th, .article-body>table>thead:first-child>tr:first-child>th, .article-body>table>caption+thead>tr:first-child>td, .article-body>table>colgroup+thead>tr:first-child>td, .article-body>table>thead:first-child>tr:first-child>td { border-top: 0 } .article-body>table>tbody+tbody { border-top: 2px solid #ddd } .article-body>table .article-body>table { background-color: #fff } .article-body>table-condensed>thead>tr>th, .article-body>table-condensed>tbody>tr>th, .article-body>table-condensed>tfoot>tr>th, .article-body>table-condensed>thead>tr>td, .article-body>table-condensed>tbody>tr>td, .article-body>table-condensed>tfoot>tr>td { padding: 5px } .article-body>table-bordered { border: 1px solid #ddd } .article-body>table-bordered>thead>tr>th, .article-body>table-bordered>tbody>tr>th, .article-body>table-bordered>tfoot>tr>th, .article-body>table-bordered>thead>tr>td, .article-body>table-bordered>tbody>tr>td, .article-body>table-bordered>tfoot>tr>td { border: 1px solid #ddd } .article-body>table-bordered>thead>tr>th, .article-body>table-bordered>thead>tr>td { border-bottom-width: 2px } .article-body>table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9 } .article-body>table-hover>tbody>tr:hover { background-color: #f5f5f5 } table col[class*="col-"] { position: static; float: none; display: table-column } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell } .article-body>table>thead>tr>td.active, .article-body>table>tbody>tr>td.active, .article-body>table>tfoot>tr>td.active, .article-body>table>thead>tr>th.active, .article-body>table>tbody>tr>th.active, .article-body>table>tfoot>tr>th.active, .article-body>table>thead>tr.active>td, .article-body>table>tbody>tr.active>td, .article-body>table>tfoot>tr.active>td, .article-body>table>thead>tr.active>th, .article-body>table>tbody>tr.active>th, .article-body>table>tfoot>tr.active>th { background-color: #f5f5f5 } .article-body>table-hover>tbody>tr>td.active:hover, .article-body>table-hover>tbody>tr>th.active:hover, .article-body>table-hover>tbody>tr.active:hover>td, .article-body>table-hover>tbody>tr:hover>.active, .article-body>table-hover>tbody>tr.active:hover>th { background-color: #e8e8e8 } .article-body>table>thead>tr>td.success, .article-body>table>tbody>tr>td.success, .article-body>table>tfoot>tr>td.success, .article-body>table>thead>tr>th.success, .article-body>table>tbody>tr>th.success, .article-body>table>tfoot>tr>th.success, .article-body>table>thead>tr.success>td, .article-body>table>tbody>tr.success>td, .article-body>table>tfoot>tr.success>td, .article-body>table>thead>tr.success>th, .article-body>table>tbody>tr.success>th, .article-body>table>tfoot>tr.success>th { background-color: #dff0d8 } .article-body>table-hover>tbody>tr>td.success:hover, .article-body>table-hover>tbody>tr>th.success:hover, .article-body>table-hover>tbody>tr.success:hover>td, .article-body>table-hover>tbody>tr:hover>.success, .article-body>table-hover>tbody>tr.success:hover>th { background-color: #d0e9c6 } .article-body>table>thead>tr>td.info, .article-body>table>tbody>tr>td.info, .article-body>table>tfoot>tr>td.info, .article-body>table>thead>tr>th.info, .article-body>table>tbody>tr>th.info, .article-body>table>tfoot>tr>th.info, .article-body>table>thead>tr.info>td, .article-body>table>tbody>tr.info>td, .article-body>table>tfoot>tr.info>td, .article-body>table>thead>tr.info>th, .article-body>table>tbody>tr.info>th, .article-body>table>tfoot>tr.info>th { background-color: #d9edf7 } .article-body>table-hover>tbody>tr>td.info:hover, .article-body>table-hover>tbody>tr>th.info:hover, .article-body>table-hover>tbody>tr.info:hover>td, .article-body>table-hover>tbody>tr:hover>.info, .article-body>table-hover>tbody>tr.info:hover>th { background-color: #c4e3f3 } .article-body>table>thead>tr>td.warning, .article-body>table>tbody>tr>td.warning, .article-body>table>tfoot>tr>td.warning, .article-body>table>thead>tr>th.warning, .article-body>table>tbody>tr>th.warning, .article-body>table>tfoot>tr>th.warning, .article-body>table>thead>tr.warning>td, .article-body>table>tbody>tr.warning>td, .article-body>table>tfoot>tr.warning>td, .article-body>table>thead>tr.warning>th, .article-body>table>tbody>tr.warning>th, .article-body>table>tfoot>tr.warning>th { background-color: #fcf8e3 } .article-body>table-hover>tbody>tr>td.warning:hover, .article-body>table-hover>tbody>tr>th.warning:hover, .article-body>table-hover>tbody>tr.warning:hover>td, .article-body>table-hover>tbody>tr:hover>.warning, .article-body>table-hover>tbody>tr.warning:hover>th { background-color: #faf2cc } .article-body>table>thead>tr>td.danger, .article-body>table>tbody>tr>td.danger, .article-body>table>tfoot>tr>td.danger, .article-body>table>thead>tr>th.danger, .article-body>table>tbody>tr>th.danger, .article-body>table>tfoot>tr>th.danger, .article-body>table>thead>tr.danger>td, .article-body>table>tbody>tr.danger>td, .article-body>table>tfoot>tr.danger>td, .article-body>table>thead>tr.danger>th, .article-body>table>tbody>tr.danger>th, .article-body>table>tfoot>tr.danger>th { background-color: #f2dede } .article-body>table-hover>tbody>tr>td.danger:hover, .article-body>table-hover>tbody>tr>th.danger:hover, .article-body>table-hover>tbody>tr.danger:hover>td, .article-body>table-hover>tbody>tr:hover>.danger, .article-body>table-hover>tbody>tr.danger:hover>th { background-color: #ebcccc } .article-body>table-responsive { overflow-x: auto; min-height: .01% } @media screen and (max-width:767px) { .article-body>table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } .article-body>table-responsive>.article-body>table { margin-bottom: 0 } .article-body>table-responsive>.article-body>table>thead>tr>th, .article-body>table-responsive>.article-body>table>tbody>tr>th, .article-body>table-responsive>.article-body>table>tfoot>tr>th, .article-body>table-responsive>.article-body>table>thead>tr>td, .article-body>table-responsive>.article-body>table>tbody>tr>td, .article-body>table-responsive>.article-body>table>tfoot>tr>td { white-space: nowrap } .article-body>table-responsive>.article-body>table-bordered { border: 0 } .article-body>table-responsive>.article-body>table-bordered>thead>tr>th:first-child, .article-body>table-responsive>.article-body>table-bordered>tbody>tr>th:first-child, .article-body>table-responsive>.article-body>table-bordered>tfoot>tr>th:first-child, .article-body>table-responsive>.article-body>table-bordered>thead>tr>td:first-child, .article-body>table-responsive>.article-body>table-bordered>tbody>tr>td:first-child, .article-body>table-responsive>.article-body>table-bordered>tfoot>tr>td:first-child { border-left: 0 } .article-body>table-responsive>.article-body>table-bordered>thead>tr>th:last-child, .article-body>table-responsive>.article-body>table-bordered>tbody>tr>th:last-child, .article-body>table-responsive>.article-body>table-bordered>tfoot>tr>th:last-child, .article-body>table-responsive>.article-body>table-bordered>thead>tr>td:last-child, .article-body>table-responsive>.article-body>table-bordered>tbody>tr>td:last-child, .article-body>table-responsive>.article-body>table-bordered>tfoot>tr>td:last-child { border-right: 0 } .article-body>table-responsive>.article-body>table-bordered>tbody>tr:last-child>th, .article-body>table-responsive>.article-body>table-bordered>tfoot>tr:last-child>th, .article-body>table-responsive>.article-body>table-bordered>tbody>tr:last-child>td, .article-body>table-responsive>.article-body>table-bordered>tfoot>tr:last-child>td { border-bottom: 0 } } #dfp-ad-top { margin: 10px 0 } #dfp-ad-bottom { margin: 20px 0 } .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 } } } @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 } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-arrow { cursor: pointer; font-size: 0; position: absolute; z-index: 1; background-color: transparent } .slick-arrow.carousel-prev::before, .slick-arrow.carousel-next::before { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 42px; line-height: 42px; font-family: 'Genericons'; display: block } .slick-arrow.carousel-prev { left: 0 } .slick-arrow.carousel-prev::before { content: '\f431' } .slick-arrow.carousel-next { right: 0 } .slick-arrow.carousel-next::before { content: '\f432' } @media only screen and (max-width:767px) { .slick-arrow { width: 0 } @-ms-viewport { .slick-arrow { width: 320px } } .slick-arrow.carousel-prev::before, .slick-arrow.carousel-next::before { content: none } } .carousel-slider { display: -webkit-flex; display: flex } .carousel-slider figcaption { margin-bottom: 0 } .carousel-slider .slick-arrow { width: 40px; height: 100% } @media only screen and (min-width:768px) { @-ms-viewport { .carousel-slider { width: 768px } } .carousel-slider .slick-arrow { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 40px; top: 50% } .carousel-slider .slick-arrow.carousel-prev, .carousel-slider .slick-arrow.carousel-next { background-color: #2bb8a8; color: white; text-align: center } .carousel-slider .slick-arrow.carousel-prev:hover, .carousel-slider .slick-arrow.carousel-next:hover { filter: alpha(opacity=90); opacity: .9 } } .carousel-gallery { display: -webkit-flex; display: flex; background-color: black } .carousel-gallery figure { overflow: hidden; position: relative; height: 56px } .carousel-gallery figure img { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50% } @media only screen and (min-width:768px) { .carousel-gallery figure { height: 86px } @-ms-viewport { .carousel-gallery figure { width: 768px } } } .carousel-gallery .slick-current figure { border: 3px solid #c9c9c9 } @media only screen and (min-width:768px) { .carousel-gallery .slick-current figure { border-width: 5px } @-ms-viewport { .carousel-gallery .slick-current figure { width: 768px } } } .carousel-gallery .slick-arrow { height: 46px } @media only screen and (min-width:768px) { .carousel-gallery .slick-arrow { height: 86px } @-ms-viewport { .carousel-gallery .slick-arrow { width: 768px } } } .carousel-gallery .slick-arrow, .playlist .slick-arrow { width: 20px; line-height: 20px; color: #2bb8a8 } .carousel-gallery .slick-arrow:hover, .playlist .slick-arrow:hover { color: white } .carousel-gallery .slick-arrow.slick-disabled, .playlist .slick-arrow.slick-disabled { filter: alpha(opacity=60); opacity: .6 } .playlist { display: -webkit-flex; display: flex; background-color: #f2f2f2; margin-bottom: 20px } .playlist .slick-arrow { height: 80px } .playlist .duration { display: none } .playlist .title { font-weight: normal; font-size: 13px; line-height: 18px; padding: 6px 10px } .playlist .title a { display: block; color: #1e1e1e; height: 74px; overflow: hidden } @media only screen and (min-width:768px) { .playlist .title a { height: 56px } @-ms-viewport { .playlist .title a { width: 768px } } } .playlist .image { position: relative; height: 80px; overflow: hidden } .playlist .image a { background-color: black; height: 80px } .playlist .image a img { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: relative; top: 50%; left: 50% } .playlist .image a::before { content: '\f452'; font-size: 14px; line-height: 18px; font-family: "Genericons"; display: block; width: 18px; height: 18px; text-align: center; background-color: #2bb8a8; color: white; position: absolute; z-index: 1; left: 0; bottom: 0 } .playlist-item.current-item { background-color: #c9c9c9 } .playlist-item.current-item .image a::before { content: none } .playlist-item.current-item .title a { color: white } .playlist-item.current-item .title a:hover { text-decoration: none } .playlist .now-playing { background-color: #2bb8a8; color: #fff; font-size: 10px; line-height: 18px; padding: 0 6px; position: absolute; left: 0; bottom: 0 } @media only screen and (max-width:767px) { .playlist { margin-left: -12px; margin-right: -12px } @-ms-viewport { .playlist { width: 320px } } } .video .large .title { font-weight: 600; font-size: 24px; line-height: 28px; margin-bottom: 10px } @media only screen and (min-width:768px) { .video .large .title { font-size: 26px; line-height: 30px; margin-bottom: 15px } @-ms-viewport { .video .large .title { width: 768px } } } @media only screen and (max-width:767px) { @-ms-viewport { .video { width: 320px } } .video .block-title { padding-left: 0; padding-right: 0 } .video li article { display: -webkit-flex; display: flex; padding: 10px 0 } .video li article .image { margin-right: 10px; width: 120px; min-width: 120px } .video .large .image a { margin-left: -22px; margin-right: -22px } } @media only screen and (min-width:768px) { @-ms-viewport { .video { width: 768px } } .video ul { padding-top: 22px } .video li { padding-left: 12px } .video li .title { padding-top: 7px; padding-bottom: 20px } } .video .large article { display: -webkit-flex; display: flex } .video .large article .info { -webkit-order: 1; order: 1; width: 100% } .video .large article .image { -webkit-order: 2; order: 2; width: 100% } @media only screen and (max-width:767px) { .video .large article { -webkit-flex-wrap: wrap; flex-wrap: wrap } @-ms-viewport { .video .large article { width: 320px } } } @media only screen and (min-width:768px) { @-ms-viewport { .video .large article { width: 768px } } .video .large article .info { width: 41.66666667%; padding-left: 12px; padding-right: 12px } .video .large article .image { width: 58.33333333% } } .tbol ul { padding-top: 6px } .tbol article { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border-top: 1px solid #e4e4e4; padding: 6px 12px } .tbol .num { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 40px; min-width: 40px; height: 40px; margin: 14px 20px 14px 0; background-color: #798787; text-align: center; color: white; font-weight: 700; font-size: 20px; line-height: 40px } @media only screen and (min-width:1024px) { @-ms-viewport { .page-content .game-reviews { width: 1024px } } .page-content .game-reviews ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .sub .page-content .game-reviews ul { padding-left: 6px; padding-right: 6px } .page-content .game-reviews ul li { width: 50%; padding: 0 6px; border-top: 0 } .page-content .game-reviews ul article { border-top: 1px solid #e4e4e4; padding: 12px 0 } .page-content .game-reviews ul li:first-child article, .page-content .game-reviews ul li:nth-child(2) article { border-top: 0; padding-top: 3px } } @media only screen and (max-width:767px) { .page-sidebar.sub .game-reviews { margin-top: 22px } @-ms-viewport { .page-sidebar.sub .game-reviews { width: 320px } } } @media(min-width:768px) and (max-width:1023px) { @-ms-viewport { .page-sidebar.sub .game-reviews { width: 768px } } .page-sidebar.sub .game-reviews ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 6px; padding-right: 6px } .page-sidebar.sub .game-reviews ul li { width: 50%; padding-left: 6px; padding-right: 6px; border-top: 0 } .front .page-sidebar.sub .game-reviews ul { margin-left: -6px; margin-right: -6px } } .front .page-sidebar.sub .game-reviews { margin-top: 22px } .front .page-sidebar.sub .game-reviews.lr ul, .front .page-sidebar.sub .game-reviews .block-title { padding-left: 0; padding-right: 0 } .entertainment .image { width: 100%; margin-bottom: 15px } .entertainment .category { margin-bottom: 5px } .entertainment .title { font-size: 21px; line-height: 26px } .entertainment article { margin-bottom: 30px } @media only screen and (max-width:767px) { @-ms-viewport { .entertainment { width: 320px } } .entertainment .flex-xs { -webkit-flex-wrap: wrap; flex-wrap: wrap } } .on-sticky { padding-bottom: 50px } .v_text { clear: both; display: block; color: #222; word-wrap: break-word; display: block; box-sizing: border-box } .v_text .credit { font-size: 12px; color: #777 } .v_text .credit:before { content: '(Photo: ' } .v_text .credit:after { content: ')' } .v_text .cap { margin: 0 15px 0 0 } .v_text .captionBox { position: relative; margin: 0; padding: 2px 3px 4px 3px; font-size: 12px; color: #222; text-align: left } .v_text .caption { margin: 0; padding: 2px 3px 4px 3px; font-size: 13px; color: #444; line-height: 18px; text-align: left } .v_text .imgPhoto { vertical-align: bottom } .v_text .featured_video .embed-feed { position: relative } .v_text ul, .v_text ol { padding: 0; margin: 20px 0 20px 20px } .v_text ul li { line-height: 1.5em } .v_text ol li { line-height: 1.5em } .rate01 { display: inline-block; background: url(/source/img/hope/img_rate1.gif) no-repeat left top; width: 78px; height: 13px; text-indent: -5000px } .rate02 { display: inline-block; background: url(/source/img/hope/img_rate2.gif) no-repeat left top; width: 78px; height: 13px; text-indent: -5000px } .rate03 { display: inline-block; background: url(/source/img/hope/img_rate3.gif) no-repeat left top; width: 78px; height: 13px; text-indent: -5000px } .rate04 { display: inline-block; background: url(/source/img/hope/img_rate4.gif) no-repeat left top; width: 78px; height: 13px; text-indent: -5000px } .rate05 { display: inline-block; background: url(/source/img/hope/img_rate5.gif) no-repeat left top; width: 78px; height: 13px; text-indent: -5000px } .v_text .max-full { width: 100% } .galleryLeft { clear: both; float: left; margin: 3px 20px 5px 0; position: relative; color: #333; font-size: 8pt; overflow: hidden; max-width: 60%; height: auto } .galleryLeft .span { position: absolute; top: 60px; left: 70px; font-size: 25pt; font-weight: bold; color: #f90 } .galleryRight { clear: both; float: right; margin: 3px 0 5px 20px; position: relative; color: #333; font-size: 8pt; overflow: hidden; max-width: 60%; height: auto } .galleryRight .span { position: absolute; top: 60px; left: 70px; font-size: 25pt; font-weight: bold; color: #f90 } .galleryLeft .prev, .galleryRight .prev, .galleryLeft .next, .galleryRight .next { width: 40px; height: 56px } .galleryVt { clear: both; margin: 0 auto; display: block; font-weight: normal; font-style: normal; position: relative; padding: 0; max-width: 100%; height: auto } .galleryVt>figure { clear: both; margin: 5px auto; display: block; font-weight: normal; font-style: normal; text-align: center; position: relative; max-width: 100%; height: auto } .galleryVtNone { clear: both; margin: 0; display: block; font-weight: normal; font-style: normal; text-align: center; position: relative; padding: 0; max-width: 100%; height: auto } .galleryVtNone>figure { clear: both; margin: 5px auto; display: block; font-weight: normal; font-style: normal; text-align: center; max-width: 100%; height: auto } .galleryVtRight { clear: both; float: right; margin: 3px 0 5px 20px; position: relative; padding: 0; max-width: 60%; height: auto } .galleryVtRight>figure { margin: 5px auto; display: block; font-weight: normal; font-style: normal; max-width: 100%; height: auto } .galleryVtLeft { clear: both; float: left; margin: 3px 20px 5px 0; position: relative; padding: 0; max-width: 60%; height: auto } .galleryVtLeft>figure { margin: 5px auto; display: block; font-weight: normal; font-style: normal; max-width: 100%; height: auto } .galleryFull { clear: both; margin: 5px auto; display: block; font-weight: normal; font-style: normal; text-align: center; position: relative; overflow: hidden; max-width: 100%; height: auto } .galleryNone { clear: both; margin: 5px 0; display: block; font-weight: normal; font-style: normal; position: relative; overflow: hidden; max-width: 100%; height: auto } .gallery { margin: auto } .quoteFull { clear: both; margin: 10px 20px 5px 0; padding: 10px 10px 7px } .quoteFull .quote { color: #000; line-height: 1.7em; font-style: italic; position: relative } .v_text .quote:before, .v_text .quote:after { font-size: 3em; position: relative; line-height: 0; font-family: georgia, 'times new roman', serif } .v_text .quote:before { top: .4em; left: -.1em } .v_text .quote:after { top: .4em; left: -.1em } .quoteFull .small { font-size: .8em; font-weight: bold; color: #000; margin-top: 10px } .quoteLeft { clear: both; float: left; margin: 10px 20px 5px 0; padding: 10px 10px 7px; width: 40% } .quoteLeft .quote { color: #000; line-height: 1.7em; font-style: italic } .quoteLeft .small { font-size: .8em; text-align: right; color: #000 } .quoteRight { clear: both; float: right; margin: 10px 0 5px 20px; padding: 10px 10px 7px; width: 40% } .quoteRight .quote { color: #000; line-height: 1.7em; font-style: italic } .quoteRight .small { font-size: .8em; text-align: right; color: #000 } .quoteLeft, .quoteRight { padding: 10px 15px 10px } .quoteLeft .small, .quoteRight .small { text-align: right; font-size: .8em; margin-top: 10px } .fullPoll, .leftPoll, .rightPoll { margin: 10px auto } .leftPoll { clear: both; float: left; margin: 10px 20px 5px 0; max-width: 60% } .rightPoll { clear: both; float: right; margin: 10px 0 5px 20px; max-width: 60% } .poll_label { background: #c00; color: #fff; font-size: 18px; margin: 0; padding: 10px 10px 10px 20px } .poll { padding: 15px 20px 10px; border: 1px solid #eee; border-top: 0 } .poll .po_title { font-size: 15px; font-weight: bold } .poll .poll_message { font-size: 12px; color: #c00 } .poll ul.poll_ul, .poll ul.ul_result { list-style: none; margin: 0; padding: 10px 10px } .poll li { list-style: none !important; font-size: 14px; border-bottom: 1px solid #eee; line-height: 36px; margin: 0; padding: 10px 0 !important } .poll li:before { content: "" !important } .poll li input { height: 15px; margin-right: 5px; width: 15px } .poll .poll_submit, .poll .return_poll { text-align: center } .poll .return_poll, .poll .ul_result, .poll .poll_message { display: none } .poll .poll_submit input { background-color: #e1451d; border: 0; color: #fff; font-size: 18px; height: 41px; margin-top: 10px; margin-left: 6px; width: 231px } .poll .poll_submit a, .poll .return_poll a { font-size: 12px } .poll .other { width: 80px; margin-left: 20px } .relatedCode { position: relative; clear: both; float: left; margin: 3px 20px 5px 0; overflow: hidden } .fullCode { clear: both; margin: 10px auto 20px; overflow: hidden; max-width: 100%; height: auto; padding-top: 5px; padding-bottom: 5px } .fullCode .innerBox { margin: 0 auto; overflow: hidden } .fullCode iframe { width: 100% } .fullCode img { max-width: 100%; height: auto; display: block } .noneCode { clear: both; margin: 10px 0; overflow: hidden } .rightCode { position: relative; clear: both; float: right; margin: 3px 0 5px 20px; overflow: hidden } .v_text .instagram-media { margin-left: auto !important; margin-right: auto !important; max-width: 500px; width: 96% } .v_text .twitter-tweet, .v_text .twitter-video { margin: auto !important } .v_text .tiktok-embed { border-left: 0; padding-left: 0 } .jsbox, #jsbox { overflow: hidden; padding: 0; margin: 0 } .v_text .code { margin: 0; padding: 0 } .v_text iframe { margin: 0; padding: 0; border: 0; max-width: 100% } .fullCoding { padding: 20px; border: 1px dashed #333; background: #eee; margin: 20px 0; font-size: .75em } .block3 { margin: 20px 0 20px 20px; padding-left: 30px; padding-right: 15px; position: relative } .block3:before { content: '“'; font-size: 50px; position: absolute; left: 7px; top: 7px } .block3>*:last-child:after { content: '”'; font-size: 50px; line-height: 0; position: relative; top: 21px; left: 5px } .block1 { clear: both; border: 1px solid #777; padding: 5px 20px 5px; margin: 20px 0; background: #eff3f5 } .block2 { clear: both; border: 1px solid #777; padding: 5px 20px 5px; margin: 20px 0; background: #f8f2e4 } .block4 { padding: 15px 0; border: 0 solid #ccc; border-width: 6px 0; font-size: 22px; max-width: 80%; margin: 0 auto; margin-bottom: 50px; margin-top: 50px } .block5 { position: relative; clear: both; padding: 0; border: 0; margin: 20px 0; background: none } @media screen and (max-width:768px) { .block4 { max-width: 90% } } .block1Left { clear: both; float: left; margin: 6px 20px 10px 0; border: 1px solid #ccc; padding: 0 15px 15px; background: #eff3f5; font-size: .9em } .block1Right { clear: both; float: right; margin: 6px 0 10px 20px; border: 1px solid #ccc; padding: 0 15px 15px; background: #eff3f5; font-size: .9em } .block2Left { clear: both; float: left; margin: 6px 20px 10px 0; border: 1px solid #ccc; padding: 0 15px 15px; background: #f8f2e4; font-size: .9em } .block2Right { clear: both; float: right; margin: 6px 0 10px 20px; border: 1px solid #ccc; padding: 0 15px 15px; background: #f8f2e4; font-size: .9em } .block5Left { position: relative; clear: both; float: left; margin: 6px 25px 10px 0; padding: 0 0 5px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: none; font-size: .9em } .block5Right { position: relative; clear: both; float: right; margin: 6px 0 10px 25px; padding: 0 0 5px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: none; font-size: .9em } .block2Right p, .block1Right p, .block2Leftt p, .block1Left p, .block5Left p, .block5Right p, .block2Right h3, .block1Right h3, .block2Leftt h3, .block1Left h3, .block5Left h3, .block5Right h3, .block2Right h4, .block1Right h4, .block2Leftt h4, .block1Left h4, .block5Left h4, .block5Right h4 { margin: 12px 0 } .block1Leftt ul, .block1Right ul, .block2Left ul, .block2Right ul, .block5Left ul, .block5Right ul { margin: 0; padding: 0 0 0 18px } .block1Leftt ol, .block1Right ol, .block2Left ol, .block2Right ol, .block5Left ol, .block5Right ol { margin: 0; padding: 0 0 0 25px } .block1Leftt hr, .block1Right hr, .block2Left hr, .block2Right hr, .block5Left hr, .block5Right hr { margin: 10px 0 } .block1:after, .block2:after, .block5:after { display: table; content: " "; clear: both } .fullItem { margin: 20px 0; clear: both; border: 2px solid purple; padding: 20px } .fullItem .top-item { font-size: 20px; font-weight: bold; border-bottom: 1px solid #ddd; padding: 0 0 20px; position: relative } .fullItem .top-item:after { content: " "; display: block; clear: both } .imageLeft { clear: both; float: left; margin: 20px 20px 5px 0; position: relative } .imageRight { clear: both; float: right; margin: 20px 0 5px 20px; position: relative } .imageBox { clear: both; margin: 10px auto; font-style: normal; position: relative; max-width: 100%; height: auto } .innerBox { margin: auto; max-width: 100% } .imageNone { clear: both; font-size: 11px; color: #111; margin: 10px 0; display: block; font-weight: normal; font-style: normal; position: relative } .fullArticle { clear: both; font-size: 15px; margin: 10px 0; padding: 0 0 5px; background: url(/source/img/feb2014/bg_dot_line.gif) repeat-x left bottom } .v_last .fullArticle { background: none !important } .fullArticle ul { padding: 0; margin: 10px 0 0 } .fullArticle ul li { list-style: none; margin-left: 0; padding-left: 18px; margin-bottom: 9px } .fullArticle ul li a { border: 0; color: #0e0e0e; display: block } .relatedArticle { clear: both; float: left; font-size: 15px; border-top: #8adb2b 3px solid; margin: 10px 20px 0 0; padding: 10px 0 10px } .relatedArticle .label { font-size: 15px; font-weight: 700 } .relatedArticle ul { padding: 0; margin: 10px 0 0 } .relatedArticle ul li { list-style: none; margin-left: 0; padding-left: 18px; margin-bottom: 9px } .relatedArticle ul li a, .rightArticle ul li a { border: 0; color: #333; display: block } .rightArticle { clear: both; float: right; font-size: 15px; border-top: #8adb2b 3px solid; margin: 10px 0 0 20px; padding: 10px 0 10px } .rightArticle .label { font-size: 15px; font-weight: 700 } .rightArticle ul { padding: 0; margin: 10px 0 0 } .rightArticle ul li { list-style: none; margin-left: 0; padding-left: 18px; margin-bottom: 9px } .relatedNews { clear: both; width: 300px; float: left; border-top: #8adb2b 3px solid; font-weight: 700; font-size: 17px; margin: 10px 20px 0 0; position: relative; max-width: 50%; background: #eee } .relatedNews .rnews { border: 1px solid #ccc; border-top: 0; padding: 12px 8px 12px 10px } .relatedNews .label { font-size: 14px; position: absolute; top: 149px; right: 0; background: #8adb2b; color: #fff; padding: 3px 6px; display: block; text-align: left; text-transform: uppercase } .relatedNews .background { display: block; width: 100%; height: 180px; background-repeat: no-repeat; background-position: center } .relatedNews a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; border: 0; display: block } .relatedNews a:hover { text-decoration: underline } .relatedVideo { position: relative; clear: both; float: left; margin: 3px 20px 5px 0 } .rightVideo { position: relative; clear: both; float: right; margin: 3px 0 5px 20px } .fullVideo { position: relative; clear: both; margin: 10px auto 0; max-width: 100%; height: auto } .noneVideo { position: relative; clear: both; margin: 10px 0 0; max-width: 100%; height: auto } .header1 { color: #0d53a3; font-size: 18px; font-weight: bold } .header2 { color: #052260; line-height: 24px; font-size: 12pt; font-weight: bold } .header3 { color: #051f58; line-height: 24px; font-size: 11pt; font-weight: bold } .header4 { color: #222; line-height: 24px; font-size: 10pt; font-weight: bold } .videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; clear: both } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .comparative { clear: both; margin: 10px auto; max-width: 100% } .comparative .relative { position: relative; overflow: hidden } .comparative .cover-box { position: absolute; left: 0; top: 0; z-index: 1; width: 50%; height: 100%; background-color: #000; opacity: .6 } .comparative .cover-box2 { position: absolute; left: 50%; top: 0; z-index: 1; width: 50%; height: 100%; background-color: #000; opacity: .2 } .comparative .cover-box3 { position: absolute; left: 0; top: 50%; margin-top: -112px; z-index: 3; width: 100%; color: #fff; font-size: 33px; text-align: center } .comparative .cover-box3 div { margin: 16px 0 } .comparative .stick { position: absolute; left: 50%; top: 0; z-index: 2; width: 4px; background-color: #fff; height: 28% } .comparative .stick2 { position: absolute; left: 50%; bottom: 0; z-index: 2; width: 4px; background-color: #fff; height: 28% } .parallax .image { clear: both; height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover } .scurrent { position: absolute; right: 0; z-index: 99; padding: 4px 6px; opacity: .5; background-color: #000; color: #fff; width: 85px; text-align: center } .dnext { position: absolute; right: 0; z-index: 99; height: 100%; width: 50%; cursor: pointer } .dprev { position: absolute; left: 0; z-index: 99; height: 100%; width: 50%; cursor: pointer } .dnext .next, .dprev .prev { cursor: pointer; display: block; position: absolute; top: 47%; width: 45px; height: 80px; margin-top: -48px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-color: #000; background-repeat: no-repeat; background-position: center; opacity: .4; z-index: 99 } .dnext .next { background-image: url(/source/img/hope/btn_next.webp); right: 5px; transition: all .3s ease 0s } .dprev .prev { background-image: url(/source/img/hope/btn_prev.webp); left: 5px; transition: all .3s ease 0s } .dnext:hover .next { opacity: 1 } .dprev:hover .prev { opacity: 1 } .sliding img { max-width: 100%; height: auto; width: auto } .v_text .table-block { margin: 20px 0; overflow-x: auto } .v_text table { padding: 0; border-spacing: 0; border-collapse: collapse; width: 100% } .v_text tr, .v_text tbody { padding: 0 } .v_text th { padding: 5px 10px; background-color: #f3f3f3; color: #333; border: 1px solid #aaa; font-size: .8em } .v_text td { padding: 5px 10px; font-size: .8em; border: 1px solid #aaa; min-width: 50px } hr { margin: 20px 0; border-top: 1px solid #777; display: block } hr.dashed { border-top: 1px dashed #777; clear: both; visibility: hidden; margin: 0; height: 0; overflow: hidden } hr.spacer { padding: 8px 0; border: 0; visibility: hidden; width: 100% } .imageLeft, .imageRight, .galleryVtLeft, .galleryVtRight, .quoteLeft, .quoteRight, .relatedArticle, .rightArticle, .relatedVideo, .rightVideo { max-width: 60%; height: auto } .relatedArticle { width: 300px !important } .block2Left, .block1Left, .block5Left, .block2Right, .block1Right, .block5Right { max-width: 50%; height: auto } .v_text>.imageLeft:first-child, .v_text>.imageRight:first-child { margin-top: 25px !important } .imgPhoto { width: 100%; height: auto } #tvplayer_main { position: absolute; z-index: 20; width: 100%; height: 100% } .v_text .thumb-movie img { width: 100%; height: auto; display: block } img.sensitive { visibility: hidden } .sensitive-content { color: #fff; font-size: 20px; line-height: 26px; text-align: center; width: 300px; position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -150px } .c-display { color: #fff; font-size: 28px; padding: 20px 20px; background: #db4b19; border-radius: 5px; cursor: pointer; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -120px } .v_text video { max-width: 100% } .v_text h1 a, .v_text h2 a, .v_text h3 a, .v_text h4 a, aside a { display: initial; border: 0 } .v_text h1 a:hover, .v_text h2 a:hover, .v_text h3 a:hover, .v_text h4 a:hover, .v_text strong a:hover, aside a:hover, .relatedArticle a:hover, .fullArticle a:hover, .rightArticle a:hover { text-decoration: underline } .v_text .precode { white-space: pre-wrap; padding: 20px 10px 20px 20px; border: 1px solid #777; background: #eff3f5; font-size: .9em } #social-btns { margin: 20px 0 20px } .share-container { width: 383px; margin: auto; float: right } .social-wrap { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; color: #fff; margin-top: 10px } .social-wrap .icon-text { display: table-cell; vertical-align: top; width: 440px; padding-right: 20px } .social-wrap .icon-more { display: table-cell; vertical-align: top; width: 61px; min-width: 61px } .social-wrap i { font-size: 40px } .social-wrap .social-icon { left: 10px; position: absolute; top: 10px } .byline .ico-twitter-left:before { width: 16px; height: 17px; content: ' '; display: inline-block; background: url(/source/img/social/twitter-x-black.svg) left 10%/80% no-repeat; vertical-align: middle } .social-share .icon { cursor: pointer; width: 36px; height: 36px; display: block } .social-share .twitter-x-black { background: url(/source/img/social/twitter-x-black.svg) center 55%/53% no-repeat } .social-share .whatsapp-black { background: url(/source/img/social/whatsapp-black.svg) center 90%/90% no-repeat } .social-share .pocket { background: url(/source/img/social/pocket.svg) 50% 60%/60% no-repeat } blockquote.embed-twitter, blockquote.twitter-tweet { border: 1px solid #ddd; border-radius: 15px; max-width: 550px; padding: 30px; margin: auto; font-size: .85em; position: relative } blockquote.embed-twitter a, blockquote.twitter-tweet a { border-bottom: 0; color: #1b95e0 } blockquote.embed-twitter:before, blockquote.twitter-tweet:before { background-repeat: no-repeat; content: ''; display: block; height: 1.3125rem; right: 17px; position: absolute; top: 16px; width: 1.5rem; background-image: url(/source/img/social/twitter-x-black.svg); background-size: 20px 20px } .comment-wrap .top-tainer { margin-top: 0 } textarea.comment-text { color: #333; padding: 15px; border: 2px solid #ccc; height: 183px } #article-add>figure, #article-add>aside { display: block; width: 100% !important; float: none !important; max-width: 100% !important; margin: 10px auto !important } #article-add .imgPhoto { display: block; margin: auto } .v_first>figure, .v_first>aside { margin: 10px auto 0 !important } .v_text .ad-mpu { border: 0 } .odds--container { clear: both; background: #f5f5f5; float: left; font: 700 16px/24px 'Source Sans Pro', lucida sans, arial, sans-serif; margin: 0 15px 10px 0; text-align: center; width: 300px } .odds--header { background: #ffb80c; padding: 15px 0 } .v_text div .odds--header a { color: #0e0e0e } .v_text .odds--header div { margin: 0 } .odds-match { padding: 1em } .odds-match .h4 { font-weight: 700 } .odds-option { background: #fff } .v_text .odds-option div { margin: 0; padding: 1em 0 } .odds-option p:nth-child(2) { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5 } .v_text .odds--container div a { color: #0e0e0e; border: 0 } .odds-cta { color: #ffb80c } .odds-terms { color: #999; font-size: .8em } audio { width: 90%; margin: auto; display: block } @media screen and (max-width:510px) { .odds--container { float: none; margin: 10px auto 0; max-width: 100% } .v_text .embed-feed a { display: none } } .galleryHz { clear: both; margin: 5px auto; display: block; max-width: 100%; margin: 20px auto; justify-content: space-between } .galleryHz .innerBox { display: flex; flex-flow: row nowrap } .gallerySquare { clear: both; margin: 5px auto; display: block; max-width: 100%; margin: 20px auto; overflow: hidden } .gallerySquare .innerBox { display: flex; flex-flow: row wrap; justify-content: space-between } .gallerySquare .imgPhoto { display: block } .gallerySquare .caption { height: 100% } .gallerySquare .circle img { border-radius: 50% } .gallerySquare .square-item { overflow: hidden } .galleryHz .square-item { flex: 1 1 auto } .galleryHz .square-item img { height: 100% } #v_article .afterClear::after, #v_article .beforeClear::before { clear: both; display: table; content: " " } .fullLayout { clear: both; position: relative; margin: 0 auto } .fullLayout .layout-row { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 -14px } .fullLayout .layout-item { padding: 0 14px; background: #fff } .fullLayout .column2 .layout-item { width: calc(50% - 28px) } .fullLayout .column3 .layout-item { width: calc(33.333333333% - 28px) } .fullLayout .column4 .layout-item { width: calc(25% - 28px) } .fullLayout.valign1 td { vertical-align: middle; border: 0 } .fullLayout.valign2 td { vertical-align: bottom } .valign1 .layout-row, .valign2 .layout-row { display: table !important } .valign1 .layout-item { display: table-cell; vertical-align: middle; width: 50% !important } .valign2 .layout-item { display: table-cell; vertical-align: bottom; width: 50% !important } .v_text .fb-post { width: 500px; margin: auto; display: block } .twitter-tweet, .twitter-video { margin: auto } .v_text .tiktok-embed { min-height: 480px } @media screen and (max-width:510px) { #v_article .imageLeft, #v_article .imageRight, #v_article .quoteLeft, #v_article .quoteRight, #v_article .relatedArticle, #v_article .rightArticle, #v_article .relatedVideo, #v_article .rightVideo, #v_article .block2Left, #v_article .block1Left, #v_article .block5Left, #v_article .block2Right, #v_article .block1Right, #v_article .block5Right, #v_article .leftPoll, #v_article .rightPoll { float: none; margin: 20px auto; max-width: 100%; width: auto !important } #v_article .imageLeft .imgPhoto, #v_article .imageRight .imgPhoto, #v_article .galleryLeft .imgPhoto, #v_article .galleryRight .imgPhoto, #v_article .galleryVtLeft, #v_article .galleryVtLeft>div, #v_article .galleryVtLeft .imgPhoto, #v_article .galleryVtRight, #v_article .galleryVtRight>div, #v_article .galleryVtRight .imgPhoto, #v_article .galleryLeft, #v_article .galleryRight, #v_article .inside-left-mpu { float: none; margin: 10px auto 0; max-width: 100% } #v_article .imageLeft .imgPhoto, #v_article .imageRight .imgPhoto { margin: 0 } #v_article .relatedNews { float: none; margin: 10px auto 0; width: 100%; max-width: 100% } #v_article .relatedNews .background { background-size: 100% auto } .valign1 .layout-item { display: block } .fullLayout .column2 .layout-item { width: 100% !important } .fullLayout .column3 .layout-item { width: 100% } .fullLayout .column4 .layout-item { width: 100% } .gallerySquare.each-item .square-item { flex: 1 100% !important } } pre { line-height: 1.1em; white-space: pre-wrap } p.clicknow { text-align: left; font: bold 17px/17px Arial, Helvetica, sans-serif; margin: 20px 0 } p.clicknow a { display: inline-block; background-color: #1c9bef; color: #FFF !important; padding: 15px 20px; border-bottom: 0; text-decoration: none !important; text-transform: uppercase; min-width: 300px; text-align: center } @media screen and (max-width:510px) { p.clicknow { text-align: center } p.clicknow a { min-width: 330px; padding: 19px 20px } } #big-shots-overlay .flex-wrap { display: flex } .v_text .imageBox { text-align: center } .v_text .imageBox .inBox { display: inline-block } #SIGNIN { position: fixed; z-index: 10001 !important; top: 0 !important; left: 0 !important; background-color: rgba(0, 0, 0, 0.7) !important; -webkit-backdrop-filter: blur(2px) !important; backdrop-filter: blur(2px) !important; font: 14px/20px "Helvetica", sans-serif !important; color: #333 !important; height: 100vh; width: 100vw; overflow-y: scroll; padding-bottom: 20px } #SIGNIN .nw-login { position: relative; margin: auto; max-width: 525px; width: 96%; z-index: 99999999 } .login-popup { margin-top: 30px; border-radius: 7px; padding: 10px; background: #fff } .login-popup iframe { width: 100% } .proscons .fullLayout .layout-item { background: #f3f3ff; padding: 20px 30px } .proscons .layout-row { width: 100% } .proscons ul { margin: 0 } .proscons ul li { margin: 5px 0; padding-bottom: 0 } .proscons .pros, .proscons .cons { font-weight: bold; font-size: 1.2em; margin-bottom: 13px } .proscons .pros::before { content: '✔ '; color: green; font-size: 1.2em } .proscons .cons::before { content: '✖ '; color: red; font-size: 1.2em } .proscons td { background: inherit } .divTable { display: table; width: auto; border-spacing: 2px; width: 100% } .divRow { display: table-row; width: auto } .divCell { float: left; display: table-column; width: 50%; border-top: 2px solid #777 } .divRow:nth-child(1) .divCell { border: 0 } .divCell:nth-child(2) { color: #33c; text-align: right } .v_text .creditcard .caption { background: #eef; margin-top: 5px } .creditcard { border: 1px solid #eee; box-shadow: rgba(200, 200, 200, .3) -5px 5px; padding: 16px } p.btnnow { text-align: left; font: bold 17px/17px Arial, Helvetica, sans-serif; margin: 20px auto; width: 200px } p.btnnow a { display: inline-block; background-color: #1c1bbb; color: #FFF !important; padding: 15px 20px; border-bottom: 0; text-decoration: none !important; text-transform: uppercase; min-width: 200px; text-align: center; border-radius: 10% } .boxtypeB ul li { line-height: 1em } #SIGNIN .poster-comments { position: relative; margin: auto; max-width: 1000px; width: 96%; height: 90vh; z-index: 99999999; margin-top: 50px } #SIGNIN iframe { display: block; height: 100%; width: 100%; border-radius: 5px } .container-fluid, .container { max-width: 1188px } .v_text .cap { margin: 0 20px 0 0 } .v_text .captionBox { position: relative; padding: 10px 15px 15px; text-align: left } .v_text .caption { margin: 0; text-align: left; padding: 10px 15px 15px; color: #666 } .v_text .credit { margin-top: 5px; text-transform: uppercase } .relatedNews, .relatedArticle { border-top: #000 3px solid; font-weight: normal } .relatedNews .label { background: #000 } .relatedNews a { border-bottom: 0 !important } .block3 { border-left: 0 !important } .vjs-box { position: relative } .vjs-box:before { display: block; content: ""; width: 100%; padding-top: 56.25% } .imgPhoto { cursor: pointer } .v_first .imgPhoto { width: 100% } .imageLeft, .imageRight, .galleryVtLeft, .galleryVtRight, .quoteLeft, .quoteRight, .relatedArticle, .rightArticle, .relatedVideo, .rightVideo { max-width: 50%; height: auto } .slide .fullLayout { margin: 0 auto } .promo-box { margin: 20px 0 } .cont { overflow: unset } @media screen and (min-width:768px) { .article-body .related.ir { float: right; width: 200px; margin-left: 30px; margin-bottom: 0; margin-top: 10px } } @media screen and (max-width:768px) { .cont { overflow: hidden } #v_article>figure.imageBox, .article-body>figure.imageBox, .article-body>figure.imageLeft, .article-body>figure.imageRight, .article-body>figure.galleryFull, .article-body>figure.galleryHz, .article-body>figure.comparative { margin: 0 calc(50% - 50vw) 20px; max-width: inherit !important } } .imageBox .link, .imageLeft .link, .imageRight .link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0 } .byline .ico-twitter-left { display: inline-block } .byline .ico-twitter-left:before { background-position: left top } .social-share .icon { cursor: pointer; width: 45px; height: 45px; display: block; margin-left: 1px } .social-share .twitter-x-white { background: #000 url(/source/img/social/twitter-x-white.svg) center 55%/53% no-repeat } .social-share .twitter-x-white:hover { background-color: #333 } .social-share .pocket-white { background: #ef4154 url(/source/img/social/pocket-white.svg) 50% 60%/60% no-repeat } .social-share .pocket:hover { background-color: } .social-share .pocket-white:hover { background-color: #e87c8b } .fact-check { text-align: center; margin: 20px auto; position: relative } .fact-check:after { display: block; content: ""; border-top: 3px solid #ccc; transform: translateY(-1rem); position: absolute; top: 30px; left: 0; width: 100%; z-index: 1 } .fact-check span.fc { background: red; color: white; padding: 0 20px; display: inline-block; z-index: 2; position: relative } div.n-forum { background-color: #f41e12; padding: 30px; border-radius: 8px; color: #ffff; margin: 20px 0 } .n-forum a.link { color: #ffe400; font-weight: bold } .n-forum a.link2 { color: #ffe400; text-decoration: underline } .fullItem .star { margin-left: 10px; color: #666 } .art19-web-player.awp-medium { min-height: 198px } .big-shots { position: relative } .big-shots .n-title { margin-bottom: 18px; display: none } .big-shots .n-title .icon-n { position: relative } .big-shots .n-title .icon-n::before { content: ""; display: block; width: 26px; height: 25px; border-right: 3px solid #f72210; border-bottom: 3px solid #f72210; position: absolute; bottom: -4px; right: -4px } .big-shots h2 { text-transform: uppercase } .big-shots .description { padding-bottom: 20px } .big-shots .image { position: relative } .big-shots .cover.mask { position: absolute; top: 0; right: 0 } .big-shots .cover.mask::before { -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; display: block; content: ""; width: 82px; height: 83px; background: url(/source/images/icon-arrow-dia-down.svg) center/37px no-repeat rgba(18, 18, 18, .8); position: absolute; top: 0; right: 0 } .big-shots .cover.mask:hover { top: 1px; right: 1px; left: 1px; bottom: 1px } .big-shots .cover.mask:hover::before { width: 100%; height: 100%; background-image: none; background-color: rgba(18, 18, 18, .1) } .big-shots .info { padding: 15px 30px 30px; text-align: center; border: 1px solid #d9d9d9; border-top: 0; position: relative } @media screen and (max-width:767px) { .big-shots { margin-left: -15px; margin-right: -15px } } .front .big-shots .cover.mask { bottom: 0; left: 0; z-index: 1 } .v_text .big-shots .container-fluid { padding-left: 0; padding-right: 0 } .story main .big-shots .container-fluid { margin-top: 0 } #ad-sticky-wrapper { display: none } #ad-sticky-wrapper.block-sticky { position: fixed; width: 100%; left: 0; bottom: 0; top: initial; margin: 0; padding-bottom: 0 } #ad-sticky-wrapper .dfp-tag-wrapper { height: 50px } .on-sticky { padding-bottom: 50px } .v_text .cap { margin: 0 20px 0 0 } .v_text .captionBox { position: relative; padding: 10px 15px 15px; text-align: left } .v_text .caption { margin: 0; text-align: left; padding: 10px 15px 15px; color: #666 } .v_text .credit { margin-top: 5px; text-transform: uppercase } .relatedNews, .relatedArticle { border-top: #000 3px solid; font-weight: normal } .relatedNews .label { background: #000 } .relatedNews a { border-bottom: 0 !important } .block3 { border-left: 0 !important } .vjs-box { position: relative } .vjs-box:before { display: block; content: ""; width: 100%; padding-top: 56.25% } .imgPhoto { cursor: pointer } .v_first .imgPhoto { width: 100% } .imageLeft, .imageRight, .galleryVtLeft, .galleryVtRight, .quoteLeft, .quoteRight, .relatedArticle, .rightArticle, .relatedVideo, .rightVideo { max-width: 50%; height: auto } .slide .fullLayout { margin: 0 auto } .promo-box { margin: 20px 0 } @media screen and (min-width:768px) { .article-body .related.ir { float: right; width: 200px; margin-left: 30px; margin-bottom: 0; margin-top: 10px } } @media screen and (max-width:768px) { #v_article>figure.imageBox, .article-body>figure.imageBox, .article-body>figure.imageLeft, .article-body>figure.imageRight, .article-body>figure.galleryFull, .article-body>figure.galleryHz, .article-body>figure.comparative { margin: 0 calc(50% - 50vw) 20px; max-width: inherit !important } } .imageBox .link, .imageLeft .link, .imageRight .link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0 } blockquote.embed-twitter, blockquote.twitter-tweet { border: 1px solid #ddd; border-radius: 15px; max-width: 550px; padding: 30px; margin: auto; font-size: .85em; position: relative } blockquote.embed-twitter a, blockquote.twitter-tweet a { border-bottom: 0; color: #1b95e0 } blockquote.embed-twitter:before, blockquote.twitter-tweet:before { background-repeat: no-repeat; content: ''; display: block; height: 1.3125rem; right: 17px; position: absolute; top: 16px; width: 1.5rem; background-image: url(/source/img/social/twitter.svg) } .fact-check { text-align: center; margin: 20px auto; position: relative } .fact-check:after { display: block; content: ""; border-top: 3px solid #ccc; transform: translateY(-1rem); position: absolute; top: 30px; left: 0; width: 100%; z-index: 1 } .fact-check span.fc { background: red; color: white; padding: 0 20px; display: inline-block; z-index: 2; position: relative } div.n-forum { background-color: #f41e12; padding: 30px; border-radius: 8px; color: #ffff; margin: 20px 0 } .n-forum a.link { color: #ffe400; font-weight: bold } .n-forum a.link2 { color: #ffe400; text-decoration: underline } .fullItem .star { margin-left: 10px; color: #666 } .art19-web-player.awp-medium { min-height: 198px } .big-shots { position: relative } .big-shots .n-title { margin-bottom: 18px; display: none } .big-shots .n-title .icon-n { position: relative } .big-shots .n-title .icon-n::before { content: ""; display: block; width: 26px; height: 25px; border-right: 3px solid #f72210; border-bottom: 3px solid #f72210; position: absolute; bottom: -4px; right: -4px } .big-shots h2 { text-transform: uppercase } .big-shots .description { padding-bottom: 20px } .big-shots .image { position: relative } .big-shots .cover.mask { position: absolute; top: 0; right: 0 } .big-shots .cover.mask::before { -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; display: block; content: ""; width: 82px; height: 83px; background: url(/source/images/icon-arrow-dia-down.svg) center/37px no-repeat rgba(18, 18, 18, .8); position: absolute; top: 0; right: 0 } .big-shots .cover.mask:hover { top: 1px; right: 1px; left: 1px; bottom: 1px } .big-shots .cover.mask:hover::before { width: 100%; height: 100%; background-image: none; background-color: rgba(18, 18, 18, .1) } .big-shots .info { padding: 15px 30px 30px; text-align: center; border: 1px solid #d9d9d9; border-top: 0; position: relative } @media screen and (max-width:767px) { .big-shots { margin-left: -15px; margin-right: -15px } } .front .big-shots .cover.mask { bottom: 0; left: 0; z-index: 1 } .v_text .big-shots .container-fluid { padding-left: 0; padding-right: 0 } .story main .big-shots .container-fluid { margin-top: 0 } .v_text p, .v_text blockquote p, .v_text h3, .v_text h4 { margin: 20px 0; padding: 0; width: 100%; box-sizing: border-box } .v_embed .related li { margin: 0 } .lazyload { visibility: hidden } figure { background-color: #fff } .article-header .byline strong { text-transform: none } .article-header .byline a { line-height: 1.2em } .review-summary .col-right ul li { list-style: none } .review-summary .col-right ul { padding-left: 0; margin-left: 0 } .review-summary .col-left { font-size: 14px }</style>
  <style>main { padding-top: 20px } .cont.bg-s .row>div { padding-top: 20px } .tv, .tv-mobile, .tv-mobile-old { position: relative; width: 100%; padding-bottom: 56.25% } #ibt-video.stn-video .tv { display: none } .ad-stn-video-wrapper { height: 435px; width: 100%; display: block } .tv-in { position: absolute; width: 100%; height: 100%; background: #ccc } .close-tv { font-size: 10px; line-height: 16px; position: absolute; top: -18px; right: 0; padding: 0 3px; z-index: 3; background: #000; color: #fff; border: 0; display: none } #tv-box .video-title { position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; color: #ccc } #tv-box.disabled { display: none } #ibt-mobile-avf { position: relative; display: none; z-index: 10 } #ibt-mobile-avf #ibt-video .group { display: none; margin-top: 0 !important } #ibt-video.stn-video .tv { display: none } #ibt-video.vidazoo .tv { position: absolute } #ibt-video.vidazoo .tvplayer { display: none } #ibt-video.vidazoo #tv-box { min-height: 225px } #ibt-mobile-avf .o-video button:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMC0xMC00LjQ4Ni0xMC0xMCA0LjQ4Ni0xMCAxMC0xMHptMC0yYy02LjYyNyAwLTEyIDUuMzczLTEyIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyLTUuMzczLTEyLTEyLTEyem0tMyAxN3YtMTBsOSA1LjE0Ni05IDQuODU0eiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==) no-repeat center center/contain; content: " "; display: inline-block; width: 30px; height: 30px } .ad-stn-video-wrapper { height: 435px; width: 100%; display: block } @media screen and (max-width:991px) { #ibt-mobile-avf { display: block; width: 100%; min-height: calc(100vw/1.66) } #ibt-mobile-avf.disabled { display: none } #ibt-mobile-avf.stn { min-height: calc(100vw/1.57) } #ibt-mobile-avf .o-video { position: absolute; width: 100%; padding-bottom: 56.25%; z-index: -1 } #ibt-mobile-avf .o-video button { position: absolute; width: 135px; height: 63px; line-height: 1em; left: 50%; top: 50%; margin: -33px 0 0 -67.5px; color: white; background: none; cursor: pointer } #ibt-mobile-avf .o-video button span { display: inline-block; margin: 2px 0 0 10px; font: 400 21px/120% 'Lato', sans-serif; vertical-align: top } #ibt-mobile-avf .video-spinner { position: absolute; left: calc(50% - 25px); top: calc(50% - 25px); display: inline-block; width: 50px; height: 50px } #ibt-mobile-avf .video-spinner:after { content: " "; display: block; width: 38px; height: 38px; border-radius: 50%; border: 6px solid #fff; border-color: rgba(43, 51, 63, .3) rgba(43, 51, 63, .5) rgba(200, 200, 200, .5) rgba(230, 230, 230, .7); animation: video-spinner 1.2s linear infinite } @keyframes video-spinner { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } #ibt-mobile-avf { background-image: url(/source/video/images/ibt_player_bg1.jpg); background-image: image-set("/source/video/images/ibt_player_bg1.webp", "/source/video/images/ibt_player_bg1.jpg"); background-position: left top; background-size: contain; background-repeat: no-repeat } #ibt-mobile-avf .videocontent-wrapper, #ibt-mobile-avf .tv-in { background: none } .page-top { display: none; height: 0; overflow: hidden } .tv-mobile-old #tv-box { position: fixed !important; bottom: 60px; right: 0; width: 215px !important; z-index: 3; transition: right 1s } .tv-mobile #tv-box { position: fixed !important; top: 50px; left: 0; width: 100%; background: #000; z-index: 3; transition: right 1s } .tv-mobile #tv-box .tv { width: 215px !important; height: 121px; padding-bottom: 0 } .tv-mobile #tv-box .video-title { display: block; padding: 20px 24px 19px 230px; font: 400 13px/16px 'Lato', sans-serif } .tv-mobile #tv-box .video-title p { display: block; width: 100%; height: 100%; overflow: hidden } .tv-mobile .close-tv { top: 8px; right: 8px } .tv-mobile .show-close-button .close-tv { display: block } .tv-mobile .video-js .vjs-control-bar { height: 35px } .tv-mobile .video-js .vjs-control-bar .vjs-button { width: 2.2em } .tv-mobile .vjs-button>.vjs-icon-placeholder:before { font-size: 1.8em } .tv-mobile .video-js .vjs-time-control { line-height: 1.8em } .tv-mobile .video-js .vjs-progress-control { top: -23px } .tv-mobile .video-js .continue .continue-span { font-size: 12px; margin-top: 7px } .tv-mobile .video-js .vjs-big-play-button.continue { line-height: .7em; min-width: 85px; height: 50px } .tv-mobile .video-js.vjs-has-started .continue { margin-left: -1.7em } .tv-mobile .videojs-ad-wrap .ad-control-bar { height: 37px } .tv-mobile .videojs-ad-wrap .ad-button { width: 40px; height: 34px; font-size: 2em; line-height: 1.4em } .tv-mobile .videojs-ad-wrap .ad-countdown { top: 15px; font-size: .9em; left: 42px } } .under-article-widget { margin: 30px 0 20px }</style>
  <style>#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; }