* { margin: 0; padding: 0; border: 0; font-family: "Ubuntu", 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: #970483; } img { vertical-align: bottom; } main { clear: both; min-height: calc(100vh - 493px); } .wrapper { width: 1238px; margin: 0 auto; } @media all and (max-width: 1251px) { .wrapper { width: 1002px; } } @media all and (max-width: 1025px) { .wrapper { width: 746px; } main { min-height: calc(100vh - 416px); } } @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: #970483; font-size: 40px; line-height: 46px; text-align: center; font-weight: bold; padding-bottom: 20px; } @media all and (max-width: 1025px) { .inside h1.title { font-size: 30px; line-height: 36px; } } @media all and (max-width: 769px) { .inside h1.title { padding-bottom: 10px; } } .inside .page-content { padding: 20px 0 0 0; clear: both; } .inside .inside-menu { text-align: center; padding-bottom: 30px; } .inside .inside-menu .item { font-size: 20px; line-height: 36px; font-weight: 500; margin: 0 10px; display: inline-block; } .inside .inside-menu .item a { color: #1e1e1e; } .inside .inside-menu .item a:hover { color: #970483; } .inside .inside-menu .item h1.title { border-bottom: 2px solid; font-size: 30px; line-height: 36px; position: relative; padding-bottom: 0px; } .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 #970483; 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; clear: both; } .inside .inside-body p:first-child { padding-top: 0px; } .inside .inside-body p:last-child { margin-bottom: 40px; } .inside .inside-body p .content-image { border: 1px solid #ccc; margin: 4px auto 16px auto; width: calc(50% - 10px); float: left; } .inside .inside-body p .content-image:nth-child(even) { float: right; } .inside .inside-body p .content-image:only-child { width: 100%; max-width: 800px; float: none; display: block; } @media (max-width: 622px) { .inside .inside-body p .content-image { width: 100% !important; float: none !important; display: block !important; } } .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: #970483; 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 { /*border-bottom: 1px solid #CCC;*/ font-size: 26px; font-weight: 800; line-height: 32px; } .inside .inside-body-gallery { padding-top: 12px; padding-bottom: 20px; margin-top: 10px; } .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: #970483; 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: #970483; border-color: #970483; } .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: #970483; } .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; } @media all and (max-width: 769px) { .inside { padding-top: 33px; } .inside .inside-menu { position: relative; clear: both; overflow: hidden; padding-bottom: 0px; } .inside .inside-menu .item.option { display: block; margin-top: 4px; font-size: 18px !important; line-height: 26px !important; } .inside .inside-menu .item.option:first-of-type { margin-top: 36px; } .inside .inside-menu .item.title { position: absolute; left: 10px; top: -5px; text-align: center; width: calc(100% - 35px); } .inside .inside-menu .item.title h1.title { display: inline-block; border-bottom: none; } .inside .inside-menu .item.title h1.title:after { display: none; } } .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: #970483; 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: #970483; } .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; /*border-bottom: 1px solid #CCC;*/ line-height: 32px; padding-bottom: 0; margin-bottom: 12px; padding-top: 12px; } .inside-body h2:first-child { padding-top: 0px; } .inside-body h3 { font-size: 22px; font-weight: 800; line-height: 29px; padding-bottom: 0; margin-bottom: 12px; padding-top: 12px; } .inside-body h3:first-child { padding-top: 0px; } #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: #970483; } #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: #970483; } #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: 153px; } header { z-index: 40; position: fixed; top: 0px; left: 0px; width: 100%; } header .top { background-color: #fff; border-bottom: 1px solid #ccc; height: 28px; line-height: 27px; text-transform: uppercase; font-size: 13px; font-weight: 500; } 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: #970483; } 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: #970483; } 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: 120px; text-align: center; position: relative; } header .top .langs:first-child { border-left: 1px solid #c3c3c3; } header .top .langs li { cursor: pointer; color: #970483; } header .top .langs li + li { display: none; } header .top .langs li:hover { color: #1e1e1e; } 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 #970483; } header .top .langs li:first-child:hover:after { border-top-color: #1e1e1e; } header .top .langs li.inactive a { color: #1e1e1e; } header .top .langs li.inactive a:hover { color: #970483; } header .top .langs li svg { display: none; } header .top .langs:hover li:not(:first-child) { position: absolute; top: 27px; left: -1px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; z-index: 2; display: block; width: calc(100% + 2px); 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: #970483; } 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: #970483; } 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: #fff; border-bottom: 1px solid #ccc; height: 125px; position: relative; } header .pill .toggle-menu { display: none; } header .pill .logo { float: left; } header .pill .logo svg { height: 121px; width: 207px; margin-top: 2px; } header .pill .nav { float: left; text-align: center; width: calc(100% - 347px - 22px); margin-left: 11px; margin-right: 11px; } header .pill .nav nav { display: inline-block; } header .pill .nav nav ul { float: left; } header .pill .nav nav ul li { float: left; } header .pill .nav nav ul li a { line-height: 26px; display: block; } header .pill .nav nav ul li a:hover, header .pill .nav nav ul li a.active { color: #1e1e1e; } header .pill .nav nav ul.fixed { position: absolute; background-color: #ff8c00; border-radius: 8px; left: 50%; top: 52px; height: 60px; /*width: 100%;*/ margin-left: calc((1238px / 2) - 140px); } header .pill .nav nav ul.fixed li { /*text-align: right;*/ width: 140px; text-align: center; } header .pill .nav nav ul.fixed li a { color: #fff; font-weight: bold; /*margin-top: 12px;*/ line-height: 34px; margin-top: 9px; } header .pill .nav nav ul.fixed li a:before { content: ""; display: inline-block; width: 27px; height: 27px; background: url(../img/tickets.svg); background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat; margin-right: 10px; position: relative; top: 4px; } header .pill .nav nav ul.fixed li a:hover { color: #970483; } header .pill .nav nav ul.fixed li a:hover:before { background-image: url(../img/tickets-h.svg); } header .pill .nav nav ul.dynamic ul.primary { font-weight: 500; width: 100%; display: flex; flex-flow: row; flex-wrap: wrap; justify-content: center; align-content: center; padding-top: 73px; } header .pill .nav nav ul.dynamic ul.primary li { margin: 0 10px; float: none; } header .pill .nav nav ul.dynamic ul.primary li ul { display: 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: 111px; } header .pill .nav nav ul.dynamic ul.secondary li a:hover, header .pill .nav nav ul.dynamic ul.secondary li a.active { color: #970483; } .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: #970483; } .nav-sidr .block .social li a:hover svg * { fill: #fff; } .nav-sidr .block ul { padding-left: 39px; padding-top: 8px; } .nav-sidr .block ul li { float: none; } .nav-sidr .block ul li + li { margin-left: 0px; } @media all and (max-width: 1251px) { header .pill .logo svg { width: 152px; height: 88px; margin-top: 18.5px; } header .pill .nav { width: calc(100% - 262px - 20px); margin-left: 10px; margin-right: 10px; } header .pill .nav nav ul.dynamic ul.primary { padding-top: 65px; } header .pill .nav nav ul.dynamic ul.primary li { margin: 0 7px; font-size: 14px; } header .pill .nav nav ul.fixed { margin-left: calc((1002px / 2) - 110px); top: 44px; } header .pill .nav nav ul.fixed li { width: 110px; } } @media all and (max-width: 1025px) { main { margin-top: 0px; } header { height: 52px; position: static; } header .top { display: none; } header .pill { height: 52px; position: fixed; top: 0px; left: auto; width: 100%; z-index: 30; } header .pill .nav { width: calc(100% - 55px); height: 52px; z-index: 3; } header .pill .nav nav ul.dynamic { display: none; } header .pill .nav nav ul.fixed { top: 8px; margin-left: calc((746px / 2) - 120px); width: 120px; height: 35px; z-index: 4; } header .pill .nav nav ul.fixed li { width: 100%; text-align: center; } header .pill .nav nav ul.fixed li a { line-height: 35px; font-size: 12px; margin-top: 0px; } header .pill .nav nav ul.fixed li a:before { width: 16px; height: 16px; top: 2px; } header .pill .logo { width: 764px; text-align: center; position: absolute; z-index: 1; } header .pill .logo svg { height: 47px; width: 80px; margin-top: 2.5px; } header .pill .toggle-menu { display: block; float: left; margin-top: 16px; position: relative; z-index: 2; } header .pill .toggle-menu span { width: 20px; height: 2px; background-color: #970483; 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: 769px) { header .pill .nav nav ul.fixed { margin-left: 0px; left: auto; right: 10px; } header .pill .logo { width: calc(100% - 20px); } } @media all and (max-width: 480px) { header .pill .nav nav ul.fixed { width: 75px; height: 31px; top: 10px; } header .pill .nav nav ul.fixed li a { line-height: 31px; font-size: 11px; } header .pill .nav nav ul.fixed li a:before { width: 15px; height: 15px; margin-right: 5px; } } .social-media:after { content: ""; display: block; height: 44px; } .social-media .wrapper { border-top: 10px solid #970483; 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); /*height: 481px;*/ border: 1px solid #e9ebee; } .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: #970483; } .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: #970483; } .social-media .timeline .timeline-ig .timeline-ig-items { padding: 11px 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 { /* color: $colour-footer-text; */ background-color: #ff8c00; color: #970483; font-size: 16px; line-height: 34px; overflow: hidden; } footer:before { content: ""; display: block; height: 10px; background-color: #fff; } footer .sponsors { background-color: #970483; color: #fff; text-align: center; padding: 0 0 22px 0; } footer .sponsors span { display: block; font-weight: 600; } footer .sponsors .line { padding-top: 38px; } footer .sponsors .line:after { content: ""; display: block; height: 10px; } footer .sponsors .line.pw_partners_main_sponsors .break { flex-basis: 100%; } footer .sponsors .line.pw_partners_main_sponsors img { max-width: 164px; max-height: 82px; } footer .sponsors .line.pw_partners_main_sponsors img.sp { max-width: 300px; max-height: 150px; } footer .sponsors .line.pw_partners_fih_sponsors img { max-width: 126px; max-height: 63px; } footer .sponsors .line.pw_partners_institutional_sponsors img { max-width: 100px; max-height: 50px; } footer .sponsors .flex { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } footer .sponsors .flex a { margin: 9px 25px; } footer .links { text-align: left; border-top: 2px solid #fff; padding-top: 32px; padding-bottom: 34px; } footer .links .flex { display: flex; flex-flow: row wrap; justify-content: center; width: calc(100% + 44px) !important; margin-left: -22px; margin-right: -22px; margin-top: 10px !important; } footer .links .flex li { margin-left: 22px; margin-right: 22px; margin-top: 9px; } footer .links a { color: #970483; } footer .links span { text-transform: uppercase; color: #970483; font-size: 18px; font-weight: 600; } footer .links ul { margin-top: 19px; margin-right: 30px; width: 100%; } footer .links ul:last-child { margin-right: 0px; } footer .links ul li { line-height: 24px; font-weight: 500; } footer .terms { text-align: center; color: ; border-top: 1px solid #ffddb3; padding: 19px 0 31px 0; } footer .terms a { line-height: 24px !important; color: #970483; font-weight: 500; display: inline-block; white-space: nowrap; margin: 0 11px; } footer .terms span { margin-top: 2px; display: block; } footer a:hover { color: #1e1e1e !important; } footer .social { display: flex; justify-content: center; margin-bottom: 34px; } footer .social li + li { margin-left: 15px !important; } footer .social a { display: block; width: 30px; height: 30px; line-height: 30px; background-color: #970483; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align: center; } footer .social a:hover { background-color: #000; } footer .social a svg { position: relative; top: 2px; max-width: 16px; max-height: 16px; } footer .social a svg * { fill: #ff8c00; } @media all and (max-width: 1251px) { footer .links ul { margin-right: 20px; } footer .links ul li + li { margin-left: 25px; } .social-media .timeline .timeline-ig .items .item { width: calc(50% - 10px); } } @media all and (max-width: 1025px) { footer .links { text-align: 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 { /*height: 506px;*/ width: 652px; 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) { footer .links { width: 100%; margin-left: 0; margin-right: 0; } footer .links .flex { flex-direction: column; justify-content: center; } footer .links .flex li { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; } .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 { background-color: #970483; } .home .calendar .bx-viewport { background-color: #970483 !important; } .home .calendar .carrousel { position: relative; padding: 0 66px; } .home .calendar .carrousel .items .item { color: #fff; width: 221px; float: left; height: 173px; padding-top: 17px; 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: 16px; font-weight: 500; line-height: 19px; color: #ff8c00; } .home .calendar .carrousel .items .item .game { font-size: 16px; line-height: 22px; display: block; margin-top: 11px; padding: 0 4px; } .home .calendar .carrousel .items .item .game b, .home .calendar .carrousel .items .item .game strong { font-size: 20px; text-transform: uppercase; } .home .calendar .carrousel .items .item .game b.noteam, .home .calendar .carrousel .items .item .game strong.noteam { font-size: 14.5px; text-transform: none; } .home .calendar .carrousel .items .item .place { display: block; font-size: 15px; line-height: 20px; padding: 0 4px; } .home .calendar .carrousel .items .item .tickets { background-color: #ff8c00; color: #fff; /*min-width: 110px;*/ padding: 2px 15px 3px 15px; font-size: 14px; border-radius: 6px; display: inline-block; font-weight: 500; margin-top: 14px; position: relative; z-index: 2; } .home .calendar .carrousel .items .item .tickets.passed { background-color: #999; } .home .calendar .carrousel .items .item .tickets.live { background-color: #390; } .home .calendar .carrousel .items .item .tickets:hover { background-color: #1e1e1e !important; } .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 { 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: #ff8c00; } .home .calendar-pill { color: #1e1e1e; text-transform: uppercase; font-size: 13px; text-align: center; font-weight: 700; border-top: 1px solid #fff; } .home .calendar-pill a { color: inherit; font-weight: 500; } .home .calendar-pill a:hover { color: #970483; } .home .calendar-pill .links { line-height: 33px; background-color: #c7c7c7; width: 100%; width: 664px; margin: 0 auto; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .home .calendar-pill .links span { display: inline-block; margin: 0 3px; font-size: 12px; position: relative; top: -1px; } .home .calendar-pill.close { border-top: 1px solid #970483; } .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%; 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 { padding-bottom: 20px; } .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; border-bottom: 1px solid #ccc; } .home .cell figure img { display: block; margin: 0 auto; height: 100%; width: auto; position: absolute; left: 50%; 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: #fff; color: #000; z-index: 2; padding: 14px 19px 13px 19px; height: 123px; position: relative; } .home .cell .info h4 { color: #fff; background-color: #970483; text-transform: uppercase; font-size: 18px; border-top-right-radius: 6px; position: absolute; left: 0px; height: 32px; line-height: 32px; margin-top: -46px; padding: 0 18px; } .home .cell .info h3 { color: #970483; font-size: 18px; line-height: 24px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 6px; margin-top: -4px; } .home .cell .info h3 a { color: #970483; } .home .cell .info h3 a:hover { color: #000 !important; } .home .cell .info .date { display: block; } .home .cell .info div { font-size: 18px; line-height: 24px; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .home .cell .info .more { display: block; text-transform: unset; font-size: 16px; line-height: 18px; font-weight: 500; margin-top: 16px; } .home .cell .info .more a:hover { color: #1e1e1e !important; } .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-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 { color: #970483; font-size: 24px; line-height: 32px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0px; } .home .cell.cell-width-big .info .date { margin-top: 3px; } .home .main { padding-top: 10px; 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 .title { display: block; text-transform: unset; color: #fff; background-color: #970483; border: 1px solid #970483; text-align: center; font-weight: 500; margin-top: 0px; margin-bottom: 4px; font-size: 18px; line-height: 26px; padding: 10px 20px; } .home .main .col-results .standings .standings-block { padding: 15px 20px; border-bottom: 1px solid #ccc; } .home .main .col-results .standings .standings-block__title { font-size: 16px; line-height: 1.5; font-weight: 500; text-align: center; } .home .main .col-results .standings-list { margin-top: 11px; } .home .main .col-results .standings-list__row + div { margin-top: 11px; } .home .main .col-results .standings-team__flag img, .home .main .col-results .standings-team__flag svg { max-width: 37px; max-height: 23px; margin-right: 10px; border: 1px solid #ccc; } .home .main .col-results .standings-team__name { font-size: 16px; line-height: 1.5; } .home .main .col-results .standings ul { margin-top: 4px; overflow-y: auto; border: 1px solid #ccc; height: 592px; overflow-y: scroll; } .home .main .col-results .standings ul li:last-of-type .standings-block { border-bottom: none; } .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 #970483; padding-top: 20px; margin-top: 10px; } .home .mosaic .grid { width: calc(100% + 10px); margin-left: -5px; } .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 .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-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; 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 !important; } .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-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); } .home .cell.cell-width-big { width: calc(100% - 262px - 10px); } .home .cell.cell-width-big .info h3 { font-size: 18px; line-height: 24px; } .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; transform: none; } .home .cell .info { height: auto !important; padding-bottom: 17px !important; } .home .cell .info h3 { margin-top: 0px !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 !important; padding-bottom: 16px !important; } .home .featured .news .content h3 { font-size: 28px !important; line-height: 32px !important; } .home .featured .news .content .date { font-size: 16px !important; } .home .featured .news .content .subtitle { font-size: 16px !important; line-height: 22px !important; margin-top: 12px !important; } .home .featured .news .content .more { font-size: 14px !important; margin-top: 7px !important; } } .form-note { font-style: italic; font-size: 12px; line-height: 16px; padding: 0 0 11px 0; } .form .mandatory { color: #ff8c00; } .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 .multiupload { width: 100%; border: 1px solid #ccc; line-height: 32px; height: 32px; padding: 0 4px; } .form fieldset .multiupload.error { background-color: #fff2f5 !important; } .form fieldset .multiupload-block { position: relative; margin-bottom: 2px; } .form fieldset .multiupload-block .multiupload { visibility: hidden; } .form fieldset .multiupload-block .multiupload-file { width: 100%; border: 1px solid #ccc; line-height: 32px; font-size: 12px; position: absolute; top: 0px; left: 0px; padding: 0 8px; color: #970483; cursor: pointer; } .form fieldset .multiupload-block .message { color: #008000 !important; font-weight: bold; text-align: right; position: absolute; right: 8px; top: 0px; } .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; 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 fieldset.wide-content { width: 100%; font-size: 10px; line-height: 16px; } .form fieldset.wide-content .radio-type, .form fieldset.wide-content .checkbox-type { position: relative; top: 2px; margin-right: 4px; margin-left: 0px; } .form fieldset.wide-content label { margin-top: 5px; } .form fieldset + fieldset { margin-top: 12px; } .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: #970483; 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: 4px 0 40px 0; margin: 0 auto; max-width: 564px; } .pass-form-note { padding-bottom: 16px; color: #ff8c00; } .pass-form fieldset { margin-left: auto; margin-right: auto; width: 100%; } .pass-form fieldset .col { margin: 0px !important; width: 100% !important; } .pass-form .buttons { padding-top: 18px; text-align: center; } .pass-form .representante-block { background-color: #efefef; padding: 6px 10px; margin: 14px 0; } .pass-form .representante-block + .representante-block { margin-top: -14px; padding-bottom: 10px; } .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%; } #policy-form { max-height: calc(100vh - 220px); overflow-y: auto; margin-top: 11px; } #policy-form h2 { text-transform: uppercase; } #policy-form p { line-height: 20px; font-size: 13px; padding: 12px 0 12px 0; } #policy-form p:first-child { padding-top: 0px; } #policy-form p:last-child { margin-bottom: 40px; } #policy-form ul { line-height: 20px; font-size: 13px; padding: 12px 0 6px 0; } #policy-form ul:first-child { padding-top: 0px; } #policy-form ul li { padding-bottom: 6px; padding-left: 15px; position: relative; } #policy-form ul li:before { content: ""; float: left; background-color: #970483; width: 5px; height: 5px; position: absolute; left: 0px; top: 10px; border-radius: 3px; } #policy-form ul:last-child { margin-bottom: 40px; } .multiupload-documents .item { background-color: #eeeef1; margin-top: 4px; padding: 4px 8px; font-size: 12px; clear: both; overflow: hidden; } .multiupload-documents .item:first-child { margin-top: 8px; } .multiupload-documents .item:last-child { margin-bottom: 4px; } .multiupload-documents .item span { float: left; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 100px - 100px); overflow: hidden; } .multiupload-documents .item a { float: left; margin-left: 5px; width: 95px; text-align: center; } .multiupload-documents .item a.delete { color: #c00; } .news-filters { clear: both; overflow: hidden; text-align: center; padding: 5px 0; height: 60px; } .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 { height: 36px; margin-top: -20px; } .news-filters .news-filters-list .styled-select { width: 300px; } } .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; border-bottom: 1px solid #ccc; } .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: #fff; color: #1e1e1e; padding: 14px 19px 13px 19px; z-index: 2; height: 133px; } .news-list .cell .info div, .news-list .cell .info .more { display: none; } .news-list .cell .info h3 { font-size: 18px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #970483; } .news-list .cell .info h3 a:hover { color: #1e1e1e !important; } .news-list .cell .info .date { display: block; margin-top: 4px; } .news-list .cell.cell-width-block { width: calc(25% - 10px); } .news-list .cell.cell-width { width: calc(50% - 10px); } .news-list .cell.cell-width .info { height: 272px; } .news-list .cell.cell-width .info div { display: block; font-size: 18px; font-weight: 500; margin: 21px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-list .cell.cell-width .info .more { display: block; font-size: 18px; font-weight: 500; } .news-list .cell.cell-width .info .more a:hover { color: #1e1e1e; } .news-list .cell.cell-width .info h3 { color: #970483; font-size: 24px; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 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); } .news-list .cell.cell-width figure { height: 201px; } .news-list .cell.cell-width .info { height: 133px !important; } .news-list .cell.cell-width .info h3 { font-size: 18px; line-height: 24px; 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 { padding-bottom: 34px; height: auto !important; } .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 { padding-bottom: 34px; height: auto !important; } } .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:only-child { width: 100%; } .news-detail .news-body .news-info .news-photo { border: 1px solid #ccc; margin-bottom: 9px; max-width: 802px; } .news-detail .news-body .news-info .news-photo img { width: 100%; display: block; } .news-detail .news-body .news-detail-subtitle { max-width: 802px; } .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-detail .news-body-centered { max-width: 800px; margin: 0 auto; } .news-related { padding: 20px 0; } .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 { border-top: 1px solid #ccc; 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; font-size: 14px; } .news-detail .news-detail-editor { margin-left: 20px; } } @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: 550px) { .news-detail .news-first-line { margin-top: 0px; padding-top: 11px; padding-bottom: 11px; } .news-detail .news-first-line .date { clear: both; overflow: hidden; float: none; } .news-detail .news-first-line .news-detail-editor { clear: both; overflow: hidden; margin: 6px 0px !important; float: none; } .news-detail .news-first-line .news-detail-editor svg { width: 24px; height: 24px; margin-right: 5px; position: relative; top: 2px; } .news-detail .news-first-line .social { clear: both; overflow: hidden; margin: 0px !important; float: none; } } @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: #970483; } .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 #970483; 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 #970483; 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: #970483; } .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: #970483; } @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 #970483; 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 #970483; 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 .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 .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: #970483; } .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: #970483; 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: 60px; } .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: #970483; 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: #970483; } .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: #970483; 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: #970483; 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: #970483; } .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: #970483; } .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: #970483; } .results-list.complete-race .round3 .nr { margin-left: 58px; } .results-list.complete-race .finalround .nrt { font-weight: bold; color: #970483; } .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: #970483; } .results-list.complete-race .tbody .td.z span { color: #970483; } .results-list.complete-race .tbody .td.q.pos { width: 30px; color: #fff; background-color: #970483; 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; } @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; } } @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; } } @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: #970483; 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: #970483 !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; } } @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: #970483; 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: #970483; } .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: #970483; 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: #970483; } .results-list.classification .tbody .td.t { text-align: left; } .results-list.classification .tbody .td.q.pos { width: 30px; color: #fff; background-color: #970483; 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: #970483; } .results-list.classification2 .tbody .td.q.pos { width: 30px; color: #fff; background-color: #970483; 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: #970483; 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: #970483; 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: #970483; 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: #970483; 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: #970483; 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: #970483; 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; } .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: #970483; 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: #970483; 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; } } .page-photos .error { text-align: center; font-weight: bold; color: #f00; } .gallery-sep-big { height: 20px; background-color: #970483; 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: #970483; } .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: #970483; } .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: #970483; } .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: #970483 !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); } } .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: #970483; 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: #970483; } .download-hd:hover { color: #000; } .download-hd:hover svg * { fill: #000; } .bx-wrapper { border: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; margin-bottom: 0px !important; } .bx-wrapper .bx-pager { bottom: 25px !important; } .bx-wrapper .bx-pager a { background-color: #898888 !important; } .bx-wrapper .bx-pager a.active { background-color: #fff !important; } .bx-wrapper .bx-viewport { background-color: #000; } .bx-wrapper .bx-prev { transform: rotate(180deg); } .bx-wrapper .bx-next, .bx-wrapper .bx-prev { width: 48px !important; height: 48px !important; background: url(../img/arrow.svg) no-repeat !important; filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(58deg) brightness(105%) contrast(100%); background-size: 48px 48px !important; z-index: 1 !important; } @media all and (max-width: 1025px) { .bx-wrapper .bx-next, .bx-wrapper .bx-prev { width: 30px !important; height: 30px !important; background-size: 30px 30px !important; } } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover { opacity: 0.5; } @media all and (max-width: 1025px) { .bx-wrapper .bx-next, .bx-wrapper .bx-prev { top: calc(100% - 30px) !important; } } #slider { /* ocultar unica bolita */ } #slider .featured { margin-top: 0 !important; } #slider .featured::before { width: 100%; left: unset; margin-left: unset; background: #000; background: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0.004639355742296902) 50%); } #slider .content { align-items: flex-end; padding-bottom: 77px; width: 100%; max-width: 920px; } #slider h3 { font-size: 60px; line-height: 65px; font-weight: 500; text-transform: none; } @media all and (max-width: 1025px) { #slider h3 { font-size: 34px; line-height: 38px; } } #slider .subtitle { font-size: 24px; line-height: 34px; font-weight: 400; } @media all and (max-width: 1025px) { #slider .subtitle { font-size: 20px; line-height: 26px; } } @media all and (max-width: 1251px) { #slider .news .content { left: 75px; } } @media all and (max-width: 1025px) { #slider .news .content { width: 100%; } } .bx-controls .bx-pager .bx-pager-item:only-child { display: none; } .concursos { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } @media all and (max-width: 769px) { .concursos { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } } .concursos-item { width: calc(100% / 3 - 30px); margin: 15px; border: 1px solid #ccc; padding: 25px 30px; } @media all and (max-width: 1025px) { .concursos-item { width: calc(100% / 2 - 30px); } } @media all and (max-width: 769px) { .concursos-item { flex-direction: column; margin: 10px; width: 100%; } } .concursos-item__title { font-size: 18px; line-height: 24px; color: #970483; font-weight: 500; min-height: 48px; } @media all and (max-width: 769px) { .concursos-item__title { min-height: auto; } } .concursos-item__info { margin: 18px 0; font-size: 16px; line-height: 24px; } .concursos-item__info div:first-of-type { margin-bottom: 8px; } .concursos-item__info-label { display: inline-block; width: 65px; font-weight: 500; } .concursos-item__more { font-size: 16px; line-height: 24px; color: #970483; font-weight: 500; } .concursos a { color: inherit; } .concursos a:hover { color: #000; } .concursos-item__status-icon { display: inline-block; width: 10px; height: 10px; margin-bottom: 1px; margin-right: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .concurso { font-size: 18px; line-height: 26px; } .concurso h1 { font-size: 26px; line-height: 1.5; text-align: center; margin-bottom: 25px; } .concurso__title { font-size: 16px; line-height: 26px; font-weight: 600; color: #333; padding-bottom: 5px; border-bottom: 1px solid #c3c3c3; margin-bottom: 25px; } .concurso-section { margin-bottom: 40px; } .concurso-info { display: flex; flex-wrap: wrap; justify-content: space-between; } @media all and (max-width: 769px) { .concurso-info { flex-direction: column; } } .concurso-info__item { width: calc(100% / 2 - 20px); margin-bottom: 30px; } .concurso-info__item:nth-last-child(2), .concurso-info__item:last-of-type { margin-bottom: 0; } @media all and (max-width: 769px) { .concurso-info__item { width: 100%; margin-bottom: 30px; } .concurso-info__item:last-of-type { margin-bottom: 0; } } .concurso-table .hidden { display: none; font-size: 16px; font-weight: 600; padding-bottom: 4px; } @media all and (max-width: 769px) { .concurso-table .hidden { display: block; } } .concurso-table .visible { display: block; } @media all and (max-width: 769px) { .concurso-table .visible { display: none; } } .concurso-table__head { display: flex; text-align: left; } .concurso-table__row { display: flex; margin-bottom: 30px; } @media all and (max-width: 769px) { .concurso-table__row { flex-direction: column; border-bottom: 1px solid #c3c3c3; } .concurso-table__row:last-of-type { border-bottom: none; } } .concurso-table__col-1 { width: 20%; } .concurso-table__col-2 { width: 70%; } .concurso-table__col-3 { width: 10%; } @media all and (max-width: 769px) { .concurso-table__col-1, .concurso-table__col-2, .concurso-table__col-3 { width: 100%; margin-bottom: 1em; } } .concurso-table__col-3 { text-align: center; } @media all and (max-width: 769px) { .concurso-table__col-3 { text-align: left; } } .concurso-table__icon svg { width: 29px; height: 32px; } .buttons-wrapper { text-align: center; margin-top: 75px; margin-bottom: 113px; } .buttons-wrapper .btn { background-color: #970483; color: #fff; padding: 12px 20px 12px 20px; min-width: 250px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: inline-block; font-size: 18px; line-height: 32px; font-weight: 500; } .buttons-wrapper .btn:hover { background-color: #000; } .flipbook-container { width: 100%; max-width: 1678px; margin: 0 auto; box-sizing: content-box; padding-bottom: 20px; } .flipbook-container * { box-sizing: content-box; } .flipbook-container .flipbook-block .magazine-viewport { width: 100% !important; padding: 20px 0; z-index: 0; } .flipbook-container .flipbook-block .thumbnails { display: block; position: relative; bottom: unset; left: unset; width: auto; overflow-x: auto; overflow-y: hidden; } .flipbook-container .flipbook-block .thumbnails div { display: block; width: auto; height: unset; margin: unset; } .flipbook-container .flipbook-block .thumbnails ul { margin: 0 !important; padding: 0 !important; height: 150px; white-space: nowrap; } .flipbook-container .flipbook-block .thumbnails li { padding: 0 !important; margin: 0 15px 50px 15px; } .flipbook-container .flipbook-block .thumbnails li:last-child { margin-right: 80px !important; } .lb-nav a.lb-prev,.lb-nav a.lb-next{filter:alpha(Opacity=100) !important;opacity:1.00 !important;}