* { margin: 0; padding: 0; border: 0; font-family: "Source Sans Pro", sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body { -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 24px; color: #1e1e1e; } h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; } ul, li { list-style: none; } a { text-decoration: none; color: #fc1b28; } img { vertical-align: bottom; } .project-color { color: #fc1b28 !important; } main { clear: both; } .wrapper { width: 1238px; margin: 0 auto; } @media all and (max-width: 1251px) { .wrapper { width: 1002px; } } @media all and (max-width: 1025px) { .wrapper { width: 746px; } } @media all and (max-width: 769px) { .wrapper { width: 100%; max-width: 746px; padding-left: 10px !important; padding-right: 10px !important; } } .inside { padding: 43px 0 0 0; } .inside h1.title { color: #fc1b28; font-size: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-weight: bold; } .inside .page-content { padding: 20px 0 0 0; clear: both; } .inside .inside-menu { text-align: center; } .inside .inside-menu .item { font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: bold; margin: 0 10px; display: inline-block; } .inside .inside-menu .item a { color: #1e1e1e; } .inside .inside-menu .item a:hover { color: #fc1b28; } .inside .inside-menu .item h1.title { border-bottom: 2px solid; line-height: 36px; position: relative; } .inside .inside-menu .item h1.title:after { content: ""; position: absolute; left: 50%; top: 100%; margin-top: 6px; margin-left: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 13px solid #fc1b28; clear: both; } .inside .inside-menu.inside-watch-menu { margin-bottom: 15px; } .inside .inside-body p { line-height: 26px; font-size: 17px; padding: 12px 0 12px 0; } .inside .inside-body p:first-child { padding-top: 0px; } .inside .inside-body p:last-child { margin-bottom: 40px; } .inside .inside-body ul { line-height: 26px; font-size: 17px; padding: 12px 0 6px 0; } .inside .inside-body ul:first-child { padding-top: 0px; } .inside .inside-body ul li { padding-bottom: 6px; padding-left: 15px; position: relative; } .inside .inside-body ul li:before { content: ""; float: left; background-color: #fc1b28; width: 5px; height: 5px; position: absolute; left: 0px; top: 10px; border-radius: 3px; } .inside .inside-body ul:last-child { margin-bottom: 40px; } .inside .inside-body-title { font-size: 26px; border-bottom: 1px solid #ccc; font-weight: 800; line-height: 32px; } .inside .inside-body-gallery { padding-top: 12px; padding-bottom: 20px; } .inside .inside-body-gallery .items { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; clear: both; overflow: hidden; margin-top: 20px; } .inside .inside-body-gallery .items img { float: left; width: calc(33.333333333% - 10px); margin: 0 5px 10px 5px; border: 1px solid #ccc; } .inside .inside-body-gallery .items.no-sidebar img { width: calc(25% - 10px); } .inside .inside-body-gallery .more { text-align: center; padding: 10px 0 0 0; } .inside .inside-body-gallery .more a { display: inline-block; margin: 0 auto; padding: 16px; min-width: 194px; color: #fff; background-color: #fc1b28; border-radius: 6px; text-transform: uppercase; line-height: 12px; font-size: 18px; font-weight: bold; } .inside .inside-body-gallery .more a:hover { background-color: #000; } .pagination { border-top: 1px solid #000; clear: both; overflow: hidden; text-align: center; } .pagination .pagination-list { padding-top: 30px; padding-bottom: 50px; display: inline-block; } .pagination .pagination-list a { float: left; width: 45px; height: 45px; line-height: 42px; border: 1px solid #ccc; color: #ccc; box-sizing: border-box; font-weight: bold; font-size: 20px; } .pagination .pagination-list a + a { margin-left: 10px; } .pagination .pagination-list a:hover, .pagination .pagination-list a.active { color: #fc1b28; border-color: #fc1b28; } .pagination .pagination-list a.arrows { line-height: 38px; } .pagination .pagination-list a.arrows span { border: solid #ccc; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .pagination .pagination-list a.arrows span.prev { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .pagination .pagination-list a.arrows span.prev:first-of-type { margin-left: 4px; margin-right: -2px; } .pagination .pagination-list a.arrows span.next { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .pagination .pagination-list a.arrows span.next:last-of-type { margin-left: -2px; margin-right: 2px; } .pagination .pagination-list a.arrows:hover span { border-color: #fc1b28; } .styled-select { background-color: #edecec; background-position: calc(100% - 8px); background-repeat: no-repeat; background-image: url(../img/select.png); height: 28px; overflow: hidden; width: 240px; position: relative; } .styled-select select { background: transparent; border: none; font-size: 16px; padding: 0 10px; height: 100%; width: calc(100% + 16px); outline: 0; -webkit-appearance: none; cursor: pointer; } .inside .inside-x-trial-menu { padding-bottom: 20px; } @media all and (max-width: 1251px) { .inside .inside-x-trial-menu .item { font-size: 34px; line-height: 34px; margin: 0 10px; } .inside .inside-x-trial-menu .item h1.title { font-size: 34px; line-height: 34px; } } @media all and (max-width: 1025px) { .inside .inside-x-trial-menu { padding-bottom: 0px; } .inside .inside-x-trial-menu .item { font-size: 26px; line-height: 26px; margin: 0 5px; } .inside .inside-x-trial-menu .item h1.title { font-size: 26px; line-height: 26px; } } @media all and (max-width: 769px) { .inside { padding-top: 33px; } .inside h1.title { font-size: 26px !important; line-height: 26px !important; } .inside .inside-menu { position: relative; clear: both; overflow: hidden; } .inside .inside-menu .item.option { display: block; margin-top: 4px; font-size: 22px !important; line-height: 22px !important; } .inside .inside-menu .item.option:first-of-type { margin-top: 30px; } .inside .inside-menu .item.title { position: absolute; left: 0px; top: 0px; text-align: center; width: calc(100% - 15px); font-size: 26px !important; line-height: 26px !important; } .inside .inside-menu .item.title h1.title { display: inline-block; border-bottom: none; font-size: 26px !important; line-height: 26px !important; } .inside .inside-menu .item.title h1.title:after { display: none; } .inside .inside-menu.inside-watch-menu { margin-bottom: 0px; } .inside .inside-x-trial-menu .item.title { width: calc(100% - 10px); } } .sidebar { position: absolute; top: 0px; right: 0px; width: 302px; } .sidebar img { width: 100%; } .sidebar .item { margin-bottom: 10px; } .sidebar .item + .item .box-section h6 { padding-top: 12px; } .sidebar .bann { border: 1px solid #ccc; } .sidebar .box-section h6 { font-size: 26px; line-height: 32px; font-weight: bold; } .sidebar .box-section .table { border: 1px solid #ccc; margin-top: 0px !important; } .sidebar .box-section .table .tr { clear: both; overflow: hidden; } .sidebar .box-section .table .td { float: left; } .sidebar .box-section .table .thead { text-transform: uppercase; } .sidebar .box-section .results { padding: 12px 19px 14px 19px; } .sidebar .box-section .results .thead { border-bottom: 1px solid #ccc; } .sidebar .box-section .results .thead .tr { padding-bottom: 4px; } .sidebar .box-section .results .tbody .tr { padding-top: 3px; padding-bottom: 1px; } .sidebar .box-section .results .tbody .tr:last-of-type { padding-bottom: 0px; } .sidebar .box-section .results .tr .td:nth-child(1) { width: 15%; } .sidebar .box-section .results .tr .td:nth-child(2) { width: 39%; } .sidebar .box-section .results .tr .td:nth-child(3) { width: 23%; text-align: center; } .sidebar .box-section .results .tr .td:nth-child(4) { width: 23%; text-align: right; } .sidebar .box-section .results .tbody .tr .td:nth-child(1) { font-weight: bold; padding-left: 8px; } .sidebar .box-section .results .tbody .tr .td:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar .box-section .results .tbody .tr .td:nth-child(4) { padding-right: 8px; color: #fc1b28; font-weight: bold; } .sidebar .box-section .career .season { padding: 8px 20px 9px 20px; } .sidebar .box-section .career .season:nth-child(even) { background-color: #edecec; } .sidebar .box-section .career .season:first-of-type { padding-top: 13px; } .sidebar .box-section .career .season:last-of-type { padding-bottom: 14px; } .sidebar .box-section .career .season .year { font-weight: bold; color: #fc1b28; } .sidebar .box-section .career .season .team { font-style: italic; } .sidebar .box-section + .box-section { margin-top: 10px; } .next-race { background-color: #1e1e1e; color: #fff; text-transform: uppercase; text-align: center; border: 1px solid ; font-size: 22px; padding: 13px 0 13px 0; font-weight: bold; } .next-race a { color: #fff; } .next-race .title { display: block; color: inherit; } .next-race .countdown { padding: 12px 0 12px 0; margin: 0 auto; width: 270px; clear: both; overflow: hidden; } .next-race .countdown div { width: 70px; float: left; margin: 2px 10px 0px 10px; font-size: 12px; line-height: 20px; } .next-race .countdown div span { display: block; font-size: 55px; background-image: url(../img/sprite.png); background-position: 0px 0px; background-repeat: no-repeat; height: 65px; width: 70px; padding-top: 20px; letter-spacing: -1px; } #spinner { display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); top: 0px; left: 0px; z-index: 99999; } #spinner img { position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; width: 200px; height: 200px; } .inside-body .profile-social:before { content: ""; display: block; height: 9px; } .inside-body .profile-social:after { content: ""; display: block; height: 9px; clear: both; } .inside-body .profile-social a { float: left; background-color: #000; text-align: center; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 32px; border-radius: 7px; padding: 0 15px; min-width: 162px; margin-right: 10px; margin-bottom: 10px; } .inside-body .profile-social a:last-of-type { margin-right: 0px; } .inside-body .profile-social a:hover { background: #000 !important; } .inside-body .profile-social a svg { height: 16px; width: 16px; margin: 0 8px 0 0; position: relative; top: 4px; } .inside-body .profile-social a svg * { fill: #fff; } .inside-body .profile-social .tw { background-color: #64cff3; } .inside-body .profile-social .fb { background-color: #4267b2; } .inside-body .profile-social .ig { background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888',GradientType=1); } .inside-image { padding: 20px 0; text-align: center; clear: both; overflow: hidden; } .inside-image img { display: block; max-width: 100%; margin: 0 auto; } .inside-image:first-of-type { padding-top: 5px; } .inside-image + .inside-body { padding-top: 12px; } .inside-body h2 { font-size: 26px; font-weight: 800; line-height: 32px; border-bottom: 1px solid #ccc; margin-bottom: 4px; } .inside-body p + h2 { padding-top: 35px; } .inside-body ul + h2 { padding-top: 35px; } #modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.70); display: none; } #modal .modal-times { position: absolute; top: 0px; right: 5px; font-size: 28px; font-weight: bold; color: #999; } #modal .modal-times:hover { color: #fc1b28; } #modal .modal-times:before { content: "\00d7"; } #modal .modal-dialog { width: 726px; margin: 30px auto; position: relative; } #modal .modal-dialog .modal-content { position: relative; background-color: #fff; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; } #modal .modal-dialog .modal-content .modal-header { padding: 0 20px; } #modal .modal-dialog .modal-content .modal-body { padding: 7px 20px 8px 20px; } #modal .modal-dialog .modal-content .modal-logo { margin: 20px auto 0px auto; display: block; } #modal .modal-video { width: calc(100% - 20px); max-width: 1238px; margin: 30px auto; position: relative; } #modal .modal-video .modal-times { font-size: 58px; color: #fff; } #modal .modal-video .modal-times:hover { color: #fc1b28; } #modal .modal-video .modal-youtube { width: 100% !important; margin-top: 35px; } @media all and (max-width: 1025px) { .sidebar-results { width: 100% !important; } #modal .modal-dialog { width: calc(100% - 16px); max-width: 726px; } #modal .modal-dialog .modal-header { padding: 0 10px; } #modal .modal-dialog .modal-body { padding: 10px; } #modal .modal-dialog .modal-content .modal-logo { max-width: 100%; } } @media all and (max-width: 769px) { .sidebar-results .thead { display: block !important; } } .inside .inside-photo-header { margin: 24px 0 3px 0; background-color: #000; color: #fff; text-align: center; position: relative; overflow: hidden; } .inside .inside-photo-header .bg { width: 100%; max-width: 1400px; } .live-results-banner { display: block; width: 100%; padding: 41px 10px; border: 1px solid #ccc; text-align: center; vertical-align: middle; text-transform: uppercase; font-weight: bold; background-color: #390; color: #fff; font-size: 31px; line-height: 34px; } .live-results-banner i { width: 34px; height: 34px; border-radius: 17px; background-color: #fff; display: inline-block; margin-left: 13px; } .live-results-banner i:before { content: ""; width: 0; height: 0; display: inline-block; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 13px solid #390; position: relative; top: -2px; left: 0px; } .live-results-banner:hover { color: #390; background-color: #fff; } .live-results-banner:hover i { background-color: #390; } .live-results-banner:hover i:before { border-left-color: #fff; } html[lang="es"] .live-results-banner { padding-bottom: 38px; } html[lang="es"] .live-results-banner span { font-size: 22px; position: relative; top: -3px; } .nowrap { white-space: nowrap; } main { margin-top: 118px; } header { z-index: 40; position: fixed; top: 0px; left: 0px; width: 100%; } header .top { background-color: #fff; border-bottom: 1px solid #fff; height: 28px; line-height: 27px; text-transform: uppercase; font-size: 13px; font-weight: bold; } header .top .links { float: left; position: relative; } header .top .links .inactive { display: none; } header .top .links .bt { text-align: center; display: inline-block; color: #fff; background-color: #000; float: left; min-width: 75px; padding: 0 10px; } header .top .links .bt.login { background-color: #fc1b28; } header .top .links .bt + .bt { margin-left: 1px; } header .top .links .bt:hover { background-color: #666; } header .top .links .myaccount svg { margin-right: 8px; width: 13px; height: 13px; top: 2px; position: relative; } header .top .links .myaccount svg * { fill: #fff; } header .top .links .myaccount:hover .inactive { display: block; position: absolute; z-index: 1000; width: 173px; top: 28px; border: 1px solid #ccc; background-color: #fff; } header .top .links .myaccount:hover .inactive a { color: #000; padding: 0 8px; display: block; } header .top .links .myaccount:hover .inactive a + a { border-top: 1px solid #ccc; } header .top .links .myaccount:hover .inactive a:hover { color: #fc1b28; } header .top .links .myaccount .bt { max-width: 173px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; } header .top .links + .langs { margin-left: 1px; } header .top .langs { float: left; border-right: 1px solid #c3c3c3; min-width: 107px; text-align: center; position: relative; } header .top .langs li { cursor: pointer; } header .top .langs li + li { display: none; } header .top .langs li:hover { color: #fc1b28; } header .top .langs li:first-child:after { content: ""; display: inline; position: relative; top: 12px; margin-left: 10px; width: 0px; height: 0px; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top: 8px solid #1e1e1e; } header .top .langs li:first-child:hover:after { border-top-color: #fc1b28; } header .top .langs li.inactive a { color: #1e1e1e; } header .top .langs li.inactive a:hover { color: #fc1b28; } header .top .langs li svg { display: none; } header .top .langs:hover li:not(:first-child) { position: absolute; top: 28px; left: -2px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; z-index: 2; display: block; width: calc(100% + 3px); background-color: #fff; } header .top .langs:hover li:not(:first-child) + li { margin-top: 28px; } header .top .langs:hover li:last-child { border-bottom: 1px solid #c3c3c3; } header .top .search { float: left; border-right: 1px solid #c3c3c3; } header .top .search .lens { padding: 0 20px; } header .top .search .lens svg { height: 11px; width: auto; } header .top .search .lens svg * { fill: #1e1e1e; } header .top .search .lens:hover svg * { fill: #fc1b28; } header .top .social { float: right; margin-left: 20px; } header .top .social li { float: left; margin-top: 4px; } header .top .social li + li { margin-left: 10px; } header .top .social li a { background-color: #1e1e1e; text-align: center; width: 20px; height: 20px; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } header .top .social li a:hover { background-color: #fc1b28; } header .top .social li a svg { height: 10px; width: 10px; position: relative; top: -3px; } header .top .social li a svg * { fill: #fff; } header .pill { clear: both; background-color: #fc1b28; height: 52px; } header .pill .wrapper { position: relative; } header .pill .toggle-menu { display: none; } header .pill .logo { float: left; } header .pill .logo svg { height: 40px; width: 204px; margin-top: 6px; } header .pill .logo-brand { float: right; } header .pill .logo-brand + .logo-brand { border-right: 1px solid #fff; margin-right: 8px; padding-right: 8px; } header .pill .logo-fim { margin-top: 12px; height: 28px; width: 64px; } header .pill .logo-fim svg { height: 100%; width: 100%; } header .pill .logo-fim img { height: 100%; display: block; } header .pill .logo-2play { margin-top: 14.5px; height: 23px; width: 73px; } header .pill .logo-2play svg { height: 100%; width: 100%; } header .pill .logo-2play svg * { fill: #fff; } header .pill .logo-2play img { height: 100%; display: block; } header .pill .logo-s2 { margin-top: 12px; height: 28px; width: 40.5px; } header .pill .logo-s2 svg { height: 100%; width: 100%; } header .pill .logo-s2 svg * { fill: #fff; } header .pill .logo-s2 img { height: 100%; display: block; } header .pill .nav { float: left; text-align: center; margin-bottom: -6px; padding-left: 30px; padding-right: 30px; width: calc(100% - 317.5px); } header .pill .nav nav { width: 100%; display: inline-block; } header .pill .nav nav ul { text-transform: uppercase; float: left; } header .pill .nav nav ul li { float: left; } header .pill .nav nav ul li a { line-height: 52px; color: #1e1e1e; display: block; } header .pill .nav nav ul li a:hover, header .pill .nav nav ul li a.active { color: #fff; } header .pill .nav nav ul.fixed li { width: 88px; } header .pill .nav nav ul.fixed li a { background-color: #1e1e1e; color: #fff; font-weight: bold; } header .pill .nav nav ul.fixed li a:hover { background-color: #666; } header .pill .nav nav ul.dynamic { width: calc(100% - 176px); } header .pill .nav nav ul.dynamic ul.primary { font-weight: bold; padding: 0 10px; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; } header .pill .nav nav ul.dynamic ul.primary li { margin: 0 auto; } header .pill .nav nav ul.dynamic ul.primary li.inside-link { text-transform: none; } header .pill .nav nav ul.dynamic ul.secondary { background-color: #fff; float: none; border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; clear: both; overflow: hidden; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; text-align: center; } header .pill .nav nav ul.dynamic ul.secondary li { float: none; display: inline-block; padding: 0 13px; } header .pill .nav nav ul.dynamic ul.secondary li a { line-height: 38px; } header .pill .nav nav ul.dynamic ul.secondary li a:hover, header .pill .nav nav ul.dynamic ul.secondary li a.active { color: #fc1b28; } .nav-sidr { display: none; width: 260px; height: 100%; position: fixed; top: 0px; left: 0px; overflow-y: auto; z-index: 40; background: #333; color: #fff; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-box-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; } .nav-sidr .block { padding: 11px 15px; font-size: 15px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #4d4d4d; text-transform: uppercase; font-weight: bold; clear: both; overflow: hidden; } .nav-sidr .block a { color: #fff; } .nav-sidr .block .login + .register { margin-left: 15px; } .nav-sidr .block.indent { padding-left: 39px; } .nav-sidr .block .bt svg { width: 11px; height: 11px; margin-right: 10px; position: relative; top: -7px; } .nav-sidr .block .bt svg * { fill: #fff; } .nav-sidr .block .bt span { max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .nav-sidr .block .lang svg { width: 18px; height: 18px; margin-right: 4px; top: 4px; position: relative; } .nav-sidr .block .lang svg * { fill: #fff; } .nav-sidr .block li { float: left; } .nav-sidr .block li svg { width: 18px; height: 18px; } .nav-sidr .block li svg * { fill: #fff; } .nav-sidr .block li + li { margin-left: 20px; } .nav-sidr .block .search { float: left; margin-right: 15px; margin-top: 2px; } .nav-sidr .block .search svg { width: 20px; height: 20px; } .nav-sidr .block .search svg * { fill: #fff; } .nav-sidr .block .social { float: left; } .nav-sidr .block .social li { margin-left: 10px; float: left; } .nav-sidr .block .social li a { background-color: #fff; text-align: center; width: 24px; height: 24px; display: block; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .nav-sidr .block .social li a svg { height: 12px; width: 12px; position: relative; top: 0px; } .nav-sidr .block .social li a svg * { fill: #000; } .nav-sidr .block .social li a:hover { background-color: #fc1b28; } .nav-sidr .block .social li a:hover svg * { fill: #fff; } @media all and (max-width: 1251px) { header .pill .logo { width: 153px; height: 30px; overflow: hidden; margin-top: 11px; } header .pill .logo svg { height: 30px; width: 153px; margin-top: 0px; } header .pill .logo-fim { height: 20px; width: 47px; margin-top: 16px; } header .pill .logo-2play { height: 16px; width: 52px; margin-top: 16px; } header .pill .logo-s2 { height: 20px; width: 29px; margin-top: 16px; } header .pill .nav { width: calc(100% - 238px); padding-left: 20px; padding-right: 20px; } header .pill .nav nav ul.fixed li { width: 75px; font-size: 15px; } header .pill .nav nav ul.dynamic { width: calc(100% - 150px); } header .pill .nav nav ul.dynamic ul li { font-size: 15px; } } @media all and (max-width: 1025px) { header .top .social { margin-right: 95px; } header .top .links .myaccount .bt { min-width: auto; } header .top .links .myaccount .bt span { display: none; } header .top .links .myaccount svg { margin-right: 0px; } header .pill .nav nav ul.fixed:first-of-type { display: none; } header .pill .nav nav ul.fixed:last-of-type { position: absolute; top: -29px; right: 0px; } header .pill .nav nav ul.fixed:last-of-type li a { line-height: 28px; font-size: 13px; text-align: center; width: 75px; } header .pill .nav nav ul.dynamic { width: 100%; } header .pill .nav nav ul.dynamic ul li { font-size: 12px; } header .pill .nav nav ul.dynamic ul.primary { border-left: 1px solid #1e1e1e; border-right: 1px solid #1e1e1e; background-color: #1e1e1e; text-align: center; } header .pill .nav nav ul.dynamic ul.primary li { float: none; display: inline-block; } header .pill .nav nav ul.dynamic ul.primary li a { color: #fff; } header .pill .nav nav ul.dynamic ul.primary li a:hover, header .pill .nav nav ul.dynamic ul.primary li a.active { color: #fc1b28; } } @media all and (max-width: 769px) { main { margin-top: 0px; } header { height: calc(44px + 10px); position: static; } header .top { display: none; } header .pill { height: 44px; position: fixed; top: 0px; left: auto; width: 100%; z-index: 30; border-bottom: 1px solid #fff; } header .pill .nav { display: none; } header .pill .logo { width: 100%; text-align: center; position: absolute; z-index: 1; margin-top: 7px; } header .pill .logo svg { height: 30px; width: 153px; } header .pill .logo-fim { margin-top: 12px; } header .pill .logo-2play { margin-top: 12px; } header .pill .logo-s2 { margin-top: 12px; } header .pill .toggle-menu { display: block; float: left; margin-top: 8.5px; position: relative; z-index: 2; } header .pill .toggle-menu span { width: 35px; height: 4px; background-color: #fff; margin: 6px 0; transition: 0.4s; display: block; } header .pill .toggle-menu span:first-of-type { margin-top: 0px; } header .pill .toggle-menu span:last-of-type { margin-bottom: 0px; } header .pill .toggle-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 11px; left: 0px; } header .pill .toggle-menu.open span:nth-child(2) { opacity: 0; } header .pill .toggle-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; bottom: 1px; right: 0px; } body.sidr { position: absolute; left: 260px; overflow: hidden; top: auto; } body.sidr .nav-sidr { display: block; } } @media all and (max-width: 480px) { header .pill .logo { width: auto; left: calc(35px + 30px); } } @media all and (max-width: 360px) { header .pill .logo { margin-top: 11px; } header .pill .logo svg { height: 22px; width: 111px; } } .social-media:after { content: ""; display: block; height: 44px; } .social-media .wrapper { border-top: 10px solid #fc1b28; padding-top: 10px; } .social-media .timeline { clear: both; overflow: hidden; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .social-media .timeline .timeline-col { float: left; margin: 0 5px; min-height: 302px; } .social-media .timeline .timeline-tw { width: 302px; } .social-media .timeline .timeline-tw iframe { border: 1px solid #e9ebee !important; } .social-media .timeline .timeline-fb { width: 302px; float: right; } .social-media .timeline .timeline-ig { width: calc(100% - (302px + 10px) - (302px + 10px) - 10px); border: 1px solid #e9ebee; height: 481px; } .social-media .timeline .timeline-ig .timeline-ig-header { border-bottom: 1px solid #e9ebee; height: 68px; padding: 10px; clear: both; overflow: hidden; } .social-media .timeline .timeline-ig .timeline-ig-header a { float: left; line-height: 43px; color: #000; } .social-media .timeline .timeline-ig .timeline-ig-header a:hover { color: #fc1b28; } .social-media .timeline .timeline-ig .timeline-ig-header a + a { margin-left: 10px; } .social-media .timeline .timeline-ig .timeline-ig-header svg { width: 47px; height: 47px; } .social-media .timeline .timeline-ig .timeline-ig-header svg * { fill: #fc1b28; } .social-media .timeline .timeline-ig .timeline-ig-items { padding: 10px 10px 0px 10px; overflow-y: auto; height: calc(100% - 68px); } .social-media .timeline .timeline-ig .items { overflow: hidden; clear: both; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .social-media .timeline .timeline-ig .items .item { width: calc(33.333333% - 10px); float: left; margin: 0px 5px 10px 5px; } .social-media .timeline .timeline-ig .items .item img { display: block; width: 100%; } footer { background-color: #1e1e1e; color: #fff; font-size: 16px; line-height: 34px; overflow: hidden; } footer:before { content: ""; display: block; height: 10px; background-color: #fff; } footer .sponsors { text-align: center; padding: 0 0 22px 0; } footer .sponsors span { display: block; font-weight: 600; text-transform: uppercase; } footer .sponsors .line { margin-top: 18px; } footer .sponsors .line:after { content: ""; display: block; height: 10px; } footer .sponsors .line.event-partners img { width: 219px; height: 104px; } footer .sponsors .line.title-sponsors img { width: 219px; height: 104px; } footer .sponsors .line.main-sponsors img { width: 123px; height: 58px; } footer .sponsors .line.official-partners img { width: 99px; height: 47px; } footer .sponsors .line.official-supporters img { width: 99px; height: 47px; } footer .sponsors .flex { display: flex; flex-flow: row wrap; justify-content: center; } footer .sponsors .flex a { margin-right: 25px; margin-left: 25px; margin-top: 9px; } footer .links { text-align: left; border-top: 2px solid #fff; padding-bottom: 24px; } footer .links .flex { display: flex; flex-flow: row wrap; justify-content: flex-start; } footer .links a { color: #fff; } footer .links span { text-transform: uppercase; color: #fc1b28; font-size: 18px; font-weight: 600; } footer .links ul { margin-top: 19px; margin-right: 30px; } footer .links ul:last-child { margin-right: 0px; } footer .links ul li:first-child { margin-bottom: 5px; } footer .links ul li:not(:first-child) { line-height: 24px; } footer .terms { text-align: center; color: #999; border-top: 1px solid #4a4a4a; padding: 19px 0 31px 0; } footer .terms a { color: #fff; display: inline-block; white-space: nowrap; margin: 0 8px; } footer .terms span { display: block; } footer a:hover { color: #999 !important; } @media all and (max-width: 1251px) { footer .links ul { margin-right: 20px; } .social-media .timeline .timeline-ig .items .item { width: calc(50% - 10px); } } @media all and (max-width: 1025px) { footer .links { text-align: center; } footer .links ul { margin-right: 15px !important; margin-left: 15px !important; } footer .links .flex { justify-content: center; } .social-media .timeline .timeline-tw { margin-left: 52px; margin-bottom: 10px; } .social-media .timeline .timeline-fb { margin-right: 52px; margin-bottom: 10px; } .social-media .timeline .timeline-ig { width: 652px; height: 506px; margin-left: auto; margin-right: auto; float: none; clear: both; } .social-media .timeline .timeline-ig .items .item { width: calc(33.33333333333% - 10px); } } @media all and (max-width: 769px) { .social-media .timeline .timeline-tw { margin-left: 5px; margin-bottom: 5px; } .social-media .timeline .timeline-fb { margin-right: 5px; margin-bottom: 5px; } .social-media .timeline .timeline-ig { width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; } } @media all and (max-width: 633px) { .social-media .timeline .timeline-col { float: none; clear: both; margin-right: auto !important; margin-left: auto !important; width: 300px !important; } .social-media .timeline .timeline-ig { margin-top: 10px; } .social-media .timeline .timeline-ig .items .item { width: calc(50% - 10px); } } .home { overflow: hidden; } .home .calendar { margin-top: 20px; background-color: #1e1e1e; } .home .calendar .carrousel { position: relative; padding: 0 66px; } .home .calendar .carrousel .items .item { color: #fff; width: 221px; float: left; height: 173px; padding-top: 14px; text-align: center; } .home .calendar .carrousel .items .item + .item { border-left: 1px solid #ccc; } .home .calendar .carrousel .items .item .goto { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; } .home .calendar .carrousel .items .item .date { font-size: 27px; font-weight: 800; text-transform: uppercase; line-height: 47px; } .home .calendar .carrousel .items .item .date b { display: inline-block; font-size: 28px; background-color: #fc1b28; text-align: center; width: 47px; height: 47px; border-radius: 23.5px; -moz-border-radius: 23.5px; -webkit-border-radius: 23.5px; margin-right: 2px; } .home .calendar .carrousel .items .item .place { display: block; text-transform: uppercase; font-size: 19px; line-height: 20px; color: #fc1b28; margin-top: 6px; padding: 0 4px; } .home .calendar .carrousel .items .item span { display: block; text-transform: uppercase; font-size: 13px; font-weight: bold; padding: 0 4px; } .home .calendar .carrousel .items .item .tickets { background-color: #fc1b28; color: #fff; padding: 1px 15px 4px 15px; min-width: 110px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: inline-block; font-weight: bold; margin-top: 13px; position: relative; z-index: 2; } .home .calendar .carrousel .items .item .tickets.passed { background-color: #999 !important; } .home .calendar .carrousel .items .item .tickets.live { background-color: #390 !important; } .home .calendar .carrousel .items .item .tickets:hover { background-color: #666 !important; } .home .calendar .carrousel .items .item.diff-season { background-color: #fc1b28; } .home .calendar .carrousel .items .item.diff-season .date b { background-color: #000; } .home .calendar .carrousel .items .item.diff-season .place { color: #000; } .home .calendar .carrousel .items .item.diff-season .tickets { background-color: #000; } .home .calendar .carrousel .arrow { position: absolute; top: 73px; width: 15px; height: 27px; left: 0px; } .home .calendar .carrousel .arrow.next { left: auto; right: 0px; } .home .calendar .carrousel .arrow.prev { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .home .calendar .carrousel .arrow svg { width: 100%; height: 100%; } .home .calendar .carrousel .arrow svg * { fill: #fff; } .home .calendar .carrousel .arrow:hover svg * { fill: #fc1b28; } .home .calendar-pill { color: #fff; text-transform: uppercase; font-size: 13px; text-align: center; font-weight: 700; border-top: 1px solid #fff; } .home .calendar-pill a { color: #fff; } .home .calendar-pill a:hover { color: #1e1e1e; } .home .calendar-pill .links { line-height: 33px; background-color: #fc1b28; width: 100%; width: 664px; margin: 0 auto; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .home .calendar-pill.close { border-top: 1px solid #fc1b28; } .home .featured { margin-top: 20px; background-color: #000; position: relative; overflow: hidden; /*max-height: 699px;*/ margin-bottom: 10px; max-height: 933px; } .home .featured:before { z-index: 2; content: ""; display: block; position: absolute; width: 616px; height: 100%; top: 0px; left: 50%; margin-left: -700px; background: url(../img/degradee.png) repeat-y 0 0; } .home .featured img { width: 100%; z-index: 1; position: relative; max-width: 1400px; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home .featured .news { position: absolute; z-index: 4; height: 100%; width: 1238px; left: 50%; top: 0px; margin-left: -619px; } .home .featured .news .content { position: absolute; left: 0; top: 0; width: 620px; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; } .home .featured .news .content h3 { font-size: 80px; line-height: 72px; text-transform: uppercase; } .home .featured .news .content h3 a { color: inherit; } .home .featured .news .content h3 a:hover { color: #999; } .home .featured .news .content .date { display: block; font-size: 20px; margin-top: 7px; } .home .featured .news .content .subtitle { font-size: 24px; line-height: 30px; margin-top: 26px; } .home .featured .news .content .more { display: block; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 5px; } .home .featured .news .content .more a:hover { color: #999; } .home .advertising:before { content: ""; display: block; height: 10px; } .home .advertising img { border: 1px solid #ccc; display: block; width: 100%; } .home .advertising .adv-mb { display: none; } .home .cell { float: left; border: 1px solid #ccc; box-sizing: border-box; margin: 0 5px 10px 5px; z-index: 1; } .home .cell figure { position: relative; z-index: 0; height: 201px; overflow: hidden; } .home .cell figure img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home .cell figure .play { z-index: 2; position: absolute; top: 19px; left: 19px; width: 40px; height: 40px; } .home .cell figure .play svg { width: auto; height: 100%; } .home .cell .info { background-color: #1e1e1e; color: #fff; z-index: 2; padding: 14px 19px 13px 19px; height: 123px; position: relative; } .home .cell .info h4 { color: #fff; background-color: #fc1b28; text-transform: uppercase; font-size: 18px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; position: absolute; left: 0px; height: 32px; line-height: 32px; margin-top: -46px; padding: 0 18px; } .home .cell .info h3 { font-size: 18px; line-height: 24px; max-height: 72px; overflow: hidden; } .home .cell .info h3 a { color: #fff; } .home .cell .info h3 a:hover { color: #fc1b28 !important; } .home .cell .info .date { display: block; } .home .cell .info div { font-size: 18px; line-height: 24px; margin-top: 20px; max-height: 72px; overflow: hidden; } .home .cell .info .more { display: block; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-top: 21px; } .home .cell .info .more a:hover { color: #999; } .home .cell.cell-width-block { width: calc(25% - 10px); } .home .cell.cell-width-mini { width: 302px; } .home .cell.cell-video .info { background-color: #fff; color: #1e1e1e; } .home .cell.cell-video .info h3 a { color: #1e1e1e; } .home .cell.cell-publi img { display: block; width: 100%; } .home .cell.cell-banner img { display: block; width: 100%; } .home .cell.cell-width-double { width: calc(33.3333333% - 10px); } .home .cell.cell-width-double figure { height: 230px; } .home .cell.cell-width-double figure .play { width: 40px; height: 40px; } .home .cell.cell-width-double .info { padding-top: 17px; height: 109px; } .home .cell.cell-width-double .info h4 { margin-top: -49px; } .home .cell.cell-width-double .info h3 { font-size: 24px; line-height: 26px; max-height: 52px; } .home .cell.cell-width-double .info .date { margin-top: 3px; } .home .cell.cell-width-big { margin-left: 10px; width: 614px; } .home .cell.cell-width-big figure { height: 408px; } .home .cell.cell-width-big figure .play { width: 64px; height: 64px; } .home .cell.cell-width-big .info { padding-top: 17px; height: 252px; } .home .cell.cell-width-big .info h4 { margin-top: -49px; } .home .cell.cell-width-big .info h3 { font-size: 24px; line-height: 26px; max-height: 52px; } .home .cell.cell-width-big .info .date { margin-top: 3px; } .home .main { clear: both; overflow: hidden; } .home .main:before { content: ""; display: block; height: 10px; } .home .main .col-results { float: left; width: 302px; } .home .main .col-results .standings { margin-top: 10px; border: 1px solid #ccc; } .home .main .col-results .standings .title { display: block; text-transform: uppercase; color: #fff; background-color: #fc1b28; text-align: center; line-height: 45px; font-weight: bold; margin-top: 19px; margin-bottom: 4px; font-size: 20px; } .home .main .col-results .standings ul { overflow-y: auto; height: 592px; } .home .main .col-results .standings ul li { height: 100px; padding: 15px; } .home .main .col-results .standings ul li .shortname { display: none; } .home .main .col-results .standings ul li .longname { display: inline-block; } .home .main .col-results .standings ul li .num { background-color: #1e1e1e; color: #fff; text-align: center; width: 30px; height: 30px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; float: left; font-weight: bold; font-size: 21px; letter-spacing: -1px; line-height: 30px; margin: 0 10px 0 0; } .home .main .col-results .standings ul li .profile { border: 1px solid #ccc; float: left; margin: 0 10px 0 0; width: 70px; height: 70px; overflow: hidden; position: relative; } .home .main .col-results .standings ul li .profile img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home .main .col-results .standings ul li .rider-mini { position: relative; float: left; width: calc(100% - (30px + 10px) - (70px + 10px)); height: 70px; color: #1e1e1e; } .home .main .col-results .standings ul li .rider-mini .name { display: block; font-size: 18px; line-height: 18px; font-weight: bold; } .home .main .col-results .standings ul li .rider-mini .name a { color: #1e1e1e; } .home .main .col-results .standings ul li .rider-mini .name a:hover { color: #fc1b28; } .home .main .col-results .standings ul li .rider-mini .team { display: block; font-size: 14px; line-height: 14px; } .home .main .col-results .standings ul li .rider-mini .team a { color: #1e1e1e; } .home .main .col-results .standings ul li .rider-mini .team a:hover { color: #fc1b28; } .home .main .col-results .standings ul li .rider-mini .country { height: 21px; position: absolute; left: 0px; bottom: 0px; } .home .main .col-results .standings ul li .rider-mini .pts { color: #fff; background-color: #fc1b28; position: absolute; right: 0px; bottom: 0px; font-weight: bold; line-height: 21px; width: 70px; text-align: center; } .home .main .col-results .standings ul li + li { border-top: 1px solid #ccc; } .home .main .col-results .standings:only-child { margin-top: 0px; } .home .main .col-results .next-race + .standings ul { height: 419px; } .home .main .col-news { float: right; width: 312px; margin-left: -5px; margin-right: -5px; } .home .mosaic { border-top: 10px solid #fc1b28; padding-top: 20px; margin-top: 10px; } .home .mosaic .grid { width: calc(100% + 10px); margin-left: -5px; } .home .calendar-home { padding: 10px 0 0 0; } .home .live-results-banner { border-color: #390; margin: 0 auto -10px auto; max-width: 664px; border-radius: 6px; padding: 14px 10px 9px 10px !important; line-height: 20px !important; } .home .live-results-banner span { font-size: 18px !important; top: -5px !important; position: relative; } .home .live-results-banner i { width: 20px; height: 20px; margin-left: 7px; } .home .live-results-banner i:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #390; top: -5px; } .home .live-results-banner:hover i:before { border-left-color: #fff; } @media all and (max-width: 1251px) { .home .calendar .carrousel { padding-left: 58px; padding-right: 58px; } .home .calendar-pill .links { width: 443px; } .home .cell figure { height: 161px; } .home .cell.cell-width-big { width: 477px; } .home .cell.cell-width-big figure { height: 328px; } .home .cell.cell-width-mini { width: 243px; } .home .cell.cell-width-double figure { height: 216px !important; } .home .main .col-results { width: 262px; } .home .main .col-results .next-race .countdown { width: 240px; } .home .main .col-results .next-race .countdown div { margin-left: 5px; margin-right: 5px; } .home .main .col-results .standings ul { height: 512px; } .home .main .col-results .standings ul li .shortname { display: inline-block; } .home .main .col-results .standings ul li .longname { display: none; } .home .main .col-results .standings ul li .rider-mini .name { font-size: 15px; } .home .main .col-results .next-race + .standings ul { height: 339px; } .home .main .col-news { width: 253px; } .home .featured:before { margin-left: 0px; left: 0px; } .home .featured .news { width: calc(100% - 20px); left: 10px; margin-left: 0px; } .home .live-results-banner { max-width: 443px; } } @media all and (max-width: 1025px) { .home .calendar .carrousel { padding-left: 41px; padding-right: 41px; } .home .calendar-pill .links { width: 664px; } .home .featured { max-height: none; } .home .featured:after, .home .featured:before { display: none; } .home .featured img { position: static; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .home .featured .news { height: auto; width: auto; position: static; } .home .featured .news .content { position: static; width: 100%; display: block; padding-top: 30px; padding-bottom: 30px; } .home .featured .news .content h3 { font-size: 34px; line-height: 38px; } .home .featured .news .content .date { margin-top: 10px; } .home .featured .news .content .subtitle { font-size: 20px; line-height: 26px; } .home .cell.cell-width-big { width: 474px; margin-right: 0px; } .home .cell.cell-width-mini { width: calc(50% - 5px); margin-left: 10px; margin-right: 0px; } .home .cell.cell-width-mini figure { height: 244px; } .home .cell.cell-width-mini:first-of-type { margin-left: 0px; } .home .cell.cell-width-block { width: calc(50% - 10px); } .home .cell.cell-width-block figure { height: 244px; } .home .cell.cell-width-double { width: calc(50% - 10px); } .home .cell.cell-width-double figure { height: 244px; } .home .cell.cell-width-double figure .play { width: 40px; height: 40px; } .home .cell.cell-width-double .info { height: 103px; padding-top: 14px; } .home .cell.cell-width-double .info h4 { margin-top: -46px; } .home .cell.cell-width-double .info h3 { font-size: 18px; line-height: 24px; max-height: 72px; } .home .cell.cell-video figure { background-color: #000; } .home .main .col-news { width: 100%; margin-left: 0px; margin-right: 0px; } .home .live-results-banner { max-width: 664px; } .home .advertising .adv-mb { display: block; } .home .advertising .adv-pc { display: none; } } @media all and (max-width: 769px) { .home .calendar { margin-top: 0px; } .home .calendar .carrousel { padding-left: 29px !important; padding-right: 29px !important; max-width: 722px !important; } .home .calendar .carrousel .arrow.prev { left: 5px; } .home .calendar .carrousel .arrow.next { right: 5px; } .home .calendar-pill .links { width: calc(100% - 58px); -moz-width: calc(100% - 58px); -webkit-width: calc(100% - 58px); } .home .cell.cell-width-big { width: calc(100% - 262px - 10px); } .home .cell.cell-width-big .info h3 { font-size: 18px; line-height: 24px; max-height: 72px; } .home .cell.cell-width-big .info .more { display: none; } .home .live-results-banner { width: calc(100% - 58px); max-width: 100%; } .home .calendar-home { background-color: #fff; width: 100%; position: static; } .home .calendar-home.fixed { position: fixed; z-index: 50; left: 0px; } .home .calendar-home.fixed .live-results-banner { width: calc(100% - 20px); margin-bottom: 10px; } } @media all and (max-width: 553px) { .home .main .col-results { width: 100%; } .home .main .col-results .standings ul li .longname { display: inline-block; } .home .main .col-results .standings ul li .shortname { display: none; } .home .main .col-results .standings ul li .rider .pts { right: auto; left: 52px; } .home .cell { margin-left: auto !important; margin-right: auto !important; width: 100% !important; } .home .cell figure { height: auto !important; } .home .cell figure img { position: relative; width: 100%; height: auto; left: 0px; transform: none; z-index: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .home .cell .info { height: auto !important; padding-bottom: 17px !important; } .home .cell .info h3 { max-height: auto !important; } .home .cell .info div { display: none; } .home .cell .info .more { display: none; } .home .cell.cell-width-big { margin-top: 10px; } .home .cell.cell-banner { text-align: center; border: 0 none; } .home .cell.cell-banner img { max-width: 366px; margin: 0 auto; display: block; border: 1px solid #ccc; } .home .cell.cell-video figure img { height: 100%; width: auto; } .home .mosaic { border-top: 0 none; margin-top: 0px; padding-top: 0px; } .home .mosaic .grid { width: 100%; margin-left: 0px; } } @media all and (max-width: 480px) { .home .featured .news .content { padding-top: 16px; padding-bottom: 16px; } .home .featured .news .content h3 { font-size: 30px; line-height: 34px; } .home .featured .news .content .date { font-size: 16px; } .home .featured .news .content .subtitle { font-size: 16px; line-height: 22px; margin-top: 12px; } .home .featured .news .content .more { font-size: 14px; margin-top: 7px; } } .form label { display: block; padding-bottom: 2px; } .form fieldset { clear: both; overflow: hidden; padding: 6px 0; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .form fieldset .col { float: left; width: calc(50% - 20px); margin: 0 10px; } .form fieldset .col:only-child { width: calc(100% - 20px); } .form fieldset .input-text { border: 1px solid #ccc; height: 32px; padding: 0 8px; width: 100%; outline: 0; font-size: 16px; line-height: 100%; } .form fieldset .input-text.error { background-color: #fff2f5 !important; } .form fieldset .textarea { resize: none; border: 1px solid #ccc; height: 132px; padding: 6px 8px; width: 100%; outline: 0; font-size: 16px; line-height: 24px; } .form fieldset .textarea.error { background-color: #fff2f5 !important; } .form fieldset .radio-type, .form fieldset .checkbox-type { margin: 0 8px 0 2px; } .form fieldset .radio-group label { cursor: pointer; } .form fieldset .errors { display: none; color: #f00; font-size: 11px; line-height: 14px; padding-top: 2px; } .form fieldset .info { color: #999 99; font-size: 11px; line-height: 14px; padding-top: 2px; font-style: italic; } .form fieldset .styled-select { background-color: #fff; border: 1px solid #ccc; width: 100%; height: 32px; } .form fieldset .styled-select select.error { background-color: #fff2f5 !important; } .form .alert { padding: 10px; margin-bottom: 12px; margin-top: 13px; border: 1px solid #ccc; border-radius: 4px; background-color: #ededed; color: #666; } .form .alert:first-of-type { margin-top: 3px; } .form .alert.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .form .alert.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .form .alert.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .form .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .form .alert a { font-weight: bold; color: inherit; } .form .alert a:hover { text-decoration: underline; } .form h6 + fieldset { margin-top: 12px; } .form fieldset + h6 { margin-top: 16px; } .form .submit { text-transform: uppercase; display: inline-block; text-align: center; margin: 0 auto; min-width: 154px; line-height: 44px; height: 44px; padding: 0 20px; color: #fff; background-color: #fc1b28; border-radius: 5px; font-size: 18px; font-weight: bold; cursor: pointer; } .form .submit:hover { background-color: #000; } .form-alert { text-align: center; padding-top: 17px; padding-bottom: 17px; } .form-alert .buttons { padding-top: 8px; } .form-login { padding-top: 17px; padding-bottom: 10px; max-width: 500px; margin: 0 auto; } .form-login .note { text-align: center; padding: 6px 0; } .form-login .remember { text-align: center; } .form-login .remember hr { height: 1px; background-color: #ccc; margin: 15px auto 11px auto; max-width: 50%; } .form-login .remember hr + a { font-size: 12px; } .form-login .buttons { padding-top: 8px; text-align: center; } .pass-form { padding: 19px 0 40px 0; } .pass-form fieldset { margin-left: auto; margin-right: auto; width: 564px; } .pass-form .buttons { padding-top: 18px; text-align: center; } @media all and (max-width: 583px) { .pass-form fieldset { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } } .form-accreditation { max-width: 320px; } .form-accreditation-list { margin: 15px auto 11px auto; border: 1px solid #ccc; border-radius: 5px; padding-left: 15px; padding-right: 15px; } .form-accreditation-list fieldset:first-of-type { padding-top: 11px; } .form-accreditation-list fieldset:last-of-type { padding-bottom: 11px; } .form-accreditation-list fieldset label { cursor: pointer; } .form-accreditation-close { border-top: 1px solid #ccc; padding: 16px 0; text-align: center; margin-top: 16px; } .form-accreditation .buttons { padding-left: 10px; padding-right: 10px; } .form-accreditation .buttons .submit { width: 100%; } .news-filters { clear: both; overflow: hidden; text-align: center; padding: 5px 0; height: 38px; } .news-filters .news-filters-list { display: inline-block; } .news-filters .news-filters-list .styled-select { float: left; width: 302px; } .news-filters .news-filters-list .styled-select + .styled-select { margin-left: 10px; } @media all and (max-width: 1025px) { .news-filters .news-filters-list .styled-select { width: 230px; } } @media all and (max-width: 769px) { .news-filters { min-height: 38px; height: auto; } .news-filters .news-filters-list .styled-select { width: 100%; } .news-filters .news-filters-list .styled-select + .styled-select { margin-left: 0px; margin-top: 10px; } } .news-list { width: calc(100% + 10px); margin-left: -5px; margin-bottom: 25px; margin-top: 5px; clear: both; overflow: hidden; } .news-list .cell { float: left; border: 1px solid #ccc; box-sizing: border-box; margin: 0 5px 10px 5px; z-index: 1; } .news-list .cell figure { position: relative; z-index: 0; height: 201px; overflow: hidden; } .news-list .cell figure img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .news-list .cell .info { background-color: #1e1e1e; color: #fff; padding: 14px 19px 13px 19px; z-index: 2; min-height: 123px; } .news-list .cell .info div, .news-list .cell .info .more { display: none; } .news-list .cell .info h3 { font-size: 18px; line-height: 24px; max-height: 72px; overflow: hidden; } .news-list .cell .info h3 a { color: #fff; } .news-list .cell .info h3 a:hover { color: #fc1b28 !important; } .news-list .cell .info .date { display: block; } .news-list .cell.cell-width-block { width: calc(25% - 10px); } .news-list .cell.cell-width { width: calc(50% - 10px); min-height: 662px; } .news-list .cell.cell-width .info { height: 252px; } .news-list .cell.cell-width .info div { display: block; font-size: 18px; font-weight: 600; margin: 21px 0; max-height: 72px; overflow: hidden; } .news-list .cell.cell-width .info .more { display: block; font-size: 18px; font-weight: 600; text-transform: uppercase; } .news-list .cell.cell-width .info .more a:hover { color: #fff; } .news-list .cell.cell-width .info h3 { font-size: 24px; line-height: 26px; max-height: 52px; margin: 2px 0 3px 0; } .news-list .cell.cell-width figure { height: 408px; } .news-filters + .news-list { margin-top: 25px; } @media all and (max-width: 1025px) { .news-list .cell.cell-width-block { width: calc(33.333333333% - 10px); } .news-list .cell.cell-width { width: calc(33.333333333% - 10px); min-height: auto; } .news-list .cell.cell-width figure { height: 201px; } .news-list .cell.cell-width .info { height: auto; } .news-list .cell.cell-width .info h3 { font-size: 18px; line-height: 24px; max-height: 72px; margin: 0; } .news-list .cell.cell-width .info div { display: none; } .news-list .cell.cell-width .info .more { display: none; } } @media all and (max-width: 769px) { .page-news .page-content { max-width: 708px; } .news-list .cell.cell-width-block { width: calc(50% - 10px); } .news-list .cell.cell-width-block figure { height: 228px; } .news-list .cell.cell-width { width: calc(50% - 10px); } .news-list .cell.cell-width figure { height: 228px; } } @media all and (max-width: 514px) { .news-list .cell.cell-width-block { width: calc(100% - 10px); } .news-list .cell.cell-width-block figure { height: auto; } .news-list .cell.cell-width-block figure img { position: static; left: auto; transform: none; -webkit-transform: none; -ms-transform: none; width: 100%; } .news-list .cell.cell-width-block .info { min-height: auto; padding-bottom: 34px; } .news-list .cell.cell-width-block .info h3 { max-height: auto; } .news-list .cell.cell-width { width: calc(100% - 10px); } .news-list .cell.cell-width figure { height: auto; } .news-list .cell.cell-width figure img { position: static; left: auto; transform: none; -webkit-transform: none; -ms-transform: none; width: 100%; } .news-list .cell.cell-width .info { min-height: auto; padding-bottom: 34px; } .news-list .cell.cell-width .info h3 { max-height: auto; } } .page-noticias-detalle .inside h1.title { text-transform: none; } .news-detail .news-detail-editor { margin-left: 43px; float: left; margin-top: -4px; margin-bottom: -4px; } .news-detail .news-detail-editor svg { height: 42px; width: 50px; float: left; } .news-detail .news-detail-editor span { line-height: 42px; float: left; margin-left: 5px; } .news-detail .news-first-line { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 12px 0 30px 0; padding: 20px 10px; clear: both; overflow: hidden; } .news-detail .news-first-line .date { float: left; } .news-detail .news-first-line .date svg { float: left; width: 34px !important; height: 34px !important; margin-right: 15px; } .news-detail .news-first-line .date span { float: left; line-height: 32px; } .news-detail .news-first-line .social { margin-left: 10px; float: right; } .news-detail .news-first-line .social li { width: 34px; height: 34px; float: left; } .news-detail .news-first-line .social li + li { margin-left: 10px; } .news-detail .news-first-line .social li.fb { background-color: #3b5a95; border-radius: 17px; } .news-detail .news-first-line .social li.fb svg { height: 18px; width: 18px; margin-top: 7px; margin-left: 8px; } .news-detail .news-first-line .social li.fb svg * { fill: #fff; } .news-detail .news-first-line .social li.fb:hover { background-color: #000; } .news-detail .news-first-line .social li.tw { background-color: #2fa7cf; border-radius: 17px; } .news-detail .news-first-line .social li.tw svg { height: 18px; width: 18px; margin-top: 8px; margin-left: 8px; } .news-detail .news-first-line .social li.tw svg * { fill: #fff; } .news-detail .news-first-line .social li.tw:hover { background-color: #000; } .news-detail .news-first-line .social li.wa svg { height: 34px; width: 34px; } .news-detail .news-first-line .social li.wa:hover svg * { fill: #000; } .news-detail .news-body { position: relative; } .news-detail .news-body .news-info { width: calc(100% - 342px); } .news-detail .news-body .news-info .news-photo { border: 1px solid #ccc; margin-bottom: 9px; } .news-detail .news-body .news-info .news-photo img { width: 100%; display: block; } .news-detail .news-body .news-detail-subtitle b, .news-detail .news-body .news-detail-subtitle strong { font-size: 18.5px; } .news-detail .sidebar { width: 302px; } .news-related { background-color: #e8e7e7; padding: 20px 0; margin-bottom: 30px; } .news-related h6 { text-align: center; text-transform: uppercase; font-size: 26px; font-weight: bold; line-height: 38px; padding-bottom: 20px; } .news-related .news-list { margin-top: 0px; margin-bottom: 0px; clear: both; overflow: hidden; } .page-news-detail .inside h1.title { text-transform: none; } .page-news-detail .news-related { margin-top: 20px; } @media all and (max-width: 1025px) { .news-detail .news-body .news-info { width: 100%; } .news-detail .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-top: 12px; } .news-detail .sidebar .item { float: left; width: calc(50% - 5px); } .news-detail .sidebar .item:nth-child(even) { float: right; } .news-detail .news-first-line { padding-left: 0px; padding-right: 0px; } .news-detail .news-detail-editor { margin-left: 23px; } } @media all and (max-width: 600px) { .news-detail .sidebar .item { float: none !important; width: 100%; clear: both; overflow: hidden; max-width: 302px; margin-left: auto; margin-right: auto; } .news-detail .inside-body-gallery .items img { width: calc(50% - 10px); } } @media all and (max-width: 769px) { .news-detail .news-first-line .date span { line-height: 24px; } .news-detail .news-first-line .date svg { width: 24px !important; height: 24px !important; margin-right: 10px; } .news-detail .news-first-line .social li { width: 24px; height: 24px; } .news-detail .news-first-line .social li.fb svg { margin-top: 5px; margin-left: 6px; width: 13px !important; height: 13px !important; } .news-detail .news-first-line .social li.tw svg { margin-top: 6px; margin-left: 6px; width: 13px !important; height: 13px !important; } .news-detail .news-first-line .social li.wa svg { width: 24px !important; height: 24px !important; } .news-detail .news-detail-editor svg { height: 30px; width: 30px; } .news-detail .news-detail-editor span { line-height: 30px; } } @media all and (max-width: 450px) { .news-detail .inside-body-gallery .items img { width: calc(100% - 10px); } } .riders-list-page { position: relative; margin-top: 26px; } .riders-list-page .sidebar { width: 302px; } .rider { float: left; margin: 0 5px 10px 5px; width: 300px; height: 415px; border: 1px solid #ccc; position: relative; } .rider .rider-photo { border-bottom: 1px solid #ccc; } .rider .rider-photo img { width: 100%; display: block; } .rider .rider-info { padding: 16px 19px 0px 19px; clear: both; overflow: hidden; } .rider .rider-flag { float: left; margin-top: 4px; } .rider .rider-number { float: right; color: #fff; background-color: #000; width: 39px; height: 39px; border-radius: 20px; text-align: center; font-weight: bold; font-size: 22px; line-height: 39px; margin-top: 3px; } .rider .rider-name { clear: both; padding-top: 16px; } .rider .rider-name h3 { text-transform: uppercase; font-size: 21px; line-height: 22px; } .rider .rider-name h4 { font-size: 16px; font-weight: normal; margin-top: 1px; } .rider .rider-name a { color: #1e1e1e; } .rider .rider-name a:hover { color: #fc1b28; } .rider .rider-rank { clear: both; overflow: hidden; position: absolute; bottom: 0px; left: 0px; width: 100%; padding-left: 19px; padding-right: 19px; padding-bottom: 13px; border-bottom: 10px solid #1e1e1e; } .rider .rider-rank span { float: left; text-align: center; text-transform: uppercase; font-size: 14px; } .rider .rider-rank span + span { margin-left: 40px; } .rider .rider-rank span strong, .rider .rider-rank span b { font-size: 24px; } .riders-list { width: calc(100% - 312px + 10px); clear: both; overflow: hidden; margin-left: -5px; margin-right: -5px; } .riders-list .rider { width: calc(33.333333333% - 10px); } @media all and (max-width: 1251px) { .riders-list { width: calc(100% - 253px + 10px); } .riders-list .rider { height: 376px; } .riders-list-page .sidebar { width: 243px; } .riders-list-page .next-race { zoom: 0.85; } .rider .rider-rank span + span { margin-left: 35px; } } @media all and (max-width: 1025px) { .riders-list .rider { width: calc(50% - 10px); } } @media all and (max-width: 769px) { .riders-list-page { max-width: 614px; margin-left: auto; margin-right: auto; } .riders-list-page .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-left: 5px; padding-right: 5px; } .riders-list-page .sidebar .item { float: left; width: calc(50% - 5px); } .riders-list-page .sidebar .item:nth-child(even) { float: right; } .riders-list { width: calc(100% + 10px); } .riders-list .rider { height: auto; } .riders-list .rider .rider-rank { position: static; } } @media all and (max-width: 512px) { .riders-list-page { max-width: 302px; } .riders-list-page .sidebar .item { float: none !important; width: 100%; clear: both; overflow: hidden; } .riders-list-page .next-race { zoom: 1; } .riders-list .rider { width: calc(100% - 10px); } .riders-list .rider .rider-name { padding-bottom: 22px; } } .page-riders-detail .inside h1.title { text-align: left; } .page-riders-detail .page-content { position: relative; } .page-riders-detail .rider-select { position: absolute; top: -33px; right: 0px; } .page-riders-detail .rider-select .styled-select { width: 302px; } .rider-detail { width: calc(100% - 332px); } .rider-detail .sidebar { width: 302px; } .rider-detail .sidebar .no-item { padding-top: 0px !important; margin-bottom: 0px !important; height: 48px; } .rider-detail .sidebar .item:first-of-type { padding-top: 17px; } .rider-detail .rider-body { margin-top: -3px; } .rider-detail .rider-body .profile { clear: both; overflow: hidden; padding-bottom: 3px; } .rider-detail .rider-body .bio { width: calc(100% - 320px); float: right; } .rider-detail .rider-body .info { padding-top: 17px; min-height: 394px; } .rider-detail .rider-body .info p { margin-bottom: 0px !important; } .rider-detail .rider-body .behind-scenes .more { margin-top: 11px; border-top: 1px solid #fc1b28; clear: both; overflow: hidden; } .rider-detail .rider-body .behind-scenes .more .more-action { margin-top: 2px; padding: 0 0 12px 0; float: right; } .rider-detail .rider-body .behind-scenes .more .more-action a:before { content: ""; float: left; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid #fc1b28; margin-top: 8px; margin-right: 5px; } .rider-detail .rider-body .behind-scenes .more .more-text { display: none; } .rider-detail .rider { margin: 20px 20px 19px 0; } @media all and (max-width: 1251px) { .rider-detail .rider-body .bio { width: 100%; float: none; } } @media all and (max-width: 1025px) { .rider-detail { width: 100%; } .rider-detail .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-left: 0px; padding-right: 0px; } .rider-detail .sidebar .item { float: left; width: calc(50% - 10px); } .rider-detail .sidebar .item:nth-child(even) { float: right; } .rider-detail .sidebar .no-item { display: none; } .rider-detail .profile-social a { min-width: auto; } .rider-detail .profile-social a span { display: none; } .rider-detail .profile-social a svg { margin-right: 0px !important; } .page-riders-detail .rider-select .styled-select { width: 220px; } } @media all and (max-width: 769px) { .page-riders-detail .rider-select { top: 15px; right: 10px; } .page-riders-detail .inside h1.title { text-align: center; } } @media all and (max-width: 639px) { .rider-detail .rider { float: none; margin-bottom: 2px; } .rider-detail .sidebar { width: 300px; margin-left: auto; margin-right: auto; } .rider-detail .sidebar .item { float: none !important; width: 100%; } .rider-detail .sidebar .no-item { display: block; height: 38px; } .rider-detail .inside-body-gallery .items img { width: calc(50% - 10px); } .rider-detail .rider-body .info { min-height: auto; } } @media all and (max-width: 450px) { .rider-detail .inside-body-gallery .items img { width: calc(100% - 10px); } .page-riders-detail .rider-select { position: static; top: auto; right: auto; margin-bottom: 23px; } .page-riders-detail .rider-select .styled-select { width: 100%; } } .teams-list-page { position: relative; margin-top: 26px; } .teams-list-page .sidebar { width: 302px; } .teams-list { width: calc(100% - 312px + 10px); clear: both; overflow: hidden; margin-left: -5px; margin-right: -5px; } .teams-list .team { float: left; margin: 0 5px 10px 5px; /*height: 366px;*/ width: calc(50% - 10px); border: 1px solid #ccc; position: relative; } .teams-list .team .team-photo { border-bottom: 1px solid #ccc; } .teams-list .team .team-photo img { width: 100%; display: block; } .teams-list .team .team-info { padding: 16px 19px 19px 19px; clear: both; overflow: hidden; border-bottom: 10px solid #1e1e1e; } .teams-list .team .team-name h3 { text-transform: uppercase; font-size: 22px; line-height: 22px; } .teams-list .team .team-name h3 a { color: #1e1e1e; } .teams-list .team .team-name h3 a:hover { color: #fc1b28; } .teams-list .team .team-riders { padding: 7px 0 0 0; } .teams-list .team .team-riders h4 { font-weight: normal; } .teams-list .team .team-riders h4:before { content: ""; float: left; width: 3px; height: 3px; border-radius: 3px; background-color: #1e1e1e; margin: 11px 5px 0 0; } .teams-list .team .team-riders h4 a { color: #000; } .teams-list .team .team-riders h4 a:hover { color: #fc1b28; } @media all and (max-width: 1025px) { .teams-list .team { width: calc(100% - 10px); } .teams-list .team .team-info { height: auto !important; } } @media all and (max-width: 769px) { .teams-list { width: calc(100% + 10px); } .teams-list .team { width: calc(50% - 10px); } .teams-list-page .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-left: 5px; padding-right: 5px; } .teams-list-page .sidebar .item { float: left; width: calc(50% - 5px); } .teams-list-page .sidebar .item:nth-child(even) { float: right; } } @media all and (max-width: 633px) { .teams-list .team { width: calc(100% - 10px); max-width: 458px; float: none; margin-left: auto; margin-right: auto; } .teams-list-page .sidebar { padding-left: 0px; padding-right: 0px; } .teams-list-page .sidebar .item { float: none !important; width: 100%; clear: both; overflow: hidden; max-width: 302px; margin-left: auto; margin-right: auto; } } .page-teams-detail .inside h1.title { text-align: left; } .page-teams-detail .page-content { position: relative; } .page-teams-detail .team-select { position: absolute; top: -33px; right: 0px; } .page-teams-detail .team-select .styled-select { width: 302px; } .team-detail { width: calc(100% - 332px); } .team-detail .sidebar { width: 302px; } .team-detail .sidebar .no-item { padding-top: 0px !important; margin-bottom: 0px !important; height: 48px; } .team-detail .sidebar .item:first-of-type { padding-top: 17px; } .team-detail .team-photo { float: left; width: 300px; margin: 20px 20px 20px 0; } .team-detail .team-photo img { border: 1px solid #ccc; width: 100%; } .team-detail .team-body { margin-top: -3px; } .team-detail .team-body .bio { width: calc(100% - 320px); float: right; } .team-detail .team-body .profile { clear: both; overflow: hidden; padding-bottom: 3px; } .team-detail .team-body .info { padding-top: 17px; min-height: 138px; } .team-detail .team-body .info p { margin-bottom: 0px !important; } .team-detail .team-body .team-history .more { margin-top: 11px; border-top: 1px solid #fc1b28; clear: both; overflow: hidden; } .team-detail .team-body .team-history .more .more-action { margin-top: 2px; padding: 0 0 12px 0; float: right; } .team-detail .team-body .team-history .more .more-action a:before { content: ""; float: left; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid #fc1b28; margin-top: 8px; margin-right: 5px; } .team-detail .team-body .team-history .more .more-text { display: none; } .team-detail .team-riders { clear: both; overflow: hidden; } .team-detail .team-riders .items { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; clear: both; overflow: hidden; padding-top: 20px; padding-bottom: 10px; } .team-detail .team-riders .items .rider { margin: 0px 5px 10px 5px; width: calc(33.333333333333% - 10px); } @media all and (max-width: 1251px) { .team-detail .team-body .bio { width: 100%; float: none; } .team-detail .team-riders .rider .rider-rank span + span { margin-left: 20px; } } @media all and (max-width: 1025px) { .team-detail { width: 100%; } .team-detail .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-left: 0px; padding-right: 0px; } .team-detail .sidebar .item { float: left; width: calc(50% - 10px); } .team-detail .sidebar .item:nth-child(even) { float: right; } .team-detail .sidebar .no-item { display: none; } .team-detail .profile-social a { min-width: auto; } .team-detail .profile-social a span { display: none; } .team-detail .profile-social a svg { margin-right: 0px !important; } .page-teams-detail .team-select .styled-select { width: 220px; } } @media all and (max-width: 769px) { .page-teams-detail .team-select { top: 15px; right: 10px; } .page-teams-detail .inside h1.title { text-align: center; } .team-detail .team-photo { clear: both; float: none; overflow: hidden; } .team-detail .team-body .info { padding-top: 0px; min-height: auto; } .team-detail .team-riders .items .rider { width: calc(50% - 10px); max-width: 302px; } } @media all and (max-width: 639px) { .team-detail .sidebar { width: 300px; margin-left: auto; margin-right: auto; } .team-detail .sidebar .item { float: none !important; width: 100%; } .team-detail .sidebar .no-item { display: block; height: 38px; } .team-detail .inside-body-gallery .items img { width: calc(50% - 10px); } } @media all and (max-width: 450px) { .team-detail .inside-body-gallery .items img { width: calc(100% - 10px); } .team-detail .team-riders .items .rider { width: calc(100% - 10px); } .page-teams-detail .team-select { position: static; top: auto; right: auto; margin-bottom: 23px; } .page-teams-detail .team-select .styled-select { width: 100%; } } .calendar-page { position: relative; margin-top: 3px; } .calendar-page .calendar-list { padding-bottom: 20px; width: calc(100% - 342px); } .calendar-page .calendar-list h2.title { color: #fc1b28; font-size: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-weight: bold; padding: 44px 0 20px 0; } @media all and (max-width: 769px) { .calendar-page .calendar-list h2.title { font-size: 26px !important; line-height: 26px !important; } } .calendar-page .calendar-list .calendar-item { margin-bottom: 10px; position: relative; clear: both; overflow: hidden; } .calendar-page .calendar-list .calendar-item .num { background-color: #000; color: #fff; position: absolute; width: 104px; height: 100%; top: 0px; left: 0px; } .calendar-page .calendar-list .calendar-item .num span { font-weight: bold; font-size: 56px; position: absolute; height: 36px; width: 70px; text-align: center; left: 50%; top: 50%; margin-left: -35px; margin-top: -18px; } .calendar-page .calendar-list .calendar-item .num.next { background-color: #fc1b28; } .calendar-page .calendar-list .calendar-item .data { text-transform: uppercase; width: calc(100% - 106px); border: 1px solid #ccc; float: right; position: relative; } .calendar-page .calendar-list .calendar-item .data .info { text-align: center; width: calc(100% - 195px); } .calendar-page .calendar-list .calendar-item .data .info .city { padding-top: 10px; font-size: 40px; line-height: 44px; font-weight: bold; } .calendar-page .calendar-list .calendar-item .data .info .city a:hover { color: #666; } .calendar-page .calendar-list .calendar-item .data .info .country { font-size: 26px; color: #fc1b28; } .calendar-page .calendar-list .calendar-item .data .info .place { margin-top: 5px; font-size: 26px; font-weight: bold; line-height: 38px; } .calendar-page .calendar-list .calendar-item .data .info .date { border-top: 1px solid #ccc; font-size: 22px; font-weight: bold; line-height: 54px; margin-top: 10px; } .calendar-page .calendar-list .calendar-item .data .links { position: absolute; width: 195px; height: 100%; border-left: 1px solid #ccc; top: 0px; right: 0px; padding: 0px 20px; } .calendar-page .calendar-list .calendar-item .data .links a { width: calc(100% - 40px); color: #fff; background-color: #fc1b28; font-size: 18px; text-align: center; height: 44px; line-height: 44px; position: absolute; border-radius: 5px; font-weight: bold; left: auto; top: 50%; margin-top: -48px; } .calendar-page .calendar-list .calendar-item .data .links a + a { margin-top: 4px; } .calendar-page .calendar-list .calendar-item .data .links a:only-child { margin-top: -22px; } .calendar-page .calendar-list .calendar-item .data .links a:hover { background-color: #666 !important; } .calendar-page .calendar-list .calendar-item .data .links a.more { background-color: #000; } .calendar-page .calendar-list .calendar-item .data .links a.results { background-color: #999; } .calendar-page .calendar-list .calendar-item.passed .data .info * { color: #999; } @media all and (max-width: 1251px) { .calendar-page .calendar-list { width: calc(100% - 322px); } .calendar-page .calendar-list .calendar-item .num { width: 80px; } .calendar-page .calendar-list .calendar-item .data { width: calc(100% - 82px); } .calendar-page .calendar-list .calendar-item .data .info { width: calc(100% - 175px); } .calendar-page .calendar-list .calendar-item .data .links { width: 175px; padding: 0 10px; } .calendar-page .calendar-list .calendar-item .data .links a { width: calc(100% - 20px); } } @media all and (max-width: 1025px) { .calendar-page .calendar-list { width: 100%; } .calendar-page .sidebar { position: static; width: 100%; clear: both; overflow: hidden; padding-left: 5px; padding-right: 5px; } .calendar-page .sidebar .item { float: left; width: calc(50% - 5px); } .calendar-page .sidebar .item:nth-child(even) { float: right; } } @media all and (max-width: 769px) { .calendar-page .calendar-list .calendar-item .data { padding-bottom: 84px; } .calendar-page .calendar-list .calendar-item .data .info { width: 100%; } .calendar-page .calendar-list .calendar-item .data .links { width: 100%; bottom: 0px; top: auto; left: 0px; height: 84px; border-left: 0px; border-top: 1px solid #ccc; text-align: center; } .calendar-page .calendar-list .calendar-item .data .links a { position: static; float: left; margin: 20px auto 0 auto !important; display: inline-block; width: calc(50% - 5px) !important; } .calendar-page .calendar-list .calendar-item .data .links a + a { float: right !important; } .calendar-page .calendar-list .calendar-item .data .links a:only-child { float: none !important; } } @media all and (max-width: 540px) { .calendar-page .calendar-list { padding-bottom: 0px; } .calendar-page .calendar-list .calendar-item { margin-bottom: 20px; } .calendar-page .calendar-list .calendar-item .num { width: 100%; position: static; margin-bottom: 2px; height: 36px; text-align: center; } .calendar-page .calendar-list .calendar-item .num span { position: static; margin: 0 auto; font-size: 26px; line-height: 36px; display: inline-block; } .calendar-page .calendar-list .calendar-item .data { width: 100%; } .calendar-page .calendar-list .calendar-item .data .info .city { font-size: 30px; line-height: 34px; padding-left: 8px; padding-right: 8px; } .calendar-page .calendar-list .calendar-item .data .info .country { font-size: 22px; padding-top: 6px; padding-left: 8px; padding-right: 8px; } .calendar-page .calendar-list .calendar-item .data .info .place { font-size: 22px; padding-left: 8px; padding-right: 8px; } .calendar-page .calendar-list .calendar-item .data .info .date { padding-left: 8px; padding-right: 8px; } .calendar-page .calendar-list .calendar-item .data .links a { font-size: 16px; } } @media all and (max-width: 633px) { .calendar-page .sidebar { padding-left: 0px; padding-right: 0px; } .calendar-page .sidebar .item { float: none !important; width: 100%; clear: both; overflow: hidden; max-width: 302px; margin-left: auto; margin-right: auto; } } .results-banners { padding-top: 5px; padding-bottom: 35px; clear: both; overflow: hidden; text-align: center; } .results-banners .results-banner .next-race { border: 1px solid #ccc; margin-left: auto; margin-right: auto; width: 300px; } .results-banners .results-banner .live-results-banner { width: 300px; margin-left: auto; margin-right: auto; } .results-filters { clear: both; overflow: hidden; text-align: center; height: 38px; } .results-filters .results-filters-list { display: inline-block; } .results-filters .results-filters-list .styled-select { float: left; width: 302px; } .results-filters .results-filters-list .styled-select + .styled-select { margin-left: 50px; } .table.results { margin-top: 30px !important; } .results-lists { padding-bottom: 35px; } .results-lists .results-label { font-size: 16px; font-weight: 600; line-height: 19px; padding-bottom: 28px; padding-top: 8px; text-align: center; } .results-lists .caption { color: #fc1b28; font-weight: bold; text-transform: uppercase; } .results-lists h6 { margin-bottom: 15px; } .results-lists h5 { text-transform: uppercase; font-size: 22px !important; line-height: 25px !important; margin-bottom: 15px; } .results-lists .results-clock { float: left; margin-right: 8px; } .results-lists .results-clock svg { width: 25px; height: 25px; } .results-lists .results-reload { color: #1e1e1e; } .results-lists .results-reload:hover { color: #fc1b28; } .results-standings { clear: both; overflow: hidden; } .results-standings .results-list { float: left; width: calc(50% - 25px); padding-top: 12px; } .results-standings .results-list + .results-list { float: right; } .results-list.complete-race { width: 100%; padding-bottom: 10px; } .results-list.complete-race .heat-container { margin-top: 50px; } .results-list.complete-race .heat-container.first { margin-top: 0; } .results-list.complete-race .tr { clear: both; overflow: hidden; } .results-list.complete-race .round { color: #fff; background-color: #fc1b28; text-transform: uppercase; font-size: 22px; line-height: 40px; padding: 0 15px; font-weight: bold; margin-bottom: 10px; } .results-list.complete-race .round + .heat-container { margin-top: 0 !important; } .results-list.complete-race .td { float: left; text-align: center; } .results-list.complete-race .td.p { width: 100px; padding-left: 20px; font-weight: bold; } .results-list.complete-race .td.n { width: 110px; } .results-list.complete-race .td.q { width: 30px; } .results-list.complete-race .td.r { width: 324px; padding-left: 70px; text-align: left; font-weight: bold; } .results-list.complete-race .td.t { width: 200px; padding-left: 50px; padding-right: 20px; text-align: left; } .results-list.complete-race .td.s { width: 50px; } .results-list.complete-race .td.s b { display: none; } .results-list.complete-race .td.pos { display: block; width: 100px; margin-left: 45px; margin-right: 25px; } .results-list.complete-race .td.tot { width: 160px; padding-left: 70px; padding-right: 20px; text-align: center; font-weight: bold; } .results-list.complete-race .td.np { width: 50px; } .results-list.complete-race .td.np.nq { width: 30px; color: #fff; background-color: #fc1b28; font-weight: bold; margin-left: 10px; margin-right: 10px; } .results-list.complete-race .td.nn { width: 150px; padding-left: 20px; text-align: left; font-weight: bold; } .results-list.complete-race .td.nf { width: 70px; } .results-list.complete-race .td.nr { width: 200px; padding-left: 20px; text-align: left; font-weight: bold; } .results-list.complete-race .td.nb { width: 150px; padding-left: 20px; text-align: left; } .results-list.complete-race .td.ns { width: 40px; } .results-list.complete-race .td.ns b { display: none; } .results-list.complete-race .td.nr1 { width: 70px; } .results-list.complete-race .td.nr2 { width: 70px; } .results-list.complete-race .td.nrf { width: 70px; } .results-list.complete-race .td.nrt { width: 80px; } .results-list.complete-race .td.ntm { width: 90px; } .results-list.complete-race .td .longname { display: inline-block; } .results-list.complete-race .td .shortname { display: none; } .results-list.complete-race .trn hr { height: 6px; } .results-list.complete-race .trn .npt { margin-top: 15px; } .results-list.complete-race .round1 .nr1 { font-weight: bold; color: #fc1b28; } .results-list.complete-race .round1 .nr { margin-left: 188px; } .results-list.complete-race .round2 .nr2 { font-weight: bold; } .results-list.complete-race .round2 .nrt { font-weight: bold; color: #fc1b28; } .results-list.complete-race .round2 .nr { margin-left: 38px; } .results-list.complete-race .round3 .nrf { font-weight: bold; } .results-list.complete-race .round3 .nrt { font-weight: bold; color: #fc1b28; } .results-list.complete-race .round3 .nr { margin-left: 58px; } .results-list.complete-race .finalround .nrt { font-weight: bold; color: #fc1b28; } .results-list.complete-race .finalround .nf { margin-left: 68px; } .results-list.complete-race .finalround .nr { margin-left: 130px; } .results-list.complete-race .finalround .nb { margin-left: 100px; } .results-list.complete-race .thead { font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 30px; border-bottom: 1px solid #ccc; margin-left: 15px; margin-right: 15px; } .results-list.complete-race .tbody { margin-left: 15px; margin-right: 15px; } .results-list.complete-race .tbody .tr { border-bottom: 1px solid #ccc; padding-bottom: 9px; padding-top: 8px; } .results-list.complete-race .tbody .td.tot { color: #fc1b28; } .results-list.complete-race .tbody .td.z span { color: #fc1b28; } .results-list.complete-race .tbody .td.q.pos { width: 30px; color: #fff; background-color: #fc1b28; font-weight: bold; } .results-list.complete-race .tbody .td.q.h { white-space: nowrap; text-transform: uppercase; font-weight: bold; } .results-list.complete-race .ts { height: 7px; background-color: #ccc; } .results-list.complete-race .label { display: none; } .results-list.season-2022 .td.r { padding-left: 20px; width: 270px; } .results-list.season-2022 .td.tot { padding-left: 0px; padding-right: 0px; width: 90px; } .results-list.season-2022 .td.totalpoints, .results-list.season-2022 .td.penalties, .results-list.season-2022 .td.time { padding-left: 0px; padding-right: 0px; width: 63px; } .results-list .td.points { text-align: center; width: 68px; } .results-list.season-2022 .td.t { padding-left: 20px; width: 170px; } .results-list.season-2022 .final-round .td.time { display: none; } .results-list.season-2022 .final-round .td.tot { width: 158px; padding-left: 78px; } .results-list.classification.season-2022 .td.t { padding-left: 20px; width: 170px; } .results-list.classification.season-2022 .tbody .td.classification-round-reached { width: 80px; } .results-list.season-2022 .round-1 .td.totalpoints, .results-list.season-2022 .round-1 .td.penalties { display: none; } .results-list.season-2022.current-season-20XX .round-2 .td.tot { display: none; } .results-list.season-2022.current-season-20XX .round-2 .results-22 .td.tot { display: block; } .results-list.season-2022 .round-final .td.totalpoints, .results-list.season-2022 .round-final .td.penalties, .results-list.season-2022 .round-final .td.points { display: none; } @media all and (max-width: 1251px) { .results-list.complete-race .thead, .results-list.complete-race .tbody { margin-left: 0px; margin-right: 0px; } .results-list.complete-race .td.p { padding-left: 0px; } .results-list.complete-race .td.pos { margin-left: 30px; margin-right: 40px; } .results-list.complete-race .td.r { width: 190px; padding-left: 40px; } .results-list.complete-race .td.t { width: 170px; } .results-list.complete-race .tot { width: 130px !important; padding-left: 40px !important; padding-right: 0px !important; } .results-list.complete-race .td.nn { width: 130px; } .results-list.complete-race .td.nr { width: 170px; } .results-list.complete-race .td.nb { width: 90px; } .results-list.complete-race .td.ntm, .results-list.complete-race .td.nr1, .results-list.complete-race .td.nr2, .results-list.complete-race .td.nrf, .results-list.complete-race .td.nrt { width: 60px; } .results-list.complete-race .round1 .nr { margin-left: 12px; } .results-list.complete-race .round1 .nr1 { margin-left: 60px; } .results-list.complete-race .round1 .ntm { margin-left: 60px; } .results-list.complete-race .round2 .nr { margin-left: 12px; } .results-list.complete-race .round3 .nr { margin-left: 12px; } .results-list.complete-race .finalround .nf { margin-left: 0px; } .results-list.complete-race .finalround .nr { margin-left: 12px; } .results-list.complete-race .finalround .nb { margin-left: 0px; } .results-list.complete-race .finalround .nr1 { margin-left: 60px; } .results-list.complete-race .finalround .nr2 { margin-left: 60px; } .results-list.complete-race .finalround .nrf { margin-left: 60px; } .results-list.complete-race .finalround .nrt { margin-left: 60px; } .results-list.season-2022 .td.r { padding-left: 20px; } .results-list.season-2022 .tot { width: 90px !important; padding-left: 0px !important; } .results-list.season-2022 .td.s { width: 34px; } .results-list.season-2022 .final-round .td.tot { width: 158px !important; padding-left: 78px !important; } .results-list.classification.season-2022 .td.s { width: 45px; } .results-list.season-2022 .td.totalpoints, .results-list.season-2022 .td.penalties, .results-list.season-2022 .td.time { width: 52px; } } @media all and (max-width: 1025px) { .results-banners .results-banner { width: 298px; } .results-banners .xtrial { display: none; } .results-banners .live-scoring { width: calc(100% - 318px); } .results-filters .results-filters-list { width: 100%; } .results-filters .results-filters-list .styled-select { width: calc(50% - 25px); } .results-standings .results-list { float: none; width: 100%; } .results-standings .results-list + .results-list { margin-top: 10px; } .results-list.complete-race .td .longname { display: none; } .results-list.complete-race .td .shortname { display: inline-block; } .results-list.complete-race .td.r { padding-left: 36px; width: 130px; } .results-list.complete-race .td.t { padding-left: 15px; width: 116px; padding-right: 0px; } .results-list.complete-race .td.s { width: 40px; } .results-list.complete-race .td.p { width: 80px; } .results-list.complete-race .td.pos { margin-left: 25px !important; margin-right: 25px !important; } .results-list.complete-race .td.tot { width: 70px !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: 0 !important; } .results-list.complete-race .round1 .nb, .results-list.complete-race .round2 .nb, .results-list.complete-race .round3 .nb, .results-list.complete-race .finalround .nb, .results-list.complete-race .round1 .nr, .results-list.complete-race .round2 .nr, .results-list.complete-race .round3 .nr, .results-list.complete-race .finalround .nr, .results-list.complete-race .round1 .nr2, .results-list.complete-race .round2 .nr2, .results-list.complete-race .round3 .nr2, .results-list.complete-race .finalround .nr2, .results-list.complete-race .round1 .nr1, .results-list.complete-race .round2 .nr1, .results-list.complete-race .round3 .nr1, .results-list.complete-race .finalround .nr1, .results-list.complete-race .round1 .nrf, .results-list.complete-race .round2 .nrf, .results-list.complete-race .round3 .nrf, .results-list.complete-race .finalround .nrf, .results-list.complete-race .round1 .nrt, .results-list.complete-race .round2 .nrt, .results-list.complete-race .round3 .nrt, .results-list.complete-race .finalround .nrt, .results-list.complete-race .round1 .ntm, .results-list.complete-race .round2 .ntm, .results-list.complete-race .round3 .ntm, .results-list.complete-race .finalround .ntm { margin-left: 0px; } .results-list.complete-race .round1 .nn, .results-list.complete-race .round2 .nn, .results-list.complete-race .round3 .nn, .results-list.complete-race .finalround .nn { padding-left: 0px; } .results-list.complete-race .round1 .nr, .results-list.complete-race .round2 .nr, .results-list.complete-race .round3 .nr, .results-list.complete-race .finalround .nr, .results-list.complete-race .round1 .nb, .results-list.complete-race .round2 .nb, .results-list.complete-race .round3 .nb, .results-list.complete-race .finalround .nb { padding-left: 10px; } .results-list.complete-race .round1 .nr, .results-list.complete-race .round2 .nr, .results-list.complete-race .round3 .nr, .results-list.complete-race .finalround .nr { width: 110px; } .results-list.complete-race .round1 .nn, .results-list.complete-race .round2 .nn, .results-list.complete-race .round3 .nn, .results-list.complete-race .finalround .nn { width: 105px; } .results-list.complete-race .round1 .nb, .results-list.complete-race .round2 .nb, .results-list.complete-race .round3 .nb, .results-list.complete-race .finalround .nb { width: 80px; } .results-list.complete-race .round1 .nf, .results-list.complete-race .round2 .nf, .results-list.complete-race .round3 .nf, .results-list.complete-race .finalround .nf { width: 60px; } .results-list.complete-race .round1 .ntm, .results-list.complete-race .round2 .ntm, .results-list.complete-race .round3 .ntm, .results-list.complete-race .finalround .ntm, .results-list.complete-race .round1 .nrf, .results-list.complete-race .round2 .nrf, .results-list.complete-race .round3 .nrf, .results-list.complete-race .finalround .nrf, .results-list.complete-race .round1 .nrt, .results-list.complete-race .round2 .nrt, .results-list.complete-race .round3 .nrt, .results-list.complete-race .finalround .nrt { width: 50px; } .results-list.complete-race .round1 .nr1, .results-list.complete-race .round2 .nr1, .results-list.complete-race .round3 .nr1, .results-list.complete-race .finalround .nr1, .results-list.complete-race .round1 .nr2, .results-list.complete-race .round2 .nr2, .results-list.complete-race .round3 .nr2, .results-list.complete-race .finalround .nr2 { width: 40px; } .results-list.complete-race .round2 .ns, .results-list.complete-race .round3 .ns { width: 28px; } .results-list.complete-race .round2 .nr1, .results-list.complete-race .round3 .nr1, .results-list.complete-race .round2 .nr2, .results-list.complete-race .round3 .nr2 { width: 35px; } .results-list.complete-race .finalround .nf { width: 80px; } .results-list.complete-race .finalround .nr { width: 150px; } .results-list.complete-race .finalround .nb { width: 120px; } .results-list.complete-race .finalround .nr1, .results-list.complete-race .finalround .nr2, .results-list.complete-race .finalround .nrf, .results-list.complete-race .finalround .nrt { width: 60px; } .results-list.season-2022 .td.s { width: 26px; } .results-list.season-2022 .td.r { padding-left: 26px; width: 120px; } .results-list.season-2022 .td.t { padding-left: 5px; width: 100px; } .results-list.season-2022 .td.tot { width: 60px !important; } .results-list.season-2022 .final-round .td.s { width: 35px; } .results-list.season-2022 .final-round .td.tot { width: 56px !important; padding-left: 0px !important; } .results-list.classification.season-2022 .td.s { width: 35px; } .results-list.classification.season-2022 .td.t { width: 110px; } .results-list.classification.season-2022 .td.r { padding-left: 26px; width: 125px; } .results-list.season-2022 .round-2 .td.totalpoints { width: 46px; } .results-list.season-2022 .round-2 .td.penalties { width: 45px; } .results-list.season-2022 .round-2 .td.time { width: 46px; } .results-list.season-2022 .round-2 .td.s { width: 21px; } } @media all and (max-width: 769px) { .results-banners .results-banner { float: none !important; margin-left: auto; margin-right: auto; width: 100% !important; } .results-banners .results-banner .counter { float: none; width: auto; } .results-banners .results-banner .counter .next-race { width: 100%; } .results-banners .results-banner.live-scoring { margin-top: 20px; } .results-list.complete-race .thead { display: none; } .results-list.complete-race .td.q { width: 100%; text-align: left; font-weight: bold; } .results-list.complete-race .td.n { width: 100%; padding-left: 0 !important; text-align: left; } .results-list.complete-race .td.r { width: 100%; padding-left: 0px; } .results-list.complete-race .td.t { width: 100%; padding-left: 0px; } .results-list.complete-race .td.s { width: 16.66667%; text-align: left; } .results-list.complete-race .td.s b { display: inline-block; } .results-list.complete-race .td.p { width: 100%; text-align: left; } .results-list.complete-race .td.pos { width: 100% !important; text-align: left; margin-left: 0 !important; } .results-list.complete-race .td.tot { width: 100% !important; text-align: left; padding-left: 0 !important; } .results-list.complete-race .td .longname { display: inline-block; } .results-list.complete-race .td .shortname { display: none; } .results-list.complete-race .label { display: inline-block; } .results-list.complete-race .tbody .td.q.pos { color: #fc1b28; background-color: transparent; } .results-list.complete-race .round1 .nn, .results-list.complete-race .round2 .nn, .results-list.complete-race .round3 .nn, .results-list.complete-race .finalround .nn, .results-list.complete-race .round1 .np, .results-list.complete-race .round2 .np, .results-list.complete-race .round3 .np, .results-list.complete-race .finalround .np, .results-list.complete-race .round1 .nb, .results-list.complete-race .round2 .nb, .results-list.complete-race .round3 .nb, .results-list.complete-race .finalround .nb, .results-list.complete-race .round1 .nr, .results-list.complete-race .round2 .nr, .results-list.complete-race .round3 .nr, .results-list.complete-race .finalround .nr, .results-list.complete-race .round1 .nr2, .results-list.complete-race .round2 .nr2, .results-list.complete-race .round3 .nr2, .results-list.complete-race .finalround .nr2, .results-list.complete-race .round1 .nr1, .results-list.complete-race .round2 .nr1, .results-list.complete-race .round3 .nr1, .results-list.complete-race .finalround .nr1, .results-list.complete-race .round1 .nrf, .results-list.complete-race .round2 .nrf, .results-list.complete-race .round3 .nrf, .results-list.complete-race .finalround .nrf, .results-list.complete-race .round1 .nrt, .results-list.complete-race .round2 .nrt, .results-list.complete-race .round3 .nrt, .results-list.complete-race .finalround .nrt, .results-list.complete-race .round1 .ntm, .results-list.complete-race .round2 .ntm, .results-list.complete-race .round3 .ntm, .results-list.complete-race .finalround .ntm, .results-list.complete-race .round1 .npt, .results-list.complete-race .round2 .npt, .results-list.complete-race .round3 .npt, .results-list.complete-race .finalround .npt { width: 100%; text-align: left; padding-left: 0px; } .results-list.complete-race .round1 .ns, .results-list.complete-race .round2 .ns, .results-list.complete-race .round3 .ns, .results-list.complete-race .finalround .ns { display: none; } .results-list.complete-race .round1 .npt, .results-list.complete-race .round2 .npt, .results-list.complete-race .round3 .npt, .results-list.complete-race .finalround .npt { margin-top: 0px; } .results-list.complete-race .round1 .nq, .results-list.complete-race .round2 .nq, .results-list.complete-race .round3 .nq, .results-list.complete-race .finalround .nq { margin-left: 0px !important; margin-right: 0px !important; width: auto !important; color: #fc1b28 !important; background-color: transparent !important; } .results-list.complete-race .round1 hr, .results-list.complete-race .round2 hr, .results-list.complete-race .round3 hr, .results-list.complete-race .finalround hr { height: 0px !important; } .results-list.season-standings.complete ul { width: 100%; float: none !important; } .results-list.season-2022 .td.s { width: calc(100% / 8) !important; } .results-list.season-2022 .td.tot { width: 50% !important; } .results-list.season-2022 .td.points, .results-list.season-2022 .td.penalties, .results-list.season-2022 .td.totalpoints, .results-list.season-2022 .td.time { font-style: italic; width: 50% !important; text-align: left; } .results-list.season-2022 .final-round .td.tot { width: 100% !important; } .results-list.classification.season-2022 .td.r, .results-list.classification.season-2022 .tbody .td.t { width: 100% !important; padding-left: 0px !important; } .results-list.classification.season-2022 .td.tot { width: 50% !important; } .results-list.classification.season-2022 .tbody .td.classification-round-reached { width: 50% !important; text-align: right !important; text-transform: none; } .results-list.season-2022 .results-22 .td.s { width: 50% !important; } } @media all and (max-width: 540px) { /* CLASSIFICACIONS */ .results-filters { height: auto; } .results-filters .results-filters-list { padding-bottom: 5px; } .results-filters .results-filters-list .styled-select { width: 100%; } .results-filters .results-filters-list .styled-select + .styled-select { margin-left: 0px; margin-top: 10px; } } .results-list.classification, .results-list.classification2 { width: 100%; padding-bottom: 10px; } .results-list.classification .heat-container, .results-list.classification2 .heat-container { margin-top: 50px; } .results-list.classification .heat-container.first, .results-list.classification2 .heat-container.first { margin-top: 0; } .results-list.classification .tr, .results-list.classification2 .tr { clear: both; overflow: hidden; } .results-list.classification .round, .results-list.classification2 .round { color: #fff; background-color: #fc1b28; text-transform: uppercase; font-size: 22px; line-height: 40px; padding: 0 15px; font-weight: bold; margin-bottom: 10px; } .results-list.classification .round + .heat-container, .results-list.classification2 .round + .heat-container { margin-top: 0 !important; } .results-list.classification .td, .results-list.classification2 .td { float: left; text-align: center; } .results-list.classification .td .longname, .results-list.classification2 .td .longname { display: inline-block; } .results-list.classification .td .shortname, .results-list.classification2 .td .shortname { display: none; } .results-list.classification .thead, .results-list.classification2 .thead { font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 30px; border-bottom: 1px solid #ccc; margin-left: 15px; margin-right: 15px; } .results-list.classification .tbody, .results-list.classification2 .tbody { margin-left: 15px; margin-right: 15px; } .results-list.classification .tbody .tr, .results-list.classification2 .tbody .tr { border-bottom: 1px solid #ccc; padding-bottom: 9px; padding-top: 8px; } .results-list.classification .ts, .results-list.classification2 .ts { height: 7px; background-color: #ccc; } .results-list.classification .label, .results-list.classification2 .label { display: none; } .results-list.classification .table + .table, .results-list.classification2 .table + .table { margin-top: 30px; } .results-list.classification2 { padding-bottom: 50px; } .results-list.classification2 a { color: #000; } .results-list.classification2 a:hover { color: #fc1b28; } .results-list.classification2 .table.results { margin-top: 20px !important; } .results-list.classification { width: 100%; padding-bottom: 10px; } .results-list.classification .heat-container { margin-top: 50px; } .results-list.classification .heat-container.first { margin-top: 0; } .results-list.classification .tr { clear: both; overflow: hidden; } .results-list.classification .round { color: #fff; background-color: #fc1b28; text-transform: uppercase; font-size: 22px; line-height: 40px; padding: 0 15px; font-weight: bold; margin-bottom: 10px; } .results-list.classification .td { float: left; text-align: center; } .results-list.classification .td.p { width: 30px !important; padding-left: 0px; font-weight: bold; } .results-list.classification .td.pos { width: 30px; margin-left: 0px; margin-right: 0px; } .results-list.classification .td.n { width: 110px; } .results-list.classification .td.q { width: 30px; } .results-list.classification .td.r { width: 324px; padding-left: 70px; text-align: left; font-weight: bold; } .results-list.classification .td.t { width: 200px; padding-left: 50px; padding-right: 20px; text-align: left; } .results-list.classification .td.s { width: 50px; } .results-list.classification .td.s b { display: none; } .results-list.classification .td.tot { width: 94px; padding-right: 20px; text-align: center; font-weight: bold; } .results-list.classification .tbody .td.tot { color: #fc1b28; } .results-list.classification .tbody .td.t { text-align: left; } .results-list.classification .tbody .td.q.pos { width: 30px; color: #fff; background-color: #fc1b28; font-weight: bold; } .results-list.classification .tbody .td.q.h { white-space: nowrap; text-transform: uppercase; font-weight: bold; } .results-list.classification .tbody .td.classification-round-reached { text-transform: uppercase; text-align: right; width: 150px; } .results-list.classification2 .td.longname { display: inline-block; } .results-list.classification2 .td.shortname { display: none; } .results-list.classification2 .td.p { width: 30px !important; padding-left: 0px; font-weight: bold; } .results-list.classification2 .td.pos { width: 30px; margin-left: 0px; margin-right: 0px; } .results-list.classification2 .td.n { width: 50px; } .results-list.classification2 .td.q { width: 30px; } .results-list.classification2 .td.r { width: 200px; padding-left: 40px; text-align: left; font-weight: bold; } .results-list.classification2 .td.t { width: 100px; padding-left: 30px; padding-right: 0px; text-align: left; } .results-list.classification2 .td.l { width: 90px; } .results-list.classification2 .td.tot { width: 80px; padding-left: 30px; padding-right: 0px; text-align: center; font-weight: bold; } .results-list.classification2 .tbody .td.tot { color: #fc1b28; } .results-list.classification2 .tbody .td.q.pos { width: 30px; color: #fff; background-color: #fc1b28; font-weight: bold; } .results-list.classification2 .tbody .td.q.h { white-space: nowrap; text-transform: uppercase; font-weight: bold; } @media all and (max-width: 1251px) { .results-list.classification .thead, .results-list.classification .tbody { margin-left: 0px; margin-right: 0px; } .results-list.classification .td.r { width: 200px; padding-left: 40px; } .results-list.classification .td.t { width: 162px; } .results-list.classification .td.classification-round-reached { width: 140px; } .results-list.classification .tot { width: 50px !important; padding-right: 0px !important; } .results-list.classification2 .thead, .results-list.classification2 .tbody { margin-left: 0px; margin-right: 0px; } .results-list.classification2 .td.t { width: 130px; } .results-list.classification2 .td.l { width: 60px; } .results-list.classification2 .td.l.longname { display: none; } .results-list.classification2 .td.l.shortname { display: inline-block; } } @media all and (max-width: 1025px) { .results-list.classification .td .longname { display: none; } .results-list.classification .td .shortname { display: inline-block; } .results-list.classification .td.r { padding-left: 36px; width: 135px; } .results-list.classification .td.n { padding-left: 0 !important; margin-left: 0 !important; width: 59px; } .results-list.classification .td.t { padding-left: 0px; width: 80px; padding-right: 0px; } .results-list.classification .td.s { width: 40px; } .results-list.classification .td.p { width: 80px; } .results-list.classification .td.tot { margin-left: 0px !important; margin-right: 0px !important; } .results-list.classification2 .td .longname { display: none; } .results-list.classification2 .td .shortname { display: inline-block; } .results-list.classification2 .td.r { padding-left: 15px; width: 120px; } .results-list.classification2 .td.p { width: 30px; } .results-list.classification2 .td.t { padding-left: 10px; width: 80px; padding-right: 0px; } .results-list.classification2 .td.l { width: 48px; } } @media all and (max-width: 769px) { .results-list.classification .td.classification-round-reached { text-align: left !important; } .results-list.classification .td.r { width: 130px; padding-left: 20px; } .results-list.classification .td.n { width: 80px; } .results-list.classification2 .td.l { width: 45px; padding-left: 10px; } .thead { display: none; } .results-standings .thead { display: inline; } .results-list.classification .td.q, .results-list.classification2 .td.q { width: 100%; text-align: left; font-weight: bold; } .results-list.classification .td.n, .results-list.classification2 .td.n { width: 100%; padding-left: 0 !important; text-align: left; } .results-list.classification .td.r, .results-list.classification2 .td.r { width: 100%; padding-left: 0px; } .results-list.classification .td.t, .results-list.classification2 .td.t { width: 100%; padding-left: 0px; } .results-list.classification .td.s, .results-list.classification2 .td.s { width: 16.66667%; text-align: left; } .results-list.classification .td.s b, .results-list.classification2 .td.s b { display: inline-block; } .results-list.classification .td.p, .results-list.classification2 .td.p { width: 50; text-align: left; } .results-list.classification .td.pos, .results-list.classification2 .td.pos { width: 100% !important; text-align: left; margin-left: 0 !important; } .results-list.classification .td.tot, .results-list.classification2 .td.tot { width: 100% !important; text-align: left; padding-left: 0 !important; } .results-list.classification .td .longname, .results-list.classification2 .td .longname { display: inline-block; } .results-list.classification .td .shortname, .results-list.classification2 .td .shortname { display: none; } .results-list.classification .label, .results-list.classification2 .label { display: inline-block; } .results-list.classification .tbody .td.q.pos, .results-list.classification2 .tbody .td.q.pos { color: #fc1b28; background-color: transparent; } .results-list.classification2 .td.l { width: 200px; display: block; clear: both; padding-left: 0; text-align: right; } .results-list.classification2 .tbody .td.first { margin-top: 10px !important; } .results-list.classification2 .tbody .td.last { margin-bottom: 10px !important; } .results-list.classification2 .label { display: inline-block; float: left; } } .results-lists .more { text-align: center; } .results-lists .more a { display: inline-block; margin: 0 auto 15px auto; padding: 16px; min-width: 300px; color: #fff; background-color: #fc1b28; border-radius: 6px; text-transform: uppercase; line-height: 12px; font-size: 18px; font-weight: bold; } .results-lists .more a:hover { background-color: #000; } .event-detail-header { margin: 4px 0 3px 0; background-color: #000; color: #fff; text-align: center; position: relative; overflow: hidden; } .event-detail-header .bg { width: 100%; max-width: 1400px; } .event-detail-header .event-detail-data { position: relative; } .event-detail-header .event-detail-data .content { position: absolute; left: 0; top: 0; margin-top: -473px; width: 100%; text-transform: uppercase; } .event-detail-header .event-detail-data h3 { font-size: 48px; line-height: 52px; } .event-detail-header .event-detail-data h2 { font-size: 34px; line-height: 44px; font-weight: 400; } .event-detail-header .event-detail-data h4 { font-size: 34px; line-height: 44px; margin-top: 27px; } .event-detail-header .event-detail-data .tickets { margin-top: 130px; padding: 0px 50px; display: inline-block; margin-left: auto; margin-right: auto; background-color: #fc1b28; color: #fff; font-weight: bold; font-size: 33px; line-height: 80px; border-radius: 10px; } .event-detail-header .event-detail-data .tickets:hover { background-color: #999; } .event-detail-header .event-detail-data i { display: inline-block; width: 12px; height: 5px; background-color: #fff; top: -10px; position: relative; margin: 0 12px 0 10px; } .event-detail { padding-bottom: 30px; } .event-detail .event-detail-images { clear: both; overflow: hidden; padding-top: 12px; } .event-detail .event-detail-images .item { margin-bottom: 12px; float: left; width: calc(50% - 5px); } .event-detail .event-detail-images .item img { width: 100%; display: block; border: 1px solid #ccc; } .event-detail .event-detail-images .item:only-child { display: block; float: none; margin-left: auto; margin-right: auto; } .event-detail .event-detail-images .item + .item { float: right; } .event-detail .event-detail-get-there { padding-top: 20px; } .event-detail .event-detail-get-there p + ul { padding-top: 0px; margin-top: -12px; } .event-detail .event-detail-get-there h6 { font-size: 26px; border-bottom: 1px solid #ccc; font-weight: 800; line-height: 32px; } .event-detail .event-detail-get-there h5 { color: #fc1b28; font-size: 22px; font-weight: 800; padding-top: 15px; } .event-detail .event-detail-get-there + .event-detail-tickets { margin-top: 12px !important; } .event-detail .event-detail-map { padding-top: 11px; padding-bottom: 29px; } .event-detail .event-detail-map .event-map { position: absolute; background-color: #dfdfdf; width: 100%; top: auto; left: 0; } .event-detail .event-detail-map .event-map #gmap { width: 100%; height: 672px; } .event-detail .event-detail-map .event-map-break { height: 672px; } .event-detail .event-detail-map + .event-detail-get-there { padding-top: 3px; } .event-detail .event-subtitle-place { text-align: center; font-size: 30px; line-height: 34px; text-transform: uppercase; font-weight: 400; margin-top: -14px; padding-bottom: 21px; } .event-detail .results-label { font-size: 16px; font-weight: 600; line-height: 19px; padding-bottom: 28px; padding-top: 8px; text-align: center; } .event-detail .event-detail-abstract { padding-top: 25px; } .event-detail .results-news { float: right; width: calc(50% - 25px); padding-top: 12px; } .event-detail .results-news:only-child { float: left; } .event-detail .results-news .news-list { margin-top: 20px; margin-bottom: 10px; } .event-detail .results-news .news-list .cell.cell-width-block { width: calc(50% - 10px); } .event-detail .results-news .more { text-align: center; padding: 0 0 20px 0; } .event-detail .results-news .more a { display: inline-block; margin: 0 auto; padding: 16px; min-width: 194px; color: #fff; background-color: #fc1b28; border-radius: 6px; text-transform: uppercase; line-height: 12px; font-size: 18px; font-weight: bold; } .event-detail .results-news .more a:hover { background-color: #000; } .event-detail-tickets { padding-bottom: 19px; padding-top: 10px; text-align: center; } .event-detail-tickets .tickets { text-transform: uppercase; padding: 0px 50px; display: inline-block; margin-left: auto; margin-right: auto; background-color: #fc1b28; color: #fff; font-weight: bold; font-size: 33px; line-height: 80px; border-radius: 10px; } .event-detail-tickets .tickets:hover { background-color: #999; } @media all and (max-width: 1251px) { .event-detail-header .event-detail-data .content { margin-top: -443px; } .event-detail-header .event-detail-data span { display: block; font-size: 40px; } .event-detail-header .event-detail-data i { display: none; } .event-detail-header .event-detail-data .tickets { margin-top: 84px; } } @media all and (max-width: 1025px) { .event-detail-header .event-detail-data .content { position: static; margin-top: 0px; padding-bottom: 30px; padding-top: 26px; } .event-detail-header .event-detail-data .tickets { margin-top: 20px; font-size: 21px; line-height: 70px; } .event-detail-header .event-detail-data h3 { font-size: 38px; line-height: 42px; } .event-detail-header .event-detail-data h2 { font-size: 24px; } .event-detail-header .event-detail-data h4 { font-size: 24px; margin-top: 0px; } .event-detail-header .event-detail-data span { font-size: 30px; line-height: 30px; } .event-detail-tickets .tickets { font-size: 21px; line-height: 70px; } .event-detail .event-detail-map .event-map { position: static; } .event-detail .event-detail-map .event-map #gmap { height: 606px; } .event-detail .event-detail-map .event-map-break { display: none; } .event-detail .inside-body-gallery .items.no-sidebar img { width: calc(33.333333% - 10px); } .event-detail .results-news { margin-top: 10px; width: 100%; float: none; } .event-detail .results-news .results-news-related { margin-left: auto; margin-right: auto; max-width: 616px; } } @media all and (max-width: 769px) { .event-detail .event-detail-images .item { float: none !important; width: auto !important; display: block; } .event-detail .event-detail-images .item img { max-width: 100%; } .event-detail .event-detail-map .event-map #gmap { height: 400px; } .event-detail .inside-body-gallery .items.no-sidebar img { width: calc(50% - 10px); } } @media all and (max-width: 520px) { /***** *****/ .event-detail .inside-body-gallery .items.no-sidebar img { width: calc(100% - 10px); } .event-detail .results-news .results-news-related { max-width: 344px; } .event-detail .results-news .news-list .cell.cell-width-block { width: calc(100% - 10px); } } .results-list.last-race .tr { clear: both; overflow: hidden; } .results-list.last-race .td { float: left; text-align: center; } .results-list.last-race .td:nth-child(1) { width: 32px; font-weight: bold; } .results-list.last-race .td:nth-child(2) { width: 236px; padding-left: 18px; text-align: left; font-weight: bold; } .results-list.last-race .td:nth-child(3) { width: 176px; padding-left: 18px; text-align: left; } .results-list.last-race .td:nth-child(4) { width: 90px; } .results-list.last-race .td:nth-child(5) { width: 60px; } .results-list.last-race .td .longname { display: inline-block; } .results-list.last-race .td .shortname { display: none; } .results-list.last-race .thead { font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 30px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .results-list.last-race .tbody .tr { border-bottom: 1px solid #ccc; padding-bottom: 9px; padding-top: 8px; } .results-list.last-race .tbody .td:nth-child(5) { color: #fc1b28; font-weight: bold; } .results-list.last-race .label { display: none; } .results-list.last-race .table.results { margin-top: 20px !important; } .results-list.last-race .more { text-align: center; padding: 0 0 20px 0; } .results-list.last-race .more a { display: inline-block; margin: 20px auto 0 auto; padding: 16px; min-width: 300px; color: #fff; background-color: #fc1b28; border-radius: 6px; text-transform: uppercase; line-height: 12px; font-size: 18px; font-weight: bold; } .results-list.last-race .more a:hover { background-color: #000; } .results-list.last-race .more + .more a { margin-top: 0px; } @media all and (max-width: 1251px) { .results-list.last-race .td:nth-child(2) { width: 189px; } .results-list.last-race .td:nth-child(3) { width: 129px; } .results-list.last-race .td:nth-child(4) { width: 66px; } .results-list.last-race .td .longname { display: none; } .results-list.last-race .td .shortname { display: inline-block; } } @media all and (max-width: 1025px) { .results-list.last-race .td:nth-child(2) { width: 245px; padding-left: 25px; } .results-list.last-race .td:nth-child(3) { width: 245px; padding-left: 25px; } .results-list.last-race .td:nth-child(4) { width: 164px; } .results-list.last-race .td .longname { display: inline-block; } .results-list.last-race .td .shortname { display: none; } } @media all and (max-width: 769px) { .results-list.last-race .td:nth-child(2) { width: calc(100% - 382px); } .results-list.last-race .td:nth-child(3) { width: 165px; } .results-list.last-race .td:nth-child(4) { width: 115px; } .results-list.last-race .td .longname { display: none; } .results-list.last-race .td .shortname { display: inline-block; } } @media all and (max-width: 540px) { .results-list.last-race .thead { display: none; } .results-list.last-race .td:nth-child(1) { width: 100%; text-align: left; } .results-list.last-race .td:nth-child(2) { width: 50%; padding-left: 0px; } .results-list.last-race .td:nth-child(3) { width: 50%; padding-left: 0px; } .results-list.last-race .td:nth-child(4) { width: 50%; text-align: left; } .results-list.last-race .td:nth-child(5) { width: 50%; text-align: left; } .results-list.last-race .td .longname { display: inline-block; } .results-list.last-race .td .shortname { display: none; } .results-list.last-race .label { display: inline-block; } } @media all and (max-width: 400px) { .results-list.last-race .td .longname { display: none; } .results-list.last-race .td .shortname { display: inline-block; } } .page-calendar-detail .inside .inside-body.event-detail-abstract p:last-child { margin-bottom: 0px; } .partner-category { text-align: center; margin-top: 54px; } .partner-category:nth-child(1) { margin-top: -3px; } .partner-category .flex { display: flex; flex-flow: row wrap; justify-content: center; } .partner-category .flex .item { margin-top: 30px; } .partner-category .flex .item img { display: block; } .partner-category.title-sponsors .flex { width: calc(100% + 60px); margin-left: -30px; } .partner-category.title-sponsors .flex .item img { width: 543px; height: 61px; margin-left: 30px; margin-right: 30px; } .partner-category.event-partners .flex { width: calc(100% + 60px); margin-left: -30px; } .partner-category.event-partners .flex .item img { width: 543px; height: 61px; margin-left: 30px; margin-right: 30px; } .partner-category.main-sponsors .flex { width: calc(100% + 50px); margin-left: -25px; } .partner-category.main-sponsors .flex .item img { width: 458px; height: 51px; margin-left: 25px; margin-right: 25px; } .partner-category.official-partners .flex { width: calc(100% + 40px); margin-left: -20px; } .partner-category.official-partners .flex .item img { width: 372px; height: 42px; margin-left: 20px; margin-right: 20px; } .partner-category.official-supporters .flex { width: calc(100% + 30px); margin-left: -15px; } .partner-category.official-supporters .flex .item img { width: 286px; height: 32px; margin-left: 15px; margin-right: 15px; } .partner-category:last-of-type { margin-bottom: 50px; } @media all and (max-width: 1025px) { .partner-category .flex { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .partner-category .flex .item { width: 543px; } .partner-category .flex .item img { margin-left: auto !important; margin-right: auto !important; } } @media all and (max-width: 563px) { .partner-category .flex .item { width: 100%; } .partner-category.title-sponsors .flex .item img { width: 458px; height: 51px; } .partner-category.event-partners .flex .item img { width: 458px; height: 51px; } } @media all and (max-width: 478px) { .partner-category .flex .item img { width: 286px !important; height: 32px !important; } } .broadcast-detail-header { margin: 4px 0 3px 0; background-color: #000; color: #fff; text-align: center; position: relative; overflow: hidden; } .broadcast-detail-header .bg { width: 100%; max-width: 1400px; } .broadcast-list { max-width: 1002px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px; } .broadcast-list .tr { clear: both; overflow: hidden; } .broadcast-list .thead { font-weight: bold; line-height: 30px; border-bottom: 1px solid #ccc; } .broadcast-list .tline { border-bottom: 1px solid #ccc; padding: 10px 0; } .broadcast-list .tline span { line-height: 40px; white-space: nowrap; } .broadcast-list .tline img { max-height: 40px; margin-right: 10px; vertical-align: middle; } .broadcast-list .td { float: left; } .broadcast-list .country { width: 209px; font-weight: bold; padding-right: 15px; } .broadcast-list .channel { width: 389px; padding-right: 15px; } .broadcast-list .program { width: 404px; } @media all and (max-width: 1025px) { .broadcast-list .country { width: 181px; } .broadcast-list .channel { width: 290px; } .broadcast-list .program { width: 275px; } } @media all and (max-width: 769px) { .broadcast-list .country { width: 33.33333%; } .broadcast-list .channel { width: 33.33333%; padding-right: 7.5px; } .broadcast-list .program { width: 33.33333%; padding-left: 7.5px; } .broadcast-list .tline span { display: block; white-space: normal; } .broadcast-list .tline img { max-width: 100%; } } .page-photos .error { text-align: center; font-weight: bold; color: #f00; } .gallery-sep-big { height: 20px; background-color: #fc1b28; clear: both; overflow: hidden; margin: 10px 0 10px 0; } .gallery-complete { clear: both; overflow: hidden; } .gallery-complete img { border: 1px solid #ccc; width: 100%; display: block; } .gallery-complete .main { margin: 3px 0 22px 0; position: relative; } .gallery-complete .main h3 { position: absolute; text-align: center; font-size: 44px; width: calc(100% - 2px); bottom: 1px; left: 1px; line-height: 38px; color: #fff; padding: 69px 20px 52px 20px; background: black; background: -webkit-linear-gradient(transparent, black); background: -o-linear-gradient(transparent, black); background: -moz-linear-gradient(transparent, black); background: linear-gradient(transparent, black); } .gallery-complete .gallery-top .items { padding-top: 20px; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; clear: both; overflow: hidden; } .gallery-complete .gallery-top .items .item { float: left; width: calc(33.333333% - 20px); margin: 0 10px 10px 10px; } .gallery-complete .gallery-top .items .item h3 { text-align: center; font-size: 22px; line-height: 28px; padding-top: 3px; padding-bottom: 4px; } .gallery-complete .gallery-top img { margin-bottom: 10px; } .gallery-complete .gallery-mini { padding-bottom: 30px; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; clear: both; overflow: hidden; } .gallery-complete .gallery-mini .sep { clear: both; overflow: hidden; height: 1px; width: calc(100% - 20px); margin-left: 10px; margin-bottom: 20px; background-color: #ccc; display: none; } .gallery-complete .gallery-mini .sep:nth-of-type(5n+1) { display: block; } .gallery-complete .gallery-mini .sep:nth-of-type(1) { display: none; } .gallery-complete .gallery-mini .item { float: left; width: calc(20% - 20px); margin: 0 10px 0 10px; } .gallery-complete .gallery-mini .item img { margin: 0 0 20px 0; } .gallery-complete .gallery-mini .item h3 { font-size: 18px; line-height: 24px; text-align: center; padding-bottom: 14px; margin-top: -6px; } .gallery-filters { width: 628px; margin-left: auto; margin-right: auto; height: 28px; margin-bottom: 30px; } .gallery-filters .col { width: 292px; margin-left: 10px; margin-right: 10px; float: left; } .gallery-filters .col .styled-select { width: 100%; } .gallery-filters .col label { font-weight: bold; width: 90px; padding-right: 8px; text-align: right; float: left; } .gallery-filters .col label + .styled-select { width: calc(100% - 90px); float: left; } @media all and (max-width: 1025px) { .gallery-filters { width: 300px; height: auto; clear: both; overflow: hidden; } .gallery-filters .col { width: 100%; margin-left: 0px; margin-right: 0px; } .gallery-filters .col + .col { margin-top: 10px; } .gallery-complete .gallery-mini .sep:nth-of-type(5n+1) { display: none; } .gallery-complete .gallery-mini .sep:nth-of-type(3n+1) { display: block; } .gallery-complete .gallery-mini .sep:nth-of-type(1) { display: none; } .gallery-complete .gallery-mini .item { width: calc(33.333333333% - 20px); } } @media all and (max-width: 769px) { .gallery-complete .main { margin-bottom: 17px; } .gallery-complete .main h3 { position: static; color: #000; background: transparent !important; width: auto; padding: 14px 0 0 0; font-size: 18px; line-height: 24px; } .gallery-complete .gallery-top .items .item { width: calc(50% - 20px); } } @media all and (max-width: 630px) { .gallery-complete .gallery-mini .sep:nth-of-type(3n+1) { display: none; } .gallery-complete .gallery-mini .sep:nth-of-type(2n+1) { display: block; } .gallery-complete .gallery-mini .sep:nth-of-type(1) { display: none; } .gallery-complete .gallery-mini .item { width: calc(50% - 20px); } } @media all and (max-width: 540px) { .gallery-complete .gallery-top .items .item { width: calc(100% - 20px); } .gallery-complete .gallery-top .items .item h3 { font-size: 18px; line-height: 24px; } .gallery-complete .gallery-mini .sep:nth-of-type(2n+1) { display: none; } .gallery-complete .gallery-mini .item { width: calc(100% - 20px); } } .video-gallery { padding-bottom: 50px; margin-top: -2px; clear: both; overflow: hidden; position: relative; } .video-gallery img { display: block; width: 100%; margin-bottom: 20px; } .video-gallery .play { position: relative; } .video-gallery .play:before { background-position: 0 0; background-repeat: no-repeat; background-image: url(../img/play.svg); background-size: 100% 100%; content: ""; top: 20px; left: 20px; width: 43px; height: 43px; position: absolute; z-index: 1; } .video-gallery .video-main { width: calc(100% - 342px); border: 1px solid #ccc; margin-top: 6px; } .video-gallery .video-main .modal-youtube { width: 100%; margin-bottom: 13px; } .video-gallery .video-main .play:before { width: 86px; height: 86px; } .video-gallery .video-main .info { padding: 0 20px 14px 20px; } .video-gallery .video-main h3 { font-size: 24px; line-height: 26px; font-weight: bold; margin-top: -4px; margin-bottom: 9px; } .video-gallery .video-main h3 a { color: inherit; } .video-gallery .video-main h3 a:hover { color: #fc1b28; } .video-gallery .video-main .date { font-size: 16px; margin-top: -6px; } .video-gallery .videos-top { width: 302px; position: absolute; top: 0px; right: 0px; } .video-gallery .videos-top .play:before { top: 10px; left: 10px; } .video-gallery .videos-top img { margin-bottom: 10px; } .video-gallery .videos-top .items { padding-top: 6px; padding-bottom: 44px; } .video-gallery .videos-top .item { padding-top: 14px; } .video-gallery .videos-top .item h3 { font-size: 18px; line-height: 24px; font-weight: bold; margin-top: -5px; margin-bottom: 6px; } .video-gallery .videos-top .item h3 a { color: inherit; } .video-gallery .videos-top .item h3 a:hover { color: #fc1b28; } .video-gallery .videos-top .item .date { font-size: 16px; margin-top: -6px; } .video-gallery .videos-filters { padding: 30px 0 0 0; clear: both; overflow: hidden; width: calc(100% - 342px); } .video-gallery .videos-filters .col { width: 100%; } .video-gallery .videos-filters .col label { float: left; font-weight: bold; margin-right: 10px; line-height: 28px; } .video-gallery .videos-filters .col .styled-select { width: 302px; } .video-gallery .videos-mini { padding-top: 30px; width: calc(100% - 342px); } .video-gallery .videos-mini .videos-others { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; clear: both; overflow: hidden; margin-bottom: -14px; } .video-gallery .videos-mini .videos-others .sep { clear: both; overflow: hidden; height: 1px; width: calc(100% - 20px); margin-left: 10px; margin-bottom: 20px; background-color: #ccc; display: none; } .video-gallery .videos-mini .videos-others .sep:nth-of-type(4n+1) { display: block; } .video-gallery .videos-mini .videos-others .sep:nth-of-type(1) { display: none; } .video-gallery .videos-mini .videos-others .item { float: left; width: calc(25% - 20px); margin: 0 10px 0 10px; } .video-gallery .videos-mini .videos-others .item img { margin: 0 0 20px 0; } .video-gallery .videos-mini .videos-others .item h3 { font-size: 18px; line-height: 24px; padding-bottom: 14px; margin-top: -6px; } .video-gallery .videos-mini .videos-others .item h3 a { color: inherit; } .video-gallery .videos-mini .videos-others .item h3 a:hover { color: #fc1b28; } .video-gallery .videos-mini .videos-others .item .date { display: none; } .video-gallery .videos-mini .videos-others .play:before { width: 35px; height: 35px; top: 10px; left: 10px; } @media all and (max-width: 1251px) { .video-gallery .videos-mini .videos-others .sep:nth-of-type(4n+1) { display: none; } .video-gallery .videos-mini .videos-others .sep:nth-of-type(3n+1) { display: block; } .video-gallery .videos-mini .videos-others .sep:nth-of-type(1) { display: none; } .video-gallery .videos-mini .videos-others .item { width: calc(33.333333333% - 20px); } } @media all and (max-width: 1025px) { .video-gallery { min-height: auto !important; } .video-gallery .video-main { width: 100%; } .video-gallery .videos-top { position: static; width: 100%; padding-top: 22px; } .video-gallery .videos-top .items { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; clear: both; overflow: hidden; padding-bottom: 0px; } .video-gallery .videos-top .items .item { float: left; width: calc(33.33333333% - 20px); margin: 0 10px; } .video-gallery .videos-filters { width: 100%; border-top: 1px solid #ccc; margin-top: 24px; } .video-gallery .videos-mini { width: 100%; } .video-gallery .videos-top + .videos-mini { border-top: 1px solid #ccc; margin-top: 24px; } } @media all and (max-width: 769px) { .play:before { width: 43px !important; height: 43px !important; top: 20px !important; left: 20px !important; } .video-gallery .video-main { border: 0 none; margin-bottom: 2px; } .video-gallery .video-main .info { padding: 0px; } .video-gallery .videos-top .items { width: 100%; margin-left: 0px; margin-right: 0px; } .video-gallery .videos-top .items .item { width: 100%; margin: 0px; } .video-gallery .videos-top .items .item h3 { font-size: 24px; line-height: 26px; } .video-gallery .videos-top img { margin-bottom: 20px; } .video-gallery .videos-filters .col .styled-select { width: 210px; } .video-gallery .videos-mini .videos-others { width: 100%; margin-left: 0px; margin-right: 0px; } .video-gallery .videos-mini .videos-others .item { width: 100%; margin-left: 0px; margin-right: 0px; } .video-gallery .videos-mini .videos-others .item h3 { font-size: 24px; line-height: 26px; } .video-gallery .videos-mini .videos-others .sep { display: block !important; width: 100%; margin-left: 0px; margin-right: 0px; } .video-gallery .videos-mini .videos-others .sep:nth-of-type(1) { display: none !important; } } .related-videos { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; margin-top: 20px; clear: both; overflow: hidden; } .related-videos .item { float: left; width: calc(33.3333333% - 10px); margin: 0 5px 10px 5px; border: 1px solid #ccc; } .related-videos .item figure { position: relative; z-index: 0; height: 227px; background-color: #000; overflow: hidden; } .related-videos .item figure img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .related-videos .item figure .play { z-index: 2; position: absolute; top: 19px; left: 19px; width: 40px; height: 40px; } .related-videos .item figure .play svg { width: auto; height: 100%; } .related-videos .item .info { padding: 14px 19px 13px 19px; height: 100px; } .related-videos .item .info h3 { font-size: 18px; line-height: 24px; max-height: 48px; overflow: hidden; } .related-videos .item .info h3 a { color: #000; } .related-videos .item .info h3 a:hover { color: #fc1b28 !important; } .related-videos .item .info .date { display: block; } @media all and (max-width: 1025px) { .related-videos .item { width: calc(50% - 10px); } } @media all and (max-width: 520px) { .related-videos .item { width: calc(100% - 10px); } } .inside-body .round-title { padding-bottom: 0px !important; margin-bottom: -1px; font-size: 22px !important; color: #fc1b28; } .inside-body .round-title b, .inside-body .round-title strong { font-weight: 800; } .competition-format { text-align: center; padding-bottom: 17px; } .competition-format div { display: inline-block; width: 215px; margin: 20px 4px 0 4px; vertical-align: top; font-size: 18px; line-height: 22px; text-transform: uppercase; } .competition-format div img { margin: 0 auto 14px auto; display: block; } .inside-x-trial-table { margin: 11px auto 20px auto; display: table; } .inside-x-trial-table .hr { font-size: 18px; line-height: 30px; color: #fff; text-align: center; text-transform: uppercase; background-color: #fc1b28; border-radius: 8px; padding: 10px 20px 12px 20px; margin: 0 0 6px 0; } .inside-x-trial-table .tr { margin: 0 auto 2px auto; display: table; } .inside-x-trial-table .td { text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; font-size: 18px; padding: 13px 18px; } .inside-x-trial-table .td + .td { border-left: 1px solid #ccc; } .inside-x-trial-table .td:first-of-type { border-left: 1px solid #ccc; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .inside-x-trial-table .td:last-of-type { border-right: 1px solid #ccc; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .inside-x-trial-table .td.heat { font-weight: bold; margin-right: 2px; background-color: #ccc; text-transform: uppercase; } .inside-x-trial-photos { clear: both; overflow: hidden; padding: 18px 0 40px 0; } .inside-x-trial-photos img { border: 1px solid #ccc; display: block; float: left; margin-bottom: 10px; width: calc(50% - 10px); max-width: 100%; margin-right: 5px; } .inside-x-trial-photos img:nth-child(even) { float: right; margin-left: 5px; margin-right: 0px; } .inside-x-trial-photos img:only-child { float: none; margin-left: auto; margin-right: auto; width: auto; } @media all and (max-width: 769px) { .inside-x-trial-table { display: block; } .inside-x-trial-table .tr { margin-bottom: 6px; display: block; clear: both; overflow: hidden; } .inside-x-trial-table .td { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 10px; padding-right: 10px; width: 100%; } .inside-x-trial-table .td + .td { border-top: none; } .inside-x-trial-table .td:first-of-type { border-top: 1px solid #ccc; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; } .inside-x-trial-table .td:last-of-type { border-top-right-radius: 0px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .inside-x-trial-table .td.heat { margin-right: 0px; } .inside-x-trial-photos img { float: none !important; margin-left: auto !important; margin-right: auto !important; width: auto !important; } } .page-account .inside-body { padding-top: 18px; } .page-account .inside-body p { text-align: center; } .page-account .inside-body p:last-child { margin-bottom: 0px !important; } .account-gallery .gallery-top .item { margin-bottom: 20px !important; } .account-gallery .gallery-top .items { padding-bottom: 20px !important; padding-top: 10px !important; } .account-gallery .no-gallery { color: #fc1b28; font-weight: bold; text-align: center; padding-top: 10px; } .account-results { text-align: center; padding-top: 10px; max-width: 640px; margin: 0 auto; } .account-results .item { font-size: 22px; line-height: 28px; font-weight: bold; padding-bottom: 16px; } .account-results .item + .item { border-top: 1px solid #ccc; padding-top: 16px; } .download-hd svg { position: relative; top: 2px; margin-right: 3px; width: 33px !important; height: 22px !important; } .download-hd svg * { fill: #fc1b28; } .download-hd:hover { color: #000; } .download-hd:hover svg * { fill: #000; } .watch-online { width: calc(100% + 38px); margin-left: -19px; margin-right: -19px; clear: both; overflow: hidden; padding-bottom: 2px; } .watch-online .item { float: left; border: 1px solid #ccc; position: relative; width: calc(50% - 38px); margin-left: 19px; margin-right: 19px; margin-bottom: 38px; height: 349px; background-color: #666; overflow: hidden; } .watch-online .item img { position: absolute; height: auto; width: 100%; z-index: 2; top: 50%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); } .watch-online .item .data { z-index: 3; text-align: center; left: 0px; bottom: 0px; padding: 0 20px 20px 20px; position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-transform: uppercase; } .watch-online .item .data a { font-weight: bold; } .watch-online .item .data a:hover { color: #fff; } .watch-online .item .data .title { font-size: 18px; padding-top: 14px; } .watch-online .item .data .info { font-size: 18px; padding-top: 2px; } .watch-online .item .data .btn { padding-top: 19px; } .watch-online .item .data .btn a { background-color: #fc1b28; color: #fff; padding: 1px 20px 4px 20px; min-width: 110px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: inline-block; } .watch-online .item .data .btn a:hover { background-color: #666; } .watch-online-footer { clear: both; overflow: hidden; border-top: 1px solid #ccc; padding-bottom: 48px; font-size: 14px; line-height: 14px; padding-top: 12px; } .watch-online-footer ul { float: left; } .watch-online-footer ul li { float: left; } .watch-online-footer ul li + li { margin-left: 15px; } .watch-online-footer ul li a { font-weight: bold; color: #000; } .watch-online-footer ul li a:hover { color: #fc1b28; } .watch-online-footer .watch-online-cleeng { float: right; color: #999; } .watch-online-footer .watch-online-cleeng img { height: 14px; margin-left: 8px; } .inside-body + .watch-online { margin-top: -20px; } .inside-body + .watch-online.past { margin-top: 24px; } .watch-online.past .item a { color: #390; } .watch-online.past .item img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .watch-online.past .item .data .btn a { background-color: #390; } .watch-online.past .item .data .btn a:hover { background-color: #666; } @media all and (max-width: 1025px) { .watch-online { width: 100%; margin-left: 0px; margin-right: 0px; } .watch-online .item { float: none; width: 100%; margin-left: 0px; margin-right: 0px; height: 100%; min-height: 132px; } .watch-online .item img { height: auto; position: static; top: auto; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } .watch-online .item .data { padding-left: 10px; padding-right: 10px; } } @media all and (max-width: 769px) { .watch-online .item img { width: 101%; } .watch-online-footer { text-align: center; } .watch-online-footer ul { float: none; margin: 0 auto; } .watch-online-footer ul li { float: none; display: inline; margin-right: 5.5px; } .watch-online-footer ul li + li { margin-left: 5.5px; } .watch-online-footer .watch-online-cleeng { float: none; margin-top: 12px; } } @media all and (max-width: 400px) { .watch-online .item .data .info { font-size: 14px; } } .lb-nav a.lb-prev,.lb-nav a.lb-next{filter:alpha(Opacity=100) !important;opacity:1.00 !important;}