/* STRUCTURE-
yellow e9e22e
*/
/*.StandingCar {display: none;}*/
body {color: #333333; cursor: auto; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html, body {font-size: 100%;}
/*div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {margin: 0; padding: 0;}*/
*, *:before, *:after {box-sizing: border-box;}
a:focus {outline-style:none}
#DbSelector {position:absolute;left:0px;top:0px;z-index:99;font-size:80%}
#DbSelector form {width:80px; display: inline-block;}
#DbSelector form select {font-size:90%;}
.header {background:#222;height:92px;width:100%;position:fixed;z-index:20}
.iconnav ul {list-style-type: none;}
.header img.logo {padding:23px 0 0 20px; padding-left:60px}
.nudgedown {height:92px}
.row.pad {padding-left:60px; padding-right:60px}
.rowpadding {padding-top:25px; padding-bottom:25px}
.rowpaddingsm {padding-top:10px; padding-bottom:10px}
.rowpadding-top-3 {padding-top:30px;}
.rowpadding-top-2 {padding-top:20px;}
.rowpadding-top-1 {padding-top:10px;}
.rowpadding-bottom-3 {padding-bottom:30px;}
.rowpadding-bottom-2 {padding-bottom:20px;}
.rowpadding-bottom-1 {padding-bottom:10px;}
.rowpaddingmedium {padding-bottom:10px}
.rowpaddingbottom {padding-bottom:20px}
.block {background:#fff; width:100%}
ul {margin-left:0px}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
h1.title {font-family: 'Open Sans', sans-serif; font-size:35px; letter-spacing:-2px; font-weight:700; text-transform:uppercase; margin-bottom:20px}
h2.title {font-family: 'Open Sans', sans-serif; font-size:20px; letter-spacing:-1px; font-weight:700; text-transform:uppercase; margin-bottom:20px}
.content.active .row.panel2:first-child {padding-top:17px}
.hold {position:absolute;top:0px;width:100%}
.tile2 {background:#ffffff; padding-top:100%}
.tile3 {background:#ccc; padding-top:47.5%}
.top-bar {height: 5.813rem; background:#222222}
.contain-to-grid {background:#222222}
P {line-height:130%}
.wrapper .texthold {font-size:14px}
.bgimage {width:100%;}
.whitehatch {background:url(../_img/whitehatch2.png);}
.dkgreyhatch {background:url(../_img/dkgreyhatch2.png);}
.dkgreyhatchnoimage {background:url(../_img/dkgreyhatch2.png) #2a2a2a;}
.whitetext {color:#ffffff !important}
.green {background:#c2d513}
.orange {background:#f4902f}
.blue {background:#00acdd}
.pink {background:#e9098c}
.mainbanner {padding:20px 0px 50px 0px}
.livestream iframe {width:100%;height: 100%; /*height:600px*/}
.whitepanel {background:#ffffff; padding:20px; border:1px solid #e5e5e5}
.tabs dd > a, .tabs .tab-title > a {font-family: 'Open Sans', sans-serif; font-weight:700; letter-spacing:-0.5px; font-size:18px}
img {display:block}
/* UTILITY */
.m-r-1 {margin-right:10px !important}
.m-b-1 {margin-bottom:10px !important}
.m-b-2 {margin-bottom:30px !important}
.m-b-3 {margin-bottom:50px !important}
.p-y-3 {padding:50px 0px !important}
.flagcirc {float:left;}
.flagcirc img {width:20px !important; padding-top:3px}
.text-muted {color:#cccccc !important; }
.text-small {font-size:50%}
.border-bottom {border-bottom:1px solid #e5e5e5; padding-bottom:20px}
.font-light {font-weight:400}
.live-video-container {position:relative;padding-bottom: 56.25%; /* 16:9 *//*padding-bottom:45%;*/padding-top:30px;height:0;overflow:hidden;}
.live-video-container iframe, .live-video-container object, .live-video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.row.livestream {/*min-height:760px*/min-height:100%;}
.livestream .whitepanel {background:inherit !important; border:0 !important; padding:0 !important;}
.livestream .whitepanel .top-right-button-hold {right:8px; top: 10px;}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ICON NAV */
ul.iconnav {float:right; margin-top:10px; margin-right:40px;}
ul.iconnav li {float:left; list-style:none}
ul.iconnav li a {padding-top:55px}
ul.iconnav li a.calendar {display:block; width:68px; background:url(../_img/nav_icons.png);}
ul.iconnav li a.calendar:HOVER {display:block; width:68px; background:url(../_img/nav_icons.png) 0px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.calendar.current {display:block; width:68px; background:url(../_img/nav_icons.png) 0px -88px;}
ul.iconnav li a.drivers {display:block; width:53px; background:url(../_img/nav_icons.png) -75px 0px;}
ul.iconnav li a.drivers:HOVER {display:block; width:53px; background:url(../_img/nav_icons.png) -75px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.drivers.current {display:block; width:53px; background:url(../_img/nav_icons.png) -75px -88px;}
ul.iconnav li a.news {display:block; width:42px; background:url(../_img/nav_icons.png) -149px 0px;}
ul.iconnav li a.news:HOVER {display:block; width:42px; background:url(../_img/nav_icons.png) -149px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.news.current {display:block; width:42px; background:url(../_img/nav_icons.png) -149px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.shop {display:block; width:53px; background:url(../_img/nav_icons.png) -214px 0px;}
ul.iconnav li a.shop:HOVER {display:block; width:53px; background:url(../_img/nav_icons.png) -214px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.shop.current {display:block; width:53px; background:url(../_img/nav_icons.png) -214px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.rx2 {display:block; width:73px; background:url(../_img/nav_icons.png) -284px 0px;}
ul.iconnav li a.rx2:HOVER {display:block; width:73px; background:url(../_img/nav_icons.png) -284px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.rx2.current {display:block; width:73px; background:url(../_img/nav_icons.png) -284px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.results {display:block; width:60px; background:url(../_img/nav_icons.png) -379px 0px;}
ul.iconnav li a.results:HOVER {display:block; width:60px; background:url(../_img/nav_icons.png) -379px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.results.current {display:block; width:60px; background:url(../_img/nav_icons.png) -379px -88px; /*transition: all 0.4s ease 0s;*/}
ul.iconnav li a.fia {display:block; width:60px; background:url(../_img/fia.png) 0px 20px no-repeat;}
ul.menunav {float:right; margin-left:20px; margin-right:60px; margin-top:15px}
ul.menunav li {list-style:none}
ul.menunav li a.burger-menu {display:block; width:40px; height:40px; background:#e9e22e;color:#222; font-size:25px;line-height:38px;text-align:center;position:relative; top:10px;}
@media only screen and (min-width: 64.063em) and (max-width: 66.125em) {
ul.iconnav {margin-right:20px;}
}
a.fantasyrx {text-align:right; position:absolute; right:333px; text-transform:uppercase; background:#666666; color:#ffffff; padding:0px 48px; margin-bottom:5px; font-weight:700; font-size:12px;}
a:HOVER.fantasyrx {background:#ff0066; color:#000000;}
a.presszone {text-align:right; position:absolute; right:169px; text-transform:uppercase; background:#666666; color:#ffffff; padding:0px 36px; margin-bottom:5px; font-weight:700; font-size:12px;}
a:HOVER.presszone {background:#ff0066; color:#000000;}
/*.dropnav .navholder {width:100%;position:fixed;z-index:12;height:0px;display:none;top:77px;}*/
.dropnav .navholder {width:100%;position:fixed;z-index:12;height:420px;display:none;top:77px;z-index:1000}
.dropnav .navholder span.driverhold {display:block; overflow:hidden; position:relative}
.dropnav .navholder span.driverhold span.name {display:block; padding:10px 0px; font-size:15px; line-height:100% }
.dropnav .navholder span.driverhold span.name .number {font-weight:700; color:#cccccc}
.dropnav .navholder span.driverhold span.drivercategory {position:absolute; top:0px; left:0px; font-size:10px; padding:2px 5px; font-weight:bold}
.dropnav .navholder span.driverhold span.drivercategory.wrx {background:#feff01}
.dropnav .navholder span.driverhold span.drivercategory.erx {background:#c3d600}
.dropnav .navholder span.driverhold span.drivercategory.wc {background:#000000; color:#ffffff}
.dropnav .navholder a {display:block; color:#000000; background:#ffffff; transition: all 0.4s ease 0s;}
.dropnav .navholder a:HOVER {background:#ff0066; color:#ffffff}
.dropnav .navholder a:HOVER span.driverhold span.name {padding:10px 10px; transition: all 0.4s ease 0s;}
.dropnav .navholder a img {position: relative; transform: scale(1); transition: all 0.4s ease 0s; width:100%}
.dropnav .navholder a:HOVER .icon img {transform:none;}
.dropnav .navholder a:HOVER img {transform: scale(1.10);}
.dropnav .navholder .pad {padding:20px; }
.dropnav .navholder div.content {display:none;background:#fff;border:1px solid #cccccc;border-top:none; }
.dropnav .navholder .load {display:none;}
.dropnav .navholder div.content.menu ul {list-style-type:none; padding:20px 0px}
.dropnav .navholder div.content .inner {padding:20px; padding-bottom:0px}
.dropnav .navholder a.see {color:#ff0066;}
.dropnav .navholder div.content.menu a:hover {background:none;color:#ff0066}
.dropnav .navholder ul.standard {border-right:1px solid #f1f1f1}
.dropnav .navholder ul.standardright {border-right:none}
.dropnav .navholder li {font-weight:400; font-size:15px}
.dropnav .navholder li.standard {border-bottom:solid 1px #f1f1f1; margin-left:10px; margin-right:20px}
.dropnav .navholder li.standard A {padding-bottom:8px; padding-top:8px; padding-left:8px; padding-right:8px;}
.dropnav .navholder li.standard A:HOVER {background:#ff0066 !important; color:#fff !important;}
.dropnav h3 {text-transform:uppercase; font-weight:700; font-size:18px; letter-spacing:-0.2px; padding:0px 0px 10px 0px; margin-bottom:10px}
.dropnav h3 a.eurodriverslink {display:inline-block; padding:0px 10px;background:#cccccc; color:#ffffff; margin-left:20px }
.dropnav ul {margin:0px}
.dropnav i.fa {color:#ff0066}
.dropnav A:HOVER i.fa {color:#ffffff}
.promo img {margin-bottom:20px;}
.dropnav a.prev-results {display:inline;text-decoration: underline;color:#666}
.dropnav .navholder .mobile-only-menu ul {z-index:1000;margin-top:20px;background:none;}
.dropnav .navholder .mobile-only-menu ul li {display:none;list-style:none}
.dropnav .navholder .mobile-only-menu ul li a {color:#fff;background:none;padding:4px 0;font-size:1.2rem;font-weight:bold;text-align:center}
@media only screen and (min-width: 800px) {
.mobile-only-menu , #mobileNav {display:none}
}
@media only screen and (max-width: 350px) {
.dropnav .navholder .mobile-only-menu ul {margin-top:10px;}
.dropnav .navholder .mobile-only-menu ul li a {font-size:12px;}
}
A span.navlabel {font-size:10px; font-weight:700; color:#ffffff; margin-left:auto; margin-right:auto; display:block; text-align:center; text-transform:uppercase}
A:hover span.navlabel {color:#ff0066;}
A.current span.navlabel {color:#ff0066;}
A.rx2:hover span.navlabel {color:#cc0000;}
A.rx2.current span.navlabel {color:#cc0000;}
#generalpage h1 {font-family: 'Open Sans', sans-serif; font-size:40px; letter-spacing:-2px; font-weight:700; text-transform:uppercase}
#generalpage h1.titleoverlay {color:#ffffff; background:#2a2a2a; display:block; position:absolute; top:0px; padding:20px 40px}
#generalpage h2 {font-family: 'Open Sans', sans-serif; font-size:40px; letter-spacing:-2px; font-weight:700; text-transform:uppercase}
#generalpage h3 {font-family: 'Open Sans', sans-serif; font-size:25px; letter-spacing:-2px; font-weight:700; text-transform:uppercase}
#generalpage .mainimage {position:relative}
#generalpage .panel {padding:20px; background:#ffffff}
#generalpage label {color:#333333 !important; padding-bottom:5px}
#generalpage a.sponsor {display:block; border:1px solid #f1f1f1; background:#ffffff; margin-bottom:20px; text-align:center; transition: all 0.4s ease 0s;}
#generalpage a.sponsor img {width:100%; transform: scale(1); transition: all 0.4s ease 0s; padding:20px; }
#generalpage a.sponsor .title {color:#333333; border-top:1px solid #f1f1f1; padding:20px; }
#generalpage a.sponsor:HOVER .title {background:#ff0066; color:#ffffff; transition: all 0.4s ease 0s; }
#generalpage a.sponsor:HOVER img {transform: scale(1.10);}
#generalpage P {margin-bottom:20px}
#generalpage .white {color:#ffffff}
.panel3 {padding:30px}
.footersponsors {padding-top:0px}
.footersponsors li {position:relative}
/*.footersponsors li span {display:block;background:#000;color:#fff;text-align:center;position:absolute;bottom:0px;z-index:3;font-size:.7em;width:90%}*/
p.standings_title {padding-left:10px; padding-bottom:10px; color:#ffffff}
#standingspanel2 a.teamname {font-size:1.1rem;font-weight:bold;color:#333}
#standingspanel2 td.points {font-size:1.1rem;font-weight:bold;}
#standingspanel2 .manufacturer-badge {width:80px;}
#standingspanel1 .comp-selector select {font-size:18px; height:auto; font-weight:bold; text-transform:uppercase;}
h1.maintitle {font-family: 'Open Sans', sans-serif; font-size:40px; letter-spacing:-2px; font-weight:700; text-transform:uppercase}
/* STICKY SOCIAL BAR- */
.stickysocial-container{padding: 0px; margin: 0px; position: fixed; right: -150px; top:112px; width: 200px; z-index:100}
.stickysocial li{list-style-type: none; background-color: #333; color: #efefef; height: 43px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor: pointer; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.stickysocial li:hover{margin-left: -115px; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%);}
.stickysocial li img{float: left; margin: 5px 5px; margin-right: 20px;}
.stickysocial li span{padding: 0px; margin: 0px; text-transform: uppercase; line-height: 43px;}
.stickysocial a {color:#ffffff}
/* new Social */
.social p {color:#ffffff; font-weight:bold; padding: 7px 12px;}
.social a {margin-left:10px;}
.social ul {display:inline-block;list-style-type:none;}
.social ul li {display:inline;}
.social .fa-facebook {color:#3b5998;}
.social .fa-twitter {color:#1da1f2;}
.social .fa-youtube {color:#ff0000;}
.social .fa-instagram {color:#fcaf45;}
.social [class^="fa fa-"] {color:#ffffff;}
/* Social hold */
.socialhold {padding-top:10px}
.socialhold a {display:block; float:right; margin-right:10px}
.socialhold img {width:35px}
/* ICON SUNBNAV */
ul.tabs.icons1 {display:block; height:123px; position:absolute; top:-60px}
ul.tabs.icons1 li.tab-title a.trending {display:block; float:left; background:url(../_img/icons1.png) no-repeat 0px 0px; width:50px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.trending:HOVER {background:url(../_img/icons1.png) no-repeat 0px -101px;}
ul.tabs.icons1 li.tab-title.active a.trending {background:url(../_img/icons1.png) no-repeat 0px -101px;}
ul.tabs.icons1 li.tab-title a.news {display:block; float:left; background:url(../_img/icons1.png) no-repeat -60px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.news:HOVER {background:url(../_img/icons1.png) no-repeat -60px -101px;}
ul.tabs.icons1 li.tab-title.active a.news {background:url(../_img/icons1.png) no-repeat -60px -101px;}
ul.tabs.icons1 li.tab-title a.youtube {display:block; float:left; background:url(../_img/icons1.png) no-repeat -122px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.youtube:HOVER {background:url(../_img/icons1.png) no-repeat -122px -101px;}
ul.tabs.icons1 li.tab-title.active a.youtube {background:url(../_img/icons1.png) no-repeat -122px -101px;}
ul.tabs.icons1 li.tab-title a.twitter {display:block; float:left; background:url(../_img/icons1.png) no-repeat -185px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.twitter:HOVER {background:url(../_img/icons1.png) no-repeat -185px -101px;}
ul.tabs.icons1 li.tab-title.active a.twitter {background:url(../_img/icons1.png) no-repeat -185px -101px;}
ul.tabs.icons1 li.tab-title a.instagram {display:block; float:left; background:url(../_img/icons1.png) no-repeat -244px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.instagram:HOVER {background:url(../_img/icons1.png) no-repeat -244px -101px;}
ul.tabs.icons1 li.tab-title.active a.instagram {background:url(../_img/icons1.png) no-repeat -244px -101px;}
ul.tabs.icons1 li.tab-title a.shop {display:block; float:left; background:url(../_img/icons1.png) no-repeat -300px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.shop:HOVER {background:url(../_img/icons1.png) no-repeat -300px -101px;}
ul.tabs.icons1 li.tab-title.active a.shop {background:url(../_img/icons1.png) no-repeat -300px -101px;}
ul.tabs.icons1 li.tab-title a.driver {display:block; float:left; background:url(../_img/icons1.png) no-repeat -355px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.driver:HOVER {background:url(../_img/icons1.png) no-repeat -355px -101px;}
ul.tabs.icons1 li.tab-title.active a.driver {background:url(../_img/icons1.png) no-repeat -355px -101px;}
ul.tabs.icons1 li.tab-title a.track {display:block; float:left; background:url(../_img/icons1.png) no-repeat -416px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.track:HOVER {background:url(../_img/icons1.png) no-repeat -416px -101px;}
ul.tabs.icons1 li.tab-title.active a.track {background:url(../_img/icons1.png) no-repeat -416px -101px;}
ul.tabs.icons1 li.tab-title a.gallery {display:block; float:left; background:url(../_img/icons1.png) no-repeat -472px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.gallery:HOVER {background:url(../_img/icons1.png) no-repeat -472px -101px;}
ul.tabs.icons1 li.tab-title.active a.gallery {background:url(../_img/icons1.png) no-repeat -472px -101px;}
ul.tabs.icons1 li.tab-title a.info {display:block; float:left; background:url(../_img/icons1.png) no-repeat -531px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.info:HOVER {background:url(../_img/icons1.png) no-repeat -531px -101px;}
ul.tabs.icons1 li.tab-title.active a.info {background:url(../_img/icons1.png) no-repeat -531px -101px;}
ul.tabs.icons1 li.tab-title a.entry {display:block; float:left; background:url(../_img/icons1.png) no-repeat -355px 0px; width:55px; height:75px; padding:40px 0px 0px 0px}
ul.tabs.icons1 li.tab-title a.entry:HOVER {background:url(../_img/icons1.png) no-repeat -355px -101px;}
ul.tabs.icons1 li.tab-title.active a.entry {background:url(../_img/icons1.png) no-repeat -355px -101px;}
ul.tabs.icons1 A span.navlabel {color:#666666; text-align:left; }
ul.tabs.icons1 A:hover span.navlabel {color:#ff0066;}
ul.tabs.icons1 A.current span.navlabel {color:#ff0066;}
ul.tabs.icons1 A span.navlabel.hot {margin-left:0px}
ul.tabs.icons1 A span.navlabel.news {margin-left:3px}
ul.tabs.icons1 A span.navlabel.video {margin-left:4px}
ul.tabs.icons1 A span.navlabel.twitter {margin-left:-2px}
ul.tabs.icons1 A span.navlabel.instagram {margin-left:4px}
ul.tabs.icons1 A span.navlabel.biog {margin-left:6px}
ul.tabs.icons1 A span.navlabel.gallery {margin-left:-2px}
ul.tabs.icons1 A span.navlabel.info {margin-left:6px}
ul.tabs.icons1 A span.navlabel.entry {margin-left:3px}
ul.tabs.icons1 A span.navlabel.team {margin-left:4px}
ul.tabs.plain li.tab-title a {background-color:#eee;color:#222;border-right:1px solid #ccc}
ul.tabs.plain li.tab-title.active a {background-color:#fff;color:#222}
A span.navlabel {font-size:10px; font-weight:700; color:#ffffff; margin-left:auto; margin-right:auto; display:block; text-transform:uppercase}
A:hover span.navlabel {color:#ff0066;}
A.current span.navlabel {color:#ff0066;}
.swal2-confirm {
background-color: #ff0066 !important;
border-color: #cc0052 !important;
}
/*ul.tabs.icons1 {display:block; height:63px}
ul.tabs.icons1 li.tab-title a.trending {position:absolute; background:url(../_img/icons1.png) no-repeat 0px 0px; width:31px; height:75px; text-indent:-9999px; padding:0px}
ul.tabs.icons1 li.tab-title a.trending:HOVER {background:url(../_img/icons1.png) no-repeat 0px -101px;}
ul.tabs.icons1 li.tab-title.active a.trending {background:url(../_img/icons1.png) no-repeat 0px -101px;}
ul.tabs.icons1 li.tab-title a.news {position:absolute; left:60px; background:url(../_img/icons1.png) no-repeat -60px 0px; width:39px; height:75px; text-indent:-9999px; padding:0px}
ul.tabs.icons1 li.tab-title a.news:HOVER {background:url(../_img/icons1.png) no-repeat -60px -101px;}
ul.tabs.icons1 li.tab-title.active a.news {background:url(../_img/icons1.png) no-repeat -60px -101px;}
ul.tabs.icons1 li.tab-title a.youtube {position:absolute; left:122px; background:url(../_img/icons1.png) no-repeat -122px 0px; width:39px; height:75px; text-indent:-9999px; padding:0px}
ul.tabs.icons1 li.tab-title a.youtube:HOVER {background:url(../_img/icons1.png) no-repeat -122px -101px;}
ul.tabs.icons1 li.tab-title.active a.youtube {background:url(../_img/icons1.png) no-repeat -122px -101px;}
ul.tabs.icons1 li.tab-title a.twitter {position:absolute; left:185px; background:url(../_img/icons1.png) no-repeat -185px 0px; width:39px; height:75px; text-indent:-9999px; padding:0px}
ul.tabs.icons1 li.tab-title a.twitter:HOVER {background:url(../_img/icons1.png) no-repeat -185px -101px;}
ul.tabs.icons1 li.tab-title.active a.twitter {background:url(../_img/icons1.png) no-repeat -185px -101px;}
ul.tabs.icons1 li.tab-title a.instagram {position:absolute; left:244px; background:url(../_img/icons1.png) no-repeat -244px 0px; width:39px; height:75px; text-indent:-9999px; padding:0px}
ul.tabs.icons1 li.tab-title a.instagram:HOVER {background:url(../_img/icons1.png) no-repeat -244px -101px;}
ul.tabs.icons1 li.tab-title.active a.instagram {background:url(../_img/icons1.png) no-repeat -244px -101px;}
ul.tabs.icons1 li.tab-title a.shop {position:absolute; left:300px; background:url(../_img/icons1.png) no-repeat -300px 0px; width:39px; height:75px; text-indent:-9999px; padding:0px}
ul.tabs.icons1 li.tab-title a.shop:HOVER {background:url(../_img/icons1.png) no-repeat -300px -101px;}
ul.tabs.icons1 li.tab-title.active a.shop {background:url(../_img/icons1.png) no-repeat -300px -101px;}
ul.tabs.icons1 li.tab-title a.driver {position:absolute; background:url(../_img/icons1.png) no-repeat -355px 0px; width:39px; height:75px; text-indent:-9999px; padding:0px}
ul.tabs.icons1 li.tab-title a.driver:HOVER {background:url(../_img/icons1.png) no-repeat -355px -101px;}
ul.tabs.icons1 li.tab-title.active a.driver {background:url(../_img/icons1.png) no-repeat -355px -101px;}
ul.tabs.icons1 li.tab-title a.track {position:absolute; background:url(../_img/icons1.png) no-repeat -416px 0px; width:39px; height:75px; text-indent:-9999px; padding:0px}
ul.tabs.icons1 li.tab-title a.track:HOVER {background:url(../_img/icons1.png) no-repeat -416px -101px;}
ul.tabs.icons1 li.tab-title.active a.track {background:url(../_img/icons1.png) no-repeat -416px -101px;}*/
.wrapper { width: 100%; display: block; position: relative;}
.wrapper:after {display: block;content: '';}
.wrapper-hold { position: absolute; top: 0; bottom: 0; right: 0; left: 0;overflow:hidden;}
.wrapper a.cover {position:absolute;display:block;width:100%;z-index:10;content="";text-indent:-9999px;}
.wrapper .texthold {padding:7% 7% 0 7%;}
.wrapper .texthold p , .wrapper .texthold h2 {color:#333;text-align:center}
.panel.news .wrapper .texthold p , .wrapper .texthold h2 {color:#000;}
UL.greybullets LI {background:url(../_img/bullet1.png) no-repeat 0px 7px; list-style:none; padding:5px 0px 5px 20px }
UL.whitebullets LI {background:url(../_img/bullet2.png) no-repeat 0px 7px; list-style:none; padding:5px 0px 5px 20px }
UL.borderbottom LI {background:url(../_img/bullet1.png) no-repeat 0px 13px; border-bottom:solid 1px #f1f1f1; padding:10px 0px 10px 20px }
.panel {padding:0px;border:0px;background:#ffffff}
.panel span {display:block;}
.panel img.main-image {width:100%}
.panel.news {border:1px solid #f1f1f1;}
.panel.news a {display:block; color:#000000; background:#ffffff; transition: all 0.4s ease 0s;}
.panel.news a:HOVER {background:#ff0066; color:#ffffff}
.panel.news a img {position: relative; transform: scale(1); transition: all 0.4s ease 0s;}
.panel.news a video { position: relative; transform: scale(1); transition: all 0.4s ease 0s;}
.panel.news a:HOVER .icon img {transform:none;}
.panel.news a:HOVER img {transform: scale(1.10);}
.panel.news a:HOVER video {transform: scale(1.10);}
.panel.event {border:1px solid #f1f1f1;}
.panel.event a {display:block; color:#000000; background:#ffffff; transition: all 0.4s ease 0s;}
/*.panel.event a:HOVER {background:#ff0066; color:#ffffff}*/
.panel.event a:HOVER span.round {color:#ff0066}
.panel.event a img {position: relative; transform: scale(1); transition: all 0.4s ease 0s;}
.panel.event a:HOVER .icon img {transform:none;}
.panel.event a:HOVER img {transform: scale(1.10);}
.panel.event span.round {font-size:1.2em; color:#cccccc; font-weight:bold; text-transform:uppercase; letter-spacing:-0.5px }
.panel.event span.name {font-size:1.2em; font-weight:normal}
.panel.event a.button {background-color: #ff0066;color:#fff;}
.panel.event a.button[disabled] {background-color: #696969 !important;}
.panel.event a.button:HOVER {background-color: #cc0052;}
.panel.event .star-classses {position: absolute;top: 0px;left: 40px;background: #333333;padding: 3px 10px;opacity: 0.8;}
.panel.video {border:1px solid #f1f1f1}
.panel.video a {display:block; color:#000000; background:#ffffff; transition: all 0.4s ease 0s;}
.panel.video a:HOVER {background:#c3d600; color:#000000}
.panel.video a img {position: relative; transform: scale(1); transition: all 0.4s ease 0s;}
.panel.video a:HOVER .icon img {transform:none;}
.panel.video a:HOVER img {transform: scale(1.10);}
.panel.driver {border:1px solid #f1f1f1;min-height:5vw; max-height:377px;}
.panel.driver .wrapper-hold {overflow:visible !important}
.panel.driver a {display:block; color:#000000; background:#ffffff; height:50vw; transition: all 0.4s ease 0s; max-height:388px;}
.panel.driver a:HOVER {background:#ff0066; color:#ffffff}
.panel.driver a img {position: relative; transform: scale(1); transition: all 0.4s ease 0s;}
.panel.driver a:HOVER img {transform: scale(1.10);}
.panel.driver a:HOVER .icon img {transform:none;}
.panel.driver span.number {font-size:2em; color:#cccccc; font-weight:bold; }
.panel.driver span.name {font-size:1.2em; font-weight:normal}
.panel.news .wrapper .texthold , .panel.video .wrapper .texthold , .texthold.no-image {font-size:20px;font-weight:bold;text-transform: none;letter-spacing: -1px;line-height:24px}
.alert-danger {color:#721c24; background-color:#f8d7da; border-color: #f5c6cb;}
.alert {position:relative; padding: .75rem 1.25rem; margin-bottom:1rem; border: 1px solid transparent; border-radius:.25rem;}
/* Standalone Event */
.standalone .panel.event a:HOVER span.round {color: #ffffff !important;}
.standalone .wrapper-hold {background-color: green;color:#ffffff;}
.standalone button {background-color: green !important;color:#ffffff;}
/* custom foundation medium only */
@media only screen and (min-width: 50em) and (max-width: 64em) {
.panel.news .wrapper .texthold , .panel.video .wrapper .texthold , .panel.twitter .wrapper .texthold.no-image {font-size:26px;line-height:28px}
.panel.twitter .wrapper .texthold {font-size:20px;line-height:22px;font-weight:bold}
}
/* custom half way down medium only */
@media only screen and (min-width: 40.063em) and (max-width: 50em) {
.panel.news .wrapper .texthold , .panel.video .wrapper .texthold , .texthold.no-image {font-size:18px;line-height:20px}
}
/* foundation large only */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.panel.news .wrapper .texthold , .panel.video .wrapper .texthold , .texthold.no-image {font-size:20px;line-height:22px}
}
/* custom half down large only */
@media only screen and (min-width: 64.063em) and (max-width: 70em) {
.panel.twitter .wrapper .texthold.no-image {font-size:16px;line-height:20px}
}
/* foundation small */
@media only screen and (max-width: 40em) {
}
/* foundation from large */
.d-lg-flex .featuredvid .wrapper .image{height:50%;overflow:hidden;}
.d-lg-flex .featuredvid .wrapper{padding-top: 240px;}
@media only screen and (min-width: 64.063em) {
.d-lg-flex{display: flex;}
.d-lg-flex .featuredvid .wrapper{padding-top: 400px;}
.d-lg-flex .featuredvid .wrapper .image{height:70%;}
.d-lg-flex .featuredvid .wrapper .main-image{height:100%;}
}
#monstergirlsblog .panel.driver {border:1px solid #f1f1f1;}
#monstergirlsblog .panel.driver a {display:block; color:#000000; background:#ffffff; transition: all 0.4s ease 0s;}
#monstergirlsblog .panel.driver a:HOVER {background:#8bc63f; color:#ffffff}
#monstergirlsblog .panel.driver a img {position: relative; transform: scale(1); transition: all 0.4s ease 0s;}
#monstergirlsblog .panel.driver a:HOVER img {transform: scale(1.10);}
#monstergirlsblog .panel.driver a:HOVER .icon img {transform:none;}
#monstergirlsblog .panel.driver span.number {font-size:2em; color:#cccccc; font-weight:bold; }
#monstergirlsblog .panel.driver span.name {font-size:1.2em; font-weight:normal}
#monstergirlsblog h1.title {color:#ffffff}
#monstergirlsblog p {color:#ffffff}
#monstergirlsblog .button {background:#8bc63f;}
.videotag {font-size:14px; font-weight:400; line-height:18px; text-transform:capitalize; padding-bottom:5px; padding-left:20px; margin-top:-25px;}
@media only screen and (max-width: 40em) {
.videotag {padding-left:0; text-align: center;}
}
/* ================= results pages ================= */
#generalpage .row.results h2 {font-size:30px}
#generalpage .row.results a.button {padding:12px 18px}
/* smaller than 800px */
@media only screen and (max-width:800px) {
#generalpage .row.results a.button {padding:7px 14px;font-size:14px}
#generalpage .row.results h2 {font-size:20px;line-height:25px;letter-spacing:-1px}
#generalpage .row.results h3 {font-size:18px;line-height:25px;letter-spacing:-1px}
}
.panel.instagram {border:1px solid #f1f1f1}
.panel.twitter {background:#ffffff; border:1px solid #f1f1f1}
.panel.twitter a {display:block; color:#000000; background:#ffffff; transition: all 0.4s ease 0s;}
.panel.twitter a:HOVER {background:#26aadd; color:#ffffff}
.panel.twitter a img {position: relative; transform: scale(1); transition: all 0.4s ease 0s;}
.panel.twitter a:HOVER .icon img {transform:none;}
.panel.twitter a:HOVER img {transform: scale(1.10);}
.panel span.icon {display:block;width:40px;height:auto;position:absolute;top:0px; z-index:10}
.panel span.icon img {width:100%}
.panel .texthold.no-image {padding-top:20%}
.vote {background:#2a2a2a; padding:20px}
.vote P, .vote P label {color:#ffffff !important; text-align:left}
.vote h3 {color:#ffffff}
.vote h3 span {color:#ff0066; font-weight:300}
.vote input {margin:0px}
.vote .wrapper {float:left; position:relative !important; padding-top:500px !important}
/*.columns.dbl .image {width:50%;overflow:hidden;float:left}
.columns.dbl .texthold {width:50%;float:left;padding:0px}
.columns.dbl .texthold p {padding:25% 25% 0 7%;text-align:left}
.columns.dbl .panel span.icon {right:0px;top:37%;width:12%}
.columns.dbl .panel span.icon2 {display:block;width:7.5%;height:auto;position:absolute;top:0px}
.columns.dbl .panel span.icon2 img {width:100%}*/
.columns.sng .image {height:55.75%; /*height:50%; */overflow:hidden}
.columns.sng .image .main-image {height: 100%;}
/*.columns.dbl A .image {height:100%; overflow:hidden; transition: all 0.4s ease 0s;}
.columns.dbl A:HOVER .image {height:70%; overflow:hidden; }*/
.columns.dbl A {background:#222}
.columns.dbl A .image {height:100%; overflow:hidden; transition: all 0.4s ease 0s;}
.columns.dbl .image img {position:relative;}
.columns.dbl A:HOVER .image img {transform:none;transform: scale(1.10);}
.columns.dbl .wrapper .texthold {padding:3% 3%; font-size:17px}
.panel.instagram .image {height:auto; overflow:hidden}
.columns.white {background:#fff}
.columns.dbl .wrapper .texthold {color:#fff;font-weight:bold;font-size:1.4rem;line-height:1.3rem;letter-spacing: -1px;position:absolute;background:url('/_img/bg50black.png');bottom:0px; z-index: 19}
/*.columns.teamsrow .wrapper-hold{display:flex;}
.columns.teamsrow .image{width:50%;}*/
.table-cards {
display: grid; grid-template-columns: 1fr; grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto; margin-bottom: 1rem;
}
@media screen and (min-width: 60em) {
.table-cards {grid-template-columns: 1fr; grid-row-gap: 0px;}
}
.table-card {
display: flex; flex-direction: column; grid-column-start: auto;
grid-column-end: span 1; min-height: 200px; border: 1px solid #ddd;
border-radius: 5px; text-align: center;
}
.table-card div {padding: 0; flex: 0 1 auto;}
.table-card .text {padding: 1.25rem;}
.table-card .text span {display: block;}
.table-card .text, .table-card .text span,.table-card h3 {text-align: left;}
.table-card h3 {padding: 0 !important;}
.table-card .gallery-title h3 {padding: 0 .75rem !important;}
.table-card .driverheadshots {display: inline-flex !important;}
.table-card .headshot img{max-width: 120px;}
@media only screen and (min-width: 60em) and (max-width: 65.688em) {
.table-card .gallery-title {width:25%;max-width:25%;margin-top:2%;}
}
@media only screen and (min-width: 65.750em) {
.table-card .gallery-title {width:25%;max-width:25%;margin-top:5%;}
}
@media screen and (min-width: 60em) {
.table-card {display:flex; flex-direction:row;border-radius:0; min-height:0;}
.table-card .text {width: 45%; padding:5rem;}
}
.table-card .content {background-color:#eee; flex: 1 1 0;}
.table-card span.icon {display:block; /*width:100px*/;height:auto;/*position:absolute;margin:1rem;z-index:10*/}
.table-card span.icon img {max-height:70px;}
.table-card [class*="block-grid-"] {margin: 0 !important;}
.table-card [class*="block-grid-"] > li {padding: 0 !important;}
.table-card span.title {display:block;}
.table-cards [data-link*="/"] {cursor: pointer;}
.featured .tabs-content {margin-bottom: 0px; width: 100%;}
.standings .tabs-content {margin-bottom: 0px; width: 100%;}
.standings {background:#2a2a2a; }
.standings table {background:#2a2a2a; border:none; margin-bottom:20px;width:100%}
/*.standings table tr.alt {background:#191919}*/
.standings table td {color:#ffffff; text-transform:uppercase; padding:10px; font-size:15px}
.standings select {margin-top:10px; font-family: 'Open Sans', sans-serif; background:#555555; border:none; color:#ffffff; font-size:15px; height:auto}
.standings .tabs dd > a, .tabs .tab-title > a {padding:10px 20px; font-size:15px}
.standings .tabs {margin-top:10px}
.standings .flag {width:30px}
.standings .points {color:#ffffff; text-align:center; font-size:20px; font-weight:bold}
.standings .position {text-align:center; font-size:22px; font-weight:700; color:#999999}
.standings table tr.even, .standings table tr.alt, .standings table tr:nth-of-type(2n) {background:#191919}
.standings span.driver {font-weight:bold}
.standings table {margin:0px; padding:0px}
.standings table A {color:#ffffff}
.standings table A:HOVER {color:#ff0066}
.standings table tr.me td {background:#ff0066; font-weight:700; color:#ffffff}
.standings table tr.me td A:HOVER {color:#000000}
.standings .tabs dd.active a, .tabs .tab-title.active a {background-color: #ff0066; color: #ffffff;}
.standings .tabs dd.active a, .tabs .tab-title a {background-color: #000000; color: #ffffff;}
.standings .tabs dd.active a, .tabs .tab-title a:HOVER {background-color: #ff0066; color: #ffffff;}
.standings .standings_title {padding:7px 12px;font-weight:bold}
.standings th.center , .standings td.center {text-align:center}
.fullstandings table {width:100%}
.fullstandings .driver {font-size:1.4rem;font-weight:bold;}
.fullstandings a {color:#333}
.fullstandings .points {font-size:1.2rem;font-weight: bold;}
.StandingCar img {max-width:100px}
.nextevent img {width:100%}
.footer {padding-top:30px; padding-bottom:50px; background:#2a2a2a}
.footer p {color:#999999; font-size:14px}
.footer H4 {color:#999999; font-size:14px; border-bottom:1px solid #000000; margin:30px 0px; padding-bottom:10px; font-weight:bold}
.footer A {color:#999999; font-size:12px; text-transform:uppercase; text-decoration:underline;}
.footer A:HOVER {color:#ff0066}
.footer UL {margin:0px}
.footer LI {list-style:none}
.footer .copyright {border-top:1px solid #000000; margin-top:30px; padding-top:20px; text-align:center}
.footer a.fluid {font-size:11px; text-transform:none; text-decoration:none }
.footer a.fluid:HOVER {color:#ffffff}
/* ------------DRIVER PAGE----------------*/
#driverdetails .driverimage {height:383px; position:relative; overflow:hidden; text-align:center}
#driverdetails .driverimage img {width:none !important; max-width:703px}
#driverdetails H1.driver {font-size:40px;color:#2a2a2a; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-3px; text-transform:uppercase; margin-bottom:0px}
#driverdetails .intro {background:#ffffff; padding:30px; padding-bottom:10px; min-height:383px; border:1px solid #f1f1f1; margin-bottom: 50px; }
#driverdetails .flag {border:1px solid #f1f1f1; display:inline-block}
#driverdetails .number {color:#cccccc; font-weight:700}
#driverdetails .badge {width:100%; display:inline-block; margin-top:10px; font-size:20px; text-transform:uppercase; padding-top:15px}
#driverdetails .badge img {float:left; height:30px; margin-right:10px}
#driverdetails .flag img {height:28px}
#driverdetails .intro P {color:#2a2a2a; line-height:100%; padding-bottom:20px }
#driverdetails .carside {padding-top:10px}
#driverdetails .socialhold {position:absolute; top:0px; right:8px; background-image: url("/_img/bg50black.png");}
#driverdetails .socialhold a {color:#ffffff; padding:0px 0px 10px 10px}
#driverdetails .socialhold a:HOVER {color:#ff0066;}
#driverdetails .socialhold a.web {padding-top:4px; font-weight:700}
.driverbiography {background:#ffffff; padding:20px; min-height:435px; margin-bottom:20px}
.driverbiography P {margin-bottom:20px}
.driverbiography H3 {border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:30px}
#driverdetails H3 {color:#ece44b; font-size:18px; font-weight:700; margin-top:20px}
.driver_heats table tr td {font-size:18px; line-height:120%;}
.driver_heats table thead tr th, table thead tr td {background:#00ccff; color:#ffffff; font-size:20px; padding:10px; font-weight:700; line-height:120%;}
.driver_heats table tr.even, .driver_heats table tr.alt, .driver_heats table tr:nth-of-type(2n) {background:#f1f1f1}
.driverbiography .tabs {width:100%; background:#ffffff}
.driverbiography .tabs LI {width:50%; text-align:center; border-right:1px solid #ffffff}
.driverbiography .tabs.drivertabs dd.active a, .driverbiography .tabs .tab-title a {color:#222222; font-size:14px; text-transform:uppercase; font-weight:700}
.driverbiography .tabs.drivertabs dd.active a, .driverbiography .tabs .tab-title.active a {background:#ffffff; display:block; color:#222222; }
.driverbiography .tabs.drivertabs dd.active a, .driverbiography .tabs .tab-title a:HOVER {background:#ffffff; color:#222222}
.driverbiography .tabs dd.active a, .driverbiography .tabs .tab-title a {background:#f1f1f1}
.driver_stats H3 {background:#ff0066; color:#ffffff; padding:10px 20px; font-size:18px; font-weight:700; line-height:120%; margin-bottom:0px }
.panel.stats {border-bottom:1px solid #f1f1f1; background:none}
.driver_stats {background:#ffffff;color:#2a2a2a;border:1px solid #f1f1f1; border-bottom:none; margin-bottom:20px}
.driver_stats p.stat {background:none !important; font-size:40px; font-weight:bold; text-align:center; line-height:100%; padding:20px}
.driver_stats .bar {width:100%; background:#cccccc; color:#ffffff; text-align:right; font-weight:bold; position:relative; margin:auto; }
.driver_stats .bar span {position:absolute; right:10px; display:block; top:5px}
.driver_stats .percentage {background:#999999; height:35px;}
.driver_stats .bar-0 {width:8px;}
.driver_stats .bar-5 {width:5%;}
.driver_stats .bar-15 {width:15%;}
.driver_stats .bar-20 {width:20%;}
.driver_stats .bar-25 {width:25%;}
.driver_stats .bar-30 {width:30%;}
.driver_stats .bar-35 {width:35%;}
.driver_stats .bar-40 {width:40%;}
.driver_stats .bar-45 {width:45%;}
.driver_stats .bar-50 {width:50%;}
.driver_stats .bar-55 {width:55%;}
.driver_stats .bar-60 {width:60%;}
.driver_stats .bar-65 {width:65%;}
.driver_stats .bar-70 {width:70%;}
.driver_stats .bar-75 {width:75%;}
.driver_stats .bar-80 {width:80%;}
.driver_stats .bar-85 {width:85%;}
.driver_stats .bar-90 {width:90%;}
.driver_stats .bar-95 {width:95%;}
.driver_stats .bar-100 {width:100%;}
#driverlist h3 {text-transform:uppercase; font-weight:700; font-size:40px; letter-spacing:-2px; padding:0px 0px 10px 10px; margin-bottom:10px; line-height:100%}
UL.rxcareer LI {display:block;}
UL.rxcareer LI span.careeritem {background:#ff0066; color:#ffffff; padding:18px 0px; text-align:center; line-height:120%; min-height:90px; display:block; text-transform:uppercase; font-size:12px; font-weight:700}
UL.rxcareer LI span.careeritem span.figure {font-size:40px; font-weight:700; letter-spacing:-0.5px}
UL.rxform {margin:0px}
UL.rxform LI {list-style:none; font-weight:500; border-bottom:solid 1px #e5e5e5; padding:3px 0px}
UL.driverkeypoints {padding-top:10px}
UL.driverkeypoints LI {list-style:none; padding:3px 0px}
.driver UL.driverkeypoints {
padding:20px;
text-align:left;
}
.driver UL.driverkeypoints LI {
font-size:13px;
padding:0px;
}
#teamdetails .driverimage {height:383px; position:relative; overflow:hidden; text-align:center}
#teamdetails .driverimage img {width:none !important; max-width:703px}
#teamdetails H1.driver {font-size:40px;color:#2a2a2a; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-3px; text-transform:uppercase; margin-bottom:20px}
#teamdetails .intro {background:#ffffff; padding:30px; padding-bottom:10px; min-height:383px; border:1px solid #f1f1f1; margin-bottom: 50px; }
#teamdetails .intro P {color:#2a2a2a; line-height:150%; padding-bottom:20px}
#teamdetails H3 {color:#ece44b; font-size:22px; font-weight:700; margin-top:20px}
.teamdrivers {background:#ffffff; padding:20px; min-height:435px}
.teamdrivers P {margin-bottom:20px}
.teamdrivers H3 {border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:30px}
.teamdrivers H2.driver {font-size:40px;color:#2a2a2a; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-3px; text-transform:uppercase; margin-bottom:20px}
/* ------------EVENT PAGE----------------*/
#eventdetails .eventimage {height:383px; position:relative; overflow:hidden; text-align:center}
#eventdetails .eventimage img {width:100% !important;/*width:none !important;*/ /*max-width:703px*/ max-width:100%;}
#eventdetails H1.event {font-size:40px;color:#2a2a2a; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-3px; text-transform:uppercase; margin-bottom:20px}
#eventdetails H2.event {font-size:25px;color:#cccccc; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-2px; text-transform:uppercase}
#eventdetails .flag img {width:100%}
#eventdetails .intro {background:#ffffff; padding:0px 0px 30px 0px; padding-bottom:10px; min-height:383px; border:1px solid #f1f1f1; margin-bottom: 50px; }
#eventdetails .intro P {color:#ffffff; line-height:100%; }
#eventdetails H3 {border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:30px; font-size:25px; text-transform:uppercase; font-weight:700; letter-spacing:-0.5px; text-align:center}
.eventintro {background:#ffffff; padding:20px; min-height:678px; }
.eventintro P {margin-bottom:30px}
.eventintro H3 {border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:30px; font-size:25px; text-transform:uppercase; font-weight:700; letter-spacing:-0.5px; text-align:center}
.eventintro H5 {font-weight:700; text-transform:uppercase; text-align:center; border-bottom:solid 1px #f1f1f1; padding-bottom:5px; margin-bottom:10px; letter-spacing:-0.5px;}
#eventdetails .timer {background:#222222; color:#ffffff;}
#eventdetails .flag {max-width:90px}
#eventdetails .buttons {padding:10px 10px 0px 0px}
#eventdetails .buttons a.button {margin:0px}
#eventdetails .counter {padding-top:3px}
#eventdetails .counter H3 {font-size:23px !important; text-transform:uppercase; font-weight:700; letter-spacing:-0.5px; text-align:center; color:#ffffff !important; margin-top:13px; border-bottom:none; margin-bottom:0px; padding-bottom:0px}
.eventtrack .driverquote {font-style: italic; font-size:18px}
.eventtrack .driverquote span {font-weight:bold; font-style: normal; font-size:15px}
table.rxfacts {width:100%; border:none; background:transparent; color:#ffffff;}
table.rxfacts td {color:#ffffff;padding:20px; text-align:center; font-weight:700; background-color:rgba(255,255,255,0.2);}
table.rxfacts td.title {background:#9fb9be; color:#ffffff}
table.rxfacts tr.even, table tr.alt, table tr:nth-of-type(even){background:transparent;}
table.rxfacts tr th, /*table tr td*/ {color:#ffffff;}
.eventtrack {/*background:#ffffff; */padding:20px; }
.eventtrack H3 {/*border-bottom:1px solid #f1f1f1; */padding-bottom:20px; margin-bottom:30px; font-size:25px; text-transform:uppercase; font-weight:700; letter-spacing:-0.5px; text-align:center; color:#ffffff;}
.eventtrack H3.text-black {color:#000000;}
.eventtrack H5 {color:#ffffff;}
.entrylist span.driverhold {display:block; overflow:hidden; position:relative}
.entrylist span.driverhold span.name {display:block; padding:10px 0px; font-size:15px; line-height:100% }
.entrylist span.driverhold span.name .number {font-weight:700; color:#cccccc}
.entrylist span.driverhold span.drivercategory {position:absolute; top:0px; left:0px; font-size:10px; padding:2px 5px; font-weight:bold}
.entrylist span.driverhold span.drivercategory.wrx {background:#feff01}
.entrylist span.driverhold span.drivercategory.erx {background:#c3d600}
.entrylist span.driverhold span.drivercategory.wc {background:#000000; color:#ffffff}
.entrylist a {display:block; color:#000000; background:#ffffff; transition: all 0.4s ease 0s;}
.entrylist a:HOVER {background:#ff0066; color:#ffffff}
.entrylist a:HOVER span.driverhold span.name {padding:10px 10px; transition: all 0.4s ease 0s;}
.entrylist a img {position: relative; transform: scale(1); transition: all 0.4s ease 0s; width:100%}
.entrylist a:HOVER .icon img {transform:none;}
.entrylist a:HOVER img {transform: scale(1.10);}
.entrylist H5 {font-weight:700; text-transform:uppercase; text-align:center; padding-bottom:5px; margin-bottom:30px; letter-spacing:-0.5px; border-bottom:none; color:#ffffff}
.entrylist H5.dark {color:#000000}
.entrylist UL.drivers {background:#9fb9be; padding:20px 0px; margin:0px}
.entrylist UL.drivers LI {border-bottom:1px solid #b4d1d6; padding:10px 20px; list-style:none; color:#222222; background:#f1f1f1; font-size:15px}
.entrylist .pdfdownload {background:none; display:block; color:#ff0000; transition: all 0.4s ease 0s;}
.entrylist .pdfdownload:HOVER {background:none; color:#000000}
.entrylist .pdfdownload .fa {margin-right: .25rem;}
/* ------------EDUCATION----------------*/
.rxeducation .tabs {width:100%; background:#ffffff}
.rxeducation .tabs LI {width:20%; text-align:center; border-right:1px solid #666666}
.rxeducation .tabs.drivertabs dd.active a, .rxeducation .tabs .tab-title a {color:#222222; font-size:14px; text-transform:uppercase; font-weight:700}
.rxeducation .tabs.drivertabs dd.active a, .rxeducation .tabs .tab-title.active a {background:#ffffff; display:block; color:#222222; }
.rxeducation .tabs.drivertabs dd.active a, .rxeducation .tabs .tab-title a:HOVER {background:#ffffff; color:#222222}
.rxeducation .tabs dd.active a, .rxeducation .tabs .tab-title a {background:#f1f1f1}
.rxeducation p.points {font-size:25px; color:#ff0066}
.rxeducation .panel span {display:inline-block}
/* ------------CALENDAR----------------*/
UL.eventlist {margin:0px; margin-bottom:20px; border-top:solid 1px #e5e5e5;}
UL.eventlist LI {list-style:none; font-weight:500; border-bottom:solid 1px #e5e5e5; font-size:0.9rem }
UL.eventlist LI A {display:block; color:#222222; padding:10px 20px}
UL.eventlist LI A:HOVER {background:#f1f1f1;}
.top-right-button-hold {position:absolute; top:20px; right:30px}
/* ------------ARTICLE PAGE----------------*/
#articlehold .articleimage {width:100%; }
#articlehold .articleimage img {width:100%;}
#articlehold .flag {margin-bottom:20px; width:120px}
#articlehold .flag img {width:100%}
#articlehold .articletext {background:#ffffff; padding:30px; border:1px solid #f1f1f1; margin-bottom:20px}
#articlehold .articletext P {margin-bottom:30px}
#articlehold .articletext H1 {/*font-size:95px;*/font-size:40px;color:#2a2a2a; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:100%; /*letter-spacing:-7px;*/letter-spacing:-3px; text-transform:uppercase; margin-bottom:20px}
#articlehold .quote {padding:20px; width:30%; background:#ff0066; color:#ffffff; text-transform:uppercase; font-weight:700; font-size:23px; line-height:100%}
#articlehold .quote.left {float:left; margin:20px 20px 20px 0px}
#articlehold .quote span.name {font-style: italic; margin-top:20px; font-weight:300; display:block}
#articlehold .article-time {font-weight:600;margin-bottom:1rem !important;}
#articlehold .article-time .fa {margin-right:.25rem}
/* ------------Monster Girls----------------*/
.monster_girls p {color:#ffffff}
.monster_girls .name H1 {float:left; font-size:65px;color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-7px; text-transform:uppercase; margin-bottom:20px; background:#000000;}
.monster_girls H3 {font-size:22px; color:#ccff33; font-family: 'Open Sans', sans-serif; font-weight:500; line-height:100%; letter-spacing:-1px; margin-bottom:10px}
.monster_girls H3 SPAN {color:#ffffff}
.monster_girls P {margin-bottom:20px}
.monster_girls .name {background:#000000; display:block; position:absolute; bottom:0px; padding:20px 40px}
.monster_girls .name .flag {float:left; margin-right:10px}
.monster_girls .hero {position:relative}
.monster_girls .details2 {background:#000000; border:1px solid #000000; padding:20px}
.monster_girls .details2 img {margin-bottom:20px}
.monster_girls .details {background:#2a2a2a; border:1px solid #000000; padding:20px}
.monster_girls .th {background:#000000; border:4px solid #2a2a2a}
.monster_girls .photoblog img {width:100%}
.monster_girls .promo img {width:100%}
.monster_girls .hero img {margin-bottom:20px}
/* ------------MEDIA PAGE----------------*/
#media .panel {padding:20px}
#media H1 {font-size:40px;color:#333333; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-0.5px; text-transform:uppercase}
#media H2 {font-size:25px;color:#333333; font-family: 'Open Sans', sans-serif; font-weight:500; line-height:100%; letter-spacing:-0.5px; border-bottom:solid 1px #f1f1f1; padding-bottom:10px;}
#media form {display:block; margin:20px 0px}
#media P {margin-bottom:20px}
#media img.banner {margin:20px 0px}
#media .row.images {padding:0px 10px}
#media .tabs dd > a, .tabs .tab-title > a {font-weight: 500;}
#media .login-info {position:absolute;right:10px;color:#fff;z-index:10}
#media .header {height:auto}
#media .media-logo {display:block;width:321px;margin:auto;padding:20px 0 10px}
#media .nudgedown {height:130px}
#media .header .button {background:#333}
#media .header .button:hover , #media .header .button.active {background:#ff0066}
#media label {color:#000000}
#media .closing-dates p {line-height:2rem}
/* ------------FANTASY PAGE----------------*/
#fantasy .panel {padding:20px}
#fantasy H1 {font-size:40px;color:#333333; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-0.5px; text-transform:uppercase}
#fantasy H2 {font-size:25px;color:#333333; font-family: 'Open Sans', sans-serif; font-weight:500; line-height:130%; letter-spacing:-0.5px; border-bottom:solid 1px #f1f1f1; padding-bottom:10px;}
#fantasy form {display:block; margin:20px 0px}
#fantasy P {margin-bottom:20px}
#fantasy img.banner {margin:0px 0px}
#fantasy .row.images {padding:0px 10px}
#fantasy .tabs dd > a, .tabs .tab-title > a {font-weight: 500;}
#fantasy .login-info {position:absolute;right:10px;color:#fff;z-index:10}
#fantasy .media-logo {display:block;padding:20px 0 10px}
#fantasy .nudgedown {height:80px}
#fantasy .header .button {background:#333}
#fantasy .header .button:hover , #media .header .button.active {background:#ff0066}
#fantasy label {color:#000000}
#fantasy .fantasy-set-predictions .question {margin:20px 0}
#fantasy .fantasy-set-predictions h3 {border-bottom:2px dotted #ccc;font-size:1.5em;padding:10px 0}
#fantasy .fantasy-set-predictions h2 {border:none;font-size:1.7em;padding:10px 0;font-weight:bold}
#fantasy h2.noborder {border:none}
#fantasy .rules UL {margin:0px; padding-bottom:30px}
#fantasy .rules LI {list-style:none;background: rgba(0, 0, 0, 0) url("../_img/bullet1.png") no-repeat scroll 0 7px; padding: 5px 0 5px 20px;}
#fantasy tr.me td {background:#ebe339}
#fantasy .predictionsopen {background:#f1f1f1; padding:20px 0px}
#fantasy .dropnav .navholder div.content {width:100%;margin:0px;}
#fantasy .dropnav UL {text-align:center; margin:0px; padding:0px}
#fantasy .dropnav LI {border-bottom:1px solid #e1e1e1; padding:0px; margin:0px }
#fantasy .dropnav LI A {padding:10px 0px}
#fantasy .dropnav LI A:HOVER {background:#ff0066; color:#ffffff;}
.dropnav .navholder div.content .inner {padding-bottom:20px}
#fantasy td.score {font-size:1.5rem;font-weight:bold;text-align: center;}
#fantasy tr.a td.driver {background:#fcc7c7}
#fantasy tr.b td.driver {background:#f1edaf}
#fantasy tr.c td.driver {background:#c3f1af}
#fantasy tr.d td.driver {background:#afd9f1}
#fantasy tr td.top {background:#222;color:#fff;font-weight:bold}
#fantasy table a {color:#000;text-decoration:underline}
#fantasy .prize-info {background:#fff3cd;padding:2%;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:3px #e3ca96 solid;margin:30px 0}
#fantasy .prize-info h3 {border-bottom:2px dotted #e3ca96;font-weight:bold}
#fantasy th.selected , #fantasy td.selected {background:#ebe339;}
#fantasy .counter h4 {margin:0px;background:#333;color:#fff;padding:15px 0;font-size:16px;text-align:center;text-transform: uppercase;}
#fantasy .counter .time {background:#e9e22e;text-align:center;padding:20px 0;margin-top:0px;font-size:20px;font-weight:bold;text-transform: uppercase;}
#fantasy UL.generalstats LI {display:inline-block;}
#fantasy UL.generalstats LI span.item {background:#ff0066; color:#ffffff; padding:0px 0px; text-align:center; min-height:120px;width:120px; display:block; text-transform:uppercase; font-size:12px; font-weight:700}
#fantasy UL.generalstats LI span.item span.figure {font-size:40px; font-weight:700; letter-spacing:-0.5px}
#fantasy UL.generalstats LI span.item span.stat {background:#666;padding:15px 5px;line-height:1.0rem}
#fantasy UL.generalstats LI span.item span.text {padding:15px 5px;line-height:1.0rem}
#fantasy .question {text-align:left}
#fantasy .question img.car {max-width:200px;display:inline-block;margin-right:20px;}
@media only screen and (max-width: 40em) {
#fantasy .question img.car {max-width:100px;margin-right:10px}
}
/* ------------RESULT LIST----------------*/
#resultlist .details {background:#ffffff; border:1px solid #f1f1f1; display:inline-block; width:100%; margin-bottom:20px; padding:20px 10px}
#resultlist .details span.round {font-size:1.2em; color:#cccccc; font-weight:bold; text-transform:uppercase; letter-spacing:-0.5px }
#resultlist .details span.name {font-size:1.2em; font-weight:normal}
#resultlist .progress {background:#ff0066; padding:5px 20px; height:auto; display:inline-block}
#resultlist .progress H4 {color:#ffffff; display:block; font-size:18px}
#resultlist .not-progress {background:#cccccc; padding:5px 20px; height:auto; display:inline-block}
#resultlist .not-progress H4 {color:#ffffff; display:block; font-size:18px}
#resultlist img {width:100%}
#resultlist A.schedule {font-size:14px; text-decoration:underline; color:#2a2a2a}
#resultlist .stage {background:#cccccc; padding:5px 20px; height:auto; display:inline-block;}
#resultlist .stage h4 {color:#ffffff; display:block; font-size:18px}
#resultlist ul.places {font-size:15px; margin-left:0px; margin-top:10px}
#resultlist ul.places LI {list-style:none; letter-spacing:-0.5px}
#resultlist ul.places LI span {font-weight:bold; text-transform:uppercase; color:#cccccc}
#resultlist span.icon {display: block; height: auto; position: absolute; top: 0; width: 40px; z-index: 10;}
.livestream {width:100%;height: 100%; /*height:680px*/}
/* ------------AVIS COMP----------------*/
.aviscomp h2 {font-size:40px; padding-bottom:10px; font-weight:bold; letter-spacing:-2px; line-height:100%}
.aviscomp h3 {font-size:25px}
.aviscomp h3 , .aviscomp p , .aviscomp h2 {color:#ffffff}
.avispromo {background:#d11130; padding:10px 60px; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.aviscomp a {color:#d11130}
.aviscomp .title {background:#d01130; padding:5px 0px}
.aviscomp .title img {height:50px; margin-left:auto; margin-right:auto;}
.aviscomp .panel.avis {padding:80px; background: url('/_img/bg50black.png');}
/* ------------ countdown ---------------- */
#countdown {margin-top:10px}
/*#countdown {margin-top:20px}*/
#countdown .flag {float:left; margin-right:5px; margin-top:5px}
#countdown .flag img {width:20px}
#countdown .time {float:left;color:#fff;font-size:13px}
#countdown .sponsor {margin-top:10px}
#countdown .sponsor img {width:115px}
.d-flex {display:flex;}
.logo-edox {margin-top:23px; margin-left:20px; max-height:38px;}
/* ------------about----------------*/
.about img {width:100%}
/* ------------results----------------*/
.documents .doc_hold {border-bottom: 1px solid #cccccc; clear: both; margin:0px; padding: 10px;}
.heat table tr.inactive td {color:#ccc}
.panel.comp {padding:20px}
.facebook_email {background:#222;padding-top:3%;padding-bottom:3%;margin:2% 0}
.footer iframe {width:500px !important}
.footer .fb-page span {width:500px !important}
.wallpaper .panel {padding:20px;background:#fff}
.wallpaper H1 {font-size:60px;color:#2a2a2a; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-3px; text-transform:uppercase; margin-bottom:20px}
.wallpaper ul.std {padding-left:20px}
/* ------------PROJEKTE----------------*/
.projekte [data-magellan-expedition], [data-magellan-expedition-clone] {background:none; padding:0px}
.projekte dl.sub-nav {display:flex; flex-direction:row; margin-bottom:0px; padding:0px;}
.projekte dl.sub-nav {align-items:center; justify-content:center;}
.projekte dl.sub-nav dd {width:20%; border:1px solid #FF06F9; border-right:none;}
.projekte dl.sub-nav dd a {display:block; text-align:center; color:#ffffff; font-weight:bold; padding:30px 10px; font-size:16px}
.projekte dl.sub-nav dd a:HOVER {background:#ffffff; color:#FF06F9; transition: all 0.4s ease 0s;}
.projekte dl.sub-nav dd:nth-child(7) {border-right:1px solid #FF06F9;}
.projekte .sub-nav dt, .sub-nav dd {margin:0px}
.projekte .leadbanner {background:#000000}
.projekte .panel.driver {margin-left:5px; margin-right:5px}
.projekte .slick-dots li {top:50px}
.projekte .panel.driver li {font-size:14px}
.projekte .panel.driver h2 {text-align:left; font-weight:bold; font-size:22px; text-transform:uppercase}
.projekte h2.rx2titlehold {position:relative}
.projekte h2.rx2title {text-transform:uppercase; text-align:center; font-size:22px; color:#000000; font-weight:bold; letter-spacing:-1px; padding:30px 10px; margin:0px;}
.projekte h2.rx2title.reverse {color:#ffffff;}
.projekte h2.rx2title span::before {border-bottom: 2px solid #FF06F9; content: ""; left: 50%; margin-left: -30px; margin-top: 40px; position: absolute; width: 60px;}
.projekte .eventlist {background:#ffffff}
.projekte.entry_system h1 {margin-bottom:50px;text-transform: uppercase;font-weight:bold;letter-spacing:-1px}
.projekte.entry_system h3 {margin-bottom:20px}
.projekte.entry_system p.doc {width:33%;float:left;text-align:center;min-width:150px;margin:30px 0}
.projekte.entry_system p.doc img {width:50px;margin:0 auto}
.projekte.entry_system .doc-holder {width:100%;max-width:900px;text-align:center;margin:0 auto}
.projekte.entry_system .rx2banner {background:url('/_img/rx2banner_bg.jpg') no-repeat left -100px;height:28vw;min-height:130px;max-height:350px}
.projekte.entry_system .rx2banner h1 {color:#fff;text-align:center;font-size:4vw}
.projekte.entry_system .accordion a.title {border-bottom:1px solid #fff}
.projekte.entry_system .accordion a.title h3 {padding:0px;margin:0px}
.projekte.entry_system .accordion a.title:hover h3 {text-decoration:underline;}
.projekte.entry_system .accordion a.title i {margin:0 10px 0 0;color:#b22433}
.projekte.entry_system .rx2banner .rx2-logo {max-width:20vw;margin-left:auto;margin-right:auto;margin-top:5vw}
.projekte.entry_system .row.login {margin-top:20px;margin-bottom:20px}
.projekte .projekt-logo {max-width:300px; position:absolute; bottom:80px; display:block; left:50%; margin-left:-150px;}
.projekte .projekt-logo img {width:300px;}
.projekte .what {color:#ffffff;}
.projekte .slim-text {padding:0px 20vw;}
.parallax {background-size: cover; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; position: relative;}
.projekte .text-white {color:#ffffff !important;}
.projekte .text-pink {color:#FF06F9 !important;}
.projekte h3 {color:#ffffff; line-height:100%; margin-bottom:20px;}
.projekte UL {margin-left:30px; list-style:none;}
.projekte ul.bullets li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color:#FF06F9; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.projekte .divide {width:100%; max-width:1500px; margin-left:auto; margin-right:auto; margin-bottom:40px;}
.projekte img.raceformat {margin-left:auto; margin-right:auto; max-width:900px;}
.projekte a {color:#FF06F9;}
.projekte a:HOVER {color:#666666;}
.projekte .button {background-color:#e9098c; color:#fff;}
.projekte.entry_system .accordion a.title i {color:#e9098c !important;}
.projekte .accordion .accordion-navigation > a, .accordion dd > a {background:#000000; text-decoration:none;}
/* ------------RX2----------------*/
.rx2 [data-magellan-expedition], [data-magellan-expedition-clone] {background:none; padding:0px}
.rx2 dl.sub-nav {display:flex; flex-direction:row; margin-bottom:0px; padding:0px;}
.rx2 dl.sub-nav {align-items:center; justify-content:center;}
.rx2 dl.sub-nav dd {width:20%; border:1px solid #ffffff; border-right:none;}
.rx2 dl.sub-nav dd a {display:block; text-align:center; color:#ffffff; font-weight:bold; padding:30px 10px; font-size:16px}
.rx2 dl.sub-nav dd a:HOVER {background:#ffffff; color:#b22433; transition: all 0.4s ease 0s;}
.rx2 dl.sub-nav dd:nth-child(5) {border-right:1px solid #ffffff;}
.rx2 .sub-nav dt, .sub-nav dd {margin:0px}
.rx2 .leadbanner {background:#b22433}
.rx2 .panel.driver {margin-left:5px; margin-right:5px}
.rx2 .slick-dots li {top:50px}
.rx2 .panel.driver li {font-size:14px}
.rx2 .panel.driver h2 {text-align:left; font-weight:bold; font-size:22px; text-transform:uppercase}
.rx2 h2.rx2titlehold {position:relative}
.rx2 h2.rx2title {text-transform:uppercase; text-align:center; font-size:22px; color:#666666; font-weight:bold; letter-spacing:-1px; padding:30px 10px}
.rx2 h2.rx2title.reverse {color:#ffffff;}
.rx2 h2.rx2title span::before {border-bottom: 2px solid #e5e5e5; content: ""; left: 50%; margin-left: -30px; margin-top: 40px; position: absolute; width: 60px;}
.rx2 .eventlist {background:#ffffff}
.rx2.entry_system h1 {margin-bottom:50px;text-transform: uppercase;font-weight:bold;letter-spacing:-1px}
.rx2.entry_system h3 {margin-bottom:20px}
.rx2.entry_system p.doc {width:33%;float:left;text-align:center;min-width:150px;margin:30px 0}
.rx2.entry_system p.doc img {width:50px;margin:0 auto}
.rx2.entry_system .doc-holder {width:100%;max-width:900px;text-align:center;margin:0 auto}
.rx2.entry_system .rx2banner {background:url('/_img/rx2banner_bg.jpg') no-repeat left -100px;height:28vw;min-height:130px;max-height:350px}
.rx2.entry_system .rx2banner h1 {color:#fff;text-align:center;font-size:4vw}
.rx2.entry_system .accordion a.title {border-bottom:1px solid #fff}
.rx2.entry_system .accordion a.title h3 {padding:0px;margin:0px}
.rx2.entry_system .accordion a.title:hover h3 {text-decoration:underline;}
.rx2.entry_system .accordion a.title i {margin:0 10px 0 0;color:#b22433}
.rx2.entry_system .rx2banner .rx2-logo {max-width:20vw;margin-left:auto;margin-right:auto;margin-top:5vw}
.rx2.entry_system .row.login {margin-top:20px;margin-bottom:20px}
/* smaller than 800px */
@media only screen and (max-width:800px) {
.rx2.entry_system .rx2banner h1 {font-size:20px}
.rx2.entry_system .rx2banner .rx2-logo {max-width:150px;}
.rx2.entry_system .accordion p {font-size:.9rem}
.rx2.entry_system .row.login {margin-top:0px;margin-bottom:0px}
}
/* larger than 800px */
@media only screen and (min-width:1400px) {
.rx2.entry_system .rx2banner h1 {font-size:55px}
}
/* ------------EUROPEAN SUPER 1600 & CAR----------------*/
/*.eurorx .tabbed {background:#c0d236;}*/
.eurorx dd {background:#c0d236;}
.eurorx .leadbanner, .blackbg {background:#000000;}
.eurorx .greybg {background:#efefef;}
.eurorx .cover.lead img {border-radius:0px; -webkit-filter:brightness(25%); filter:brightness(25%);}
.eurorx .standingcalendar {background:url('/_img/rx_row_bg2.jpg'); background-size:cover; background-attachment:fixed; background-position: 0 0; background-repeat:no-repeat; position:relative;}
.eurorx .landscapeimg {padding: 30px 0;}
.eurorx .landscapeimg img{margin:0 auto; max-height:200px;}
.eurorx .overlay-text {position:absolute; top:30%; right:0; bottom:0; left:0;}
.eurorx .pb-2 {padding-bottom: 1rem;}
.eurorx .overlay-text {top:40%;}
.eurorx .overlay-text h3 {color:#ffffff; font-size:5vw; font-weight:900; line-height:70%; letter-spacing:-1px;text-align:center; text-transform:uppercase;}
@media only screen and (min-width: 641px) and (max-width: 1440px){
.eurorx .overlay-text h3 {font-size:3vw;}
}
@media only screen and (min-width: 1441px) {
/*.eurorx .overlay-text h3 {font-size:3vw;}*/
.eurorx .overlay-text h3 {font-size:54px;}
}
/* ------------- LOGIN BAR ------------ */
.logged-in-bar {background:#e9e22e;color:#000;height:30px;text-align:right;}
.logged-in-bar p {font-size:12px;padding:5px 0;position:relative;z-index:99;}
.logged-in-bar p a {text-decoration:underline;}
/* ------------CAPETOWNRX----------------*/
.capetownrx dd.capetownlogo {width:40%; background:#222222; border:none; padding:0px 20px 0px 20px; border:none;}
.capetownrx dd.capetownlogo A {padding:10px 0px 0px 0px !important;}
.capetownrx dd.capetownlogo A:HOVER {background:#222222 !important;}
.capetownrx .top-bar {height:auto;}
.capetownrx [data-magellan-expedition], [data-magellan-expedition-clone] {background:none; padding:0px}
.capetownrx dl.sub-nav {display:flex; flex-direction:row; margin-bottom:0px; padding:0px;}
.capetownrx dl.sub-nav dd {width:25%; border:1px solid #666666; border-right:none; border-bottom:none;}
.capetownrx dl.sub-nav dd a {display:block; text-align:center; color:#ffffff; font-weight:bold; padding:16px 10px; font-size:16px}
.capetownrx dl.sub-nav dd a:HOVER {background:#ffffff; color:#dd2222; transition: all 0.4s ease 0s;}
.capetownrx dl.sub-nav dd:nth-child(4) {border-right:1px solid #666666;}
.capetownrx .sub-nav dt, .sub-nav dd {margin:0px}
.capetownrx .leadbanner {background:#000000}
.capetownrx .panel.driver {margin-left:5px; margin-right:5px}
.capetownrx .slick-dots li {top:50px}
.capetownrx .panel.driver li {font-size:14px}
.capetownrx .panel.driver h2 {text-align:left; font-weight:bold; font-size:22px; text-transform:uppercase}
.capetownrx h2.rx2titlehold {position:relative}
.capetownrx h2.rx2title {text-transform:uppercase; text-align:center; font-size:22px; color:#666666; font-weight:bold; letter-spacing:-1px; padding:30px 10px}
.capetownrx h2.rx2title.reverse {color:#ffffff;}
.capetownrx h2.rx2title span::before {border-bottom: 2px solid #e5e5e5; content: ""; left: 50%; margin-left: -30px; margin-top: 40px; position: absolute; width: 60px;}
.capetownrx .eventlist {background:#ffffff}
.capetownrx .signup_capetown h3 , .capetownrx .signup label , .capetownrx .signup p {color:#ffffff !important;}
.capetownrx .signup_capetown h3 , .capetownrx .signup p {text-align:center}
.capetownrx .signup_capetown .submit {background:#dd2222; transition-:}
.capetownrx .signup_capetown .submit:HOVER {background:#ad251b}
.capetownrx .tickets h3 , .capetownrx .tickets label , .capetownrx .tickets p {color:#ffffff !important;}
.capetownrx A {cursor: pointer;}
.capetownrx .tickets h3 {color:#ffffff !important; text-align:center}
.footer .white {color:#ffffff !important;}
.signup_capetown label {color:#ffffff;}
.signup_capetown A.button {color:#ffffff; text-decoration:none;}
.capetownrx .text-white P , .capetownrx .text-white h3 , .capetownrx .text-white h2 {color:#ffffff !important;}
.capetownrx .pad-bottom {padding-bottom:20px;}
.capetownrx #eventdetails .intro {min-height:280px;}
.capetownrx .quotes {display: none;}
.capetownrx .quotes2 {display: none;}
.capetownrx .silver {
background: #666666;
background: -webkit-linear-gradient(#666666, #cccccc);
background: -o-linear-gradient(#666666, #cccccc);
background: -moz-linear-gradient(#666666, #cccccc);
background: linear-gradient(#666666, #cccccc);
}
.capetownrx .gold {
background: #897338;
background: -webkit-linear-gradient(#897338, #695623);
background: -o-linear-gradient(#897338, #695623);
background: -moz-linear-gradient(#897338, #695623);
background: linear-gradient(#897338, #695623);
margin-top:20px;
}
.capetownrx .hospitality LI {list-style:none; color:#ffffff; font-weight:bold; line-height:140%; text-transform:uppercase;}
.capetownrx .package-items-silver {padding-top:40px; padding-left:30px;}
.capetownrx .package-items-gold {padding-top:30px; padding-left:30px;}
.capetownrx .package-items-button {margin-top:75px;}
.edoxtimerhold {width: 100%; position:relative; padding-top: 100%;}
.edoxtimerframe {position:absolute; width:75%; height:100%; top:5%; left:15%; border: none;}
/* ------------cape town----------------*/
body.capedown-interest {background:url('/_img/capetown.jpg') no-repeat;color:#fff}
.capedown-interest .holder {width:100%}
.capedown-interest h1 {font-size:11vw;color:#fff;text-transform:uppercase;text-align:center;line-height:6vw;margin:30px 0 0 0;padding:10px 0 0 0}
.capedown-interest h1 span {color:#ccc}
.capedown-interest h2 {font-size:6vw;color:#fff;text-transform:uppercase;text-align:center;margin:0 0 20px 0;padding-top:10px;color:#ccc}
.capedown-interest h3 {font-size:5vw;color:#ccc;text-transform:uppercase;text-align:center;line-height:5vw}
.capedown-interest form label {color:#fff}
@media only screen and (min-width: 52em) {
.capedown-interest h1 {font-size:7rem}
.capedown-interest h2 {font-size:4rem}
.capedown-interest h3 {line-height:3rem;font-size:3rem;text-align:left}
}
/* foundation small */
@media only screen and (max-width: 40em) {
.row {padding-left:10px; padding-right:10px; text-align:center}
.stickysocial-container {display:none}
.wrapper {padding-top:0px !important}
.wrapper-hold {position:relative !important}
.wrapper .texthold {padding:7% 8% 10% 8%;}
.columns.dbl .image , .columns.dbl .texthold {width:100%}
.columns.dbl .texthold p {text-align:center;padding:4% 4% 0 4%}
.panel span.icon {width:10%;}
.columns.dbl .panel span.icon {display:none}
#driverdetails H1.driver {font-size:35px;color:#000000; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:80%; letter-spacing:-2px; text-transform:uppercase}
#driverdetails .driverimage {height:auto; position:relative; overflow:none}
#driverdetails .driverimage img {width:100% !important; max-width:100%}
#driverdetails .intro {min-height:auto;}
#eventdetails .eventimage {height:auto; position:relative; overflow:none}
#eventdetails .eventimage img {width:100% !important; max-width:100%}
#eventdetails .intro {min-height:0px;}
#eventdetails H1.event {font-size:30px; letter-spacing:-2px;}
#eventdetails H2.event {font-size:20px; font-weight:700; line-height:90%; letter-spacing:-1px;}
#eventdetails .flag {max-width:60px; padding:10px 0px}
#driverlist span.driver {height:270px}
#driverlist span.driver span.number {font-size:1.2em; color:#cccccc; font-weight:bold; line-height:100% }
#driverlist span.driver span.name {font-size:1em; font-weight:normal}
#articlehold .articletext H1 {font-size:35px;color:#2a2a2a; font-family: 'Open Sans', sans-serif; font-weight:700; line-height:90%; letter-spacing:-3px; text-transform:uppercase; margin-bottom:20px}
#articlehold .quote {padding:20px; width:100%; background:#ff0066; color:#ffffff; text-transform:uppercase; font-weight:700; font-size:23px; line-height:100%}
.row.pad {padding-left:0px; padding-right:0px}
.mainbanner {padding:20px 0px 60px 0px}
.iconnav {display:none}
.header img.logo {padding:18px 0 0 20px; padding-left:0px; width:80%}
ul.menunav {float:right; margin-left:80px; margin-right:0px}
#driverlist h3 {font-size:30px; text-align:center; line-height:100%}
h1.title {font-size:30px; text-align:center; line-height:100%; padding-bottom:10px}
#generalpage h1 {font-size:30px; text-align:center; line-height:100%; margin-bottom:10px}
h1.maintitle {font-size:30px; text-align:center; line-height:100%; margin-bottom:10px}
.presszone {display:none}
.fantasyrx {display:none}
#resultlist {text-align:center}
#resultlist img {margin-bottom:20px}
#resultlist .stage {margin-top:20px}
.footer H4 {text-align:center}
.footer LI {text-align:center}
.homepromo {margin-top:15px}
img.logo {margin-top:15px}
#fantasy .dropnav LI {border-bottom:none; padding:0px; margin:0px }
.dropnav .navholder div.content.menu ul {padding:0px; border:none}
.dropnav .navholder li.standard {margin-left:0px; margin-right:0px}
.StandingCar img {max-width:70px}
.standings table td {font-size:11px}
.standings .points {font-size:15px;}
.standings .position {font-size:15px;}
.top-right-button-hold {position:relative; top:auto; right:auto}
table.rxfacts td {font-size:10px; padding:5px}
.rxeducation UL.tabs {border:1px solid #f1f1f1;}
.rxeducation .tabs.drivertabs dd.active a, .rxeducation .tabs .tab-title a {font-size:14px;}
.rxeducation .tabs LI {width:auto; margin:0px; border:none}
.footer iframe {width:320px !important}
.footer .fb-page span {width:320px !important}
/*.live-video-container {padding-bottom:70%;}*/
.dropnav .navholder li.standard A {padding:3px 8px;}
.avispromo {padding:10px 20px; display:inline-block;}
.aviscomp .panel.avis {padding:20px;}
.aviscomp h2 {font-size:25px;}
.rx2 dl.sub-nav {padding:10px 0px; display:flex; flex-direction:column}
.rx2 dl.sub-nav dd {width:100%; border:1px solid #ffffff; border-bottom:none}
.rx2 dl.sub-nav dd:nth-child(5) {border-bottom:1px solid #ffffff;}
.rx2 dl.sub-nav dd a {padding:10px 10px;}
.rx2 .panel.driver h2 {text-align:center; font-size:18px;}
.rx2 .panel.driver li {font-size:13px;}
.projekte dl.sub-nav {padding:10px 0px; display:flex; flex-direction:column}
.projekte dl.sub-nav dd {width:100%; border:1px solid #FF06F9; border-bottom:none}
.projekte dl.sub-nav dd:nth-child(6) {border-bottom:1px solid #FF06F9;}
.projekte dl.sub-nav dd a {padding:10px 10px;}
.projekte .panel.driver h2 {text-align:center; font-size:18px;}
.projekte .panel.driver li {font-size:13px;}
.capetownrx dl.sub-nav {padding:0px 0px; display:flex; flex-direction:row}
.capetownrx dl.sub-nav dd {width:100%; border:1px solid #666666; border-left:none;}
.capetownrx dl.sub-nav dd:nth-child(1) {border-left:1px solid #666666;}
.capetownrx dl.sub-nav dd a {padding:10px 10px; font-size:10px; background:#222222;}
.capetownrx .panel.driver h2 {text-align:center; font-size:18px;}
.capetownrx .panel.driver li {font-size:13px;}
.capetownrx .top-bar {height: auto; background:transparent}
.capetownrx .contain-to-grid {background:transparent}
.capetownrx dd.capetownlogo {padding:4px 10px 0px 10px;}
.capetownrx h2.rx2title {padding:10px;}
.capetownrx h2.rx2title {font-size:13px;}
.capetownrx h2.rx2title span::before {margin-top:24px;}
.capetownrx .rowpadding {padding-top:10px; padding-bottom:10px;}
.capetownrx .package-items-silver {padding-top:0px; padding-left:0px;}
.capetownrx .package-items-gold {padding-top:0px; padding-left:0px;}
.capetownrx .package-items-button {margin-top:0px;}
.panel.driver ul {display:none}
.panel.driver {min-height:85vw; max-height:800px;}
.panel.driver a {height:77vw}
.projekte dl.sub-nav dd a {font-size:12px;}
}
/* foundation medium only */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#driverdetails .driverimage {height:auto; position:relative; overflow:none}
#driverdetails .driverimage img {width:100% !important; max-width:100%}
#eventdetails .eventimage {height:auto; position:relative; overflow:none}
#eventdetails .eventimage img {width:100% !important; max-width:100%}
.iconnav {display:none}
#driverdetails .intro {min-height:auto;}
#articlehold .articletext H1 {/*font-size:60px;*/font-size:40px;color:#2a2a2a; letter-spacing:-3px;}
.presszone {display:none}
.fantasyrx {display:none}
#resultlist {text-align:center}
#resultlist img {margin-bottom:20px}
#resultlist .stage {margin-top:20px}
.homepromo {margin-top:15px}
.top-right-button-hold {position:relative; top:auto; right:auto}
UL.eventlist {margin:0px; margin-bottom:0px; border-top:none}
/*.live-video-container {padding-bottom:60%;}*/
.panel.driver a {height:30vw}
.capetownrx .package-items-silver {padding-top:30px; padding-left:0px;}
.capetownrx .package-items-gold {padding-top:30px; padding-left:0px;}
.capetownrx .package-items-button {margin-top:30px;}
.projekte dl.sub-nav dd a {font-size:12px;}
}
/* foundation medium down */
@media only screen and (max-width: 64em) {
.fullstandings .driver {font-size:1rem;}
.row.livestream {min-height:auto}
}
.watchtimer-combo .edoxtimerhold {width: auto; padding-top: 0;}
.watchtimer-combo .edoxtimerframe {width: auto; margin-top:-33px; height:180px; max-height:180px;}
.watchtimer-combo {padding-top:15px;}
.watchtimer-combo .sponsor {text-align: left;}
@media only screen and (min-width: 389px) {
.watchtimer-combo {padding-bottom:15px;}
}
@media only screen and (max-width: 22.438em) {
.watchtimer-combo #countdown .time,.watchtimer-combo .sponsor a {font-size: x-small;}
.watchtimer-combo .logo-edox {margin-left: 15px;}
}
@media only screen and (max-width: 40em) {
.watchtimer-combo #countdown {margin-left: 15px;}
.watchtimer-combo .edoxtimerframe {left:0;}
}
@media only screen and (min-width: 80em) {
.watchtimer-combo .edoxtimerhold {margin-left:4vw;}
}
/* Youtube Video thumbnail positioning */
/*.live-video-container iframe .ytp-cued-thumbnail-overlay-image {background-position: left center !important;}
*/
/* additional media style half way down large */
@media only screen and (min-width: 64.063em) and (max-width: 80em) {
span.texthold {font-size:80%}
.standings table td {color:#ffffff; text-transform:uppercase; padding:10px; font-size:14px}
.dropnav .navholder span.driverhold span.name {font-size:80%}
#articlehold .articletext H1 {/*font-size:60px;*/font-size:40px;color:#2a2a2a; letter-spacing:-3px;}
#eventdetails .counter H3 {font-size:18px !important; margin-top:10px}
}
/* ------------Opt ins----------------*/
.optins {
display: flex;
padding-bottom: 10px;
}
.optins label {
margin-top: -5px;
}