iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: http://web.archive.org/web/20170324195955cs_/https://stillres.olympic.org/css/all.css
html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0; color: #222; background: #fff; font: 1em/1.25em "HelveticaNeueW", Arial, Helvetica, sans-serif; min-width: 320px; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; -webkit-font-smoothing: antialiased; text-align: left; } * { max-height: 1000000px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } img { border-style: none; } a { text-decoration: none; color: #333; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -o-transition: color .2s ease-out; transition: color .2s ease-out; } a:hover { color: #0081c8; } input, textarea, select { font: 100% "HelveticaNeueW", Arial, Helvetica, sans-serif; color: #222; vertical-align: middle; } form, fieldset { margin: 0; padding: 0; border-style: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } input[type="submit"]:hover, button:hover { cursor: pointer; } input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { margin: 0; padding: 4px 7px; border: 1px solid #999; } input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border-color: #4d4d4d; } textarea { overflow: auto; resize: vertical; vertical-align: top; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeueW", Arial, Helvetica, sans-serif; line-height: 1.2em; margin: 0 0 0.75em; } p { margin: 0 0 2em; } q { quotes: none; } q:before, q:after { content: ''; content: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } table { border-collapse: collapse; border-spacing: 0; } #header .section:after, .nav-box:after, .breadcrumbs ul:after, .main-holder:after, .add-row:after, .quick-links:after, #footer .holder:after, .table .row:after, .table2 .row:after, .about-section:after, .item-list .row:after, .games-list > ul:after, .tabs-section:after, .cta-carousel-news .holder:after, .cta-carousel-news .frame2:after, .add-videos:after, .bracket-box .profile-section:after, .add-brackets .section:after, .banner-gallery .gallery-holder > ul:after, .banner-gallery .clearfix:after, .results-form .row:after, .sport-events:after, .sport-events .list-row:after, .identity-card:after, .about-block:after, .sets-list:after, .gallery-lightbox:after, .main-container:after, .lightbox-article:after, .add-text-section:after, .add-text-section2:after, .info-boxes-row:after, .add-boxes:after, .links-cols:after, .post-boxes:after, .main-text-box .text-container:after, .reports > li:after, .data-list-meta:after, .data-list > li:after, .sub-sections:after, .links-boxes-alt:after, .form .row:after, .main-frame:after, .info .text-box:after, .tv-info:after { content: " "; display: block; clear: both; } .social-links, #nav, #nav .links-row ul, .filters, .list, .filters-holder > ul, .breadcrumbs ul, .social-col, .profiles-list, .list-select, .links-boxes, .links-boxes ul, .id-card .switcher ul, .id-card .frame > ul, .add-links, .table, .table2, .table > li > ul, .table2 > li > ul, .btns-list, .countries, .popup-box ul, .games-list > ul, .tabs-section .tabset, .section-links ul, .cta-carousel-games .frame ul, .cta-carousel-list, .icons-list, .gallery-list, .group-gallery, .banner-gallery .gallery-holder > ul, .carousel-athletes .gallery-frame > ul, .results-box .tabset, .sport-events .list-row ul, .sets-list, .no-js-paging ul, .pagination ul, .game-boxes, .profile-info-list, .profile-info-list li, .events-list, .events-list > li, .paging ul, .accordion, .accordion ul, .accordion li, .events-row, .events-row li, .add-boxes ul, .links-cols ul, .sponsors-list, .reports-list, .reports, .links-section > ul, .data-list-meta .links-holder > ul, .data-list, .links-list, .sub-sections, .links-boxes-alt ul, .links-boxes-alt ul li, .entry .item, .topic-item, .block .info-item, .new-reports ul ul, .share-social .social-networks, .anchor-bar .anchor-list, .watch-tv .drop ul, .info .text-holder ul, .watch-live .continents-filter, .tv-info ul { margin: 0; padding: 0; list-style: none; } .cta-banner { padding-left: 9999px; padding-right: 9999px; margin-left: -9999px; margin-right: -9999px; } * { font-size: 100.01%; } html { font-size: 87.5%; } hr { margin: 0 -9999px; padding: 0 9999px; border: 0; height: 0; border-top: 1px solid #ddd; overflow: hidden; text-indent: -9999px; overflow: hidden; text-indent: -9999px; display: block; } .photovideo hr { border-color: #555; } hr.alt { margin-top: 60px; margin-bottom: 80px; } hr.alt2, hr.alt3 { margin-bottom: 60px; } hr.no-margin { padding: 0; margin: auto 0; } hr.spacer { border-top: none; margin-bottom: 60px; } hr + hr { display: none; } .c1 hr { padding: 0; margin: auto 0; } hr.alt + .related-posts { padding-top: 0; } .content-size #fancybox-wrap { box-sizing: content-box !important; padding: 0 !important; } #loaderImage { position: fixed; top: 50%; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; z-index: 10; background: url("/web/20170324194528im_/https://stillres.olympic.org/images/loader.gif") no-repeat 0 0; display: none; margin: -32px 0 0 -32px; } .page-loading #loaderImage { display: block; } .page-loading body { background: none !important; } .page-loading #wrapper { visibility: hidden; } #wrapper { overflow: hidden; position: relative; min-height: 100%; opacity: 0; } #header { width: 100%; background: #fff; position: relative; z-index: 6; } #header .holder { max-width: 1090px; padding: 0 15px 23px; margin: 0 auto; } #header .section { padding: 26px 0 36px; position: relative; } #header .section .nav-opener { position: absolute; right: 11px; top: 16px; color: #363636; font-size: 28px; line-height: 30px; text-decoration: none; display: none; } #header .link { float: right; color: #b3b3b3; text-decoration: none; margin: 11px 0 0 18px; } #header .link span { display: none; } #header .link:hover { color: #000; } .add-top-section { position: absolute; left: 0; top: 26px; height: 0; width: 100%; } .add-top-section .hold { margin: 0 auto; max-width: 1090px; padding: 0 15px; } .logo { float: left; margin: 0 20px 0 0; } .logo img { vertical-align: top; } .social-links { margin: 12px 0 0; float: right; color: #b3b3b3; font-size: 1.143em; min-width: 260px; } .social-links li { float: left; margin: 0 11px; } .social-links a { color: #b3b3b3; text-decoration: none; } .social-links a:hover { color: #000; } .social-links .sss-icon { vertical-align: middle; } .social-links .alt { font-size: 0.875em; display: inline-block; vertical-align: top; margin: -1px 0 0 8px; } .social-links .alt span { margin-right: 4px; } .nav-box .opener { float: right; color: #acacac; font-size: 1.143em; line-height: 1.125em; margin: 2px 0 0; text-decoration: none; } .nav-box .opener:hover { color: #4d4d4d; } .nav-box .opener.disabled { cursor: default; pointer-events: none; } .nav-box .opener.disabled:hover { color: #acacac; } .nav-box.active .opener { color: #4d4d4d; } .nav-box .slide { position: absolute; left: 0; top: 100%; width: 100%; } .nav-box .slide-holder { max-width: 1120px; margin: 0 auto; padding: 0 15px; } #nav { float: left; text-transform: uppercase; font: 1.286em/1.056em "Trade-Gothic-W-Bold", Arial, Helvetica, sans-serif; word-spacing: 1px; margin: 0 -23px 0 0; } #nav > li { float: left; margin: 0 23px 0 0; } #nav > li > a { text-decoration: none; color: #4d4d4d; position: relative; } #nav > li.active > a, #nav > li > a:hover { color: #acacac; } #nav > .has-drop-down > a { padding-right: 15px; } #nav > .has-drop-down > a:before { font: 9px/11px 'Olympics'; content: "\e601"; position: absolute; right: 0; top: 50%; margin: -5px 0 0; color: #acacac; } #nav > .has-drop-down.hover > a:before { font: 9px/11px 'Olympics'; content: "\e601"; position: absolute; right: 0; top: 50%; margin: -5px 0 0; color: #acacac; } #nav > .has-drop-down.hover > a:before { content: "\e603"; color: #414141; } #nav .drop { position: absolute; width: 100%; margin: -23px 0 0; padding: 23px 0 0; left: -9999px; top: -9999px; height: 0; font-family: "HelveticaNeueW", Arial, Helvetica, sans-serif; } #nav .drop .title { display: block; padding: 0 0 27px; margin: 0 0 27px; border-bottom: 1px solid #ddd; color: #333; font-size: 0.711em; line-height: 1.172em; text-transform: uppercase; } #nav .drop .sectionitem { font-weight: normal; color: #acacac; } #nav .drop .nav-sub-menu { margin-bottom: 10px; } #nav .drop.alt .links-row a, #nav .drop.alt2 .links-row a { color: #666; } #nav .drop.alt .links-row a:hover, #nav .drop.alt2 .links-row a:hover { color: #000; } #nav .drop.alt2 .drop-col { padding-right: 10px; } #nav .drop.alt2 .drop-col + .drop-col { padding: 0 10px; float: left; } #nav .drop.alt2 .drop-col + .drop-col .links-row ul { margin-right: 0; } #nav .drop.alt2 .drop-col + .drop-col + .drop-col { float: none; width: auto; overflow: hidden; } #nav .drop.alt2 .links-row { padding: 0; } #nav .drop.alt2 .links-row ul { width: 258px; } #nav .drop.alt2 .links-row ul + ul { width: 210px; } #nav .drop.alt .links-row { padding: 0 8px 0 0; } #nav .drop.alt .links-row ul { width: 185px; margin: 4px 15px 0 0; } #nav .drop.alt .links-row ul li { margin: 0 0 14px; } #nav .drop.alt .drop-col { float: left; padding: 0 10px 12px 35px; } #nav .drop.alt .drop-col + .drop-col { float: left; padding: 0 10px; } #nav .drop.alt .drop-col + .drop-col .links-row { padding: 0; margin: 0 -16px 0 0; } #nav .drop.alt .drop-col + .drop-col .links-row ul { width: 164px; } #nav .drop.alt .drop-col + .drop-col + .drop-col { float: none; width: auto; overflow: hidden; } #nav .drop.alt .drop-col + .drop-col + .drop-col .links-row ul { width: auto; } #nav > .hover > .drop { left: 0; top: 100%; } #nav .drop-holder { max-width: 1160px; margin: 0 auto; padding: 43px 15px; border: 1px solid #dcdcdc; overflow: hidden; background: #fff; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.05), 7px 5px 7px rgba(0, 0, 0, 0.05), -7px 5px 7px rgba(0, 0, 0, 0.05); } #nav .drop-col { float: left; padding: 0 35px; } #nav .drop-col + .drop-col { float: none; overflow: hidden; } #nav .links-row { overflow: hidden; color: #959595; text-transform: uppercase; font-weight: bold; font-size: 0.65em; line-height: 1.282em; padding: 0 15px 0 0; } #nav .links-row a { text-decoration: none; color: #666; } #nav .links-row a:hover { color: #000; } #nav .links-row ul { width: 210px; float: left; margin: 0 25px 0 0; } #nav .links-row ul li { margin: 0 0 10px; } .arrow-country { display: inline-block; vertical-align: top; margin: 0 8px 0 0; width: 14px; height: 14px; overflow: hidden; text-indent: -9999px; background: #96a6b5; position: relative; } .arrow-country:after { width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #fff; position: absolute; left: 5px; top: 4px; content: ""; } .ocmenu .title { text-align: center; } .ocmenu .cta-link { width: 100%; background-color: #ed1941; color: #fff !important; margin-bottom: 0px; } .ocmenu .cta-link:hover { background-color: #c40f31; } .js-slide-hidden { display: none; } .search-form { border: 1px solid #dcdcdc; background: #fff; overflow: hidden; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.05), 7px 5px 7px rgba(0, 0, 0, 0.05), -7px 5px 7px rgba(0, 0, 0, 0.05); } .search-form .area { overflow: hidden; width: 100%; float: left; padding: 0 64px 0 0; } .search-form .area input { width: 100%; background: none; border-radius: 0; border: 0; outline: none; text-transform: uppercase; padding: 24px 28px 24px; -webkit-appearance: none; font: 25px/29px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .search-form input[type="submit"] { float: right; width: 50px; height: 50px; background: #333; border: 0; margin: 14px 14px 0 -100%; padding: 0; outline: none; cursor: pointer; color: #fff; text-transform: uppercase; font: 18.7px/20px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; border-radius: 0; } .search-form input[type="submit"]:hover { opacity: 0.8; } .search-form input[type="submit"]:disabled { background: #dddddd; } .search-form ::-webkit-input-placeholder { color: #ddd; } .search-form ::-moz-placeholder { opacity: 1; color: #ddd; } .search-form :-moz-placeholder { color: #ddd; } .search-form :-ms-input-placeholder { color: #ddd; } .search-form .placeholder { color: #ddd; } .filters-box { text-align: center; padding: 5px 0 0; letter-spacing: 0; } .filters { margin: 0 0 45px; display: inline-block; vertical-align: top; text-transform: uppercase; font-weight: bold; font-size: 13px; line-height: 15px; } .filters > li { float: left; margin: 0 22px; } .filters a { text-decoration: none; color: #acacac; } .filters a:hover, .filters a.active { color: #000; } .list { margin: 0 5px; float: left; text-align: left; width: 200px; } .list > li { margin: 0 0 20px; } .list a { text-decoration: none; color: #000; } .list .image { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .list .name { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 15px; } .filters-gallery { width: 100%; padding: 0 0 0 39px; } .btns, .profiles, .cta-carousel, .cta-carousel-games, .cta-carousel-news, .banner-gallery, .carousel-athletes { text-align: center; padding: 31px 0 0; } .btns .btn-next, .profiles .btn-next, .cta-carousel .btn-next, .cta-carousel-games .btn-next, .cta-carousel-news .btn-next, .banner-gallery .btn-next, .carousel-athletes .btn-next, .btns .btn-prev, .profiles .btn-prev, .cta-carousel .btn-prev, .cta-carousel-games .btn-prev, .cta-carousel-news .btn-prev, .banner-gallery .btn-prev, .carousel-athletes .btn-prev { display: inline-block; vertical-align: top; margin: 0 10px; width: 40px; height: 40px; border-radius: 40px; border: 2px solid #ddd; text-decoration: none; line-height: 38px; letter-spacing: -2px; } .btns .btn-next.disabled, .profiles .btn-next.disabled, .cta-carousel .btn-next.disabled, .cta-carousel-games .btn-next.disabled, .cta-carousel-news .btn-next.disabled, .banner-gallery .btn-next.disabled, .carousel-athletes .btn-next.disabled, .btns .btn-prev.disabled, .profiles .btn-prev.disabled, .cta-carousel .btn-prev.disabled, .cta-carousel-games .btn-prev.disabled, .cta-carousel-news .btn-prev.disabled, .banner-gallery .btn-prev.disabled, .carousel-athletes .btn-prev.disabled { cursor: default; color: #efefef; border-color: #efefef; } .btns .btn-prev, .profiles .btn-prev, .cta-carousel .btn-prev, .cta-carousel-games .btn-prev, .cta-carousel-news .btn-prev, .banner-gallery .btn-prev, .carousel-athletes .btn-prev { letter-spacing: 2px; } .filters-holder { overflow: hidden; min-height: 275px; } .filters-holder > ul > li { width: 100%; overflow: hidden; text-align: center; float: left; } .breadcrumbs { font-size: 13px; line-height: 15px; color: #fff; width: 100%; background: #999; text-transform: uppercase; } .breadcrumbs .opener { display: block; text-decoration: none !important; padding: 11px 15px; vertical-align: top; text-align: center; display: none; } .breadcrumbs.active .opener:before { content: "\e603"; } .breadcrumbs .holder { padding: 10px 15px 9px 5px; max-width: 1070px; margin: 0 auto; } .breadcrumbs ul { font-weight: bold; } .breadcrumbs ul li { float: left; } .breadcrumbs ul li:before { content: "/"; color: #fff; color: rgba(255, 255, 255, 0.3); margin: 0 8px; } .breadcrumbs ul li:first-child:before { display: none; } .breadcrumbs a { color: #fff; text-decoration: none; outline: none; } .breadcrumbs span { vertical-align: top; margin: 0 2px; position: relative; top: 1px; } .btn-box2 { font-size: 13px; line-height: 15px; color: #fff; font-weight: bold; position: relative; display: inline; } .btn-box2 > a { text-decoration: none; } .btn-box2 .btn-open-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .btn-box2 [class^="icon-"], .btn-box2 [class*=" icon-"] { position: relative; top: 1px; margin-left: 2px; } .btn-box2.active .btn-open [class^="icon-"]:before, .btn-box2.active .btn-open [class*=" icon-"]:before { content: "\e603"; } .btn-box2.active .popup-box { left: auto; right: 27px; top: 0; margin-top: 30px; } .btn-box2.active .popup-holder { left: 0; } .btn-box2.active .leftalign .popup-box { left: auto; right: 0px; top: 0; margin-top: 13px; } .btn-box2.active .leftalign .popup-box:before { left: auto; right: 0px; } .btn-box2.active .leftalign.popup-holder { right: 0; left: auto; } .btn-box2 ul { padding: 0; } .btn-box2 ul li { float: none; margin: 0; } .btn-box2 ul li:before { display: none; } .btn-box2 ul li a { padding: 12px 10px 11px; } .btn-box2 .popup-holder { display: block !important; position: absolute; left: -9999px; top: 100%; height: 280px; min-width: 100%; z-index: 100; } .btn-box2 .popup-box { border-radius: 4px; font-size: 0.9em; border-color: #fff; } .btn-box2 .popup-box.bottom { border-radius: 6px; } .btn-box2 .popup-box:before { width: auto; height: auto; background: none; top: auto; left: 31px; } .btn-box2 .popup-box:before { position: absolute; content: ""; width: 0; height: 0; border-color: #fff; bottom: 100%; left: 21px; margin-bottom: -1px; margin-left: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-bottom-color: inherit; } .btn-box2 .jcf-scrollable-wrapper { background: #fff; overflow: hidden; } .image-box { margin: 30px auto 0; max-width: 1090px; padding: 0 15px; position: relative; } .image-box .label-photo { margin: 18px 0 0; } .image-box img { width: 100%; height: auto; vertical-align: top; } .image-box .news-topic-label { position: absolute; right: 15px; top: 0; } .featured.image-box { width: 100%; margin: 0 0 -238px; position: relative; max-width: 100%; padding: 0; } .featured.image-box .label-photo { margin: 0; } .featured + #main, .featured + .main { max-width: 1180px; } .featured + #main .main-holder, .featured + .main .main-holder { background: #fff; margin: 0 0 0 -9999px; padding: 18px 90px 0 9999px; } .featured + #main .post-box, .featured + .main .post-box { padding-top: 3px; } .featured + #main .social-col, .featured + .main .social-col { top: 2px; } .featured + #main .info-col, .featured + .main .info-col { top: 0; } #main, .main { max-width: 1090px; margin: 0 auto; padding: 0 15px; position: relative; } #main .breakMain, .main .breakMain { margin-left: -150%; margin-right: -150%; } #main .breakMain .cta-carousel-news .mask-l, .main .breakMain .cta-carousel-news .mask-l { left: calc(50% + 540px); } #main .breakMain .cta-carousel-news .mask-r, .main .breakMain .cta-carousel-news .mask-r { right: calc(50% + 540px); } .main-holder { background: #fff; } .label-photo { display: block; color: #acacac; font-size: 0.914em; line-height: 1.172em; text-transform: uppercase; font-weight: bold; margin: 0 0 48px; } .label-photo span { font-size: 1.25em; line-height: 1.25em; vertical-align: middle; margin: 0 6px 0 0; color: #999; } /* default text area */ .text-content, .text-post, .post-box { position: relative; overflow: hidden; line-height: 2em; } .text-content.centreCol, .text-post.centreCol, .post-box.centreCol { max-width: 730px; margin: 0 auto 55px; padding: 0 15px; } .text-content.centreCol blockquote, .text-post.centreCol blockquote, .post-box.centreCol blockquote { margin: 0 -179px 51px; } .text-content.centreCol .image, .text-content.centreCol .video, .text-post.centreCol .image, .text-post.centreCol .video, .post-box.centreCol .image, .post-box.centreCol .video { margin: 55px -180px 40px; position: relative; } .text-content.block-left, .text-post.block-left, .post-box.block-left { float: left; width: 100%; } .text-content.block-right, .text-post.block-right, .post-box.block-right { float: right; width: 100%; } .text-content.active .btn-more, .text-post.active .btn-more, .post-box.active .btn-more { display: none; } .text-content h2, .text-content h1, .text-post h2, .text-post h1, .post-box h2, .post-box h1 { font: 3em/1.15em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase; } .text-content h3, .text-post h3, .post-box h3 { text-transform: uppercase; font: 2em/1.321em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .text-content h4, .text-post h4, .post-box h4 { text-transform: uppercase; font: 1.75em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .text-content h5, .text-post h5, .post-box h5 { text-transform: uppercase; font: 1.5em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .text-content.alt, .text-post.alt, .post-box.alt { padding: 90px 15px 24px; } .text-content.alt h2, .text-post.alt h2, .post-box.alt h2 { font-size: 1.5em; line-height: 1.476em; margin: 0 0 30px; } .text-content.alt .btn-more, .text-post.alt .btn-more, .post-box.alt .btn-more { margin-top: 7px; } .text-content .date, .text-post .date, .post-box .date { color: #666; display: block; font: 1.75em/1.083em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 20px; } .text-content ul, .text-post ul, .post-box ul { margin: 0 0 3em; } .text-content blockquote, .text-post blockquote, .post-box blockquote { margin: 0 0 51px; padding: 49px 0 0; font: 3em/1em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #333; text-align: center; text-transform: uppercase; } .text-content blockquote q, .text-post blockquote q, .post-box blockquote q { margin: 0 0 28px; display: block; } .text-content blockquote:before, .text-post blockquote:before, .post-box blockquote:before { display: block; content: "\201C"; text-align: center; font-size: 2em; line-height: 0.524em; } .text-content blockquote cite, .text-post blockquote cite, .post-box blockquote cite { overflow: hidden; display: block; font-style: normal; text-transform: none; display: inline-block; vertical-align: top; font-family: "HelveticaNeueW"; font-size: 0.333em; line-height: 1.143em; } .text-content blockquote cite .text-box, .text-post blockquote cite .text-box, .post-box blockquote cite .text-box { float: left; } .text-content blockquote cite a, .text-post blockquote cite a, .post-box blockquote cite a { text-decoration: none; } .text-content .image, .text-content .video, .text-post .image, .text-post .video, .post-box .image, .post-box .video { position: relative; display: block; margin: 0 0 37px; } .text-content .image img, .text-content .video img, .text-post .image img, .text-post .video img, .post-box .image img, .post-box .video img { width: 100%; height: auto; vertical-align: top; } .text-content .image .news-topic-label, .text-content .video .news-topic-label, .text-post .image .news-topic-label, .text-post .video .news-topic-label, .post-box .image .news-topic-label, .post-box .video .news-topic-label { position: absolute; right: 0; top: 0; } .text-content a, .text-post a, .post-box a { color: black; text-decoration: underline; } .text-content a:hover, .text-post a:hover, .post-box a:hover { color: #0081c8; text-decoration: underline; } .c1 a { color: black; text-decoration: underline; } .c1 a:hover { color: #0081c8; text-decoration: underline; } .clearboth { clear: both; } .post-box { position: relative; padding: 0 179px 69px; margin-top: 40px; } .post-box .text-section { padding: 0 0 12px; } .post-box .label-photo { margin: 20px 0 0; } .post-box > .label-photo { margin-bottom: 44px; } .post-box .mosaic-box { margin: 0 -179px; padding: 28px 0 49px; } .post-box blockquote { margin: 0 -179px 51px; } .post-box .entry { padding: 12px 0 0; } .post-box .tags { font-weight: bold; color: #666; font-size: 12px; line-height: 15px; text-transform: uppercase; overflow: hidden; padding: 20px 0 31px; } .post-box .tags .txt { float: left; margin: 0 10px 0 0; color: #999; } .post-box .tags a { color: #666; text-decoration: none; } .post-box .tags a:hover { text-decoration: underline; } .post-box .image { margin: 55px -180px 40px; position: relative; } .post-box .main-video .video { margin: 55px -180px 40px; position: relative; } .post-box img { width: 100%; } .news-topic-label { display: block; background: #999999; font: 16px/18px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; display: inline-block; vertical-align: top; padding: 6px 10px; margin: 0 0 23px; } .info-col { position: absolute; left: 0; top: 4px; width: 145px; color: #999; font-size: 0.836em; line-height: 1.795em; font-weight: bold; text-transform: uppercase; } .info-col:before { position: absolute; right: 0; top: 0; height: 100%; background: #dddddd url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZkZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dddddd 0%, #dddddd 67%, #f4f4f4 87%, #fdfdfd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(67%, #dddddd), color-stop(87%, #f4f4f4), color-stop(100%, #fdfdfd)); background: -webkit-linear-gradient(top, #dddddd 0%, #dddddd 67%, #f4f4f4 87%, #fdfdfd 100%); background: -o-linear-gradient(top, #dddddd 0%, #dddddd 67%, #f4f4f4 87%, #fdfdfd 100%); background: -ms-linear-gradient(top, #dddddd 0%, #dddddd 67%, #f4f4f4 87%, #fdfdfd 100%); background: linear-gradient(to bottom, #dddddd 0%, #dddddd 67%, #f4f4f4 87%, #fdfdfd 100%); content: ""; width: 1px; } .info-col dl { margin: 0; width: 95px; } .info-col dt { margin: 0 0 9px; line-height: 1.282em; } .info-col dd { margin: 0 0 22px; color: #666; } .info-col a { color: #666; text-decoration: none; } .info-col a:hover { text-decoration: underline; } .social-col { position: absolute; top: 8px; right: 0; font-size: 0.857em; line-height: 1.25em; color: #fff; text-transform: uppercase; } .social-col .facebook { background: #3b5998; } .social-col .facebook:hover { background: #263961; } .social-col .twitter { background: #55acee; } .social-col .twitter:hover { background: #1689e0; } .social-col .more { background: #acacac; } .social-col .more:hover { background: #868686; } .social-col li { margin: 0 0 10px; } .social-col a { display: block; color: #fff; text-decoration: none; font-weight: bold; padding: 0 5px 0 0; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; } .social-col a:hover .txt { color: #fff; } .social-col .ico { width: 31px; height: 20px; border-right: 1px solid rgba(255, 255, 255, 0.2); font-size: 1.333em; line-height: 1.5em; margin: 5px 11px 5px 0; display: inline-block; vertical-align: middle; text-align: center; } .social-col .txt { display: inline-block; vertical-align: middle; padding-right: 7px; } .social-col.bottom { position: static; overflow: hidden; width: auto; } .social-col.bottom li { float: left; min-width: 95px; margin: 0 15px 10px 0; } .js-lightbox-aside .social-col { width: 130px; } .accessibility { position: absolute; left: -99999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .accessibility:focus { position: static; width: auto; height: auto; } .profile-section { text-align: left; overflow: hidden; display: block; } .profile-section .row { overflow: hidden; } .profile-section .row span { vertical-align: middle; } .profile-section .picture { float: left; margin: 0 13px 0 0; overflow: hidden; position: relative; } .profile-section .picture .mask { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .profile-section .picture .mask:after, .profile-section .picture .mask:before { border-radius: 50%; } .profile-section .picture img { vertical-align: top; border-radius: 50%; } .profile-section .flag45 .mask { position: absolute; } .profile-section span.picture { margin: 0; float: none; } .profile-section .text-box { float: none; vertical-align: middle; color: #999; text-transform: uppercase; font-size: 1em; line-height: 1.143em; padding: 7px 0 0; } .profile-section .name { font-weight: 500; display: block; color: #333; text-transform: none; margin: 0 0 3px; } .profile-section .row { overflow: hidden; } .profile-section .entry { overflow: hidden; padding: 12px 0 12px; } .profile-row { display: block; overflow: hidden; text-align: left; text-transform: uppercase; line-height: 18px; color: #333; } .profile-row a { text-decoration: none; } .profile-row .flag-image { float: left; margin: 3px 10px 0 0; overflow: hidden; position: relative; } .profile-row .flag-image span { display: block; } .profile-row .flag-image .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .profile-row .flag-image img { vertical-align: top; } .profiles-list { margin: 10px 10px 0 0; float: left; width: 240px; } .profiles-list .name { margin: 0 0 7px; font-weight: normal; } .profiles-list .picture { margin: 3px 13px 0 0; } .profiles-list li { margin: 0 0 17px; } .related-posts { padding: 74px 0 25px; overflow: hidden; } .related-posts h1 { margin: 0 0 50px; text-transform: uppercase; color: #333; font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .related-posts.alt .box { width: 50%; } .related-posts .btn-more { margin-bottom: 30px; } .boxes { overflow: hidden; margin: 0 -10px; } .boxes .btn-more { clear: both; padding: 17px 0 96px; } .boxes.alt { margin: 0 -10px; } .boxes.alt .box { width: 50%; } .boxes.alt .image { margin: 0 0 23px; } .boxes.alt h2 { font-size: 1.5em; line-height: 1.333em; } .boxes.alt2 .image { margin: 0 0 33px; } .boxes.alt2 .box { width: 100%; } .boxes.alt2 h2 { font-size: 2em; line-height: 1.286em; margin: 0 0 19px; } .boxes.alt2 time { font-size: 1.164em; } .boxes .box { float: left; width: 33.33%; padding: 0 10px 58px; } .boxes .image { display: block; margin: 0 0 16px; position: relative; } .boxes .image img { width: 100%; height: auto; vertical-align: top; } .boxes h2 { margin: 0 0 9px; color: #333; text-transform: uppercase; font: 1.357em/1.263em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .boxes h2 a { text-decoration: none; } .boxes time { display: block; color: #999; line-height: 1.143em; text-transform: uppercase; font-weight: 500; } .boxes .news-topic-label { position: absolute; right: 0; top: 0; } .boxes .btn-play { top: 50%; margin-right: 0; position: absolute; width: 50px; height: 50px; margin: -24px 0 0 -24px; line-height: 50px; } .add-row { margin: 0 0 25px; } .quick-links { float: left; font-weight: bold; margin: 13px 0 26px; } .quick-links .nav-select { display: none; } .quick-links .fake-select { display: none; } .quick-links .opener { float: left; margin: 0 34px 0 0; color: #999; font-size: 13px; line-height: 15px; text-transform: uppercase; } .quick-links .btn { float: left; border: 1px solid #ddd; width: 30px; height: 30px; margin: -7px 0 0 10px; text-align: center; text-decoration: none !important; font-size: 13px; line-height: 30px; font-weight: normal; } .list-select { margin: 1px 0 0; float: left; text-transform: uppercase; font-size: 12px; line-height: 15px; } .list-select a { position: relative; color: #666; padding: 1px 0 0 0; text-decoration: none; } .list-select a:hover { text-decoration: underline; } .list-select li { float: left; margin: 0 20px 0 0; } .list-select .green a:before { background: #00a651; } .list-select .purple a:before { background: #92278f; } .list-select .grey a:before { background: #96a6b5; } .list-select .yellow a:before { background: #e7943c; } .search-form2 { float: right; width: 366px; border: 1px solid #ddd; } .search-form2 .submit { float: left; position: relative; color: #acacac; font-size: 14px; line-height: 16px; margin: 10px 0 0 16px; } .search-form2 .submit input { position: absolute; left: 0; top: 0; background: none; border: 0; z-index: 2; font-size: 0; line-height: 0; width: 100%; height: 100%; cursor: pointer; } .search-form2 .area { overflow: hidden; } .search-form2 .area input { width: 100%; padding: 11px 15px; margin: 0; outline: none; border: 0; background: none; font-weight: 500; font-size: 1em; line-height: 1.143em; } .search-form2 .area ::-webkit-input-placeholder { color: #acacac; } .search-form2 .area ::-moz-placeholder { opacity: 1; color: #acacac; } .search-form2 .area :-moz-placeholder { color: #acacac; } .search-form2 .area :-ms-input-placeholder { color: #acacac; } .search-form2 .area .placeholder { color: #acacac; } .related-athletes { padding: 107px 0 105px; } .related-athletes.alt { padding: 75px 0 69px; } .related-athletes.first { padding-top: 16px; } .related-athletes .heading { margin-bottom: 33px; } .related-list { list-style: none; margin: 0; padding: 0; text-align: center; overflow: hidden; } .related-list.col6 { margin: 0 -10px; padding-top: 18px; } .related-list.col6 > li { width: 16.667%; } .related-list .medal-box { padding: 26px 0 0; } .related-list .medal-box li { margin: 0 3px 6px; } .related-list > li { float: left; width: 25%; } .related-list .holder { display: inline-block; vertical-align: top; width: 140px; } .related-list .name { display: block; color: #333; margin: 0 auto 10px; border-radius: 140px; } .related-list .image { display: inline-block; vertical-align: top; position: relative; margin: 0 auto 11px; border-radius: 50%; } .related-list .image img { border-radius: 140px; vertical-align: top; } .related-list .image .mask { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .related-list .image .mask:after, .related-list .image .mask:before { border-radius: 50%; } .related-list .name { font-size: 1.164em; line-height: 1.104em; display: block; margin: 0 0 8px; color: #333; font-weight: normal; word-break: break-word; } .related-list .name a { color: #333; text-decoration: none; } .related-list .profile-row { display: inline-block; vertical-align: top; } #footer .section { background: #ddd; padding: 20px 0 14px; } #footer .holder { max-width: 1090px; margin: 0 auto; padding: 27px 15px 32px; } .photovideo #footer { background: #fff; } .links-boxes { overflow: hidden; text-align: left; text-transform: uppercase; font-size: 0.857em; color: #979797; font-weight: bold; letter-spacing: -3px; line-height: 0; } .links-boxes > li { width: 170px; display: inline-block; vertical-align: top; margin: 0 40px 0 0; letter-spacing: 0; line-height: 1.25em; } .links-boxes ul li { margin: 0 0 10px; } .links-boxes .title { display: block; color: #333; margin: 0 0 27px; font: 1.393em/1.059em "Trade-Gothic-W-Bold", Arial, Helvetica, sans-serif; } .links-boxes a { text-decoration: none; color: #979797; } .links-boxes a:hover { text-decoration: underline; } .hide { display: none; } .sign-form { float: right; margin: 9px 0 0; } .sign-form label { float: left; margin: 10px 22px 0 0; color: #979797; font-size: 0.857em; line-height: 1.25em; font-weight: 500; } .sign-form .area { border: 1px solid #ddd; width: 286px; float: left; } .sign-form input[type="submit"] { float: right; width: 35px; height: 35px; background: #333; border: 0; margin: -1px 0; padding: 0; font-size: 14px; line-height: 16px; color: #fff; text-transform: uppercase; font: 14px/18px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; border-radius: 0; } .sign-form input[type="submit"] :hover { background: #fff; color: #000; } .sign-form .area2 { overflow: hidden; position: relative; padding: 0 0 0 35px; } .sign-form .area2 input { width: 100%; padding: 9px 10px 9px 0; margin: 0; background: none; border: 0; border-radius: 0; font-size: 12px; line-height: 15px; font-weight: 500; outline: none; } .sign-form i { position: absolute; left: 15px; top: 11px; color: #ddd; font-size: 13px; line-height: 15px; } .sign-form ::-webkit-input-placeholder { color: #acacac; } .sign-form ::-moz-placeholder { opacity: 1; color: #acacac; } .sign-form :-moz-placeholder { color: #acacac; } .sign-form :-ms-input-placeholder { color: #acacac; } .sign-form .placeholder { color: #acacac; } .add-text { overflow: hidden; font-size: 0.857em; line-height: 1.25em; color: #979797; margin: 8px 0 0; } .add-text .logo2 { float: left; margin: 0 28px 10px 1px; } .add-text .logo2 img { vertical-align: top; } .add-text a { text-decoration: none; color: #979797; } .add-text a:hover { text-decoration: underline; } .add-text p { margin: 0 0 6px; } .bg-image img { vertical-align: top; } .bg-image.post-image { overflow: hidden; } .bg-image.post-image img { width: 100% !important; height: auto !important; margin: 0 !important; } .bg-image.post-image .label-photo { margin: 14px; } .profiles { width: 100%; background: #000; padding: 125px 0 60px; position: relative; overflow: hidden; text-align: left; } .profiles .holder { max-width: 1130px; padding: 0 15px; margin: 0 auto; } .profiles.alt { background: none; border-top: 1px solid #ddd; text-align: center; padding: 23px 0 1px; } .profiles.alt .profile-box { margin-bottom: 0; } .profiles.alt2 { padding: 180px 0 60px; } .profiles.alt3 { padding: 55px 0 60px; } .profiles.alt3:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: url(/web/20170324194528im_/https://stillres.olympic.org/images/bg-shadow.png) no-repeat 50% 0; } .profiles .bg-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .profiles .bg-image img { vertical-align: top; width: 100%; height: auto; } .profiles .btn-prev, .profiles .btn-next { position: absolute; left: 0; top: 0; margin: 0; color: #fff; background: #000; z-index: 5; text-align: center; } .profiles .btn-prev.disabled, .profiles .btn-next.disabled { display: none; } .profiles .btn-next { left: auto; right: 0; } .profiles .btn-hold { position: absolute; left: 40px; top: 50%; margin: -20px 0 0; height: 40px; width: 40px; } .profiles .btn-hold:hover .txt { display: block; } .profiles .btn-hold:hover .btn-prev, .profiles .btn-hold:hover .btn-next { color: #333; background: #fff; } .profiles .btn-hold .txt { background: #fff; border-radius: 20px 0 0 20px; font-size: 12.8px; color: #999; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; top: 0; white-space: nowrap; z-index: 2; height: 40px; padding: 10px 17px 0 60px; display: none; } .profiles .btn-hold.right { left: auto; right: 40px; } .profiles .btn-hold.right .txt { border-radius: 0 20px 20px 0; left: auto; right: 0; text-align: right; padding: 10px 60px 0 17px; } .profile-box { background: #fff; min-width: 300px; display: inline-block; vertical-align: top; margin: 0 20px 20px; text-align: center; border-radius: 1px; padding: 28px 20px 20px; line-height: 1.143em; position: relative; } .profile-box .image { display: inline-block; vertical-align: top; margin: 0 auto 22px; text-align: center; position: relative; } .profile-box .image .mask { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .profile-box .image .mask:after, .profile-box .image .mask:before { border-radius: 50%; } .profile-box .image img { vertical-align: middle; border-radius: 178px; } .profile-box h1 { color: #333; margin: 0 0 12px; font: 3em/1em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; } .profile-box h1 a { text-decoration: none; color: #333; } .profile-box .profile-row { display: inline-block; vertical-align: top; margin: 0 0 28px; } .profile-box .profile-row .flag-image { margin: 3px 10px 0 0; } .alt2 .profile-box { min-width: 290px; } .alt2 .profile-box .image { border-radius: 0; display: block; height: 240px; width: 100%; white-space: nowrap; text-align: center; } .alt2 .profile-box .image img { border-radius: 0; } .alt2 .profile-box .image > span { display: inline-block; vertical-align: middle; white-space: normal; } .alt2 .profile-box .image:after { content: ''; display: inline-block; height: 240px; width: 1px; overflow: hidden; margin: 0 0 0 -5px; vertical-align: middle; } .alt2 .profile-box h1 { font-size: 1.75em; line-height: 1em; border-top: 1px solid #ddd; padding: 23px 0 0; } .medal-box { list-style: none; margin: 0 0 6px; padding: 0; overflow: hidden; font: 1.336em/1.07em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #dab509; } .medal-box li { display: inline-block; vertical-align: top; margin: 0 9px 10px; } .medal { color: #dab509 !important; } .medal .num { display: inline-block; vertical-align: middle; border-radius: 30px; width: 30px; height: 30px; padding: 3px 0 0; border: 2px solid #dab509; text-align: center; color: #dab509; } .medal span { vertical-align: middle; } .medal.silver { color: #a1a1a1 !important; } .medal.silver .num { color: #a1a1a1; border-color: #a1a1a1; } .medal.bronze { color: #ae7058 !important; } .medal.bronze .num { color: #ae7058; border-color: #ae7058; } .id-card { background: #666; width: 100%; font: 1.5em/1.07em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; padding: 35px 0 37px; margin: 0 0 60px; } .id-card a { color: #fff; } .id-card .ss-icon { font-size: 16px; margin: 0 10px; vertical-align: middle; } .id-card .switcher { text-align: center; display: none; } .id-card .switcher ul { display: inline-block; vertical-align: top; } .id-card .switcher ul > li { float: left; margin: 0 3px 0 4px; } .id-card .switcher ul > li a { display: block; overflow: hidden; text-indent: -9999px; width: 8px; height: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.6); } .id-card .switcher ul > li.active a { background: #fff; } .id-card .holder { max-width: 1090px; margin: 0 auto; padding: 0 15px; } .id-card .frame { width: 100%; overflow: hidden; } .id-card .frame > ul { position: relative; } .id-card .frame > ul li:before, .id-card .frame > ul:before { position: absolute; right: 0; top: 0; width: 1px; height: 70px; background: #fff; background: rgba(255, 255, 255, 0.3); content: ""; } .id-card .frame > ul > li { width: 25%; float: left; position: relative; text-align: center; padding: 10px 0; } .id-card .frame > ul > li:before { right: auto; left: 0; } .id-card .title { font-size: 0.857em; line-height: 1.07em; color: #fff; color: rgba(255, 255, 255, 0.4); display: block; font-weight: normal; margin: 0 0 6px; } .btn-more, .btn-more-ext { display: block; text-align: center; margin: 18px 0 0; } .btn-more a, .btn-more-ext a { display: inline-block; vertical-align: top; color: #959595; border: 2px solid #959595; padding: 7px 20px; min-width: 110px; text-decoration: none !important; font-weight: bold; line-height: 2em; } .btn-more a:hover, .btn-more-ext a:hover { color: #494949; border-color: #494949; } .photovideo .btn-more a, .photovideo .btn-more-ext a { color: #fff; border-color: #fff; } .photovideo .btn-more a:hover, .photovideo .btn-more-ext a:hover { color: #bbb; border-color: #bbb; } .btn-more.white a, .btn-more-ext.white a { color: #fff; border-color: #fff; } .btn-more .empty-load, .btn-more-ext .empty-load { display: none; } .heading { display: table; width: 100%; table-layout: fixed; margin: 0 0 55px; } .heading h2 { float: left; color: #333; text-transform: uppercase; margin: 0; font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .heading h2.big { font-size: 3em; text-align: center; } .heading.center h2 { float: none; text-align: center; } .heading.white h2 { color: #fff; } .heading.white a { color: #fff; } .no-bottom-margin { margin-bottom: 0px; } .no-top-margin { margin-top: 0px; } .mosaic-box { padding: 80px 0 0; margin: 0 0 80px; } .mosaic-box .heading { text-align: center; } .mosaic-box .heading h1 { float: none; margin: 0 0 38px; font: 4em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase; } .mosaic-box .btn-box2 { display: inline-block; vertical-align: top; text-align: left; } .mosaic-box .btn-box2 > a { color: #fff; } .mosaic-box .btn-box2.active .popup-holder { left: auto; right: 0; } .mosaic-box .btn-box2.active .popup-box { right: -32px; margin-top: 19px; } .mosaic-box .btn-box2.active .popup-box:before { left: auto; right: 30px; } .mosaic-box.alt { padding: 92px 0 0; margin: 0 0 79px; } .mosaic-box.alt h1 { margin-bottom: 37px; } .mosaic-box.alt .heading { margin: 0 0 34px; } .mosaic-box.alt .btn-more { padding: 32px 0 0; } .mosaic-box .video { position: relative; } .mosaic-box .video .time { position: absolute; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.25); color: #fff; font-weight: bold; width: 40px; padding: 3px 0; text-align: center; font-size: 0.914em; line-height: 1.094em; z-index: 10; } .add-links { float: right; font-weight: bold; margin: 6px 0 0; } .add-links li { float: left; margin: 0 0 0 30px; } .add-links a { color: #acacac; text-decoration: none; } .add-links a:hover { color: #606060; } .images { overflow: hidden; margin: 0 0 50px; } .images .row { overflow: hidden; } .images .img { float: left; padding: 0 10px 10px 0; position: relative; } .images .image1 { padding: 0 10px 10px 0; width: 69.83%; } .images .image2 { float: none; overflow: hidden; display: block; padding: 0 0 10px 0; } .images .img-col { float: left; width: 31.13%; padding: 0 10px 0 0; } .images .img-col .img { float: none; display: block; padding: 0 0 10px 0; } .images img { vertical-align: top; width: 100%; height: auto; } .results { padding: 80px 0 0; } .results .btn-more { display: none; } .results.active .btn-more { display: none; } .table, .table2 { margin: 0 0 147px; } .table > li, .table2 > li { overflow: hidden; border-bottom: 1px solid #ddd; } .table > li:first-child .area, .table2 > li:first-child .area { padding: 0; } .table > li > ul, .table2 > li > ul { width: 100%; overflow: hidden; } .table > li > ul > li, .table2 > li > ul > li { border-top: 1px solid #ddd; } .table > li > ul > li:first-child, .table2 > li > ul > li:first-child { border: 0; } .table .th, .table2 .th { float: left; font-size: 0.914em; line-height: 1.172em; font-weight: bold; color: #999; padding: 0 0 17px; text-transform: uppercase; } .table .td, .table2 .td { padding: 24px 0 0; float: left; } .table .td.last2, .table2 .td.last2 { display: none; } .table .area, .table2 .area { overflow: hidden; padding: 27px 0 10px; } .table .col1, .table2 .col1 { width: 20%; padding-left: 5px; } .table .col2, .table2 .col2 { width: 19%; } .table .col3, .table2 .col3 { width: 13%; } .table .last, .table2 .last { float: right; width: 100px; } .table .image, .table2 .image { display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .table .name, .table2 .name { display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table .medal, .table2 .medal { margin: -3px 0 0 10px; color: #999; } .table .medal span, .table2 .medal span { vertical-align: middle; } .table .medal .num, .table2 .medal .num { display: inline-block; vertical-align: middle; font: 1.336em/1.123em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 14px 0 0; } .table .medal span, .table2 .medal span { display: inline-block; vertical-align: middle; } .table .row, .table2 .row { margin: 0 0 8px; } .table .row .td, .table2 .row .td { padding: 0; } .btns-list { float: left; margin: -3px -10px 0 0; } .btns-list li { float: left; margin: 0 10px 10px 0; } .btns-list li a { width: 30px; height: 30px; color: #fff; text-decoration: none; background: #acacac; font-size: 16.3px; line-height: 35px; display: block; border-radius: 60px; text-align: center; } .btns-list li a:hover { background: #797979; } .countries { overflow: hidden; font-size: 1.143em; line-height: 1.125em; font-weight: bold; margin: 60px -15px 60px; } .countries a { text-decoration: none; color: #bababa; font: 15px/18px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; } .countries a:hover { color: #777; } .countries .slide { width: 100%; } .countries.active .btn-more { display: none; } .countries .box { float: left; text-align: center; margin: 0 0 30px; width: 16.667%; min-height: 120px; padding: 0 18px; } .countries .box > a { display: inline-block; vertical-align: top; } .countries .flag-box { width: 90px; height: 60px; position: relative; margin: 0 auto 23px; background: #ddd; } .countries .flag-box .mask { left: 0; top: 0; position: absolute; width: 100%; height: 100%; } .countries .btn-more { clear: both; display: none; } .countries.center { font-size: 0; line-height: 0; letter-spacing: -4px; text-align: center; } .countries.center .box { letter-spacing: 0; font-size: 16px; line-height: 18px; float: none; display: inline-block; vertical-align: top; } .full-width { margin-left: -9999px !important; padding-left: 9999px !important; margin-right: -9999px !important; padding-right: 9999px !important; } .full-width.holder-section { padding-top: 92px; } .link-drop { display: inline-block; vertical-align: top; position: relative; } .link-drop.popup-active i:before { content: "\e603"; } .link-drop .opener { display: inline-block; vertical-align: top; text-decoration: none; color: #ccc; line-height: 1.143em; font-weight: bold; } .link-drop .opener i { font-weight: normal; color: #acacac; font-size: 0.643em; margin: 4px 3px 0; display: inline-block; vertical-align: top; } .link-drop .popup { display: none; background: #fff; border: 1px solid #d6d6d6; border-radius: 6px; box-shadow: 1px 5px 7px rgba(0, 0, 0, 0.3); width: 320px; position: absolute; left: 50%; margin: 0 0 0 -164px; top: 28px; z-index: 5; font-weight: normal; line-height: 1.75em; text-align: left; padding: 29px 25px 27px 33px; color: #666; border-color: #fff; } .link-drop .popup a { text-decoration: underline; color: #000; } .link-drop .popup:before { position: absolute; content: ""; width: 0; height: 0; border-color: #fff; bottom: 100%; left: 50%; margin-bottom: 0; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; border-bottom-color: inherit; } .banner-box { background: #333333; text-align: center; margin: 0 0 60px; position: relative; } .banner-box.banner-image.alt5 { margin: 0 0 60px; } .banner-box.banner-image.alt5 h1 { font-size: 4.857em; line-height: 1.029em; margin: 0 0 13px; } .banner-box .note { color: #fff; font-size: 1.5em; line-height: 1.19em; max-width: 590px; margin: 0 auto; } .banner-box .note p { margin: 0; } .banner-box .search-box { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); } .banner-box.no-margin { margin: 0; } .banner-box .holder { max-width: 1090px; padding: 91px 15px 37px; margin: 0 auto; min-height: 240px; position: relative; } .banner-box .search-holder { max-width: 1090px; padding: 43px 15px 1px; margin: 0 auto; position: relative; } .banner-box h1 { font: 4em/1.036em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; text-transform: uppercase; margin: 0 0 33px; } .banner-box .sponsor-image { display: block; margin: -20px 0 0; } .banner-box .btn-prev, .banner-box .btn-next { position: absolute; left: 30px; top: 50%; font-size: 15px; margin: -10px 0 0; text-decoration: none; } .banner-box .btn-prev:hover, .banner-box .btn-next:hover { color: #fff; } .banner-box .btn-next { left: auto; right: 30px; } .search-box { padding: 0 46px; margin: 0 0 70px; border: 1px solid #ddd; background-color: #fff; position: relative; } .search-box.active input[type="submit"] { display: block; } .search-box input[type="submit"] { position: absolute; right: 5px; top: 5px; width: 38px; height: 38px; background: #333; border: 0; margin: 0; padding: 0; outline: none; cursor: pointer; color: #fff; text-transform: uppercase; font: 16.3px/20px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .search-box input[type="submit"]:hover { opacity: 0.8; } .search-box input[type="submit"]:disabled { background: #dddddd; } .search-box i { position: absolute; left: 17px; top: 16px; color: #acacac; font-size: 14px; line-height: 16px; } .search-box input[type="text"], .search-box input[type="search"] { width: 100%; padding: 17px 0 15px; margin: 0; outline: none; color: #222; font-size: 14px; line-height: 16px; font-weight: bold; border: 0; display: block; text-transform: uppercase; -webkit-appearance: textfield; } .search-box ::-webkit-input-placeholder { color: #acacac; } .search-box ::-moz-placeholder { opacity: 1; color: #acacac; } .search-box :-moz-placeholder { color: #acacac; } .search-box :-ms-input-placeholder { color: #acacac; } .search-box .placeholder { color: #acacac; } .search-box .drop { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #ddd; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1); width: 100%; z-index: 5; overflow: hidden; } .search-box .drop ul { list-style: none; margin: 0; padding: 0; } .search-box .drop ul li { border-bottom: 1px solid #e6e6e6; display: table; width: 100%; } .search-box .drop ul li.focus a { background: #eee; } .search-box .drop ul a { text-decoration: none; color: #333; display: block; padding: 18px 18px 16px; overflow: hidden; } .search-box .drop ul a:hover { color: gray; } .search-box .drop .flag-box { float: left; position: relative; background: #ddd; margin: 0 18px 0 0; } .search-box .drop .flag-box .mask { left: 0; top: 0; position: absolute; width: 100%; height: 100%; } .search-box .drop .txt { float: left; margin: 4px 0 0; text-transform: uppercase; } .search-box .drop .alt-txt { display: block; font-size: 0.836em; line-height: 1.111em; text-transform: uppercase; color: #999; text-align: center; padding: 14px 5px 17px; } .search-box .drop .scroll-box { margin: 0 -40px 0 0; padding: 0 20px 0 0; overflow: auto; height: 260px; } .search-box.alt { margin: 0 0 43px; padding: 0 67px 0 0; } .search-box.alt input[type="text"], .search-box.alt input[type="search"] { color: #222; font: 24.45px/27px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; padding: 26px 0 26px 30px; } .search-box.alt ::-webkit-input-placeholder { color: #acacac; } .search-box.alt ::-moz-placeholder { opacity: 1; color: #acacac; } .search-box.alt :-moz-placeholder { color: #acacac; } .search-box.alt :-ms-input-placeholder { color: #acacac; } .search-box.alt .placeholder { color: #acacac; } .search-box.alt input[type="submit"] { right: 12px; top: 14px; width: 50px; height: 50px; font-size: 18.7px; } .search-box.transparent { background: none; } .search-box.transparent input[type="search"], .search-box.transparent input[type="text"] { background: none; color: #dbdbdb; } .search-box.transparent ::-webkit-input-placeholder { color: #dbdbdb; } .search-box.transparent ::-moz-placeholder { opacity: 1; color: #dbdbdb; } .search-box.transparent :-moz-placeholder { color: #dbdbdb; } .search-box.transparent :-ms-input-placeholder { color: #dbdbdb; } .search-box.transparent .placeholder { color: #dbdbdb; } .mobile-only { display: none; } .cta-banner { background: #acacac; min-height: 500px; margin-bottom: 76px; } .cta-banner .blockquote { white-space: nowrap; } .cta-banner .blockquote:after { content: ''; display: inline-block; height: 500px; width: 1px; overflow: hidden; margin: 0 0 0 -5px; vertical-align: middle; } .cta-banner .blockquote blockquote { display: inline-block; vertical-align: middle; white-space: normal; } .cta-banner .holder { padding: 104px 68px 28px 0px; } .cta-banner h2 { font: 4em/1.125em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 41px; text-transform: uppercase; color: #fff; max-width: 335px; } .cta-banner + .related-posts { padding-top: 0; } .cta-banner.last { margin-bottom: 0; } .cta-banner .image { float: right; margin: -104px -68px -68px 0; } .cta-banner .image img { vertical-align: top; } .cta-banner .image ~ h2 { max-width: 100%; } .cta-banner ~ .mosaic-box { padding-top: 30px; } .cta-link { display: block; background: rgba(0, 0, 0, 0.1); text-decoration: none; color: #fff; text-transform: uppercase; padding: 19px 24px 20px; width: 360px; font: 1.5em/1.095em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; position: relative; margin: 0 0 76px; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; } .cta-link:hover { background: rgba(0, 0, 0, 0.3); color: #fff; text-decoration: none; } .cta-link.green { background: #63b330; } .cta-link i { position: absolute; right: 12px; top: 50%; margin: -8px 0 0; font-size: 16px; } .reviews { padding: 0 0 40px; } .cta-carousel { position: relative; padding: 0; margin-bottom: 50px; } .cta-carousel .carousel-holder ul { overflow: hidden; list-style: none; margin: 0; padding: 0; width: 99999px; } .cta-carousel .carousel-holder ul > li { float: left; margin: 0 10px; } .cta-carousel .carousel-holder ul .box { width: 160px; } .cta-carousel .image { display: block; margin: 0 0 13px; } .cta-carousel .image img { width: 100%; height: auto; vertical-align: top; } .cta-carousel time { display: block; text-align: center; color: #999; font-size: 0.914em; line-height: 1.172em; text-transform: uppercase; font-weight: 500; } .cta-carousel .btn-prev, .cta-carousel .btn-next { position: absolute; left: -80px; top: 50%; margin: -34px 0 0; } .cta-carousel .btn-prev.disabled, .cta-carousel .btn-next.disabled { display: none; } .cta-carousel .btn-next { left: auto; right: -80px; } .cta-carousel .carousel-holder { overflow: hidden; margin: 0 -10px; } .links-holder { overflow: hidden; text-align: center; } .links-holder .add-links { float: none; display: inline-block; vertical-align: top; } .links-holder .add-links li { margin: 0 15px; } .add-row + .boxes.alt { padding-top: 17px; } .cta-social { padding-top: 74px; padding-bottom: 75px; overflow: hidden; } .cta-social .txt2 { display: none; } .cta-social .holder { margin: 0 -10px; } .cta-social .box { float: left; width: 33.33%; padding: 0 10px; } .cta-social .box .box-holder { position: relative; background: #3b5998; height: 217px; text-decoration: none; color: #fff; display: block; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; } .cta-social .box.facebook .box-holder { background: #3b5998; } .cta-social .box.facebook .box-holder:hover { background: #2d4373; } .cta-social .box.facebook .ico { font-size: 28px; } .cta-social .box.twitter .box-holder { background: #55acee; } .cta-social .box.twitter .box-holder:hover { background: #2795e9; } .cta-social .box.youtube .box-holder { background: #e52d27; } .cta-social .box.youtube .box-holder:hover { background: #c21d17; } .cta-social .ico { position: absolute; right: 20px; top: 20px; font-size: 34px; line-height: 38px; } .cta-social .txt { position: absolute; left: 26px; bottom: 24px; font: 21px/28px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; width: 210px; } .cta-social .img { display: block; margin: 0 0 -41px -47px; } .blockquote { color: #fff; font: 3.429em/1em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; } .blockquote blockquote { margin: 0; padding: 0; position: relative; } .blockquote blockquote:before { display: block; content: "\201C"; text-align: center; font-size: 1.75em; line-height: 0.9em; } .blockquote q { margin: 0 0 28px; display: block; } .blockquote cite { overflow: hidden; display: block; font-style: normal; text-transform: none; display: inline-block; vertical-align: top; font-family: "HelveticaNeueW"; font-size: 0.333em; line-height: 1.143em; } .blockquote .name { color: #fff; margin: 0 0 6px; } .blockquote .name.alt { margin: 0; font-weight: bold; } .blockquote .profile-row { color: #fff; } .blockquote .text-box { color: #fff; font-size: 0.8em; line-height: 1.094em; padding: 0; } .blockquote .flag-image { margin: 2px 5px 0 0; } .blockquote .profile-section a { text-decoration: none; color: #fff; } .blockquote .picture { float: none; display: inline-block; vertical-align: middle; } .blockquote .text-box { float: none; display: inline-block; vertical-align: middle; } .btn-box { position: relative; float: left; } .btn-box.active .btn { box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); width: 42px; height: 42px; margin: -13px -6px -6px 4px; line-height: 42px; background: #fff; } .btn-box.active .popup-box { left: 0; top: 100%; } .btn-box.active .popup-box.bottom { left: 0; top: 100%; top: auto; bottom: 100%; margin-top: 0; margin-bottom: 12px; border-radius: 6px 6px 6px 0; } .btn-box.active .popup-box.bottom:before { top: auto; bottom: -15px; } .btn-box.active .popup-box.bottom .scrollable { border-radius: 4px 4px 4px 0; } .popup-box { position: absolute; left: -9999px; top: -9999px; z-index: 10; margin: 6px 0 0 4px; font-size: 0.857em; line-height: 1.333em; text-transform: uppercase; border: 1px solid #ddd; border-radius: 0 6px 6px 6px; width: 218px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); display: block !important; } .popup-box:before { width: 40px; height: 18px; background: #fff; position: absolute; left: 0; top: -15px; content: ""; } .popup-box ul li { border-top: 1px solid #ddd; } .popup-box ul li:first-child { border: 0; } .popup-box a { display: block; color: #666; padding: 11px 10px; text-decoration: none; } .popup-box a:hover { color: #0081c8; text-decoration: none; } .popup-box .scrollable { max-height: 235px; overflow: auto; background: #fff; border-radius: 0 4px 4px 4px; overflow: hidden; width: 100% !important; } .popup-box .jcf-scrollbar-handle { height: 132px !important; } .popup-box .jcf-scrollbar { top: 5px; height: 222px !important; } .popup-box .jcf-scrollbar-slider { height: 222px !important; } .jcf-scrollable-wrapper { box-sizing: content-box; position: relative; } .jcf-scrollbar-vertical { position: absolute; cursor: default; width: 5px; bottom: 0; right: 0; top: 0; } .jcf-select-drop .jcf-scrollbar { display: block !important; } .jcf-scrollbar-vertical .jcf-scrollbar-handle { background: #c1c1c1; height: 1px; width: 5px; } .about-section { padding: 17px 0 67px; } .about-section .text-content { padding: 0; margin: 0 0 0 53px; float: right; width: 668px; max-width: 100%; } .about-section .text-content .label-photo { margin: 0 0 29px; } .about-section .text-content .image { display: block; border: 1px solid #ddd; margin: 0 0 14px; } .about-section .text-content .image img { width: 100%; height: auto; vertical-align: top; } .about-section .sidebar { overflow: hidden; border: 1px solid #ddd; margin: 80px 0 13px; padding: 0 0 8px; } .about-section .sidebar p { margin: 0 0 23px; } .about-section .sidebar .image { display: block; margin: 0 0 17px; } .about-section .sidebar .image img { vertical-align: top; } .about-section .sidebar .entry { padding: 0 19px; } .about-section .sidebar .btn { display: block; font-weight: bold; color: #959595; border: 2px solid #acacac; margin: 0 0 10px; text-align: center; padding: 10px 5px; } .about-section .sidebar .btn:hover { color: #000; text-decoration: none; border-color: #000; } .id-card-box { overflow: hidden; border: 1px solid #ddd; margin: 3px 0 0; padding: 34px 19px 7px; } .id-card-box .logo-box { display: block; text-align: center; margin: 0 0 48px; } .id-card-box .logo-box img { vertical-align: top; max-width: 100%; height: auto; } .id-card-box .items { overflow: hidden; } .id-card-box .items .btn-more { display: none; } .item-list { font-size: 0; line-height: 0; color: #333; text-transform: uppercase; } .item-list .flag-image { margin-top: 2px; } .item-list .row { border-top: 1px solid #ddd; padding: 15px 0; font-size: 12.8px; line-height: 18px; } .item-list .label { float: left; width: 100px; color: #999; font-weight: bold; line-height: 14px; margin: 2px 10px 0 0; } .item-list .txt { overflow: hidden; word-wrap: break-word; } .item-list address { font-style: normal; display: block; margin: 0; } .item-list a { color: #333; } .item-list .profile-row { font-weight: bold; font-size: 1.094em; } .item-list .profile-row .flag-image + span { display: block; overflow: hidden; padding: 8px 0 0 5px; } .games-box { min-height: 800px; white-space: nowrap; position: relative; } .games-box:after { content: ''; display: inline-block; min-height: 800px; width: 1px; overflow: hidden; margin: 0 0 0 -5px; vertical-align: middle; } .games-box .holder { display: inline-block; vertical-align: middle; white-space: normal; width: 100%; padding: 70px 0; position: relative; } .games-box .bg-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .games-box .bg-image img { vertical-align: top; width: 100%; height: auto; } .games-box .frame { max-width: 1090px; margin: 0 auto; padding: 0 15px; } .games-box h2 { font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; text-align: center; margin: 0 0 86px; text-shadow: 0 0 50px black; } .games-box.no-bg { min-height: 0; background: none; } .games-box.no-bg:after { display: none; } .games-box.no-bg h2 { color: #333; } .games-box.no-bg .games-list > ul > li .hold:before { display: none; } .games-list { overflow: hidden; background: #fff; color: #bababa; text-transform: uppercase; padding: 37px 0 0; margin: 0 auto; } .games-list.no-bg > ul > li .hold:before { display: none; } .games-list a { text-decoration: none; color: #bababa; } .games-list > ul { margin: 0 -10px; font-size: 0; line-height: 0; } .games-list > ul > li { display: inline-block; vertical-align: top; width: 25%; min-height: 246px; padding: 0 0 10px; text-align: center; font: 16.3px/18px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .games-list > ul > li.same-height-left .hold:before { display: none; } .games-list > ul > li .hold { padding: 0 20px; position: relative; display: block; } .games-list > ul > li .hold:before { position: absolute; left: 0; top: 0; overflow: hidden; text-indent: -9999px; height: 100%; width: 1px; background: #ddd; content: ""; } .games-list .image { border-radius: 0; display: block; height: 160px; width: 100%; margin: 0 0 28px; white-space: nowrap; text-align: center; } .games-list .image img { border-radius: 0; max-width: 100%; height: auto; } .games-list .image > span { display: inline-block; vertical-align: middle; white-space: normal; } .games-list .image:after { content: ''; display: inline-block; height: 160px; width: 1px; overflow: hidden; margin: 0 0 0 -5px; vertical-align: middle; } .games-list.col3 { max-width: 880px; } .games-list.col3 > ul > li { width: 33.33%; } .games-list.col2 { max-width: 560px; } .games-list.col2 > ul > li { width: 50%; } .games-list.col1 { max-width: 340px; } .games-list.col1 > ul > li { width: 100%; } .games-list.center { text-align: center; } .table2 { margin: 0 0 59px; } .table2 .label, .table2 .profile-row { display: none; } .table2 .area { overflow: visible; padding: 0; display: inline; } .table2 .col-first > a { display: inline-block; vertical-align: top; } .table2 .col1 { padding-left: 0; width: 30%; } .table2 .col1.td { padding-top: 16px; padding-bottom: 16px; } .table2 .col1 > a { display: inline-block; vertical-align: top; } .table2 .col1 > a:hover { text-decoration: none; } .table2 .col1 > a:hover .name { text-decoration: underline; } .table2 .col2 { width: 39%; } .table2 .td { padding-top: 28px; padding-bottom: 13px; } .table2 .col3 { width: 100px; color: #999; } .table2 .col4 { float: right; width: 190px; } .table2 .name { width: 220px; } .table2 .picture { width: 45px; position: relative; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .table2 .picture img { border-radius: 50%; vertical-align: top; } .table2 .picture .mask { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .table2 .picture .mask:after, .table2 .picture .mask:before { border-radius: 50%; } .table2 .image { position: relative; background: #ddd; } .table2 .image .mask { border-radius: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .table2 .image .mask:after, .table2 .image .mask:before { border-radius: 0; } .table2 .medal { margin: 0; } .table2 .medal .num { margin: 0; } .table2 .medal-box { margin: -4px 0 0; } .table2 .medal-box li { margin: 0 6px 10px; } .table2 .medal-box .num { font: 1em/1em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .table2 .col-first { width: 93px; padding-left: 8px; } .table2 .col-first .profile-row { display: inline; } .table2 .col-first .flag-image { margin: 5px 10px 0 5px; } .results .table2 + .btn-more { display: block; margin: 0 0 58px; } .tabs-section { margin-bottom: 60px; } .tabs-section.alt { margin-top: 60px; } .tabs-section .tabset { float: left; width: 270px; margin: 0 90px 0 0; font-size: 0.914em; line-height: 1.641em; font-weight: bold; background: #fff; text-transform: uppercase; border-bottom: 1px solid #ddd; } .tabs-section .tabset.alignright { float: right; margin-right: 0; margin-left: 90px; } .tabs-section .tabset.aligncenter { float: none; margin: 0 0 40px; text-align: center; width: auto; padding: 0; border: 0; font-size: 0; line-height: 0; letter-spacing: -4px; } .tabs-section .tabset.aligncenter a { padding: 12px 16px 11px; } .tabs-section .tabset.aligncenter li { font-size: 11.7px; line-height: 15px; letter-spacing: 0; display: inline-block; vertical-align: top; border: 0; border: 1px solid #ddd; border-width: 1px 1px 1px 0; } .tabs-section .tabset.aligncenter li:first-child { border-left: 1px solid #ddd; } .tabs-section .tabset li { border-top: 1px solid #ddd; } .tabs-section .tabset a { display: block; color: #999; text-decoration: none; padding: 16px 14px; position: relative; } .tabs-section .tabset li.active a, .tabs-section .tabset a:hover { color: #fff; } .tabs-section .tabset li.active a i, .tabs-section .tabset a:hover i { color: #fff; } .tabs-section .tabset i { position: absolute; right: 13px; top: 50%; margin: -8px 0 0; color: #acacac; } .tabs-section .tabset i.icon-external { font-size: 17px; margin-top: -8px; } .tabs-section .tabset.leftarrows { text-align: right; } .tabs-section .tabset.leftarrows i { left: 13px; right: auto; } .tabs-section .tabset.leftarrows a { padding-left: 35px; } .tabs-section .text-post { padding: 0; overflow: hidden; } .tabs-section .text-post h1, .tabs-section .text-post h2 { margin: 0 0 30px; } .tabset-box .nav-select { display: none; } .game-results-box .countries { padding: 18px 0 0; margin-bottom: 40px; } .game-results-box .countries .flag-box { width: auto; height: auto; display: block; margin: 0 0 15px; background: none; } .game-results-box .countries .box { margin: 0 0 45px; } .game-results-box .select-box .nav-select { display: none; } .game-results-box.alt { padding: 70px 0 0; } .game-results-box.alt .nav-select { display: none; } .section-links { text-align: center; margin-top: 30px; } .section-links ul { display: inline-block; vertical-align: top; font-size: 0.914em; line-height: 1.172em; text-transform: uppercase; font-weight: bold; } .section-links ul li { display: inline-block; vertical-align: top; padding: 0 9px; position: relative; } .section-links ul li:before { position: absolute; left: -2px; top: 2px; overflow: hidden; text-indent: -9999px; height: 14px; background: #c3c3c3; content: ""; width: 2px; } .section-links ul li:first-child:before { display: none; } .section-links ul a { color: #5c5c5c; } .cta-carousel-games { position: relative; text-align: left; } .cta-carousel-games .btn-prev, .cta-carousel-games .btn-next { position: absolute; left: -77px; margin: 0; bottom: 75px; background: #fff; z-index: 5; line-height: 40px; text-align: center; font-size: 16px; outline: none; } .cta-carousel-games .btn-next { left: auto; right: -83px; } .cta-carousel-games .holder { padding: 3px 0 90px; position: relative; } .cta-carousel-games .holder:before { position: absolute; width: 9999px; left: -999px; bottom: 94px; height: 2px; background: #ddd; content: ""; } .cta-carousel-games .image { border-radius: 0; display: block; height: 220px; width: 100%; white-space: nowrap; text-align: center; } .cta-carousel-games .image img { border-radius: 0; max-width: 100%; height: auto; } .cta-carousel-games .image > span { display: inline-block; vertical-align: middle; white-space: normal; } .cta-carousel-games .image:after { content: ''; display: inline-block; height: 220px; width: 1px; overflow: hidden; margin: 0 0 0 -3px; vertical-align: middle; } .cta-carousel-games .frame { overflow: hidden; margin: 0 -10px; text-transform: uppercase; color: #bababa; text-align: center; font: 1.164em/1.104em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .cta-carousel-games .frame ul { position: relative; white-space: nowrap; width: 100% !important; font-size: 0; line-height: 0; letter-spacing: -4px; } .cta-carousel-games .frame ul > li { display: inline-block; vertical-align: top; width: 25%; position: relative; min-height: 274px; font-size: 16.3px; line-height: 18px; letter-spacing: 0; white-space: normal; } .cta-carousel-games .frame ul > li:before { position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -5px; width: 10px; height: 10px; border-radius: 10px; content: ""; background: #ddd; } .cta-carousel-games .frame a { color: #bababa; text-decoration: none; display: inline-block; vertical-align: top; } .cta-carousel-games ~ .related-posts { padding-top: 0; } .cta-carousel-games .heading { margin: 20px 0; } .cta-carousel-news { overflow: hidden; width: 100%; padding: 0 0 60px; position: relative; text-align: left; } .cta-carousel-news.green { padding: 45px 0 57px; background: #63b330; color: #fff; } .cta-carousel-news.green .mask-l, .cta-carousel-news.green .mask-r { background: #63b330; opacity: 0.7; } .cta-carousel-news.green .heading h2 { color: #fff; } .cta-carousel-news.green .add-links a { color: #fff; } .cta-carousel-news.green .add-links a:hover { color: #e6e6e6; } .cta-carousel-news.green .cta-carousel-list h2 a { color: #fff; } .cta-carousel-news.green .cta-carousel-list h2 a:hover { color: #e6e6e6; } .cta-carousel-news.green .cta-carousel-list time { color: #fff; } .cta-carousel-news .holder { margin: 0 auto; max-width: 1090px; position: relative; } .cta-carousel-news .holder .heading { padding: 0 15px; } .cta-carousel-news .frame2 { position: relative; } .cta-carousel-news .frame { width: 1080px; margin: 0 auto; } .cta-carousel-news .btn-prev, .cta-carousel-news .btn-next { position: absolute; left: -85px; top: 50%; margin: -65px 0 0; background: #fff; z-index: 5; border: 1px solid #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); line-height: 40px; text-align: center; font-size: 16px; outline: none; } .cta-carousel-news .btn-prev.disabled, .cta-carousel-news .btn-next.disabled { border: 1px solid #fff; color: #333; } .cta-carousel-news .btn-prev.disabled, .cta-carousel-news .btn-next.disabled { display: none; } .cta-carousel-news.ajax-complete .btn-next.disabled { display: none; } .cta-carousel-news .btn-next { left: auto; right: -85px; } .cta-carousel-news .mask-l, .cta-carousel-news .mask-r { position: absolute; left: 0; top: 0; width: 100px; height: 100%; background: rgba(255, 255, 255, 0.7); content: ""; z-index: 4; overflow: hidden; text-indent: -9999px; } .cta-carousel-news .mask-r { left: auto; right: 0; } .cta-carousel-list { float: left; width: 9999px; position: relative; } .cta-carousel-list > li { float: left; width: 340px; margin: 0 10px; position: relative; } .cta-carousel-list .box { float: left; width: 33.33%; padding: 0 10px; } .cta-carousel-list .image { display: block; margin: 0 0 16px; position: relative; } .cta-carousel-list .image img { width: 100%; height: auto; vertical-align: top; } .cta-carousel-list .news-topic-label { position: absolute; right: 0; top: 0; } .cta-carousel-list h2 { margin: 0 0 9px; color: #333; text-transform: uppercase; font: 1.357em/1.263em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .cta-carousel-list h2 a { text-decoration: none; } .cta-carousel-list time { display: block; color: #999; line-height: 1.143em; text-transform: uppercase; font-weight: 500; } .add-cols { overflow: hidden; margin: 0 -10px; } .add-cols .col { float: left; width: 50%; padding: 0 10px; } .add-cols .btn-more { margin-bottom: 100px; } hr ~ .add-cols { padding-top: 87px; } .event-box { padding: 3px 0 50px; } .event-box h2 { overflow: hidden; font: 1.714em/1.083em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0 0 5px; overflow: hidden; text-transform: uppercase; } .event-box h2 a { color: #333; display: block; overflow: hidden; } .event-box h2 a:hover { color: #0081c8; } .event-box h2 [class^="icon-"], .event-box h2 [class*=" icon-"] { float: right; font-size: 16px; line-height: 18px; margin: 5px 0 0 0; } .event-box .video { margin: 22px 0 11px; position: relative; } .event-box .video .time { position: absolute; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.25); color: #fff; font-weight: bold; min-width: 40px; padding: 3px 0; text-align: center; font-size: 0.914em; line-height: 1.094em; } .event-box .video img { width: 100%; height: auto; vertical-align: top; } .event-box .link-full { display: block; font-weight: bold; text-align: right; color: #acacac; padding: 25px 0px 19px; } .event-box .link-full a { color: #acacac; } .event-box .link-full a:hover { color: #333; } .event-box .txt { display: inline-block; vertical-align: middle; } .table3 { table-layout: fixed; margin: 0; border-collapse: collapse; width: 100%; color: #999; } .table3 td, .table3 th { border-bottom: 1px solid #ddd; padding: 17px 0 16px; vertical-align: middle; text-align: left; } .table3 th { font-size: 0.914em; line-height: 1.172em; color: #999; text-transform: uppercase; font-weight: bold; padding: 17px 0 17px; } .table3 th.col1 { padding: 17px 39px 17px 7px; } .table3 .medal { margin: 0 15px 0 0; display: inline-block; vertical-align: middle; font: 1.336em/1.123em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .table3 .col1 { padding: 0 43px 0 18px; width: 18%; white-space: nowrap; } .table3 .mobile-row { display: none; } .table3.alt .col1 { width: 29%; } .table3.alt2 .col1 { vertical-align: top; } .table3.alt2 .col2 { vertical-align: top; width: 88px; } .table3.alt2 .col3 { vertical-align: top; } .table3.alt2 td.col1 { padding-top: 24px; } .table3.alt2 td.col2 { padding-top: 28px; } .table3.alt2 .profile-section { padding: 0 0 14px; } .table3.alt2 .profile-section .text-box { padding-top: 15px; } .table3.alt2 td.last .txt { display: block; padding: 10px 0 29px; } .table3.alt2 td { padding-bottom: 0; } .table3 .profile-section .txt { display: none; } .table3 .col2 { width: 158px; } .table3 .col3 { width: 43%; } .table3 .name { font-weight: bold; margin: 0 0 7px; } .table3 .image { margin: 0 13px 0 0; float: left; } .table3 .image.mini { margin: 5px 9px 0 0; } .table3 .image.mini + .text-box .name { font-weight: normal; text-transform: uppercase; } .table3 .profile-section .text-box { padding: 3px 0 0; } .table3 .profile-section .flag-image { margin: 3px 10px 0 0; } .table3 .profile-section.alt { padding: 8px 0 7px; } .table3 .profile-section.alt .name { text-transform: uppercase; } .table3 .profile-section.alt .text-box { padding: 7px 0 0 6px; } .add-videos { margin: 0 -5px 43px; } .add-videos .time { position: absolute; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.25); color: #fff; font-weight: bold; width: 40px; padding: 3px 0; text-align: center; font-size: 0.914em; line-height: 1.094em; } .add-videos .col1 { float: left; width: 61.6%; padding: 0 5px; } .add-videos .col2 { padding: 0 5px; overflow: hidden; } .add-videos .video { margin: 0 0 10px; position: relative; } .add-videos .link { margin: -3px 0 0; display: inline-block; vertical-align: top; font-weight: bold; color: #acacac; text-decoration: none; } .add-videos .link:hover { color: #000; } .add-videos .link:hover [class^="sss-"], .add-videos .link:hover [class*=" sss-"] { color: #000; } .add-videos .link [class^="sss-"], .add-videos .link [class*=" sss-"] { font-size: 1.164em; line-height: 1.472em; vertical-align: top; margin: 0 5px 0 0; color: #999; } .add-videos .video-boxes { margin: 0 -5px; } .add-videos .video-boxes .box { padding: 0 5px 10px; float: left; width: 50%; } .add-videos img { width: 100%; height: auto; vertical-align: top; } .table-box { margin: 0 0 97px; } .table-box .heading { margin: 0 0 6px; } .table-box.last { margin-bottom: 80px; } .icons-list { margin: -4px 0 0; float: right; } .icons-list li { float: left; margin: 0 0 0 10px; } .icons-list a { display: block; border-radius: 30px; width: 30px; height: 30px; text-align: center; font-size: 16px; line-height: 34px; color: #fff; text-decoration: none; } .icons-list a:hover { opacity: 0.8; } .table4 { table-layout: fixed; margin: 0 0 60px; border-collapse: collapse; width: 100%; color: #999; } .table4 .mobile-row { display: none; } .table4 .slide-row { width: 100%; overflow: hidden; } .table4 .slide-row table { width: 100%; } .table4 .slide > td { border: 0 !important; padding: 0 !important; } .table4 .slide .table4 { border: 0 !important; margin-bottom: 0 !important; } .table4 td, .table4 th { border-bottom: 1px solid #ddd; padding: 17px 0 16px; vertical-align: middle; text-align: left; } .table4 th { font-size: 0.914em; line-height: 1.172em; color: #999; text-transform: uppercase; font-weight: bold; padding: 17px 0 17px; } .table4 .medal { margin: 0 10px; display: inline-block; vertical-align: middle; font: 1.336em/1.123em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .table4 .col1 { padding: 0 28px 0 0; width: 9%; white-space: nowrap; text-align: center; } .table4 .num-txt { font: 1.336em/1.123em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .table4 .mobile-row { display: none; } .table4.alt .col2 { width: 242px; } .table4.alt .col3 { width: 17%; } .table4.alt2 .col2 { width: 277px; } .table4.alt2 .col3 { width: 15%; } .table4.alt3 .col1 { width: 7.5%; } .table4.alt3 .col2 { width: 88px; } .table4.alt3 .col3 { width: 20%; } .table4.alt3 .col4 { width: 12%; } .table4.alt3 td.col1 { vertical-align: top; padding-top: 23px; } .table4.alt3 td.col2 { padding-top: 29px; vertical-align: top; } .table4.alt3 .profile-section { padding: 0 0 14px; } .table4.alt3 .profile-section .text-box { padding-top: 15px; margin-bottom: -10px; overflow: visible; } .table4.alt3 td.last .txt { display: block; padding: 10px 0 29px; } .table4.alt3 td { border-bottom-width: 0; padding-bottom: 0; } .table4.alt3 .no-image td.col1, .table4.alt3 .no-image td.col2, .table4.alt3 .no-image td.col4, .table4.alt3 .no-image .col3 { vertical-align: top; padding-top: 12px; } .table4.alt3 .no-image td.col4 { vertical-align: top; } .table4.alt3 .no-image .profile-section .text-box { padding: 2px 0 0; margin: 0; } .table4.alt3 tbody tr.mobile-row:first-child + tr.no-image td.col4, .table4.alt3 tbody tr.mobile-row:first-child + tr.no-image td.col1, .table4.alt3 tbody tr.mobile-row:first-child + tr.no-image td.col3, .table4.alt3 tbody tr.mobile-row:first-child + tr.no-image td.col2, .table4.alt3 tbody tr.no-image:first-child td.col4, .table4.alt3 tbody tr.no-image:first-child td.col1, .table4.alt3 tbody tr.no-image:first-child td.col3, .table4.alt3 tbody tr.no-image:first-child td.col2 { padding-top: 29px; } .table4.alt3 tbody tr.no-image:last-child > td { padding-bottom: 24px; } .table4.alt3 tbody tr:last-child > td { padding-bottom: 19px; border-bottom-width: 1px; } .table4.alt3 .profile-section { padding-bottom: 0; margin-bottom: -4px; } .table4.alt4 td, .table4.alt4 th { text-align: center; } .table4.alt4 .col1 { width: 8%; } .table4.alt4 .col2 { text-align: left; width: 167px; } .table4.alt4 .col2 .num-txt { display: none; } .table4.alt4 .col3 { width: 5%; } .table4.alt4 .col4 { width: 25%; } .table4.alt4 .last { width: 47%; padding-right: 38%; } .table4.alt4 .label { float: left; width: 95px; margin: 0 10px 0 0; color: #acacac; font-weight: bold; text-transform: uppercase; display: none; } .table4 .profile-section { font-weight: normal; } .table4 .profile-section .txt { display: none; } .table4 .col2 { width: 294px; } .table4 .col3 { width: 43%; } .table4 .name { font-weight: bold; margin: 0 0 7px; } .table4 .image { margin: 0 13px 0 0; float: left; } .table4 .image.mini { margin: 5px 9px 0 0; } .table4 .image.mini + .text-box .name { font-weight: normal; text-transform: uppercase; } .table4 .status { font-size: 0.914em; } .table4 .profile-section .text-box { padding: 3px 0 0; } .table4 .profile-section .flag-image { margin: 3px 10px 0 0; } .table4 .profile-section.alt { padding: 8px 0 7px; } .table4 .profile-section.alt .name { text-transform: uppercase; } .table4 .profile-section.alt .text-box { padding: 7px 0 0 6px; } .brackets-gallery .btns, .brackets-gallery .profiles, .brackets-gallery .cta-carousel, .brackets-gallery .cta-carousel-games, .brackets-gallery .cta-carousel-news, .brackets-gallery .banner-gallery, .brackets-gallery .carousel-athletes { padding: 0; margin: 0 0 50px; overflow: hidden; font-weight: bold; color: #acacac; } .brackets-gallery.not-enough-slides .btns, .brackets-gallery.not-enough-slides .profiles, .brackets-gallery.not-enough-slides .cta-carousel, .brackets-gallery.not-enough-slides .cta-carousel-games, .brackets-gallery.not-enough-slides .cta-carousel-news, .brackets-gallery.not-enough-slides .banner-gallery, .brackets-gallery.not-enough-slides .carousel-athletes { display: none; } .brackets-gallery .btn-prev-box { float: left; } .brackets-gallery .btn-next-box { float: right; } .brackets-gallery .btn-prev-box, .brackets-gallery .btn-next-box { cursor: pointer; vertical-align: middle; } .brackets-gallery .btn-prev-box > span, .brackets-gallery .btn-next-box > span { vertical-align: middle; padding: 0 5px; } .brackets-gallery .btn-prev-box.disabled > span, .brackets-gallery .btn-next-box.disabled > span { display: none; } .brackets-gallery .btn-prev-box.disabled .btn-prev, .brackets-gallery .btn-prev-box.disabled .btn-next, .brackets-gallery .btn-next-box.disabled .btn-prev, .brackets-gallery .btn-next-box.disabled .btn-next { border-color: #efefef; color: #efefef; } .brackets-gallery .btn-prev-box.disabled .btn-prev span, .brackets-gallery .btn-prev-box.disabled .btn-next span, .brackets-gallery .btn-next-box.disabled .btn-prev span, .brackets-gallery .btn-next-box.disabled .btn-next span { color: #dcdcdc; } .brackets-gallery .btn-prev, .brackets-gallery .btn-next { vertical-align: middle; } .brackets-gallery .gallery-holder { overflow: hidden; margin: 0 -10px 55px; } .gallery-list { width: 9999px; overflow: hidden; font-size: 0; line-height: 0; } .gallery-list > li { width: 100%; float: left; overflow: hidden; position: relative; font-size: 0; line-height: 0; white-space: nowrap; } .gallery-list .cols { width: 100%; white-space: nowrap; padding: 0 0 40px; display: inline-block; vertical-align: top; position: relative; } .gallery-list .cols .col { overflow: hidden; white-space: normal; display: inline-block; vertical-align: top; width: 25%; padding: 0 10px; overflow: hidden; min-height: 400px; } .gallery-list .cols .col h2 { display: none; } .gallery-list .cols .col-holder { display: table; width: 100%; table-layout: fixed; } .gallery-list .cols.col2 { width: 50%; } .gallery-list .cols.col2 .col { width: 50%; } .gallery-list .cols.col1 { width: 25%; } .gallery-list .cols.col1 .col { width: 100%; } .gallery-list .cols:after, .gallery-list .cols:before { width: 1px; height: 100%; content: ""; position: absolute; left: 0; top: 0; overflow: hidden; text-indent: -9999px; background: #fdfdfd; background: linear-gradient(to bottom, #fdfdfd 0%, #f6f6f6 1%, #e4e4e4 3%, #dddddd 4%, #dddddd 96%, #e6e6e6 98%, #f6f6f6 99%, #fdfdfd 100%); } .gallery-list .cols:after { left: auto; right: -1px; } .gallery-list .cols.col4:after, .gallery-list .cols.last:after { right: 0; } .gallery-list .wide .col { float: left; width: 25%; } .gallery-list h2 { color: #333; text-transform: uppercase; margin: 27px 0 42px; text-align: center; font: 21px/23px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; white-space: normal; } .gallery-list h3 { font-size: 12.8px; line-height: 15px; margin: 0 0 13px 5px; text-transform: uppercase; color: #333; } .gallery-list hr { margin: 4px -9999px 15px; } .col-frame { min-height: 5px; } .bracket-box { font-size: 14px; line-height: 16px; padding-top: 0 !important; padding-bottom: 10px !important; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .bracket-box .bracket-holder { padding: 11px 18px; border: 2px solid #ddd; } .bracket-box .name { font-weight: bold; display: inline-block; width: 162px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bracket-box .name.grey { color: #acacac; } .bracket-box .profile-section { position: relative; padding: 0 0 3px; overflow: visible; } .bracket-box .num { float: right; margin: 15px 0 0; font: 1.1em/1em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #333; } .bracket-box .num.grey { color: #acacac; } .bracket-box .num.bronze { color: #ae7058; } .bracket-box .num.gold { color: #dab509; } .bracket-box .flag-image { margin: 3px 10px 0 0; } .bracket-box.country { padding-bottom: 20px; } .bracket-box.country .bracket-holder { padding-bottom: 7px; } .bracket-box.country .profile-row .name { display: inline-block; width: 135px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bracket-box.country .profile-section { padding: 0 0 14px; } .bracket-box.country .profile-section .text-box { padding: 9px 0 0; } .bracket-box.country .num { margin: 7px 0 0; } .bracket-box.country ~ hr { margin: 0 -9999px 10px; } .bracket-box.doubles { padding: 0 0 30px; } .bracket-box.doubles .profile-section { padding: 9px 0 26px; } .bracket-box.doubles .profile-section .profile-row { padding: 0 0 11px; } .bracket-box.doubles .profile-section + .profile-section { border-top: 1px solid #ddd; padding-top: 20px; } .bracket-box.doubles .num { margin: 29px 0 0; } .bracket-box.doubles ~ hr { margin: 0 -9999px 10px; } .bracket-box.group { padding-bottom: 20px; } .bracket-box.group .num { font: bold 16.3px/18px "HelveticaNeueW", Arial, Helvetica, sans-serif; } .bracket-box.group .profile-section.divider { border-top: 1px solid #ddd; margin: 18px 0 0 0; padding: 13px 0 0; } .bracket-box .medal { float: right; margin: 11px -9px 0 0; } .bracket-box .medal .num { margin: 0; font: 18.7px/24px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #dab509; height: 27px; float: none; } .bracket-box .medal.silver .num { color: #a1a1a1; } .bracket-box .medal.bronze .num { color: #ae7058; } .add-brackets h2 { color: #333; text-transform: uppercase; margin: 0 0 35px; font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-align: center; } .add-brackets .center h2 { margin-bottom: 10px; } .add-brackets h3 { font: 1.5em/1.095em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 37px; text-transform: uppercase; color: #333; text-align: center; } .add-brackets .section { margin: 0 -10px 45px; } .add-brackets .bracket-box { width: 25%; float: left; padding: 0 10px 20px; } .add-brackets .btns, .add-brackets .profiles, .add-brackets .cta-carousel, .add-brackets .cta-carousel-games, .add-brackets .cta-carousel-news, .add-brackets .banner-gallery, .add-brackets .carousel-athletes { padding: 0; margin: 0; position: relative; } .add-brackets .btns .btn-prev, .add-brackets .profiles .btn-prev, .add-brackets .cta-carousel .btn-prev, .add-brackets .cta-carousel-games .btn-prev, .add-brackets .cta-carousel-news .btn-prev, .add-brackets .banner-gallery .btn-prev, .add-brackets .carousel-athletes .btn-prev, .add-brackets .btns .btn-next, .add-brackets .profiles .btn-next, .add-brackets .cta-carousel .btn-next, .add-brackets .cta-carousel-games .btn-next, .add-brackets .cta-carousel-news .btn-next, .add-brackets .banner-gallery .btn-next, .add-brackets .carousel-athletes .btn-next { display: none; } .add-brackets .group-gallery-holder { overflow: hidden; margin: 0 -10px; } .group-gallery > li { float: left; width: 100%; } .btn-play { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; border-radius: 60px; border: 2px solid #fff; background: rgba(0, 0, 0, 0.35); color: #fff; text-align: center; font-size: 18px; line-height: 60px; margin: -30px 0 0 -30px; letter-spacing: -3px; text-decoration: none !important; } .btn-play.sss-play:before { color: #fff; } .btn-play.sss-play:hover:before { color: #0081c8; } .banner-gallery { margin: 0 0 59px; padding: 0; overflow: hidden; } .banner-gallery .box-holder { display: inline; } .banner-gallery .btn-prev, .banner-gallery .btn-next { position: absolute; margin: 0; top: 50%; left: -90px; margin: -20px 0 0; z-index: 5; background: #fff; } .banner-gallery .btn-prev span, .banner-gallery .btn-next span { font-size: 15px; } .banner-gallery .btn-next { left: auto; right: -90px; } .banner-gallery .gallery-holder { max-width: 1060px; margin: 0 auto; overflow: visible !important; position: relative; } .banner-gallery .gallery-holder > ul { width: 100%; } .banner-gallery .gallery-holder > ul > li { width: 100%; float: left; } .banner-gallery .gallery-holder .mask-l, .banner-gallery .gallery-holder .mask-r { position: absolute; right: 100%; width: 9999px; top: 0; height: 100%; background: #000; background: rgba(255, 255, 255, 0.9); content: ""; z-index: 4; overflow: hidden; text-indent: -9999px; content: ""; } .banner-gallery .gallery-holder .mask-r { right: auto; left: 100%; } .banner-gallery .box { float: left; position: relative; } .banner-gallery .box a { text-decoration: none; } .banner-gallery .box.hover .title-row { display: block; } .banner-gallery .box.last { width: auto !important; overflow: hidden; float: none; } .banner-gallery .box.last .image img { width: 100%; } .banner-gallery img { vertical-align: top; max-width: 100%; height: auto; } .banner-gallery .col { float: left; } .banner-gallery .col .box { display: block; float: none; width: auto !important; } .banner-gallery .col .title-row { padding-bottom: 10px; } .banner-gallery .title-row { display: none; position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 25px 15px; background-color: rgba(0, 0, 0, 0.5); } .banner-gallery .title-row .profile-row { float: left; color: #999; margin: 0 20px 0 0; } .banner-gallery .title-row .flag-image { margin-top: 5px; } .banner-gallery .title-row .name { float: left; color: #fff; } .search-box + .results { padding-top: 0; margin: -14px 0 0; } .search-box + .results .heading { margin-bottom: 22px; } .carousel-athletes { padding: 69px 0 100px; } .carousel-athletes .btn-prev, .carousel-athletes .btn-next { position: absolute; left: -80px; margin: 0; top: 50%; margin: -20px 0 0; line-height: 40px; } .carousel-athletes .btn-prev span, .carousel-athletes .btn-next span { font-size: 16px; } .carousel-athletes .btn-next { left: auto; right: -80px; } .carousel-athletes .gallery-frame { margin: 0 -10px; overflow: hidden; position: relative; } .carousel-athletes .gallery-frame > ul { overflow: hidden; } .carousel-athletes .gallery-frame > ul > li { float: left; margin: 0 10px; position: relative; width: 250px; } .carousel-athletes .gallery-frame > ul > a { text-decoration: none; } .carousel-athletes .gallery-holder { position: relative; } .carousel-athletes img { vertical-align: top; } .carousel-athletes .img { display: block; } .carousel-athletes .athlete-name { position: absolute; left: 0; bottom: 0; right: 0; background: #000; background: rgba(51, 51, 51, 0.5); text-align: center; text-transform: uppercase; font: 1.5em/1.095em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #fff; padding: 22px 0 20px; -webkit-transition: background .2s ease-out; -moz-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; } .carousel-athletes a:hover .athlete-name { background: rgba(51, 51, 51, 0.8); } .results-box { background: #b6984f; padding: 111px 0 119px; text-align: center; } .results-box .holder { max-width: 610px; margin: 0 auto; background: #fff; padding: 44px 44px 8px; border: 1px solid #ddd; } .results-box h1 { font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 40px; text-align: center; text-transform: uppercase; } .results-box .tabset { display: inline-block; vertical-align: top; font-size: 0.836em; line-height: 1.282em; text-transform: uppercase; font-weight: bold; margin: 0 0 45px; } .results-box .tabset li { float: left; } .results-box .tabset li:first-child a { border-left-width: 1px; } .results-box .tabset li.active a { border-color: #0081c8; color: #fff; background: #0081c8; } .results-box .tabset a { display: block; min-width: 120px; text-align: center; text-decoration: none; color: #999; border: 1px solid #ddd; border-left-width: 0; height: 40px; padding: 12px 5px 0; } .results-box .tabset a:hover { border-color: #0081c8; background: #0081c8; color: #fff; } .results-box .tab-content { text-align: left; overflow: hidden; } .results-box .tab-content .tab-slider { width: 99999px; overflow: hidden; } .results-box .tab-content .tab-slider .tab-section { float: left; width: 1000px; } .results-form .row { padding: 0 0 35px; } .results-form .txt { display: block; text-align: right; color: #acacac; font-size: 0.907em; line-height: 1.181em; font-weight: bold; } .results-form .jcf-select { width: 100%; } .results-form input[type="reset"], .results-form input[type="submit"] { float: right; width: 110px; height: 45px; border: 2px solid #acacac; font-size: 14px; line-height: 16px; color: #959595; outline: none; cursor: pointer; background: none; padding: 0; margin: 10px 0 0 10px; font-weight: bold; } .results-form input[type="submit"]:hover { border: 2px solid #0081c8; background-color: #0081c8; color: #fff; } .results-form input[type="reset"] { border: 0; width: 76px; color: #acacac; } .results-form input[type="reset"]:hover { color: #333; } .jcf-select { display: inline-block; vertical-align: top; position: relative; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); background: #fff; min-width: 50px; height: 50px; margin: 0 0 10px; } .jcf-select select { z-index: 1; left: 0; top: 0; } .jcf-select .jcf-select-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; display: block; font-size: 14px; line-height: 49px; font-weight: bold; margin: 0 35px 0 13px; color: #acacac; text-transform: uppercase; } .jcf-select .jcf-select-opener { position: absolute; top: 13px; right: 16px; position: absolute; z-index: 1; pointer-events: none; } .jcf-select .jcf-select-opener:after { font-size: 14px; font-family: 'Olympics'; content: "\e601"; } body > .jcf-select-drop { position: absolute; z-index: 9999; } body > .jcf-select-drop.jcf-drop-flipped { margin: 1px 0 0; } .jcf-select .jcf-select-drop { position: absolute; margin-top: 0px; z-index: 9999; top: 100%; left: -1px; right: -1px; } .jcf-select .jcf-select-drop .jcf-scroll-active ~ .alt-text { display: block; } .jcf-select .jcf-drop-flipped { bottom: 100%; top: auto; } .jcf-list-box { overflow: hidden; display: inline-block; border: 1px solid #b8c3c9; min-width: 200px; margin: 0 15px; } .jcf-list { display: inline-block; vertical-align: top; position: relative; background: #fff; line-height: 16px; font-size: 14px; font-weight: bold; color: #333; width: 100%; } .jcf-list .jcf-option-default { display: none !important; } .jcf-select-drop { background: #fff; border: 1px solid #ddd; border-top: 0; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1); margin: -1px 0 0; } .jcf-select-drop .alt-txt { display: block; font-size: 0.836em; line-height: 1.111em; text-transform: uppercase; color: #999; text-align: center; padding: 14px 5px 17px; border-top: 1px solid #e6e6e6; display: none; } .jcf-select-drop .jcf-scrollbar { display: none; } .jcf-select-drop .image { float: left; margin: 0 18px 0 0; } .jcf-select-drop .image ~ .txt { margin: 9px 0 0; } .jcf-select-drop .txt { display: block; overflow: hidden; } .jcf-select-drop .jcf-option-select-noclick { color: #666; font-weight: normal; } .jcf-list .jcf-list-content { vertical-align: top; display: inline-block; overflow: auto; width: 100% !important; } .jcf-list ul { list-style: none; padding: 0; margin: 0; } .jcf-list ul li { overflow: hidden; display: block; border-top: 1px solid #e6e6e6; } .jcf-list .jcf-overflow { overflow: auto; } .jcf-list .jcf-option { overflow: hidden; cursor: default; display: block; padding: 15px 13px 14px; color: #333; height: 1%; text-transform: uppercase; } .jcf-select-standardCase .jcf-option { text-transform: none; } .jcf-list .jcf-disabled { background: #fff !important; color: #aaa !important; } .jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected { background: #e6e6e6; color: #000; } .jcf-disabled .jcf-select-text { color: #d8d8d8; } .sport-events { margin: 0 -10px; padding: 56px 0 31px; } .sport-events .sport-event-col { float: left; width: 50%; padding: 0 10px 34px; } .sport-events h3, .sport-events h2 { font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; padding: 0 0 26px; border-bottom: 1px solid #ddd; margin: 0 0 32px; text-transform: uppercase; } .sport-events .list-row { margin: 0 -10px; font-weight: bold; font-size: 0.914em; line-height: 1.172em; } .sport-events .list-row ul { text-transform: uppercase; width: 50%; float: left; padding: 0 10px; } .sport-events .list-row ul li { position: relative; padding: 0 0 14px 23px; } .sport-events .list-row a { color: #666; } .sport-events .list-row a:before { position: absolute; left: 0; top: 1px; width: 14px; height: 14px; background: #acacac; content: ""; } .sport-events .list-row a:after { position: absolute; left: 5px; top: 5px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #ffffff; content: ""; } .sport-events .list-row a:hover { color: #000; text-decoration: none; } .sport-events.mixed { padding-bottom: 47px; } .sport-events.mixed h3, .sport-events.mixed h2 { border-bottom-width: 0; } .sport-events.mixed .sport-event-col { width: 33.33%; } .sport-events.mixed .list-row ul { width: 100%; } .identity-card { margin-bottom: 50px; } .identity-card.grey-box { padding: 20px; background-color: #efefef; } .identity-card h3 { font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 15px; } .identity-card .label { float: left; width: 100px; font-weight: bold; } .identity-card p { margin: 0 0 5px; } .identity-card p.right { float: left; width: calc(100% - 100px); } .identity-card a { font-weight: bold; color: #0081c8; text-decoration: none; } .identity-card a:hover { color: black; text-decoration: underline; } .about-block { padding: 52px 0 59px; color: #333; } .about-block .sidebar { float: right; border: 1px solid #ddd; width: 338px; margin: 7px 2px 0 -100%; padding: 0 0 8px; } .about-block .sidebar p { margin: 0 0 23px; } .about-block .image { display: block; margin: 0 0 17px; } .about-block .image img { vertical-align: top; } .about-block .entry { padding: 0 19px; } .about-block .btn { display: block; font-weight: bold; color: #959595; border: 2px solid #acacac; margin: 0 0 10px; text-align: center; padding: 10px 5px; } .about-block .btn:hover { color: #000; text-decoration: none; border-color: #000; } .about-block .text-box { float: left; width: 100%; line-height: 2em; } .about-block .text-box .c1 { margin: 0 430px 0 0; } .about-block .text-box h2 { font: 2em/1.321em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 31px; } .about-block .text-box p { margin: 0 0 28px; } .about-block .btn-more { padding: 28px 0 0; } .about-block ~ .mosaic-box { padding-top: 76px; } .mobile-visible { display: none !important; } .sets-section { padding: 56px 0 77px; } .sets-section.first { padding-top: 93px; } .sets-section .heading { text-align: center; } .sets-section .heading h2 { color: #fff; float: none; text-align: center; } .sets-section .heading h1 { float: none; margin: 0 0 36px; font: 4em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase; } .sets-section.alt .heading { margin: 0 0 34px; } .sets-section .btn-more { margin: 0; color: #fff; font-weight: bold; } .sets-section.active .btn-more { display: none; } .sets-section .js-slide-hidden { width: 100% !important; } .sets-section .btn-box2 { display: inline-block; vertical-align: top; text-align: left; } .sets-section .btn-box2 > a { color: #fff; } .sets-section .btn-box2.active .popup-holder { left: auto; right: 0; } .sets-section .btn-box2.active .popup-box { right: -32px; margin-top: 19px; } .sets-section .btn-box2.active .popup-box:before { left: auto; right: 30px; } .sets-list { margin: 0 -10px; color: #999; } .sets-list > li { float: left; padding: 0 10px 77px; width: 33.33%; min-height: 367px; } .sets-list .img { display: block; margin: 0 0 20px; position: relative; min-height: 216px; } .sets-list .img img { width: 100%; height: auto; vertical-align: top; } .sets-list.video > li { min-height: 267px; } .sets-list.video .img { min-height: 140px; } .sets-list .news-topic-label { position: absolute; right: 0; top: 0; } .sets-list h2, .sets-list h3 { font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 6px; text-transform: uppercase; color: #fff; } .sets-list h2 a, .sets-list h3 a { text-decoration: none; color: #fff; } .sets-list h2 a:hover, .sets-list h3 a:hover { color: #0081c8; } .sets-list [class^="sss-"], .sets-list [class*=" sss-"] { font-size: 1.143em; margin-right: 3px; position: relative; top: 2px; } .sets-list .btn-play { top: 50%; margin-right: 0; position: absolute; width: 50px; height: 50px; margin: -24px 0 0 -24px; line-height: 50px; } .sets-list span { vertical-align: middle; } .sets-list .time { position: absolute; right: 0; bottom: 0; background: rgba(130, 130, 130, 0.5); color: #fff; font-weight: bold; width: 40px; padding: 3px 0; text-align: center; font-size: 0.914em; line-height: 1.094em; } .sets-list.video h2 { font-size: 1.336em; line-height: 1.283em; } .sets-list.video > li { padding-bottom: 49px; } .sets-list.video ~ .btn-more { margin-top: 0; padding: 21px 0; } .no-js-paging { text-align: center; padding: 15px 0 7px; } .no-js-paging ul { display: inline-block; vertical-align: top; font-size: 12.8px; line-height: 29px; font-weight: bold; color: #fff; } .no-js-paging ul li { float: left; min-width: 30px; margin: 0 4px; } .no-js-paging ul li:hover, .no-js-paging ul li.active { color: #fff; } .no-js-paging ul li:hover a, .no-js-paging ul li.active a { color: #fff; border: 1px solid #fff; line-height: 27px; } .no-js-paging ul a { display: block; color: #eee; text-decoration: none; height: 30px; } .no-js-paging .next, .no-js-paging .prev { line-height: 30px !important; border: 1px solid #fff; width: 30px; height: 30px; margin: 0 10px; } .pagination { text-align: center; padding: 15px 0 60px; } .pagination ul { display: inline-block; vertical-align: top; font-size: 12.8px; line-height: 29px; font-weight: bold; color: #333; } .pagination ul li { float: left; min-width: 30px; margin: 0 4px; } .pagination ul li:hover, .pagination ul li.active { color: #333; } .pagination ul li:hover a, .pagination ul li.active a { color: #333; border: 1px solid #ddd; line-height: 27px; } .pagination ul a { display: block; color: #999; text-decoration: none; height: 30px; } .pagination .next, .pagination .prev { line-height: 30px !important; border: 1px solid #ddd; width: 30px; height: 30px; margin: 0 10px; } .lightbox-holder { height: 0; overflow: hidden; position: relative; } .fancybox-bg { display: none; } #fancybox-right, #fancybox-left { display: none; width: 40px; height: 40px; top: 50%; margin: -20px 0 0; } #fancybox-right #fancybox-left-ico, #fancybox-left #fancybox-left-ico { left: 0 !important; } #fancybox-right #fancybox-right-ico, #fancybox-left #fancybox-right-ico { left: auto !important; right: 0; } #fancybox-right.visible, #fancybox-left.visible { display: block !important; } #fancybox-close { position: absolute; right: -54px; top: 0 !important; width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4); line-height: 31px; font-size: 32px; font-weight: bold; text-indent: -9999px; color: #fff; text-decoration: none; text-align: center; text-decoration: none !important; z-index: 1104; cursor: pointer; } #fancybox-close:after { border-radius: 50%; content: '\00d7'; text-indent: 0; height: 100%; width: 100%; color: #000; font-weight: normal; display: block; } #fancybox-right-ico { width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4); line-height: 31px; font-size: 14px; font-weight: bold; text-indent: -9999px; color: #fff; text-decoration: none; text-align: center; text-decoration: none !important; z-index: 1104; cursor: pointer; } #fancybox-right-ico:after, #fancybox-right-ico:before { position: absolute; left: 17px; top: 12px; height: 0; width: 0; border-top: 8px solid transparent; border-left: 10px solid #000; border-bottom: 8px solid transparent; content: ''; } #fancybox-right-ico:after { left: 16px; top: 14px; border-top: 6px solid transparent; border-left: 8px solid #fff; border-bottom: 6px solid transparent; } #fancybox-left-ico { width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4); line-height: 31px; font-size: 14px; font-weight: bold; text-indent: -9999px; color: #fff; text-decoration: none; text-align: center; text-decoration: none !important; z-index: 1104; cursor: pointer; } #fancybox-left-ico:after, #fancybox-left-ico:before { position: absolute; left: 14px; top: 12px; height: 0; width: 0; border-top: 8px solid transparent; border-right: 10px solid #000; border-bottom: 8px solid transparent; content: ''; } #fancybox-left-ico:after { left: 17px; top: 14px; border-top: 6px solid transparent; border-right: 8px solid #fff; border-bottom: 6px solid transparent; } #fancybox-outer, #fancybox-content, #fancybox-wrap { border: 0 !important; box-sizing: border-box; background: none; } #fancybox-wrap { padding: 0 100px; } #fancybox-outer { padding: 0; } #fancybox-content { width: 100% !important; } .gallery-lightbox { position: relative; } .gallery-lightbox .image { float: left; } .gallery-lightbox .image img { width: 100%; vertical-align: top; } .gallery-lightbox > ul { list-style: none; margin: 0; padding: 0; position: relative; } .gallery-lightbox > ul > li { left: 0; top: 0; width: 100%; position: absolute; } .gallery-lightbox > ul > li.active { z-index: 2; } .gallery-lightbox .text-box { float: right; width: 318px; margin: 35px 25px 0 0; text-align: left; line-height: 1.75em; position: relative; } .gallery-lightbox h2 { font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 26px; } .gallery-lightbox p { margin: 0 0 17px; } .gallery-lightbox .tags { margin: 0 0 21px; } .gallery-lightbox .tags strong { color: #666; text-transform: uppercase; font-size: 0.836em; } .gallery-lightbox .tags a { text-decoration: none; color: #666; } .gallery-lightbox .social-col { position: static; } .gallery-lightbox .news-topic-label { position: absolute; right: 0; top: 0; } .gallery-lightbox .label-photo { font-weight: normal; margin: 0 0 29px; border: 0; padding: 0; } .main-holder .main-video { padding: 30px 0; } .main-container .main-video { padding: 60px 0 60px; } .photovideo .main-video { padding: 90px 0; } .photovideo .main-video h2 { font: 2em/1.321em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0; text-transform: uppercase; color: #fff; } .photovideo .main-video h2 a { color: #fff; } .photovideo .main-video h2.grey { color: #8a8a8a !important; } .photovideo .main-video h2.grey a { color: #8a8a8a !important; } .main-video { padding: 60px 0 60px; } .main-video .heading { text-align: center; } .main-video .heading h1 { float: none; margin: 0 0 38px; font: 4em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase; } .main-video .label-photo { margin: 0; } .main-video .video { position: relative; margin: 0 0 20px; } .main-video .video .news-topic-label { position: absolute; right: 0; top: 0; } .main-video .video img { vertical-align: top; max-width: 100%; width: 100%; height: auto; display: block; } .main-video .video .time { position: absolute; right: 0; bottom: 0; background: rgba(130, 130, 130, 0.5); color: #fff; font-weight: bold; padding: 6px 10px 6px 12px; text-align: center; font-size: 1.143em; line-height: 1.125em; } .main-video h2 { font: 2em/1.321em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0; text-transform: uppercase; color: #333; } .main-video h2 a { color: #333; } .main-video h2.grey { color: #8a8a8a !important; } .main-video h2.grey a { color: #8a8a8a !important; } .main-video .time { position: absolute; right: 0; bottom: 0; background: rgba(130, 130, 130, 0.5); color: #fff; font-weight: bold; padding: 6px 10px 6px 12px; text-align: center; font-size: 1.143em; line-height: 1.125em; } .main-video .btn-play { width: 100px; height: 100px; margin: -50px 0 0 -50px; font-size: 28px; line-height: 103px; text-indent: 5px; } .main-video.alt { padding: 31px 0 51px; } .main-video.alt h2 { color: #000; } .main-video.alt h2 a { color: #000; } .main-video ~ .sets-section.first { padding-top: 56px; } .profile-sport-section { padding: 55px 0 0; } .profile-sport-section .heading { margin: 0; } .profile-sport-section .heading h2 { overflow: hidden; font: 3em/1.048em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0; display: inline-block; vertical-align: middle; float: none; } .profile-sport-section .heading .flag-box { display: inline-block; vertical-align: middle; margin: 0 27px 0 0; } .profile-sport-section .sport-events { padding-bottom: 0; } .profile-sport-section .sport-event-col { padding-bottom: 13px; } .profile-sport-section.last { padding-bottom: 60px; } .banner-home { position: relative; padding: 65px 0 95px; margin: 0 0 55px; overflow: hidden; } .banner-home .bg-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .banner-home.banner-image { margin: 0; padding: 130px 0 95px; min-height: 500px; } .banner-home.banner-image h1 { text-shadow: 0px 0px 100px #000000; } .banner-home.banner-image-large { margin: 0 0 60px; padding: 180px 0 95px; min-height: 600px; color: #fff; } .banner-home .text-box { max-width: 1103px; margin: 0 auto; padding: 0 15px; line-height: 1.75em; position: relative; color: #fff; } .banner-home .text-box.no-bg .holder { background: none; } .banner-home .text-box .holder { max-width: 370px; background: #000; background: rgba(0, 0, 0, 0.3); padding: 25px; } .banner-home .text-box.right .holder { margin-left: auto; } .banner-home .subtitle { display: block; margin: 0 0 12px; text-transform: uppercase; color: #63b330; font: 16px/19px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .banner-home .title { display: block; text-transform: uppercase; margin: 0 0 14px; font: 2em/1.125em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .banner-home .cta-link { width: auto; margin: 0; background: #000; background: rgba(0, 0, 0, 0.3); } .banner-home .cta-link:hover { background: rgba(0, 0, 0, 0.5); color: #fff; } .banner-home .cta-link.green { background: #63b330; } .banner-home .cta-link.green:hover { background: #4d8b25; } .banner-home.alt { margin: 0 0 -18px; padding: 232px 0 114px; } .banner-home.alt .title { font-size: 4em; line-height: 1.036em; text-transform: uppercase; margin: 0 0 34px; text-shadow: 0 0 100px black; } .banner-home.alt .text-box .holder { max-width: 420px; padding: 0 7px; } .banner-home.alt .cta-link { max-width: 356px; } .banner-home.alt ~ .banner-home.alt { margin-bottom: 0; } .banner-home.remove-margin { margin: 0; } .games-section { padding: 74px 15px 0; max-width: 1090px; margin: 0 auto; } .game-boxes { margin: 0 -10px; font-size: 0; line-height: 0; letter-spacing: -4px; padding: 28px 0 48px; } .game-boxes > li { display: inline-block; vertical-align: top; width: 25%; padding: 0 40px 50px; text-align: center; letter-spacing: 0; font: 17px/18px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #bababa; } .game-boxes a { text-decoration: none; color: #bababa; } .game-boxes a:hover { color: #000; } .game-boxes picture, .game-boxes .img { display: block; margin: 0 0 20px; } .game-boxes picture img, .game-boxes .img img { max-width: 100%; height: auto; } .photo-block { padding: 51px 0 85px; line-height: 1.75em; text-align: center; width: 100%; } .photo-block .image { position: relative; margin: 0 0 26px; max-width: 100%; display: inline-block; vertical-align: top; } .photo-block .image img { vertical-align: top; max-width: 100%; height: auto; } .photo-block .time { position: absolute; right: 0; bottom: 0; background: rgba(130, 130, 130, 0.5); color: #fff; font-weight: bold; padding: 6px 10px 6px 12px; text-align: center; font-size: 1.143em; line-height: 1.125em; } .photo-block .btn-play { width: 100px; height: 100px; margin: -50px 0 0 -50px; font-size: 28px; line-height: 103px; text-indent: 5px; } .photo-block .news-topic-label { position: absolute; right: 0; top: 0; margin: 0; } .photo-block .entry { position: relative; padding: 0 160px 0 0; color: #fff; text-align: left; } .photo-block h1 { text-transform: uppercase; color: #fff; font: 2em/1.321em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 22px; } .photo-block p { margin: 0 0 18px; } .photo-block .tags { color: #ddd; font-size: 0.914em; text-transform: uppercase; font-weight: bold; margin: 0 0 21px; } .photo-block .tags a { color: #ddd; } .photo-block .label-photo { font-size: 1em; text-transform: uppercase; font-weight: normal; border: 0 !important; margin: 0; } .photo-block .label-photo span { font-size: 1em; } .main-container { padding: 0 0 80px; } .main-container .content { float: left; width: 100%; } .main-container .content .c1 { margin: 0 360px 0 0; } .main-container .sidebar { float: right; width: 270px; margin: 0 0 0 -100%; } .main-container .heading { margin: 0 0 33px; } .main-container .heading h2 { margin-top: 4px; } .main-container.sidebar-left { padding: 0 0 66px; } .main-container.sidebar-left .sidebar { float: left; width: 340px; margin: 0 -100% 0 0; position: relative; } .main-container.sidebar-left .sidebar .related-list { margin-bottom: 39px; } .main-container.sidebar-left .sidebar .related-list > li { float: none; width: auto; } .main-container.sidebar-left .sidebar .related-list > li:last-child { display: list-item; } .main-container.sidebar-left .content .c1 { margin: 0 0 0 395px; } .main-container.alt { padding-bottom: 0; } .profile-block { line-height: 2.036em; } .profile-block .video { position: relative; margin: 0 0 60px; } .profile-block .video .news-topic-label { position: absolute; right: 0; top: 0; } .profile-block .video img { vertical-align: top; width: 100%; height: auto; } .profile-block .video .time { position: absolute; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.25); color: #fff; font-weight: bold; width: 40px; padding: 3px 0; text-align: center; font-size: 0.914em; line-height: 1.094em; } .profile-block .video .video-row { position: relative; margin: 0 0 29px; } .profile-block .video .title { display: block; text-transform: uppercase; font: 1.5em/1.333em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .profile-block h2 { text-transform: uppercase; font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .about-image-box { text-align: center; margin: 0 0 34px; } .about-image-box .image { display: inline-block; vertical-align: top; max-width: 100%; margin: 0 0 14px; } .about-image-box .image img { border-radius: 263px; vertical-align: top; } .about-image-box .profile-row { display: inline-block; vertical-align: top; } .about-image-box .profile-row .flag-image { margin: 5px 7px 0 0; } .about-image-box .name { display: block; font-size: 1.164em; line-height: 1.288em; color: #333; margin: 0 0 4px; } .profile-info-list { margin: 0 0 61px; font-size: 0.914em; line-height: 1.719em; text-transform: uppercase; color: #666; border-bottom: 1px solid #ddd; } .profile-info-list strong { color: #333; } .profile-info-list li { border-top: 1px solid #ddd; padding: 18px 0 19px; } .profile-info-list .profile-section { padding: 14px 0 10px; } .profile-info-list .profile-section .text-box { padding: 3px 0 0; font-size: 1em; } .profile-info-list .profile-section .name { font-weight: bold; margin: 0 0 7px; } .profile-info-list .profile-section .flag-image { margin: 3px 9px 0 0; } .members-form { margin: 0 0 41px; } .members-form label { display: block; text-transform: uppercase; font: 1.5em/1.095em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 16px; } .members-form .jcf-select { width: 100%; } .members-form .jcf-select-opener { right: 12px; } .calendar-form { float: right; } .calendar-form input[type="submit"] { float: right; width: 50px; height: 35px; background: #333; font: 1.336em/1.07em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; outline: none; cursor: pointer; border: 0; margin: 0 0 0 20px; padding: 0; color: #fff; text-transform: uppercase; } .calendar-form input[type="submit"]:hover { background: #ddd; } .calendar-form .jcf-select { float: right; width: 160px; height: 35px; margin: 0 0 0 21px; } .calendar-form .jcf-select .jcf-select-text { line-height: 34px; } .calendar-form .jcf-select .jcf-select-opener { top: 6px; } .searchFilterDrop { float: right; } .searchFilterDrop input[type="submit"] { float: right; width: 50px; height: 35px; background: #333; font: 1.336em/1.07em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; outline: none; cursor: pointer; border: 0; margin: 0 0 0 20px; padding: 0; color: #fff; text-transform: uppercase; } .searchFilterDrop input[type="submit"]:hover { background: #ddd; } .searchFilterDrop .selectDrop { display: inline-block; vertical-align: top; position: relative; border: 1px solid #ddd; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); background: #fff; float: left; width: 120px; height: 35px; margin: 10px 20px 10px 0px; font: 100% "HelveticaNeueW", Arial, Helvetica, sans-serif; color: #222; vertical-align: middle; } .searchFilterDrop .selectDrop.last { margin-right: 0px; } .events-list { border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: bold; margin: 0 0 34px; } .events-list > li { border-top: 1px solid #ddd; position: relative; padding: 22px 130px 23px 0; } .events-list .btn-calendar { position: absolute; right: 0; top: 50%; margin: -17px 0 0; font-size: 12.8px; line-height: 15px; font-weight: bold; color: #0081c8; border: 2px solid #0081c8; padding: 5px 5px 5px 28px; text-decoration: none !important; } .events-list .btn-calendar:after, .events-list .btn-calendar:before { position: absolute; left: 12px; top: 6px; content: ""; width: 2px; height: 12px; background: #0081c8; } .events-list .btn-calendar:after { left: 7px; width: 12px; height: 2px; top: 11px; } .events-list .time { display: block; font-size: 0.914em; line-height: 1.094em; color: #555; } .events-list h3 { text-transform: uppercase; color: #666; margin: 0 0 8px; } .events-list h3 a { color: #0081c8; text-decoration: none; } .events-list h3 a:hover { color: #0081c8; text-decoration: underline; } .events-list .country { display: block; color: #999; font-size: 0.914em; line-height: 1.094em; margin: 0 0 10px; } .paging { text-align: center; padding: 15px 0 7px; } .paging ul { display: inline-block; vertical-align: top; font-size: 12.8px; line-height: 29px; font-weight: bold; color: #999; } .paging ul li { float: left; min-width: 30px; margin: 0 3px 0 4px; } .paging ul li:hover, .paging ul li.active { color: #333; } .paging ul li:hover a, .paging ul li.active a { color: #333; border: 1px solid #ddd; line-height: 27px; } .paging ul a { display: block; color: #999; text-decoration: none; height: 30px; } .paging .next, .paging .prev { line-height: 30px !important; border: 1px solid #ddd; width: 30px; height: 30px; margin: 0 10px; color: #333; } .accordion { font-size: 12.8px; line-height: 15px; text-transform: uppercase; font-weight: bold; margin-bottom: 50px; } .accordion .link:before { position: absolute; right: 21px; top: 14px; font-family: 'Olympics'; content: "\e600"; font-size: 14px; line-height: 16px; } .accordion .link.link-external:before { position: absolute; right: 21px; top: 14px; font-family: 'Olympics'; content: "\e607"; font-size: 14px; line-height: 16px; } .accordion .link-active span { padding-right: 15px; position: relative; } .accordion .link-active span:before { width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #0082c8; position: absolute; right: 0; bottom: 4px; content: ""; } .accordion > li.active > .opener:after { display: none; content: " "; } .accordion .link { text-decoration: none; color: #fff; padding: 14px 12px 15px; position: relative; display: block; } .accordion li a { outline: none; } .accordion li > a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .accordion li > .opener { display: block; text-decoration: none; color: #fff; padding: 14px 45px 15px 12px; position: relative; } .accordion li > .opener:after, .accordion li > .opener:before { position: absolute; right: 23px; top: 50%; overflow: hidden; text-indent: -9999px; content: ""; width: 12px; height: 2px; background: #fff; } .accordion li > .opener:after { width: 2px; height: 12px; right: 28px; top: calc(50% - 5px); } .accordion li > ul { border: 1px solid #ddd; border-bottom: 0; padding: 8px 0; background-color: #fff; } .accordion li > ul .opener { display: block; color: #333; position: relative; margin: -1px 0 0; padding: 8px 45px 8px 15px; background: #fff; } .accordion li > ul .opener:after, .accordion li > ul .opener:before { position: absolute; right: 23px; top: 50%; margin: -2px 0 0; overflow: hidden; text-indent: -9999px; content: ""; width: 12px; height: 2px; background: #acacac; } .accordion li > ul .opener:after { width: 2px; height: 12px; right: 28px; top: calc(50% - 5px); } .accordion li > ul li.active > .opener:after { display: none; content: " "; } .accordion li > ul a { padding: 8px 15px; display: block; border: 0; background: #fff; } .accordion li > ul li { margin: 0; background: #fff; } .accordion li > ul ul { border: 0; margin-bottom: -1px; padding: 0; } .accordion li > ul ul a { padding-left: 32px; } .accordion li > ul ul .opener { padding-left: 32px; } .accordion li > ul ul .opener span:before { left: 31px; } .accordion li > ul ul ul a { padding-left: 49px; } .accordion li > ul ul ul .opener { padding-left: 49px; } .accordion li > ul ul ul .opener span:before { left: 49px; } .accordion li > ul ul ul ul a { padding-left: 64px; } .accordion li > ul ul ul ul .opener { padding-left: 64px; } .accordion li > ul ul ul ul .opener span:before { left: 64px; } .accordion li > ul ul ul ul ul a { padding-left: 81px; } .accordion li > ul ul ul ul ul .opener { padding-left: 81px; } .accordion li > ul ul ul ul ul .opener span:before { left: 79px; } .accordion li > ul ul ul ul ul ul a { padding-left: 98px; } .accordion li.active > .opener.after { display: none; content: " "; } .accordion > li:last-child { border-bottom: 1px solid #ddd; } .accordion.greenbanner .link-active span:before { border-color: transparent transparent transparent #00a651; } .accordion.greenbanner li > ul .opener span:before { border-color: transparent transparent transparent #00a651; } .accordion.greenbanner li > ul li.active > .opener span:before { border-color: transparent transparent #00a651 transparent; } .accordion.greenbanner li > ul a:hover { color: #00a651; } .accordion.bluebanner .link-active span:before { border-color: transparent transparent transparent #0081c8; } .accordion.bluebanner li > ul .opener span:before { border-color: transparent transparent transparent #0081c8; } .accordion.bluebanner li > ul li.active > .opener span:before { border-color: transparent transparent #0081c8 transparent; } .accordion.bluebanner li > ul a:hover { color: #0081c8; } .accordion.redbanner .link-active span:before { border-color: transparent transparent transparent #ed1941; } .accordion.redbanner li > ul .opener span:before { border-color: transparent transparent transparent #ed1941; } .accordion.redbanner li > ul li.active > .opener span:before { border-color: transparent transparent #ed1941 transparent; } .accordion.redbanner li > ul a:hover { color: #ed1941; } .accordion.yellowbanner .link-active span:before { border-color: transparent transparent transparent #fcb131; } .accordion.yellowbanner li > ul .opener span:before { border-color: transparent transparent transparent #fcb131; } .accordion.yellowbanner li > ul li.active > .opener span:before { border-color: transparent transparent #fcb131 transparent; } .accordion.yellowbanner li > ul a:hover { color: #fcb131; } .table-row { padding: 0 0 78px; } .table-row .heading { margin: 0 0 15px; } .note-box { line-height: 2em; margin: -10px 0 0; padding: 0 0 56px; } .table5 { table-layout: fixed; margin: 0 0 28px; border-collapse: collapse; width: 100%; color: #999; } .table5 td, .table5 th { border-bottom: 1px solid #ddd; padding: 16px 0 16px; vertical-align: middle; text-align: left; } .table5 th { font-size: 0.914em; line-height: 1.172em; color: #999; text-transform: uppercase; font-weight: bold; padding: 17px 0 17px; } .table5 .col1 { padding-left: 7px; width: 120px; } .table5 .col3, .table5 .col4 { width: 120px; } .table5 .flag-image { margin: 5px 10px 0 5px; } .table5 .profile-section { padding: 0 0 0 3px; } .table5 .profile-section .name { font-weight: bold; } .table5 .profile-section .text-box { padding: 15px 0 0 3px; } .tablesorter .tablesorter-header { cursor: pointer; color: #333; position: relative; } .tablesorter .sorter-false { cursor: default; color: #999; } .tablesorter .tablesorter-headerDesc:after { font-size: 11.7px; font-family: 'Olympics'; content: "\e601"; top: 17px; right: 18px; position: absolute; z-index: 1; pointer-events: none; } .tablesorter .tablesorter-headerAsc:after { font-size: 11.7px; font-family: 'Olympics'; content: "\e603"; top: 17px; right: 18px; position: absolute; z-index: 1; pointer-events: none; } .events-box { padding: 63px 0 40px; } .events-box h2 { font: 1.5em/1.095em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 17px; text-transform: uppercase; } .events-box .more-link { display: block; font-weight: bold; font-size: 0.914em; text-align: right; } .events-box .more-link a { color: #acacac; } .events-row { border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: bold; margin: 0 0 14px; } .events-row li { border-top: 1px solid #ddd; position: relative; padding: 16px 0 16px 51px; } .events-row .link { position: absolute; overflow: hidden; text-indent: -9999px; width: 24px; height: 24px; left: 10px; top: 50%; padding: 0; margin: -35px 0 0; font-weight: bold; border: 2px solid #0081c8; } .events-row .link:after, .events-row .link:before { position: absolute; left: 9px; top: 4px; content: ""; width: 2px; height: 12px; background: #0081c8; } .events-row .link:after { width: 12px; height: 2px; top: 9px; left: 4px; } .events-row .time { display: block; font-size: 0.836em; line-height: 1.111em; color: #555; } .events-row h3 { text-transform: uppercase; color: #666; margin: 0 0 9px; font-size: 0.914em; line-height: 1.406em; } .events-row h3 a { color: #0081c8; } .events-row h3 a:hover { color: #0081c8; text-decoration: underline; } .events-row .country { display: block; color: #999; font-size: 0.836em; line-height: 1.111em; margin: 0 0 5px; } .lightbox-article { position: relative; overflow: hidden; padding: 0 318px 0 0; } .lightbox-article .image, .lightbox-article .video { display: table; overflow: hidden; background: #000; position: relative; cursor: pointer; } .lightbox-article .image .holder, .lightbox-article .video .holder { display: table-cell; vertical-align: middle; } .lightbox-article .image img, .lightbox-article .video img { width: 100%; vertical-align: top; } .lightbox-article .image iframe, .lightbox-article .video iframe { width: 100%; height: 100%; position: absolute; margin: 0; left: 0; top: 0; right: 0; bottom: 0; } .lightbox-article .image #videoPlayer_wrapper, .lightbox-article .image #videoPlayer, .lightbox-article .video #videoPlayer_wrapper, .lightbox-article .video #videoPlayer { width: 100% !important; height: 100% !important; position: absolute !important; margin: 0; left: 0; top: 0; right: 0; bottom: 0; } .lightbox-article > ul { list-style: none; margin: 0; padding: 0; position: relative; } .lightbox-article > ul > li { left: 0; top: 0; width: 100%; position: absolute; } .lightbox-article > ul > li.active { z-index: 2; } .lightbox-article .text-box { position: absolute; top: 0; right: 0; width: 318px; margin: 0; padding: 35px 25px; text-align: left; line-height: 1.75em; background: #fff; } .lightbox-article h2 { font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 26px; } .lightbox-article p { margin: 0px; } .lightbox-article .tags { margin: 20px 0 20px; line-height: 1.4; } .lightbox-article .tags strong { color: #666; text-transform: uppercase; font-size: 0.836em; } .lightbox-article .tags a { text-decoration: none; color: #666; } .lightbox-article .tags a:hover { text-decoration: underline; color: #333; } .lightbox-article .social-col { position: static; } .lightbox-article .news-topic-label { position: absolute; right: 0; top: 0; } .lightbox-article .label-photo { font-weight: normal; margin: 0 0 29px; border: 0; padding: 0; display: block; } .text-cols { column-count: 2; column-gap: 90px; color: #333; font-size: 1.286em; line-height: 1.667em; margin: 0 0 20px; } .add-text-section { color: #fff; line-height: 1.75em; margin: 0 0 20px; } .add-text-section .text-col { float: left; padding: 0 20px 0 0; width: 360px; } .add-text-section .text-col.alignright { float: right; padding: 0 0 0 20px; } .add-text-section .text-col .text-holder { position: relative; padding: 30px 30px 40px; background: #000; } .add-text-section h2 { text-transform: uppercase; font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 13px; color: #fff; } .add-text-section p { margin: 0 0 26px; } .add-text-section .text-box { overflow: hidden; position: relative; } .add-text-section .text-box .text { padding: 39px 34px 43px; max-width: 360px; position: relative; } .add-text-section .text-box .text.alignright { margin: 0 0 0 auto; } .add-text-section .image { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .add-text-section .image img { vertical-align: top; } .add-text-section.alt { font-size: 1.164em; line-height: 1.75em; } .add-text-section.alt .text-col { padding-right: 0; width: 340px; } .add-text-section.alt .text-col .text-holder { padding-bottom: 4px; min-height: 340px; } .add-text-section.alt h2 { font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .add-text-section2 { padding: 30px 30px 31px; line-height: 1.75em; background: #ddd; color: #333; margin: 0 0 20px; } .add-text-section2 .image { float: right; margin: 0 0 0 45px; } .add-text-section2 .image.alignleft { float: left; margin: 0 45px 0 0; } .add-text-section2 .image img { vertical-align: top; } .add-text-section2 h2 { text-transform: uppercase; font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 13px; } .add-text-section2 .text-box { overflow: hidden; padding: 13px 0 0; } .add-text-section2 p { margin: 0 0 22px; } .add-btn { display: inline-block; vertical-align: top; border: 2px solid #acacac; font-weight: bold; color: #acacac; min-width: 180px; text-align: center; padding: 8px 10px; text-decoration: none !important; font-size: 14px; line-height: 24.5px; } .add-btn:hover { color: #494949; border: 2px solid #494949; } .add-btn.green { border-color: #00a651; color: #00a651; } .add-btn.green:hover { color: #fff; background-color: #00a651; } .add-btn.blue { color: #0081c8; border-color: #0081c8; } .add-btn.blue:hover { color: #fff; background-color: #0081c8; } .add-btn.red { color: #ed1941; border-color: #ed1941; } .add-btn.red:hover { color: #fff; background-color: #ed1941; } .add-btn.white { color: #fff; border-color: #fff; } .add-btn.white:hover { opacity: 0.7; } .add-btn i { margin: 0 10px; font-size: 17px; line-height: 23px; vertical-align: top; } .greenbanner .add-btn, .redbanner .add-btn, .bluebanner .add-btn, .yellowbanner .add-btn, .greybanner .add-btn, .nav-ioc .add-btn { color: #fff; border-color: #fff; } .greenbanner .add-btn:hover, .redbanner .add-btn:hover, .bluebanner .add-btn:hover, .yellowbanner .add-btn:hover, .greybanner .add-btn:hover, .nav-ioc .add-btn:hover { opacity: 0.7; } .add-text-section3 { color: #fff; font-size: 1.164em; line-height: 1.75em; margin: 0 0 20px; position: relative; overflow: hidden; min-height: 635px; } .add-text-section3 .text-box { max-width: 340px; padding: 40px 30px 38px; position: relative; z-index: 2; } .add-text-section3 .text-box .add-btn { color: #fff; border-color: #fff; } .add-text-section3 .text-box .add-btn:hover { opacity: 0.7; } .add-text-section3 h2 { text-transform: uppercase; font: 1.718em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 10px; } .add-text-section3 p { margin: 0 0 24px; } .add-text-section3 .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .add-text-section3 .image img { vertical-align: top; } .add-text-section4 { color: #fff; line-height: 1.75em; margin: 0 0 40px; position: relative; overflow: hidden; } .add-text-section4 .text-box { max-width: 340px; padding: 40px 30px 43px; position: relative; z-index: 2; float: left; } .add-text-section4 .image-area { overflow: hidden; position: relative; } .add-text-section4 h2 { text-transform: uppercase; font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 14px; } .add-text-section4 p { margin: 0 0 25px; } .add-text-section4 .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .add-text-section4 .image img { vertical-align: top; } .post-row { overflow: hidden; border: 1px solid #ddd; line-height: 1.75em; padding: 29px 30px 30px 38px; color: #333; margin: 0 0 20px; } .post-row .image { float: right; margin: 0 0 0 70px; } .post-row .image.alignleft { float: left; margin: 0 70px 0 0; } .post-row .image img { vertical-align: top; } .post-row .text-box { overflow: hidden; padding: 12px 0 0; } .post-row h2 { text-transform: uppercase; font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 13px; } .post-row h2 a { color: #333; } .post-row p { margin: 0 0 23px; } .info-boxes { padding: 23px 0 1px; } .info-boxes-row { margin: 0 -10px; } .info-boxes-row .box { float: left; width: 33.33%; padding: 0 10px 20px; line-height: 1.75em; } .info-boxes-row .box .box-holder { border: 1px solid #ddd; } .info-boxes-row .box .box-holder.white-text { color: #fff; } .info-boxes-row .box .box-holder.white-text h3 { color: #fff; } .info-boxes-row .box .box-holder.white-text h3 a { color: #fff; } .info-boxes-row .box .image { display: block; position: relative; margin: -1px -1px 0; } .info-boxes-row .box .image img { vertical-align: top; width: 100%; height: auto; } .info-boxes-row .box .image .news-topic-label { position: absolute; right: 0; top: 0; } .info-boxes-row .box .entry { padding: 29px 29px 40px; } .info-boxes-row .box h3 { font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 14px; } .info-boxes-row .box p { margin: 0 0 25px; } .add-boxes { margin: 0 -10px; font-size: 0; line-height: 0; letter-spacing: -4px; color: #333; } .add-boxes .box { display: inline-block; vertical-align: top; width: 33.33%; letter-spacing: 0; font-size: 12.8px; line-height: 21px; padding: 0 10px; margin: 0 0 27px; text-transform: uppercase; } .add-boxes .box .box-holder { border: 1px solid #ddd; } .add-boxes .image { display: block; margin: -1px -1px 0; } .add-boxes .image img { vertical-align: top; width: 100%; height: auto; } .add-boxes .entry { padding: 31px 30px 5px; } .add-boxes h2, .add-boxes h3 { text-transform: uppercase; font: 1.914em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 30px; } .add-boxes ul { font-weight: bold; } .add-boxes ul li { border-top: 1px solid #ddd; } .add-boxes ul a { color: #666; display: block; padding: 12px 0 15px; } .links-cols { margin: 0 -10px; } .links-cols .links-col { float: left; width: 25%; padding: 0 10px 60px; } .links-cols h2, .links-cols h3 { text-transform: uppercase; font: 1.5em/1.095em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 20px; } .links-cols ul { font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ddd; } .links-cols ul li { border-top: 1px solid #ddd; } .links-cols ul a { color: #666; display: block; padding: 12px 0 15px; } .post-boxes { margin: 0 -10px; font-size: 0; line-height: 0; letter-spacing: -4px; color: #333; } .post-boxes .box { display: inline-block; vertical-align: top; font-size: 14px; width: 33.33%; line-height: 24.5px; padding: 0 10px; margin: 0 0 27px; letter-spacing: 0; } .post-boxes .box .box-holder { border: 1px solid #ddd; position: relative; background: #fff; } .post-boxes .image { display: block; margin: -1px -1px 0; position: relative; } .post-boxes .image img { vertical-align: top; width: 100%; height: auto; } .post-boxes .entry { padding: 29px 29px 74px; } .post-boxes .slide { width: 100%; overflow: hidden; position: relative; } .post-boxes h2, .post-boxes h3 { text-transform: uppercase; font: 1.75em/1em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 16px; } .post-boxes .meta { color: #acacac; font-size: 0.836em; font-weight: bold; text-transform: uppercase; } .post-boxes .meta a { color: #acacac; } .post-boxes .meta span { margin: 0 3px; } .post-boxes p { margin: 0 0 32px; } .post-boxes .add-btn { position: absolute; bottom: 29px; } .post-boxes .news-topic-label { position: absolute; right: 0; top: 0; z-index: 2; } .post-boxes .btn-more { font-size: 14px; letter-spacing: 0; } .sponsors-list { text-align: center; } .sponsors-list li { display: inline-block; vertical-align: middle; margin: 0 34px 30px; min-width: 140px; } .sponsors-list img { vertical-align: middle; } .sponsors-list.first { margin-top: 0; } .main-text-box { padding: 0 0 59px; } .main-text-box .main-video { padding: 0; margin: 0 0 56px; } .main-text-box .text-container .content { float: left; width: 100%; color: #333; line-height: 2em; } .main-text-box .text-container .content .c1 { margin: 0 440px 0 0; } .main-text-box .text-container .aside { float: right; width: 340px; margin: 10px 0 0 -100%; } .main-text-box .text-post { padding: 0; max-width: 710px; margin-bottom: 0; } .main-text-box .text-post h2 { font-size: 2em; line-height: 1.5em; margin: 0 0 18px; } .report-section { padding: 60px 0 38px; } .report-section .heading { margin-bottom: 41px; } .report-section + .report-section { padding-top: 15px; } .holder-section { padding: 0 0 70px; } .holder-section .heading { margin-bottom: 41px; } .reports-list > li { border: 1px solid #ddd; margin: 0 0 22px; } .reports-list > li.active .opener:after { display: none; } .reports-list .opener { display: block; position: relative; padding: 21px 50px 21px 20px; text-decoration: none; font-weight: bold; text-transform: uppercase; color: #666; } .reports-list .opener:hover { color: #0081c8; } .reports-list .opener:after, .reports-list .opener:before { position: absolute; right: 24px; top: 30px; overflow: hidden; text-indent: -9999px; content: ""; width: 17px; height: 3px; background: #b2b2b2; } .reports-list .opener:after { width: 3px; height: 17px; right: 31px; top: 22px; } .reports-list .opener .line { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; } .reports-list .slide { width: 100%; overflow: hidden; position: relative; } .reports > li { border-top: 1px solid #ddd; padding: 25px 23px 28px 20px; } .reports .image { float: left; margin: 0 21px 0 9px; } .reports .image img { vertical-align: top; } .reports .text-box { overflow: hidden; padding: 1px 0 0; } .reports h3 { font-weight: bold; text-transform: uppercase; font-size: 1em; line-height: 1.143em; color: #0081c8; margin: 0 0 7px; } .reports h3 a { text-decoration: none; } .reports h3 a:hover { text-decoration: underline; } .reports .meta { color: #acacac; font-size: 0.836em; font-weight: bold; text-transform: uppercase; } .reports .meta a { color: #acacac; } .reports .meta .pipe { margin: 0 3px; } .reports .meta .mobile-hide { margin: 0; } .reports .add-btn { position: absolute; right: 0; top: 3px; min-width: 160px; padding: 3px 5px; } .reports .text-meta { position: relative; padding: 0 170px 0 0; } .reports .text { color: #333; clear: both; padding: 18px 0 0; } .links-section { text-align: center; padding: 32px 0 19px; } .links-section > ul { font-size: 0.914em; line-height: 1.172em; text-transform: uppercase; font-weight: bold; } .links-section > ul > li { display: inline-block; vertical-align: top; padding: 0 17px 11px; position: relative; } .links-section > ul > li:before { position: absolute; left: -2px; top: 3px; overflow: hidden; text-indent: -9999px; height: 12px; background: #c3c3c3; content: ""; width: 2px; } .links-section > ul > li.active .btn-open, .links-section > ul > li.active > a { color: #333; } .links-section > ul > li .btn-open, .links-section > ul > li > a { color: #999; text-decoration: none; } .links-section > ul > li .btn-open:hover, .links-section > ul > li > a:hover { color: #333; text-decoration: none; } .links-section > ul > li:first-child:before { display: none; } .links-section .btn-box2 .popup-box { margin-top: 13px; } .links-section .btn-box2 .popup-box:before { left: auto; right: 35px; } .links-section .btn-box2 .popup-box a { color: #999; } .links-section .btn-box2 .popup-box .active > a { color: #333; } .links-section .btn-box2.active .popup-holder { text-align: left; left: -152px; } .links-section .btn-box2 ul li a { padding: 11px 13px 11px; } .links-section .btn-box2 ul li a:hover { color: #333; } .data-section { margin: 0 0 93px; } .data-section .link-drop { float: right; } .data-section .link-drop .opener { color: #999; } .data-section .link-drop .popup { background-color: #f4f4f4; border-color: #f4f4f4; margin: 0 0 0 -255px; } .data-section .link-drop .popup:before { left: 78%; } .data-section .calendar-form .jcf-select { float: left; width: 120px; margin: 10px 20px 10px 0px; } .data-section .calendar-form .jcf-select.jcf-select-last { margin-right: 0px; } .data-section .related-list > li { margin-bottom: 49px; } .data-section .boxes .box { padding-bottom: 35px; } .data-section .games-list { padding: 0; } .data-list-meta { font-weight: bold; color: #999; font-size: 0.914em; padding: 48px 0 19px; margin: 0 0 47px; text-transform: uppercase; } .data-list-meta a { color: #999; } .data-list-meta a:hover { color: #333; } .data-list-meta .txt { float: left; } .data-list-meta .link { float: right; text-decoration: none; } .data-list-meta .links-holder { color: #333; margin: 0 0 -11px; } .data-list-meta .links-holder > ul { text-transform: uppercase; font-weight: bold; } .data-list-meta .links-holder > ul > li { display: inline-block; vertical-align: top; padding: 0 7px 11px; position: relative; } .data-list-meta .links-holder > ul > li:before { position: absolute; left: -2px; top: 5px; overflow: hidden; text-indent: -9999px; height: 14px; background: #c3c3c3; content: ""; width: 2px; } .data-list-meta .links-holder > ul > li > a { color: #999; text-decoration: none; } .data-list-meta .links-holder > ul > li > a:hover { color: #333; text-decoration: none; } .data-list-meta .links-holder > ul > li:first-child:before { display: none; } .data-list-meta ~ .data-list { margin-top: -47px; } .data-list { color: #333; line-height: 1.286em; margin: 0 0 40px; border-top: 1px solid #ddd; } .data-list > li { border-bottom: 1px solid #ddd; padding: 26px 1px 20px; } .data-list .image-hold { position: relative; float: left; width: 124px; margin: 0 -100% 0 0; text-align: center; z-index: 2; } .data-list .image-hold .image { display: inline-block; vertical-align: top; max-width: 100%; text-align: left; position: relative; } .data-list .image-hold .image .time { position: absolute; right: 0; bottom: 0; background: rgba(130, 130, 130, 0.5); color: #fff; font-weight: bold; min-width: 37px; padding: 3px 0; text-align: center; font-size: 0.786em; line-height: 1.094em; } .data-list .image-hold .image .masksquare { border-radius: 0; } .data-list .image-hold .image .masksquare:after, .data-list .image-hold .image .masksquare:before { border-radius: 0; } .data-list .image-hold img { vertical-align: top; max-width: 100%; height: auto; } .data-list .image-hold .circle img { border-radius: 50%; } .data-list .image-hold .circle .mask { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .data-list .image-hold .circle .mask:after, .data-list .image-hold .circle .mask:before { border-radius: 50%; } .data-list .btn-play { width: 35px; height: 35px; margin: -17px 0 0 -19px; font-size: 11px; line-height: 35px; border-width: 1px; cursor: pointer; } .data-list .profile-row { display: inline; } .data-list .flag-image { margin: 2px 7px 0 0; } .data-list .mask { box-shadow: rgba(0, 0, 0, 0.4) 0 0 1px inset; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; } .data-list .text-box { overflow: hidden; position: relative; padding: 0 0 0 154px; } .data-list .text-box .description { margin-bottom: 8px; } .data-list .meta { text-transform: uppercase; font-size: 0.914em; line-height: 1.172em; color: #acacac; font-weight: bold; margin: 0 0 8px; } .data-list .meta .sep { margin: 0 4px; } .data-list .meta a { color: #acacac; text-decoration: none; } .data-list .meta a:hover { color: #333; } .data-list h2 { color: #333; font-size: 1.171em; line-height: 1.098em; margin: 0 0 13px; } .data-list h2 a { color: #333; text-decoration: none; } .data-list h2 a:hover { color: #0081c8; } .data-list .add-btn { position: absolute; bottom: 31px; right: 34px; min-width: 160px; } .data-list.documents .text-box { padding-right: 220px; } .banner-info { max-width: 680px; margin: 0 auto; padding: 30px 35px; position: relative; z-index: 2; text-align: center; min-height: 385px; color: #fff; font-size: 1.5em; line-height: 1.19em; } .banner-info .img { display: block; margin: 0 0 -19px; } .banner-info .img img { vertical-align: top; } .banner-info h1 { font: 3.256em/1.024em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 14px; text-transform: uppercase; } .txt-note { text-transform: uppercase; font: 1.336em/1.307em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 56px; } .txt-note ~ .search-box { margin-bottom: 59px; } .links-list { border: 1px solid #ddd; border-top-width: 0; margin: 0 0 60px; } .links-list > li { border-top: 1px solid #ddd; } .links-list > li > a { display: block; padding: 22px 31px 20px 21px; text-decoration: none; color: #666; font-weight: bold; text-transform: uppercase; position: relative; } .links-list > li > a:hover { color: #0081c8; } .links-list > li > a:hover i, .links-list > li > a:hover mark { color: #0081c8; } .links-list > li > a mark { background: none; color: #999; } .links-list > li > a i { position: absolute; right: 13px; top: 50%; margin: -10px 0 0; color: #acacac; font-size: 18px; line-height: 20px; } .sub-sections { font-size: 0.914em; line-height: 1.641em; text-transform: uppercase; font-weight: bold; margin: 0 -10px; } .sub-sections > li { float: left; width: 25%; padding: 0 10px 20px; } .sub-sections > li > a { display: table; height: 280px; border: 2px solid #ddd; table-layout: fixed; width: 100%; text-decoration: none; color: #999; } .sub-sections > li > a:hover { background: #0081c8; border-color: #0081c8; color: #fff; } .sub-sections > li > a:hover .title { color: #fff; } .sub-sections .hold { display: table-cell; vertical-align: middle; text-align: center; width: 100%; padding: 0 30px; } .sub-sections .title { display: block; color: #333; font: 1.914em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .selects-box h2 { color: #333; text-transform: uppercase; font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 18px; } .selects-box select, .selects-box .jcf-select { width: 100%; } .selects-box .jcf-select { height: 35px; margin: 0 0 15px; } .selects-box .jcf-select .jcf-select-text { font-size: 12px; line-height: 34px; } .selects-box .jcf-select .jcf-select-opener { top: 6px; } .jcf-select-alt-select .jcf-option { padding: 8px 15px; font-size: 12px; } .links-boxes-alt { margin: 0 -10px 44px; text-transform: uppercase; font-weight: bold; font-size: 0; line-height: 0; letter-spacing: -4px; } .links-boxes-alt .title { display: block; font: 1.615em/1.095em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase; padding: 0 0 19px; border-bottom: 1px solid #ddd; } .links-boxes-alt .box { width: 25%; display: inline-block; vertical-align: top; padding: 0 10px 20px; letter-spacing: 0; font-size: 13px; line-height: 21px; } .links-boxes-alt ul li { border-bottom: 1px solid #ddd; } .links-boxes-alt ul a { color: #666; display: block; padding: 13px 0 14px; text-decoration: none; } .links-boxes-alt ul a:hover { color: #000; } .events-section .note-txt { line-height: 2em; } @media print { .logo2 { float: left; margin: 0 28px 10px 1px; } .logo2 img { vertical-align: top; } img { border-style: none; } a { color: #000; text-decoration: none; outline: none; } input, textarea, select { font: 100% arial,sans-serif; vertical-align: middle; color: #000; outline: none; } textarea { overflow: auto; resize: vertical; vertical-align: top; } form, fieldset { margin: 0; padding: 0; border-style: none; } body { color: #000; } .main-video, .links-boxes-alt, .selects-box, .btn-box2, .no-js-paging, .results-box, .carousel-athletes, .banner-gallery, .banner-box .btn-prev, .banner-box .btn-next, hr, .add-videos, .section-links, .search-box, .accessibility, .nav-box, .social-links, #header .link, .breadcrumbs, .profiles-list, .add-row, .sign-form, #footer .section, .info-col:before, .nav-opener, .id-card .frame > ul li:before, .id-card .frame > ul:before, .table .last, .table2 .last, .table .image, .table2 .image, .mosaic-box, .add-links, .btn-more, .table2 .label, .icons-list, .table2 .profile-row, .table .td.last2, .table2 .td.last2, .profile-row .flag-image, .cta-banner, .reviews, .cta-social, .paging, .events-list .btn-calendar, .calendar-form, .id-card, .cta-carousel-news, .results .table2 + .btn-more, .games-box, .sponsors-list, .print-hide, .add-boxes, .tabset-box, .accordion, .links-cols, .data-list-meta .link, .links-section, .sub-sections, .data-list-meta .links-holder, .social-col, .form { display: none; } .add-text { text-align: center; } .add-text .logo2 { margin: 0 0 10px; float: none; } #header .section { padding: 0; } .post-box, body .related-posts, .featured .main-holder, #main, .main { margin: 0; padding: 0; max-width: 100% !important; } .holder { max-width: 100% !important; } .featured .image-box, .image-box { display: block; margin: 0 0 20px; max-width: 100%; padding: 0; } .featured .image-box img, .image-box img { width: 100%; height: auto; } .featured .image-box .news-topic-label, .image-box .news-topic-label { right: 0; padding: 10px 15px; top: 0; color: #fff; background: #000 !important; } .featured .image-box .label-photo, .image-box .label-photo { margin: 10px 0 20px; } .logo { margin: 20px 0; text-align: center; float: none; } .news-topic-label { background: none; color: #000; padding: 0; display: block; } .post-box blockquote { margin: 0 0 20px; padding: 0; } .post-box .image { display: block; margin: 0 0 20px; } .post-box .image .news-topic-label { display: block; position: absolute; right: 0; top: 0; padding: 10px 15px; color: #fff; background: #000 !important; } .post-box .image img { width: 100%; height: auto; vertical-align: top; } .post-box .news-topic-label { display: none !important; } .post-box blockquote { margin: 0 0 20px; padding: 0; color: #000; display: inline-block; width: 100%; vertical-align: top; } .info-col { text-transform: uppercase; position: static; width: auto; } .info-col dl { margin: 0 0 10px; width: auto; } .info-col dl dt { display: inline; line-height: 15px; } .info-col dl dt + dt { display: none; } .info-col dl dd { display: inline; margin: 0 10px 0 0; } .info-col dl dd + dd { display: none; } .info-col a { color: #666; text-decoration: none; } .info-col a:hover { text-decoration: underline; } .related-posts { margin: 0; border: 0; padding: 74px 0 85px; } .boxes .box { margin: 0 0 20px; float: none; width: auto; height: auto !important; } .boxes .image { display: block; margin: 0 0 16px; position: relative; } .boxes .image img { width: 100%; height: auto; vertical-align: top; } .boxes h2 a { text-decoration: none; } .boxes .news-topic-label { position: absolute; right: 0; top: 0; } .profiles { padding: 0; background: none; text-align: center; margin: 0; } .profiles .variable-height { min-height: 300px; } .id-card { background: none !important; color: #000; padding: 0 0 20px; margin: 0 !important; } .id-card .title { color: #000; } .id-card .frame > ul > li { width: 100% !important; float: none; } .related-posts, .boxes.alt { overflow: visible; margin: 0; } .boxes .box { padding-bottom: 10px; } .boxes.alt .box { width: 100%; overflow: visible; float: none; padding: 0 0 10px; } .profile-box { margin-bottom: 0; } .related, .table, .table2, .results { padding: 20px 0; margin: 0; border: 0; } .table .col2, .table2 .col2 { width: 25%; } .table .col3, .table2 .col3 { width: 20%; } .results, .text-post { clear: both; display: inline-block; vertical-align: top; width: 100%; max-width: 100%; } .tabs-section.alt .text-post { display: block; } .results { padding-bottom: 90px; } .profiles.alt { border: 0; padding: 0; } .link-drop .opener i { display: none; } .link-drop .popup { margin: 0; text-align: center; display: block !important; border: 0; background: none; box-shadow: none; padding: 0; position: static; width: auto; } .link-drop .popup:before, .link-drop .popup:after { display: none; } .banner-box { background: none; color: #000; } .banner-box h1 { color: #000; } .banner-box .holder { padding: 0; min-height: 0; } .countries { margin: 0; text-align: center; } .countries .flag-box { display: none; } .countries .box { float: none; display: inline-block; vertical-align: top; margin: 0 10px 20px; min-height: 0; height: auto !important; } .countries .box > a { display: inline; width: auto; } .banner-box { background: none !important; margin: 0 0 20px; } .boxes .box { height: auto !important; } .about-section .text-content { float: none; margin: 0; padding: 0; width: auto; display: block; } .id-card-box { border: 0; } .item-list .profile-row .flag-image + span { padding-top: 0; } .table2 .col1 { width: 25%; } .id-card-box .items .slide, .countries .slide, .table .slide, .table2 .slide, .breadcrumbs .slide, .links-boxes .slide { position: static !important; left: 0 !important; top: 0 !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .id-card-box .items .slide { display: inline !important; } .profiles .btn-hold, .profiles .bg-image { display: none; } .profiles.alt2 { padding: 0; } .profile-box { display: block; } .cta-carousel-games, .tabs-section .tabset { display: none; } .game-results-box { display: inline-block; vertical-align: top; padding: 0; } .game-results-box .countries { margin: 0; } .game-results-box.alt { display: block; padding: 0; } .game-results-box.alt .heading { margin: 0 0 20px; } .game-results-box .countries .flag-box { display: none; } .add-cols { margin: 0; } .add-cols .col { float: none; width: auto; padding: 0; } .event-box { display: inline-block; vertical-align: top; } .event-box .link-full, .event-box .table3 .image, .event-box .flag-image { display: none; } .event-box .table3 .text-box { padding-left: 0 !important; } .table-box { display: inline-block; vertical-align: top; } .table-box .heading h2 { float: none; text-align: center; } .table4 .link-full, .table4 .image, .table4 .flag-image { display: none; } .table4 .table4 .text-box { padding-left: 0 !important; } .table4.alt3 .col3 { width: 30%; } .brackets-gallery .btns, .brackets-gallery .profiles, .brackets-gallery .cta-carousel, .brackets-gallery .cta-carousel-games, .brackets-gallery .cta-carousel-news, .brackets-gallery .banner-gallery, .brackets-gallery .carousel-athletes { display: none; } .gallery-list { margin: 0 !important; width: auto !important; } .gallery-list > li { width: 100% !important; float: none; display: inline-block; vertical-align: top; } .gallery-list .cols .col h2 { display: none; } .add-brackets .bracket-box { padding: 0 10px 20px !important; } .group-gallery { width: 100% !important; margin: 0 !important; height: auto !important; } .group-gallery > li { display: inline-block; vertical-align: top; float: none; width: 100% !important; } .search-box + .results { margin: 0; } .sport-events { padding: 10px 0 10px; margin: 0; } .sport-events.mixed { padding: 20px 0; } .sport-events h3, .sport-events h2 { padding: 0; margin: 0 0 20px; border: 0; } .sport-events.mixed .sport-event-col { width: 100%; } .sport-events.mixed h3, .sport-events.mixed h2 { padding: 0; margin: 0 0 20px; border: 0; } .sport-events .sport-event-col { width: 100%; float: none; padding: 0 0 20px; text-align: center; } .sport-events .sport-event-col ul { width: 100%; } .sport-events .sport-event-col ul li { padding-left: 0 !important; } .sport-events .sport-event-col ul li:before, .sport-events .sport-event-col ul li:after { display: none; } .about-block { padding: 30px 0 10px; } .about-block .text-box { float: none; } .about-block .text-box .c1 { margin: 0; } .about-block .sidebar { float: none; width: auto; margin: 0 0 20px; border: 0; text-align: center; } .about-block .sidebar .btn { display: none; } .about-section { padding: 0 0 20px; } .about-section .sidebar { float: none; width: auto; margin: 0 0 20px; border: 0; text-align: center; } .about-section .sidebar .btn { display: none; } .profile-sport-section { padding: 0 0 20px; } .profile-sport-section .heading .flag-box { display: none; } .profile-sport-section .heading h2 { float: none; display: block; text-align: center; margin: 0 0 20px; } .heading h2 { float: none; text-align: center; } .related-athletes { display: inline-block; vertical-align: top; } .related-list.alt { padding: 30px 0; } .related-list.col6 { margin: 0; } .related-list.col6 > li { width: 33.33%; } .sets-list > li { height: auto !important; padding-bottom: 30px !important; } .mosaic-box.alt ~ .sets-section { page-break-after: auto; } .sets-section { page-break-after: always; padding-bottom: 20px; } .main-holder .sets-section:last-child { page-break-after: auto; } .sets-list.video > li { width: 50%; padding-bottom: 30px !important; } .main-video { display: inline-block; vertical-align: top; width: 100%; padding: 0; } .banner-home { padding: 0; } .banner-home .bg-image { position: static; display: block; } .banner-home .bg-image img { width: 100% !important; height: auto !important; margin: 0 !important; } .banner-home .text-box { max-width: 100%; padding: 0; } .banner-home .text-box .holder { max-width: 100%; background: none; color: #000; padding: 30px 0; } .banner-home .text-box .cta-link { display: none; } .banner-home.alt { padding: 0; margin: 0; } .banner-home.alt .title { text-align: center; padding: 10px 0 0; display: block; } .banner-home.alt .holder { max-width: 100%; } .games-section { padding: 10px 15px 0; } .game-boxes { letter-spacing: 0; padding-top: 0; } .game-boxes .heading { margin: 0; } .game-boxes .heading h2 { margin: 0; } .game-boxes > li { padding: 0 10px 30px; } .game-boxes picture, .game-boxes .img { display: block; } .game-boxes picture img, .game-boxes .img img { max-width: 100%; height: auto; } .main-container { padding: 0 0 10px; } .main-container .content { float: none; } .main-container .content .c1 { margin: 0; } .main-container.sidebar-left { padding: 0; } .main-container.sidebar-left .sidebar { float: none; display: block; width: 100%; margin: 0 0 20px; border: 0; text-align: center; } .main-container.sidebar-left .sidebar .members-form { display: none; } .main-container.sidebar-left .content { float: none; } .main-container.sidebar-left .content .c1 { margin: 0; } .add-text-section .text-col .text-holder, .add-text-section .text-box { height: auto !important; } .add-text-section .text-col { float: none; width: auto; padding: 0; } .add-text-section .text-col .text-holder { padding: 0; background: none !important; color: #000; } .add-text-section .text-box .text { max-width: none; padding: 0; margin: 0 !important; color: #000; } .add-text-section .image { display: none; } .text-cols { column-count: 1; padding: 0 0 20px; } .add-btn { display: none; } .add-text-section2 { background: none !important; padding: 0; } .add-text-section3 { min-height: 0; padding: 0; } .add-text-section3 .image { display: none; } .add-text-section3 .text-box { background: none !important; color: #000; padding: 0; max-width: none; } .post-row { border: 0; padding: 0 0 10px; } .post-row .image { float: none !important; display: block; margin: 0 0 10px !important; } .post-row .image img { width: 100%; height: auto; } .info-boxes-row .box { float: none; width: 100%; } .info-boxes-row .box .box-holder { border: 0; } .info-boxes-row .box .box-holder.white-text { background: none !important; color: #000; } .info-boxes-row .box .box-holder.white-text h3 { color: #000; } .info-boxes-row .box .box-holder.white-text h3 a { color: #000; } .info-boxes-row .box .entry { padding: 10px 0; } .info-boxes-row .news-topic-label { display: none; } .add-text-section4 { min-height: 0; margin: 0 0 20px; } .add-text-section4 .image-area { display: none; } .add-text-section4 .text-box { background: none !important; color: #000; padding: 0; float: none; max-width: none; } .c2 { margin: 0 !important; } .question-box { background: none !important; } .question-box h2 { color: #333 !important; } .post-boxes { margin: 0; } .post-boxes .box { float: none; width: auto; padding: 0 0 10px; display: block; } .post-boxes .box .box-holder { border: 0; height: auto !important; } .post-boxes .entry { padding: 10px 0; } .post-boxes .news-topic-label { display: none; } .main-text-box .text-container .content { float: none; } .main-text-box .text-container .content .c1 { margin: 0; } .holder-section { page-break-before: always; } .data-list.documents .text-box { padding-right: 0; } .reports-list .opener, .reports-list > li { border: 0; } .reports-list .slide { position: static !important; width: auto !important; } .tabset-box { display: none; } .tabs-section.alt { padding-top: 0; } } @media only screen and (max-width: 1279px) { .lightbox-article { padding: 0; } .lightbox-article .image, .lightbox-article .video { display: block; } .lightbox-article .image .holder, .lightbox-article .video .holder { display: block; } .lightbox-article .text-box { width: 100%; position: static; } .cta-carousel-games .btn-prev { left: 0; } .cta-carousel-games .btn-next { right: 0; } .links-section > ul > li { padding: 0 14px 11px; } } @media only screen and (min-width: 1023px) { .post-boxes .slide { position: static !important; left: 0 !important; top: 0 !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; display: inline !important; } } @media only screen and (min-width: 768px) { .gallery-list { height: auto !important; } .group-gallery, .group-gallery > li, .id-card-box .items .slide, .countries .slide, .table .slide, .table2 .slide, .breadcrumbs .slide, .links-boxes .slide { position: static !important; left: 0 !important; top: 0 !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .id-card .frame { height: auto !important; } .id-card .frame > ul { margin: 0 !important; display: table; width: 100%; } .id-card .frame > ul > li { padding: 10px; display: table-cell; vertical-align: top; position: relative !important; width: auto !important; left: 0 !important; top: 0 !important; float: none !important; } .breadcrumbs ul { position: static !important; left: 0 !important; top: 0 !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; } } @media only screen and (max-width: 1300px) { .cta-carousel-news .btn-prev { left: 10px; } .cta-carousel-news .btn-next { right: 10px; } } @media only screen and (max-width: 1120px) { #nav { margin: 0 -16px 0 0; } #nav > li { margin: 0 16px 0 0; } #nav .links-row ul { width: 188px; } #nav .drop.alt2 .drop-col { padding-left: 0; } #nav .drop.alt .links-row ul { margin-right: 0; } #nav .drop.alt .drop-col { padding: 0 10px; } .links-boxes > li { margin: 0 5px; } .list { width: 179px; } .search-form2 { width: 290px; } .featured .image-box { margin-bottom: -100px; } .featured .main-holder { padding-left: 15px; padding-right: 15px; margin-left: 0; } .cta-carousel .btn-prev { left: 0; background: #fff; } .cta-carousel .btn-next { right: 0; background: #fff; } .breadcrumbs .btn-open [class^="icon-"], .breadcrumbs .btn-open [class*=" icon-"] { display: none; } .breadcrumbs .btn-open-mask, .breadcrumbs .popup-holder, .breadcrumbs .popup-box { display: none !important; } .banner-box .btn-prev { left: 24px; } .banner-box .btn-next { right: 24px; } .banner-gallery .btn-prev { left: 20px; } .banner-gallery .btn-next { right: 20px; } .search-box + .results { margin: 0; padding-top: 27px; } .search-box + .results .heading { margin-bottom: 53px; } .cta-banner .image { margin-top: -74px; } .new-reports .reports .add-btn { margin: 0 17px 10px 0; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .id-card { font-size: 1.336em; line-height: 1.07em; padding: 34px 0 21px; margin: 0 0 56px; } .id-card .title { display: inline; font-size: 1em; margin: 0 33px 0 0; } .id-card .frame { overflow: hidden; } .id-card .frame > ul { overflow: hidden; margin: 0 0 -18px !important; font-size: 0; line-height: 0; } .id-card .frame > ul:before { display: none; } .id-card .frame > ul > li { font-size: 18.7px; line-height: 20px; width: 50% !important; display: inline-block; vertical-align: top; text-align: left; padding: 0 23px; margin: 0 0 17px; } .id-card .frame > ul > li:before { display: none; } .id-card .frame .text-box { padding: 0 0 17px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } } @media only screen and (max-width: 900px) { .btn-box.active .popup-box.bottom, .btn-box.active .popup-box { left: auto; right: -6px; } .btn-box.active .popup-box.bottom:before, .btn-box.active .popup-box:before { left: auto; right: 0; } } @media only screen and (max-width: 1023px) { .logo { float: none; text-align: center; margin: 0 0 0 2px; } .logo img { width: 72px; height: auto; } #header { border-bottom: 1px solid #ddd; } #header .section { padding: 16px 0; } #header .section .nav-opener { display: block; } .nav-active #header .section .nav-opener { color: #acacac; } #header .holder { padding: 0 15px; } #header .nav-holder { position: absolute; left: 0; top: 100%; width: 100%; z-index: 998; max-height: 0; overflow: hidden; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .nav-active #header .nav-holder { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); max-height: 4000px; } .resize-active #header .nav-holder { -webkit-transition: none; transition: none; } #header .nav-frame { -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); background: #fff; } .nav-active #header .nav-frame { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #header .add-top-section { position: static; height: auto; } #header .add-top-section .hold { padding: 0; } #header .add-top-section .link { float: none; margin: 0; padding: 9px 0; display: block; text-align: center; } #header .add-top-section .link span { display: inline; } #header .social-links { display: block; float: none; margin: 0; text-align: center; border-top: 1px solid #e6e6e6; padding: 12px 0 0; min-width: 0; } #header .social-links li { display: inline-block; vertical-align: top; float: none; margin: 0 10px 10px; } #header .social-links .last { border-top: 1px solid #e6e6e6; display: block; width: 100%; margin: 0; padding: 0; } #header .social-links .last a { padding: 12px 12px 12px 0; display: block; } .nav-box { z-index: 5; } .nav-box .slide { z-index: 999; } .nav-box.active .opener { color: #acacac; } .nav-box .opener { font-size: 1.643em; line-height: 1.087em; color: #363636; left: 24px; top: 19px; position: absolute; float: none; margin: 0; } .nav-box .slide-holder { padding: 0; } .search-form input[type="submit"] { margin: 14px 26px 0 -100%; } .search-form .area { padding: 0 76px 0 0; } .search-form .area input { padding: 24px 23px; } #nav { margin: 0; float: none; text-align: center; border: solid #e6e6e6; border-width: 1px 0; padding: 10px 0 0; font-size: 1.336em; line-height: 1.123em; } #nav > li { float: none; margin: 0; border-top: 1px solid #e6e6e6; } #nav > li:first-child { border: 0; } #nav > li > a { padding: 17px 10px 16px; display: block; } #nav .drop { display: none !important; } #nav > .has-drop-down > a { padding: 16px 10px 17px; } #nav > .has-drop-down > a:before { display: none; } .label-photo { border-bottom: 1px solid #ddd; padding: 0 0 13px; margin: 0 0 38px; } .label-photo span { font-size: 1.154em; line-height: 1.429em; } .image-box { margin: 39px auto 16px; padding: 0 40px; } .featured .image-box { padding: 0; margin: 0; } .image-box .label-photo { border-bottom: 1px solid #ddd; padding: 0 0 13px; } .image-box .news-topic-label { right: 40px; } .text-content h2 { font: 2em/1em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase; } .text-content h3 { text-transform: uppercase; font: 1.75em/1em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .text-content h4 { text-transform: uppercase; font: 1.5em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .text-content h5 { text-transform: uppercase; font: 1.5em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .post-box { padding: 3px 0 17px; } .post-box .mosaic-box { margin: 0; } .post-box h1 { margin: 0 0 32px; } .post-box .news-topic-label { display: none; } .post-box .image { margin: 45px 0 35px; } .post-box .image .news-topic-label { display: block; } .post-box .main-video .video { position: relative; margin: 0 0 20px; } .post-box .label-photo { margin: 16px 0 0; border: 0; padding: 0; } .post-box > .label-photo { margin-bottom: 33px; } .post-box blockquote { margin: 0 0 51px; } .info-col { position: static; float: none; width: auto; font-size: 0.914em; line-height: 1.172em; margin: 0 0 25px; } .info-col:before { display: none; } .info-col dl { width: auto; overflow: hidden; } .info-col dl dd ~ dd, .info-col dl dt ~ dt { display: none; } .info-col dl dt { float: left; margin: 0 10px 0 0; line-height: 1.172em; } .info-col dl dd { float: left; margin: 0; } .social-col { position: static; overflow: hidden; width: auto; margin: 0 0 21px; } .social-col li { float: left; min-width: 95px; margin: 0 15px 10px 0; } #main, .main { padding: 0 40px; } #main .breakMain, .main .breakMain { margin-left: -40px; margin-right: -40px; } #main .breakMain .cta-carousel-news .mask-l, .main .breakMain .cta-carousel-news .mask-l { left: 0; } #main .breakMain .cta-carousel-news .mask-r, .main .breakMain .cta-carousel-news .mask-r { right: 0; } .main-holder { padding: 0 0 14px; } .featured .main-holder { padding: 18px 0 0; margin: 0; } .related-posts { padding: 54px 0 39px; } .related-posts h1 { margin: 0 0 59px; } .boxes .image { margin: 0 0 26px; } .boxes .box { width: 50%; } .boxes .tablet-hide { display: none; } .quick-links { float: none; margin: 0 0 45px; } .search-form2 { float: none; width: 100%; clear: both; margin: 0 0 30px; } .add-row { padding: 0 0 1px; margin: 0 0 45px; } #footer { padding: 0; } #footer .holder { padding: 26px 40px; } #footer .section .holder { padding: 26px 15px; } .links-boxes { font-size: 0.75em; line-height: 1.714em; } .links-boxes .title { font-size: 1.333em; line-height: 1.143em; margin: 0 0 28px; } .links-boxes ul li { margin: 0 0 13px; } .links-boxes > li { width: 130px; } .sign-form { margin: 5px 0 0; } .sign-form .area { width: 230px; } .sign-form label { width: 84px; margin: -2px 18px 0 0; line-height: 0.836em; line-height: 1.598em; } .add-text { margin: 2px 0 0; } .add-text .logo2 { margin: 4px 23px 10px 3px; } .add-text .logo2 img { width: 59px; height: auto; } .banner-box { margin: 0 0 41px; } .banner-box h1 { font-size: 3em; line-height: 1.381em; } .banner-box .sponsor-image { margin-top: -6px; } .search-box { margin: 0 0 49px; } .countries { margin: 30px -10px 0; } .countries .box { width: 25%; } .add-row + .boxes.alt { padding: 0; } .add-row.alt { margin-bottom: 8px; } .boxes .btn-more { padding: 3px 0 65px; } .cta-banner { min-height: 350px; margin-bottom: 59px; } .cta-banner h2 { font-size: 3em; line-height: 1.143em; text-align: center; margin: 0 auto 23px; max-width: 450px; } .cta-banner .holder { padding: 85px 68px 28px; } .cta-banner .frame { max-width: 420px; margin: 0 auto; } .cta-link { width: 334px; margin: 0 auto; padding: 16px 22px; } .cta-carousel { position: static; } .cta-carousel .btn-prev, .cta-carousel .btn-next { left: 0; top: 5px; margin: 0; } .cta-carousel .btn-next { left: auto; right: 0; } .cta-carousel .carousel-holder { margin: 0 -8px; } .cta-carousel .carousel-holder ul > li { margin: 0 8px; } .profiles { padding: 0; text-align: center; } .profiles .holder { padding: 0; } .profiles .bg-image { position: relative; } .profiles.alt { padding: 15px 0 8px; } .profiles.alt .profile-box { display: inline-block; vertical-align: top; min-width: 300px; text-align: center; } .profiles.alt .profile-box .image { float: none; display: inline-block; vertical-align: top; margin: 0 auto 15px; } .profiles.alt .profile-box .profile-row { margin: 0 0 30px; } .profile-box { margin: 0; padding: 30px 40px 20px; display: block; overflow: hidden; text-align: left; } .profile-box .image { float: left; margin: 0 25px 0 0; } .profile-box .text-box { overflow: hidden; padding: 9px 0 0; } .profile-box .text-box h1 br { display: none; } .profile-box .profile-row { margin: 0 0 17px; } .profile-box .medal-box { margin: 0 0 0 -11px; } .profile-box .medal-box li { margin-right: 7px; } .text-post { padding: 0; margin: 0 auto 52px; } .text-post h1, .text-post h2 { font-size: 2em; line-height: 1.143em; margin: 0 0 31px; } .text-post.alt { padding: 64px 0 34px; } hr ~ .add-cols { padding-top: 62px; } .btn-more { margin: 27px 0 0; } .btn-more a { min-width: 98px; padding: 4px 20px; } .mosaic-box { padding: 68px 0 0; margin: 0 0 72px; } .mosaic-box .heading h1 { font-size: 3em; line-height: 1.095em; margin: 0 0 41px; } .mosaic-box.alt { padding: 101px 0 0; margin: 0 0 65px; } .mosaic-box.alt .btn-more { padding: 0; } .images .image1 { width: 70%; } .images .img-col { width: 31.19%; } .results { padding: 71px 0 0; } .table, .table2 { margin: 0 0 86px; } .table .last, .table2 .last { display: none; } .table .col1, .table2 .col1 { width: 23%; } .table .col2, .table2 .col2 { width: 32%; } .table .col3, .table2 .col3 { width: 25%; } .table .row, .table2 .row { margin: 0 0 17px; } .boxes.alt h2 { font-size: 1.357em; line-height: 1.263em; } .related-athletes { padding: 47px 0 25px; } .related-athletes .heading { text-align: center; margin: 0 0 38px; } .related-athletes .heading h2 { float: none; text-align: center; } .related-athletes .heading .add-links { margin: 7px 0 0; float: none; display: inline-block; vertical-align: top; } .related-athletes .heading .add-links li { margin: 0 6px 0 13px; } .related-athletes .heading.left { text-align: left; } .related-athletes .heading.left h2 { float: left; } .related-athletes .heading.left .add-links { float: right; } .related-athletes.alt { padding: 54px 0 3px; } .related-athletes.alt .related-list > li { padding-bottom: 42px; } .related-athletes.first { padding: 11px 0 28px; } .members-form { display: none; } .related-list.col6 > li { width: 33.33%; } .related-list.col6 > li:last-child { display: block; } .related-list > li { width: 33.33%; } .related-list > li:last-child { display: none; } .cta-social { padding-top: 59px; position: static; } .cta-social .box .box-holder { height: 137px; } .cta-social .txt { font-size: 1.164em; line-height: 1.288em; width: 150px; bottom: 16px; left: 16px; } .cta-social .ico { font-size: 21px; line-height: 23px; right: 16px; top: 9px; } .cta-social.facebook .ico { font-size: 18.7px; } .paging ul li { display: none; } .paging ul li:first-child, .paging ul li:last-child { display: block; } .paging ul .next, .paging ul .prev, .paging ul .active { display: block; } .reviews { position: relative; padding: 0 0 43px; } .reviews .heading { text-align: center; margin: 0 0 39px; } .reviews .heading h2 { text-align: center; float: none; font-size: 1.75em; line-height: 1.061em; } .reviews .heading .add-links { margin: 11px 0 0; float: none; display: inline-block; vertical-align: top; } .reviews .heading .add-links li { margin: 0 6px 0 13px; } .boxes.alt .box { padding-bottom: 39px; } .boxes .box { padding-bottom: 40px; } .cta-banner .blockquote:after { height: 350px; } .cta-banner .image { display: none; } .cta-banner.last { margin-bottom: -20px; } .cta-banner ~ .mosaic-box { padding-top: 0; } .blockquote { font-size: 3em; line-height: 1.048em; } .blockquote blockquote { margin: 40px 0 0; } .blockquote blockquote:before { font-size: 1.333em; line-height: 0.429em; } .blockquote q { margin: 0 0 22px; } .blockquote .text-box { font-size: 1em; } .blockquote .text-box .profile-row { font-size: 0.929em; } .about-section { padding: 0 0 10px; } .about-section .text-content { float: none; width: auto; margin: 0 0 63px; } .about-section .text-content .label-photo { border: 0; margin: 0 0 17px; } .about-section + hr.tablet-hide { display: none; } .id-card-box { padding: 34px 19px 39px; } .id-card-box .logo-box { margin: 5px auto 46px; } .items { margin: 0 -45px 0 -10px; } .item-list { padding: 0; position: relative; } .item-list .slide { display: inline; } .item-list .label { width: 79px; } .item-list .tablet-hide { display: none; } .item-list .row { display: inline-block; vertical-align: top; width: 50%; border: 0; padding: 0 50px 10px; } .item-list:before { position: absolute; left: 50%; top: 0; height: 100%; background: #ddd; width: 1px; content: ""; margin: 0 0 0 -18px; } .about-section .sidebar { margin: 57px 0 70px; padding: 0; } .about-section .sidebar .image { float: left; margin: 0 23px 0 0; } .about-section .sidebar .entry { padding: 18px 20px 0 0; overflow: hidden; } .profile-sport-section { padding: 70px 0 0; } .profile-sport-section .sport-events { border: 0; } .profile-sport-section ~ .profile-sport-section { padding-top: 20px; } .profile-sport-section .sport-events.mixed { padding-top: 48px; } .profile-sport-section .sport-event-col { padding-bottom: 33px; } .table .medal-box li, .table2 .medal-box li { margin: 0 2px 10px; } .table .medal-box span, .table2 .medal-box span { display: none; } .table .medal-box .num, .table2 .medal-box .num { display: inline-block; } .table2 { margin: 0 0 60px; } .table2 .col1 { width: 33%; } .table2 .col3 { width: 100px; } .table2 .col2 { width: 35%; } .table2 .col4 { width: 115px; margin-right: -6px; } .table2 .name { width: 150px; } .table2.alt .col1 { width: 20%; } .table2.alt .col1.td { padding-top: 21px; } .table2.alt .col4 { width: 174px; } .table2.alt .medal-box li { margin: 0 6px 10px; } .table2.alt .medal-box span { display: inline-block; } .games-box .holder { padding: 109px 0 58px; } .games-box h2 { margin: 0 0 52px; } .games-box .frame { padding: 0 30px; } .games-list > ul { margin: 0 -1px; } .games-list > ul > li { width: 33.33%; } .games-list.col2 { max-width: 490px; } .games-list.col1 { max-width: 256px; } .profiles.alt2 { padding: 0; } .profiles.alt2 .bg-image { position: static; display: block; /*img { width:100% !important; height:auto !important; margin:0 !important; }*/ } .profiles.alt2 .btn-hold { display: none; } .profiles.alt2 .profile-box { overflow: hidden; padding: 25px 40px 25px; } .profiles.alt2 .profile-box .image { height: auto; width: auto; border: 1px solid #ddd; float: left; } .profiles.alt2 .profile-box .image:after { display: none; } .profiles.alt2 .profile-box span.image { border: none; float: none; margin: 0; } .profiles.alt2 .profile-box h1 { border: 0; font-size: 3em; line-height: 1em; padding: 5px 0 0; } .tabset-box { border: 1px solid #ddd; float: none; display: block; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin: 0 0 41px; position: relative; } .tabset-box .nav-select { display: block; } .tabset-box:before { background: #fff; pointer-events: none; width: 45px; height: 100%; position: absolute; right: 0; top: 0; color: #333; text-align: center; content: ""; z-index: 1; } .tabset-box:after { font-size: 12.8px; font-family: 'Olympics'; content: "\e601"; top: 14px; right: 16px; position: absolute; z-index: 1; pointer-events: none; } .tabset-box select { display: block; padding: 14px 23px 14px 9px; margin: 0; font: inherit; outline: none; line-height: 1.2; background: #fff; -webkit-appearance: none; appearance: none; border-radius: 0; width: 100%; border: 0; font-size: 14px; line-height: 16px; color: #acacac; font-weight: bold; text-transform: uppercase; position: relative; } .tabs-section .tabset { display: none; } .tabs-section .text-post h1, .tabs-section .text-post h2 { font-size: 3em; line-height: 1em; } .cta-carousel-games { padding: 0; margin: 0 0 30px; } .cta-carousel-games .holder { padding: 0 33px; } .cta-carousel-games .holder:before { bottom: 5px; } .cta-carousel-games .heading { margin: 50px 0 40px; } .cta-carousel-games .frame ul > li { width: 33.33%; min-height: 207px; } .cta-carousel-games .image { height: 130px; margin: 0 0 32px; } .cta-carousel-games .image:after { height: 130px; } .cta-carousel-games .btn-prev { left: 0; bottom: auto; top: 45px; } .cta-carousel-games .btn-next { right: 0; bottom: auto; top: 45px; } .cta-carousel-games ~ .related-posts { padding-top: 54px; } .cta-carousel-news { padding: 0 35px 120px; } .cta-carousel-news .frame { width: 708px; } .cta-carousel-news .holder { padding: 0; } .cta-carousel-news .heading { text-align: center; margin: 0 0 38px; } .cta-carousel-news .heading h2 { float: none; display: block; text-align: center; font-size: 1.75em; line-height: 1.224em; } .cta-carousel-news .heading .add-links { float: none; display: inline-block; vertical-align: top; } .cta-carousel-news .heading .add-links li { margin: 0 15px; } .cta-carousel-news .btn-next, .cta-carousel-news .btn-prev { left: 40px; top: 7px; margin: 0; border: 2px solid #ddd; box-shadow: none; } .cta-carousel-news .btn-next { left: auto; right: 40px; } .cta-carousel-list > li { width: 334px; } .cta-carousel-list .image { margin: 0 0 27px; } .cta-carousel-news .frame2 { position: static; } .cta-carousel-news .frame2 .holder { position: static; } .boxes.alt2 .image { margin: 0 0 32px; } .boxes.alt2 h2 { font-size: 1.75em; line-height: 1.306em; } .boxes.alt2 time { font-size: 1.143em; } .table3 td.col1 { padding-left: 18px; } .table3 .col1 { width: 28%; padding-left: 0; } .table3.alt .col1 { width: 43%; } .table3.alt td.col1 { padding-left: 7px; } .table3.alt2 .col1 { width: 21%; } .table3.alt2 td.col1 { padding-left: 10px; } .table3.alt2 .profile-section .text-box { padding-top: 6px; } .table3.alt2 .profile-section .text-box .name { margin: 0; } .table3.alt2 .profile-section .text-box .txt { display: inline; } .table3.alt2 .last .profile-section .text-box { padding-top: 13px; } .table3 .col3 { width: 55%; } .table3 .col3 + .last { display: none; } .add-videos { margin: 0 -3px 38px; } .add-videos .video-boxes { margin: 0 -3px; } .add-videos .video-boxes .box { padding: 0 3px 6px; } .add-videos .col2 { padding: 0 3px; } .add-videos .col1 { padding: 0 3px; } .table-box { margin: 0 0 78px; } .table-box .heading { margin: 0 0 9px; } .table-box.last { margin-bottom: 0; } .icons-list { margin: 0; } .table4 .col1 { width: 14%; } .table4.alt2 .col2 { width: 200px; } .table4.alt2 .col3 { width: 23%; } .table4.alt3 .col1 { width: 12%; } .table4.alt3 .col3 { width: 31%; } .table4.alt3 .col4 { width: 18%; } .table4.alt4 .col1 { width: 20%; } .table4.alt4 .col3 { width: 31%; } .table4.alt4 .col4 { width: 18%; } .table4.alt4 .last { padding-right: 8%; } .brackets-gallery .btns, .brackets-gallery .profiles, .brackets-gallery .cta-carousel, .brackets-gallery .cta-carousel-games, .brackets-gallery .cta-carousel-news, .brackets-gallery .banner-gallery, .brackets-gallery .carousel-athletes { margin: 0 0 12px; } .brackets-gallery .btn-prev { margin-left: 0; } .brackets-gallery .btn-next { margin-right: 0; } .brackets-gallery .gallery-holder { margin-bottom: 25px; } .gallery-list > li:last-child .cols.last:after { right: 2px; } .gallery-list > li.four-cols ~ li.col2:after { right: 2px; } .gallery-list .cols { padding-bottom: 15px; } .gallery-list .cols.col2 { width: 67%; } .gallery-list .cols.col1 { width: 33.33%; } .gallery-list .cols.col4 .col { width: 33.33%; } .gallery-list .cols.col4.last:after { right: -1px; } .gallery-list .cols.last:after { right: -1px; } .gallery-list hr { margin: 0 -9999px 10px; } .bracket-box { padding: 0 0 20px; } .bracket-box.country .bracket-holder { padding: 6px 16px 1px; } .bracket-box.country .num { margin: 9px 0 -4px; } .bracket-box.doubles { padding: 0 0 20px; } .bracket-box.doubles .bracket-holder { padding: 4px 18px; } .bracket-box.doubles ~ hr { margin: 0 -9999px 10px; } .add-brackets h2 { margin: 0 0 31px; } .add-brackets h3 { margin: 0 0 27px; } .add-brackets .section { margin: 0 -10px 34px; } .add-brackets .section:after { content: " "; display: block; clear: both; } .add-brackets .bracket-box { width: 33.33%; } .event-box { padding: 3px 0 28px; } .event-box .video { margin: 22px 0 5px; } .event-box .video .btn-play { width: 50px; height: 50px; margin: -25px 0 0 -25px; font-size: 16px; line-height: 50px; } .carousel-athletes { padding: 60px 0 80px; position: relative; } .carousel-athletes .add-links { display: inline-block; vertical-align: top; float: none; } .carousel-athletes .add-links li { margin: 0 10px; } .carousel-athletes .gallery-holder { margin: 0 -40px; position: static; } .carousel-athletes .gallery-holder .gallery-frame { padding: 0 40px; } .carousel-athletes .heading { margin: 0 0 40px; } .carousel-athletes .heading h2 { float: none; text-align: center; font-size: 1.714em; } .carousel-athletes .athlete-name { font-size: 1.286em; line-height: 1.111em; padding: 20px 0 16px; } .carousel-athletes .btn-next, .carousel-athletes .btn-prev { left: 0; top: 64px; margin: 0; } .carousel-athletes .btn-next { left: auto; right: 0; } .carousel-athletes.no-links .heading { margin: 0 0 58px; } .carousel-athletes.no-links .btn-next, .carousel-athletes.no-links .btn-prev { top: 54px; } .cta-banner + .related-posts { padding-top: 17px; } .results-box { margin: 0 0 -3px; padding: 50px 0; } .sport-events { border-top: 1px solid #ddd; margin: 0 -40px; padding: 56px 30px 13px; } .sport-events .list-row ul { width: 100%; } .sport-events ~ .sport-events { border-top: 0; } .sport-events.mixed { padding: 76px 30px 12px; } .sport-events.mixed h3, .sport-events.mixed h2 { border-bottom-width: 1px; } .sport-events.mixed .sport-event-col { width: 50%; } .about-block .text-box { float: none; margin: 0 0 59px; } .about-block .text-box .c1 { margin: 0; } .about-block .sidebar { float: none; margin: 0; padding-bottom: 0; width: auto; } .about-block .sidebar:after { content: " "; display: block; clear: both; } .about-block .sidebar .image { float: left; margin-bottom: 0; } .about-block .sidebar .entry { overflow: hidden; padding: 17px 23px 0; } .sets-section { padding: 56px 0 61px; } .sets-section.last { padding-bottom: 15px; } .sets-section .heading h2 { font-size: 1.75em; line-height: 1.061em; margin: 0 0 3px; } .sets-section .heading h1 { font-size: 3em; line-height: 1.095em; margin: 0 0 41px; } .sets-section.alt .heading { margin: 0 0 20px; } .sets-list { padding: 0; } .sets-list h2, .sets-list h3 { font-size: 1.5em; line-height: 1.095em; } .sets-list > li { padding: 0 10px 58px; } .sets-list.video > li { width: 50%; padding-bottom: 45px; } .sets-list.video .img { margin: 0 0 26px; } .sets-list .hide-tablet { display: none; } .fancybox-close { right: 13px; top: 25px; } .main-video { padding: 93px 0 52px; } .main-video .heading h1 { font-size: 3em; line-height: 1.095em; margin: 0 0 41px; } .main-video h2 { font-size: 1.5em; line-height: 1.524em; } .main-video .btn-play { width: 60px; height: 60px; margin: -30px 0 0 -30px; font-size: 19px; line-height: 61px; } .main-video.alt { padding: 0 0 30px; } .photo-block { padding: 51px 0 42px; } .photo-block .btn-play { width: 60px; height: 60px; margin: -30px 0 0 -30px; font-size: 19px; line-height: 61px; } .photo-block h1 { font-size: 1.5em; line-height: 1.524em; } .banner-home { padding: 35px 0 35px; } .banner-home .text-box { padding: 0 40px; font-size: 0.914em; line-height: 1.641em; } .banner-home .text-box .holder { max-width: 317px; padding: 19px 21px 21px 23px; } .banner-home.banner-image { margin: 0; padding: 35px 0 35px; min-height: 170px; } .banner-home.banner-image-large { padding: 35px 0 35px; min-height: 170px; } .banner-home .title { font-size: 1.914em; line-height: 1em; margin: 0 0 18px; } .banner-home p { margin: 0 0 37px; } .banner-home.alt { padding: 126px 0 93px; margin: 0 0 10px; } .banner-home.alt .title { font-size: 3.281em; line-height: 1.095em; margin: 0 0 33px; } .banner-home.alt .text-box { padding: 0 92px; } .banner-home.alt .cta-link { max-width: 337px; } .games-section { padding: 75px 40px 0; } .game-boxes { padding: 0 0 17px; } .game-boxes > li { width: 33.33%; } .main-container { padding: 0 0 100px; } .main-container .content { float: none; } .main-container .content .c1, .main-container .content .c2 { margin: 0 0 67px; } .main-container .sidebar { float: none; width: auto; margin: 0; } .main-container .sidebar .col { float: left; width: 50%; padding: 0 45px; } .main-container .sidebar .col .members-form { display: block; } .main-container .sidebar .col2 { float: left; width: 50%; padding: 0 10px; } .main-container.sidebar-left { padding: 12px 0 0; } .main-container.sidebar-left .content { float: none; } .main-container.sidebar-left .content .c1 { margin: 0 0 67px; } .main-container.sidebar-left .sidebar { float: none; width: auto; margin: 0; overflow: hidden; } .main-container.alt .content .c1 { margin-bottom: 0; } .main-container.alt3 { margin-bottom: 40px; } .profile-block .video { margin: 0 0 31px; } .profile-block .video .video-row { margin: 0 0 31px; } .profile-block .video .title { line-height: 1.524em; } .about-image-box { margin: 0 0 60px; } .profile-info-list { padding: 18px 40px; border: 1px solid #ddd; } .profile-info-list > li:first-child { border: 0; } .note-box { margin: -7px 0 0; padding: 0 0 37px; } .table-row { padding-bottom: 50px; } .table-row .note { display: none; } .text-cols { column-count: 1; column-gap: 0; font-size: 1.164em; line-height: 1.5em; padding: 20px 0 0; } hr.alt { margin-top: 64px; margin-bottom: 70px; } .add-text-section .text-col { width: 295px; } .add-text-section .text-col .text-holder { padding: 32px 24px 24px; } .add-text-section.alt .text-col { width: 295px; } .add-text-section p { margin: 0 0 22px; } .add-text-section .text-box .text { max-width: 383px; padding: 29px 28px 63px; height: 100%; } .add-text-section .text-box .add-btn { position: absolute; right: 30px; bottom: 24px; min-width: 140px; } .add-text-section .alignright ~ .text-box .add-btn { right: auto; left: 30px; } .add-text-section2 { padding-right: 21px; } .add-text-section3 { margin: 0 -40px 20px; font-size: 1em; line-height: 1.75em; min-height: 455px; } .add-text-section3 .text-box { margin-left: 40px; max-width: 277px; padding: 31px 25px 24px; } .add-text-section3 h2 { margin: 0 0 14px; } .add-text-section3 p { margin: 0 0 21px; } .post-row { padding: 29px 19px 30px 29px; } .info-boxes-row .box { width: 50%; } .add-text-section4 .text-box { max-width: 276px; padding: 31px 25px 43px; } .add-text-section4 p { margin: 0 0 21px; } .add-boxes .box { width: 50%; margin-bottom: 20px; } .links-cols { margin: 0 -40px; } .links-cols .links-col { width: 50%; padding: 0 40px 60px; } .post-boxes .box { width: 50%; } .sponsors-list { margin: 30px -15px 15px; } .sponsors-list li { min-width: 110px; margin: 0 15px 20px; } .main-text-box { padding: 0 0 43px; } .main-text-box .text-post h1 { font-size: 3em; line-height: 1em; margin: 0 0 43px; } .main-text-box .text-post h2 { font-size: 1.75em; line-height: 1.714em; } .main-text-box .main-video { margin-bottom: 50px; } .main-text-box .text-container .content { float: none; margin: 0 0 72px; } .main-text-box .text-container .content .c1 { margin: 0; } .main-text-box .text-container .aside { width: auto; margin: 0; float: none; } .report-section { padding: 55px 0 38px; } .holder-section { padding: 0 0 60px; } .text-content.centreCol .image { margin-left: 0; margin-right: 0; } .text-content blockquote { text-align: left; padding: 23px 0 0; font-size: 1.96em; line-height: 1.143em; margin: 0 0 30px; } .text-content blockquote:before { text-align: left; font-size: 1.714em; margin: 0 0 8px; } .text-content blockquote q { margin: 0 0 22px; } .data-section { margin-bottom: 40px; } .links-section > ul > li { padding: 0 10px 11px; } .cta-social .img { max-width: 132px; margin: 0 0 -29px -30px; } .cta-social .img img { max-width: 100%; height: auto; } hr.alt2 { margin-bottom: 0; } .sub-sections > li { width: 50%; } .links-boxes-alt .box { width: 50%; } .banner-box.banner-image.alt5 h1 { font-size: 3em; } .banner-box.banner-image.alt5 .note { font-size: 1.2em; } .heading h2.big { font-size: 2em; } } @media only screen and (max-width: 767px) { #fancybox-left { left: 10px; } #fancybox-right { right: 10px; } .nav-box .opener { font-size: 1.429em; line-height: 1.15em; left: 20px; top: 16px; } .logo img { width: 63px; height: auto; } #header .section { padding: 13px 0 12px; } #header .section .nav-opener { font-size: 24px; line-height: 26px; right: 4px; top: 14px; } .breadcrumbs.not-enough-slides ul { margin: 0 !important; } .breadcrumbs .opener { display: block; } .breadcrumbs .holder { padding: 10px 10px 9px; position: relative; } .breadcrumbs ul { width: auto !important; white-space: nowrap; font-size: 0; line-height: 0; letter-spacing: -5px; } .breadcrumbs ul li { font-size: 11.7px; line-height: 15px; letter-spacing: 0; float: none; display: inline-block; vertical-align: top; } .breadcrumbs .btn-box2 { font-size: 1em; line-height: 1.1em; } .breadcrumbs .btn-box2 .btn-open { font-size: 1em; } .btn-box2.active .leftalign .popup-box { left: 50%; right: auto; } .btn-box2.active .leftalign .popup-box:before { right: 35%; } .btn-box2 ul li { display: block; text-align: left; } .label-photo { margin: 0 -20px 38px; padding: 0 20px 13px; font-size: 0.75em; line-height: 1.238em; } .image-box { margin: 20px auto 18px; padding: 0; } .image-box .label-photo { margin: 14px 0 0; padding: 0 20px 13px; } .featured .image-box { margin: 20px auto 21px; padding: 0; } .featured .image-box .label-photo { margin: 14px 0 0; padding: 0 20px 13px; } .image-box .news-topic-label { right: 0; } .news-topic-label { font-size: 1em; line-height: 1.071em; padding: 5px 8px; } .text-content .label-photo { padding: 0 0 13px; } #nav { font-size: 1.164em; line-height: 1.104em; padding: 13px 0 0; } #nav > li > a { padding: 12px 10px 13px; } #nav > .has-drop-down > a { padding: 12px 10px 13px; } .search-form { border: 0; } .search-form .area { padding: 0; } .search-form .area input { font-size: 18.7px; line-height: 20px; padding: 23px 21px 22px; } .search-form .area input::-webkit-input-placeholder:before { content: "search olympic website..."; margin-right: 9999px; } .search-form input[type="submit"] { float: none; display: block; width: 100%; margin: 0; background: #000; } #main, .main { padding: 0 20px; } #main .breakMain, .main .breakMain { margin-left: -20px; margin-right: -20px; } .info-col { font-size: 0.914em; margin: 0 0 18px; } .text-content h2 { font: 1.914/1.143em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .text-content h3 { font: 1.641/1.095em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .text-content h4 { font: 1.5em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .text-content h5 { font: 1.5em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .post-box { font-size: 0.914em; line-height: 1.875em; } .post-box h1 { font-size: 1.914em; line-height: 1.143em; } .post-box h2 { font-size: 1.641em; line-height: 1.095em; } .post-box .entry { padding: 0; } .post-box .image { margin: 31px 0 23px; } .post-box .image .news-topic-label { font-size: 1.094em; } .post-box .image .label-photo { font-size: 0.82em; margin: 14px 0 0; } .post-box > .label-photo { margin-bottom: 34px; font-size: 0.82em; } .post-box .mosaic-box { padding: 28px 0 33px; } .post-box blockquote { font-size: 1.96em; line-height: 1.143em; text-align: left; padding: 23px 0 0; margin: 0 0 34px; } .post-box blockquote:before { text-align: left; font-size: 1.714em; margin: 0 0 8px; } .post-box blockquote q { margin: 0 0 22px; } .post-box blockquote .profile-section { font-size: 0.571em; } .post-box .tags { padding: 20px 0 42px; } .post-box .tags .txt { float: none; display: block; margin: 0 0 13px; } .social-col { margin: 0 0 10px; } .social-col li { min-width: 0; } .social-col a { padding: 0; } .social-col a:hover { color: #000; } .social-col .ico { border: 0; margin: 11px 4px 9px; } .social-col .txt { display: none; } .social-col.bottom { margin: 0 0 10px; } .social-col.bottom li { min-width: 0; } .social-col.bottom a { padding: 0; } .social-col.bottom .ico { border: 0; margin: 11px 4px 9px; } .social-col.bottom .txt { display: none; } .profiles-list { float: none; width: auto; } .related-posts { padding: 47px 0 8px; } .boxes.alt2 .image, .boxes .image { margin: 0 0 15px; } .boxes.alt2 time, .boxes time { font-size: 0.843em; line-height: 1.172em; } .boxes.alt2 .box, .boxes .box { width: 100%; float: none; height: auto !important; margin: 0 0 48px; } .boxes.alt2 .box + .box + .box, .boxes .box + .box + .box { display: block; } .boxes.alt2 h2, .boxes h2 { font-size: 1.164em; line-height: 1.288em; margin: 0 0 5px; } .boxes .tablet-hide { display: block; } .main-holder { padding: 0; } .featured .main-holder { padding: 0; margin: 0; } #footer { border: 0; } #footer .holder { padding: 0 20px 30px; } #footer .section { padding-top: 0; background: none; } #footer .section .holder { padding: 21px 20px 6px; } .links-boxes { border-bottom: 1px solid #e6e6e6; font-size: 1em; line-height: 1.143em; } .links-boxes > li { float: none; width: auto; margin: 0; border-top: 1px solid #e6e6e6; display: block; text-align: left; } .links-boxes > li.active .title:after { display: none; } .links-boxes .slide { width: 100%; overflow: hidden; font-size: 0.857em; } .links-boxes .title { font-size: 1.164em; line-height: 1.104em; margin: 0; padding: 13px 0; position: relative; } .links-boxes .title:after, .links-boxes .title:before { width: 12px; height: 2px; background: #acacac; content: ""; position: absolute; right: 3px; top: 21px; } .links-boxes .title:after { right: 8px; width: 2px; height: 12px; top: 16px; } .sign-form { float: none; overflow: hidden; margin: 5px 0 40px; } .sign-form .area { width: auto; float: none; overflow: visible; } .sign-form label { float: none; display: block; width: auto; margin: 0 0 15px; text-align: center; font-size: 0.836em; } .sign-form input[type="submit"] { width: 40px; height: 41px; } .sign-form .area2 input { font-size: 13px; padding: 11px 10px 12px 0; } .sign-form i { top: 14px; } .add-text { text-align: center; } .add-text .logo2 { float: none; margin: 0 0 20px; } .quick-links { border: 1px solid #ddd; float: none; display: block; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin: 0 0 20px; position: relative; } .quick-links .nav-select { display: block; } .quick-links:before { background: #fff; pointer-events: none; width: 45px; height: 100%; position: absolute; right: 0; top: 0; color: #333; text-align: center; content: ""; z-index: 1; } .quick-links:after { font-size: 12.8px; font-family: 'Olympics'; content: "\e601"; top: 9px; right: 13px; position: absolute; z-index: 1; pointer-events: none; } .quick-links select { display: block; padding: 11px 23px 10px 13px; margin: 0; font: inherit; outline: none; line-height: 1.2; background: #fff; -webkit-appearance: none; appearance: none; border-radius: 0; width: 100%; border: 0; font-size: 0.836em; line-height: 1.282em; color: #acacac; font-weight: bold; text-transform: uppercase; position: relative; } .quick-links .opt-default, .quick-links .opener, .quick-links ul, .quick-links .list-select, .quick-links .btn { display: none; } .profiles { padding: 0; background: #fff; } .profiles.alt { padding: 0; border: 0; } .profiles.alt3 { padding: 0; border: 0; } .profiles .image { float: none; display: inline-block; margin: 0 0 20px; } .profiles .image.athlete-banner { display: none; } .profiles.alt .profile-box, .profiles .profile-box { width: 210px; margin: 0 auto; text-align: center; padding: 26px 10px 22px; } .profiles.alt .profile-box h1, .profiles .profile-box h1 { font-size: 2em; line-height: 1em; } .profiles.alt .profile-box .image, .profiles .profile-box .image { margin: 0 0 8px; } .profiles.alt .profile-box .profile-row, .profiles .profile-box .profile-row { margin: 0 0 19px; } .profiles.alt .profile-box .medal-box, .profiles .profile-box .medal-box { font-size: 1.164em; line-height: 1.104em; } .profiles.alt .profile-box .medal-box li, .profiles .profile-box .medal-box li { margin: 0 9px 10px; } .profiles.alt .profile-box .medal-box .num, .profiles .profile-box .medal-box .num { width: 25px; height: 25px; padding: 1px 0 0; } .id-card { padding: 24px 0 4px; font-size: 1.343em; line-height: 1.07em; margin: 0 0 41px; } .id-card .switcher { display: block; } .id-card .holder { padding: 0 19px; } .id-card .title { font-size: 0.928em; } .id-card .text-box { padding: 4px 0 0; } .id-card .frame { margin: 0 0 38px; position: relative; } .id-card .frame:before, .id-card .frame:after { position: absolute; left: 0; top: 0; width: 1px; height: 70px; background: #fff; background: rgba(255, 255, 255, 0.3); content: ""; } .id-card .frame:after { left: auto; right: 0; } .id-card .frame > ul:before { display: none; } .id-card .frame > ul li:before { display: none; } .text-post { font-size: 0.914em; line-height: 1.914em; margin: 0 0 46px; } .text-post h1, .text-post h2 { font-size: 1.914em; line-height: 1.143em; margin: 0 0 28px; } .text-post.alt { padding: 53px 0 0; } .text-post.alt h2 { font-size: 1.273em; line-height: 1.5em; } .btn-more { margin: 12px 0 0; } .btn-more a { padding: 5px 20px; } .heading { text-align: center; margin: 0 0 20px; } .heading h2 { float: none; display: block; margin: 0 0 5px; text-align: center; font-size: 1.5em; line-height: 1.095em; } .mosaic-box { padding: 53px 0 0; } .mosaic-box.alt { margin: 0 0 59px; padding: 35px 0 0; } .mosaic-box.alt .heading { margin: 0 0 19px; } .mosaic-box.alt .btn-more { padding: 25px 0 0; } .mosaic-box .heading h1 { font-size: 2em; line-height: 1.071em; margin: 0 0 22px; } .mosaic-box .btn-box2.active .popup-box { right: -39px; margin: 15px 0 0; } .mosaic-box .btn-box2.active .popup-box:before { right: 35px; } .btn-box2 > a { font-size: 0.9em; } .mosaic-box ~ .sets-section.first.last { padding: 56px 0 55px; } .sets-section { padding: 56px 0 55px; } .sets-section.last { padding-bottom: 72px; } .sets-section.first { padding-top: 36px; } .sets-section .heading h2 { font-size: 1.5em; line-height: 1.143em; margin: 0 0 28px; } .sets-section .heading h1 { font-size: 2em; line-height: 1.071em; margin: 0 0 22px; } .sets-section .btn-more { margin: 27px 0 0; } .sets-section .btn-box2.active .popup-box { right: -39px; margin: 15px 0 0; } .sets-section .btn-box2.active .popup-box:before { right: 35px; } .sets-list { font-size: 0.836em; line-height: 1.197em; margin: 0 -10px -10px; } .sets-list > li { float: none; width: 100%; min-height: 0; height: auto !important; padding-bottom: 60px; } .sets-list h2, .sets-list h3 { font-size: 1.598em; margin: 0 0 8px; } .sets-list .mobile-hide { display: none; } .sets-list.video > li { width: 100%; min-height: 0; padding-bottom: 50px; } .sets-list.video .img { margin: 0 0 15px; } .sets-list.video h2 { font-size: 1.393em; } .sets-list .btn-play { width: 45px; height: 45px; margin: -22px 0 0 -22px; line-height: 44px; } .sets-list .hide-tablet { display: block; } .add-links { float: none; display: inline-block; vertical-align: top; font-size: 12.8px; margin: 0; } .add-links li { margin: 0 13px; float: none; display: inline-block; vertical-align: top; } .images { margin: 0 0 24px; } .images .image2 { float: left; margin: 0 10px 0 0; width: 49.07%; } .images .image1 { display: block; float: none; width: 100%; padding: 0 0 10px; } .images .img-col { width: 31.8%; } .images .row { overflow: visible; } .images .img-col { float: none; overflow: hidden; margin: 0; width: auto; padding: 0; } .images .last { width: auto; clear: both; margin: 0; float: none; display: block; } .table, .table2 { margin: 0 0 42px; border-bottom: 1px solid #ddd; } .table > li, .table2 > li { border-top: 1px solid #ddd; border-bottom: 0; } .table > li:first-child, .table2 > li:first-child { display: none; } .table .td, .table2 .td { float: none; padding: 14px 0; } .table .td.last2, .table2 .td.last2 { display: block; padding: 22px 0 9px; border-top: 1px solid #ddd; overflow: hidden; } .table .td.last2 .txt, .table2 .td.last2 .txt { margin: 5px 3px 0 0; float: left; width: 38%; font-weight: bold; font-size: 0.914em; line-height: 1.094em; text-transform: uppercase; color: #999; } .table .col1, .table2 .col1 { width: 100%; } .table .col2, .table2 .col2 { float: left; width: 38%; } .table .area, .table2 .area { border-top: 1px solid #ddd; padding: 15px 0 15px; } .table .area2, .table2 .area2 { overflow: hidden; padding: 4px 0 0; margin: 0 0 -3px; } .table .area2 .td, .table2 .area2 .td { margin: 0 0 7px; } .table .medal, .table2 .medal { margin: 2px 0 0 7px; font-size: 0.914em; line-height: 1.094em; } .table .medal .num, .table2 .medal .num { font-size: 1.273em; width: 25px; height: 25px; margin: 0 6px 0 0; padding: 1px 0 0; } .table .col3, .table2 .col3, .table .col4, .table2 .col4 { font-size: 0.836em; width: auto; text-transform: uppercase; } .table .col4, .table2 .col4 { color: #666; } .table .row, .table2 .row { margin: 0; } .results { padding: 63px 0 40px; } .results .btn-more { display: block; } .boxes.alt h2 { font-size: 1.164em; line-height: 1.288em; } .boxes.alt .image { margin: 0 0 15px; } .boxes.alt .box { width: 100%; } .related-athletes { padding: 25px 0 1px; } .related-athletes .heading { margin: 0 0 36px; } .related-athletes .heading h2 { margin: 0; } .related-athletes .heading.left { text-align: center; } .related-athletes .heading.left h2 { float: none; } .related-athletes .heading.left .add-links { float: none; } .related-athletes.alt { padding: 67px 0 30px; } .related-athletes.alt .medal-box { display: none; } .related-athletes.alt .related-list > li { padding-bottom: 0; } .related-athletes.first { padding-top: 0; } .related-list { margin: 0; } .related-list .mobile-hide { display: none !important; } .related-list.col6 { padding: 0; } .related-list.col6 > li { width: 46%; } .related-list.col6 > li:last-child { display: inline-block; } .related-list > li { width: 49%; display: inline-block; vertical-align: top; float: none; margin: 0 0 29px; } .related-list > li:last-child { display: inline-block; } .related-list .holder { width: 140px; } .related-list .profile-row { font-size: 0.859em; } .related-list .profile-row .flag-image { margin: 1px 9px 0; } .related-list .name { font-size: 1em; } .related-list .image { margin-bottom: 17px; } .related-list .medal-box { padding: 13px 0 0; } .related-list .medal-box .num { width: 25px; height: 25px; font-size: 16px; line-height: 21px; padding: 0; } .related-list.first { padding-bottom: 20px; } .add-row { border-bottom: 1px solid #ddd; margin: 0 -20px 0; padding: 0 20px 20px; } .search-box { margin: 0 0 37px; padding: 0 50px 0 40px; } .search-box input[type="text"], .search-box input[type="search"] { font-size: 11.7px; line-height: 13px; padding: 19px 0 16px; } .search-box input[type="text"]::-webkit-input-placeholder:before, .search-box input[type="search"]::-webkit-input-placeholder:before { content: "search"; margin-right: 9999px; } .search-box i { left: 14px; } .search-box.alt { padding: 0 50px 0 0; } .search-box.alt input[type="text"], .search-box.alt input[type="search"] { font-size: 16px; line-height: 18px; padding: 13px 15px 13px; } .search-box.alt input[type="text"]::-webkit-input-placeholder:before, .search-box.alt input[type="search"]::-webkit-input-placeholder:before { content: "search"; margin-right: 9999px; } .search-box.alt input[type="submit"] { right: 5px; top: 5px; width: 38px; height: 38px; font-size: 16.3px; line-height: 20px; } .link-drop .opener { font-size: 0.836em; line-height: 1.197em; } .link-drop .opener i { margin: 2px 3px 0; } .link-drop .popup { font-size: 0.836em; line-height: 1.5em; width: 280px; margin: 0 0 0 -140px; top: 25px; padding: 33px 17px 36px 22px; } .link-drop .popup:before { left: 189px; } .link-drop .popup ul { padding: 0; line-height: 1.5em; } .banner-box { margin: 0 0 34px; } .banner-box .holder { padding: 42px 15px 22px; } .banner-box h1 { font-size: 2em; line-height: 1.071em; margin: 0 0 24px; } .countries { margin: 30px 0 0; padding: 0 0 10px; font-size: 1em; line-height: 1.143em; } .countries .box { margin: 0 0 9px; width: 50%; } .countries .flag-box { margin: 0 auto 17px; } .countries .btn-more { padding: 20px 0 0; display: block; } .banner-box { margin: 0 0 40px; } .banner-box .holder { min-height: 100px; padding: 35px 15px 11px; } .banner-box .btn-prev, .banner-box .btn-next { margin-top: -7px; } .banner-box .btn-prev { left: 5px; } .banner-box .btn-next { right: 5px; } .banner-box .sponsor-image { margin-top: -13px; } .add-row.alt { border: 0; padding-bottom: 2px; } .boxes.alt .box { padding-bottom: 0; height: auto !important; margin: 0 0 37px; } .boxes .box { padding-bottom: 0; } .boxes .btn-more { padding: 21px 0 59px; } .cta-banner { min-height: 250px; } .cta-banner h2 { font-size: 2em; line-height: 1.143em; } .cta-banner .holder { padding: 67px 0 28px; } .cta-banner .cta-link { width: 248px; } .cta-banner .frame { max-width: 100%; } .cta-banner.last { margin-bottom: 0; } .cta-link { width: 220px; font-size: 1.336em; line-height: 1.07em; text-align: center; padding: 13px 10px; } .cta-link i { display: none; } .reviews { padding: 0 0 30px; } .reviews .heading { margin: 0 0 27px; } .reviews .heading h2 { padding: 0 30px; font-size: 1.5em; line-height: 1.095em; } .reviews .heading .add-links { font-size: 0.836em; margin: 0; } .cta-carousel { margin: 0 0 33px; } .cta-carousel .btn-prev, .cta-carousel .btn-next { border: 0; right: -15px; } .cta-carousel .btn-prev.disabled, .cta-carousel .btn-next.disabled { display: block; color: #ddd; } .cta-carousel .btn-prev { right: auto; left: -15px; } .cta-carousel .carousel-holder { margin: 0 -20px; } .cta-carousel .carousel-holder ul li { margin: 0 10px; } .cta-carousel .carousel-holder ul .box { width: 120px; font-size: 0.836em; } .cta-social { padding-bottom: 59px; } .cta-social .box { float: none; display: block; width: auto; height: 45px; margin: 0 0 10px; overflow: hidden; } .cta-social .box .txt { display: none; } .cta-social .txt2 { display: block; padding: 13px 50px 0 14px; font: 1.336em/1.07em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; } .cta-social .ico { right: 11px; top: 13px; } .cta-banner .blockquote:after { height: 290px; } .blockquote { font-size: 2em; line-height: 1.143em; } .blockquote blockquote { margin: 8px 20px 0; } .blockquote blockquote:before { font-size: 1.714em; line-height: 0.625em; } .blockquote .profile-section .picture { float: none; display: inline-block; vertical-align: top; margin: 0 auto 10px; } .blockquote .profile-section .profile-row { display: inline-block; vertical-align: top; } .blockquote cite { font-size: 0.5em; line-height: 1.143em; text-align: center; } .blockquote .text-box { float: none; } .about-section .text-content { margin: 0 0 81px; } .about-section .text-content .image { margin: 0 0 7px; } .about-section .text-content .label-photo { padding: 0 0 5px; font-size: 0.82em; } .about-section .text-content h2 { font-size: 1.914em; line-height: 1.143em; margin: 0 0 26px; } .about-section hr { display: block; } .about-section .sidebar { margin: 25px 0 47px; } .about-section .sidebar .image { float: none; display: block; margin: 0; } .about-section .sidebar .image img { width: 100%; height: auto; } .about-section .sidebar .entry { font-size: 12.8px; line-height: 21px; padding: 14px 12px 11px; } .about-section .sidebar p { margin: 0 0 19px; } .id-card-box { border-width: 1px 0 0; padding: 29px 0 39px; } .id-card-box .logo-box { margin: 0 0 31px; } .id-card-box .items { margin: 0; } .id-card-box .items .btn-more { margin: 0; padding: 40px 0 20px; display: block; } .id-card-box .items .slide { display: block; width: 100%; } .item-list { float: none; padding: 0; width: auto; font-size: 0.836em; border-bottom: 1px solid #ddd; } .item-list .row { display: block; width: auto; border-top: 1px solid #ddd; padding: 15px 0 17px; font-size: 11.7px; } .item-list .label { width: 90px; } .item-list:before { display: none; } .item-list .tablet-hide { display: inline; } .table2 { margin: 0 0 60px; } .table2 .col4 { width: auto; float: none; border-top: 1px solid #ddd; padding-bottom: 6px; } .table2 .col4:after { content: " "; display: block; clear: both; } .table2 .col3, .table2 .col2 { padding: 0; } .table2 .medal-box { margin: 0 0 0 -6px; } .table2 .medal { font-size: 1.09em; margin: 2px 7px 0 0; } .table2 .medal span { display: inline-block; } .table2 .medal .num { font-size: 1.059em; } .table2.alt .col1, .table2.alt .col4, .table2.alt .col2 { width: 100%; } .table2 .col-first { display: none; } .results .table2 + .btn-more { display: block; margin: 0 0 16px; } .table5 .col1 { width: 90px; } .table5 .col3, .table5 .col4 { display: none; } .games-box + .main .results { padding-bottom: 10px; } .games-box { background: none; border: solid #ddd; border-width: 1px 0; min-height: 0; } .games-box:after { display: none; } .games-box .holder { padding: 77px 0 12px; } .games-box .bg-image { display: none; } .games-box h2 { color: #333; font-size: 1.5em; line-height: 1.095em; margin: 0 0 20px; } .games-box .frame { padding: 0 10px; } .games-list { padding: 10px 0 0; } .games-list > ul { margin: 0; } .games-list > ul > li { width: 50%; min-height: 210px; font-size: 14px; } .games-list > ul > li .hold { padding: 0 20px; } .games-list > ul > li .hold:before { display: none; } .games-list .image { height: 120px; } .games-list .image:after { height: 120px; } .games-list.col3 > ul > li { width: 50%; } .profiles.alt2 .bg-image { display: none; } .profiles.alt2 .profile-box { width: auto; padding: 7px 20px; } .profiles.alt2 .profile-box .image { float: none; display: block; border: 0; height: 190px; margin: 0 0 2px; } .profiles.alt2 .profile-box .image:after { display: inline-block; height: 190px; } .profiles.alt2 .profile-box h1 { border-top: 1px solid #ddd; text-align: center; font-size: 1.75em; line-height: 1.143em; padding: 23px 0 9px; } .cta-carousel-news { padding: 6px 33px 77px; } .cta-carousel-news .heading { margin: 0 0 31px; } .cta-carousel-news .heading h2 { font-size: 1.5em; line-height: 1.095em; margin: 0; } .cta-carousel-news .heading .add-links { font-size: 0.836em; } .cta-carousel-news .holder { padding: 0; } .cta-carousel-news .frame { width: 260px; } .cta-carousel-news .btn-next, .cta-carousel-news .btn-prev { border: 0 !important; left: 5px; margin: 3px 0 0; } .cta-carousel-news .btn-prev.disabled, .cta-carousel-news .btn-next.disabled { display: block; color: #ddd; } .cta-carousel-news.ajax-complete .btn-next { display: block; color: #ddd; } .cta-carousel-news .btn-next { left: auto; right: 5px; } .cta-carousel-list > li { width: 250px; margin: 0 5px; } .cta-carousel-list .image { margin: 0 0 14px; } .cta-carousel-list h2 { font-size: 1.164em; line-height: 1.288em; } .cta-carousel-list time { font-size: 0.836em; } .tabs-section .text-post h1, .tabs-section .text-post h2 { font-size: 1.914em; line-height: 1.143em; } .tabs-section .date { font-size: 1.286em; line-height: 1.111em; } .tabs-section.alt .text-post { margin-bottom: 0; } .table2.alt .td.col1, .table2 .td.col1 { width: auto; overflow: hidden; padding: 4px 0; } .table2.alt .td.col1 .area, .table2 .td.col1 .area { display: inline-block; vertical-align: middle; padding: 12px 0 15px; } .table2.alt .td.col1 .profile-row, .table2 .td.col1 .profile-row { padding: 3px 0 0; display: block; } .table2.alt .td.col1 .flag-image, .table2 .td.col1 .flag-image { margin: 5px 9px 0 0; } .table2.alt .area, .table2 .area { overflow: hidden; border: 0; padding: 0; display: block; } .table2.alt .col-first, .table2 .col-first { float: left; margin: 14px 0 0; } .table2.alt .col2, .table2 .col2 { float: none; width: 100%; padding: 16px 0 17px; text-transform: uppercase; font-size: 0.836em; line-height: 1.181em; } .table2.alt .col2 .area, .table2 .col2 .area { font-weight: bold; color: #000; padding-left: 60px; } .table2.alt .col3, .table2 .col3 { padding: 14px 0 13px; } .table2.alt .col3 .area, .table2 .col3 .area { font-weight: bold; color: #000; padding-left: 60px; } .table2.alt .col4, .table2 .col4 { padding: 17px 0 19px; } .table2.alt .col4 .area, .table2 .col4 .area { padding-left: 60px; } .table2.alt .col4 .label, .table2 .col4 .label { margin-top: 5px; } .table2.alt .label, .table2 .label { display: none; } .table2.alt .td, .table2 .td { border-top: 1px solid #ddd; } .table2.alt > li, .table2 > li { border: 0; } .table2.alt .medal-box, .table2 .medal-box { float: left; margin: 0; } .table2.alt .medal-box li, .table2 .medal-box li { margin: 0 -2px 0 0; } .table2.alt .td.col1 { padding: 7px 0 6px; } .table2.alt .col2 { padding: 22px 0 18px; } .table2.alt .col2 .label { margin-top: -9px; } .table2.alt .col4 { padding: 15px 0 16px; } .game-results-box { border-top: 1px solid #ddd; margin: 0 -15px; padding: 65px 15px 21px; } .game-results-box .add-links { font-size: 0.836em; margin: 13px 0 0; } .game-results-box .heading { margin: 0 0 35px; } .game-results-box .select-box { border: 1px solid #ddd; float: none; display: block; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin: 0 0 41px; position: relative; } .game-results-box .select-box .nav-select { display: block; } .game-results-box .select-box:before { background: #fff; pointer-events: none; width: 45px; height: 100%; position: absolute; right: 0; top: 0; color: #333; text-align: center; content: ""; z-index: 1; } .game-results-box .select-box:after { font-size: 12.8px; font-family: 'Olympics'; content: "\e601"; top: 14px; right: 16px; position: absolute; z-index: 1; pointer-events: none; } .game-results-box .select-box select { display: block; padding: 14px 23px 14px 9px; margin: 0; font: inherit; outline: none; line-height: 1.2; background: #fff; -webkit-appearance: none; appearance: none; border-radius: 0; width: 100%; border: 0; font-size: 14px; line-height: 16px; color: #acacac; font-weight: bold; text-transform: uppercase; position: relative; } .game-results-box .select-box .countries { display: none; font-size: 1.164em; } .game-results-box .select-box .flag-box { display: none; } .game-results-box.alt { border: 0; padding: 34px 0 0; } .game-results-box.alt .heading { margin: 0 0 20px; } .game-results-box.alt .countries { font-size: 1.164em; margin: 0 0 33px; } .game-results-box.alt .countries.center { font-size: 0; text-align: left; } .game-results-box.alt .countries.center .box { font-size: 16.3px; } .cta-carousel-games .heading { margin: 40px 0 20px; } .cta-carousel-games .btn-prev, .cta-carousel-games .btn-next { border: 0; background: none; } .cta-carousel-games .frame ul > li { width: 50% !important; min-height: 219px; margin: 0; } .cta-carousel-games .frame ul > li:before { bottom: 1px; } .cta-carousel-games .image { margin: 0 0 43px; } .section-links ul { font-size: 0.836em; } .section-links ul li { padding-bottom: 4px; } .section-links ul li:before { top: 1px; height: 12px; } .section-links span { display: none; } .game-results-box.alt ~ .game-results-box.alt { padding-top: 56px; } .games-holder { margin: 0 0 -70px; } .add-cols { margin: 0; } .add-cols .col { float: none; width: auto; padding: 0; } .add-cols .btn-more { margin-bottom: 36px; } .event-box { height: auto !important; padding: 3px 0 28px; } .event-box .video { margin: 22px 0 0; } .event-box .video .btn-play { width: 45px; height: 45px; margin: -23px 0 0 -23px; font-size: 14px; line-height: 46px; } .event-box h2 { font-size: 1.5em; line-height: 1.095em; } .event-box h2 [class^="icon-"], .event-box h2 [class*=" icon-"] { margin-top: 3px; font-size: 14px; } .event-box .link-full { font-size: 0.879em; } h2 + .table3 { margin-top: 22px; border-top: 1px solid #ddd; } .table3 { table-layout: auto; } .table3 .th-row { display: none; } .table3 td.col1 { padding-left: 0; } .table3 .col1 { width: 15%; padding-left: 0 !important; padding-right: 0; } .table3 .col1 .txt { display: none; } .table3 .medal { margin: 2px 0 0 2px; font-size: 1.164em; line-height: 18px; } .table3 .medal .num { font-size: 1em; width: 25px; height: 25px; margin: 0 6px 0 0; padding: 1px 0 0; } .table3 .last .txt { display: block; overflow: hidden; } .table3.alt .col1 { width: 15%; } .table3.alt .medal { margin-top: -24px; } .table3.alt2 .col2 { display: none; } .table3.alt2 .col1 { padding-right: 0 !important; padding-left: 0 !important; width: 10%; } .table3.alt2 .col3 { padding-bottom: 14px; } .table3.alt2 .col3, .table3.alt2 .last { width: 58%; } .table3 .profile-row .txt { padding-top: 10px; } .table3 .txt { font-size: 0.914em; } .table3 .mobile-row { display: table-row; } .table3 .mobile-row td { border: 0; } .add-videos { margin: 0 0 9px; } .add-videos .video { margin: 0 0 13px; } .add-videos .col2, .add-videos .col1 { padding: 0 0 24px; float: none; width: auto; } .add-videos .video-boxes { margin: 0 -5px; } .add-videos .video-boxes .box { padding: 0 5px 14px; } .add-videos .mobile-hide { display: none; } .table-box { margin: 0 0 60px; } .table-box .heading { margin: 0 0 16px; } .table-box .heading h2 { float: left; } .table-box .heading.center h2 { float: none; } .icons-list { margin: -3px 0 0; } .table4 { border-top: 1px solid #ddd; margin: 0 0 40px; table-layout: auto; } .table4 .col1 { padding: 0 10px 0 0; } .table4 .th-row { display: none; } .table4 .col2 { width: auto; } .table4 .mobile-hide { display: none; } .table4 .medal { margin: 2px 0 0 2px; font-size: 1.164em; line-height: 18px; } .table4 .medal .num { font-size: 1em; width: 25px; height: 25px; margin: 0 6px 0 0; padding: 1px 0 0; } .table4 .num-txt { font-size: 1em; } .table4.alt .col1 .num-txt { padding-bottom: 25px; display: inline-block; vertical-align: top; font-size: 1.164em; } .table4.alt .col1 .medal { padding-bottom: 25px; } .table4.alt .col3 { display: none; } .table4.alt2 .col3 { width: 36%; } .table4.alt2 .txt { font-size: 0.914em; } .table4 .profile-section .txt { display: block; padding: 10px 0 0; font-size: 0.914em; } .table4.alt3 .col4, .table4.alt3 .col2, .table4.alt3 .col1 { display: none; } .table4.alt3 .col3 { padding-left: 41px; } .table4.alt3 .profile-section .text-box { padding: 5px 0 0; } .table4.alt3 .profile-section .text-box .name { margin: 0 0 4px; } .table4.alt3 .profile-section .text-box .txt { padding: 0; } .table4.alt3 tbody tr:last-child > td { padding-bottom: 30px; } .table4.alt3 tbody tr.mobile-row:first-child + tr.no-image td.col4, .table4.alt3 tbody tr.mobile-row:first-child + tr.no-image td.col1, .table4.alt3 tbody tr.mobile-row:first-child + tr.no-image td.col3, .table4.alt3 tbody tr.mobile-row:first-child + tr.no-image td.col2, .table4.alt3 tbody tr.no-image:first-child td.col4, .table4.alt3 tbody tr.no-image:first-child td.col1, .table4.alt3 tbody tr.no-image:first-child td.col3, .table4.alt3 tbody tr.no-image:first-child td.col2 { padding-top: 10px; } .table4 .mobile-row { display: table-row; } .table4 .mobile-row td { padding-top: 25px; } .table4 .mobile-row .medal { float: left; margin-right: 8px; } .table4 .mobile-row .image { float: left; margin-top: 8px; } .table4 .mobile-row .text-box { float: left; margin-top: 3px; } .table4 .mobile-row .num-txt { float: left; margin: 4px 4px 0 6px; width: 31px; font-size: 1.143em; line-height: 1.125em; } .table4.alt4 .col1 { display: none; } .table4.alt4 .last, .table4.alt4 .col4, .table4.alt4 .col3, .table4.alt4 .col2 { width: 100%; display: block; float: left; font-size: 0.914em; line-height: 1.406em; text-align: left; color: #000; } .table4.alt4 .last { padding-right: 0; } .table4.alt4 .col2 .num-txt { float: left; display: block; color: #acacac; width: 23px; margin: 12px 13px 0 8px; font: 1.336em/1.123em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .table4.alt4 .label { display: block; margin-bottom: 2px; font-size: 0.938em; } .table4.alt4 .name { font-size: 1.094em; } .brackets-gallery { margin: 0 0 30px; } .brackets-gallery .btns, .brackets-gallery .profiles, .brackets-gallery .cta-carousel, .brackets-gallery .cta-carousel-games, .brackets-gallery .cta-carousel-news, .brackets-gallery .banner-gallery, .brackets-gallery .carousel-athletes { margin: 0; position: relative; overflow: visible; } .brackets-gallery .btn-next-box, .brackets-gallery .btn-prev-box { position: absolute; left: -16px; top: 21px; z-index: 3; } .brackets-gallery .btn-next-box > span, .brackets-gallery .btn-prev-box > span { display: none; } .brackets-gallery .btn-next-box .btn-next, .brackets-gallery .btn-next-box .btn-prev, .brackets-gallery .btn-prev-box .btn-next, .brackets-gallery .btn-prev-box .btn-prev { border: 0; font-size: 16px; } .brackets-gallery .btn-next-box.disabled, .brackets-gallery .btn-prev-box.disabled { display: none; } .brackets-gallery .btn-next-box { left: auto; right: -16px; } .brackets-gallery .gallery-holder { margin: 0 5px 7px; } .gallery-list { width: 100% !important; font-size: 0; line-height: 0; overflow: visible; white-space: nowrap; } .gallery-list > li { display: inline-block; vertical-align: top; width: 100% !important; float: none; overflow: visible; } .gallery-list h2 { margin: 27px 0 28px; } .gallery-list .cols { overflow: visible; padding-bottom: 0; } .gallery-list .cols.col4, .gallery-list .cols.col1, .gallery-list .cols.col2 { width: 100%; } .gallery-list .cols.col4 .col, .gallery-list .cols.col1 .col, .gallery-list .cols.col2 .col { width: 100%; } .gallery-list .cols:before, .gallery-list .cols:after { display: none; } .gallery-list .cols h2 { display: none; } .gallery-list .cols .col { height: auto !important; width: 100%; } .gallery-list .cols .col h2 { display: block; } .gallery-list .cols .col .col-holder { height: auto !important; display: block; } .gallery-list .cols .col .col-frame { display: block; } .gallery-list hr { margin: 0 -9999px 10px; } .gallery-list hr { display: none; } .bracket-box { padding: 0 0 20px !important; } .bracket-box.country .bracket-holder { padding: 11px 17px 9px; } .bracket-box.doubles .bracket-holder { padding: 11px 18px; } .add-brackets { padding: 60px 0 0; } .add-brackets .section { margin: 0; } .add-brackets h2 { font-size: 1.5em; line-height: 1.095px; margin: 0 0 43px; } .add-brackets h3 { margin: 0 0 35px; } .add-brackets .bracket-box { width: 100%; } .add-brackets .btn-prev, .add-brackets .btn-next { position: absolute; left: -23px; top: 38px; border: 0; display: block !important; z-index: 3; font-size: 16px; background: #fff; } .add-brackets .btn-prev.disabled, .add-brackets .btn-next.disabled { display: none; } .add-brackets .btn-next { left: auto; right: -13px; } .add-brackets .group-gallery-holder { margin: 0 5px; } .add-brackets .bracket-box { padding: 0 10px 20px !important; } .btn-play { width: 45px; height: 45px; margin: -23px 0 0 -23px; font-size: 14px; line-height: 46px; } .banner-gallery { margin: 0 0 29px; } .banner-gallery .btn-prev, .banner-gallery .btn-next { background: none; border: 0; left: 0; } .banner-gallery .btn-next { left: auto; right: 0; } .banner-gallery .box { width: 100% !important; } .banner-gallery .box.last { width: 100% !important; float: left; } .banner-gallery img { width: 100%; height: auto; } .banner-gallery .col { width: 100% !important; } .search-box + .results { padding-top: 20px; } .search-box + .results .heading { margin-bottom: 18px; } .carousel-athletes { padding: 56px 0 58px; } .carousel-athletes.no-links .btn-prev, .carousel-athletes.no-links .btn-next { top: 50px; } .carousel-athletes.no-links .heading { margin: 0 0 37px; } .carousel-athletes .btn-prev, .carousel-athletes .btn-next { background: none; border: 0; left: -15px; top: 61px; } .carousel-athletes .btn-next { left: auto; right: -15px; } .carousel-athletes .heading { margin: 0 0 27px; } .carousel-athletes .heading h2 { font-size: 1.5em; } .carousel-athletes .heading .add-links { font-size: 0.914em; margin: -4px 0 0; } .carousel-athletes .athlete-name { font-size: 1.143em; } .carousel-athletes .gallery-holder { margin: 0 -20px; } .carousel-athletes .gallery-holder .gallery-frame { padding: 0; margin: 0 50px; } .carousel-athletes .gallery-frame { position: relative; overflow: visible !important; } .carousel-athletes .gallery-frame > ul { width: 100% !important; overflow: visible !important; font-size: 0; line-height: 0; white-space: nowrap; } .carousel-athletes .gallery-frame > ul > li { white-space: normal; width: 100% !important; display: inline-block; vertical-align: top; float: none; font-size: 14px; line-height: 16px; margin: 0; padding: 0 10px; } .carousel-athletes .athlete-name { left: 10px; right: 10px; } .carousel-athletes .img img { width: 100%; height: auto; } .results-box { margin: 0 0 35px; padding: 0; } .results-box .holder { border-top: 0; padding: 34px 15px 4px; max-width: 100%; } .results-box .tabset { margin: 0 0 30px; } .results-box .tabset a { padding: 10px 5px 0; height: 35px; } .results-box h1 { margin: 0 0 37px; font-size: 1.5em; line-height: 1.095em; } .results-form .row { padding: 0 0 25px; } .results-form .jcf-select { height: 40px; } .results-form .jcf-select .jcf-select-text { font-size: 12px; line-height: 41px; } .results-form .jcf-select .jcf-select-opener { right: 12px; top: 9px; } .results-form .jcf-select .jcf-select-opener:after { font-size: 13px; } .results-form .row { padding: 0 8px 16px 0; } .results-form .txt { font-size: 12px; } .results-form input[type="submit"] { width: 90px; height: 40px; margin: 17px 0 0 16px; } .results-form input[type="reset"] { margin-top: 14px; } .jcf-list { font-size: 12px; } .sport-events { padding: 36px 30px 13px; } .sport-events.mixed { padding: 36px 30px 13px; } .sport-events.mixed .sport-event-col { width: 100%; } .sport-events h3, .sport-events h2 { font-size: 1.5em; line-height: 1.095em; margin: 0 0 27px; padding: 0 0 21px; } .sport-events .sport-event-col { float: none; width: 100%; padding: 0 10px 30px; } .about-block { padding: 52px 0 55px; } .about-block .text-box { font-size: 0.914em; line-height: 1.914em; } .about-block .text-box h2 { font-size: 1.914em; line-height: 1.143em; } .about-block .sidebar { padding: 0 0 8px; font-size: 0.914em; } .about-block .sidebar .image { float: none; display: block; } .about-block .sidebar .image img { width: 100%; height: auto; vertical-align: top; } .about-block .sidebar .entry { padding: 13px 14px 0; } .about-block .sidebar p { margin: 0 0 20px; } .about-block .sidebar .btn { margin: 0 0 15px; } .about-block ~ .mosaic-box { padding-top: 56px; } .mobile-visible { display: block !important; } #fancybox-outer, #fancybox-content, #fancybox-wrap { width: 100% !important; padding: 0 !important; border: 0 !important; left: 0 !important; right: 0 !important; box-sizing: border-box; } #fancybox-close { top: 3px !important; right: 0; width: 30px; height: 30px; line-height: 23px; } #fancybox-left-ico, #fancybox-right-ico { width: 30px; height: 30px; } #fancybox-right, #fancybox-left { width: 30px; height: 30px; top: 3px; margin: 0; } #fancybox-left { left: auto; right: 71px; } #fancybox-left #fancybox-left-ico:before { top: 7px; left: 8px; } #fancybox-left #fancybox-left-ico:after { top: 9px; left: 11px; } #fancybox-right { right: 35px; } #fancybox-right #fancybox-right-ico:before { top: 7px; left: 12px; } #fancybox-right #fancybox-right-ico:after { top: 9px; left: 11px; } .lightbox-article { margin: 0; padding: 40px 0 0; } .lightbox-article h2 { margin: 0 0 10px; font-size: 1.714em; } .lightbox-article .image, .lightbox-article .video { float: none; display: block; margin: 0; } .lightbox-article .image .holder, .lightbox-article .video .holder { display: block; margin: 0; } .lightbox-article .text-box { width: auto; float: none; margin: 0; padding: 30px 15px 10px; position: static; } .lightbox-article .social-col { position: static; } .lightbox-article .label-photo { margin: 0 0 15px; } .no-js-paging { margin: 0 -15px; } .no-js-paging ul { font-size: 11px; line-height: 25px; } .no-js-paging ul li { min-width: 19px; margin: 0; } .no-js-paging ul li.active a, .no-js-paging ul li:hover a { line-height: 24px; } .no-js-paging ul a { height: 25px; } .no-js-paging .prev, .no-js-paging .next { height: 25px; line-height: 24px !important; margin: 0 8px; } .main-video { padding: 34px 0 55px; } .main-video .heading h1 { font-size: 2em; line-height: 1.071em; margin: 0 0 15px; } .main-video h2 { font-size: 1.164em; line-height: 1.288em; } .main-video .btn-play { width: 45px; height: 45px; margin: -22px 0 0 -22px; font-size: 14px; line-height: 45px; letter-spacing: 0; } .main-video .time { font-size: 0.914em; line-height: 1.172em; padding: 3px 8px 4px 9px; } .main-video .video { margin: 0 0 13px; } .photo-block { padding: 34px 0 20px; } .photo-block .btn-play { width: 45px; height: 45px; margin: -22px 0 0 -22px; font-size: 14px; line-height: 45px; letter-spacing: 0; } .photo-block .time { font-size: 0.914em; line-height: 1.172em; padding: 3px 8px 4px 9px; } .photo-block h1 { font-size: 1.164em; line-height: 1.288em; } .photo-block .entry { padding: 0; } .photo-block .label-photo { border: 0; padding: 0; margin: 0 0 15px !important; } .main-video ~ .sets-section.first { padding-top: 45px; } .profile-sport-section { padding: 39px 0 0; } .profile-sport-section .heading { text-align: center; } .profile-sport-section .heading .flag-box { margin: 0 0 26px; } .profile-sport-section .heading h2 { display: block; font-size: 1.75em; line-height: 1.061em; } .profile-sport-section .sport-event-col { padding-bottom: 40px; } .profile-sport-section .sport-events.mixed { padding-top: 33px; } .profile-sport-section ~ .profile-sport-section { padding-top: 13px; } .profile-sport-section.last { padding-bottom: 1px; } .banner-home { margin: 0 0 42px; padding: 150px 0 0; } .banner-home .mobile-hide p { display: none; } .banner-home .mobile-hide .cta-link { padding-top: 10px; } .banner-home .text-box { padding: 0; } .banner-home .text-box .holder { padding: 15px 21px 15px 17px; max-width: 100%; } .banner-home .title { margin: 0 0 10px 0; line-height: 1.143em; } .banner-home.alt { padding: 88px 0 50px; margin: 0; } .banner-home.alt .text-box { padding: 0 43px; } .banner-home.alt .title { font-size: 2.188em; line-height: 1.143em; margin: 0 0 36px; } .banner-home.alt .cta-link { text-align: left; } .games-section { padding: 56px 40px 0; } .games-section .add-links { display: inline-block; vertical-align: top; padding: 3px 0 0; } .games-section .add-links > li { float: none; margin: 0 0 10px; } .game-boxes { margin: 0 -20px; padding: 7px 0 45px; } .game-boxes > li { width: 50%; padding: 0 0 30px; font-size: 14px; } .game-boxes picture, .game-boxes .img { margin: 0 0 13px; } .calendar-form input[type="submit"] { width: 40px; height: 30px; font-size: 14px; line-height: 16px; margin: 0; } .calendar-form .jcf-select { margin: 0 20px 0 0; width: 80px; height: 30px; text-align: left; } .calendar-form .jcf-select .jcf-select-text { font-size: 11.7px; margin-left: 9px; line-height: 31px; } .calendar-form .jcf-select .jcf-select-opener { right: 7px; top: 4px; } .calendar-form .jcf-select .jcf-select-opener:after { font-size: 12px; } .calendar-form .jcf-select ~ .jcf-select { width: 120px; } .main-container { padding: 0 0 43px; } .main-container .content .c1 { margin-bottom: 54px; } .main-container .sidebar .col2, .main-container .sidebar .col { float: none; width: 100%; padding: 0; } .main-container.sidebar-left { padding: 0; } .main-container.sidebar-left .content .c1 { margin: 0; } .events-section .heading { margin: 0 0 29px; } .events-section .heading .calendar-form { display: none; } .events-list { margin: 0 0 8px; } .events-list > li { padding: 17px 10px 16px 50px; } .events-list .btn-calendar { overflow: hidden; text-indent: -9999px; width: 24px; height: 24px; right: auto; left: 10px; padding: 0; margin: -35px 0 0; } .events-list .btn-calendar:before { left: 9px; top: 4px; } .events-list .btn-calendar:after { top: 9px; left: 4px; } .events-list .time, .events-list .country { font-size: 0.836em; } .events-list .country { margin: 0 0 5px; } .events-list h3 { font-size: 0.914em; line-height: 1.367em; margin: 0 0 10px; } .jcf-select-calendar-select .jcf-list .jcf-option { padding: 6px 9px 5px; font-size: 11.7px; } .about-image-box { margin: 0 0 44px; } .members-form { margin: 0 0 41px; } .members-form label { font-size: 1.336em; line-height: 1.23em; margin: 0 0 18px; } .members-form .jcf-select { height: 40px; text-align: left; } .members-form .jcf-select .jcf-select-text { font-size: 11.7px; margin-left: 9px; line-height: 40px; } .members-form .jcf-select .jcf-select-opener { top: 8px; } .profile-info-list { border: 0; padding: 0; border-bottom: 1px solid #ddd; } .profile-info-list > li:first-child { border-top: 1px solid #ddd; } .profile-block .video { margin: 0 0 50px; } .profile-block .video .title { font-size: 1.164em; line-height: 1.288em; } .profile-block .video .video-row { margin: 0 0 15px; } .profile-block h2 { font-size: 1.641em; line-height: 1.071em; } .profile-block .entry { font-size: 0.914em; line-height: 1.914em; } .note-box { font-size: 0.914em; line-height: 1.914em; margin: 0; padding: 0 0 14px; } .table-row { padding: 0 0 46px; } .table-row .heading { margin: 0 0 10px; } .table-row .heading h2 { text-align: left; } .text-cols { font-size: 0.914em; line-height: 1.914em; padding: 0; } hr.alt { margin-top: 53px; margin-bottom: 60px; } .add-text-section { font-size: 0.914em; line-height: 1.641em; } .add-text-section .text-col { width: auto; float: none; padding: 0 0 20px; } .add-text-section .text-col.alignright { width: auto; float: none; padding: 0 0 20px; } .add-text-section .text-col .text-holder { height: auto !important; padding: 32px 21px 24px; } .add-text-section.alt { font-size: 0.914em; line-height: 1.641em; } .add-text-section.alt .text-col { width: auto; float: none; padding: 0 0 20px; } .add-text-section.alt .text-col .text-holder { min-height: 0px; } .add-text-section.alt h2 { font-size: 1.641em; line-height: 1.164em; } .add-text-section h2 { font-size: 1.641em; line-height: 1.164em; } .add-text-section p { margin: 0 0 23px; } .add-text-section .text-col.alignright ~ .text-box .text { padding-top: 184px; } .add-text-section .text-box .text { max-width: 100%; padding: 169px 20px 31px; } .add-text-section .text-box .add-btn { position: static; min-width: 121px; } .add-btn { font-size: 12.8px; padding: 5px 10px 7px; min-width: 161px; } .add-text-section2 { padding: 20px 20px 31px; font-size: 0.914em; line-height: 1.914em; } .add-text-section2 .image.alignleft, .add-text-section2 .image { float: none; margin: 0 0 10px; display: block; } .add-text-section2 .image.alignleft img, .add-text-section2 .image img { width: 100%; height: auto; } .add-text-section2 h2 { font-size: 1.641em; line-height: 1.164em; } .add-text-section3 { min-height: 433px; margin: 0 -20px 20px; } .add-text-section3 .text-box { margin: 75px 20px; font-size: 0.914em; line-height: 1.641em; padding: 31px 19px 29px; } .add-text-section3 .text-box h2 { font-size: 1.641em; line-height: 1.164em; margin: 0 0 12px; } .add-text-section3.image-top-state .image { display: block; position: static; } .add-text-section3.image-top-state .image img { width: 100% !important; height: auto !important; margin: 0 !important; } .add-text-section3.image-top-state .text-box { margin: 0; max-width: 100%; padding: 30px 18px; } .post-row { padding: 20px 20px 31px; font-size: 0.914em; line-height: 1.914em; } .post-row .image { float: none; margin: 0 0 10px; display: block; } .post-row .image img { width: 100%; height: auto; } .post-row h2 { font-size: 1.641em; line-height: 1.164em; } .info-boxes-row .box { position: relative !important; left: 0 !important; top: 0 !important; transform: none !important; transition: none !important; width: 100%; float: none; font-size: 0.914em; line-height: 1.914em; } .info-boxes-row .box h3, .info-boxes-row .box h2 { font-size: 1.641em; line-height: 1.164em; margin: 0 0 15px; } .info-boxes-row .box p { margin: 0 0 30px; } .info-boxes-row .box .entry { padding: 33px 19px 29px; } .info-boxes-row .box .box-holder { height: auto !important; } .add-text-section4 { margin: 0 -20px 20px; } .add-text-section4 .add-text-holder { display: table; table-layout: fixed; width: 100%; } .add-text-section4 .image-area { height: auto !important; display: table-header-group; } .add-text-section4 .image-area .image { position: static; display: block; } .add-text-section4 .image-area img { width: 100% !important; height: auto !important; margin: 0 !important; } .add-text-section4 .text-box { float: none; max-width: 100%; display: table-footer-group; padding: 0; font-size: 0.914em; line-height: 1.641em; height: auto !important; } .add-text-section4 .text-box .holder { padding: 30px 20px 35px; } .add-text-section4 .text-box h3, .add-text-section4 .text-box h2 { font-size: 1.641em; line-height: 1.164em; margin: 0 0 13px; } .holder-section h2, .info-boxes h2 { text-align: left; } .holder-section .news-topic-label, .info-boxes .news-topic-label { font-size: 14px; padding: 7px 10px; } .add-boxes .box { width: 100%; } .add-boxes .box .boxl-holder { height: auto !important; } .add-boxes h2, .add-boxes h3 { font-size: 1.641em; line-height: 1.16em; margin: 0 0 27px; } .add-boxes .entry { padding: 30px 20px 12px; } .links-cols .links-col { width: 100%; padding-bottom: 43px; } .post-boxes .news-topic-label { font-size: 14px; padding: 7px 10px; } .post-boxes .box { font-size: 12.8px; line-height: 21px; width: 100%; margin-bottom: 20px; } .post-boxes .box .box-holder { height: auto !important; } .post-boxes .entry { padding: 33px 25px 36px; } .post-boxes h2, .post-boxes h3 { font-size: 1.641em; line-height: 1.16em; } .post-boxes .add-btn { position: static; padding: 8px 10px; min-width: 181px; font-size: 14px; } hr.mobile-hide { display: none; } .sponsors-list { margin: 63px -15px 0; } .sponsors-list li { margin: 0 15px 43px; min-width: 120px; } .sponsors-list.first { margin-bottom: 18px; } .main-text-box { padding: 0 0 19px; } .main-text-box .main-video { margin-bottom: 20px; } .main-text-box .text-container .content { font-size: 0.914em; line-height: 1.875em; margin: 0 0 53px; } .main-text-box .text-post h1 { font-size: 1.914em; line-height: 1.143em; margin: 0 0 22px; } .main-text-box .text-post h2 { font-size: 1.641em; line-height: 1.333em; margin: 0 0 22px; } .main-text-box .text-post p { padding: 0 0 25px; } .main-text-box .accordion { margin-bottom: 24px; } .holder-section { padding: 10px 0 32px; } .report-section { padding: 52px 0 38px; } .report-section .heading { margin-bottom: 47px; } .report-section .heading h2 { text-align: left; } .reports-list .opener { padding: 17px 50px 15px 20px; } .reports-list .opener:before { top: 25px; right: 20px; } .reports-list .opener:after { top: 18px; right: 27px; } .reports > li { padding: 25px 18px 24px; } .reports .image { float: none; display: block; margin: 0 0 20px; } .reports .image img { width: 100%; height: auto; } .reports .add-btn { position: static; display: block; display: inline-block; vertical-align: top; } .reports .text-meta { padding: 0; } .reports h3 { font-size: 0.914em; line-height: 1.328em; margin: 0 0 8px; } .reports .meta { font-size: 0.836em; line-height: 1.282em; margin: 0 0 16px; } .reports .text { font-size: 0.836em; line-height: 1.598em; } .reports .mobile-hide { display: none; } hr ~ .add-cols { padding-top: 54px; } .data-section { margin: 0 0 15px; } .data-section .boxes { padding: 20px 0 0; } .data-section .boxes .box { padding: 0; margin: 0 0 20px; } .data-section .related-list { padding: 20px 0 0; } .data-section .related-list > li { margin-bottom: 29px; } .data-section .link-drop .popup:before { left: 88%; } .data-section .calendar-form .jcf-select { width: 110px; margin: 10px 19px 10px 0px; } .data-list-meta ~ .data-list { margin-top: 0; } .data-list-meta { padding: 19px 0 16px; margin: 0; } .data-list-meta .link, .data-list-meta .txt { display: block; } .data-list { text-align: center; margin: 0 0 25px; } .data-list .image-hold { float: none; margin: 0 0 20px; display: block; width: auto; } .data-list .text-box { padding: 0; } .data-list.documents .text-box { padding: 0; } .data-list .add-btn { position: static; display: inline-block; vertical-align: top; margin: 0 0 15px; } .data-list .flag-image { float: none; display: inline-block; vertical-align: top; } .banner-info { font-size: 1em; line-height: 1.143em; padding: 20px 15px 30px; min-height: 0; } .banner-info .img { margin: -25px 0 -20px; } .banner-info h1 { font-size: 1.643em; line-height: 1.13em; } .links-list { margin: 0 0 30px; font-size: 0.929em; line-height: 1.231em; } .links-list > li > a { padding: 12px 31px 9px 11px; } .txt-note ~ .search-box { margin-bottom: 30px; } .txt-note { margin: 0 0 30px; text-align: center; } hr.alt3 { margin-bottom: 30px; } .report-section + .report-section { padding-top: 0; } .links-boxes-alt { margin: 0 -10px 20px; } .links-boxes-alt .box { width: 100%; } .selects-box h2 { font-size: 1.5em; line-height: 1.095em; } .full-width.holder-section { padding-top: 40px; } .banner-box.banner-image.alt5 h1 { font-size: 2em; } .banner-box.banner-image.alt5 .note { font-size: 1em; line-height: 1.143em; } } .entry .item { font-size: 13px; line-height: 18px; font-weight: bold; margin: 27px 0 29px; border-top: 1px solid #ddd; } .entry .item li { border-bottom: 1px solid #ddd; padding: 14px 20px 14px 0; } .entry .item a { color: #666; } .entry .item a:hover { text-decoration: underline; } .entry .add-btn { min-width: 193px; max-width: 279px; } .topic-item { background: #fff; border-bottom: 1px solid #ddd; font-size: 0.914em; font-weight: bold; line-height: 1.641em; margin: 0 0 58px; text-transform: uppercase; } .topic-item li { border-top: 1px solid #ddd; } .topic-item a { display: block; padding: 16px 34px 16px 14px; position: relative; text-decoration: none; color: #999; } .topic-item a:hover { background: #ed1941; color: #fff; } .topic-item a:hover i { color: #fff; } .topic-item i { color: #acacac; margin: -8px 0 0; position: absolute; right: 13px; top: 50%; } .c2 { margin: 0 340px 0 0; } .visual img { width: 100%; } .question-block { line-height: 28px; } .question-block .slide { display: none; } .question-block .slide.active { display: block; } .question-block .text-box { line-height: 24px; } .question-block .text-box .text { padding: 39px 34px 6px; } .question-block .sidebar h2 { color: #333; font-size: 28px; line-height: 34px; } .question-block .sidebar .text-col { width: auto; padding: 0; float: none; } .question-block .sidebar .text-col .text-holder { background: #efefef; padding: 16px 23px 40px; } /* custom checkbox styles */ .jcf-checkbox { vertical-align: middle; display: inline-block; position: relative; overflow: hidden; cursor: default; background: #fff; border: 1px solid #ddd; margin: 0 3px 0 0; height: 25px; width: 25px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .jcf-checkbox span { position: absolute; display: none; height: 13px; width: 13px; background: #464646; top: 50%; left: 50%; margin: -6px 0 0 -6.5px; } :root .jcf-checkbox span { margin: -6px 0 0 -6.5px; } .jcf-checkbox input[type="checkbox"] { position: absolute; width: 100%; height: 100%; border: 0; margin: 0; left: 0; top: 0; } .jcf-checkbox.jcf-checked span { display: block; } /* custom radio styles */ .jcf-radio { vertical-align: middle; display: inline-block; position: relative; overflow: hidden; cursor: default; background: #fff; border: 1px solid #ddd; border-radius: 100%; margin: 0 3px 0 0; height: 25px; width: 25px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .jcf-radio span { display: none; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background: #464646; border-radius: 100%; } .jcf-radio input[type="radio"] { position: absolute; height: 100%; width: 100%; border: 0; margin: 0; left: 0; top: 0; } .jcf-radio.jcf-checked span { display: block; } .block { margin: 0 0 45px; padding: 31px 0 0; } .block h1 { color: #333; font: 28px/34px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 33px; text-transform: uppercase; } .block .info-item { padding: 0 0 18px; } .block .info-item li { padding: 0 0 6.7px; } .block .btn-box { float: none; } .block .btn-box a { margin: 0 16px 0 0; min-width: 191px; padding: 9px 20px; } .form .jcf-select { width: 100%; } .form .required-box { position: absolute; left: 100%; background: #fff; top: 50%; min-width: 167px; padding: 8px 13px 7px; margin: -22px 0 0 9px; font-weight: bold; color: #ed1941; border: 1px solid #ed1941; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); border-radius: 6px; display: none; z-index: 10; } .form .required-box:after, .form .required-box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .form .required-box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 7px; margin-top: -7px; } .form .required-box:before { border-color: rgba(237, 25, 65, 0); border-right-color: #ed1941; border-width: 8px; margin-top: -8px; } .form .row { margin: 0 -3px 0 0; padding: 0 0 7px; position: relative; } .form .row .row { padding: 4px; overflow: hidden; } .form .row.required label, .form .row.required .label { font-weight: bold; } .form .row.required label:after, .form .row.required .label:after { display: inline-block; vertical-align: top; content: '*'; color: #ed1941; margin: 0 0 0 5px; font-size: 13px; } .form .row.required .row-frame label, .form .row.required .row-holder label { font-weight: normal; } .form .row.required .row-frame label:after, .form .row.required .row-holder label:after { display: none; } .form .row.error label, .form .row.error .label { color: #ed1941; } .form .row.error input, .form .row.error .jcf-upload-button, .form .row.error textarea { border-color: #ed1941; color: #ed1941; } .form .row.error .required-box { display: block; } .form .row.error .error .jcf-select, .form .row.error .error .jcf-radio, .form .row.error .error .jcf-checkbox { border-color: #ed1941; } .form .row-box { float: left; width: 31.222%; margin: 0 0 0 2.866%; } .form .row-box:first-child { margin: 0; } .form .row-box label, .form .row-box .label { width: auto; float: none; display: block; padding: 0; margin: 0 0 18px; } .form .row-box .row { padding: 0 0 15px; margin: 0; width: 100%; float: none; } .form label, .form .label { float: left; color: #333; width: 265px; padding: 0 10px 0 0; margin: 12px 0 0; } .form .row-frame { overflow: hidden; padding: 4px; } .form .jcf-select { margin: 0; height: 35px; } .form .jcf-select .jcf-select-text { line-height: 34px; } .form .jcf-select .jcf-select-opener { top: 6px; } .form input[type="text"], .form input[type="email"], .form input[type="password"], .form input[type="url"], .form input[type="search"], .form textarea { border: 1px solid #ddd; height: 35px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important; border-radius: 0 !important; display: block; width: 100%; font-size: 14px; line-height: 24px; font-weight: bold; text-transform: uppercase; -webkit-appearance: none; } .form ::-webkit-input-placeholder { color: #acacac; } .form ::-moz-placeholder { opacity: 1; color: #acacac; } .form :-moz-placeholder { color: #acacac; } .form :-ms-input-placeholder { color: #acacac; } .form .placeholder { color: #acacac; } .form textarea { height: 150px; resize: none; margin: 3px 0 0; } .form textarea:focus { border-color: #4d4d4d; } .form input[type="submit"] { float: right; background: none; border-radius: 0 !important; } .form .row-frame .row { float: left; width: 30.222%; margin: 0 0 0 4.666%; padding: 0; } .form .row-frame .row:first-child { margin: 0; } .form .row-frame label { width: auto; } .form .jcf-radio { float: left; margin: 5px 20px 0 0; } .form .row-holder { overflow: hidden; padding: 4px; } .form .row-holder .row { float: left; width: 31.333%; padding: 0 5px 0 0; margin: 0; } .form .row-holder .row label { padding: 7px 0 0; float: none; width: auto; margin: 0; display: block; overflow: hidden; } .form .row-holder .row label.chec-label { padding: 5px 0 0; } .form .row-holder .row.error .row label { color: #333; } .form .row-holder .row.error .row.error label { color: #ed1941; } .form .jcf-checkbox { margin: 3px 20px 0 0; float: left; } .form .mandatory { color: #ed1941; font-weight: bold; display: block; padding: 9px 0 0; } .form .row-check .row { float: none; padding: 9px 0 8px 4px; width: 100%; } .form .row-check .row input[type="text"] { margin: 3px 0 0; } .form .row-format { clear: both; font-size: 12px; line-height: 15px; color: #959595; padding: 6px 0 0; } .form .captcha-box { border: 1px solid #ddd; text-align: center; padding: 10px 76px 11px; position: relative; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .form .captcha-box img { vertical-align: top; width: 100%; height: auto; } .form .captcha-box .refresh-link { position: absolute; right: 26px; top: 50%; background: url(/web/20170324194528im_/https://stillres.olympic.org/images/refresh.png) no-repeat; width: 18px; height: 18px; text-indent: -9999px; overflow: hidden; margin: -9px 0 0; } .form .captcha-section .required-box { top: 100%; margin: -55px 0 0 9px; } .form .file-section .required-box { margin: -33px 0 0 9px; } .form .select-section .required-box { margin: -11px 0 0 9px; } .popup-question { position: relative; display: inline-block; vertical-align: top; } .popup-question.popup-active .popup-holder { display: block; } .popup-question.popup-active .popup-frame { display: block; } .popup-question .popup-holder { position: absolute; top: 100%; left: -140px; padding: 16px 0 0; z-index: 2; display: none; } .popup-question .popup-frame { color: #666; font-weight: 500; font-size: 14px; line-height: 24px; border: 1px solid #d6d6d6; background: #fff; border-radius: 5px; width: 320px; position: relative; padding: 30px 32px 45px 34px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); display: none; } .popup-question .popup-frame:after, .popup-question .popup-frame:before { bottom: 100%; left: 47%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .popup-question .popup-frame:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; } .popup-question .popup-frame:before { border-color: rgba(214, 214, 214, 0); border-bottom-color: #d6d6d6; border-width: 8px; margin-left: -8px; } .popup-question .popup-frame p { margin: 0; } /* custom file input styles */ .jcf-file { display: inline-block; white-space: nowrap; position: relative; overflow: hidden; background: #fff; } .jcf-file .jcf-real-element { position: absolute; font-size: 200px; height: 200px; margin: 0; right: 0; top: 0; } .jcf-file .jcf-fake-input { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 45px; width: 148px; float: right; font-size: 14px; line-height: 45px; font-weight: bold; color: #959595; padding: 0 10px; text-align: center; } .jcf-file .jcf-upload-button { white-space: nowrap; overflow: hidden; border: 2px solid #acacac; padding: 0 10px; height: 45px; width: 190px; float: left; font-size: 14px; line-height: 42px; font-weight: bold; color: #959595; text-align: center; } .jcf-select-drop-content .jcf-option-js-drop-hidden { display: none !important; } .jcf-select-drop-content .jcf-option { padding: 9px 13px; } .sup-box { overflow: hidden; font-size: 14px; line-height: 17px; padding: 21px 0 33px 3px; } .sup-box .expand { float: left; text-transform: uppercase; color: #666; font-weight: bold; margin: 1px 10px 0 0; max-width: 150px; } .sup-box .sup-text { overflow: hidden; text-align: right; } .sup-box p { margin: 0; color: #999; } .sup-box p a { color: #0081c8; font-weight: bold; } .new-reports { line-height: 28px; } .new-reports .reports > li { padding: 12px 23px 12px 20px; } .new-reports ul ul { padding: 5px 0 23px 31px; line-height: 18px; } .new-reports ul ul li { position: relative; padding: 0 0 10px 10px; list-style: initial; } .new-reports p { margin: 0 0 2em; } .new-reports p a { font-weight: bold; } .new-reports .learn { display: block; } .new-reports .olympic-link { font-weight: bold; color: #0081c8; } .new-reports .btn-box { margin: 0 -60px 0 0; } .new-reports .add-btn { position: static; min-width: 150px; padding: 8px 20px; margin: 0 17px 0 0; } .new-reports .info-item { padding: 12px 0 18px 1px; } .new-reports .info-item li { padding: 0 0 10px; list-style: none; } .new-reports .info-item li:before { display: none; } .login-form { background: #efefef; padding: 19px 20px 21px 20px; } .login-form strong { display: block; margin: 0 0 17px 3px; color: #333; text-transform: uppercase; font: 28px/31px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .login-form input[type="email"], .login-form input[type="password"], .login-form input[type="text"], .login-form .pass { border: 1px solid #ddd; color: #999; font-size: 14px; line-height: 17px; font-weight: bold; margin: 0 0 20px; height: 35px; width: 100%; padding: 4px 15px; text-transform: uppercase; display: block; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important; border-radius: 0 !important; -webkit-appearance: none; } .login-form ::-webkit-input-placeholder { color: #999; } .login-form ::-moz-placeholder { opacity: 1; color: #999; } .login-form :-moz-placeholder { color: #999; } .login-form :-ms-input-placeholder { color: #999; } .login-form .placeholder { color: #999; } .login-form input[type="submit"] { border-width: 2px; font-size: 14px; line-height: 17px; font-weight: bold; display: block; min-width: 0; width: 135px; height: 45px; background: none; padding: 5px 5px 4px 5px; margin: 0 0 14px; border-radius: 0 !important; } .login-form a { color: #0081c8; font-size: 13px; line-height: 16px; font-weight: bold; text-transform: uppercase; } .question-box { background: #0081c8; color: #fff; line-height: 24.4px; margin: 0 0 51px; } .question-box .slide { display: none; } .question-box .slide.active { display: block; } .question-box img { vertical-align: top; } .question-box h2 { text-transform: uppercase; font: 1.75em/1.061em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; margin: 0 0 13px; } .question-box .box { padding: 41px 26px 42px; } .question-box p { margin: 0 0 1.5em; } .main-frame .sidebar { float: right; } .popup-holder { display: none; } #popup1 { width: 803px !important; } #popup2 { width: 360px !important; } .form-block { margin-top: 44px; background: #fff; width: 100%; padding: 35px 42px 53px; } .form-block h2 { font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 43px; } .form-block .row { overflow: hidden; padding: 1px 0 0; } .form-block label { display: block; padding-top: 10px; overflow: hidden; color: #333; font: bold 14px/16px "HelveticaNeueW", Arial, Helvetica, sans-serif; } .form-block mark { background: none; color: #ed1941; } .form-block input[type='text'], .form-block input[type='email'], .form-block textarea, .form-block .captcha-box { float: right; border: 1px solid #ddd; height: 35px; width: 450px; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.08); margin-bottom: 21px; font-size: 14px; line-height: 24px; font-weight: bold; text-transform: uppercase; position: relative; } .form-block input[type='text'] ::-webkit-input-placeholder, .form-block input[type='email'] ::-webkit-input-placeholder, .form-block textarea ::-webkit-input-placeholder, .form-block .captcha-box ::-webkit-input-placeholder { font-weight: bold; color: #acacac; } .form-block input[type='text'] ::-moz-placeholder, .form-block input[type='email'] ::-moz-placeholder, .form-block textarea ::-moz-placeholder, .form-block .captcha-box ::-moz-placeholder { opacity: 1; font-weight: bold; color: #acacac; } .form-block input[type='text'] :-moz-placeholder, .form-block input[type='email'] :-moz-placeholder, .form-block textarea :-moz-placeholder, .form-block .captcha-box :-moz-placeholder { font-weight: bold; color: #acacac; } .form-block input[type='text'] :-ms-input-placeholder, .form-block input[type='email'] :-ms-input-placeholder, .form-block textarea :-ms-input-placeholder, .form-block .captcha-box :-ms-input-placeholder { font-weight: bold; color: #acacac; } .form-block input[type='text'] .placeholder, .form-block input[type='email'] .placeholder, .form-block textarea .placeholder, .form-block .captcha-box .placeholder { font-weight: bold; color: #acacac; } .form-block input[type='text'] -ms-input-placeholder, .form-block input[type='email'] -ms-input-placeholder, .form-block textarea -ms-input-placeholder, .form-block .captcha-box -ms-input-placeholder { color: #acacac; } .form-block input[type='text'].alt, .form-block input[type='email'].alt, .form-block textarea.alt, .form-block .captcha-box.alt { font-weight: normal; } .form-block input[type='text'] .captcha, .form-block input[type='email'] .captcha, .form-block textarea .captcha, .form-block .captcha-box .captcha { padding-top: 10px; } .form-block input[type='text'] .refresh, .form-block input[type='email'] .refresh, .form-block textarea .refresh, .form-block .captcha-box .refresh { position: absolute; top: 50%; margin-top: -9px; right: 26px; z-index: 1; opacity: 1; transition: opacity .2s; } .form-block input[type='text'] .refresh:hover, .form-block input[type='email'] .refresh:hover, .form-block textarea .refresh:hover, .form-block .captcha-box .refresh:hover { opacity: .7; } .form-block :-ms-input-placeholder { color: #acacac; } .form-block input.placeholder { color: #acacac; } .form-block textarea { height: 150px; } .form-block .captcha-box { height: 80px; text-align: center; } .form-block .captcha-box img { display: inline-block; } .form-block .required-fields { font: bold 14px/16px "HelveticaNeueW", Arial, Helvetica, sans-serif; color: #ed1941; } .form-block .add-btn { float: right; margin-top: 30px; min-width: 191px; } .share-social { margin-top: 44px; background: #fff; width: 100%; padding: 35px 10px 40px; overflow: hidden; text-align: center; } .share-social h2 { font: 2em/1.071em "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 37px; } .share-social .social-networks { overflow: hidden; font-size: 0; line-height: 0; padding: 3px 0 0 13px; } .share-social .social-networks li { display: inline-block; vertical-align: middle; margin: 0 8px; } .share-social .social-networks li:first-child { margin: 0 8px 0 0; } .share-social .social-networks a { display: block; transition: opacity .3s; } .share-social .social-networks a:hover { opacity: .8; } .share-social .social-networks .facebook, .share-social .social-networks .twitter, .share-social .social-networks .linkedin, .share-social .social-networks .pinterest, .share-social .social-networks .vkontakte { background: url(/web/20170324194528im_/https://stillres.olympic.org/images/sprites/social-sprite.png) no-repeat top left; display: block; margin: 0 auto; position: relative; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .share-social .social-networks .facebook, .share-social .social-networks .twitter, .share-social .social-networks .linkedin, .share-social .social-networks .pinterest, .share-social .social-networks .vkontakte { background: url(/web/20170324194528im_/https://stillres.olympic.org/images/sprites/social-sprite@2x.png) no-repeat top left; background-size: 250px 50px; } } .share-social .social-networks .facebook { background-position: 0px 0px; width: 40px; height: 50px; } .share-social .social-networks .twitter { background-position: -40px 0px; width: 48px; height: 50px; } .share-social .social-networks .linkedin { background-position: -88px 0px; width: 53px; height: 50px; } .share-social .social-networks .pinterest { background-position: -141px 0px; width: 44px; height: 50px; } .share-social .social-networks .vkontakte { background-position: -185px 0px; width: 67px; height: 50px; } @media only screen and (max-width: 500px) { .sub-sections > li { width: 100%; } .cta-carousel-games .frame ul > li { width: 100% !important; } } @media only screen and (max-width: 1023px) { .tablet-box { height: auto !important; } .random-box .image { position: static; height: auto; } .random-box img { margin: 0 !important; width: 100% !important; height: auto !important; } .random-box .text { padding-top: 20px !important; max-width: none !important; } .random-box .text .add-btn { position: static; } .new-reports .btn-box { margin: 0 !important; } .form .required-box { left: 50% !important; top: 100% !important; margin: 0 0 0 40px !important; z-index: 1; } .form .required-box:after, .form .required-box:before { bottom: 100%; left: 50%; right: auto !important; top: auto !important; border: solid transparent; content: " "; height: 0 !important; width: 0 !important; position: absolute; pointer-events: none; } .form .required-box:after { border-color: rgba(255, 255, 255, 0) !important; border-bottom-color: #fff !important; border-width: 6px !important; margin-left: -6px !important; } .form .required-box:before { border-color: rgba(237, 25, 65, 0) !important; border-bottom-color: #ed1941 !important; border-width: 7px !important; margin-left: -7px !important; } .block .btn-box a { margin: 0 16px 16px 0 !important; } .form-block { width: auto !important; margin: 42px 10px 0; padding: 20px 10px; } .share-social { width: auto !important; margin: 42px 10px 0; } .share-social h2 { font-size: 16px; line-height: 18px; margin-bottom: 10px; } .share-social .social-networks { padding: 5px 0 0; } .share-social .social-networks li { margin: 0 5px; } .share-social .social-networks li:first-child { margin: 0 5px; } #popup1 { margin: 0 auto; width: 300px !important; } #popup2 { width: 300px !important; margin: 0 auto; } } @media only screen and (max-width: 767px) { .random-box .image { position: static; height: auto; } .random-box img { margin: 0 !important; width: 100% !important; height: auto !important; } .random-box .text { padding-top: 20px !important; } .question-box .picture img { width: 100%; max-width: 280px; display: block; margin: 0 auto; } .form .row { margin: 0; } .form .label, .form label { float: none; width: 100%; display: block; margin: 0 0 10px; padding: 0; } .form .row-frame, .form .row-holder { padding: 0; overflow: visible; } .form .row-frame .row, .form .row-holder .row { float: none; width: 100%; margin: 0 0 10px; } .form .row-frame .row:first-child, .form .row-holder .row:first-child { margin: 0 0 10px; } .form .row-box { float: none; width: 100%; margin: 0 0 10px; } .form .row-box:first-child { margin: 0 0 10px; } .form .jcf-file { display: block; } .form .jcf-file .jcf-upload-button, .form .jcf-file .jcf-fake-input { float: none; display: block; width: 100%; } .form .required-box { margin: 0 0 0 -86px !important; } .captcha-box { padding: 10px 36px 11px; } .captcha-box .refresh-link { right: 10px; } } /* Responsive Tables */ table.responsive { width: 100%; margin-bottom: 60px; } table.responsive th, .pinned table th { font-size: 0.914em; line-height: 1.172em; color: #999; text-transform: uppercase; font-weight: bold; } table.responsive td, table.responsive th, .pinned table th, .pinned table td { border-bottom: 1px solid #ddd; padding: 17px 10px; vertical-align: middle; text-align: left; } table.responsive th:first-child, table.responsive td:first-child { padding-left: 0px; } /* Mobile */ @media only screen and (max-width: 767px) { table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ddd; } .pinned table { width: 100%; border-collapse: separate; } .pinned table th, .pinned table td { white-space: nowrap; padding-left: 0px; } div.table-wrapper { position: relative; margin-bottom: 60px; overflow: hidden; } div.table-wrapper div.scrollable { margin-left: 35%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } } .variable-height { min-height: 500px; } @media only screen and (min-width: 768px) { .variable-height { padding: 20px 0 !important; height: 70vh !important; display: flex; align-items: center; } .variable-height > .holder, .variable-height > .text-box { width: 1130px; } } @media only screen and (max-width: 1130px) { .variable-height > .holder, .variable-height > .text-box { width: 100%; } } @media only screen and (max-width: 1023px) { .variable-height { min-height: 350px; } .variable-height.profiles { display: block; height: auto !important; padding: 0 !important; } .variable-height.profiles .bg-image { height: 70vh; } } @media only screen and (max-width: 767px) { .variable-height { min-height: 227px; } .variable-height.profiles .bg-image { height: auto; } } .anchor-bar { padding: 10px 0 13px; background: #4f8f26; overflow: hidden; color: #fff; } .anchor-bar .main-holder { background: none; max-width: 1090px; margin: 0 auto; padding: 0 15px; position: relative; } .anchor-bar .title { float: left; text-transform: uppercase; font: 24px/27px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .anchor-bar .anchor-list { float: right; font-weight: bold; font-size: 13px; line-height: 15px; text-transform: uppercase; padding: 8px 0 0; } .anchor-bar .anchor-list li { display: inline-block; vertical-align: top; border-right: 1px solid #fff; padding: 0 11px 0 9px; margin: 0 0 2px; } .anchor-bar .anchor-list li:last-child { border: none; } .anchor-bar .anchor-list li:last-child { padding-right: 0; } .anchor-bar .anchor-list a { color: #fff; } .anchor-bar .anchor-list a:hover { color: #e6e6e6; } .watch-tv { padding: 57px 0 0; } .watch-tv .heading { margin: 0 0 2px; } .watch-tv .heading h2 { font-size: 28px; line-height: 31px; margin: 0; float: left; padding: 20px 0 0; } .watch-tv .select-country { float: right; width: 341px; position: relative; } .watch-tv .select-country.active .drop { display: block; } .watch-tv .select-country .btn-opener { display: block; border: 1px solid #fff; height: 50px; padding: 14px 105px 10px 17px; position: relative; color: #fff; } .watch-tv .select-country .btn-opener img { display: inline-block; vertical-align: middle; margin: 2px 5px 0 0; } .watch-tv .select-country .btn-opener .name { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 17px; font-weight: bold; } .watch-tv .select-country .opener { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 16px 20px 16px 0; font-size: 14px; line-height: 1; font-weight: bold; text-align: right; } .watch-tv .select-country .opener:after { font-size: 14px; line-height: 1; font-family: 'Olympics'; content: "\e601"; font-weight: normal; display: inline-block; margin: 0 0 0 13px; position: relative; top: 2px; } .watch-tv .drop { background: #fff; border: 1px solid #ddd; border-top: 0; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1); margin: -1px 0 0; position: absolute; top: 100%; left: 0; right: 0; display: none; max-height: 200px; overflow: auto; z-index: 10; } .watch-tv .drop ul { display: inline-block; vertical-align: top; position: relative; background: #fff; line-height: 16px; font-size: 14px; font-weight: bold; color: #333; width: 100%; } .watch-tv .drop ul li img { display: inline-block; margin: 0 10px 0 0; position: relative; top: 1px; } .watch-tv .drop ul li a { overflow: hidden; display: block; padding: 10px 13px; color: #333; text-transform: uppercase; } .watch-tv .drop ul li a:hover { background: #e6e6e6; color: #000; } .watch-tv .tv-info { margin: 0 0 0 7%; } .watch-tv .tv-info .sub-title { color: #fff; opacity: 0.4; } .watch-tv .tv-info ul { color: #fff; } .watch-tv .tv-info ul a { color: #fff; } .watch-tv .tv-info .img-holder .country { color: #fff; } @media only screen and (max-width: 1024px) { .watch-tv .tv-info { margin: 0; } .anchor-bar .anchor-list { line-height: 25px; margin-left: -8px; } } @media only screen and (max-width: 767px) { .watch-tv { padding: 20px 0; } .watch-tv .heading h2 { padding: 0 0 10px; } .watch-tv .select-country { text-align: left; width: 100%; } .watch-tv .select-country .btn-opener { height: auto; padding: 6px 105px 8px 17px; } .watch-tv .select-country .opener { padding: 8px 12px 7px 0; } .watch-tv .tv-info .img-holder img { width: 50px; } .watch-tv .tv-info .slide.js-slide-hidden { position: static !important; } } .schedule { padding: 0 0 57px; } .schedule .heading { margin: 0 0 21px; } .schedule .schedule-widget img { width: 100%; height: auto; } .info { min-height: 452px; padding: 98px 0 95px; margin: 0; } .info .text-box { max-width: 974px; padding: 0 10px; } .info .img-holder { float: left; margin: 0 6.8% 0 0; } .info .text-holder { overflow: hidden; padding: 13px 0 0; } .info .text-holder h2 { margin: 0 0 34px; text-transform: uppercase; font: 36px/39px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; } .info .text-holder ul { font: 24px/27px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; } .info .text-holder ul li { display: inline-block; vertical-align: top; width: 39%; margin: 0 10% 13px 0; } .info .text-holder ul li a { color: #fff; display: block; position: relative; padding: 0 20px 0 0; } .info .text-holder ul li a:before { position: absolute; font-family: 'Olympics'; font-size: 17px; line-height: 1; content: "\e607"; top: 5px; right: 0; } .info .text-holder ul li a:hover { color: #e6e6e6; } .watch-live .title { display: block; padding: 0 0 14px; margin: 0 0 24px; font-size: 13px; line-height: 16px; text-transform: uppercase; color: #999; border-bottom: 1px solid #ddd; } .watch-live .continents-filter { font: 24px/27px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 73px; } .watch-live .continents-filter li { display: inline-block; vertical-align: top; width: 32%; margin: 0 0 3px; } .watch-live .continents-filter li.active a { color: #63b330; } .watch-live .continents-filter li a { color: #333; } .watch-live .continents-filter li a:hover { color: #63b330; } .tv-info { padding: 55px 0; font-size: 14px; line-height: 18px; } .tv-info .img-holder { float: left; text-align: center; margin: 4px 8.7% 0 0; } .tv-info .img-holder a { display: block; } .tv-info .img-holder img { display: inline-block; margin: 0 0 14px; } .tv-info .img-holder .country { display: block; font: 15px/18px "Trade-Gothic-W-Cond-Bold", Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase; width: 90px; } .tv-info .slide { overflow: hidden; } .tv-info .col { display: inline-block; vertical-align: top; width: 32%; } .tv-info .sub-title { display: block; color: #999; margin: 0 0 16px; } .tv-info ul { color: #333; font-weight: bold; } .tv-info ul li { margin: 0 0 2px; } .tv-info ul a { color: #333; display: inline-block; vertical-align: top; padding: 0 25px 0 0; position: relative; } .tv-info ul a:hover { color: #4d4d4d; } .tv-info ul a:before { position: absolute; font-family: 'Olympics'; font-size: 16px; line-height: 1; content: "\e607"; top: 0; right: 0; } .ajax-area .btn-more .item-2 { display: none; } .ajax-area.ajax-loading .btn-more .item-2 { display: block; } .ajax-area.ajax-loading .btn-more .item-1 { display: none; } @media only screen and (max-width: 767px) { .watch-live .title { text-align: center; } .watch-live .continents-filter { font-size: 15px; line-height: 18px; text-align: center; margin: 0 0 20px; } .tv-info { padding: 10px 0; font-size: 12px; line-height: 15px; } .tv-info .sub-title { margin: 0; } .tv-info .img-holder { float: none; text-align: left; margin: 0; } .tv-info .img-holder img { display: inline-block; vertical-align: middle; width: 30px; height: auto; margin: 0 10px 0 0; } .tv-info .img-holder .country { display: inline-block; vertical-align: middle; } .tv-info ul { margin: 0 0 10px; } .tv-info ul a:before { font-size: 13px; } .tv-info .col { display: block; width: auto; } .slide { padding: 20px 0 0; } .info { padding: 20px 0; min-height: 0; } .info .img-holder { max-width: 100px; float: none; margin: 0 auto 20px; } .info .img-holder img { width: 100%; height: auto; } .info .text-holder { padding: 0; } .info .text-holder h2 { margin: 0 0 10px; font-size: 20px; line-height: 23px; } .info .text-holder ul { font-size: 18px; line-height: 21px; } .info .text-holder ul li { margin: 0 10% 5px 0; } .info .text-holder ul li a:before { top: 1px; } } @media only screen and (max-width: 480px) { .info .text-holder ul li { width: 100%; margin: 0 0 10px 0; } .watch-tv .tv-info ul a { margin: 5px 0; } } @media only screen and (min-width: 767px) { .tv-info .slide.js-slide-hidden { position: static !important; } .tv-info .img-holder a { pointer-events: none; } } /*# sourceMappingURL=all.css.map */ /* FILE ARCHIVED ON 19:45:28 Mar 24, 2017 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 18:52:43 Dec 09, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.93 exclusion.robots: 0.046 exclusion.robots.policy: 0.03 esindex: 0.019 cdx.remote: 11.488 LoadShardBlock: 259.756 (6) PetaboxLoader3.datanode: 220.585 (8) PetaboxLoader3.resolve: 149.426 (2) load_resource: 204.677 (2) */