combined.115.20.35.54.css

.complete-dialog .splash-campaign .medals .medalTime .faded,.disabled{
    opacity:.2
}
.bottomMenu-bold,.bottomMenu-button-active>.name,.horizontal-slider-label{
    font-weight:700
}
#track_column_scroll_wrapper #track_column_scroller,.challenge-invite .challenge-friends .challenge-friends-wrapper{
    -webkit-touch-callout:none;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -o-text-size-adjust:none;
    text-size-adjust:none
}
@font-face{
    font-family:roboto_regular;
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot);
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot#iefix) format("embedded-opentype"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff2) format("woff2"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff) format("woff"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    font-smooth:never;
    -webkit-font-smoothing:none
}
@font-face{
    font-family:roboto_condensed_bold;
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.eot);
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.eot#iefix) format("embedded-opentype"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.woff2) format("woff2"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.woff) format("woff"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    font-smooth:never;
    -webkit-font-smoothing:none
}
@font-face{
    font-family:roboto_bold;
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot);
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot#iefix) format("embedded-opentype"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff2) format("woff2"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff) format("woff"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    -webkit-font-smoothing:antialiased
}
@font-face{
    font-family:roboto_medium;
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot);
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot#iefix) format("embedded-opentype"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff2) format("woff2"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff) format("woff"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    -webkit-font-smoothing:antialiased
}
@font-face{
    font-family:helsinki;
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/helsinki/helsinki-webfont.eot);
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/helsinki/helsinki-webfont.eot#iefix) format("embedded-opentype"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/helsinki/helsinki-webfont.woff2) format("woff2"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/helsinki/helsinki-webfont.woff) format("woff"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/helsinki/helsinki-webfont.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    font-smooth:never;
    -webkit-font-smoothing:none
}
@font-face{
    font-family:riffic;
    src:url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/riffic_bold_macroman/riffic-bold-webfont.woff2) format("woff2"),url(//cdn.freeriderhd.com/free_rider_hd/assets/fonts/riffic_bold_macroman/riffic-bold-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal;
    letter-spacing:.5px;
    font-smooth:never;
    -webkit-font-smoothing:none
}
body,html{
    font-family:roboto_regular,Arial,Helvetica,sans-serif;
    -webkit-tap-highlight-color:transparent
}
.tab-container .tab-entry,.tab_buttons_select select{
    font-family:riffic,Arial,Helvetica,sans-serif
}
.link,a{
    color:#1D7D96;
    text-decoration:none
}
.link:hover,a:hover{
    color:#1D7D96;
    text-decoration:underline
}
canvas{
    display:block;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.forty-page,.loading-hourglass,.loading-spinner_sm,.sixty-page,.thirty-page,.three-quarter-page{
    display:inline-block
}
.sixty-page{
    width:60%
}
.forty-page{
    width:40%
}
.thirty-page{
    width:30%
}
.three-quarter-page{
    width:135%
}
.margin-left-10{
    margin-left:10px
}
.top{
    vertical-align:top
}
.middle{
    vertical-align:middle
}
.bottom{
    vertical-align:bottom
}
.baseline{
    vertical-align:baseline
}
.left{
    text-align:left
}
.center{
    text-align:center
}
.right{
    text-align:right
}
.category-pagination,.primary-select{
    text-align:center
}
.float-right{
    float:right
}
.float-left{
    float:left
}
.margin-0-5{
    margin:0 5px
}
.margin-bottom-10{
    margin-bottom:10px
}
.disabled{
    cursor:default;
    pointer-events:none
}
.tab-container .tab-entry,.tab_buttons ul li{
    cursor:pointer;
    float:left
}
.loading-hourglass{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/loading_gifs/hourglass.gif);
    background-size:32px 32px;
    width:32px;
    height:32px
}
.loading-spinner_sm{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/loading_gifs/spinner-loader-med.gif);
    background-size:16px 16px;
    width:16px;
    height:16px
}
.select-dropdown{
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    padding:8px 25px;
    border-radius:30px;
    background:#FFF;
    border:1px solid #C2C2C2
}
html.fullscreen{
    overflow:hidden
}
html.fullscreen #main_page{
    display:none;
    visibility:hidden
}
.game-fullscreen{
    position:fixed;
    top:0;
    bottom:0;
    border:none;
    z-index:30000;
    background-color:#FFF;
    left:0
}
.tab_buttons{
    display:none;
    margin-top:-1px
}
.tab_buttons ul{
    list-style:none;
    padding:0;
    margin:0
}
.tab-panel{
    display:none;
    min-height:465px;
    height:100%;
    background-color:#FFF
}
.tab-panel.active,textarea{
    display:block
}
.tab-container{
    background-image:linear-gradient(to bottom,#fff,#e4faff);
    border:1px solid #85ABB5;
    border-left-width:0;
    border-right-width:0
}
.tab-container.tab-bottom-border{
    border-bottom:1px solid #85ABB5
}
.tab-container .tab-border-box{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    border:1px solid #85ABB5
}
.tab-container .tab-entry{
    padding:10px 18px;
    font-size:1em;
    color:595959;
    letter-spacing:.09em
}
.tab-container .tab-entry.active,.tab-container .tab-entry.active:hover{
    color:#FFF;
    cursor:default;
    text-shadow:0 1px 0 rgba(0,0,0,.5);
    border-color:#11181C;
    background-image:linear-gradient(to bottom,#2c5b72,#1d3f4f)
}
.tab-container .tab-entry.active{
    pointer-events:none
}
.tab-container .tab-entry:hover{
    color:#595959;
    cursor:pointer;
    text-shadow:none;
    border-color:#85ABB5;
    background-image:linear-gradient(to bottom,#eefbff,#a1e1f6)
}
.tab-container .tab-entry.no-border-bottom{
    border-bottom-width:0!important
}
.tab_buttons_select.tab-container{
    border:none;
    background-image:none
}
.tab_buttons_select select{
    width:calc(100% - 10px);
    height:50px;
    margin:5px;
    padding:14px 10px;
    border:1px solid #85ABB5;
    border-radius:6px;
    background:0 0;
    background-image:linear-gradient(to bottom,#fff,#e4faff);
    font-size:16px;
    color:#595959
}
input,label{
    font-family:roboto_medium,Arial,Helvetica,sans-serif
}
.tab_buttons_select select:hover{
    border:1px solid #11181C;
    background-image:linear-gradient(to bottom,#eefbff,#a1e1f6)
}
textarea{
    resize:none;
    border:none;
    padding:.4em .8em;
    margin:0;
    background:0 0;
    outline:0!important;
    min-height:1.4em;
    line-height:1.4em;
    font-size:1em;
    width:100%;
    -webkit-appearance:none
}
.new-button,.primary-button,.primary-select,.primary-switch{
    display:inline-block
}
.home-page .home-banner:focus,.home-page .slick-dots li button,.leaderboard-page .leaderboard-table .leaderboard-title select:focus,.notif_wrapper .notif:focus,button:focus,form:focus,input:focus,select:focus,textarea:focus{
    outline:0
}
input{
    height:36px;
    border:1px solid #85ABB5;
    border-radius:4px;
    background-color:#FFF;
    padding-top:10px;
    padding-bottom:8px;
    padding-left:12px;
    font-size:14px;
    line-height:1.29;
    color:#0e1215
}
input:focus{
    border-color:#11181C
}
input.error{
    background-color:#e5432f
}
label{
    color:#595959;
    font-size:13px;
    line-height:1.38
}
.dialog-footer .footerButton .primary-button,.new-button{
    line-height:34px;
    box-shadow:0 2px 0 0 rgba(0,0,0,.2);
    text-transform:uppercase
}
.new-button{
    height:36px;
    border:1px solid #2b3b46;
    border-radius:100px;
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#FFF!important;
    text-shadow:0 1px 0 #000;
    letter-spacing:.09em;
    cursor:pointer
}
.new-button:hover{
    text-decoration:none
}
.new-button.button-type-1{
    background-image:linear-gradient(to bottom,#02c3ec,#0276ae)
}
.new-button.button-type-1:hover{
    background-image:linear-gradient(to bottom,#0396d9,#015b94)
}
.new-button.button-type-2{
    border:1px solid #11181C;
    background-image:linear-gradient(to bottom,#b4ed50,#57aa2b)
}
.new-button.button-type-2:hover{
    background-image:linear-gradient(to bottom,#99f466,#039314)
}
.new-button.btn-facebook{
    background-image:linear-gradient(to bottom,#476ab5,#3c5999)
}
.new-button.btn-facebook:hover{
    background-image:linear-gradient(to bottom,#37569b,#233e79)
}
.new-button.btn-google{
    background-image:linear-gradient(to bottom,#e95f4d,#d34836)
}
.new-button.btn-google:hover{
    background-image:linear-gradient(to bottom,#e63a23,#b41c08)
}
.primary-button{
    font-family:helsinki,Arial,Helvetica,sans-serif;
    border-radius:30px;
    padding:10px 15px;
    border:2px solid #000;
    color:#FFF;
    text-shadow:1px 1px 0 #000;
    cursor:pointer
}
.primary-button-green{
    background:#5DB019
}
.primary-button-green:hover{
    background:#75C624
}
.primary-button-blue{
    background:#1F80C3
}
.primary-button-blue:hover{
    background:#3899DC
}
.primary-button-black{
    background:#404040
}
.primary-button-black:hover,.primary-select{
    background:#595959
}
.primary-select{
    -webkit-appearance:none;
    -moz-appearance:none;
    box-shadow:none;
    padding:5px 29px 6px 10px;
    cursor:pointer;
    border:2px solid #000;
    margin-left:4px;
    border-radius:30px;
    color:#FFF
}
.primary-switch .primary-switch-toggle{
    position:absolute;
    margin-left:9999px;
    visibility:hidden
}
.primary-switch .primary-switch-toggle+label{
    display:block;
    position:relative;
    cursor:pointer;
    outline:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.primary-switch input.primary-switch-toggle+label{
    padding:2px;
    width:85px;
    height:39px;
    background-color:#000;
    border-radius:60px
}
.primary-switch input.primary-switch-toggle+label:after,.primary-switch input.primary-switch-toggle+label:before{
    display:block;
    position:absolute;
    content:""
}
.primary-switch input.primary-switch-toggle+label:before{
    top:2px;
    left:2px;
    bottom:2px;
    right:2px;
    background-color:#E2E2E2;
    border-radius:60px;
    transition:background .2s
}
.primary-switch input.primary-switch-toggle+label:after{
    top:4px;
    left:4px;
    bottom:4px;
    width:30px;
    background-color:#FFF;
    border-radius:52px;
    border:2px solid #000;
    transition:margin .2s
}
.primary-switch input.primary-switch-toggle:checked+label:before{
    background-color:#75C624
}
.primary-switch input.primary-switch-toggle:checked+label:after{
    margin-left:47px
}
.subscribe-to-author{
    display:inline-block;
    z-index:2;
    height:24px;
    overflow:hidden;
    vertical-align:middle;
    cursor:pointer;
    line-height:22px;
    border-radius:100px;
    margin-left:5px;
    border:1px solid #2b3b46;
    color:#FFF;
    font-family:riffic,Arial,Helvetica,sans-serif;
    font-size:.8em;
    text-shadow:0 1px 0 #000;
    letter-spacing:1px
}
.subscribe-to-author .profile-view{
    margin:0
}
.subscribe-to-author .subscribe-to-author-button{
    z-index:2;
    float:left;
    padding:0 13px;
    background-image:linear-gradient(to bottom,#02c3ec,#0276ae)
}
.subscribe-to-author .subscribe-to-author-button.subscribed{
    background:#eee;
    color:#666;
    line-height:23px;
    text-shadow:none
}
.subscribe-to-author .subscribe-to-author-button.subscribed:hover{
    background-image:linear-gradient(#ee5f5b,#c43c35);
    color:#FFF
}
.subscribe-to-author .subscribe-to-author-button:hover{
    cursor:pointer;
    background-image:linear-gradient(to bottom,#0396d9,#015b94)
}
.subscribe-to-author .subscribe-to-author-count{
    float:right;
    padding:2px 11px;
    border-left:solid 1px #595959;
    background-image:linear-gradient(to bottom,#02c3ec,#0276ae)
}
.subscribe-to-author .subscribe-to-author-count:hover{
    cursor:default;
    background:#404040
}
.subscribe-to-author .subscribe-to-author-button.subscribed+.subscribe-to-author-count{
    background-image:linear-gradient(to bottom,#30709c,#2b4e65)
}
.category-pagination .leaderboard-category-name{
    display:none
}
.category-pagination .leaderboard-category-name-icon{
    vertical-align:middle;
    position:relative;
    bottom:4px
}
.category-pagination ul{
    display:inline-block;
    margin:6px 5px;
    padding:0;
    font-size:0;
    list-style:none;
    white-space:nowrap
}
.category-pagination ul li.cat-page{
    display:inline-block;
    text-align:center;
    height:30px;
    min-width:35px;
    line-height:30px;
    border:1px solid #85ABB5;
    border-left:none;
    font-size:16px;
    vertical-align:top
}
.category-pagination ul li.cat-page a{
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700;
    display:block;
    height:100%;
    width:100%;
    color:#595959
}
.category-pagination ul li.cat-page a:hover{
    text-decoration:none
}
.category-pagination ul li.cat-page span{
    margin-top:3px;
    margin-right:1px
}
.category-pagination ul li.cat-page span.core_icons-btn_prev_page-inactive{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.points_icons,.share_icons{
    -webkit-transform:scale(.5) perspective(1px)
}
.category-pagination ul li.cat-page:hover{
    background:#88DEF1;
    border-color:#11181C;
    border-left:1px solid
}
.category-pagination ul li.cat-page.active{
    background:#595959;
    color:#FFF
}
.category-pagination ul li.cat-page.disabled{
    opacity:1;
    cursor:not-allowed;
    line-height:30px;
    color:#CCC
}
.category-pagination ul li.cat-page.disabled:hover{
    background:#FFF
}
.category-pagination ul li.cat-page.disabled span.icon-arrow-left,.category-pagination ul li.cat-page.disabled span.icon-arrow-right{
    opacity:.5
}
.category-pagination ul li.cat-page.gap{
    opacity:1;
    color:#CCC;
    line-height:30px
}
.category-pagination ul li.cat-page.left{
    border:1px solid #85ABB5;
    border-radius:15px 0 0 15px
}
.category-pagination ul li.cat-page.right{
    border-radius:0 15px 15px 0
}
@media screen and (max-width:20em){
    .category-pagination ul li.cat-page{
        min-width:22px;
        font-size:12px
    }
}
@media screen and (min-width:47em){
    .cat-page.active:hover{
        border:1px solid #CCC;
        border-left:none
    }
}
@media screen and (min-width:35em){
    .category-pagination .leaderboard-category-name{
        display:initial;
        position:absolute;
        text-align:right;
        border:none;
        right:0;
        line-height:55px;
        color:#595959;
        font-family:riffic,Arial,Helvetica,sans-serif;
        letter-spacing:1px;
        width:142px;
        vertical-align:middle;
        padding:0 30px 0 0
    }
}
.head_icons_1,.keyboard_keys,.mobile_rotate,.points_icons,.share_icons{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat
}
.gameFocusOverlay,.gameLoading-name{
    font-family:helsinki,Arial,Helvetica,sans-serif
}
.mobile_rotate{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/mobile_rotate.png);
    background-size:73px
}
.mobile_rotate-rotate_landscape{
    width:42px;
    height:42px;
    background-position:-1px -1px
}
.mobile_rotate-rotate_portrait{
    width:28px;
    height:30px;
    background-position:-44px -1px
}
.share_icons{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/share_icons.png);
    background-size:316px;
    -webkit-transform:scale(.5) perspective(1px);
    transform:scale(.5) perspective(1px)
}
.share_icons-share_twitter{
    width:44px;
    height:44px;
    background-position:-1px -1px
}
.share_icons-share_stumbleupon{
    width:44px;
    height:44px;
    background-position:-46px -1px
}
.share_icons-share_reddit{
    width:44px;
    height:44px;
    background-position:-91px -1px
}
.share_icons-share_mail{
    width:44px;
    height:44px;
    background-position:-136px -1px
}
.share_icons-share_google{
    width:44px;
    height:44px;
    background-position:-181px -1px
}
.share_icons-share_gmail{
    width:44px;
    height:44px;
    background-position:-226px -1px
}
.share_icons-share_facebook{
    width:44px;
    height:44px;
    background-position:-271px -1px
}
.points_icons{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/points_icons.png);
    background-size:51px;
    -webkit-transform:scale(.5) perspective(1px);
    transform:scale(.5) perspective(1px)
}
.points_icons-points_icon_blk_sm{
    width:28px;
    height:28px;
    background-position:-1px -1px
}
.points_icons-points_icon_sm{
    width:20px;
    height:20px;
    background-position:-30px -1px
}
.keyboard_keys{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/keyboard_keys_v2.png);
    background-size:128px
}
.keyboard_keys-pause_key_small{
    width:79px;
    height:34px;
    background-position:-1px -1px
}
.keyboard_keys-zoom_out_key_small{
    width:33px;
    height:33px;
    background-position:-81px -1px
}
.keyboard_keys-zoom_in_key_small{
    width:33px;
    height:33px;
    background-position:-81px -35px
}
.keyboard_keys-cancel_checkpoint_key_small{
    width:78px;
    height:33px;
    background-position:-1px -36px
}
.keyboard_keys-vehicle_key_small{
    width:33px;
    height:33px;
    background-position:-80px -69px
}
.keyboard_keys-zoom_in_out_key_small{
    width:67px;
    height:33px;
    background-position:-1px -70px
}
.keyboard_keys-scroll_wheel{
    width:58px;
    height:33px;
    background-position:-69px -103px
}
.keyboard_keys-tab_key_small{
    width:56px;
    height:34px;
    background-position:-1px -104px
}
.keyboard_keys-enter_key_small{
    width:56px;
    height:34px;
    background-position:-58px -137px
}
.keyboard_keys-right_key_small{
    width:33px;
    height:33px;
    background-position:-1px -139px
}
.keyboard_keys-restart_key_small{
    width:33px;
    height:33px;
    background-position:-1px -173px
}
.keyboard_keys-left_key_small{
    width:33px;
    height:33px;
    background-position:-1px -207px
}
.keyboard_keys-change_direction_key_small{
    width:33px;
    height:33px;
    background-position:-35px -172px
}
.keyboard_keys-brake_key_small{
    width:33px;
    height:33px;
    background-position:-35px -206px
}
.keyboard_keys-accelerate_key_small{
    width:33px;
    height:33px;
    background-position:-69px -172px
}
.head_icons_1{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_1.png);
    background-size:400px 320px
}
.head_icons_2,.head_icons_3{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    -webkit-background-size:400px 320px;
    -moz-background-size:400px 320px;
    -o-background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_1{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_1@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_1{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_1@3x.png)
    }
}
.head_icons_1.head_icons_1-ball_cap_blue{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_1.head_icons_1-ball_cap_green_back{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_1.head_icons_1-ball_cap_grey{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_1.head_icons_1-ball_cap_pink_back{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_1.head_icons_1-ball_cap_red{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_1.head_icons_1-ball_cap_yellow_back{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_1.head_icons_1-black_afro{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_1.head_icons_1-black_army_helmet{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_1.head_icons_1-black_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_1.head_icons_1-black_cowboy_hat{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_1.head_icons_1-black_crown{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_1.head_icons_1-black_downhill_helmet{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_1.head_icons_1-black_dragon{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_1.head_icons_1-black_fedora{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_1.head_icons_1-black_flames_helmet{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_1.head_icons_1-black_gas_mask{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_1.head_icons_1-black_gorilla{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_1.head_icons_1-black_hat_block_head{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_1.head_icons_1-black_headband{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_1.head_icons_1-black_horsehead{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_2{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_2.png);
    background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_2{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_2@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_2{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_2@3x.png)
    }
}
.head_icons_2.head_icons_2-black_longhair{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_2.head_icons_2-black_mohawk{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_2.head_icons_2-black_pixel{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_2.head_icons_2-black_unicorn{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_2.head_icons_2-black_valentines_helmet{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_2.head_icons_2-black_witch_hat{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_2.head_icons_2-block_head{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_2.head_icons_2-blonde_afro{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_2.head_icons_2-blonde_hair{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_2.head_icons_2-blonde_longhair{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_2.head_icons_2-blue_afro{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_2.head_icons_2-blue_alien{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_2.head_icons_2-blue_beanie{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_2.head_icons_2-blue_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_2.head_icons_2-blue_cone{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_2.head_icons_2-blue_cowboy_hat{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_2.head_icons_2-blue_crown{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_2.head_icons_2-blue_downhill_helmet{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_2.head_icons_2-blue_dragon{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_2.head_icons_2-blue_fedora{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_3{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_3.png);
    background-size:400px 320px
}
.head_icons_4,.head_icons_5{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    -webkit-background-size:400px 320px;
    -moz-background-size:400px 320px;
    -o-background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_3{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_3@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_3{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_3@3x.png)
    }
}
.head_icons_3.head_icons_3-blue_hat_block_head{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_3.head_icons_3-blue_longhair{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_3.head_icons_3-blue_mohawk{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_3.head_icons_3-blue_ombre_hair{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_3.head_icons_3-blue_pirate_hat{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_3.head_icons_3-blue_pixel{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_3.head_icons_3-blue_skull{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_3.head_icons_3-green_downhill_helmet{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_3.head_icons_3-blue_splash_helmet{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_3.head_icons_3-blue_top_hat{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_3.head_icons_3-bomb_head{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_3.head_icons_3-bronze_crown{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_3.head_icons_3-brown_afro{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_3.head_icons_3-brown_army_helmet{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_3.head_icons_3-brown_block_head{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_3.head_icons_3-brown_chicken{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_3.head_icons_3-brown_cowboy_hat{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_3.head_icons_3-brown_fedora{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_3.head_icons_3-brown_gas_mask{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_3.head_icons_3-brown_gorilla{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_4{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_4.png);
    background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_4{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_4@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_4{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_4@3x.png)
    }
}
.head_icons_4.head_icons_4-brown_hair{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_4.head_icons_4-brown_headband{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_4.head_icons_4-brown_longhair{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_4.head_icons_4-brown_pirate_hat{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_4.head_icons_4-brown_witch_hat{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_4.head_icons_4-classic{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_4.head_icons_4-classic_black{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_4.head_icons_4-classic_black_back{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_4.head_icons_4-classic_block_head{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_4.head_icons_4-classic_brown_back{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_4.head_icons_4-classic_green{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_4.head_icons_4-classic_pink{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_4.head_icons_4-classic_pixel{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_4.head_icons_4-classic_purple_back{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_4.head_icons_4-classic_red_back{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_4.head_icons_4-clown_afro{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_4.head_icons_4-clown_head{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_4.head_icons_4-eagle_head{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_4.head_icons_4-elf_hat{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_4.head_icons_4-giraffe_head{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_5{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_5.png);
    background-size:400px 320px
}
.head_icons_6,.head_icons_7{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    -webkit-background-size:400px 320px;
    -moz-background-size:400px 320px;
    -o-background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_5{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_5@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_5{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_5@3x.png)
    }
}
.head_icons_5.head_icons_5-goalie_mask{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_5.head_icons_5-gold_crown{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_5.head_icons_5-gold_gladiator_helmet{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_5.head_icons_5-gold_viking_horns{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_5.head_icons_5-gold_viking_wings{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_5.head_icons_5-green_afro{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_5.head_icons_5-green_alien{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_5.head_icons_5-green_army_helmet{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_5.head_icons_5-green_beanie{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_5.head_icons_5-green_block_head{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_5.head_icons_5-green_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_5.head_icons_5-green_cone{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_5.head_icons_5-green_cowboy_hat{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_5.head_icons_5-green_dragon{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_5.head_icons_5-green_gas_mask{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_5.head_icons_5-green_hat_block_head{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_5.head_icons_5-green_headband{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_5.head_icons_5-green_longhair{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_5.head_icons_5-green_mohawk{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_5.head_icons_5-green_skull{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_6{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_6.png);
    background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_6{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_6@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_6{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_6@3x.png)
    }
}
.head_icons_6.head_icons_6-green_top_hat{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_6.head_icons_6-green_witch_hat{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_6.head_icons_6-grey_alien{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_6.head_icons_6-grey_army_helmet{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_6.head_icons_6-grey_astronaut_helmet{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_6.head_icons_6-grey_beanie{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_6.head_icons_6-grey_cowboy_hat{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_6.head_icons_6-grey_dragon{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_6.head_icons_6-grey_pig_head{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_6.head_icons_6-grey_pirate_hat{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_6.head_icons_6-grey_skull_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_6.head_icons_6-grey_splash_helmet{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_6.head_icons_6-heart_antlers{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_6.head_icons_6-horsehead{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_6.head_icons_6-leprechaun_hat{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_6.head_icons_6-lovestruck_beanie{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_6.head_icons_6-luck_o_the_irish_helmet{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_6.head_icons_6-orange_afro{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_6.head_icons_6-orange_beanie{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_6.head_icons_6-orange_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_7{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_7.png);
    background-size:400px 320px
}
.head_icons_8,.head_icons_9{
    -webkit-background-size:400px 320px;
    -moz-background-size:400px 320px;
    -o-background-size:400px 320px;
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_7{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_7@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_7{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_7@3x.png)
    }
}
.head_icons_7.head_icons_7-orange_cone{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_7.head_icons_7-orange_downhill_helmet{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_7.head_icons_7-orange_hair{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_7.head_icons_7-orange_hat_block_head{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_7.head_icons_7-orange_longhair{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_7.head_icons_7-orange_mohawk{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_7.head_icons_7-pig_head{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_7.head_icons_7-pink_afro{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_7.head_icons_7-pink_beanie{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_7.head_icons_7-pink_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_7.head_icons_7-pink_cowboy_hat{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_7.head_icons_7-pink_crown{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_7.head_icons_7-pink_downhill_helmet{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_7.head_icons_7-pink_dragon{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_7.head_icons_7-pink_fedora{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_7.head_icons_7-pink_gorilla{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_7.head_icons_7-pink_hat_block_head{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_7.head_icons_7-pink_headband{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_7.head_icons_7-pink_longhair{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_7.head_icons_7-pink_mohawk{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_8{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_8.png);
    background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_8{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_8@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_8{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_8@3x.png)
    }
}
.head_icons_8.head_icons_8-pink_pixel{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_8.head_icons_8-pink_skull{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_8.head_icons_8-pink_top_hat{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_8.head_icons_8-pink_unicorn{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_8.head_icons_8-poop_emoji{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_8.head_icons_8-propeller_beanie{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_8.head_icons_8-propeller_hat{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_8.head_icons_8-pumpkinhead{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_8.head_icons_8-purple_beanie{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_8.head_icons_8-purple_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_8.head_icons_8-purple_downhill_helmet{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_8.head_icons_8-purple_hat_block_head{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_8.head_icons_8-purple_ombre_hair{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_8.head_icons_8-purple_pirate_hat{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_8.head_icons_8-purple_witch_hat{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_8.head_icons_8-raccoon_hat{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_8.head_icons_8-rainbow_jester_hat{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_8.head_icons_8-rainbow_mohawk{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_8.head_icons_8-red_beanie{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_8.head_icons_8-red_block_head{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_9{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_9.png);
    background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_9{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_9@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_9{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_9@3x.png)
    }
}
.head_icons_9.head_icons_9-red_cone{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_9.head_icons_9-red_cowboy_hat{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_9.head_icons_9-red_devil{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_9.head_icons_9-red_downhill_helmet{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_9.head_icons_9-red_dragon{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_9.head_icons_9-red_fireman_hat{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_9.head_icons_9-red_flames_helmet{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_9.head_icons_9-red_hat_block_head{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_9.head_icons_9-red_headband{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_9.head_icons_9-red_jester_hat{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_9.head_icons_9-red_pixel{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_9.head_icons_9-red_skull{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_9.head_icons_9-red_skull_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_9.head_icons_9-red_space_helmet{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_9.head_icons_9-red_top_hat{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_9.head_icons_9-red_valentines_helmet{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_9.head_icons_9-reindeer_hat{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_9.head_icons_9-robot_head{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_9.head_icons_9-santa_hat{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_9.head_icons_9-shark_head{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_10{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_10.png);
    background-size:400px 320px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_10{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_10@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_10{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_10@3x.png)
    }
}
.head_icons_10.head_icons_10-silver_crown{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_10.head_icons_10-silver_gladiator_helmet{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_10.head_icons_10-silver_viking_horns{
    width:80px;
    height:80px;
    background-position:0 -160px
}
.head_icons_10.head_icons_10-silver_viking_wings{
    width:80px;
    height:80px;
    background-position:0 -240px
}
.head_icons_10.head_icons_10-snowman_head{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_10.head_icons_10-space_helmet{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_10.head_icons_10-striped_cone{
    width:80px;
    height:80px;
    background-position:-80px -160px
}
.head_icons_10.head_icons_10-turquoise_downhill_helmet{
    width:80px;
    height:80px;
    background-position:-80px -240px
}
.head_icons_10.head_icons_10-white_astronaut_helmet{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_10.head_icons_10-white_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_10.head_icons_10-white_chicken{
    width:80px;
    height:80px;
    background-position:-160px -160px
}
.head_icons_10.head_icons_10-white_cowboy_hat{
    width:80px;
    height:80px;
    background-position:-160px -240px
}
.head_icons_10.head_icons_10-white_downhill_helmet{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_10.head_icons_10-white_dragon{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_10.head_icons_10-white_fedora{
    width:80px;
    height:80px;
    background-position:-240px -160px
}
.head_icons_10.head_icons_10-white_gorilla{
    width:80px;
    height:80px;
    background-position:-240px -240px
}
.head_icons_10.head_icons_10-white_horsehead{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_10.head_icons_10-white_longhair{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_10.head_icons_10-white_skull{
    width:80px;
    height:80px;
    background-position:-320px -160px
}
.head_icons_10.head_icons_10-white_top_hat{
    width:80px;
    height:80px;
    background-position:-320px -240px
}
.head_icons_11{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_11_v2.png);
    background-size:480px 160px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .head_icons_11{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_11_v2@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .head_icons_11{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/inventory/head/spritesheets/head_icons_11_v2@3x.png)
    }
}
.head_icons_11.head_icons_11-black_top_hat{
    width:80px;
    height:80px;
    background-position:0 0
}
.head_icons_11.head_icons_11-emma_mad_hatter{
    width:80px;
    height:80px;
    background-position:0 -80px
}
.head_icons_11.head_icons_11-white_unicorn{
    width:80px;
    height:80px;
    background-position:-80px 0
}
.head_icons_11.head_icons_11-yellow_bmx_helmet{
    width:80px;
    height:80px;
    background-position:-80px -80px
}
.head_icons_11.head_icons_11-yellow_chicken{
    width:80px;
    height:80px;
    background-position:-160px 0
}
.head_icons_11.head_icons_11-yellow_cone{
    width:80px;
    height:80px;
    background-position:-160px -80px
}
.head_icons_11.head_icons_11-yellow_downhill_helmet{
    width:80px;
    height:80px;
    background-position:-240px 0
}
.head_icons_11.head_icons_11-yellow_fedora{
    width:80px;
    height:80px;
    background-position:-240px -80px
}
.head_icons_11.head_icons_11-yellow_fireman_hat{
    width:80px;
    height:80px;
    background-position:-320px 0
}
.head_icons_11.head_icons_11-yellow_headband{
    width:80px;
    height:80px;
    background-position:-320px -80px
}
.head_icons_11.head_icons_11-yellow_skull{
    width:80px;
    height:80px;
    background-position:-400px 0
}
.head_icons_11.head_icons_11-zombie_head{
    width:80px;
    height:80px;
    background-position:-400px -80px
}
.core_icons{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/core_icons_v11.png);
    background-size:168px 451px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .core_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/core_icons_v11@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .core_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/core_icons_v11@3x.png)
    }
}
.core_icons.core_icons-icon_heading_biggest:hover{
    width:42px;
    height:42px;
    background-position:0 0
}
.core_icons.core_icons-icon_heading_biggest{
    width:42px;
    height:42px;
    background-position:0 -42px
}
.core_icons.core_icons-icon_heading_campaign:hover{
    width:42px;
    height:42px;
    background-position:-42px 0
}
.core_icons.core_icons-icon_heading_campaign{
    width:42px;
    height:42px;
    background-position:0 -84px
}
.core_icons.core_icons-icon_heading_daily:hover{
    width:42px;
    height:42px;
    background-position:-42px -42px
}
.core_icons.core_icons-icon_heading_daily{
    width:42px;
    height:42px;
    background-position:-84px 0
}
.core_icons.core_icons-icon_heading_featured:hover{
    width:42px;
    height:42px;
    background-position:-126px 0
}
.core_icons.core_icons-icon_heading_featured{
    width:42px;
    height:42px;
    background-position:0 -126px
}
.core_icons.core_icons-icon_heading_hot:hover{
    width:42px;
    height:42px;
    background-position:-42px -84px
}
.core_icons.core_icons-icon_heading_hot{
    width:42px;
    height:42px;
    background-position:-84px -42px
}
.core_icons.core_icons-icon_heading_newest:hover{
    width:42px;
    height:42px;
    background-position:-126px -42px
}
.core_icons.core_icons-icon_heading_newest{
    width:42px;
    height:42px;
    background-position:0 -168px
}
.core_icons.core_icons-icon_heading_shuffled:hover{
    width:42px;
    height:42px;
    background-position:-42px -126px
}
.core_icons.core_icons-icon_heading_shuffled{
    width:42px;
    height:42px;
    background-position:-84px -84px
}
.core_icons.core_icons-icon_heading_subscriptions:hover{
    width:42px;
    height:42px;
    background-position:-126px -84px
}
.core_icons.core_icons-icon_heading_subscriptions{
    width:42px;
    height:42px;
    background-position:0 -210px
}
.core_icons.core_icons-icon_heading_top_rated:hover{
    width:42px;
    height:42px;
    background-position:-42px -168px
}
.core_icons.core_icons-icon_heading_top_rated{
    width:42px;
    height:42px;
    background-position:-84px -126px
}
.core_icons.core_icons-icon_heading_trending:hover{
    width:42px;
    height:42px;
    background-position:-126px -126px
}
.core_icons.core_icons-icon_heading_trending{
    width:42px;
    height:42px;
    background-position:0 -252px
}
.core_icons.core_icons-btn_icon_settings:hover{
    width:32px;
    height:32px;
    background-position:-42px -210px
}
.core_icons.core_icons-btn_icon_settings{
    width:32px;
    height:32px;
    background-position:-84px -168px
}
.core_icons.core_icons-icon_android_app{
    width:32px;
    height:32px;
    background-position:0 -294px
}
.core_icons.core_icons-icon_facebook_app{
    width:32px;
    height:32px;
    background-position:-42px -242px
}
.core_icons.core_icons-icon_ios_app{
    width:32px;
    height:32px;
    background-position:-116px -168px
}
.core_icons.core_icons-icon_web_app{
    width:32px;
    height:32px;
    background-position:0 -326px
}
.core_icons.core_icons-btn_add_coins:hover{
    width:20px;
    height:20px;
    background-position:-148px -168px
}
.core_icons.core_icons-btn_scroll_left:hover{
    width:30px;
    height:30px;
    background-position:0 -358px
}
.core_icons.core_icons-btn_scroll_left-inactive{
    width:30px;
    height:30px;
    background-position:0 -388px
}
.core_icons.core_icons-btn_scroll_left{
    width:30px;
    height:30px;
    background-position:0 -418px
}
.core_icons.core_icons-btn_add_coins{
    width:20px;
    height:20px;
    background-position:-148px -188px
}
.core_icons.core_icons-img_bg_track_number-inactive{
    width:33px;
    height:23px;
    background-position:-42px -274px
}
.core_icons.core_icons-btn_scroll_right:hover{
    width:30px;
    height:30px;
    background-position:-32px -297px
}
.core_icons.core_icons-btn_scroll_right-inactive{
    width:30px;
    height:30px;
    background-position:-32px -327px
}
.core_icons.core_icons-icon_featured_badge{
    width:24px;
    height:32px;
    background-position:-62px -297px
}
.core_icons.core_icons-btn_scroll_right{
    width:30px;
    height:30px;
    background-position:-62px -329px
}
.core_icons.core_icons-img_bg_track_number{
    width:33px;
    height:23px;
    background-position:-84px -200px
}
.core_icons.core_icons-icon_login_facebook{
    width:30px;
    height:24px;
    background-position:-117px -200px
}
.core_icons.core_icons-icon_login_google{
    width:30px;
    height:24px;
    background-position:-74px -223px
}
.core_icons.core_icons-icon_coin{
    width:26px;
    height:26px;
    background-position:-74px -247px
}
.core_icons.core_icons-icon_close:hover{
    width:24px;
    height:24px;
    background-position:-75px -273px
}
.core_icons.core_icons-icon_new_badge{
    width:26px;
    height:26px;
    background-position:-86px -297px
}
.core_icons.core_icons-icon_points{
    width:26px;
    height:26px;
    background-position:-92px -323px
}
.core_icons.core_icons-icon_close{
    width:24px;
    height:24px;
    background-position:-99px -273px
}
.core_icons.core_icons-icon_forum_active{
    width:26px;
    height:18px;
    background-position:-92px -349px
}
.core_icons.core_icons-btn_arrow_right:hover{
    width:20px;
    height:20px;
    background-position:-147px -208px
}
.core_icons.core_icons-icon_created_tracks:hover{
    width:24px;
    height:24px;
    background-position:-112px -297px
}
.core_icons.core_icons-icon_created_tracks{
    width:24px;
    height:24px;
    background-position:-118px -321px
}
.core_icons.core_icons-btn_add_race:hover{
    width:24px;
    height:22px;
    background-position:-118px -345px
}
.core_icons.core_icons-icon_forum_inactive{
    width:26px;
    height:18px;
    background-position:-142px -228px
}
.core_icons.core_icons-icon_dropdown{
    width:24px;
    height:24px;
    background-position:-104px -224px
}
.core_icons.core_icons-icon_friends:hover{
    width:24px;
    height:24px;
    background-position:-100px -248px
}
.core_icons.core_icons-icon_friends{
    width:24px;
    height:24px;
    background-position:-124px -248px
}
.core_icons.core_icons-btn_arrow_right{
    width:20px;
    height:20px;
    background-position:-148px -246px
}
.core_icons.core_icons-icon_ghosts:hover{
    width:24px;
    height:24px;
    background-position:-123px -272px
}
.core_icons.core_icons-btn_next_page-inactive{
    width:20px;
    height:20px;
    background-position:-148px -266px
}
.core_icons.core_icons-icon_ghosts{
    width:24px;
    height:24px;
    background-position:-136px -296px
}
.core_icons.core_icons-icon_history:hover{
    width:24px;
    height:24px;
    background-position:-142px -320px
}
.core_icons.core_icons-icon_history{
    width:24px;
    height:24px;
    background-position:-142px -344px
}
.core_icons.core_icons-icon_liked_tracks:hover{
    width:24px;
    height:24px;
    background-position:-30px -358px
}
.core_icons.core_icons-icon_liked_tracks{
    width:24px;
    height:24px;
    background-position:-30px -382px
}
.core_icons.core_icons-icon_settings:hover{
    width:24px;
    height:24px;
    background-position:-30px -406px
}
.core_icons.core_icons-icon_settings{
    width:24px;
    height:24px;
    background-position:-54px -359px
}
.core_icons.core_icons-icon_thumbs_down.active,.core_icons.core_icons-icon_thumbs_down:hover{
    width:24px;
    height:24px;
    background-position:-54px -383px
}
.core_icons.core_icons-icon_thumbs_down{
    width:24px;
    height:24px;
    background-position:-54px -407px
}
.core_icons.core_icons-btn_next_page{
    width:20px;
    height:20px;
    background-position:-30px -430px
}
.core_icons.core_icons-btn_prev_page-inactive{
    width:20px;
    height:20px;
    background-position:-50px -431px
}
.core_icons.core_icons-btn_prev_page{
    width:20px;
    height:20px;
    background-position:-70px -431px
}
.core_icons.core_icons-icon_thumbs_up,.core_icons.core_icons-icon_thumbs_up.active,.core_icons.core_icons-icon_thumbs_up:hover{
    width:24px;
    height:24px;
    background-position:-78px -367px
}
.core_icons.core_icons-icon_thumbs_up{
    width:24px;
    height:24px;
    background-position:-78px -391px
}
.core_icons.core_icons-icon_track_help:hover{
    width:24px;
    height:24px;
    background-position:-102px -367px
}
.core_icons.core_icons-icon_track_help{
    width:24px;
    height:24px;
    background-position:-102px -391px
}
.core_icons.core_icons-icon_track_info:hover{
    width:24px;
    height:24px;
    background-position:-90px -415px
}
.core_icons.core_icons-icon_track_info{
    width:24px;
    height:24px;
    background-position:-114px -415px
}
.core_icons.core_icons-icon_track_share:hover{
    width:24px;
    height:24px;
    background-position:-126px -368px
}
.core_icons.core_icons-btn_add_race{
    width:24px;
    height:22px;
    background-position:-126px -392px
}
.core_icons.core_icons-icon_track_share{
    width:24px;
    height:24px;
    background-position:-138px -414px
}
.store_icons{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/store_icons_v7.png);
    background-size:341px 168px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .store_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/store_icons_v7@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .store_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/store_icons_v7@3x.png)
    }
}
.store_icons.store_icons-dotd_title{
    width:116px;
    height:116px;
    background-position:0 0
}
.store_icons.store_icons-coin_icon_lg{
    width:52px;
    height:52px;
    background-position:0 -116px
}
.store_icons.store_icons-freerider_hd_plus_pro{
    width:210px;
    height:24px;
    background-position:-116px 0
}
.store_icons.store_icons-icon_coin{
    width:26px;
    height:26px;
    background-position:-52px -116px
}
.store_icons.store_icons-freerider_hd_pro_icon-inactive{
    width:32px;
    height:16px;
    background-position:-52px -142px
}
.store_icons.store_icons-freerider_hd_pro_icon{
    width:32px;
    height:16px;
    background-position:-78px -116px
}
.store_icons.store_icons-question_mark{
    width:80px;
    height:80px;
    background-position:-116px -24px
}
.store_icons.store_icons-earn_coins_icon{
    width:105px;
    height:60px;
    background-position:-116px -104px
}
.store_icons.store_icons-coin_icon{
    width:60px;
    height:60px;
    background-position:-196px -24px
}
.store_icons.store_icons-coin_icon_best_deal{
    width:60px;
    height:60px;
    background-position:-256px -24px
}
.store_icons.store_icons-coin_icon_free{
    width:60px;
    height:60px;
    background-position:-221px -84px
}
.store_icons.store_icons-coin_icon_most_popular{
    width:60px;
    height:60px;
    background-position:-281px -84px
}
.menu_icons{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/menu_icons_v2.png);
    background-size:336px 168px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .menu_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/menu_icons_v2@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .menu_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/menu_icons_v2@3x.png)
    }
}
.menu_icons.menu_icons-logo{
    width:174px;
    height:24px;
    background-position:0 0
}
.menu_icons.menu_icons-icon_facebook{
    width:40px;
    height:40px;
    background-position:-174px 0
}
.menu_icons.menu_icons-icon_instagram{
    width:40px;
    height:40px;
    background-position:-214px 0
}
.menu_icons.menu_icons-icon_twitter{
    width:40px;
    height:40px;
    background-position:-254px 0
}
.menu_icons.menu_icons-icon_youtube{
    width:40px;
    height:40px;
    background-position:-294px 0
}
.menu_icons.menu_icons-icon_back_arrow:hover{
    width:32px;
    height:32px;
    background-position:0 -24px
}
.menu_icons.menu_icons-icon_back_arrow{
    width:32px;
    height:32px;
    background-position:-32px -24px
}
.menu_icons.menu_icons-icon_browse_tracks:hover{
    width:32px;
    height:32px;
    background-position:-64px -24px
}
.menu_icons.menu_icons-icon_browse_tracks{
    width:32px;
    height:32px;
    background-position:-96px -24px
}
.menu_icons.menu_icons-icon_campaigns:hover{
    width:32px;
    height:32px;
    background-position:-128px -24px
}
.menu_icons.menu_icons-icon_campaigns{
    width:32px;
    height:32px;
    background-position:-160px -40px
}
.menu_icons.menu_icons-icon_close_search:hover{
    width:32px;
    height:32px;
    background-position:0 -56px
}
.menu_icons.menu_icons-icon_close_search{
    width:32px;
    height:32px;
    background-position:-32px -56px
}
.menu_icons.menu_icons-icon_community:hover{
    width:32px;
    height:32px;
    background-position:-64px -56px
}
.menu_icons.menu_icons-icon_community{
    width:32px;
    height:32px;
    background-position:-96px -56px
}
.menu_icons.menu_icons-icon_draw_track:hover{
    width:32px;
    height:32px;
    background-position:-128px -56px
}
.menu_icons.menu_icons-icon_draw_track{
    width:32px;
    height:32px;
    background-position:-160px -72px
}
.menu_icons.menu_icons-icon_exit_fullscreen:hover{
    width:32px;
    height:32px;
    background-position:0 -88px
}
.menu_icons.menu_icons-icon_exit_fullscreen{
    width:32px;
    height:32px;
    background-position:-32px -88px
}
.menu_icons.menu_icons-icon_forum:hover{
    width:32px;
    height:32px;
    background-position:-64px -88px
}
.menu_icons.menu_icons-icon_forum{
    width:32px;
    height:32px;
    background-position:-96px -88px
}
.menu_icons.menu_icons-icon_fullscreen_close:hover{
    width:32px;
    height:32px;
    background-position:-128px -88px
}
.menu_icons.menu_icons-icon_fullscreen_close{
    width:32px;
    height:32px;
    background-position:-160px -104px
}
.menu_icons.menu_icons-icon_googleplus:hover{
    width:32px;
    height:32px;
    background-position:0 -120px
}
.menu_icons.menu_icons-icon_googleplus{
    width:32px;
    height:32px;
    background-position:-32px -120px
}
.menu_icons.menu_icons-icon_home:hover{
    width:32px;
    height:32px;
    background-position:-64px -120px
}
.menu_icons.menu_icons-icon_home{
    width:32px;
    height:32px;
    background-position:-96px -120px
}
.menu_icons.menu_icons-icon_notifications:hover{
    width:32px;
    height:32px;
    background-position:-128px -120px
}
.menu_icons.menu_icons-icon_notifications{
    width:32px;
    height:32px;
    background-position:-160px -136px
}
.menu_icons.menu_icons-icon_arrow_open_submenu_mini:hover{
    width:16px;
    height:16px;
    background-position:0 -152px
}
.menu_icons.menu_icons-icon_arrow_open_submenu_mini{
    width:16px;
    height:16px;
    background-position:-16px -152px
}
.menu_icons.menu_icons-icon_random_desktop:hover{
    width:32px;
    height:32px;
    background-position:-192px -40px
}
.menu_icons.menu_icons-icon_random_desktop{
    width:32px;
    height:32px;
    background-position:-192px -72px
}
.menu_icons.menu_icons-icon_search:hover{
    width:32px;
    height:32px;
    background-position:-192px -104px
}
.menu_icons.menu_icons-icon_search{
    width:32px;
    height:32px;
    background-position:-192px -136px
}
.menu_icons.menu_icons-icon_settings:hover{
    width:32px;
    height:32px;
    background-position:-224px -40px
}
.menu_icons.menu_icons-icon_settings{
    width:32px;
    height:32px;
    background-position:-256px -40px
}
.menu_icons.menu_icons-icon_shop:hover{
    width:32px;
    height:32px;
    background-position:-288px -40px
}
.menu_icons.menu_icons-icon_shop{
    width:32px;
    height:32px;
    background-position:-224px -72px
}
.menu_icons.menu_icons-icon_sidebar_close:hover{
    width:32px;
    height:32px;
    background-position:-224px -104px
}
.menu_icons.menu_icons-icon_sidebar_close{
    width:32px;
    height:32px;
    background-position:-224px -136px
}
.menu_icons.menu_icons-icon_sidebar_open:hover{
    width:32px;
    height:32px;
    background-position:-256px -72px
}
.menu_icons.menu_icons-icon_sidebar_open{
    width:32px;
    height:32px;
    background-position:-288px -72px
}
.menu_icons.menu_icons-icon_subscriptions:hover{
    width:32px;
    height:32px;
    background-position:-256px -104px
}
.menu_icons.menu_icons-icon_subscriptions{
    width:32px;
    height:32px;
    background-position:-256px -136px
}
.menu_icons.menu_icons-icon_arrow_close_submenu:hover{
    width:24px;
    height:24px;
    background-position:-288px -104px
}
.menu_icons.menu_icons-icon_arrow_close_submenu{
    width:24px;
    height:24px;
    background-position:-312px -104px
}
.menu_icons.menu_icons-icon_arrow_open_submenu:hover{
    width:24px;
    height:24px;
    background-position:-288px -128px
}
.menu_icons.menu_icons-icon_arrow_open_submenu{
    width:24px;
    height:24px;
    background-position:-312px -128px
}
.profile_icons{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/profile_icons_v2.png);
    background-size:93px 84px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .profile_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/profile_icons_v2@2x.png)
    }
}
.profile_icons.profile_icons-icon_android_app{
    width:33px;
    height:33px;
    background-position:0 0
}
.profile_icons.profile_icons-icon_facebook_app{
    width:33px;
    height:33px;
    background-position:0 -33px
}
.profile_icons.profile_icons-freerider_hd_pro_icon-inactive{
    width:33px;
    height:18px;
    background-position:0 -66px
}
.profile_icons.profile_icons-icon_ios_app{
    width:33px;
    height:33px;
    background-position:-33px 0
}
.profile_icons.profile_icons-icon_forum_active{
    width:27px;
    height:18px;
    background-position:-66px 0
}
.profile_icons.profile_icons-icon_forum_inactive{
    width:27px;
    height:18px;
    background-position:-66px -18px
}
.profile_icons.profile_icons-icon_web_app{
    width:33px;
    height:33px;
    background-position:-33px -33px
}
.profile_icons.profile_icons-freerider_hd_pro_icon{
    width:33px;
    height:18px;
    background-position:-33px -66px
}
.campaign_icons,.campaign_sprite{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/campaign_icons_v5.png);
    background-size:483px 852px;
    -webkit-transform:scale(.5) perspective(1px);
    transform:scale(.5) perspective(1px)
}
.campaign_icons.campaign_icons-loading_results,.campaign_sprite.campaign_icons-loading_results{
    width:360px;
    height:201px;
    background-position:0 0
}
.campaign_icons.campaign_icons-bronze_medal_banner,.campaign_sprite.campaign_icons-bronze_medal_banner{
    width:402px;
    height:81px;
    background-position:0 -201px
}
.campaign_icons.campaign_icons-gold_medal_banner,.campaign_sprite.campaign_icons-gold_medal_banner{
    width:402px;
    height:81px;
    background-position:0 -282px
}
.campaign_icons.campaign_icons-silver_medal_banner,.campaign_sprite.campaign_icons-silver_medal_banner{
    width:402px;
    height:81px;
    background-position:0 -363px
}
.campaign_icons.campaign_sprite-number_locked,.campaign_sprite.campaign_sprite-number_locked{
    width:153px;
    height:153px;
    background-position:0 -444px
}
.campaign_icons.campaign_sprite-number_unlocked,.campaign_sprite.campaign_sprite-number_unlocked{
    width:153px;
    height:153px;
    background-position:0 -597px
}
.campaign_icons.campaign_icons-bronze_medal_xlg,.campaign_sprite.campaign_icons-bronze_medal_xlg{
    width:144px;
    height:144px;
    background-position:-153px -444px
}
.campaign_icons.campaign_icons-empty_medal_xlg,.campaign_sprite.campaign_icons-empty_medal_xlg{
    width:144px;
    height:144px;
    background-position:-153px -588px
}
.campaign_icons.campaign_icons-gold_medal_xlg,.campaign_sprite.campaign_icons-gold_medal_xlg{
    width:144px;
    height:144px;
    background-position:-297px -444px
}
.campaign_icons.campaign_icons-silver_medal_xlg,.campaign_sprite.campaign_icons-silver_medal_xlg{
    width:144px;
    height:144px;
    background-position:-297px -588px
}
.campaign_icons.campaign_icons-bronze_medal_lg,.campaign_sprite.campaign_icons-bronze_medal_lg{
    width:120px;
    height:120px;
    background-position:-360px 0
}
.campaign_icons.campaign_icons-blue_medal_md,.campaign_sprite.campaign_icons-blue_medal_md{
    width:81px;
    height:81px;
    background-position:-360px -120px
}
.campaign_icons.campaign_icons-bronze_medal_md,.campaign_sprite.campaign_icons-bronze_medal_md{
    width:81px;
    height:81px;
    background-position:0 -750px
}
.campaign_icons.campaign_icons-campaign_icon_sm,.campaign_sprite.campaign_icons-campaign_icon_sm{
    width:81px;
    height:81px;
    background-position:-81px -750px
}
.campaign_icons.campaign_icons-gold_medal_lg,.campaign_sprite.campaign_icons-gold_medal_lg{
    width:120px;
    height:120px;
    background-position:-162px -732px
}
.campaign_icons.campaign_icons-silver_medal_lg,.campaign_sprite.campaign_icons-silver_medal_lg{
    width:120px;
    height:120px;
    background-position:-282px -732px
}
.campaign_icons.campaign_icons-campaign_number_locked_sm,.campaign_sprite.campaign_icons-campaign_number_locked_sm{
    width:81px;
    height:81px;
    background-position:-402px -201px
}
.campaign_icons.campaign_icons-gold_medal_md,.campaign_sprite.campaign_icons-gold_medal_md{
    width:81px;
    height:81px;
    background-position:-402px -282px
}
.campaign_icons.campaign_icons-locked_medal_md,.campaign_sprite.campaign_icons-locked_medal_md{
    width:81px;
    height:81px;
    background-position:-402px -363px
}
.campaign_icons.campaign_icons-silver_medal_md,.campaign_sprite.campaign_icons-silver_medal_md{
    width:81px;
    height:81px;
    background-position:-402px -732px
}
.campaign_icons.campaign_icons-blue_medal_sm,.campaign_sprite.campaign_icons-blue_medal_sm{
    width:42px;
    height:42px;
    background-position:-441px -444px
}
.campaign_icons.campaign_icons-bronze_medal_sm,.campaign_sprite.campaign_icons-bronze_medal_sm{
    width:42px;
    height:42px;
    background-position:-441px -486px
}
.campaign_icons.campaign_icons-empty_medal_sm,.campaign_sprite.campaign_icons-empty_medal_sm{
    width:42px;
    height:42px;
    background-position:-441px -528px
}
.campaign_icons.campaign_icons-gold_medal_sm,.campaign_sprite.campaign_icons-gold_medal_sm{
    width:42px;
    height:42px;
    background-position:-441px -570px
}
.campaign_icons.campaign_icons-silver_medal_sm,.campaign_sprite.campaign_icons-silver_medal_sm{
    width:42px;
    height:42px;
    background-position:-441px -612px
}
.campaign_icons.campaign_icons-track_marker,.campaign_sprite.campaign_icons-track_marker{
    width:33px;
    height:33px;
    background-position:-441px -120px
}
.home_features_icons{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/home_features_icons_v6.png);
    background-size:150px 250px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .home_features_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/home_features_icons_v6@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .home_features_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/home_features_icons_v6@3x.png)
    }
}
.home_features_icons.home_features_icons-icon_feature_achievements{
    width:50px;
    height:50px;
    background-position:0 0
}
.home_features_icons.home_features_icons-icon_feature_add_chrome{
    width:50px;
    height:50px;
    background-position:-50px 0
}
.home_features_icons.home_features_icons-icon_feature_campaigns{
    width:50px;
    height:50px;
    background-position:-100px 0
}
.home_features_icons.home_features_icons-icon_feature_coin_sale{
    width:50px;
    height:50px;
    background-position:0 -50px
}
.home_features_icons.home_features_icons-icon_feature_draw_track{
    width:50px;
    height:50px;
    background-position:-50px -50px
}
.home_features_icons.home_features_icons-icon_feature_earn_coins{
    width:50px;
    height:50px;
    background-position:-100px -50px
}
.home_features_icons.home_features_icons-icon_feature_facebook{
    width:50px;
    height:50px;
    background-position:0 -100px
}
.home_features_icons.home_features_icons-icon_feature_free_coins{
    width:50px;
    height:50px;
    background-position:-50px -100px
}
.home_features_icons.home_features_icons-icon_feature_instagram{
    width:50px;
    height:50px;
    background-position:-100px -100px
}
.home_features_icons.home_features_icons-icon_feature_invite{
    width:50px;
    height:50px;
    background-position:0 -150px
}
.home_features_icons.home_features_icons-icon_feature_leaderboards{
    width:50px;
    height:50px;
    background-position:-50px -150px
}
.home_features_icons.home_features_icons-icon_feature_shop{
    width:50px;
    height:50px;
    background-position:-100px -150px
}
.home_features_icons.home_features_icons-icon_feature_signup{
    width:50px;
    height:50px;
    background-position:0 -200px
}
.home_features_icons.home_features_icons-icon_feature_twitter{
    width:50px;
    height:50px;
    background-position:-50px -200px
}
.home_features_icons.home_features_icons-icon_feature_youtube{
    width:50px;
    height:50px;
    background-position:-100px -200px
}
.track_complete_icons{
    display:inline-block;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/track_complete_icons_v3.png);
    background-size:906px 402px
}
.track_complete_icons.track_complete_icons-loading_results{
    width:360px;
    height:201px;
    background-position:0 0
}
.track_complete_icons.track_complete_icons-track_complete{
    width:360px;
    height:201px;
    background-position:0 -201px
}
.track_complete_icons.track_complete_icons-bronze_medal_banner{
    width:402px;
    height:81px;
    background-position:-360px 0
}
.track_complete_icons.track_complete_icons-gold_medal_banner{
    width:402px;
    height:81px;
    background-position:-360px -81px
}
.track_complete_icons.track_complete_icons-silver_medal_banner{
    width:402px;
    height:81px;
    background-position:-360px -162px
}
.track_complete_icons.track_complete_icons-bronze_medal_xlg{
    width:144px;
    height:144px;
    background-position:-762px 0
}
.track_complete_icons.track_complete_icons-empty_medal_xlg{
    width:144px;
    height:144px;
    background-position:-360px -243px
}
.track_complete_icons.track_complete_icons-gold_medal_xlg{
    width:144px;
    height:144px;
    background-position:-504px -243px
}
.track_complete_icons.track_complete_icons-silver_medal_xlg{
    width:144px;
    height:144px;
    background-position:-648px -243px
}
.gameLoading{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(255,255,255,.9);
    padding:30px
}
.gameLoading-container{
    height:50px;
    max-width:400px;
    margin:-25px auto auto;
    top:50%;
    position:relative
}
.gameLoading-bar{
    width:100%;
    height:10px;
    background:#FFF;
    border-radius:30px;
    border:2px solid #000
}
.gameLoading-progress{
    height:100%;
    background:#649AE0;
    border-radius:30px;
    width:0;
    transition:width .5s ease-out
}
.gameLoading-name{
    color:#11181C;
    font-size:.8em;
    text-align:center;
    margin-top:5px
}
.gameFocusOverlay{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(255,255,255,.9);
    z-index:2
}
.bottomMenu,.editorDialog-titleBar,.topMenu{
    font-family:roboto_condensed_bold,Arial,Helvetica,sans-serif
}
.gameFocusOverlay .text{
    text-align:center;
    position:relative;
    top:50%;
    margin-top:-35px
}
.profileImage{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    overflow:hidden;
    display:inline-block;
    width:25px;
    height:25px;
    vertical-align:middle;
    border:1px solid #000
}
.profileImage img{
    opacity:0
}
.editorgui_icons{
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/editor/gui/editorgui_icons_v7.png);
    background-size:512px 164px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .editorgui_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/editor/gui/editorgui_icons_v7@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .editorgui_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/editor/gui/editorgui_icons_v7@3x.png)
    }
}
.editorgui_icons.editorgui_icons-antigravity{
    width:44px;
    height:44px;
    background-position:0 0
}
.editorgui_icons.editorgui_icons-balloon{
    width:44px;
    height:44px;
    background-position:0 -44px
}
.editorgui_icons.editorgui_icons-blob{
    width:44px;
    height:44px;
    background-position:0 -88px
}
.editorgui_icons.editorgui_icons-icon_bmx:hover{
    width:47px;
    height:32px;
    background-position:0 -132px
}
.editorgui_icons.editorgui_icons-bomb{
    width:44px;
    height:44px;
    background-position:-44px 0
}
.editorgui_icons.editorgui_icons-checkpoint{
    width:44px;
    height:44px;
    background-position:-44px -44px
}
.editorgui_icons.editorgui_icons-goal{
    width:44px;
    height:44px;
    background-position:-44px -88px
}
.editorgui_icons.editorgui_icons-icon_bmx{
    width:47px;
    height:32px;
    background-position:-47px -132px
}
.editorgui_icons.editorgui_icons-gravity{
    width:44px;
    height:44px;
    background-position:-88px 0
}
.editorgui_icons.editorgui_icons-helicopter{
    width:44px;
    height:44px;
    background-position:-88px -44px
}
.editorgui_icons.editorgui_icons-icon_brush{
    width:44px;
    height:44px;
    background-position:-88px -88px
}
.editorgui_icons.editorgui_icons-icon_mtb:hover{
    width:47px;
    height:32px;
    background-position:-94px -132px
}
.editorgui_icons.editorgui_icons-icon_camera{
    width:44px;
    height:44px;
    background-position:-132px 0
}
.editorgui_icons.editorgui_icons-icon_curve{
    width:44px;
    height:44px;
    background-position:-132px -44px
}
.editorgui_icons.editorgui_icons-icon_eraser{
    width:44px;
    height:44px;
    background-position:-132px -88px
}
.editorgui_icons.editorgui_icons-icon_mtb{
    width:47px;
    height:32px;
    background-position:-141px -132px
}
.editorgui_icons.editorgui_icons-icon_line{
    width:44px;
    height:44px;
    background-position:-176px 0
}
.editorgui_icons.editorgui_icons-icon_physics{
    width:44px;
    height:44px;
    background-position:-176px -44px
}
.editorgui_icons.editorgui_icons-icon_powerups{
    width:44px;
    height:44px;
    background-position:-176px -88px
}
.editorgui_icons.editorgui_icons-icon_camera_lock_off:hover{
    width:32px;
    height:32px;
    background-position:-188px -132px
}
.editorgui_icons.editorgui_icons-icon_scenery{
    width:44px;
    height:44px;
    background-position:-220px 0
}
.editorgui_icons.editorgui_icons-icon_snap{
    width:44px;
    height:44px;
    background-position:-220px -44px
}
.editorgui_icons.editorgui_icons-icon_snap_on{
    width:44px;
    height:44px;
    background-position:-220px -88px
}
.editorgui_icons.editorgui_icons-icon_camera_lock_off{
    width:32px;
    height:32px;
    background-position:-220px -132px
}
.editorgui_icons.editorgui_icons-icon_camera_lock_on:hover{
    width:32px;
    height:32px;
    background-position:-252px -132px
}
.editorgui_icons.editorgui_icons-icon_vehicle_swap{
    width:44px;
    height:44px;
    background-position:-264px 0
}
.editorgui_icons.editorgui_icons-portal{
    width:44px;
    height:44px;
    background-position:-264px -44px
}
.editorgui_icons.editorgui_icons-slowmotion{
    width:44px;
    height:44px;
    background-position:-264px -88px
}
.editorgui_icons.editorgui_icons-icon_camera_lock_on{
    width:32px;
    height:32px;
    background-position:-284px -132px
}
.editorgui_icons.editorgui_icons-speed{
    width:44px;
    height:44px;
    background-position:-308px 0
}
.editorgui_icons.editorgui_icons-truck{
    width:44px;
    height:44px;
    background-position:-308px -44px
}
.editorgui_icons.editorgui_icons-icon_clear_track:hover{
    width:32px;
    height:32px;
    background-position:-308px -88px
}
.editorgui_icons.editorgui_icons-icon_clear_track{
    width:32px;
    height:32px;
    background-position:-316px -120px
}
.editorgui_icons.editorgui_icons-icon_controls{
    width:32px;
    height:32px;
    background-position:-340px -88px
}
.editorgui_icons.editorgui_icons-icon_exit_fullscreen:hover{
    width:32px;
    height:32px;
    background-position:-348px -120px
}
.editorgui_icons.editorgui_icons-icon_exit_fullscreen{
    width:32px;
    height:32px;
    background-position:-352px 0
}
.editorgui_icons.editorgui_icons-icon_export:hover{
    width:32px;
    height:32px;
    background-position:-352px -32px
}
.editorgui_icons.editorgui_icons-icon_export{
    width:32px;
    height:32px;
    background-position:-372px -64px
}
.editorgui_icons.editorgui_icons-icon_fullscreen:hover{
    width:32px;
    height:32px;
    background-position:-384px 0
}
.editorgui_icons.editorgui_icons-icon_fullscreen{
    width:32px;
    height:32px;
    background-position:-384px -32px
}
.editorgui_icons.editorgui_icons-icon_grid_off:hover{
    width:32px;
    height:32px;
    background-position:-380px -96px
}
.editorgui_icons.editorgui_icons-icon_grid_off{
    width:32px;
    height:32px;
    background-position:-404px -64px
}
.editorgui_icons.editorgui_icons-icon_grid_on:hover{
    width:32px;
    height:32px;
    background-position:-380px -128px
}
.editorgui_icons.editorgui_icons-icon_grid_on{
    width:32px;
    height:32px;
    background-position:-416px 0
}
.editorgui_icons.editorgui_icons-icon_hotkeys:hover{
    width:32px;
    height:32px;
    background-position:-416px -32px
}
.editorgui_icons.editorgui_icons-icon_hotkeys{
    width:32px;
    height:32px;
    background-position:-412px -96px
}
.editorgui_icons.editorgui_icons-icon_import:hover{
    width:32px;
    height:32px;
    background-position:-436px -64px
}
.editorgui_icons.editorgui_icons-icon_import{
    width:32px;
    height:32px;
    background-position:-412px -128px
}
.editorgui_icons.editorgui_icons-icon_offline_editor:hover{
    width:32px;
    height:32px;
    background-position:-448px 0
}
.editorgui_icons.editorgui_icons-icon_offline_editor{
    width:32px;
    height:32px;
    background-position:-448px -32px
}
.editorgui_icons.editorgui_icons-icon_upload:hover{
    width:32px;
    height:32px;
    background-position:-444px -96px
}
.editorgui_icons.editorgui_icons-icon_upload{
    width:32px;
    height:32px;
    background-position:-468px -64px
}
.editorgui_icons.editorgui_icons-icon_zoom_in:hover{
    width:32px;
    height:32px;
    background-position:-444px -128px
}
.editorgui_icons.editorgui_icons-icon_zoom_in{
    width:32px;
    height:32px;
    background-position:-480px 0
}
.editorgui_icons.editorgui_icons-icon_zoom_out:hover{
    width:32px;
    height:32px;
    background-position:-480px -32px
}
.editorgui_icons.editorgui_icons-icon_zoom_out{
    width:32px;
    height:32px;
    background-position:-476px -96px
}
.topMenu{
    width:100%;
    height:45px;
    background:#FFF;
    border-bottom:1px solid #000
}
.topMenu-button{
    text-transform:uppercase;
    line-height:44px;
    display:inline-block;
    padding:0 10px;
    font-size:.65em;
    cursor:pointer
}
.topMenu-button .text{
    position:relative;
    top:2px;
    padding:0 1px;
    display:none
}
.topMenu-button:hover{
    background:#CCC
}
.topMenu-button:active{
    background:#333;
    color:#FFF
}
.topMenu-button.disabled{
    color:#CCC;
    cursor:not-allowed
}
.topMenu-button-right{
    float:right
}
.topMenu-button_zoom{
    width:50px;
    text-align:center
}
@media screen and (min-width:900px){
    .topMenu-button .text{
        display:inline
    }
}
.horizontal-slider-container{
    display:inline-block;
    float:left
}
.horizontal-slider-label{
    float:left
}
.horizontal-slider{
    position:relative;
    width:100px;
    height:5px;
    background:#9B9B9B;
    border-radius:30px;
    float:left
}
.horizontal-slider .bar{
    height:100%
}
.horizontal-slider .bar-0{
    background:#000;
    border-radius:30px
}
.horizontal-slider .handle{
    width:25px;
    height:25px;
    background:#FFF;
    border:2px solid #000;
    border-radius:30px;
    margin-top:-10px
}
.bottomMenu{
    width:100%;
    border-top:1px solid #000;
    position:absolute;
    bottom:0;
    line-height:45px;
    font-size:.55em;
    text-transform:uppercase;
    background:#E2E2E2
}
.bottomMenu-button{
    display:inline-block;
    padding:0 10px;
    cursor:pointer
}
.bottomMenu-button>.name{
    margin-left:5px
}
.bottomMenu-button:hover{
    background:#CCC
}
.bottomMenu-button:active{
    background:#333;
    color:#FFF
}
.bottomMenu-button.disabled{
    color:#CCC;
    cursor:not-allowed
}
.editorDialog-close,.sideButton{
    cursor:pointer;
    text-align:center
}
.bottomMenu-button-right{
    float:right
}
.bottomMenu-button_grid{
    min-width:105px
}
.bottomMenu-button_cameralock{
    min-width:150px
}
.bottomMenu-button_cameralock>.icon{
    position:relative;
    top:-4px
}
.bottomMenu .divider{
    height:100%;
    border-right:1px solid #000;
    width:1px;
    float:right
}
.bottomMenu .horizontal-slider{
    top:19px;
    margin:0 15px
}
.bottomToolOptions{
    float:left
}
.bottomToolOptions-toolTitle{
    display:inline-block;
    float:left;
    margin-right:25px
}
.bottomToolOptions-toolTitle .toolName{
    margin-right:9px
}
.bottomToolOptions-input{
    float:left;
    background:#FFF;
    border:1px solid #000;
    text-align:center;
    margin-top:9px;
    border-radius:5px
}
.importDialog-button,.race-dialog .raceList .remove,.race-dialog .raceList .time{
    float:right
}
.bottomToolOptions-input_vehiclepoweruptime{
    width:40px;
    height:25px;
    margin-right:10px
}
.sideButton{
    line-height:39px;
    margin:2px;
    border:1px solid #FFF
}
.sideButton:hover{
    background:#EEE;
    border:1px solid #000
}
.sideButton.active{
    border:1px solid #000;
    background:#CACACA
}
.sideButton.disable,.sideButton.disable:hover{
    opacity:.4
}
.leftMenu,.rightMenu{
    top:50%;
    background:#FFF;
    opacity:.95;
    position:absolute
}
.leftMenu{
    margin-top:-170px;
    left:0;
    border:1px solid #000;
    border-left:none
}
.rightMenu{
    right:0;
    border:1px solid #000;
    border-right:0
}
.editorDialog{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    background:rgba(255,255,255,.7);
    z-index:2
}
.editorDialog-close{
    position:absolute;
    right:5px;
    top:2px;
    line-height:30px;
    width:30px;
    font-size:1.5em
}
.editorDialog-close:hover{
    color:#3899DC
}
.editorDialog-content{
    width:530px;
    background:#FFF;
    border:1px solid #C2C2C2;
    margin:-190px auto auto;
    top:50%;
    position:relative;
    box-shadow:0 0 1px #DDD
}
.editorDialog-titleBar{
    line-height:38px;
    padding:0 13px;
    border-bottom:1px solid #C2C2C2;
    color:#11181C
}
.editorDialog-bottomBar{
    background:#F2F7F9;
    padding:12px
}
.editorDialog-bottomBar.error{
    color:#E5302F;
    background:#F4D0D0;
    border:1px solid #E5302F
}
.editorDialog-content-title{
    font-size:1em;
    font-weight:400;
    margin:0
}
.editorDialog-content_clearDialog{
    width:400px
}
.editorDialog-content_clearDialog .editorDialog-centerContent{
    padding:10px
}
.editorDialog-content_clearDialog .editorDialog-bottomBar{
    border-top:1px solid #CCC
}
.exportDialog-code,.importDialog-code{
    border:1px solid #CCC;
    border-radius:6px;
    padding:10px;
    height:210px;
    overflow-x:hidden;
    overflow-y:scroll;
    z-index:2;
    resize:none;
    font-size:.9em
}
.editorDialog-codeContainer,.importDialog-codeContainer{
    position:relative;
    padding:18px;
    border-bottom:1px solid #CCC
}
.hotkeys_more,.hotkeys_powerups,.hotkeys_tools,.offlineeditorpromo-dialog .middle .promoButton .install .icon{
    float:left
}
.importDialog-dropFile{
    display:none;
    position:absolute;
    top:110px;
    text-align:center;
    width:100%;
    left:0;
    color:#3899DC
}
.importDialog-placeholder{
    font-size:14px;
    padding:14PX;
    position:absolute;
    width:486px
}
.exportDialog-saveAsFile,.importDialog-openFile{
    color:#3B99FC;
    font-size:.7em;
    padding:10px;
    cursor:pointer
}
.importDialog-openFile{
    position:absolute;
    z-index:3;
    right:60px;
    top:2px
}
.editorDialog-content-dragActive .importDialog-code{
    background:#FFF;
    border:2px dashed #000
}
.ud-uploading-cost{
    width:260px;
    float:left;
    font-size:.9em
}
.ud-uploading-cost .core_icons{
    vertical-align:middle;
    position:relative;
    bottom:2px;
    margin-left:2px;
    margin-right:5px
}
.ud-uploading-cost .num{
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700
}
.ud-form-input>.title,.ud-upload-complete-balance>.balance,.ud-upload-complete-message>.track-title,.ud-upload-complete-share>.title{
    font-family:roboto_medium,Arial,Helvetica,sans-serif
}
.ud-form{
    padding:18px;
    border-bottom:1px solid #C2C2C2;
    position:relative
}
.ud-form-input{
    margin:5px 0
}
.ud-form-input>.title{
    font-size:.9em;
    margin-bottom:5px
}
.ud-form-input>.char-left,.ud-form-input>.input-desc{
    color:#595959;
    font-size:.8em
}
.ud-form-text-input{
    border:1px solid #C2C2C2;
    border-radius:11px
}
.ud-form-vehicles>.ud-form-input{
    width:50%
}
.ud-form-checkbox{
    margin:5px 0;
    cursor:pointer
}
.ud-form-checkbox>.checkbox{
    background:#FFF;
    border-radius:50%;
    text-align:center;
    width:24px;
    height:24px;
    color:#FFF;
    line-height:18px;
    border:1px solid #000;
    display:inline-block
}
.ud-form-checkbox.checked>.checkbox{
    background:#1F80C3
}
.ud-form-checkbox>.name{
    padding-left:5px;
    font-size:.9em
}
.ud-form-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#FFF;
    opacity:.7
}
.ud-bottom-message{
    font-size:.8em;
    width:270px;
    display:inline-block
}
.ud-exporting-track{
    padding:18px;
    border-bottom:1px solid #C2C2C2;
    font-size:.9em
}
.ud-exporting-track>.warning{
    font-size:.9em
}
.ud-uploading-message{
    display:inline-block;
    position:relative;
    top:12px
}
.ud-uploading-message>.loading-hourglass{
    position:absolute;
    top:-5px;
    left:0
}
.ud-uploading-message>.text{
    padding-left:34px;
    font-size:.9em
}
.ud-upload-complete{
    padding:18px;
    border-bottom:1px solid #C2C2C2
}
.ud-upload-complete-share>.title{
    margin-bottom:10px
}
.ud-upload-complete-share .share_icons{
    margin-right:15px
}
.ud-upload-complete-link-input{
    border:1px solid #C2C2C2;
    border-radius:11px
}
.editorDialog-content_helpDialog{
    width:600px
}
.editorDialog-content_helpDialog .hotkeys{
    padding:10px;
    clear:both
}
.editorDialog-content_helpDialog .hotkey{
    margin:5px 0
}
.editorDialog-content_helpDialog .hotkeys-title{
    font-size:13px;
    margin:10px 0 5px;
    font-family:roboto_condensed_bold,Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    color:#595959
}
.helpDialog-hotkey{
    box-shadow:inset 0 1px 0 0 #fff;
    background:linear-gradient(to bottom,#f9f9f9 5%,#e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
    background-color:#f9f9f9;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666;
    font-family:arial;
    font-weight:700;
    padding:6px;
    font-size:.7em;
    text-decoration:none;
    text-shadow:0 1px 0 #fff;
    min-width:27px;
    text-align:center
}
.helpDialog-hotkey-name{
    font-size:.7em;
    margin-left:10px
}
.hotkeys_tools{
    width:205px
}
.hotkeys_powerups{
    width:180px
}
.helpDialog-advanced_settings.link{
    font-size:.8em;
    padding:10px;
    position:absolute;
    bottom:0;
    right:0
}
.helpDialogAdvanced{
    font-size:.75em;
    padding:10px;
    min-height:200px
}
.helpDialogAdvanced .settingTitle{
    width:200px
}
.helpDialogAdvanced .name{
    padding-left:10px
}
.helpDialogAdvanced input[type=checkbox]{
    -webkit-appearance:checkbox;
    display:inline-block;
    width:inherit
}
.editorDialog-content_changeLog{
    margin-top:-189px
}
.editorDialog-content_changeLog .editorDialog-content-title{
    text-align:center
}
.editorDialog-content_changeLog .line{
    margin:10px 0;
    font-size:.9em
}
.editorDialog-content_changeLog .box{
    padding:5px
}
.editorDialog-content_changeLog ul{
    list-style:none;
    font-size:.8em;
    font-weight:700;
    padding:0 5px 5px
}
.editorDialog-content_controlsDialog{
    width:600px
}
.editorDialog-content_controlsDialog .keyboard_keys{
    vertical-align:middle
}
.editorDialog-content_controlsDialog .keysContainer{
    padding:10px
}
.editorDialog-content_controlsDialog table{
    width:100%;
    font-size:.8em
}
.editorDialog-content_controlsDialog table .keyname{
    padding-left:5px;
    font-family:helsinki,Arial,Helvetica,sans-serif
}
.offlineeditorpromo-dialog{
    font-family:roboto_medium,Arial,Helvetica,sans-serif
}
.offlineeditorpromo-dialog .middle{
    padding:20px
}
.offlineeditorpromo-dialog .middle p{
    font-size:14px;
    margin-bottom:10px
}
.offlineeditorpromo-dialog .middle h3{
    font-size:16px;
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700;
    margin:2px
}
.offlineeditorpromo-dialog .middle .promoButton{
    text-align:center;
    margin-top:30px;
    margin-bottom:20px
}
.offlineeditorpromo-dialog .middle .promoButton .install{
    background:#F2F7F9;
    border:2px solid #000;
    display:inline-block;
    border-radius:10px;
    text-align:left;
    padding:10px
}
.offlineeditorpromo-dialog .middle .promoButton .install .text{
    overflow:hidden;
    color:#000;
    font-size:.8em;
    position:relative;
    top:5px
}
.offlineeditorpromo-dialog .middle .promoButton .install .text h3{
    font-family:helsinki,Arial,Helvetica,sans-serif;
    font-size:13px;
    color:#1F80C3
}
.offlineeditorpromo-dialog .bottom{
    background:#F2F7F9;
    height:60px;
    border-top:1px solid #C2C2C2;
    font-size:13px
}
.offlineeditorpromo-dialog .bottom p{
    padding:10px
}
.in-game-controls{
    width:400px;
    position:absolute;
    bottom:10px;
    margin:auto auto auto -200px;
    left:50%;
    background:#E2E2E2;
    border:1px solid #B7B7B7;
    padding:10px;
    font-size:.75em;
    font-family:helsinki,Arial,Helvetica,sans-serif
}
.in-game-controls .show-more{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    position:absolute;
    top:5px;
    right:10px
}
.in-game-controls .title{
    padding-bottom:5px
}
.in-game-controls .keyboard_keys{
    vertical-align:middle;
    margin-right:3px
}
.in-game-controls .name{
    overflow:hidden;
    display:inline-block;
    width:80px;
    vertical-align:middle
}
.in-game-controls table{
    width:100%
}
.mobileRotate{
    width:250px;
    height:50px;
    border:2px solid #000;
    border-radius:7px;
    position:absolute;
    bottom:10px;
    left:50%;
    margin-left:-125px;
    background:#FFF;
    padding-left:55px;
    font-family:helsinki,Arial,Helvetica,sans-serif
}
.campaign_progress_icons,.dialog_button_icons{
    background-repeat:no-repeat;
    overflow:hidden;
    display:inline-block
}
.dialog-footer .footerButton .primary-button,.dialogTitle{
    font-family:riffic,Arial,Helvetica,sans-serif
}
.mobileRotate .mobile_rotate{
    position:absolute;
    left:13px;
    top:5px
}
.mobileRotate .text{
    position:relative;
    top:5px
}
.skipTrack{
    z-index:20000;
    position:absolute;
    bottom:11px;
    right:8px;
    font-size:.9em
}
.skipTrack .icon{
    vertical-align:middle
}
.retry-options{
    position:absolute;
    bottom:20px;
    left:50%;
    width:300px;
    margin-left:-160px;
    height:65px;
    display:inline-block;
    text-align:center
}
.retry-options.paused{
    bottom:50px
}
.dialog_button_icons{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/dialog_button_icons_v6.png);
    background-size:428px 72px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
    .dialog_button_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/dialog_button_icons_v6@2x.png)
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (-moz-min-device-pixel-ratio:3),only screen and (-o-min-device-pixel-ratio:3),only screen and (min-device-pixel-ratio:3){
    .dialog_button_icons{
        background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/dialog_button_icons_v6@3x.png)
    }
}
.dialog_button_icons.dialog_button_icons-exit_fullscreen_btn:hover{
    width:36px;
    height:36px;
    background-position:0 0
}
.dialog_button_icons.dialog_button_icons-exit_fullscreen_btn{
    width:36px;
    height:36px;
    background-position:0 -36px
}
.dialog_button_icons.dialog_button_icons-fullscreen_btn:hover{
    width:36px;
    height:36px;
    background-position:-36px 0
}
.dialog_button_icons.dialog_button_icons-fullscreen_btn{
    width:36px;
    height:36px;
    background-position:-36px -36px
}
.dialog_button_icons.dialog_button_icons-home_btn:hover{
    width:36px;
    height:36px;
    background-position:-72px 0
}
.dialog_button_icons.dialog_button_icons-home_btn{
    width:36px;
    height:36px;
    background-position:-72px -36px
}
.dialog_button_icons.dialog_button_icons-campaigns_icon:hover{
    width:32px;
    height:32px;
    background-position:-108px 0
}
.dialog_button_icons.dialog_button_icons-campaigns_icon{
    width:32px;
    height:32px;
    background-position:-108px -32px
}
.dialog_button_icons.dialog_button_icons-cancel_icon:hover{
    width:32px;
    height:32px;
    background-position:-140px 0
}
.dialog_button_icons.dialog_button_icons-cancel_icon{
    width:32px;
    height:32px;
    background-position:-140px -32px
}
.dialog_button_icons.dialog_button_icons-challenge_icon:hover{
    width:32px;
    height:32px;
    background-position:-172px 0
}
.dialog_button_icons.dialog_button_icons-challenge_icon{
    width:32px;
    height:32px;
    background-position:-172px -32px
}
.dialog_button_icons.dialog_button_icons-home_btn_blue_outline:hover{
    width:32px;
    height:32px;
    background-position:-204px 0
}
.dialog_button_icons.dialog_button_icons-home_btn_blue_outline{
    width:32px;
    height:32px;
    background-position:-204px -32px
}
.dialog_button_icons.dialog_button_icons-info_icon:hover{
    width:32px;
    height:32px;
    background-position:-236px 0
}
.dialog_button_icons.dialog_button_icons-info_icon{
    width:32px;
    height:32px;
    background-position:-236px -32px
}
.dialog_button_icons.dialog_button_icons-next_icon:hover{
    width:32px;
    height:32px;
    background-position:-268px 0
}
.dialog_button_icons.dialog_button_icons-next_icon{
    width:32px;
    height:32px;
    background-position:-268px -32px
}
.dialog_button_icons.dialog_button_icons-play_icon:hover{
    width:32px;
    height:32px;
    background-position:-300px 0
}
.dialog_button_icons.dialog_button_icons-play_icon{
    width:32px;
    height:32px;
    background-position:-300px -32px
}
.dialog_button_icons.dialog_button_icons-prev_icon:hover{
    width:32px;
    height:32px;
    background-position:-332px 0
}
.dialog_button_icons.dialog_button_icons-prev_icon{
    width:32px;
    height:32px;
    background-position:-332px -32px
}
.dialog_button_icons.dialog_button_icons-random_icon:hover{
    width:32px;
    height:32px;
    background-position:-364px 0
}
.dialog_button_icons.dialog_button_icons-random_icon{
    width:32px;
    height:32px;
    background-position:-364px -32px
}
.dialog_button_icons.dialog_button_icons-retry_icon:hover{
    width:32px;
    height:32px;
    background-position:-396px 0
}
.dialog_button_icons.dialog_button_icons-retry_icon{
    width:32px;
    height:32px;
    background-position:-396px -32px
}
.campaign_progress_icons{
    background-image:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/campaign_progress_icons_v2.png);
    background-size:248px
}
.campaign_progress_icons-silver_medal_lg{
    width:39px;
    height:39px;
    background-position:-1px -1px
}
.campaign_progress_icons-gold_medal_lg{
    width:39px;
    height:39px;
    background-position:-41px -1px
}
.campaign_progress_icons-bronze_medal_lg{
    width:39px;
    height:39px;
    background-position:-81px -1px
}
.campaign_progress_icons-blue_medal_lg{
    width:38px;
    height:38px;
    background-position:-121px -1px
}
.campaign_progress_icons-campaign_icon_sm{
    width:35px;
    height:35px;
    background-position:-160px -1px
}
.campaign_progress_icons-campaign_icon_locked_sm{
    width:35px;
    height:35px;
    background-position:-196px -1px
}
.campaign_progress_icons-track_marker{
    width:15px;
    height:13px;
    background-position:-232px -1px
}
.gameDialog,.gameDialog .dialog-container{
    height:100%;
    top:0;
    position:absolute;
    width:100%
}
.gameDialog{
    background:rgba(255,255,255,.9);
    z-index:2
}
.gameDialog .dialog-container{
    left:0
}
.dialogTitle{
    color:#595959;
    text-align:center;
    font-size:1.4em
}
.dialog-homeButton{
    position:absolute;
    top:12px;
    left:12px;
    cursor:pointer
}
.dialog-fullscreenButton{
    position:absolute;
    top:12px;
    right:12px;
    cursor:pointer
}
.dialog-footer{
    position:absolute;
    bottom:20px;
    left:10px;
    width:100%;
    height:65px;
    text-align:center
}
.dialog-footer .buttonContainer{
    display:inline-block
}
.dialog-footer .footerButton{
    display:inline-block;
    width:95px
}
.dialog-footer .footerButton .primary-button{
    display:inline-block;
    height:38px;
    border:1px solid #2b3b46;
    border-radius:100px;
    padding:3px 20px;
    color:#FFF;
    text-shadow:0 1px 0 #2d2d2d;
    letter-spacing:.09em
}
.dialog-footer .footerButton .primary-button.primary-button-green{
    border:1px solid #11181C;
    background-image:linear-gradient(to bottom,#b4ed50,#57aa2b)
}
.dialog-footer .footerButton .primary-button.primary-button-green:hover{
    background-image:linear-gradient(to bottom,#99f466,#039314)
}
.dialog-footer .footerButton .primary-button.primary-button-blue{
    background-image:linear-gradient(to bottom,#02c3ec,#0276ae)
}
.dialog-footer .footerButton .primary-button.primary-button-blue:hover{
    background-image:linear-gradient(to bottom,#0396d9,#015b94)
}
.dialog-footer .footerButton .bracket,.dialog-footer .footerButton .hotkey,.dialog-footer .footerButton .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    font-size:14px;
    letter-spacing:1px
}
.dialog-footer .footerButton .dialog_button_icons-prev_icon{
    position:relative;
    top:4px
}
.dialogTitle-campaign .title{
    color:#1D7D96
}
.complete-dialog .splash{
    position:absolute;
    top:0;
    left:0;
    bottom:103px;
    width:100%;
    text-align:center;
    -webkit-transform:scale(.5);
    transform:scale(.5)
}
.complete-dialog .splash .image{
    display:inline-block;
    position:relative;
    top:2px
}
.complete-dialog .splash-campaign .medals{
    position:absolute;
    top:15px;
    left:20px;
    width:445px
}
.complete-dialog .splash-campaign .medals .medalTime{
    display:inline-block;
    text-align:center
}
.complete-dialog .splash-campaign .medals .medalTime .time{
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700;
    font-size:1.6em;
    color:#595959
}
.complete-dialog .splash-campaign .medals .medalTime .medal{
    margin:2px;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.complete-dialog .splash-campaign .banner{
    position:absolute;
    left:40px;
    bottom:-82px;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.complete-dialog .splash-regular .campaign_icons-track_complete{
    top:30px
}
.complete-dialog .splash-regular .campaign_icons-track_complete.loading{
    opacity:.6
}
.campaignProgress{
    position:absolute;
    bottom:0;
    height:60px;
    width:100%;
    background:#D6DFE2;
    text-align:center;
    border-top:1px solid #85ABB5
}
.campaignProgress .container{
    display:inline-block;
    margin-top:-10px;
    width:100%;
    overflow:hidden;
    white-space:nowrap
}
.campaignProgress .container span{
    position:relative;
    overflow:visible;
    margin:0 3px;
    vertical-align:middle;
    cursor:pointer;
    color:#FFF;
    line-height:40px;
    text-align:center;
    font-size:.9em
}
.campaignProgress .container span.campaign_icons{
    -webkit-transform:scale(.5);
    transform:scale(.5);
    width:80px;
    height:80px;
    margin-left:-20px;
    margin-right:-20px
}
.campaignProgress .container span.campaign_icons.campaign_icons-campaign_icon_sm{
    font-size:3em;
    line-height:80px
}
.campaignProgress .container span .marker{
    position:absolute;
    top:-16px;
    left:44px;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.campaignProgress .container .campaign{
    line-height:37px
}
.campaignProgress .container .empty{
    display:inline-block;
    width:35px;
    height:35px;
    background:#85ABB5;
    border:1px solid #143F4D;
    border-radius:30px;
    cursor:default
}
.complete-dialog{
    position:relative;
    width:465px;
    height:265px;
    top:50%;
    margin:-125px auto auto
}
.complete-dialog .sideInfo{
    position:absolute;
    top:70px;
    width:95px;
    height:114px;
    text-align:center
}
.complete-dialog .sideInfo .time{
    font-family:riffic,Arial,Helvetica,sans-serif;
    font-size:30px;
    text-transform:uppercase;
    color:#595959
}
.complete-dialog .sideInfo .title{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#85ABB5;
    font-size:18px
}
.complete-dialog .rightInfo{
    right:0
}
.complete-dialog .rightInfo .reward{
    width:80px;
    margin:auto;
    text-align:left
}
.complete-dialog .rightInfo .reward .icon{
    vertical-align:middle;
    margin-right:5px
}
.complete-dialog .rightInfo .reward .amount{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    font-size:30px;
    vertical-align:middle
}
.race-dialog .raceList,.settings-dialog .form .title{
    font-family:helsinki,Arial,Helvetica,sans-serif
}
.complete-dialog .rightInfo .loading{
    margin-top:10px
}
.complete-dialog .leftInfo{
    left:0
}
.complete-dialog .leftInfo .newbest{
    border:1px solid #11181C;
    background:#143F4D;
    border-radius:40px;
    color:#FFF;
    font-size:.8em
}
.race-dialog{
    position:relative;
    height:220px;
    top:50%;
    margin:-110px auto auto;
    width:450px
}
.race-dialog .raceList{
    overflow-y:scroll;
    height:124px;
    padding-right:15px
}
.race-dialog .raceList ul{
    list-style:none;
    padding:0
}
.race-dialog .raceList ul li{
    line-height:27px
}
.race-dialog .raceList .title{
    color:#595959
}
.race-dialog .raceList .name{
    margin-left:10px
}
.race-dialog .raceList .loading{
    width:25px;
    height:25px;
    display:inline-block;
    text-align:center
}
.race-dialog .raceList .loading .loadingSpinner{
    vertical-align:middle
}
.race-dialog .raceList .loadingName{
    margin-left:10px;
    color:#595959;
    font-size:.8em
}
.settings-dialog{
    position:relative;
    height:220px;
    top:50%;
    margin:-110px auto auto;
    width:450px
}
.settings-dialog .form{
    padding-top:30px;
    text-align:center
}
.settings-dialog .form .title{
    color:#595959;
    margin-bottom:5px
}
.settings-dialog .form .bestGhostToggle,.settings-dialog .form .soundToggle{
    width:140px;
    float:left
}
.settings-dialog .form .vehicle{
    width:170px;
    float:left
}
body .content{
    float:left;
    width:100%;
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out
}
body .left-navigation{
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    -webkit-transform:translateX(-15em);
    transform:translateX(-15em)
}
body .left-nav-small{
    opacity:1;
    z-index:2;
    transition:all .3s ease-out;
    -webkit-transform:translateX(-20em);
    transform:translateX(-20em)
}
body .right-content{
    display:none;
    position:relative;
    float:right;
    right:0;
    top:0;
    width:20em;
    z-index:2;
    background:#FFF;
    padding-top:10px;
    border-left:1px solid #B5D8E2;
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out
}
body.show_left_nav .left-nav-small{
    opacity:0;
    -webkit-transform:translateX(-20em);
    transform:translateX(-20em)
}
body.show_left_nav .content{
    -webkit-transform:translateX(15em);
    transform:translateX(15em)
}
body.show_left_nav .right-content{
    -webkit-transform:translateX(13em);
    transform:translateX(13em)
}
body.show_left_nav .left-navigation{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
body .social-game-header{
    display:inline-block;
    position:fixed;
    bottom:0;
    width:100%;
    height:65px;
    z-index:2;
    margin:auto;
    background:#D6DFE2;
    border-top:1px solid #11181C
}
body .social-game-header .kanoapps-logo{
    display:inline-block;
    position:absolute;
    top:5px;
    left:70px;
    height:53px;
    width:97px;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/facebook/kano_apps_logo.png) center no-repeat #11181C;
    background-size:80px
}
body .social-game-header .more{
    display:inline-block;
    height:49px;
    width:160px;
    color:#595959;
    margin-top:25px;
    font-family:riffic,Arial,Helvetica,sans-serif;
    font-size:1.1em;
    text-transform:uppercase
}
body .social-game-header .game{
    display:inline-block;
    width:95px;
    height:49px;
    top:9px;
    border:1px solid #000
}
body .social-game-header .game.zs{
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/facebook/play_zombie_slayer.jpg) -3px -1px no-repeat;
    background-size:98px
}
body .social-game-header .game.pc{
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/facebook/play_pirate_clan.jpg) -3px -1px no-repeat;
    background-size:98px
}
body .social-game-header .game.vc{
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/facebook/play_viking_clan.jpg) -3px -1px no-repeat;
    background-size:98px
}
body .social-game-header .game.lcn{
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/facebook/play_mob_wars_lcn.jpg) -3px -1px no-repeat;
    background-size:98px
}
body .social-game-header .game:hover{
    background-position:bottom;
    border:0
}
html.no_menu body .content{
    width:calc(100% - 0em)!important;
    -webkit-transform:translateX(0)!important;
    transform:translateX(0)!important
}
html.no_menu body .left-navigation{
    display:none
}
@media screen and (min-height:29em) and (min-width:32.5em){
    body .content{
        width:calc(100% - 3em);
        -webkit-transform:translateX(3em);
        transform:translateX(3em)
    }
    body .left-nav-small{
        opacity:1;
        display:block;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@media screen and (min-width:63em){
    html.track-view div#main_page.is_mobile .right-content{
        display:block
    }
    html.track-view div#main_page.is_mobile .content{
        width:calc(100% - 23em)
    }
}
@media screen and (min-width:71em){
    html.track-view div#main_page.is_not_mobile .right-content{
        display:block
    }
    html.track-view div#main_page.is_not_mobile .content{
        width:calc(100% - 23em)
    }
}
@media screen and (min-width:85em){
    body .content{
        width:calc(100% - 15em);
        -webkit-transform:translateX(15em);
        transform:translateX(15em)
    }
    body .left-navigation{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    body .left-nav-small{
        -webkit-transform:translateX(-20em);
        transform:translateX(-20em);
        opacity:0
    }
    body.show_left_nav .right-content{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    body.hide_left_nav .content{
        -webkit-transform:translateX(3em);
        transform:translateX(3em);
        width:calc(100% - 3em)
    }
    body.hide_left_nav .left-nav-small{
        display:block;
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    body.hide_left_nav .left-navigation{
        -webkit-transform:translateX(-15em);
        transform:translateX(-15em)
    }
    html.track-view body div#main_page.is_mobile .content,html.track-view body div#main_page.is_not_mobile .content{
        width:calc(100% - 35em)
    }
    html.track-view body.hide_left_nav div#main_page.is_mobile .content,html.track-view body.hide_left_nav div#main_page.is_not_mobile .content{
        -webkit-transform:translateX(3em);
        transform:translateX(3em);
        width:calc(100% - 23em)
    }
}
@media screen and (max-width:32.5em){
    body .social-game-header{
        display:none
    }
}
@media screen and (min-width:49.99em) and (max-width:56.25em){
    body .social-game-header .three-quarter-page .thirty-page{
        display:none
    }
    body .social-game-header .kanoapps-logo{
        left:70px
    }
}
@media screen and (min-width:32.5em) and (max-width:49.99em){
    body .social-game-header .three-quarter-page .thirty-page{
        display:none
    }
    body .social-game-header .kanoapps-logo{
        left:10px
    }
}
#progress{
    position:fixed;
    z-index:2147483647;
    top:0;
    left:-6px;
    width:1%;
    height:2px;
    background:#FFF;
    border-radius:1px;
    -webkit-transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    -webkit-perspective:1000;
    transition:width .5s ease-out,opacity .4s linear
}
.shop .page-panel-block-list .card-flip-container,.shop .page-panel-block-list .purchase-head-deck{
    -webkit-backface-visibility:antialiased;
    -moz-backface-visibility:antialiased;
    -ms-backface-visibility:antialiased
}
#progress dd,#progress dt{
    position:absolute;
    top:0;
    height:2px;
    opacity:.6;
    box-shadow:#FFF 1px 0 6px 1px;
    border-radius:100%
}
#progress dt{
    width:180px;
    right:-80px;
    clip:rect(-6px,90px,14px,-6px)
}
#progress dd{
    width:20px;
    right:0;
    clip:rect(-6px,22px,14px,10px)
}
.header{
    position:fixed;
    top:0;
    left:0;
    height:48px;
    width:100%;
    z-index:1001;
    background:#595959;
    border-bottom:1px solid #11181C;
    background-image:linear-gradient(#595959,#595959)
}
.header h1.header-logo{
    position:absolute;
    top:-8px;
    left:calc(100%/2 - 77px);
    cursor:pointer
}
.header .toggle-side-menu-icon{
    position:absolute;
    display:inline-block;
    top:8px;
    left:10px;
    vertical-align:top;
    padding:0
}
.header .title-back{
    padding:10px 0 0;
    line-height:28px;
    text-align:center
}
.header .title-back .title-back-wrap{
    cursor:pointer;
    width:250px;
    height:30px;
    white-space:nowrap;
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    display:inline-block
}
.header .title-back .title-back-wrap span.menu_icons-icon_back_arrow{
    display:inline-block;
    vertical-align:top;
    position:relative;
    top:-2px
}
.header .title-back .title-back-wrap p.title{
    overflow:hidden;
    vertical-align:top;
    display:inline-block;
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#FFF;
    font-size:17px;
    text-shadow:0 1px 0 #000;
    text-transform:uppercase;
    text-overflow:ellipsis;
    text-align:left
}
.header .header-search .header-search-input,.header .title-back.fbmobile-view{
    display:none
}
.header .header-search{
    position:absolute;
    right:0;
    top:0;
    z-index:2;
    height:47px
}
.header .header-search .menu_icons{
    position:absolute
}
.header .header-search .menu_icons.icon-search{
    top:6px;
    right:5px
}
.header .header-search .menu_icons.menu_icons-icon_close_search{
    position:absolute;
    top:7px;
    left:7px
}
.header .header-search .menu_icons.fullscreen-button{
    top:6px;
    right:4px
}
.header .header-search .menu_icons.menu_icons-icon_exit_fullscreen,.header .header-search .menu_icons.menu_icons-icon_fullscreen_close{
    top:7px;
    right:35px
}
.header .header-search .header-search-input input{
    float:right;
    width:calc(100% - 85px);
    margin-top:6px;
    margin-right:37px
}
.header .header-search.show{
    left:0;
    background-color:#0E2D37
}
.header .header-search.show .header-search-input{
    display:block
}
.header .header-search.show #header-fullscreen{
    display:none
}
@media screen and (min-width:49.99em){
    .header .title-back{
        text-align:left;
        padding-left:28px
    }
}
@media screen and (max-width:20em){
    .fullscreen-button{
        display:none;
        opacity:0;
        pointer-events:none
    }
}
@media screen and (max-width:49.99em){
    h1.header-logo{
        display:none
    }
    .home h1.header-logo{
        display:block
    }
    .header .title-back .title-back-wrap p.title{
        text-align:center
    }
}
@media screen and (min-width:51.125em){
    h1.header-logo{
        display:block
    }
    .title-back-wrap>.title{
        max-width:250px
    }
}
@media screen and (min-width:85em){
    .header .title-back .title-back-wrap,.show_left_nav .header .title-back .title-back-wrap{
        -webkit-transform:translateX(200px);
        transform:translateX(200px);
        position:absolute;
        left:34px
    }
    .hide_left_nav .header .title-back .title-back-wrap{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        position:absolute;
        left:46px
    }
}
.header-notification{
    font-size:.55em;
    background:#E5302F;
    color:#FFF;
    text-shadow:1px 1px 1px #094269;
    padding:0 6px;
    border-radius:50px;
    line-height:19px;
    position:absolute;
    right:4px;
    top:5px;
    border:1px solid #000;
    display:none
}
.header-notification_active{
    display:inline-block
}
#invite_friends_button{
    margin:10px auto auto;
    display:block;
    width:227px;
    text-align:center
}
.friend-request-notification{
    position:relative;
    color:#FFF;
    border-radius:50%;
    border:1px solid #000;
    display:inline-block;
    margin-left:8px;
    line-height:20px;
    padding:0 7px;
    background:#1884cf;
    text-shadow:1px 1px 0 #000;
    font-size:.9em;
    bottom:2px
}
.friends-invite-controls .title,.friends-invite-top .title{
    color:#595959;
    font-family:riffic,Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    text-transform:uppercase
}
.friends-invite{
    display:none;
    float:left;
    width:100%;
    margin:0;
    border:1px solid #85ABB5;
    border-top:none;
    background-color:#FFF
}
.friends-invite-top{
    padding:10px;
    position:relative
}
.friends-invite-top .title{
    margin-bottom:10px
}
.friends-invite-controls{
    padding:10px;
    border-top:1px solid #85ABB5
}
.friends-invite-controls .bold{
    font-size:.9em
}
.friends-invite-controls .help{
    font-size:.8em
}
.friends-invite-controls .requests-left{
    font-size:.9em
}
.friends-invite-controls .icon-plus-sign{
    position:relative;
    cursor:pointer
}
.friends-invite-controls .friends-invite-blurb .bold{
    margin-top:10px;
    margin-bottom:0;
    font-size:.9em
}
.friends-invite-controls .friends-invite-blurb .blurb{
    font-size:.8em
}
.friends-invite-controls .friends-invite-blurb .icon-plus-sign{
    top:2px
}
.friends-invite-controls .add-friend-button{
    vertical-align:middle;
    margin-top:-8px
}
.friends-invite-controls .friends-invite-input{
    position:relative;
    margin:20px 0;
    padding-right:45px
}
.friends-invite-controls .friends-invite-input input{
    width:calc(100% - 25px)
}
.friends-invite-controls .friends-invite-input .placeholder{
    position:absolute;
    top:9px;
    left:14px;
    color:#D6DFE2;
    font-size:.9em
}
.friends-invite-controls .friends-invite-input .placeholder.faded{
    color:#FFF
}
.friends-invite-controls .friends-invite-input .icon-plus-sign{
    top:3px;
    left:15px
}
.friends-invite-share,.friends-invite-wrapper{
    padding:10px;
    border-top:1px solid #85ABB5
}
.friends-invite-share .title,.friends-invite-wrapper .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    letter-spacing:1px;
    text-transform:uppercase
}
.friends-invite-share .bold,.friends-invite-wrapper .bold{
    margin-bottom:0;
    margin-top:10px;
    font-size:.9em
}
.friends-invite-share .share-icon,.friends-invite-wrapper .share-icon{
    display:inline-block;
    margin:4px;
    vertical-align:middle;
    cursor:pointer
}
.friends-invite-share .share,.friends-invite-wrapper .share{
    display:inline-block;
    width:100%;
    padding:10px;
    background:#FFF;
    border:1px solid #85ABB5;
    border-radius:6px;
    text-align:center
}
.friends-invite-share ul,.friends-invite-wrapper ul{
    padding:0;
    list-style:none
}
.friends-invite-share ul li,.friends-invite-wrapper ul li{
    font-size:.85em;
    margin-top:10px
}
.friends-invite-button{
    position:relative;
    display:table;
    width:100%;
    height:75px;
    border:1px solid #85ABB5;
    cursor:pointer;
    border-left:none;
    border-right:none
}
.friends-invite-button .info{
    display:table-cell;
    padding-left:75px;
    vertical-align:middle
}
.friends-invite-button .info .condensed{
    padding-top:6px;
    font-size:.8em;
    text-transform:uppercase
}
.friends-invite-button .add_friends_icon{
    position:absolute;
    top:12px;
    left:14px
}
.friend-list{
    display:none
}
.friend-list.active{
    display:block
}
.friend-list li{
    display:table;
    position:relative;
    height:75px;
    width:100%;
    border:1px solid #85ABB5;
    margin-bottom:8px
}
.friend-list-button{
    position:absolute;
    right:5px;
    top:20px
}
.friend-list-button a,.friend-list-button a:active,.friend-list-button a:hover,.friend-list-button a:visited{
    display:block;
    height:30px;
    width:30px;
    margin-right:6px;
    line-height:30px;
    border-radius:50%;
    float:right
}
.friend-list-button a span.core_icons,.friend-list-button a:active span.core_icons,.friend-list-button a:hover span.core_icons,.friend-list-button a:visited span.core_icons{
    position:relative;
    top:-6px;
    left:-6px
}
.friend-list-button a span.core_icons.core_icons-btn_add_race,.friend-list-button a:active span.core_icons.core_icons-btn_add_race,.friend-list-button a:hover span.core_icons.core_icons-btn_add_race,.friend-list-button a:visited span.core_icons.core_icons-btn_add_race{
    top:5px;
    left:3px
}
.friend-list-button .accept{
    background:#96BCEC
}
.friend-list-button .accept:hover{
    background:#447DC4
}
.friend-list-button .deny{
    background:#9B9B9B
}
.friend-list-button .deny:hover{
    background:#F15F5F
}
.friend-list-button .deny span{
    margin:-1px
}
.friend-list-item-image{
    position:absolute;
    top:50%;
    left:10px;
    width:45px;
    height:45px;
    margin-top:-23px;
    border:2px solid #000
}
.friend-list-item-name{
    display:block;
    padding-bottom:5px
}
.friend-list-item-date{
    font-size:.8em
}
.friend-list-item-info{
    display:table-cell;
    overflow:hidden;
    padding:0 70px 0 62px;
    vertical-align:middle
}
.add_friends_icon{
    width:48px;
    height:48px;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/add_friends_icon_lg.png) center center no-repeat;
    background-size:100%
}
.marker-arrows{
    width:279px;
    height:100px;
    margin:auto;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/user_profile/marker_arrows.png) 0 5px no-repeat;
    background-size:260px
}
li.no-friends{
    border:none
}
li.no-friends .blurb{
    margin:10px
}
@media screen and (max-width:32.5em){
    .friends-invite{
        display:block
    }
}
@media screen and (min-width:71em){
    .friends-invite{
        display:block;
        margin:10px;
        width:430px
    }
    .profile-friends-list{
        padding:8px;
        width:600px;
        float:left
    }
    .marker-arrows{
        background-position:0 -95px
    }
    .profile-friends.invite>.profile-friends-list{
        display:block
    }
    .friends-invite-button{
        display:none
    }
    .profile-friends ul.friend-list{
        padding:0
    }
}
.left-nav-scroll-wrapper{
    position:relative;
    z-index:1;
    width:100%;
    overflow:hidden;
    height:100%
}
.left-nav-scroll-wrapper .iScrollVerticalScrollbar{
    position:absolute;
    z-index:20000;
    top:0;
    right:-1px;
    bottom:0;
    width:10px;
    opacity:.7
}
.left-nav-scroll-wrapper .iScrollIndicator{
    position:absolute;
    border:1px solid #404040;
    width:8px;
    left:50%;
    margin-left:-4px;
    background:#999
}
.left-navigation{
    z-index:1;
    position:fixed;
    top:0;
    left:0;
    bottom:-1px;
    width:15em;
    padding-top:47px;
    background:#404040;
    border-right:1px solid #2D2D2D;
    letter-spacing:1px
}
.left-navigation .head-gear-count{
    font-size:9px;
    color:#fff;
    padding-left:9px;
    vertical-align:middle
}
.left-navigation a:active,.left-navigation a:link,.left-navigation a:visited{
    z-index:2;
    display:block;
    color:#B5D8E2
}
.left-navigation a:active:-moz-focus-inner,.left-navigation a:link:-moz-focus-inner,.left-navigation a:visited:-moz-focus-inner{
    border:0
}
.left-navigation a:hover{
    color:#FFF
}
.left-navigation ul{
    margin:0;
    padding:0;
    list-style:none
}
.left-navigation .left-nav-more{
    text-align:center;
    color:#B5D8E2;
    font-size:.8em;
    margin-bottom:10px
}
.left-navigation .left-nav-more .divider{
    margin:0 5px
}
.left-navigation .left-nav-more a{
    color:#B5D8E2;
    display:inline-block!important
}
.left-nav-profile-buy,.left-nav-profile-help{
    font-size:.6em;
    padding:0 6px;
    line-height:17px;
    display:inline-block;
    right:8px;
    top:5px;
    position:absolute
}
.left-navigation .left-nav-more a:hover{
    color:#FFF
}
.left-nav-profile-help{
    background:#333;
    border-radius:50%;
    border:1px solid #999
}
.left-nav-profile-buy{
    background:#246b24;
    font-family:roboto;
    border-radius:50%;
    border:1px solid #999
}
.left-notification-count{
    font-family:roboto_regular,Arial,Helvetica,sans-serif;
    position:absolute;
    display:none;
    top:0;
    right:0;
    z-index:1;
    line-height:15px;
    border-radius:4px;
    font-size:10px;
    color:#555;
    border:1px solid #11181C;
    padding:0 4px
}
.left-nav-item,.left-nav-item-small.left-nav-item-small-dropdown ul li,.left-nav-profile .left-nav-profile-bottom .stat,.left-nav-profile .left-nav-profile-top .left-nav-profile-links a.bold,.track-list-title,.trackTile .track-of-the-day-ttl .text{
    font-family:riffic,Arial,Helvetica,sans-serif
}
.left-nav-profile-top{
    background:#595959;
}
.left-notification-count.active{
    background:#595959;
    color:#FFF;
    border:1px solid #11181C;
    display:block
}
.left-nav-small{
    position:absolute;
    top:48px;
    bottom:0;
    right:-3.1em;
    width:50px;
    background:#404040;
    border-left:1px solid #11181C
}
.social-icon-container{
    width:100%;
    text-align:center;
    margin:5px 0
}
.social-icon-container .social-icon{
    display:inline-block
}
.left-nav-item{
    position:relative;
    cursor:pointer;
    line-height:35px;
    padding-left:40px;
    border:1px solid transparent;
    color:#404040;
    text-shadow:0 1px 0 #000
}
.left-nav-item.random-track a{
    color:#81CD11
}
.left-nav-item.random-track a:hover{
    color:#9EF71A
}
.left-nav-item.active,.left-nav-item:hover{
    color:#FFF;
    background:#2d2d2d;
}
.left-nav-item.active a,.left-nav-item:hover a{
    color:#FFF;
    text-decoration:none
}
.left-nav-item .leftNavIconPlacement{
    position:absolute;
    left:-36px
}
.left-nav-item .leftNavIconPlacement.menu_icons-icon_community{
    left:5px
}
.left-nav-item .new-badge{
    position:absolute;
    top:-10px;
    right:0
}
.left-nav-item.left-nav-item-dropdown{
    color:#FFF;
    background-color:#143F4D;
    border-top:1px solid #11181C;
    border-bottom:1px solid #11181C
}
.left-nav-item.left-nav-item-dropdown .community-toggle{
    position:absolute;
    top:5px;
    right:16px;
    pointer-events:none
}
.left-nav-item.left-nav-item-dropdown.closed{
    color:#B5D8E2;
    background:0 0;
    border:none;
    border-top:1px solid #595959;
    overflow:hidden;
    height:35px
}
.left-nav-item.left-nav-item-dropdown.closed:hover{
    color:#FFF;
    background:#143F4D;
    border-top:1px solid #11181C;
    border-bottom:1px solid #11181C
}
.left-nav-item.left-nav-item-dropdown ul.left-nav-item-dropdown-container{
    margin-left:-39px
}
.left-nav-item.left-nav-item-dropdown ul.left-nav-item-dropdown-container:hover{
    background-color:#143F4D
}
.left-nav-item.left-nav-item-dropdown ul.left-nav-item-dropdown-container li{
    border:1px solid #143F4D
}
.left-nav-item.left-nav-item-dropdown ul.left-nav-item-dropdown-container li.first{
    border-top-color:#11181C
}
.left-nav-item.left-nav-item-dropdown ul.left-nav-item-dropdown-container li:active,.left-nav-item.left-nav-item-dropdown ul.left-nav-item-dropdown-container li:hover{
    background:#0E2D37;
    border-color:#11181C
}
.left-nav-item.left-nav-item-dropdown ul.left-nav-item-dropdown-container li a{
    color:#B5D8E2
}
.left-nav-item.left-nav-item-dropdown ul.left-nav-item-dropdown-container li a:hover{
    color:#FFF
}
.left-nav-item-small{
    position:relative;
    width:49px;
    height:45px;
    line-height:45px;
    font-size:1.5em;
    text-align:center;
    border:1px solid #404040
}
.left-nav-item-small.active,.left-nav-item-small.left-nav-item-small-dropdown,.left-nav-item-small:hover{
    border-top-color:#11181C;
    border-bottom-color:#11181C;
    background:#143F4D
}
.left-nav-item-small a{
    height:100%;
    width:100%
}
.left-nav-item-small .leftNavIconPlacement{
    position:absolute;
    top:4px;
    left:6px
}
.left-nav-item-small span.new-badge{
    position:absolute;
    top:-13px;
    left:6px
}
.left-nav-item-small.left-nav-item-small-dropdown .arrow{
    position:absolute;
    display:none;
    top:0;
    right:0;
    border:none
}
.left-nav-item-small.left-nav-item-small-dropdown ul{
    position:fixed;
    left:49px;
    width:180px;
    border:1px solid #11181C;
    background:#143F4D;
    bottom:0
}
.left-nav-item-small.left-nav-item-small-dropdown ul li{
    position:relative;
    height:40px;
    padding-left:10px;
    line-height:40px;
    color:#FFF;
    text-align:left;
    font-size:16px;
    white-space:nowrap;
    text-shadow:0 1px 0 #000
}
.left-nav-item-small.left-nav-item-small-dropdown ul li.active,.left-nav-item-small.left-nav-item-small-dropdown ul li:hover{
    background:#0E2D37;
    border:1px solid #11181C;
    border-left:none;
    border-right:none
}
.left-nav-item-small.left-nav-item-small-dropdown ul li a{
    margin-left:40px
}
.left-nav-item-small.left-nav-item-small-dropdown ul li a:hover{
    color:#FFF;
    text-decoration:none
}
.left-nav-item-small.left-nav-item-small-dropdown ul li .core_icons{
    top:-15px
}
.left-nav-item-small.left-nav-item-small-dropdown.closed{
    border:none;
    background:0 0
}
.left-nav-item-small.left-nav-item-small-dropdown.closed:hover{
    background:#143F4D;
    border:1px solid #11181C;
    border-left:none;
    border-right:none
}
.left-nav-item-small.left-nav-item-small-dropdown.closed .arrow{
    display:block
}
.left-nav-item-small.left-nav-item-small-dropdown.closed ul{
    display:none
}
.left-nav-profile{
    background:#404040
}
.left-nav-profile.center{
    text-align:center
}
.left-nav-profile .left-nav-profile-top{
    padding:10px;
    position:relative
}
.left-nav-profile .left-nav-profile-top .notification{
    position:absolute;
    right:16px;
    top:18px
}
.left-nav-profile .left-nav-profile-top .left-nav-profile-image-link{
    position:relative;
    float:left
}
.left-nav-profile .left-nav-profile-top .left-nav-profile-image-link .left-nav-profile-image-bg{
    width:62px;
    height:62px;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/guest_profile_v2.png) center center no-repeat;
    background-size:100%
}
.left-nav-profile .left-nav-profile-top .left-nav-profile-image-link .left-nav-profile-image{
    width:62px;
    height:62px;
    position:absolute;
    top:0;
    left:0;
    border:2px solid #000
}
.left-nav-profile .left-nav-profile-bottom .stat .core_icons.core_icons-icon_points,.left-nav-profile .left-nav-profile-bottom .stat .store_icons.store_icons-icon_coin{
    top:-4px;
    left:-16px
}
.left-nav-profile-bottom{
	background: #595959;
}
.left-nav-profile .left-nav-profile-top .left-nav-profile-links{
    overflow:hidden;
    margin-top:10px;
    padding-left:10px;
    line-height:21px;
    color:#FFF;
    width:calc(100% - 95px)
}
.left-nav-profile .left-nav-profile-top .left-nav-profile-links a.bold{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    line-height:18px;
    color:#FFF
}
.left-nav-profile .left-nav-profile-top .left-nav-profile-links a.logout{
    font-size:.9em;
    display:inline-block
}
.left-nav-profile .left-nav-profile-top .left-nav-profile-links .blurb{
    font-size:.9em
}
.left-nav-profile .left-nav-profile-bottom{
    padding:7px 10px 10px;
    border-top:1px dotted #000;
    margin:0 5px;
    color:#FFF;
    text-align:right
}
.left-nav-profile .left-nav-profile-bottom a{
    width:100px;
    color:#FFF;
    display:inline-block
}
.left-nav-profile .left-nav-profile-bottom a.login-button{
    text-align:center
}
.left-nav-profile .left-nav-profile-bottom .stat{
    display:inline-block;
    position:relative;
    width:calc(50% - 15px);
    padding-left:12px;
    margin:2px;
    border:1px solid transparent;
    border-radius:4px;
    background-color:#595959;
    line-height:18px;
    font-size:14px;
    color:#FFF;
    text-shadow:2px 1px 0 #000;
    text-align:left
}
.left-nav-profile .left-nav-profile-bottom .stat .core_icons,.left-nav-profile .left-nav-profile-bottom .stat .store_icons{
    position:absolute
}
.left-nav-profile .left-nav-profile-bottom .stat.first{
    float:left
}
.left-nav-profile .left-nav-profile-bottom .stat.last{
    float:right
}
.left-nav-profile .left-nav-profile-bottom .stat .core_icons.right-icon{
    width:42px;
    top:-1px;
    right:-23px
}
.left-nav-small-profile{
    text-align:center;
    padding:5px 0
}
.left-nav-small-profile .left-nav-small-profile-image-link{
    position:relative;
    display:inline-block
}
.left-nav-small-profile .left-nav-small-profile-image-bg{
    width:40px;
    height:40px;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/guest_profile_v2.png) center center no-repeat;
    background-size:100%
}
.left-nav-small-profile .left-nav-small-profile-image{
    position:absolute;
    left:0;
    top:0;
    width:42px;
    height:42px;
    border:2px solid #000;
    margin:-1px
}
@media screen and (min-height:38.6875em){
    .left-nav-item-small.left-nav-item-small-dropdown ul.left-nav-dropdown-anchor{
        position:absolute;
        bottom:auto;
        left:48px;
        top:-1px
    }
}
#track_column_scroll_wrapper{
    position:relative;
    z-index:1;
    width:100%;
    margin-top:12px
}
#track_column_scroll_wrapper #track_column_scroller{
    z-index:1;
    -webkit-tap-highlight-color:transparent;
    width:100%;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#track_column_scroll_wrapper #track_column_scroller.iScrollHorizontalScrollbar.iScrollBothScrollbars{
    right:18px
}
#track_column_scroll_wrapper #track_column_scroller.iScrollVerticalScrollbar{
    position:absolute;
    z-index:20000;
    width:10px;
    bottom:0;
    top:5px;
    right:-1px;
    opacity:.7
}
#track_column_scroll_wrapper #track_column_scroller.iScrollVerticalScrollbar.iScrollBothScrollbars{
    bottom:18px
}
#track_column_scroll_wrapper #track_column_scroller.iScrollIndicator{
    position:absolute;
    border:1px solid #404040;
    background:#999;
    width:8px;
    left:50%;
    margin-left:-4px
}
.category-page{
    overflow:hidden
}
.category-page ul.track-list{
    text-align:center
}
.category-page ul.track-list li .trackTile{
    text-align:left;
    width:100%
}
.tracklist-column{
    display:none;
    padding-top:35px
}
.track-column-ad{
    width:300px;
    margin:0 auto 5px
}
.track-list-title{
    z-index:2;
    margin:0;
    padding:9px 13px 5px;
    background-image:linear-gradient(to bottom,#fff,#e4faff);
    border-top:1px solid #B5D8E2;
    border-bottom:1px solid #B5D8E2;
    color:#595959;
    font-size:1em;
    text-transform:uppercase
}
ul.track-list{
    position:relative;
    list-style:none;
    width:100%;
    margin:0;
    padding:2px 5px
}
ul.track-list li{
    position:relative;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    text-align:left
}
ul.track-list li.track-list-promote{
    float:right;
    width:100%;
    margin:0 auto;
    height:100%;
    display:none
}
ul.track-list li .campaign-tile-skip,ul.track-list li .campaign-tile-unlock{
    position:absolute;
    left:17px;
    padding:2px 4px 2px 12px;
    z-index:2;
    bottom:15px;
    width:89px
}
ul.track-list li .campaign-tile-skip span.core_icons,ul.track-list li .campaign-tile-unlock span.core_icons{
    vertical-align:middle
}
ul.track-list a{
    display:block;
    margin:0;
    padding:0;
    white-space:nowrap;
    text-overflow:ellipsis
}
@media screen and (max-width:32.5em){
    .category-page .trackTile,.profile-tabs .trackTile,ul.track-suggested-box .trackTile{
        display:inline-block;
        width:100%;
        max-width:100%
    }
    .category-page .trackTile a,.profile-tabs .trackTile a,ul.track-suggested-box .trackTile a{
        display:inline-block
    }
    .category-page .trackTile img.track-list-tile-thumb,.profile-tabs .trackTile img.track-list-tile-thumb,ul.track-suggested-box .trackTile img.track-list-tile-thumb{
        width:125px;
        height:75px;
        border:1px solid #85ABB5
    }
    .category-page .trackTile div.track-list-tile-details,.profile-tabs .trackTile div.track-list-tile-details,ul.track-suggested-box .trackTile div.track-list-tile-details{
        display:inline-block;
        vertical-align:top;
        width:calc(100% - 140px)
    }
    .category-page .trackTile.viewAll,.profile-tabs .trackTile.viewAll,ul.track-suggested-box .trackTile.viewAll{
        height:75px
    }
    .category-page .trackTile a.top,.profile-tabs .trackTile a.top,ul.track-suggested-box .trackTile a.top{
        border:1px solid #FFF;
        width:auto;
        display:inline-block;
        vertical-align:top
    }
    .category-page .trackTile div.bottom,.profile-tabs .trackTile div.bottom,ul.track-suggested-box .trackTile div.bottom{
        display:inline-block;
        width:calc(100% - 135px);
        vertical-align:top
    }
    .category-page .trackTile div.bottom a.name,.profile-tabs .trackTile div.bottom a.name,ul.track-suggested-box .trackTile div.bottom a.name{
        display:block
    }
    .category-page .trackTile:hover,.profile-tabs .trackTile:hover,ul.track-suggested-box .trackTile:hover{
        border-radius:6px
    }
    .category-page .trackTile:hover a.top,.profile-tabs .trackTile:hover a.top,ul.track-suggested-box .trackTile:hover a.top{
        border:1px solid #FFF
    }
    .category-page .trackTile:hover a.top img.track-list-tile-thumb,.profile-tabs .trackTile:hover a.top img.track-list-tile-thumb,ul.track-suggested-box .trackTile:hover a.top img.track-list-tile-thumb{
        border:1px solid #11181C
    }
    .category-page ul.track-list li,.profile-tabs ul.track-list li,ul.track-suggested-box ul.track-list li{
        width:100%
    }
}
@media screen and (max-width:20.75em){
    ul.track-list li.track-list-promote{
        display:none
    }
}
@media screen and (min-width:32.5em) and (max-width:45.5em){
    .profile-tabs .trackTile{
        display:inline-block;
        width:100%;
        max-width:100%
    }
    .profile-tabs .trackTile a{
        display:inline-block
    }
    .profile-tabs .trackTile img.track-list-tile-thumb{
        width:125px;
        height:75px;
        border:1px solid #85ABB5
    }
    .profile-tabs .trackTile div.track-list-tile-details{
        display:inline-block;
        vertical-align:top;
        width:calc(100% - 140px)
    }
    .profile-tabs .trackTile.viewAll{
        height:75px
    }
    .profile-tabs .trackTile a.top{
        border:1px solid #FFF;
        width:auto;
        display:inline-block;
        vertical-align:top
    }
    .profile-tabs .trackTile div.bottom{
        display:inline-block;
        width:calc(100% - 135px);
        vertical-align:top
    }
    .profile-tabs .trackTile div.bottom a.name{
        display:block
    }
    .profile-tabs .trackTile:hover{
        border-radius:6px
    }
    .profile-tabs .trackTile:hover a.top{
        border:1px solid #FFF
    }
    .profile-tabs .trackTile:hover a.top img.track-list-tile-thumb{
        border:1px solid #11181C
    }
    .profile-tabs ul.track-list li{
        width:100%
    }
}
@media screen and (min-width:32.5em){
    ul.track-list li{
        width:calc(100%/3)
    }
    ul.track-list li.track-list-promote{
        width:calc(100%/3*2);
        height:250px
    }
    ul.track-list li.track-list-promote.mobile-track-list-promote{
        width:calc(100%/3*4)
    }
}
@media screen and (min-width:45.5em){
    ul.track-list li{
        width:calc(100%/4)
    }
    ul.track-list li.track-list-promote{
        height:250px;
        width:calc(100%/4*2)
    }
    ul.track-list li.track-list-promote.mobile-track-list-promote{
        width:calc(100%/4*4)
    }
}
@media screen and (min-width:53.125em){
    ul.track-list li{
        width:calc(100%/5)
    }
    ul.track-list li.track-list-promote{
        display:block;
        height:250px;
        width:calc(100%/5*2)
    }
    ul.track-list li.track-list-promote.mobile-track-list-promote{
        width:calc(100%/5*4)
    }
}
@media screen and (min-width:63em){
    div#main_page.is_mobile .right-content .trackTile{
        display:inline-block;
        width:100%;
        max-width:100%
    }
    div#main_page.is_mobile .right-content .trackTile a{
        display:inline-block
    }
    div#main_page.is_mobile .right-content .trackTile img.track-list-tile-thumb{
        width:125px;
        height:75px;
        border:1px solid #85ABB5
    }
    div#main_page.is_mobile .right-content .trackTile div.track-list-tile-details{
        display:inline-block;
        vertical-align:top;
        width:calc(100% - 140px)
    }
    div#main_page.is_mobile .right-content .trackTile.viewAll{
        height:75px
    }
    div#main_page.is_mobile .right-content .trackTile a.top{
        border:1px solid #FFF;
        width:auto;
        display:inline-block;
        vertical-align:top
    }
    div#main_page.is_mobile .right-content .trackTile div.bottom{
        display:inline-block;
        width:calc(100% - 135px);
        vertical-align:top
    }
    div#main_page.is_mobile .right-content .trackTile div.bottom a.name{
        display:block
    }
    div#main_page.is_mobile .right-content .trackTile:hover{
        border-radius:6px
    }
    div#main_page.is_mobile .right-content .trackTile:hover a.top{
        border:1px solid #FFF
    }
    div#main_page.is_mobile .right-content .trackTile:hover a.top img.track-list-tile-thumb{
        border:1px solid #11181C
    }
}
@media screen and (min-width:71em){
    div#main_page.is_not_mobile .right-content ul.track-list li{
        width:100%
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile{
        display:inline-block;
        width:100%;
        max-width:100%
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile a{
        display:inline-block
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile img.track-list-tile-thumb{
        width:125px;
        height:75px;
        border:1px solid #85ABB5
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile div.track-list-tile-details{
        display:inline-block;
        vertical-align:top;
        width:calc(100% - 140px)
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile.viewAll{
        height:75px
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile a.top{
        border:1px solid #FFF;
        width:auto;
        display:inline-block;
        vertical-align:top
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile div.bottom{
        display:inline-block;
        width:calc(100% - 135px);
        vertical-align:top
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile div.bottom a.name{
        display:block
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile:hover{
        border-radius:6px
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile:hover a.top{
        border:1px solid #FFF
    }
    div#main_page.is_not_mobile .right-content ul.track-list li .trackTile:hover a.top img.track-list-tile-thumb{
        border:1px solid #11181C
    }
    ul.track-list li{
        width:calc(100%/6)
    }
    ul.track-list li.track-list-promote{
        width:calc(100%/6*2)
    }
    ul.track-list li.track-list-promote.mobile-track-list-promote{
        width:calc(100%/6*4)
    }
}
@media screen and (min-width:100em){
    ul.track-list li{
        width:calc(100%/7)
    }
    ul.track-list li.track-list-promote{
        width:calc(100%/7*2)
    }
    ul.track-list li.track-list-promote.mobile-track-list-promote{
        width:calc(100%/7*4)
    }
}
@media screen and (min-width:2000px){
    ul.track-list li{
        width:200px
    }
    ul.track-list li.track-list-promote{
        width:calc(100%/8*2)
    }
    ul.track-list li.track-list-promote.mobile-track-list-promote{
        width:calc(100%/8*4)
    }
}
.trackTile{
    float:left;
    padding:4px;
    margin:0;
    width:200px;
    position:relative
}
.trackTile .track-of-the-day-ttl{
    position:absolute;
    top:0;
    right:0;
    border-radius:12px;
    background:linear-gradient(#917bdf,#694EAF);
    border:1px solid #000;
    width:60px;
    text-align:center;
    height:17px
}
.trackTile .track-of-the-day-ttl .text{
    color:#fff;
    font-size:10px;
    letter-spacing:1.5px;
    line-height:12px;
    margin-top:3px
}
.trackTile .totd-featured-offset{
    margin-top:12px
}
.trackTile .featured{
    position:absolute;
    right:3px;
    top:3px;
    z-index:2;
    color:#1D7D96
}
.trackTile .top{
    position:relative;
    display:block;
    overflow:hidden;
    border:1px solid #85ABB5;
    border-radius:7px
}
.trackTile .top .bestTime,.trackTile .top .trackType{
    bottom:7px;
    padding:3px;
    border-radius:2px;
    background-color:rgba(255,255,255,.7);
    z-index:2;
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#11181C;
    font-size:12px;
    opacity:1;
    position:absolute
}
.trackTile .top .bestTime{
    right:4px
}
.trackTile .top .trackType{
    left:4px
}
.trackTile .top .thumb{
    position:absolute;
    top:0;
    left:0
}
.trackTile .top .ratingBar{
    position:absolute;
    width:100%;
    bottom:0;
    height:3px;
    z-index:3;
    background:#C2C2C2
}
.trackTile .top .ratingBar .bar{
    height:100%;
    width:50%;
    background:#1D7D96
}
.trackTile .top .campaign-number-bg{
    position:absolute;
    z-index:5;
    top:-1px;
    left:-1px;
    line-height:24px;
    font-family:riffic,Arial,Helvetica,sans-serif;
    text-align:center;
    color:#FFF;
    text-shadow:0 1px 0 #000;
    font-size:13px
}
.trackTile .top .goal{
    position:absolute;
    z-index:2;
    left:calc(50% - 40px);
    top:calc(50% - 40px)
}
.trackTile .bottom{
    padding:5px
}
.trackTile .bottom .name{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#2b3b46
}
.trackTile .bottom .author{
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700;
    color:#1D7D96;
    display:inline-block;
    margin-top:4px;
    vertical-align:top;
    font-size:13px;
    line-height:16px
}
.trackList .title .name,.trackTile .bottom .votePercent,.trackTile .viewAll,.trackTile div.track-number-bg{
    font-family:riffic,Arial,Helvetica,sans-serif
}
.trackTile .bottom .author:hover{
    color:#1D7D96
}
.trackTile .bottom .stat{
    font-size:.7em;
    padding:3px 0;
    color:#11181C
}
.trackTile .bottom .votePercent{
    color:#11181C;
    font-size:11px;
    line-height:1.5em
}
.trackTile .bottom .voteCount{
    color:#11181C;
    font-size:12px
}
.trackTile .bottom .profileGravatarIcon{
    display:inline-block;
    width:16px;
    height:16px;
    margin-top:4px;
    vertical-align:top;
    border:1px solid #11181C;
    border-radius:50%;
    background-size:14px 14px
}
.trackTile.more{
    height:100%
}
.trackTile .viewAll{
    width:100%;
    border:1px solid #85ABB5;
    background:#F2F7F9;
    text-align:center;
    border-radius:6px;
    background-image:linear-gradient(to bottom,#fff,#e4faff)
}
.trackTile .viewAll:hover{
    border-color:#11181C;
    background-image:linear-gradient(to bottom,#eefbff,#a1e1f6)
}
.trackTile .viewAll .text{
    display:block;
    position:absolute;
    top:50%;
    text-align:center;
    width:100%;
    margin-top:-10px;
    color:#595959
}
.trackTile .viewAll .icon-arrow-right{
    vertical-align:top
}
.trackTile img{
    width:100%
}
.trackTile img.indicator-arrow{
    position:absolute;
    top:8px;
    left:50%;
    width:35px;
    z-index:1000;
    margin-left:-15px;
    border:none
}
.trackTile div.track-number-bg,.trackTile img.track-list-tile-thumb.top-image{
    top:0;
    left:0;
    position:absolute;
    z-index:2
}
.trackTile img.track-list-tile-thumb{
    position:relative;
    overflow:hidden;
    left:0;
    top:0;
    width:100%;
    z-index:1;
    float:left;
    border-radius:6px
}
.trackTile div.track-number-bg{
    color:#FFF;
    line-height:24px;
    text-align:center;
    font-size:.8em
}
.trackTile div.campaign-complete-goal{
    position:absolute;
    right:calc(50% - 40px);
    top:calc(50% - 40px);
    z-index:2
}
.trackTile div.campaign-complete-goal div.campaign_icons{
    width:81px;
    height:81px
}
.trackTile div.campaign-complete-goal div.campaign_icons.campaign_icons-_medal_md{
    display:none
}
.trackTile div.track-list-tile-details{
    display:block;
    margin-top:0;
    margin-left:10px;
    width:100%
}
.trackTile div.track-list-tile-details a.track-list-tile-title{
    font-size:16px;
    line-height:19px;
    color:#2b3b46;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis
}
.trackTile div.track-list-tile-details div.track-list-tile-author{
    font-size:13px;
    line-height:19px;
    color:#1D7D96;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis
}
.trackList .slider:not(.slick-slider),.trackList.track-list-with-promote .slider:not(.slick-slider),.trackList.track-list-with-promote.mobile-track-list-promote .slider:not(.slick-slider){
    width:10000px;
    float:left
}
.trackTile div.track-list-tile-details div.campaign-list-tile-is-complete{
    font-family:riffic,Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:18px;
    letter-spacing:.5px;
    color:#595959
}
.trackTile:hover{
    background-color:#F2F7F9;
    border-radius:10px
}
.trackTile:hover a.top{
    border:1px solid #000
}
.trackTile:hover a.top img.track-list-tile-thumb{
    border:none
}
.tracks-view .leaderboard-override{
    padding:10px
}
@media only screen and (min-width:750px){
    .tracks-view .leaderboard-override .leaderboard-override-468x90{
        display:none
    }
    .tracks-view .leaderboard-override .leaderboard-override-720x90{
        display:inline-block
    }
}
@media only screen and (min-width:1000px){
    .tracks-view .leaderboard-override .leaderboard-override-720x90{
        display:none
    }
    .tracks-view .leaderboard-override .leaderboard-override-970x90{
        display:inline-block
    }
}
.trackList{
    position:relative;
    padding:0 10px
}
.trackList .featureIcon{
    position:relative;
    float:left;
    margin-right:10px
}
.trackList.track-list-with-promote{
    white-space:nowrap;
    min-height:275px
}
.trackList .slider .slick-nav-btn{
    position:absolute;
    display:none;
    float:left;
    top:-40px;
    width:30px;
    height:30px;
    cursor:pointer
}
.trackList .slider .slick-nav-btn.prev{
    right:50px
}
.trackList .slider .slick-nav-btn.next{
    right:10px
}
.trackList .slider .slick-nav-btn.slick-disabled{
    cursor:disabled;
    border-color:#D6DFE2
}
.trackList .slider .slick-nav-btn.slick-disabled span.core_icons-btn_scroll_left{
    background-position:0 -388px
}
.trackList .slider .slick-nav-btn.slick-disabled span.core_icons-btn_scroll_right{
    background-position:-32px -327px
}
.trackList .slider .slick-nav-btn span.core_icons{
    position:relative
}
.trackList .title{
    display:block;
    max-width:400px;
    padding:10px
}
.trackList .title.mobile-promote{
    margin-top:14px
}
.trackList .title:hover{
    text-decoration:none;
    color:#1D7D96
}
.trackList .title:hover .name{
    color:#1D7D96
}
.trackList .title .icon{
    position:relative;
    float:left;
    top:1px;
    height:40px;
    width:40px;
    border:2px solid #11181C;
    text-align:center;
    margin-right:8px;
    border-radius:30px;
    background-color:#B5D8E2
}
.trackList .title .icon span.core_icons-icon_heading_check-square-o{
    top:-24px;
    left:-24px
}
.trackList .title .name{
    color:#595959;
    font-size:1.1em
}
.trackList .title .name:hover{
    color:#1D7D96
}
.trackList .title .desc{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#85ABB5;
    font-size:.8em
}
.trackList .title .profile-icon .circular{
    width:40px;
    height:40px;
    float:left;
    margin-right:7px;
    border:2px solid #11181C
}
@media screen and (min-width:720px){
    .trackList.track-list-with-promote.mobile-track-list-promote .slider{
        width:calc(100%/3*2)
    }
}
@media screen and (min-width:850px){
    .trackList.track-list-with-promote .slider{
        width:calc(100%/4*2)
    }
    .trackList.track-list-with-promote.mobile-track-list-promote .slider{
        width:calc(100%/2)
    }
}
@media screen and (min-width:1024px){
    .trackList.track-list-with-promote .slider{
        width:calc(100%/5*3)
    }
    .trackList.track-list-with-promote.mobile-track-list-promote .slider{
        width:calc(100%/5*2)
    }
}
@media screen and (min-width:1280px){
    .trackList.track-list-with-promote .slider{
        width:calc(100%/6*4)
    }
    .trackList.track-list-with-promote.mobile-track-list-promote .slider{
        width:calc(100%/6*2)
    }
}
@media screen and (min-width:1500px){
    .trackList.track-list-with-promote .slider{
        width:calc(100%/7*5)
    }
    .trackList.track-list-with-promote.mobile-track-list-promote .slider{
        width:calc(100%/7*3)
    }
}
@media screen and (min-width:1700px){
    .trackList.track-list-with-promote .slider{
        width:calc(100%/8*6)
    }
    .trackList.track-list-with-promote.mobile-track-list-promote .slider{
        width:calc(100%/8*4)
    }
}
.track-comments-container{
    position:relative;
    min-height:405px
}
.track-comments-container .locked-overlay{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.78);
    z-index:100
}
.track-comments-container .locked-overlay .locked-overlay-msg{
    width:430px;
    margin:70px auto auto;
    color:#11181C;
    padding:10px;
    background:#FFF;
    text-align:center;
    border:1px solid #B5D8E2;
    border-radius:10px
}
.track-comments-container .locked-overlay .locked-overlay-msg .bold{
    color:#595959
}
.track-comments-container .blur{
    filter:blur(3px);
    -webkit-filter:blur(3px);
    -moz-filter:blur(3px);
    -o-filter:blur(3px);
    -ms-filter:blur(3px)
}
.track-comments-container .circular{
    float:left;
    width:35px;
    height:35px;
    margin-right:.7em
}
.track-comments-container .track-comments-input{
    padding:1em .8em;
    background-color:#F2F7F9
}
.track-comments-container .track-comments-input .track-comment-input{
    position:relative;
    overflow:hidden;
    border:1px solid #B5D8E2;
    border-radius:6px;
    background:#FFF
}
.track-comments-container .track-comments-input .track-comment-input .placeholder{
    position:absolute;
    top:6px;
    left:15px;
    color:#D6DFE2;
    font-size:1em
}
.track-comments-container .track-comments-input .track-comment-input .placeholder.faded{
    color:#F2F7F9
}
.track-comments-container .track-comments-input .track-comment-input input{
    width:100%;
    border:none
}
.track-comments-container .track-comment-actions{
    display:none;
    padding:10px 10px 0 0;
    text-align:right
}
.track-comments-container .track-comment-actions a{
    font-size:13px;
    padding:2px 8px
}
.track-comments-container .track-comment-actions a:hover{
    color:#FFF
}
.track-comments-container .track-comments-loading{
    display:none;
    font-weight:700
}
.track-comments-container .track-comments-loading,.track-comments-container .track-prev-comments{
    border-bottom:1px solid #B5D8E2;
    padding:10px 0 10px 10px;
    text-align:center
}
.track-comments-container .track-comments-list .track-no-comments{
    padding:10px;
    border-top:1px solid #B5D8E2
}
.track-comments-container .track-comments-list div.track-comment{
    position:relative;
    background-color:#FFF;
    min-height:80px;
    color:#11181C;
    padding:14px;
    font-size:.9em
}
.track-comments-container .track-comments-list div.track-comment .track-comment-img-bg{
    position:absolute;
    top:20px;
    left:13px;
    width:35px;
    height:35px;
    border:1px solid #11181C;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/guest_profile_v2.png) center center no-repeat;
    background-size:100%
}
.track-comments-container .track-comments-list div.track-comment .track-comment-img{
    position:absolute;
    top:20px;
    left:13px;
    width:35px;
    height:35px;
    border:1px solid #11181C
}
.track-comments-container .track-comments-list div.track-comment .track-comment-time{
    position:absolute;
    top:20px;
    right:15px;
    font-size:.8em
}
.track-comments-container .track-comments-list div.track-comment .track-comment-container{
    overflow:hidden;
    padding-left:60px
}
.track-comments-container .track-comments-list div.track-comment .track-comment-container .track-comment-msg{
    margin-top:10px;
    margin-bottom:10px
}
.track-comments-container .track-comments-list div.track-comment a.track-comment-reply{
    position:absolute;
    bottom:15px;
    right:15px;
    color:#595959
}
.track-comments-container .track-comments-list div.track-comment a.track-comment-delete,.track-comments-container .track-comments-list div.track-comment a.track-comment-flag{
    font-size:.8em;
    color:#595959
}
.track-comments-container .track-comments-list div.track-comment span.track-comment-confirm-delete,.track-comments-container .track-comments-list div.track-comment span.track-comment-confirm-flag{
    display:none;
    font-size:.8em;
    color:#595959
}
.track-comments-container .track-comments-list div.track-comment span.track-comment-confirm-delete a,.track-comments-container .track-comments-list div.track-comment span.track-comment-confirm-flag a{
    color:#595959
}
.track-comments-container .track-comments-list div.track-comment:nth-child(odd){
    background-color:#F2F7F9;
    border-top:1px solid #B5D8E2;
    border-bottom:1px solid #B5D8E2
}
@media screen and (max-width:32.5em){
    .track-comments-container .locked-overlay .locked-overlay-msg{
        width:310px
    }
}
div#main_page.is_mobile #right_content ul.track-list li,div#main_page.is_not_mobile #right_content ul.track-list li{
    margin-left:0
}
div#main_page.is_mobile #right_content ul.track-list .campaign-panel,div#main_page.is_not_mobile #right_content ul.track-list .campaign-panel{
    display:table!important;
    width:100%;
    background-image:linear-gradient(to bottom,#fff,#e4faff)
}
div#main_page.is_mobile #right_content ul.track-list .campaign-panel .section,div#main_page.is_not_mobile #right_content ul.track-list .campaign-panel .section{
    font-family:riffic,Arial,Helvetica,sans-serif;
    display:table-cell;
    height:100%;
    vertical-align:middle
}
div#main_page.is_mobile #right_content ul.track-list .campaign-panel:hover,div#main_page.is_not_mobile #right_content ul.track-list .campaign-panel:hover{
    text-decoration:none;
    background-image:linear-gradient(to bottom,#eefbff,#a1e1f6)
}
div#main_page.is_mobile #right_content ul.track-list div.campaign-number,div#main_page.is_not_mobile #right_content ul.track-list div.campaign-number{
    margin:-38px;
    position:relative;
    top:2px
}
div#main_page.is_mobile #right_content ul.track-list div.campaign-number .num,div#main_page.is_not_mobile #right_content ul.track-list div.campaign-number .num{
    font-family:riffic,Arial,Helvetica,sans-serif;
    position:relative;
    top:30px;
    text-shadow:1px 1px 1px #11181C;
    color:#FFF;
    font-size:4.2em
}
.track-list .track-column-campaign-nav,.track-list a.track-column-campaign-nav{
    position:relative;
    border:1px solid #B5D8E2;
    height:82px;
    background:#FFF
}
.track-column-campaign-current .campaign-number{
    position:relative
}
.track-column-campaign-current .icon-arrow-right{
    font-size:2em
}
.track-column-campaign-current .percent,.track-column-campaign-current .percent:hover{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#11181C;
    float:left
}
.track-column-campaign-current .locked-link div.campaign-number,.track-column-campaign-current .locked-link div.percent,.track-column-campaign-current .locked-link div.title{
    display:inline-block;
    vertical-align:middle
}
@media only screen and (min-width:750px){
    .home-page .leaderboard-override .leaderboard-override-468x90{
        display:none
    }
    .home-page .leaderboard-override .leaderboard-override-720x90{
        display:inline-block
    }
}
@media only screen and (min-width:1000px){
    .home-page .leaderboard-override .leaderboard-override-720x90{
        display:none
    }
    .home-page .leaderboard-override .leaderboard-override-970x90{
        display:inline-block
    }
}
.home-page .home_header{
    width:10000px;
    padding:5px
}
.home-page .home-banner{
    cursor:pointer;
    margin:7px 7px 19px;
    border-radius:6px;
    border:1px solid #85ABB5;
    background-image:linear-gradient(to bottom,#fff,#e4faff);
    float:left;
    position:relative;
    width:295px;
    height:75px;
    min-height:75px!important;
    padding:10px
}
.home-page .home-banner:hover{
    text-decoration:none;
    background-image:linear-gradient(to bottom,#eefbff,#a1e1f6)
}
.home-page .home-banner .tableWrap{
    display:table;
    height:100%;
    text-align:left;
    width:100%;
    vertical-align:middle
}
.home-page .home-banner .tableWrap .home_features_arrow_icon{
    right:6px;
    position:absolute;
    bottom:29px
}
.home-page .home-banner .tableWrap .icon{
    position:relative;
    float:left
}
.home-page .home-banner .tableWrap .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959
}
.home-page .home-banner .tableWrap .text{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#1D7D96;
    font-size:.7em
}
.home-page .home-banner .tableWrap .text-div{
    padding-left:12px;
    margin:0 21px 0 51px
}
.home-page .slick-dots{
    position:absolute;
    clear:both;
    left:0;
    bottom:0;
    width:100%;
    margin:0;
    padding:0;
    z-index:10;
    text-align:center
}
.home-page .slick-dots li{
    display:inline-block;
    margin:0 2px;
    list-style:none;
    vertical-align:middle
}
.home-page .slick-dots li button{
    display:block;
    width:5px;
    height:5px;
    padding:5px;
    color:transparent;
    border:none;
    cursor:pointer;
    border-radius:30px;
    background:#D6DFE2
}
.home-page .slick-dots .slick-active button{
    background:#143F4D
}
.notif.daily-achievements .time-remaining{
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700
}
.shop #insufficient-funds-modal .modal-content .modal-header .title,.shop .headgear-header .header-riffic,.shop .page-user-stat{
    font-family:riffic,Arial,Helvetica,sans-serif
}
@media screen and (min-width:45em){
    .home-page .home_header{
        margin-top:20px
    }
    .home-page .home-banner{
        float:left;
        position:relative;
        width:255px;
        height:110px;
        min-height:110px!important;
        padding:10px
    }
    .home-page .home-banner .tableWrap{
        text-align:center;
        margin-top:30px;
        margin-left:auto
    }
    .home-page .home-banner .tableWrap .home_features_arrow_icon{
        display:none
    }
    .home-page .home-banner .tableWrap .icon{
        left:0;
        right:0;
        margin:auto;
        top:-22px;
        position:absolute
    }
    .home-page .home-banner .tableWrap .text{
        font-size:.9em;
        width:auto
    }
    .home-page .home-banner .tableWrap .text-div{
        padding-left:0;
        margin:0
    }
}
.about-page .center,.about-page a>.center{
    padding:28px 0;
    background:url(//cdn.freeriderhd.com/free_rider_hd/tracks/prd/1009/1200x1200-v1.png) center;
    background-size:100%
}
.about-page .center img,.about-page a>.center img{
    width:80%;
    max-width:500px
}
.about-page .about-blurb{
    background:#F2F7F9;
    padding:20px 25px;
    border-top:1px solid #85ABB5;
    border-bottom:1px solid #85ABB5
}
.about-page .about-blurb p{
    max-width:750px;
    margin:auto auto 10px;
    font-size:.9em
}
.about-page .about-blurb p a{
    color:#1D7D96;
    font-weight:700
}
.about-page .multi-line{
    display:block;
    width:270px;
    height:45px;
    padding:5px 20px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    color:#FFF;
    font-weight:400;
    font-size:.9em;
    text-align:center;
    line-height:18px
}
.about-page .multi-line:hover{
    text-decoration:none
}
@media screen and (min-width:63em){
    .about-blurb>p{
        font-size:1em
    }
}
.shop.page{
    background:#FFF
}
.shop.page ul{
    list-style:none
}
.shop .store_icons.store_icons-icon_coin{
    top:7px;
    position:absolute
}
.shop #insufficient-funds-modal{
    display:none;
    position:fixed;
    z-index:1;
    padding-top:150px;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,.4)
}
.shop #insufficient-funds-modal .modal-content{
    background-color:#fefefe;
    margin:auto;
    border:1px solid #888;
    width:300px
}
.shop #insufficient-funds-modal .modal-content .modal-header{
    width:298px;
    height:40px;
    background-image:linear-gradient(to bottom,#fff,#e4f9ff);
    border-bottom:solid 1px #85ABB5
}
.shop #insufficient-funds-modal .modal-content .modal-header .title{
    width:130px;
    height:19px;
    font-size:16px;
    letter-spacing:.5px;
    text-align:left;
    color:#595959;
    display:inline-block;
    vertical-align:middle;
    line-height:36px;
    margin-left:16px
}
.shop #insufficient-funds-modal .modal-content .modal-header .close-get-coins-modal{
    float:right;
    display:inline-block;
    margin-top:4px;
    margin-right:4px
}
.shop #insufficient-funds-modal .modal-content .btn-container{
    width:100%;
    text-align:center;
    margin:10px 0
}
.shop #insufficient-funds-modal .modal-content .btn-container .get-coins-btn{
    width:188px
}
.shop #insufficient-funds-modal .modal-content .coin-info{
    margin:10px 0 8px 16px;
    color:#595959;
    font-size:16px;
    display:block
}
.shop #insufficient-funds-modal .modal-content p{
    margin:0 16px
}
.shop select{
    -webkit-appearance:none
}
.shop .page-panel-title{
    margin:0;
    padding:10px;
    font-size:1.1em;
    text-transform:uppercase
}
.shop .page-panel-title.back{
    cursor:pointer
}
.shop .page-panel-title.back:hover{
    color:#197BC2
}
.shop .panel-list-item-loading{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:10;
    background:#FFF;
    opacity:.5
}
.shop .panel-list-item-loading .spinner{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-10px
}
.shop .panel-gear-heads .gear-state{
    position:absolute;
    top:35px;
    left:30px
}
.shop .limited-head-gear{
    margin:10px;
    padding:35px 11px 15px;
    border:1px solid #333;
    background:#F4F4F4;
    position:relative
}
.shop .limited-head-gear h2{
    font-size:12px;
    padding-left:15px;
    font-weight:700
}
.shop .limited-head-gear .title{
    padding:0 10px 4px
}
.shop .limited-head-gear .item{
    background:#FFF
}
.shop .tab_buttons,.shop .tab_buttons_select{
    position:relative
}
.shop .dd-toggle{
    position:absolute;
    top:15px;
    right:10px;
    pointer-events:none
}
.shop .page-user-stat{
    height:40px;
    line-height:40px;
    position:absolute;
    color:#595959;
    font-size:1em;
    letter-spacing:2px
}
.shop .page-user-stat.large{
    top:1px;
    right:0
}
.shop .page-user-stat.small{
    top:10px;
    right:30px
}
.shop .page-user-stat .store_icons-store_icons{
    position:absolute;
    margin:-15px;
    top:8px;
    left:2px
}
.shop .page-user-stat .shop-coins{
    padding-left:30px
}
.shop .page-user-stat .buy{
    float:right;
    vertical-align:middle;
    margin:0 4px
}
.shop .shop-page-signup{
    display:block;
    text-align:center;
    top:14px;
    margin:5px;
    padding:0 14px
}
.shop .page-tabbed-navigation{
    clear:both;
    min-height:1000px
}
.shop .page-tabbed-navigation .page-panel{
    display:none
}
.shop .page-tabbed-navigation .page-panel.active{
    display:block
}
.shop .headgear-header{
    margin-top:12px;
    margin-left:11px
}
.shop .headgear-header .header-roboto{
    font-family:roboto_regular,Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:700;
    text-align:left;
    color:#595959
}
.shop .headgear-header .header-riffic{
    font-size:16px;
    letter-spacing:.5px;
    text-align:left;
    color:#595959
}
.shop .page-panel-block-list .collect-next-text,.shop .page-panel-block-list .head-card .title{
    font-size:14px;
    line-height:1;
    letter-spacing:.6px;
    font-family:riffic,Arial,Helvetica,sans-serif
}
.shop .page-panel-block-list{
    float:left;
    width:100%;
    height:100%;
    margin-top:0;
    margin-left:-29px
}
.shop .page-panel-block-list .card-flip-container{
    -webkit-perspective:1000px;
    perspective:1000px;
    -webkit-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    text-align:center;
    -o-backface-visibility:antialiased;
    -webkit-backface-visibility:antialiased;
    backface-visibility:antialiased
}
.shop .page-panel-block-list .card-flip-container.flip{
    -webkit-animation:flip-me .5s linear;
    animation:flip-me .5s linear;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.shop .page-panel-block-list .flipper{
    transition:-webkit-transform .25s linear;
    transition:transform .25s linear;
    -webkit-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-perspective:1000px;
    perspective:1000px;
    position:relative
}
.shop .page-panel-block-list .card-back,.shop .page-panel-block-list .card-flip-container,.shop .page-panel-block-list .card-front{
    width:145px;
    height:181px;
    position:absolute
}
@-webkit-keyframes flip-me{
    0%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
    50%{
        -webkit-transform:translate(154px,0);
        transform:translate(154px,0)
    }
    100%{
        -webkit-transform:translate(154px,0) rotateY(180deg);
        transform:translate(154px,0) rotateY(180deg)
    }
}
@keyframes flip-me{
    0%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
    50%{
        -webkit-transform:translate(154px,0);
        transform:translate(154px,0)
    }
    100%{
        -webkit-transform:translate(154px,0) rotateY(180deg);
        transform:translate(154px,0) rotateY(180deg)
    }
}
.shop .page-panel-block-list .card-back,.shop .page-panel-block-list .card-front{
    -webkit-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:-webkit-transform .25s linear;
    transition:transform .25s linear;
    -webkit-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    position:absolute;
    top:0;
    left:0
}
.shop .page-panel-block-list .card-front{
    z-index:2;
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
}
.shop .page-panel-block-list .card-back{
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}
.shop .page-panel-block-list .purchase-head-deck{
    -o-backface-visibility:antialiased;
    -webkit-backface-visibility:antialiased;
    backface-visibility:antialiased
}
.shop .page-panel-block-list .btn-container,.shop .page-panel-block-list .collect-next-text{
    text-align:center;
    -webkit-backface-visibility:antialiased;
    -moz-backface-visibility:antialiased;
    -ms-backface-visibility:antialiased;
    -o-backface-visibility:antialiased
}
.shop .page-panel-block-list .purchase-head-deck .card{
    border-radius:8px;
    background-image:linear-gradient(to bottom,#03c2eb,#0276ae);
    border:1px solid #11181c;
    position:absolute;
    width:145px;
    height:181px
}
.shop .page-panel-block-list .purchase-head-deck .card.card-2{
    left:2px;
    top:2px
}
.shop .page-panel-block-list .purchase-head-deck .card.card-3{
    left:4px;
    top:4px
}
.shop .page-panel-block-list.card-owned{
    position:relative;
    display:inline-block;
    width:145px;
    height:181px;
    vertical-align:top
}
.shop .page-panel-block-list .invisible-card{
    display:inline-block;
    position:relative;
    width:0;
    height:50px;
    vertical-align:top
}
.shop .page-panel-block-list .invisible-card.width-transition{
    width:155px;
    overflow:hidden
}
.shop .page-panel-block-list .collect-next-text{
    height:32px;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,.5);
    margin:10px 0 0;
    padding:0;
    -webkit-backface-visibility:antialiased;
    backface-visibility:antialiased
}
.shop .page-panel-block-list .btn-container{
    width:100%;
    -webkit-backface-visibility:antialiased;
    backface-visibility:antialiased
}
.shop .page-panel-block-list .head-card .title,.shop .page-panel-block-list .head-purchase-btn{
    -webkit-backface-visibility:antialiased;
    -moz-backface-visibility:antialiased;
    -ms-backface-visibility:antialiased;
    -o-backface-visibility:antialiased;
    text-align:center
}
.shop .page-panel-block-list .head-purchase-btn{
    width:120px;
    height:36px;
    display:inline-block;
    margin-top:7px;
    -webkit-backface-visibility:antialiased;
    backface-visibility:antialiased
}
.shop .page-panel-block-list .head-purchase-btn span{
    display:inline-block;
    margin:0;
    padding:0;
    vertical-align:top
}
.shop .page-panel-block-list .head-purchase-btn span.coin{
    position:relative;
    margin-top:-3px
}
.shop .page-panel-block-list .headgear-deck,.shop .page-panel-block-list .headgear-owned{
    display:inline-block;
    position:relative;
    margin:12px 10px 0 0;
    width:145px;
    height:181px;
    vertical-align:top;
    -webkit-perspective:1000px;
    perspective:1000px
}
.shop .page-panel-block-list .head-card{
    width:145px;
    height:181px;
    border-radius:8px;
    background-image:linear-gradient(to bottom,#fff,#e4f9ff);
    border:1px solid #85abb5;
    text-align:center
}
.shop .page-panel-block-list .head-card.active{
    background-image:none;
    background-color:#b5d8e2
}
.shop .page-panel-block-list .head-card .title{
    color:#595959;
    margin-top:10px;
    padding:0 8px;
    -webkit-backface-visibility:antialiased;
    backface-visibility:antialiased
}
.shop .page-panel-block-list .head-card .image-container{
    position:absolute;
    top:44px;
    width:100%;
    text-align:center;
    -webkit-backface-visibility:antialiased;
    -ms-backface-visibility:antialiased;
    -o-backface-visibility:antialiased;
    backface-visibility:antialiased
}
.shop .page-panel-block-list .head-card .image-container span{
    margin:0;
    display:inline-block
}
.shop .page-panel-block-list .head-card .equip-btn{
    width:120px;
    height:36px;
    text-align:center;
    position:absolute;
    bottom:10px;
    left:12px
}
.shop ul.store-list{
    padding:5px 0;
    margin:0
}
.shop ul.store-list li.store-item{
    position:relative;
    min-height:75px
}
.shop ul.store-list li.store-item:nth-of-type(even){
    border:1px solid #B5D8E2;
    border-left:none;
    border-right:none;
    background-color:#F2F7F9
}
.shop ul.store-list li.store-item .store_icons{
    position:absolute;
    margin:0 0 0 15px;
    top:7px;
    text-align:center
}
.shop ul.store-list li.store-item .store-coin-value{
    position:absolute;
    top:10px;
    left:10px;
    width:70px;
    height:60px;
    z-index:2;
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#0E2D37;
    text-align:center;
    line-height:55px
}
.shop ul.store-list li.store-item .item-sale{
    position:absolute;
    top:45px;
    width:84px;
    height:23px;
    z-index:2;
    padding-left:8px;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/sale/red_discount_bg.png) no-repeat;
    background-size:80px;
    color:#FFF;
    text-shadow:0 1px 0 #000;
    font-size:.8em
}
.shop ul.store-list li.store-item .store-mobile-button{
    position:relative;
    text-align:center;
    margin:auto;
    vertical-align:middle;
    width:300px
}
.shop ul.store-list li.store-item .store-mobile-button .store-mobile-inline-block{
    display:inline-block;
    top:5px
}
.shop ul.store-list li.store-item .store-info{
    padding:3px 0 10px 83px;
    display:table-cell;
    vertical-align:middle
}
.shop ul.store-list li.store-item .store-info div.coins{
    position:relative;
    margin-top:10px
}
.shop ul.store-list li.store-item .store-info div.coins .store-info-ad-text{
    display:none
}
.shop ul.store-list li.store-item .store-info div.coins .tag{
    position:absolute;
    width:50px;
    top:0;
    right:-20px;
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    white-space:nowrap
}
.shop ul.store-list li.store-item .store-info .store-info-desc{
    position:relative;
    color:#85ABB5;
    font-size:.7em;
    text-transform:uppercase
}
.shop .redeem-coupon-code .title,.shop .store-earn-coins .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959
}
.shop ul.store-list li.store-item .store-info .store-info-desc span.store_icons-freerider_hd_pro_icon{
    top:15px;
    left:auto;
    right:-38px;
    bottom:5px
}
.shop ul.store-list li.store-item .store-info .store-progress{
    position:relative;
    text-align:center;
    padding:10px 0 0;
    float:left
}
.shop ul.store-list li.store-item .store-info .store-progress .store-button{
    line-height:24px;
    display:inline-block;
    cursor:pointer;
    width:125px
}
.shop ul.store-list li.store-item .store-info .store-progress .store-button .store-button-price{
    display:block;
    font-size:.7em;
    margin-left:5px;
    line-height:5px
}
.shop .redeem-coupon-code{
    padding-left:20px;
    margin-bottom:10px;
    border-top:1px solid #B5D8E2
}
.shop .store-deal-of-the-day,.shop .store-earn-coins,.shop .store-frhd-plus,.shop .store-payment-details .store-payment-support{
    border:1px solid #85ABB5;
    background-color:#F2F7F9
}
.shop .redeem-coupon-code .title{
    padding:10px 0;
    cursor:pointer;
    font-size:1em;
    display:block
}
.shop .redeem-coupon-code .coupon-code-input-text{
    display:inline-block;
    margin-bottom:10px
}
.shop .redeem-coupon-code .store-redeem-code{
    display:inline-block;
    vertical-align:top
}
.shop .redeem-coupon-code .store-redeem-button{
    width:160px;
    text-align:center;
    margin-left:10px
}
.shop .store-earn-coins{
    position:relative;
    margin-bottom:10px;
    padding:15px
}
.shop .store-earn-coins .store_icons-earn_coins_icon{
    margin:-30px -55px
}
.shop .store-earn-coins .title{
    display:block;
    font-size:1.1em;
    text-transform:uppercase
}
.shop .store-earn-coins .text{
    display:block;
    width:210px;
    margin:0;
    padding:0;
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#0E2D37;
    font-size:.8em;
    line-height:20px
}
.shop .store-earn-coins .store-button{
    position:initial;
    right:10px;
    top:25px;
    padding:0 12px;
    margin:auto;
    text-align:center;
    width:241px;
    float:right
}
.shop .store-earn-coins .store-button#reward_video_btn{
    top:25px
}
.shop .store-earn-coins .store_icons{
    float:left;
    margin:0 0 0 5px
}
.shop .store-earn-coins .description{
    overflow:hidden;
    padding-left:18px
}
.shop .store-frhd-plus{
    clear:both;
    padding:12px;
    margin-bottom:10px;
    font-size:.7em
}
.shop .store-frhd-plus .top-blurb,.shop .store-frhd-plus ul li{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#0E2D37;
    font-size:16px;
    line-height:18px
}
.shop .store-frhd-plus div.store_icons-freerider_hd_plus_pro{
    display:block
}
.shop .store-frhd-plus .top-blurb{
    margin-top:20px;
    margin-bottom:10px
}
.shop .store-frhd-plus ul{
    list-style:none;
    margin:10px;
    padding:0
}
.shop .store-deal-of-the-day{
    position:relative;
    padding:10px;
    margin-bottom:10px;
    height:auto
}
.shop .store-deal-of-the-day .store_icons{
    float:left
}
.shop .store-deal-of-the-day .dealspot{
    display:inline-block;
    width:100px;
    height:100px;
    padding:0;
    cursor:pointer
}
.shop .store-deal-of-the-day .description{
    float:left;
    text-align:center
}
.shop .store-payment-details{
    position:relative;
    padding-bottom:20px;
    height:160px
}
.shop .store-payment-details .store-secure-payments{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    float:left;
    width:50%;
    min-height:90px;
    border:1px solid #85ABB5;
    background-color:#F2F7F9
}
.shop .store-payment-details .store-secure-payments .title{
    display:block;
    margin:10px 0 0 10px;
    padding:0;
    line-height:20px;
    font-size:1em
}
.shop .store-payment-details .store-secure-payments .text{
    display:block;
    margin:0 0 0 10px;
    padding:0;
    line-height:20px;
    font-size:.8em
}
.shop .store-payment-details .store-secure-payments .types{
    padding:3px 10px
}
.shop .store-payment-details .store-secure-payments .types img{
    width:40px
}
.shop .store-payment-details .store-payment-support{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:49%;
    float:right;
    min-height:90px
}
.shop .store-payment-details .store-payment-support .title{
    display:block;
    margin:10px 0 0 10px;
    padding:0;
    line-height:20px;
    font-size:1em
}
.shop .store-payment-details .store-payment-support .text{
    line-height:20px;
    font-size:.8em;
    padding:0;
    margin:5px 0 0 10px;
    display:block
}
.success{
    color:#44881C
}
.failed{
    color:red
}
@media screen and (min-width:25em){
    .shop ul.store-list li.store-item .store-info .store-progress{
        position:absolute;
        top:17px;
        right:10px;
        padding:0
    }
    .shop ul.store-list li.store-item .store-info div.coins{
        position:initial
    }
    .shop ul.store-list li.store-item .store-info div.coins .tag{
        margin:0 50px;
        left:140px;
        top:15px
    }
    .shop .store-earn-coins .store-button#reward_video_btn{
        vertical-align:middle;
        float:right
    }
}
@media screen and (max-width:25em){
    .shop ul.store-list li.store-item .store-info div.coins .store-info-ad-text{
        display:inline
    }
    .shop ul.store-list li.store-item .store-info div.coins .store-info-most{
        display:none
    }
}
@media screen and (min-width:28em){
    .shop ul.store-list li.store-item .store-info div.coins .store-info-ad-text{
        display:inline
    }
    .shop ul.store-list li.store-item .store-info div.coins .store-info-most{
        display:none
    }
}
@media screen and (min-width:32.5em){
    .shop ul.store-list li.store-item .store-info div.coins .store-info-most{
        display:inline
    }
    .shop .tab_buttons{
        display:block
    }
    .shop .tab_buttons_select{
        display:none
    }
    .shop .shop-page-signup{
        float:right
    }
}
@media screen and (min-width:36.875em){
    .shop ul.store-list li.store-item .store-mobile-button{
        position:absolute;
        top:0;
        right:0;
        margin:10px 0 0 9px
    }
}
@media screen and (min-width:43.75em){
    .shop .store-payment-details{
        height:auto
    }
    .shop .store-payment-details .store-payment-support,.shop .store-payment-details .store-secure-payments{
        position:relative
    }
}
@media screen and (min-width:39.375em){
    .shop .store-earn-coins .store-button{
        position:absolute
    }
    .shop .store-earn-coins .store-button#reward_video_btn{
        position:initial
    }
}
@media screen and (min-width:830px){
    .shop .store-earn-coins .store-button#reward_video_btn{
        position:absolute
    }
}
.lightrope{
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    position:absolute;
    z-index:1;
    pointer-events:none;
    width:100%;
    top:-15px;
    left:0
}
.lightrope li{
    position:relative;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    list-style:none;
    padding:0;
    width:12px;
    height:28px;
    border-radius:50%;
    margin:20px;
    display:inline-block;
    background:#00f7a5;
    box-shadow:0 4.67px 24px 3px #00f7a5;
    -webkit-animation-name:flash-1;
    animation-name:flash-1;
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.lightrope li:after,.lightrope li:before{
    content:"";
    position:absolute
}
.lightrope li:nth-child(2n+1){
    background:#0ff;
    box-shadow:0 4.67px 24px 3px rgba(0,255,255,.5);
    -webkit-animation-name:flash-2;
    animation-name:flash-2;
    -webkit-animation-duration:.4s;
    animation-duration:.4s
}
.lightrope li:nth-child(4n+2){
    background:#f70094;
    box-shadow:0 4.67px 24px 3px #f70094;
    -webkit-animation-name:flash-3;
    animation-name:flash-3;
    -webkit-animation-duration:1.1s;
    animation-duration:1.1s
}
.lightrope li:nth-child(odd){
    -webkit-animation-duration:1.8s;
    animation-duration:1.8s
}
.lightrope li:nth-child(3n+1){
    -webkit-animation-duration:1.4s;
    animation-duration:1.4s
}
.lightrope li:before{
    background:#222;
    width:10px;
    height:9.33px;
    border-radius:3px;
    top:-4.67px;
    left:1px
}
.lightrope li:after{
    top:-14px;
    left:9px;
    width:52px;
    height:18.67px;
    border-radius:50%
}
.track-comments-box,.track-preview-play-container .track-preview-play img{
    width:100%
}
.lightrope li:last-child:after{
    content:none
}
.lightrope li:first-child{
    margin-left:-40px
}
@-webkit-keyframes flash-1{
    0%,100%{
        background:#00f7a5;
        box-shadow:0 4.67px 24px 3px #00f7a5
    }
    50%{
        background:rgba(0,247,165,.4);
        box-shadow:0 4.67px 24px 3px rgba(0,247,165,.2)
    }
}
@keyframes flash-1{
    0%,100%{
        background:#00f7a5;
        box-shadow:0 4.67px 24px 3px #00f7a5
    }
    50%{
        background:rgba(0,247,165,.4);
        box-shadow:0 4.67px 24px 3px rgba(0,247,165,.2)
    }
}
@-webkit-keyframes flash-2{
    0%,100%{
        background:#0ff;
        box-shadow:0 4.67px 24px 3px #0ff
    }
    50%{
        background:rgba(0,255,255,.4);
        box-shadow:0 4.67px 24px 3px rgba(0,255,255,.2)
    }
}
@keyframes flash-2{
    0%,100%{
        background:#0ff;
        box-shadow:0 4.67px 24px 3px #0ff
    }
    50%{
        background:rgba(0,255,255,.4);
        box-shadow:0 4.67px 24px 3px rgba(0,255,255,.2)
    }
}
@-webkit-keyframes flash-3{
    0%,100%{
        background:#f70094;
        box-shadow:0 4.67px 24px 3px #f70094
    }
    50%{
        background:rgba(247,0,148,.4);
        box-shadow:0 4.67px 24px 3px rgba(247,0,148,.2)
    }
}
@keyframes flash-3{
    0%,100%{
        background:#f70094;
        box-shadow:0 4.67px 24px 3px #f70094
    }
    50%{
        background:rgba(247,0,148,.4);
        box-shadow:0 4.67px 24px 3px rgba(247,0,148,.2)
    }
}
.track-preview-play-container{
    padding:10px;
    border-bottom:1px solid #B5D8E2
}
.track-preview-play-container .track-preview-play{
    position:relative;
    background:#FFF;
    min-height:185px;
    cursor:pointer;
    padding:10px;
    border:1px solid #999;
    text-align:center
}
.track-comments-box,.track-suggested-box{
    background:#FFF;
    border-top:1px solid #B5D8E2;
    border-right:1px solid #B5D8E2
}
.track-best-times-box{
    min-height:300px;
    border-top:1px solid #B5D8E2
}
.track-suggested-box h3{
    margin:0;
    padding:7px 10px;
    font-size:.95em;
    border-bottom:1px solid #B5D8E2
}
.track-leaderboard-1>.ad{
    padding:5px 0;
    border-bottom:1px solid #B5D8E2
}
.track-300x250-2-ad>.ad{
    padding:5px 0
}
#leaderboard_loading{
    text-align:center;
    margin-top:50px
}
#leaderboard_loading .text{
    font-size:.9em;
    margin-bottom:13px;
    color:#666
}
.track-leaderboard-refresh{
    position:absolute;
    top:8px;
    right:16px;
    cursor:pointer
}
.track-leaderboard-refresh .spinner-loader-small{
    display:none
}
.track-leaderboard-refresh.loading .spinner-loader-small{
    display:inline-block
}
.track-leaderboard-race-row.remove .icon-plus-sign,.track-leaderboard-refresh.loading .icon-loop{
    display:none
}
.track-leaderboard .icon-close,.track-leaderboard .icon-loop{
    font-size:.8em
}
.track-leaderboard .track-leaderboard-race{
    color:#1F80C3
}
.track-leaderboard-race-row.remove .track-leaderboard-remove-race{
    display:block
}
.track-leaderboard-empty-first{
    font-size:.9em
}
.row-hidden{
    display:none
}
.leaderboard-show-toggle{
    background:#FFF!important
}
.show_hidden .row-hidden{
    display:table-row
}
.leaderboard-show-less,.show_hidden .leaderboard-show-more{
    display:none
}
.show_hidden .leaderboard-show-less{
    display:table-row
}
.track-leaderboard-race-row .profile-icon{
    float:left;
    vertical-align:middle;
    margin-right:10px
}
.track-leaderboard-race-row .profile-icon .circular{
    display:inline-block;
    width:25px;
    height:25px;
    vertical-align:middle;
    background:#000;
    margin-bottom:4px;
    border:1px solid #000
}
.track-play-overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%
}
.track-play-overlay .gameLoading{
    display:none
}
.track-play-overlay .closing,.track-play-overlay .play,.track-play-overlay .rotate{
    display:none;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    margin-top:-40px
}
.track-play-overlay .play .primary-button{
    width:70px;
    height:43px;
    padding:4px 15px
}
.track-play-overlay .play .cartoon,.track-play-overlay .rotate .cartoon{
    display:block;
    margin-top:5px
}
.track-play-overlay.loading .gameLoading,.track-play-overlay.show-closing .closing,.track-play-overlay.show-play .play,.track-play-overlay.show-rotate .rotate{
    display:block
}
.track-page .trackTile{
    display:inline-block;
    width:100%;
    max-width:100%
}
.track-page .trackTile a{
    display:inline-block
}
.track-page .trackTile img.track-list-tile-thumb{
    width:125px;
    height:75px;
    border:1px solid #85ABB5
}
.track-page .trackTile div.track-list-tile-details{
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 140px)
}
.track-page .trackTile.viewAll{
    height:75px
}
.track-page .trackTile a.top{
    border:1px solid #FFF;
    width:auto;
    display:inline-block;
    vertical-align:top
}
.track-page .trackTile div.bottom{
    display:inline-block;
    width:calc(100% - 135px);
    vertical-align:top
}
.track-page .trackTile div.bottom a.name{
    display:block
}
.track-page .trackTile:hover{
    border-radius:6px
}
.track-page .trackTile:hover a.top{
    border:1px solid #FFF
}
.track-page .trackTile:hover a.top img.track-list-tile-thumb{
    border:1px solid #11181C
}
.track-page .game-box{
    padding:10px;
    background:#EEF3F4
}
.track-page .game-box .game{
    position:relative;
    background:#FFF;
    height:420px;
    border:1px solid #8AA8B0
}
.track-page .track-about-box{
    background:#FFF
}
.track-page .track-about-box .tab_buttons-container li{
    text-align:center
}
.track-page .track-about-box .tab_buttons-container li:hover span.name{
    color:#595959
}
.track-page .track-about-box .tab_buttons-container li:hover span.core_icons-icon_track_info{
    background-position:-114px -415px
}
.track-page .track-about-box .tab_buttons-container li:hover span.core_icons-icon_track_share{
    background-position:-138px -414px
}
.track-page .track-about-box .tab_buttons-container li:hover span.core_icons-icon_track_help{
    background-position:-102px -391px
}
.track-page .track-about-box .tab_buttons-container li.no-hover{
    background-image:none;
    pointer-events:none
}
.track-page .track-about-box .tab_buttons-container li.no-hover .track-rate-button{
    pointer-events:initial
}
.track-page .track-about-box .tab_buttons-container li.active,.track-page .track-about-box .tab_buttons-container li.active:hover{
    background-image:linear-gradient(to bottom,#2c5b72,#1d3f4f)
}
.track-page .track-about-box .tab_buttons-container li.active span.name,.track-page .track-about-box .tab_buttons-container li.active:hover span.name{
    color:#FFF
}
.track-page .track-about-box .tab_buttons-container li.active span.core_icons-icon_track_info,.track-page .track-about-box .tab_buttons-container li.active:hover span.core_icons-icon_track_info{
    background-position:-90px -415px
}
.track-page .track-about-box .tab_buttons-container li.active span.core_icons-icon_track_share,.track-page .track-about-box .tab_buttons-container li.active:hover span.core_icons-icon_track_share{
    background-position:-126px -368px
}
.track-page .track-about-box .tab_buttons-container li.active span.core_icons-icon_track_help,.track-page .track-about-box .tab_buttons-container li.active:hover span.core_icons-icon_track_help{
    background-position:-102px -367px
}
.track-page .track-about-box .tab_buttons-container li span.track-tab-icon{
    vertical-align:top;
    margin-right:0;
    margin-top:-2px
}
.track-page .track-about-box .tab_buttons{
    display:block;
    position:relative;
    padding:0
}
.track-page .track-about-box .tab_buttons ul{
    position:relative;
    top:0;
    left:0;
    right:0;
    height:44px
}
.track-page .track-about-box .tab_buttons ul li{
    height:100%
}
.track-page .track-about-box .tab_buttons ul li div.tab-entry{
    width:100%;
    height:100%;
    text-align:center
}
.track-page .track-about-box .tab_buttons_select{
    display:none
}
.track-page .track-about-box .track-rate{
    position:relative;
    width:100%;
    height:43px;
    line-height:43px;
    text-align:center;
    border-left:1px solid #85ABB5
}
.track-page .track-about-box .track-rate div{
    display:inline-block;
    vertical-align:top
}
.track-page .track-about-box .track-rate div.active{
    color:#008ACD
}
.track-page .track-about-box .track-rate div.rating-count{
    font-size:.8em;
    margin:0 10px 0 2px
}
.track-page .track-of-the-day-panel h3,.track-page .track-of-the-day-panel h4{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    margin:0;
    letter-spacing:.5px
}
.track-page .track-about-box .track-rate div.track-rate-button{
    position:relative;
    top:9px
}
.track-page .track-about-box .track-rate div.track-rate-button.icon-thumbs-down{
    top:12px
}
.track-page .track-of-the-day-panel{
    background-color:#fff;
    padding:10px
}
.track-page .track-of-the-day-panel h3{
    font-size:1em;
    padding:0 5px 5px
}
.track-page .track-of-the-day-panel h4{
    font-size:.85em
}
.track-page .track-of-the-day-panel .track-of-the-day-item{
    width:480px;
    background-color:#fff;
    border:1px solid #85ABB5;
    display:inline-block;
    vertical-align:top;
    margin:0 0 10px 5px
}
.track-page .track-of-the-day-panel .track-of-the-day-item.list{
    width:520px
}
.track-page .track-of-the-day-panel .track-of-the-day-item .track-of-the-day-item-header{
    background:#f2f7f9;
    border-bottom:1px solid #85ABB5;
    padding:10px 0 11px 10px;
    width:100%
}
.track-page .track-of-the-day-panel .track-of-the-day-item .add-track-of-the-day-input{
    padding:5px;
    display:inline-block;
    width:150px
}
.track-page .track-of-the-day-panel .track-of-the-day-item .add-track-of-the-day-input.col-2{
    width:175px
}
.track-page .track-of-the-day-panel .track-of-the-day-item .track-of-the-day-label{
    margin-top:6px;
    vertical-align:middle;
    line-height:49px
}
.track-page .track-of-the-day-panel .add-track-of-the-day-btn{
    width:300px;
    text-align:center;
    margin-bottom:10px
}
.track-page .track-of-the-day-panel .btn-center-wrapper{
    text-align:center;
    width:100%
}
.track-page .track-of-the-day-panel .remove-track-of-the-day-btn{
    vertical-align:top;
    margin-top:-6px
}
.track-page .track-of-the-day-panel .table{
    border-collapse:collapse;
    border-spacing:0;
    border:none
}
.track-page .track-of-the-day-panel .table td,.track-page .track-of-the-day-panel .table th{
    font-family:Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    padding:10px 5px;
    border-top:1px solid #85ABB5;
    border-right:1px solid #85ABB5;
    overflow:hidden;
    word-break:normal;
    text-align:left
}
.track-page .track-of-the-day-panel .table td.add-track-of-the-day,.track-page .track-of-the-day-panel .table th.add-track-of-the-day{
    display:inline-block;
    padding:5px
}
.track-page .track-of-the-day-panel .table th{
    border-top:none;
    border-bottom:2px solid #85ABB5
}
.track-page .track-of-the-day-panel .table .table-column{
    vertical-align:top
}
.track-page .track-of-the-day-panel .table .track-of-the-day-info-response{
    display:none;
    width:300px;
    border-bottom:1px solid #85ABB5
}
.track-page .track-about-panel.help,.track-page .track-about-panel.help .help-controls,.track-page .track-of-the-day-panel .table .no-border{
    border:none
}
.track-page .track-about-panel{
    display:none
}
.track-page .track-about-panel div.panel-padding{
    padding:10px
}
.track-page .track-about-panel.active{
    display:block
}
.track-page .track-about-panel.share .nav{
    list-style:none;
    padding:0;
    margin:5px 0
}
.track-page .track-about-panel.share .nav li{
    float:left;
    margin:10px 5px 4px 22px;
    cursor:pointer;
    color:#999;
    font-size:.9em;
    border-bottom:3px solid #B5D8E2
}
.track-page .track-about-panel.share .nav li:hover{
    border-bottom:3px solid #000;
    color:#333
}
.track-page .track-about-panel.share .nav li.active,.track-page .track-about-panel.share .nav li.active:hover{
    border-bottom:3px solid #1C85CD;
    color:#000
}
.track-page .track-about-panel.share .sprite-share_small{
    float:left;
    cursor:pointer
}
.track-page .track-about-panel.share input{
    margin-top:10px
}
.track-page .track-about-panel.share .track-about-share-panel{
    display:none;
    padding:7px 17px 17px
}
.track-page .track-about-panel.share .track-about-share-panel.active{
    display:block
}
.track-page .track-about-panel.share .track-about-share-panel input{
    width:100%
}
.track-page .track-about-panel.main{
    position:relative
}
.track-page .track-about-panel.main .track-stats{
    border-top:1px solid #85ABB5;
    border-bottom:1px solid #85ABB5
}
.track-page .track-about-panel.main .track-stats div{
    float:left;
    width:25%;
    padding:10px;
    text-align:center;
    border-left:1px solid #85ABB5
}
.track-page .track-about-panel.main .track-stats div.first{
    border-left:none
}
.track-page .track-about-panel.main .track-stats div.stat-container{
    min-height:75px
}
.track-page .track-about-panel.main .track-stats div .num{
    width:100%;
    text-align:center;
    float:none;
    clear:both;
    border:none;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    font-family:riffic,Arial,Helvetica,sans-serif;
    font-size:20px;
    color:#1D7D96
}
.track-page .track-about-panel.main .track-stats div .stat{
    width:100%;
    text-align:center;
    float:none;
    clear:both;
    border:none;
    line-height:10px;
    padding:0;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    font-size:.65em;
    color:#85ABB5
}
.track-page .track-about-panel.main .track-rating{
    position:absolute;
    text-align:center;
    width:70px;
    right:15px;
    top:8px
}
.track-page .track-about-panel .track-about-embed,.track-page .track-leaderboard,.track-page .track-leaderboard .track-leaderboard-action{
    position:relative
}
.track-page .track-about-panel.main .track-rating .rating-bar{
    background-color:#D6DFE2
}
.track-page .track-about-panel.main .track-rating .rating-bar .rating-bar_inner{
    height:3px;
    width:100%;
    background:#1f85a5
}
.track-page .track-about-panel .track-featured .new-button.remove,.track-page .track-about-panel .track-hide_track .new-button.remove{
    background:linear-gradient(#ee5f5b,#c43c35)
}
.track-page .track-about-panel.main .track-rating .rating-bar .rating-bar_inner.negative{
    color:red
}
.track-page .track-about-panel.main .track-rating .track-rating-count{
    color:#11181C;
    font-size:.7em
}
.track-page .track-about-panel.main .track-rating .track-rating-percent{
    font-family:riffic,Arial,Helvetica,sans-serif;
    font-size:1.2em;
    color:#1D7D96
}
.track-page .track-about-panel.main .hide-more{
    display:none
}
.track-page .track-about-panel.main.more .hide-more{
    display:block
}
.track-page .track-about-panel.main.more .about-show-more-less .less{
    display:inline-block
}
.track-page .track-about-panel.main.more .about-show-more-less .more{
    display:none
}
.track-page .track-about-panel.main h1{
    display:block;
    overflow:hidden;
    margin:0 0 5px;
    font-size:1.1em;
    white-space:nowrap;
    text-overflow:ellipsis
}
.track-page .track-about-panel.main .subscribe-to-author{
    padding:0
}
.track-page .track-about-panel.main .published_date{
    margin:10px 0;
    color:#11181C;
    font-size:.8em
}
.track-page .track-about-panel.main .description{
    margin:5px 0;
    font-size:.9em
}
.track-page .track-about-panel.main .track-about-author-img{
    display:inline-block;
    width:25px;
    height:25px;
    vertical-align:middle;
    margin-right:6px;
    border:1px solid #000
}
.track-page .track-about-panel .track-confirm-flag,.track-page .track-about-panel.main .about-show-more-less .less{
    display:none
}
.track-page .track-about-panel.main .about-show-more-less{
    font-size:.8em;
    text-align:center;
    padding:8px 8px 0
}
.track-page .track-about-panel .track-flag-outer{
    margin:5px 0;
    font-size:.85em
}
.track-page .track-about-panel .track-featured{
    font-size:.85em;
    padding:15px
}
.track-page .track-about-panel .track-featured ul{
    list-style:none;
    padding:0
}
.track-page .track-about-panel .track-featured .new-button{
    display:none;
    padding:0 15px
}
.track-page .track-about-panel .track-featured .new-button.active{
    display:inline-block
}
.track-page .track-about-panel .track-hide_track{
    padding:0 15px
}
.track-page .track-about-panel .track-hide_track .new-button{
    width:200px;
    text-align:center;
    font-size:15px
}
.track-page .track-about-panel .track-about-embed input{
    margin-top:10px;
    width:100%
}
.track-page .track-about-panel .track-about-embed select{
    background:#F2F7F9;
    margin-left:4px;
    cursor:pointer;
    border:1px solid #B5D8E2;
    padding:5px 29px 6px 10px;
    text-align:left;
    -webkit-appearance:none;
    -moz-appearance:none;
    box-shadow:none
}
.track-page .track-about-panel .track-about-embed .arrow.down{
    margin-left:10px;
    border-color:#B5D8E2 transparent transparent
}
.track-page .track-leaderboard{
    background:#FFF
}
.track-page .track-leaderboard h3{
    margin:0;
    padding:9px 13px 5px;
    background:#F2F7F9;
    border-top:1px solid #8AA8B0;
    border-bottom:1px solid #8AA8B0;
    font-family:riffic,Arial,Helvetica,sans-serif;
    font-size:1em;
    color:#595959
}
.track-page .track-leaderboard table{
    width:100%;
    text-align:center
}
.track-page .track-leaderboard table tr{
    line-height:30px;
    text-align:center
}
.track-page .track-leaderboard table tr .num{
    text-align:center;
    width:40px
}
.track-page .track-leaderboard table tr .name{
    width:45%;
    text-align:left;
    color:#1D7D96;
    font-size:14px
}
.track-page .track-leaderboard table tr .name span{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    cursor:pointer
}
.track-page .track-leaderboard .track-leaderboard-action .track-leaderboard-remove-race,.track-page .track-leaderboard .track-leaderboard-blurb .race-instruction{
    display:none
}
.track-page .track-leaderboard table tr .name .icon-user{
    float:left;
    color:#2d2d2d;
    margin-top:6px;
    margin-right:15px
}
.track-page .track-leaderboard .track-leaderboard-action span{
    cursor:pointer
}
.track-page .track-leaderboard .track-leaderboard-action span.core_icons{
    position:relative;
    top:4px;
    right:2px
}
.track-page .track-leaderboard .track-leaderboard-action span:hover{
    color:#1F80C3
}
.contact .title,.profile-header .profile-info h3{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959
}
.track-page .track-leaderboard .track-leaderboard-blurb{
    text-align:center
}
.track-page .track-leaderboard .track-leaderboard-blurb .blurb{
    font-size:.8em
}
.track-page .track-leaderboard .track-leaderboard-blurb .btn{
    display:inline-block;
    cursor:pointer;
    margin:10px 0;
    padding:0 20px
}
.track-page .leaderboard-override{
    padding:10px;
    border-bottom:1px solid #B5D8E2
}
@media only screen and (min-width:800px){
    .track-page .leaderboard-override .leaderboard-override-468x90{
        display:none
    }
    .track-page .leaderboard-override .leaderboard-override-720x90{
        display:inline-block
    }
}
@media only screen and (min-width:1050px){
    .track-page .leaderboard-override .leaderboard-override-720x90{
        display:none
    }
    .track-page .leaderboard-override .leaderboard-override-970x90{
        display:inline-block
    }
}
@media only screen and (min-width:1100px){
    .track-page .leaderboard-override .leaderboard-override-720x90{
        display:inline-block
    }
    .track-page .leaderboard-override .leaderboard-override-970x90{
        display:none
    }
}
@media only screen and (min-width:1750px){
    .track-page .leaderboard-override .leaderboard-override-720x90{
        display:none
    }
    .track-page .leaderboard-override .leaderboard-override-970x90{
        display:inline-block
    }
}
.track-view ul.track-list li{
    width:100%
}
@media screen and (max-width:32.5em){
    .track-page .track-about-box .tab_buttons-container li.active span.core_icons-icon_track_info,.track-page .track-about-box .tab_buttons-container li.active:hover span.core_icons-icon_track_info{
        background-position:-90px -415px
    }
    .track-page .track-about-box .tab_buttons-container li.active span.core_icons-icon_track_share,.track-page .track-about-box .tab_buttons-container li.active:hover span.core_icons-icon_track_share{
        background-position:-126px -368px
    }
    .track-page .track-about-box .tab_buttons-container li.active span.core_icons-icon_track_help,.track-page .track-about-box .tab_buttons-container li.active:hover span.core_icons-icon_track_help{
        background-position:-102px -367px
    }
    .track-page .track-about-box .tab_buttons-container li.no-hover{
        width:calc(100% - 160px)
    }
    .track-view .tab-container li:hover{
        background-image:linear-gradient(to bottom,#eefbff,#a1e1f6)
    }
    .track-view .tab-container li.active span.core_icons-icon_track_info,.track-view .tab-container li.active:hover span.core_icons-icon_track_info{
        background-position:-90px -415px
    }
    .track-view .tab-container li.active span.core_icons-icon_track_share,.track-view .tab-container li.active:hover span.core_icons-icon_track_share{
        background-position:-126px -368px
    }
    .track-view .tab-container li.active span.core_icons-icon_track_help,.track-view .tab-container li.active:hover span.core_icons-icon_track_help{
        background-position:-102px -367px
    }
    .track-view .tab-container li.tab-entry{
        padding:10px 16px;
        height:100%;
        border-left:1px solid #85ABB5
    }
    .track-view .tab-container li.tab-entry span.name{
        display:none
    }
    .track-view .tab-container li.tab-entry span.track-tab-icon{
        margin-left:-15px;
        margin-right:-15px
    }
    .track-view .tab-container li.tab-entry div.track-rate{
        border-left:none;
        border-right:none
    }
}
@media screen and (min-width:32.5em){
    .track-view .tab-container .tab-entry{
        height:100%;
        border-left:1px solid #85ABB5
    }
    .track-view .tab-container .tab-entry span.track-tab-icon{
        margin-left:-15px;
        margin-right:-15px
    }
    .track-view .tab-container .tab-entry div.track-rate{
        border-left:none;
        border-right:none
    }
}
@media screen and (min-width:51.125em){
    .track-view .tab-container li,.track-view .tab-container li.no-hover{
        width:25%
    }
    .track-view .tab-container .tab-entry{
        border-left:1px solid #85ABB5
    }
    .track-view .tab-container .tab-entry span.track-tab-icon{
        margin-left:-15px;
        margin-right:-15px
    }
    .track-view .tab-container .tab-entry div.track-rate{
        text-align:center
    }
}
@media screen and (min-width:45em){
    .track-suggested-box{
        float:left;
        width:calc(100% - 20em)
    }
    #main_page.is_not_mobile.fb_canvas .track-suggested-box{
        float:left;
        width:calc(100% - 22em)
    }
    .track-best-times-box{
        float:right;
        width:20em;
        border-top:1px solid #B5D8E2
    }
    #main_page.is_not_mobile.fb_canvas .track-best-times-box{
        float:right;
        width:22em;
        border-top:1px solid #B5D8E2
    }
    .track-comments-box{
        float:left;
        width:100%
    }
}
@media screen and (min-width:61em){
    #main_page.is_not_mobile .track-about-box{
        float:left;
        width:calc(100% - 20em);
        border-right:1px solid #B5D8E2
    }
    #main_page.is_not_mobile.fb_canvas .track-about-box{
        float:left;
        width:calc(100% - 22em);
        border-right:1px solid #B5D8E2
    }
    #main_page.is_not_mobile .track-best-times-box,#main_page.is_not_mobile.fb_canvas .track-best-times-box{
        border:none
    }
}
@media screen and (min-width:63em){
    #main_page.is_mobile .track-leaderboard-1,#main_page.is_mobile .track-suggested-box,#main_page.is_mobile.fb_canvas .track-300x250-2-ad{
        display:none
    }
    #main_page.is_mobile .track-best-times-box{
        float:left;
        width:100%;
        border-top:1px solid #B5D8E2
    }
    #main_page.is_mobile .track-comments-box{
        float:left;
        width:100%
    }
}
@media screen and (min-width:71em){
    #main_page.is_not_mobile .track-about-box,#main_page.is_not_mobile.fb_canvas .track-about-box{
        float:none;
        width:100%;
        border-right:none
    }
    #main_page.is_not_mobile .track-best-times-box,#main_page.is_not_mobile.fb_canvas .track-best-times-box{
        border-top:1px solid #B5D8E2
    }
    #main_page.is_not_mobile .track-suggested-box,#main_page.is_not_mobile.fb_canvas .track-300x250-2-ad{
        display:none
    }
    #main_page.is_not_mobile .track-comments-box{
        float:left;
        width:calc(100% - 20em)
    }
    #main_page.is_not_mobile.fb_canvas .track-comments-box{
        float:left;
        width:calc(100% - 22em)
    }
}
@media screen and (min-width:75em){
    #main_page.is_mobile .track-best-times-box{
        float:right;
        width:20em;
        border-top:none
    }
    #main_page.is_mobile .track-about-box{
        float:left;
        width:calc(100% - 20em);
        border-right:1px solid #B5D8E2
    }
    #main_page.is_mobile .track-comments-box{
        float:left;
        width:calc(100% - 20em)
    }
}
@media screen and (min-width:85em){
    #main_page.is_mobile .track-about-box,#main_page.is_not_mobile .track-about-box{
        float:none;
        width:100%;
        border-right:none
    }
    #main_page.is_mobile .track-best-times-box,#main_page.is_not_mobile .track-best-times-box{
        border-top:1px solid #B5D8E2
    }
}
@media screen and (min-width:90em){
    #main_page.is_mobile .track-about-box,#main_page.is_not_mobile .track-about-box{
        width:calc(100% - 20em);
        float:left;
        border-right:1px solid #B5D8E2
    }
    #main_page.is_not_mobile.fb_canvas .track-about-box{
        width:calc(100% - 22em);
        float:left;
        border-right:1px solid #B5D8E2
    }
    #main_page.is_mobile .track-best-times-box,#main_page.is_not_mobile .track-best-times-box{
        border:none
    }
}
.contact .center{
    padding:28px 0;
    background:url(//cdn.freeriderhd.com/free_rider_hd/tracks/prd/1009/1200x1200-v1.png) center;
    background-size:100%;
    border-bottom:1px solid #85ABB5
}
.contact .center img{
    width:80%;
    max-width:500px
}
.contact .title{
    position:absolute;
    top:210px;
    width:100%;
    padding:15px 0;
    font-size:2em;
    background:rgba(255,255,255,.8);
    text-shadow:0 1px 0 #000;
    letter-spacing:1px
}
.contact .feedback-form{
    max-width:500px;
    margin:20px auto auto
}
.contact .feedback-form input,.contact .feedback-form select,.contact .feedback-form textarea{
    width:100%
}
.contact .feedback-form select{
    padding:4px;
    border:1px solid #85ABB5;
    background-image:linear-gradient(to bottom,#fff,#e4faff)
}
.contact .feedback-form textarea{
    height:200px;
    border:1px solid #85ABB5;
    border-radius:4px
}
.contact .feedback-form textarea:focus{
    border-color:#11181C
}
.contact #feedback_submit{
    width:100%;
    margin:20px 0;
    padding:0 16px;
    text-align:center;
    border-radius:15px
}
@media screen and (max-width:37.5em){
    .contact .title{
        top:185px;
        font-size:1.5em
    }
    .contact .feedback-form{
        padding:10px;
        margin-top:10px
    }
}
@media screen and (max-width:32.5em){
    .contact .title{
        top:165px
    }
}
.profile-header{
    position:relative;
    overflow:hidden;
    background:#F2F7F9
}
.profile-header .profile-user-info{
    padding:7px;
    height:auto
}
.profile-header .profile-user-info .profile-image-bg{
    float:left;
    width:62px;
    height:62px;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/guest_profile_v2.png) center center no-repeat;
    background-size:100%
}
.profile-header .profile-user-info .profile-image{
    position:absolute;
    float:left;
    top:0;
    left:0;
    width:62px;
    height:62px;
    border:2px solid #11181C
}
.profile-header .profile-info{
    overflow:hidden;
    margin-top:1px;
    padding-left:8px
}
.profile-header .profile-info h3{
    margin:0;
    font-size:16px;
    letter-spacing:.5px
}
.profile-header .profile-info .profile-flex-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.profile-header .profile-info .profile-flex-container span{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.profile-header .profile-info .profile-flex-container .flex-item{
    -webkit-box-flex:0;
    -ms-flex-positive:0;
    flex-grow:0;
    width:auto
}
.profile-header .profile-info .profile-flex-container .flex-item-no-shrink{
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-left:2px
}
.profile-header .profile-info .profile-flex-container .profile-username{
    min-width:0
}
.profile-header .profile-info .profile-flex-container .profile-username h3{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.profile-header .profile-info .profile-blurb{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    max-width:650px;
    margin-top:-1px;
    font-size:13px;
    line-height:1.35em;
    color:#11181C
}
.profile-header .profile-info .profile-points-and-coins{
    position:relative;
    margin-top:10px;
    padding-left:30px;
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    letter-spacing:2px
}
.profile-header .profile-info .profile-points-and-coins .points{
    position:absolute;
    top:-18px;
    left:-13px;
    -webkit-transform:scale(.5);
    transform:scale(.5)
}
.profile-header .profile-info .profile-account-settings{
    position:absolute;
    display:inline-block;
    top:0;
    right:15px;
    z-index:3;
    padding:0 8px;
    cursor:pointer
}
.profile-header .profile-info .profile-account-settings ul{
    position:absolute;
    top:47px;
    left:-15px;
    width:80px;
    border-radius:10px;
    list-style-type:none;
    margin:0;
    padding:5px 0;
    font-size:.7em;
    color:#11181C;
    text-align:center;
    background:#FFF
}
.profile-header .profile-info .profile-account-settings ul li{
    text-shadow:none;
    line-height:26px
}
.profile-header .profile-info .profile-account-settings ul li:hover{
    background:#B5D8E2;
    color:#FFF;
    text-shadow:0 1px 0 #000;
    border-top:1px solid #F2F7F9;
    border-bottom:1px solid #F2F7F9
}
.profile-header .profile-info .profile-account-settings ul.profile-account-dd{
    display:none;
    background:#FFF;
    border:1px solid #11181C
}
.profile-header .profile-info .profile-account-settings.active .profile-account-dd{
    display:block
}
.profile-header #profile-stats{
    width:100%;
    white-space:nowrap;
    overflow-x:scroll
}
.profile-header #profile-stats .head-gear{
    -webkit-transform:scale(.75);
    transform:scale(.75);
    margin-left:-19px;
    margin-top:-14px
}
.profile-header #profile-stats .profile-stats-bar-web{
    margin:0 10px -5px;
    border:1px solid #85abb5;
    background:#FFF;
    border-radius:8px;
    width:758px;
    height:70px;
    display:inline-block
}
.profile-header #profile-stats .profile-stats-bar-mobile{
    margin:9px 10px 0;
    width:372px;
    border:1px solid #85abb5;
    background:#FFF;
    display:inline-block;
    border-radius:8px;
    position:relative
}
.profile-header #profile-stats .stat-category{
    width:82px;
    height:68px;
    float:left;
    padding:10px 8px;
    text-align:center;
    background-color:#f2f7f9;
    border-radius:8px 0 0 8px
}
.profile-header #profile-stats .stat-category .name{
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700;
    font-size:11px;
    color:#11181c;
    margin-top:-5px
}
.profile-header #profile-stats .stat-category .name.mobile{
    margin-top:4px
}
.profile-header #profile-stats .stat{
    float:left;
    width:96px;
    text-align:center;
    border-left:1px solid #8aa8b0;
    height:69px
}
.profile-header #profile-stats .stat .val{
    font-family:riffic,Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-weight:900;
    color:#365063;
    margin-top:19px;
    letter-spacing:1px
}
.profile-header #profile-stats .stat .name{
    font-size:11px;
    color:#6e949e;
    height:13px;
    font-weight:700;
    text-align:center
}
.notification-alert{
    width:17px;
    height:17px;
    border-radius:3px;
    background-color:#e5432f;
    border:1px solid #11181c;
    position:absolute;
    top:-8px;
    left:74px;
    z-index:3
}
.notification-alert .text{
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700;
    width:3px;
    height:14px;
    font-size:12px;
    text-align:center;
    color:#fff;
    position:absolute;
    left:6px;
    top:-1px
}
.profile-tabs{
    margin:3px 10px 10px;
    border:1px solid #85abb5;
    border-radius:8px 8px 0;
    overflow:hidden
}
.profile-tabs .trackTile{
    width:100%
}
.profile-tabs .tab_buttons .core_icons{
    margin-right:7px;
    margin-top:-5px;
    vertical-align:middle
}
.profile-tabs .tab_buttons .ghosts-tab.active .core_icons{
    background-position:-123px -272px
}
.profile-tabs .tab_buttons .recently-played-tab.active .core_icons{
    background-position:-142px -320px
}
.profile-tabs .tab_buttons .tracks-created-tab.active .core_icons{
    background-position:-112px -297px
}
.profile-tabs .tab_buttons .liked-tracks-tab.active .core_icons{
    background-position:-30px -358px
}
.profile-tabs .tab_buttons .friends-tab.active .core_icons{
    background-position:-100px -248px
}
.profile-tabs .tab_buttons_select{
    position:relative
}
.profile-tabs .tab_buttons_select select{
    -webkit-appearance:none
}
.profile-tabs .tab_buttons_select .dd-toggle{
    position:absolute;
    top:15px;
    right:10px;
    pointer-events:none
}
.profile-tabs .tab-entry{
    border-right:1px solid #85ABB5
}
.profile-tabs .tab-entry.active{
    pointer-events:none
}
.official-author-button{
    width:105px;
    height:19px;
    font-size:12px;
    margin-left:20px;
    vertical-align:top;
    text-align:center;
    line-height:19px;
    background-image:linear-gradient(to bottom,#02c3ec,#0276ae)
}
.official-author-button.oa{
    background-image:linear-gradient(to bottom,#e95f4d,#d34836)
}
.official-author-button.oa:hover{
    background-image:linear-gradient(to bottom,#e63a23,#b41c08)
}
.official-author-button:hover{
    background-image:linear-gradient(to bottom,#0396d9,#015b94)
}
.profile-friends-type-tabs{
    text-transform:uppercase;
    padding:0 12px
}
.profile-friends-type-tabs .profile-friends-type-tab{
    color:#999;
    border-bottom:3px solid #B5D8E2;
    line-height:24px;
    display:inline-block;
    font-size:14px;
    font-family:roboto_condensed_bold,Arial,Helvetica,sans-serif;
    cursor:pointer;
    padding:0 10px
}
.profile-friends-type-tabs .profile-friends-type-tab .count{
    position:relative;
    display:inline-block;
    bottom:3px;
    margin-left:9px;
    padding:1px 6px;
    border:#B5D8E2;
    border-radius:30px;
    background-color:#F2F7F9;
    color:#0E2D37;
    font-size:.6em;
    line-height:16px
}
.profile-friends-type-tabs .profile-friends-type-tab.active{
    border-bottom:3px solid #3899DC;
    color:#11181C
}
.profile-friends{
    margin-top:2px
}
.profile-friends ul{
    list-style:none;
    margin:0;
    padding:0
}
.profile-friends ul.friend-list{
    padding:8px
}
.profile-friends.invite .friends-invite{
    display:block
}
.profile-friends.invite .profile-friends-list{
    display:none
}
@media screen and (min-width:51.125em){
    .profile-tabs .tab_buttons{
        display:block
    }
    .profile-tabs .tab_buttons_select{
        display:none
    }
}
.profile-forum-link{
    color:#FFF;
    background:#1F80C3;
    border-radius:30px;
    display:inline-block;
    width:31px;
    text-align:center;
    line-height:24px;
    height:30px;
    border:2px solid #000;
    font-size:.85em;
    position:absolute;
    top:43px;
    left:-5px
}
.profile-forum-link .ico_moon{
    vertical-align:middle
}
.profile-forum-link:active,.profile-forum-link:hover,.profile-forum-link:link,.profile-forum-link:visited{
    color:#FFF
}
.profile-account-dd:after,.profile-account-dd:before{
    bottom:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
}
.admin_icon,.classic_author_icon{
    display:inline-block;
    width:18px;
    height:18px
}
.profile-account-dd:after{
    border-color:rgba(255,255,255,0);
    border-bottom-color:#FFF;
    border-width:10px;
    margin-left:-10px
}
.profile-account-dd:before{
    border-color:transparent transparent #000;
    border-width:11px;
    margin-left:-11px
}
.profile-badge{
    margin-left:2px;
    position:relative;
    top:1px
}
.admin_icon{
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/user_profile/admin_icon_sm.png) center center no-repeat;
    background-size:100%
}
.classic_author_icon{
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/user_profile/classic_icon_sm.png) center center no-repeat;
    background-size:100%
}
.classic_author_icon.remove{
    display:none
}
.classic_plus_icon{
    display:inline-block;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/user_profile/pro_icon_sm.png) center center no-repeat;
    background-size:100%;
    width:30px;
    height:16px
}
@media screen and (min-width:69.687em){
    .profile-header #profile-stats{
        display:inline
    }
    .profile-header #profile-stats .profile-stats-bar-web{
        margin-bottom:0;
        margin-right:0
    }
    .profile-header #profile-stats .profile-stats-bar-mobile{
        margin-top:0;
        margin-right:0
    }
}
.achievements .achievements-type-title{
    position:relative;
    height:60px;
    line-height:30px;
    border-bottom:1px solid #85ABB5;
    background-image:linear-gradient(to bottom,#fff,#e4faff);
    text-transform:uppercase
}
.achievements .achievements-type-title div{
    padding:15px;
    vertical-align:middle
}
.achievements .achievements-type-title div.achievements-type-title-div{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    cursor:pointer;
    display:block;
    float:left
}
.achievements .achievements-type-title div.achievements-type-title-div .achievements-type-title-h{
    margin:0;
    font-size:1.3em
}
.achievements .achievements-type-title div.achievements-type-time-remaining{
    float:right;
    text-align:center;
    color:#595959;
    font-size:1.2em
}
.achievements .achievements-type-title div.achievements-type-time-remaining .achievements-type-time-remaining-val{
    color:#000;
    font-size:1.2em
}
.achievements .achievements-list{
    padding:0;
    margin:0
}
.achievements .achievements-list li{
    display:table;
    position:relative;
    float:left;
    width:100%;
    list-style-type:none;
    border-bottom:1px solid #85ABB5;
    padding:15px 0
}
.achievements .achievements-list li .achievements-coin{
    position:absolute;
    left:5px;
    top:5px;
    margin:1px;
    opacity:.6;
    text-align:center
}
.achievements .achievements-list li .achievements-coin.complete{
    opacity:1
}
.achievements .achievements-list li .achievement-coin-value{
    position:absolute;
    top:6px;
    left:5px;
    width:54px;
    text-align:center;
    z-index:2;
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#FFF;
    font-size:1.2em;
    text-shadow:0 -1px 1px #9E8500;
    line-height:45px
}
.achievements .achievements-list li .achievement-info{
    display:table-cell;
    overflow:hidden;
    padding:0 80px 0 62px;
    vertical-align:middle
}
.achievements .achievements-list li .achievement-info .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    letter-spacing:1px
}
.achievements .achievements-list li .achievement-info .achievement-info-desc{
    color:#85ABB5;
    text-transform:uppercase;
    font-size:.9em
}
.achievements .achievements-list li .achievement-info .achievement-progress{
    position:absolute;
    top:15px;
    right:5px;
    width:80px;
    text-align:center
}
.achievements .achievements-list li .achievement-info .achievement-progress .progress-value{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#1D7D96
}
.achievements .achievements-list li .achievement-info .achievement-progress .achievement-progress-bar{
    height:4px;
    width:60px;
    margin:5px auto 0;
    background:#D6DFE2
}
.achievements .achievements-list li .achievement-info .achievement-progress .achievement-progress-bar .achievement-progress-bar-inner{
    background:#1D7D96;
    width:0%;
    height:100%
}
.achievements .achievements-type-lifetime{
    display:none
}
.achievements .achievements-lifetime-coming-soon{
    display:none;
    max-width:300px;
    color:#595959;
    text-transform:uppercase
}
.achievements .coming-soon{
    color:#85ABB5
}
@media screen and (max-width:32.5em){
    .achievements .achievements-type-title div.achievements-type-title-div{
        padding:0 0 0 5px
    }
    .achievements .achievements-type-title div.achievements-type-time-remaining{
        clear:both;
        float:left;
        padding:0 0 0 5px;
        font-size:.9em
    }
}
@media screen and (min-width:57em){
    .achievements .achievements-list li{
        width:50%;
        border-right:1px solid #85ABB5
    }
    .achievements .achievements-type{
        border:1px solid #85ABB5;
        border-right:none;
        border-bottom:none
    }
    .achievements .achievements-type .achievements-type-title{
        height:47px;
        line-height:45px;
        padding:0 17px;
        border:1px solid #85ABB5;
        border-left:0;
        border-top:0;
        font-size:.9em;
        background-image:linear-gradient(to bottom,#fff,#e4faff)
    }
    .achievements .achievements-type .achievements-type-title div{
        padding:0;
        font-size:.9em;
        line-height:45px
    }
    .achievements .achievements-type .achievements-type-title .achievements-type-title-h{
        display:inline-block;
        padding:0
    }
    .achievements .achievements-type .achievements-type-title .achievements-type-time-remaining{
        float:right;
        border:none;
        background:0 0
    }
    .achievements .achievements-type .achievements-type-title .achievements-type-time-remaining .achievements-type-time-remaining-val{
        width:80px
    }
    .achievements .achievements-type.achievements-type-lifetime{
        display:none;
        margin-top:30px;
        border:none
    }
    .achievements .achievements-type.achievements-type-lifetime .achievements-type-title-lifetime{
        display:none;
        border:1px solid #85ABB5
    }
}
.leaderboard-page{
    padding:10px
}
.leaderboard-page .leaderboard-table{
    border:1px solid #85ABB5
}
.leaderboard-page .leaderboard-table .leaderboard-title{
    margin:0;
    padding:0 10px 0 0;
    font-size:1em;
    line-height:45px;
    background:#143F4D;
    text-transform:uppercase
}
.leaderboard-page .leaderboard-table .leaderboard-title .leaderboard-type{
    position:relative;
    float:left;
    top:0;
    left:5px
}
.leaderboard-page .leaderboard-table .leaderboard-title .leaderboard-timespan{
    float:right;
    position:relative;
    top:0;
    right:5px
}
.leaderboard-page .leaderboard-table .leaderboard-title .dd-toggle{
    position:absolute;
    top:9px;
    right:-1px
}
.leaderboard-page .leaderboard-table .leaderboard-title select{
    padding:5px 29px 6px 10px;
    margin-left:4px;
    cursor:pointer;
    border:1px solid #85ABB5;
    background:linear-gradient(to bottom,#fff,#e4faff);
    -webkit-appearance:none;
    -moz-appearance:none;
    box-shadow:none;
    text-align:left
}
.leaderboard-page .leaderboard-table .leaderboard-title select:hover{
    background:linear-gradient(to bottom,#eefbff,#a1e1f6);
    border:1px solid #11181C
}
.leaderboard-page .leaderboard-table .leaderboard-title select option{
    font-family:arial
}
.leaderboard-page .category-pagination{
    text-align:left;
    background-color:#F2F7F9;
    border:1px solid #85ABB5;
    border-top:none;
    border-bottom:none
}
.leaderboard-page .category-pagination.bottom{
    border-bottom:1px solid #85ABB5
}
.leaderboard-page .category-pagination ul{
    position:relative;
    top:-5px
}
.leaderboard-page .leaderboard-list{
    position:relative;
    border:1px solid #85ABB5;
    border-top:none
}
.leaderboard-page .leaderboard-list .leaderboard-item{
    position:relative;
    display:table;
    width:100%;
    border-top:1px solid #85ABB5
}
.leaderboard-page .leaderboard-list .leaderboard-item .leaderboard-item-desc{
    display:block;
    padding-left:10px;
    font-size:.8em;
    line-height:40px;
    overflow:hidden;
    width:100px;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:riffic,Arial,Helvetica,sans-serif;
    letter-spacing:1px
}
.leaderboard-page .leaderboard-list .leaderboard-item .leaderboard-item-desc a{
    color:#595959
}
.leaderboard-page .leaderboard-list .leaderboard-item .leaderboard-item-place{
    display:table-cell;
    width:50px;
    text-align:center;
    vertical-align:middle;
    font-family:riffic,Arial,Helvetica,sans-serif;
    letter-spacing:1px
}
.leaderboard-page .leaderboard-list .leaderboard-item .leaderboard-item-value{
    display:table-cell;
    padding-right:20px;
    text-align:right;
    vertical-align:middle;
    font-family:riffic,Arial,Helvetica,sans-serif;
    letter-spacing:1px
}
.leaderboard-page .leaderboard-list .leaderboard-item .leaderboard-item-img-cell{
    display:table-cell;
    width:37px;
    text-align:center;
    vertical-align:middle
}
.leaderboard-page .leaderboard-list .leaderboard-item .leaderboard-item-img-cell .leaderboard-item-img{
    display:inline-block;
    width:35px;
    height:35px;
    border:2px solid #000;
    vertical-align:middle;
    background:#CCC
}
.leaderboard-page .leaderboard-list .leaderboard-item.current-user{
    background:#E3EDF1
}
.leaderboard-page .leaderboard-list .leaderboard-loading{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.7);
    text-align:center
}
.leaderboard-page .leaderboard-list .leaderboard-loading .spinner-loader-med{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left:-15px
}
@media screen and (min-width:25em){
    .leaderboard-page .leaderboard-list .leaderboard-item .leaderboard-item-desc{
        width:100%
    }
}
.notifications{
    max-width:970px;
    margin:20px
}
.notifications .notification-settings-link{
    float:right
}
.notifications .notification-list .title{
    margin:15px 0;
    font-size:1em;
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959
}
.notifications .notification-list ul{
    margin:0;
    padding:0;
    list-style-type:none;
    border:1px solid #85ABB5;
    border-top:none
}
.notifications .notification-list ul .notification{
    position:relative;
    background:#F2F7F9;
    min-height:50px;
    border-top:1px solid #85ABB5;
    padding:10px 44px 10px 53px
}
.notifications .notification-list ul .notification p{
    overflow:hidden
}
.notifications .notification-list ul .notification .icon-close{
    position:absolute;
    right:15px;
    top:15px;
    color:#595959;
    cursor:pointer
}
.notifications .notification-list ul .notification .icon-close:hover{
    color:#0E2D37
}
.notifications .notification-list ul .notification .icon-type{
    position:absolute;
    left:17px;
    top:14px;
    font-size:1.5em
}
.notifications .notification-list ul .notification .notification-user-pic-bg,.notifications .notification-list ul .notification .user-pic{
    position:absolute;
    top:10px;
    left:11px;
    width:35px;
    height:35px;
    border:1px solid #11181C
}
.notifications .notification-list ul .notification .notification-user-pic-bg{
    z-index:1;
    background:url(//cdn.freeriderhd.com/free_rider_hd/sprites/guest_profile_v2.png) center center no-repeat;
    background-size:100%
}
.notifications .notification-list ul .notification .user-pic{
    z-index:2
}
.notifications .notification-list ul .notification .notification-date{
    position:absolute;
    top:-1px;
    right:-1px;
    padding:0 5px;
    border:1px solid #85ABB5;
    border-bottom-left-radius:4px;
    background-color:#F2F7F9;
    color:#595959;
    font-size:.7em
}
.notifications .notification-list ul .notification .notification-table{
    display:table
}
.notifications .notification-list ul .notification .notification-table .notification-table-cell{
    display:table-cell;
    height:35px;
    vertical-align:middle
}
.notifications .notification_blockquote{
    position:relative;
    margin:10px 0 0 15px;
    padding:6px 6px 6px 25px;
    line-height:1.45;
    font-family:Georgia,serif;
    font-size:13px;
    font-style:italic;
    color:#595959;
    background:#F2F7F9;
    border-radius:8px
}
.notifications .notification_blockquote:before{
    position:absolute;
    display:block;
    top:-7px;
    left:-6px;
    padding-left:10px;
    content:"\201C";
    color:#1D7D96;
    font-size:39px
}
.notifications .notification-subscribe-desc{
    margin-top:5px
}
.notifications .notification-subscribe-desc a{
    float:left
}
.notifications .notification-subscribe-desc a img{
    border:1px solid #000
}
.notifications .notification-subscribe-desc .desc{
    overflow:hidden;
    color:#000;
    font-size:.8em;
    padding-left:12px
}
.notification-settings{
    margin:20px;
    max-width:675px
}
.notification-settings .notification-link{
    float:right
}
.notification-settings .notification-settings-list .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    margin:10px 0;
    font-size:1em;
    letter-spacing:1px
}
.notification-settings .notification-settings-list ul{
    margin:0;
    padding:0;
    list-style-type:none;
    border:1px solid #85ABB5;
    border-top:none
}
.notification-settings .notification-settings-list ul .all_email_notification,.notification-settings .notification-settings-list ul .notification{
    position:relative;
    min-height:50px;
    padding:12px 70px 12px 12px;
    background:#FFF;
    border-top:1px solid #85ABB5;
    cursor:pointer
}
.notification-settings .notification-settings-list ul .all_email_notification .switch,.notification-settings .notification-settings-list ul .notification .switch{
    position:absolute;
    right:5px;
    top:10px
}
.mobile-landing{
    font-family:roboto_medium,Arial,Helvetica,sans-serif
}
.mobile-landing__content-title,.mobile-landing__platform-status{
    font-family:roboto_condensed_bold,Arial,Helvetica,sans-serif;
    text-transform:uppercase
}
.mobile-landing__background{
    height:250px;
    position:relative;
    background:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/mobile/img_landing_pg_bg%402x.png) center center no-repeat;
    background-size:cover
}
.mobile-landing__header{
    background:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/mobile/img_header_landing_pg%402x.png);
    height:118px;
    width:390px;
    background-size:100%;
    position:absolute;
    left:50%;
    margin-left:-195px;
    top:50%;
    margin-top:-59px
}
.mobile-landing__content{
    background:#f8f8f8;
    padding:10px 15px
}
.mobile-landing__content-title{
    margin:0;
    padding:10px 30px;
    font-size:22px;
    text-align:center;
    font-weight:700;
    color:#008EA1
}
.mobile-landing__badges{
    text-align:center;
    padding:20px
}
.mobile-landing__ios-store{
    display:inline-block;
    padding:8px 15px
}
.mobile-landing__ios-store__badge{
    background:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/mobile/app_store_badge%402x.png);
    background-size:100%;
    width:170px;
    height:51px;
    display:block
}
.mobile-landing__platform-status{
    color:#2A98A9;
    font-style:italic;
    font-size:14px
}
.mobile-landing__android-store{
    display:inline-block;
    padding:8px 15px
}
.mobile-landing__android-store__badge{
    background:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/mobile/google_play_badge%402x.png);
    background-size:100%;
    width:170px;
    height:51px;
    display:block
}
.mobile-landing__text{
    max-width:720px;
    margin:auto;
    padding:0 30px
}
.mobile-landing__trailer{
    text-align:center;
    padding-top:40px;
    padding-bottom:20px
}
.mobile-landing__trailer embed,.mobile-landing__trailer iframe,.mobile-landing__trailer object{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
@media only screen and (min-width:750px){
    .mobile-landing__trailer embed,.mobile-landing__trailer iframe,.mobile-landing__trailer object{
        position:relative;
        width:560px;
        height:315px
    }
    .mobile-landing__background{
        height:400px
    }
}
.account-settings-page h3{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    margin:.5em 0;
    font-size:1em
}
.account-settings-page .account-settings-panel{
    margin:8px;
    position:relative;
    vertical-align:top
}
.account-settings-page .account-settings-panel .account-settings-item{
    display:block;
    width:100%;
    border-radius:8px;
    background-color:#fff;
    border:1px solid #85ABB5;
    margin-bottom:16px
}
.account-settings-page .account-settings-panel .account-settings-item.personal{
    height:280px
}
.account-settings-page .account-settings-panel .account-settings-item.avatar{
    width:300px;
    height:323px
}
.account-settings-page .account-settings-panel .account-settings-item .account-photo-type{
    position:relative;
    display:inline-block;
    cursor:pointer
}
.account-settings-page .account-settings-panel .account-settings-item .account-photo-type .state{
    display:none
}
.account-settings-page .account-settings-panel .account-settings-item .account-photo-type .account-image{
    width:56px;
    height:56px;
    border:2px solid #11181C
}
.account-settings-page .account-settings-panel .account-settings-item .account-photo-type.selected .state{
    display:inline-block
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-update-photo-choices{
    width:100%;
    margin:10px 0;
    text-align:center
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-update-photo-choices td{
    width:33%
}
.account-settings-page .account-settings-panel .account-settings-item .create-avatar{
    border-top:1px solid #85ABB5;
    padding:16px 16px 0;
    font-size:14px
}
.account-settings-page .account-settings-panel .account-settings-item .gravatar-button{
    width:180px;
    margin-top:-3px
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-header{
    width:100%;
    height:40px;
    background:#F2F7F9;
    border-style:solid;
    border-width:0 0 1px;
    border-color:#85ABB5;
    border-radius:8px 8px 0 0
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-header .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    padding-top:10px;
    padding-left:10px;
    height:19px;
    font-size:16px;
    letter-spacing:.5px;
    text-align:left;
    color:#595959
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-content{
    margin:0 16px 16px
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-content .label{
    font-family:roboto_bold,Arial,Helvetica,sans-serif;
    font-weight:700;
    height:18px;
    font-size:13px;
    line-height:16px;
    text-align:left;
    color:#595959;
    margin-top:16px
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-content .text{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    margin-top:6px;
    height:18px;
    font-size:14px;
    text-align:left;
    color:#000
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-content .text.description{
    height:54px
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-content .text.info{
    display:none
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-content .textarea-desc{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    float:right;
    font-size:11px;
    text-align:right;
    color:#6f949e;
    word-spacing:1px;
    font-weight:400
}
.account-settings-page .account-settings-panel .account-settings-item .list-item .new-button{
    margin-left:15px;
    vertical-align:top;
    margin-top:12px
}
.account-settings-page .account-settings-panel .account-settings-item .list-item .new-button span{
    pointer-events:none
}
.account-settings-page .account-settings-panel .account-settings-item .list-item .edit-button{
    margin-top:16px
}
.account-settings-page .account-settings-panel .account-settings-item .small-button{
    width:78px;
    height:19px;
    font-size:12px;
    line-height:19px;
    text-align:center;
    display:inline-block
}
.account-settings-page .account-settings-panel .account-settings-item .delete-button{
    background-image:linear-gradient(to bottom,#e95f4d,#d34836);
    margin-left:20px
}
.account-settings-page .account-settings-panel .account-settings-item .delete-button:hover{
    background-image:linear-gradient(to bottom,#e63a23,#b41c08)
}
.account-settings-page .account-settings-panel .account-settings-item .blue-button{
    background-image:linear-gradient(to bottom,#02c3ec,#0276ae);
    margin-left:51px
}
.account-settings-page .account-settings-panel .account-settings-item .blue-button:hover{
    background-image:linear-gradient(to bottom,#0396d9,#015b94)
}
.account-settings-page .account-settings-panel .account-settings-item .green-button{
    background-image:linear-gradient(to bottom,#b4ed50,#57aa2b)
}
.account-settings-page .account-settings-panel .account-settings-item .green-button:hover{
    background-image:linear-gradient(to bottom,#99f466,#039314)
}
.account-settings-page .account-settings-panel .account-settings-item .input-3-column-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.account-settings-page .account-settings-panel .account-settings-item .input-3-column-flex .input-flex-rigid-allow-truncated-shrink{
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    overflow:hidden
}
.account-settings-page .account-settings-panel .account-settings-item .input-3-column-flex .input-flex-rigid-allow-truncated-shrink p{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.account-settings-page .account-settings-panel .account-settings-item .input-3-column-flex .input-flex-rigid{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.account-settings-page .account-settings-panel .account-settings-item .input-3-column-flex .input-flex-allow-shrink{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.account-settings-page .account-settings-panel .account-settings-item .delete-personal-information-button{
    background-image:linear-gradient(to bottom,#e95f4d,#d34836);
    width:155px;
    height:26px;
    font-size:13px;
    text-align:center;
    line-height:23px;
    margin-top:23px;
    vertical-align:top;
    margin-left:calc(50% - 72px)
}
.account-settings-page .account-settings-panel .account-settings-item .delete-personal-information-button.settings-header{
    display:none
}
.account-settings-page .account-settings-panel .account-settings-item .delete-personal-information-button:hover{
    background-image:linear-gradient(to bottom,#e63a23,#b41c08)
}
.account-settings-page .account-settings-panel .account-settings-item .show-button-inline{
    display:inline-block
}
.account-settings-page .account-settings-panel .account-settings-item .description-form{
    display:none;
    text-align:center
}
.account-settings-page .account-settings-panel .account-settings-item .button-container{
    margin-top:20px;
    text-align:center
}
.account-settings-page .account-settings-panel .account-settings-item .button-container .update-account-setting-button{
    text-align:center;
    width:178px
}
.account-settings-page .account-settings-panel .account-settings-item .button-container .delete-account-button{
    background-image:linear-gradient(to bottom,#e95f4d,#d34836);
    text-align:center;
    width:178px
}
.account-settings-page .account-settings-panel .account-settings-item .button-container .delete-account-button:hover{
    background-image:linear-gradient(to bottom,#e63a23,#b41c08)
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-connected-container{
    display:inline-block;
    margin-left:10px
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-connected-container.display-picture{
    position:absolute;
    top:35px;
    left:29px
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-connected-container .account-setting-status-circle{
    background:#000;
    width:17px;
    height:17px;
    border-radius:50%;
    vertical-align:middle;
    display:inline-block
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-connected-container .account-setting-status-circle .icon-checkmark,.account-settings-page .account-settings-panel .account-settings-item .account-settings-connected-container .account-setting-status-circle .icon-close{
    text-align:center;
    color:#fff;
    font-size:10px;
    margin:4px 0 0 4px;
    float:left
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-connected-container .connected-text{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    display:inline-block;
    color:#000;
    vertical-align:middle
}
.campaign .campaign-item .info .condensed,.campaign .campaign-item .number .val,.campaign .campaign-link-submit,.campaign .section-title-bar,.campaign_page .campaign_page-title .campaign_page-percent-complete,.campaign_page .campaign_page-title h1{
    font-family:riffic,Arial,Helvetica,sans-serif
}
.account-settings-page .account-settings-panel .account-settings-item .account-settings-input-form{
    width:240px;
    height:32px;
    border-radius:4px;
    margin-top:6px
}
.account-settings-page .account-settings-panel .account-settings-item .dropdown-menu{
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:1px;
    text-overflow:'';
    padding-left:6px;
    width:170px;
    height:26px;
    background:no-repeat #fff;
    border-radius:4px;
    border:1px solid #85ABB5;
    background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);
    background-position:calc(100% - 20px) 10px,calc(100% - 15px) 10px,calc(100% - 2.5em) 4px;
    background-size:5px 5px,5px 5px,1px 1em
}
.account-settings-page .account-settings-panel .account-settings-item .account-setting-user-description{
    width:608px;
    height:80px;
    border-radius:4px;
    border:1px solid #85ABB5;
    margin-top:6px
}
.account-settings-page .account-settings-panel .account-settings-item .account-setting-user-description .input-textarea{
    height:80px
}
@media screen and (min-width:710px){
    .account-settings-page .account-settings-panel{
        display:inline-block
    }
    .account-settings-page .account-settings-panel .account-settings-item{
        width:640px
    }
}
@media screen and (min-width:378px){
    .info{
        display:block
    }
}
@media screen and (min-width:370px){
    .account-settings-page .account-settings-panel .account-settings-item.personal{
        height:auto
    }
    .account-settings-page .account-settings-panel .account-settings-item .delete-personal-information-button.settings-header{
        display:inline-block;
        margin-top:6px;
        float:right;
        margin-right:14px;
        margin-left:0
    }
    .account-settings-page .account-settings-panel .account-settings-item .delete-personal-information-button.bottom{
        display:none
    }
}
.campaign .campaign-progress .campaign-progress-stat-wrapper.left,.campaign-progress-current{
    float:left
}
.campaign-list-tile-is-complete{
    font-size:.7em
}
.campaign-progress-stats-top{
    padding:20px
}
.campaign-progress-goals{
    border-top:1px solid #CCC
}
.campaign-progress-container{
    padding:0 10px
}
.campaign-progress-campaign-button{
    display:none
}
.campaign_page-difficulty{
    font-size:.8em
}
.campaign .campaign-link-submit{
    color:#595959
}
.campaign .campaign-title{
    display:block;
    line-height:25px;
    text-transform:uppercase;
    padding:0 10px
}
.campaign .campaign-title .icon{
    float:left;
    font-size:1.5em;
    margin-right:7px
}
.campaign .campaign-title h1{
    color:#0E2D37;
    font-size:1.5em;
    text-shadow:0 1px 0 rgba(0,0,0,.5)
}
.campaign .campaign-progress{
    position:absolute;
    top:5px;
    right:10px;
    min-width:120px;
    padding:0 20px 10px 10px
}
.campaign .campaign-progress .campaign-progress-stat-wrapper{
    width:100%
}
.campaign .campaign-progress .campaign-progress-stat-wrapper.right{
    float:right;
    text-align:left;
    padding-left:10px
}
.campaign .campaign-progress .campaign-progress-stat-wrapper .campaign-progress-stat{
    display:inline-block;
    position:relative;
    padding:0 8px 0 0;
    line-height:45px;
    border-radius:30px;
    color:#595959;
    font-size:1em
}
.campaign .campaign-progress .campaign-progress-stat-wrapper .campaign-progress-stat .campaign-progress-asset{
    display:inline-block;
    vertical-align:middle;
    margin-right:2px
}
.campaign .campaign-progress .campaign-progress-stat-wrapper .campaign-progress-stat .icon{
    vertical-align:middle;
    margin:-3px 4px 1px 1px
}
.campaign .section-title-bar{
    padding:10px;
    border:1px solid #8AA8B0;
    background-color:#F2F7F9;
    border-left-width:0;
    border-right-width:0;
    color:#595959;
    font-size:20px;
    letter-spacing:1px
}
.campaign .section-title-bar.campaign-coin-progress-container{
    position:relative;
    height:60px;
    line-height:40px
}
.campaign .campaign-item{
    display:table;
    position:relative;
    width:100%;
    min-height:95px;
    cursor:pointer;
    padding:15px 45px 15px 90px;
    border-bottom:1px solid #F2F7F9
}
.campaign .campaign-item .campaign_sprite-number_locked,.campaign .campaign-item .campaign_sprite-number_unlocked{
    top:-30px;
    left:-30px
}
.campaign .campaign-item:hover{
    background:#D6DFE2;
    text-decoration:none
}
.campaign .campaign-item.contest{
    cursor:default
}
.campaign .campaign-item.contest:hover{
    background:#FFF
}
.campaign .campaign-item.locked .icon-arrow-right{
    color:#EEE
}
.campaign .campaign-item:nth-last-of-type(odd){
    border:1px solid #B5D8E2;
    background-color:#F2F7F9
}
.campaign .campaign-item:nth-last-of-type(odd):hover{
    background:#D6DFE2
}
.campaign .campaign-item .core_icons-btn_arrow_right{
    float:right;
    margin-top:15px
}
.campaign .campaign-item .core_icons-btn_arrow_right.inactive{
    opacity:.5
}
.campaign .campaign-item .number{
    text-align:center;
    position:absolute
}
.campaign .campaign-item .number .val{
    color:#FFF;
    margin-top:60px;
    font-size:30px;
    text-shadow:0 1px 0 #000;
    -webkit-transform:scale(2);
    transform:scale(2);
    letter-spacing:1px
}
.campaign .campaign-item .number .level{
    color:#FFF;
    font-size:.6em;
    position:absolute;
    bottom:9px;
    width:100%
}
.campaign .campaign-item .info{
    width:100%;
    display:table-cell;
    vertical-align:middle
}
.campaign .campaign-item .info .requirements-text{
    margin-top:11px;
    margin-left:10px
}
.campaign .campaign-item .info .unlock-at-text{
    color:#143F4D
}
.campaign .campaign-item .info .condensed{
    color:#595959;
    font-size:1.1em;
    padding-bottom:5px;
    margin-left:10px
}
.campaign .campaign-item .info .unlock-campaign{
    padding:4px 28px 4px 11px;
    font-size:.8em;
    position:absolute;
    bottom:10px;
    right:45px
}
.campaign .campaign-item .info .prereqs{
    text-transform:none;
    padding-top:8px
}
.campaign .campaign-progress-blurb{
    margin-bottom:10px
}
.campaign-progress-bar{
    position:relative;
    float:left;
    top:2px;
    height:30px;
    width:100%;
    padding:8px 0
}
.campaign-progress-bar .progress-bar-bg{
    display:none
}
.campaign-progress-bar ul.levels{
    position:absolute;
    top:5px;
    left:-5px;
    width:100%;
    margin:0;
    padding:0
}
.campaign-progress-bar ul.levels li{
    position:relative;
    display:inline-block;
    height:25px;
    width:17px;
    list-style:none;
    line-height:29px;
    text-align:center;
    font-size:.8em
}
.campaign-progress-bar ul.levels li .level{
    position:absolute;
    display:block;
    top:-10px;
    left:-7px;
    -webkit-transform:scale(.5);
    transform:scale(.5);
    line-height:42px
}
@media screen and (max-width:32.5em){
    .campaign-progress-bar ul.levels{
        display:none
    }
    .campaign-progress-bar .progress-bar-bg{
        display:block;
        overflow:hidden;
        height:15px;
        border-radius:100px;
        border:1px solid #11181C;
        background-image:linear-gradient(to bottom,#eefbff,#a1e1f6);
        text-align:center
    }
    .campaign-progress-bar .progress-bar-bg .bar{
        height:100%;
        width:0%;
        box-shadow:0 2px 0 0 rgba(0,0,0,.2);
        background-image:linear-gradient(to bottom,#30709c,#2b4e65)
    }
    .campaign-progress-bar .progress-bar-bg .text{
        font-family:riffic,Arial,Helvetica,sans-serif;
        position:absolute;
        top:10px;
        left:9px;
        right:9px;
        color:#FFF;
        font-size:.6em;
        line-height:12px;
        text-shadow:1px 1px 1px #000;
        letter-spacing:.1em
    }
    .campaign .campaign-item{
        padding:15px 5px 15px 90px
    }
    .campaign .campaign-item .condensed{
        margin-left:5px
    }
}
.campaign_page .campaign_page-title{
    line-height:25px;
    padding:10px 10px 0
}
.campaign_page .campaign_page-title h1{
    margin:0;
    font-size:1em;
    text-transform:uppercase
}
.campaign_page .campaign_page-title span{
    color:#999
}
.campaign_page .campaign_page-title .campaign_page-percent-complete{
    font-size:.8em
}
.campaign_page ul.track-list{
    margin-top:5px
}
.campaign_page ul.track-list .trackTile{
    width:100%
}
.campaign_page ul.track-list li a img.indicator-arrow{
    position:absolute;
    left:calc(50% - 5px);
    top:20px;
    z-index:3
}
.campaign_page ul.track-list li .campaign-tile-skip,.campaign_page ul.track-list li .campaign-tile-unlock{
    position:absolute;
    left:98px;
    bottom:0;
    -webkit-transform:scale(.9);
    transform:scale(.9);
    padding:2px 3px 2px 12px;
    width:91px
}
.campaign_page ul.track-list li .campaign-tile-skip span.core_icons,.campaign_page ul.track-list li .campaign-tile-unlock span.core_icons{
    vertical-align:middle
}
@media screen and (max-width:49.99em){
    .campaign_page .track-list li{
        width:calc(100% - 20px);
        height:80px;
        position:relative
    }
    .campaign_page .track-list li .trackTile{
        display:inline-block;
        width:100%;
        max-width:100%
    }
    .campaign_page .track-list li .trackTile a{
        display:inline-block
    }
    .campaign_page .track-list li .trackTile img.track-list-tile-thumb{
        width:125px;
        height:75px;
        border:1px solid #85ABB5
    }
    .campaign_page .track-list li .trackTile div.track-list-tile-details{
        display:inline-block;
        vertical-align:top;
        width:calc(100% - 140px)
    }
    .campaign_page .track-list li .trackTile.viewAll{
        height:75px
    }
    .campaign_page .track-list li .trackTile a.top{
        border:1px solid #FFF;
        width:auto;
        display:inline-block;
        vertical-align:top
    }
    .campaign_page .track-list li .trackTile div.bottom{
        display:inline-block;
        width:calc(100% - 135px);
        vertical-align:top
    }
    .campaign_page .track-list li .trackTile div.bottom a.name{
        display:block
    }
    .campaign_page .track-list li .trackTile:hover{
        border-radius:6px
    }
    .campaign_page .track-list li .trackTile:hover a.top{
        border:1px solid #FFF
    }
    .campaign_page .track-list li .trackTile:hover a.top img.track-list-tile-thumb{
        border:1px solid #11181C
    }
    .campaign_page .track-list li div.campaign-tile-skip{
        -webkit-transform:scale(.75);
        transform:scale(.75);
        bottom:10px;
        right:0;
        left:auto
    }
    .campaign_page .track-list li a img.indicator-arrow{
        top:-20px
    }
}
@media screen and (min-width:51.125em){
    .campaign_page ul.track-list li a.campaign-track{
        border:1px solid #85ABB5;
        border-radius:6px
    }
    .campaign_page ul.track-list li a.campaign-track div.track-number-bg{
        top:-1px;
        left:-1px;
        font-size:.8em;
        font-family:riffic,Arial,Helvetica,sans-serif;
        line-height:24px
    }
}
#signup_login_container{
    background-color:#FFF
}
#signup_login_container .signup-login-modal-close{
    position:absolute;
    z-index:3;
    top:5px;
    right:5px;
    cursor:pointer
}
#signup_login_container .simplemodal-wrap{
    height:auto!important
}
#signup_login_modal{
    display:none;
    overflow:hidden;
    box-sizing:content-box
}
#signup_login_modal .callout{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#595959;
    line-height:20px;
    margin-bottom:5px
}
#signup_login_modal .auth-btns{
    position:relative;
    top:0;
    left:0;
    right:0;
    padding:15px;
    text-align:center
}
#signup_login_modal .auth-btns p{
    vertical-align:top;
    left:0;
    display:inline-block;
    margin:0 12px
}
#signup_login_modal .auth-btns div.new-button{
    position:relative
}
#signup_login_modal .auth-btns div.new-button span.core_icons{
    position:absolute;
    left:-3px;
    top:-17px
}
#signup_login_modal .auth-btn-fb{
    width:100%
}
#signup_login_modal .auth-btn-google{
    width:100%;
    margin-top:15px
}
#signup_login_modal .auth-btn-signup{
    width:105px;
    text-align:center;
    margin-left:calc(50% - 55px);
    margin-top:5px;
    margin-bottom:5px
}
#signup_login_modal .auth-form{
    padding:10px 20px
}
#signup_login_modal .auth-form .auth-input{
    position:relative;
    margin:6px 0;
    width:100%
}
#signup_login_modal .auth-form .auth-input input{
    width:100%
}
#signup_login_modal .auth-form .auth-input .auth-label{
    position:absolute;
    top:0;
    left:0
}
#signup_login_modal .auth-form .auth-input .auth-field{
    margin-top:20px
}
#signup_login_modal .signup-terms{
    font-size:.8em;
    display:inline-block;
    margin-left:10px;
    width:280px
}
#signup_login_modal .signup-terms a{
    color:#1D7D96
}
#signup_login_modal .terms-and-conditions-container{
    display:inline-block
}
.auth-form-wrapper{
    position:relative
}
.auth-form-wrapper.auth-form-wrapper_forgot-pass{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.auth-form-wrapper .auth-back-to-login{
    font-size:.9em
}
.auth-form-wrapper .auth-forgot-pass{
    text-align:right;
    font-size:.8em
}
.auth-form-wrapper .auth-form_forgot-pass{
    position:absolute;
    top:0;
    left:100%;
    width:100%
}
.dialog-panel,.dialog-tabs,.dialog-tabs .dialog-tab{
    z-index:2;
    position:relative
}
.auth-form-wrapper .auth-form_forgot-pass .blurb{
    font-size:.9em;
    margin:10px 0
}
.auth-errors{
    padding:5px 0;
    background:#FFF;
    border-top:1px solid #CCC
}
.auth-errors ul{
    padding-right:35px
}
@media screen and (max-width:20em){
    #signup_login_modal .auth-btns .auth-btn-fb,#signup_login_modal .auth-btns .auth-btn-google{
        font-size:13px
    }
}
#simplemodal-overlay{
    background-color:#000
}
.dialog-panel{
    display:none;
    border:1px solid #85abb5;
    border-top-width:0;
    background-color:#FFF
}
.dialog-panel.active{
    display:block
}
.dialog-loading{
    background:rgba(250,250,250,.6);
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:none
}
.dialog-loading.dialog-spinner{
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-15px;
    margin-left:-15px
}
.dialog-errors{
    display:none;
    list-style:none
}
.dialog-errors li{
    list-style:none;
    color:#555;
    word-wrap:break-word
}
.dialog-errors li.icon{
    font-size:.5em;
    position:relative;
    bottom:3px;
    margin-right:7px;
    color:#D34D4D
}
.modal-overlay.loading .campaign-unlock-modal-loading{
    display:table
}
.modal-overlay.loading .campaign-unlock-modal-box-bottom,.modal-overlay.loading .campaign-unlock-modal-box-middle{
    display:none
}
.modal-overlay.loading .campaign-unlock-modal-box{
    height:180px
}
.modal-overlay .campaign-unlock-modal-box{
    position:relative;
    top:130px;
    width:325px;
    margin:auto;
    background:#FFF;
    transition:height .5s
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-top{
    padding:10px;
    border-bottom:1px solid #85ABB5
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-top h1{
    margin:0;
    font-size:1.3em;
    padding:12px
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-top .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    overflow:hidden;
    text-transform:uppercase;
    font-size:1em;
    padding:10px 26px 10px 10px
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-top .core_icons-icon_close{
    position:absolute;
    top:10px;
    right:10px
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-top .campaign_sprite-number_locked{
    -webkit-transform:scale(.5);
    transform:scale(.5);
    margin:-35px
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle{
    text-align:center;
    padding-top:11px
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle ul{
    padding:0 0 0 30px;
    margin:0 0 14px;
    line-height:25px;
    text-align:left;
    list-style:none
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle ul li{
    position:relative;
    font-size:.87em
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle .title{
    text-align:left;
    padding-left:15px;
    color:#1D7D96
}
.challenge-invite .title,.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle .requirement-progress .text{
    color:#595959;
    font-family:riffic,Arial,Helvetica,sans-serif
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle .items{
    margin:20px 0
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle .requirement-progress{
    position:absolute;
    right:30px;
    top:-5px;
    text-align:center
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle .requirement-progress .progress{
    width:40px;
    height:5px;
    background:#F2F7F9
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-middle .requirement-progress .progress .bar{
    width:50%;
    height:100%;
    background:#1f85a5
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-loading{
    display:none;
    height:110px;
    text-align:center
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-bottom{
    text-align:center;
    padding-bottom:10px
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-bottom .unlock{
    position:relative;
    width:150px;
    padding:5px 0 0 10px;
    margin-left:10px;
    line-height:13px;
    font-size:.7em;
    vertical-align:middle
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-bottom .unlock .cost{
    display:block
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-bottom .unlock .gamify_icon{
    position:absolute;
    top:6px;
    left:6px
}
.modal-overlay .campaign-unlock-modal-box .campaign-unlock-modal-box-bottom .cancel{
    font-size:.8em;
    padding:0 20px;
    vertical-align:middle
}
#add_invite_challenge_friends_container div#add_invite_challenge_friends_dialog{
    background:#FFF
}
#add_invite_challenge_friends_container div#add_invite_challenge_friends_dialog div#add_friends_panel{
    padding:0
}
#add_invite_challenge_friends_container div#add_invite_challenge_friends_dialog div#challenge_friends_panel{
    padding:5px
}
#add_invite_challenge_friends_container span.add-invite-challenge-close{
    position:absolute;
    top:9px;
    right:7px;
    z-index:3;
    cursor:pointer
}
.simplemodal-container .challenge-friends-wrapper{
    height:210px
}
.challenge-invite{
    padding:10px
}
.challenge-invite .title{
    margin-bottom:10px;
    text-transform:uppercase
}
.challenge-invite .selected-toggle{
    position:absolute;
    top:6px;
    right:10px;
    width:25px;
    height:25px;
    border:1px solid #11181C;
    background:#FFF;
    border-radius:30px
}
.challenge-invite .selected-toggle span{
    -webkit-transform:scale(.6);
    transform:scale(.6);
    margin:-11px -12px
}
.challenge-invite .challenge-track img{
    float:left;
    width:75px;
    border:1px solid #85ABB5
}
.challenge-invite .challenge-track .challenge-track-info{
    overflow:hidden;
    padding:3px 3px 3px 12px;
    line-height:21px
}
.challenge-invite .challenge-track .challenge-track-info .author{
    font-size:.8em
}
.challenge-invite .challenge-friends{
    padding:15px 0
}
.challenge-invite .challenge-friends .select-all-container{
    position:relative
}
.challenge-invite .challenge-friends .select-all-container .challenge-friends-select-all{
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
    padding-right:64px
}
.challenge-invite .challenge-friends .select-all-container .challenge-friends-select-all .selected-toggle{
    position:absolute;
    right:24px;
    top:0
}
.challenge-invite .challenge-friends .select-all-container .challenge-friends-select-all.selected .selected-toggle{
    background:#595959;
    border:1px solid #11181C
}
.challenge-invite .challenge-friends .select-all-container .challenge-friends-select-all.selected .selected-toggle span{
    -webkit-transform:scale(.5);
    transform:scale(.5);
    margin:-12px;
    background-position:-712px -141px
}
.challenge-invite .challenge-friends .select-all-container .challenge-friends-select-all.selected .selected-toggle:hover{
    background-color:#0E2D37
}
.challenge-invite .challenge-friends .select-all-container .challenge-friends-select-all.selected .selected-toggle:hover span{
    background-position:-712px -75px
}
.challenge-invite .challenge-friends .challenge-friends-wrapper{
    position:relative;
    overflow:hidden;
    width:100%;
    margin-top:10px;
    -ms-touch-action:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul{
    width:100%;
    margin:0;
    padding:10px 13px 10px 0;
    list-style:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend{
    position:relative;
    width:100%;
    margin:6px 0;
    padding:4px;
    line-height:16px;
    border:1px solid #85ABB5;
    cursor:pointer
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend .challenge-friend-img{
    border:1px solid #11181C;
    height:30px;
    width:30px;
    margin:0 4px;
    float:left
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend .challenge-friend-info{
    overflow:hidden;
    padding:6px 5px
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend .challenge-friend-info .challenge-name{
    float:left
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend:hover{
    background:#B5D8E2;
    border:1px solid #11181C
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend.selected{
    background:#F2F7F9;
    border:1px solid #11181C;
    line-height:16px
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend.selected .selected-toggle{
    background:#595959;
    border:1px solid #11181C
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend.selected .selected-toggle span{
    -webkit-transform:scale(.5);
    transform:scale(.5);
    margin:-12px;
    background-position:-712px -141px
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend.selected .selected-toggle:hover{
    background-color:#0E2D37
}
.challenge-invite .challenge-friends .challenge-friends-wrapper ul .challenge-friend.selected .selected-toggle:hover span{
    background-position:-712px -75px
}
.challenge-invite .challenge-friends .challenge-friends-wrapper .iScrollVerticalScrollbar{
    position:absolute;
    z-index:20000;
    top:0;
    right:-1px;
    bottom:0;
    width:10px;
    opacity:.7
}
.challenge-invite .challenge-friends .challenge-friends-wrapper .iScrollIndicator{
    position:absolute;
    left:50%;
    width:6px;
    background:#11181C;
    border:1px solid #404040;
    margin-left:-4px;
    border-radius:22px
}
.challenge-invite .challenge-msg{
    padding:10px
}
.challenge-invite .challenge-msg .bold{
    margin:10px 0
}
.challenge-invite .challenge-msg input{
    width:100%;
    border:1px solid #85ABB5;
    border-radius:6px
}
.challenge-invite .challenge-no-friends{
    height:200px;
    margin:10px 0;
    border:1px solid #CCC;
    text-align:center
}
.challenge-invite .challenge-no-friends div{
    position:relative;
    top:77px
}
.challenge-invite .facebook-share{
    width:100%;
    padding:4px;
    border:1px solid #EEE;
    margin:6px 0;
    cursor:pointer;
    position:relative
}
.challenge-invite .facebook-share:hover{
    background:#EFEFEF;
    border:1px solid #CCC
}
.challenge-invite .facebook-share .facebook-share-info{
    overflow:hidden;
    padding:6px 5px
}
.challenge-invite .facebook-share .facebook-share-info .selected-toggle{
    width:25px;
    height:25px;
    border:1px solid #999;
    border-radius:30px;
    float:right;
    background:#FFF;
    position:absolute;
    right:10px;
    top:6px
}
.challenge-invite .facebook-share .facebook-share-info .selected-toggle .icon-checkmark{
    display:none;
    position:absolute;
    top:5px;
    left:5px;
    color:#FFF;
    font-size:.8em
}
.challenge-invite .facebook-share.selected{
    background:#EEE;
    border:1px solid #000
}
.challenge-invite .facebook-share.selected .facebook-share-info>.selected-toggle{
    background:#447dc4;
    border:1px solid #000
}
.challenge-invite .send-challenge{
    margin:10px;
    text-align:center
}
.challenge-invite .send-challenge #send-challenge-btn{
    color:#FFF;
    padding:0 10px;
    border:2px solid #000;
    cursor:pointer;
    border-radius:30px;
    width:100%
}
.ad-wrapper,.leaderboard-override img{
    border:1px solid #85ABB5
}
.challenge-invite .send-challenge #send-challenge-btn.success{
    background:#447dc4
}
div#add_invite_challenge_friends_container{
    width:480px;
    height:555px
}
@media screen and (max-width:32.5em){
    div#add_invite_challenge_friends_container{
        width:300px
    }
    div#add_invite_challenge_friends_container .tab-entry{
        width:45%;
        overflow:hidden;
        white-space:nowrap;
        text-align:center
    }
    div#add_invite_challenge_friends_container .tab-entry .unecessary{
        display:none
    }
}
.modal-overlay{
    position:fixed;
    height:100%;
    width:100%;
    z-index:30001;
    background:rgba(0,0,0,.5)
}
.modal-overlay.loading .campaign-skip-modal-loading{
    display:table
}
.modal-overlay.loading .campaign-skip-modal-box-bottom,.modal-overlay.loading .campaign-skip-modal-box-middle{
    display:none
}
.modal-overlay.loading .campaign-skip-modal-box{
    height:180px
}
.modal-overlay .campaign-skip-modal-box{
    position:relative;
    top:120px;
    width:325px;
    height:215px;
    margin:auto;
    background:#FFF;
    transition:height .5s
}
.modal-overlay .campaign-skip-modal-box.mobile{
    top:calc(50% - 107px)
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-box-top{
    border-bottom:1px solid #85ABB5
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-box-top h1{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    margin:0;
    padding:12px;
    font-size:1.3em
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-box-top span.core_icons-icon_close{
    position:absolute;
    top:10px;
    right:10px
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-box-middle{
    height:110px;
    text-align:center;
    line-height:42px;
    padding-top:11px
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-box-middle .bold{
    color:#1D7D96
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-loading{
    display:none;
    height:110px;
    text-align:center
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-box-bottom{
    text-align:center
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-box-bottom .new-button{
    padding:0 10px
}
.modal-overlay .campaign-skip-modal-box .campaign-skip-modal-box-bottom .skip{
    margin-left:10px
}
.leaderboard-override{
    text-align:center
}
.leaderboard-override .leaderboard-override-720x90,.leaderboard-override .leaderboard-override-970x90{
    display:none
}
#mainContainer{
    position:absolute;
    top:10px;
    left:10px
}
#adContainer{
    position:fixed;
    top:10px;
    left:10px;
    padding:1px;
    z-index:40000
}
#leaderboard-1-ad,#leaderboard-2-ad{
    min-height:10px
}
.ad{
    text-align:center;
    margin-top:5px;
    height:100%
}
.track-list-promote.mobile-track-list-promote{
    text-align:center
}
.track-list-promote.mobile-track-list-promote .ad{
    height:100%;
    float:right;
    margin-right:28px;
    display:none
}
.track-list-promote.mobile-track-list-promote .mobile-download-promote{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    float:none;
    margin:-4px 15px 0;
    vertical-align:top;
    padding:10px 0;
    text-decoration:none;
    pointer-events:none
}
.track-list-promote.mobile-track-list-promote .mobile-download-promote .home-banner{
    height:auto;
    overflow:visible;
    width:100%;
    margin:auto
}
.track-list-promote.mobile-track-list-promote .mobile-download-promote .home-banner .tableWrap{
    margin:0
}
.track-list-promote.mobile-track-list-promote .mobile-download-promote .home-banner .tableWrap .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#595959;
    padding:5px;
    white-space:normal;
    max-width:none
}
.track-list-promote.mobile-track-list-promote .mobile-download-promote .home-banner .tableWrap .badges{
    display:inline-block;
    white-space:normal
}
.track-list-promote.mobile-track-list-promote .mobile-download-promote .home-banner .tableWrap .badges .platform__badge{
    display:inline-block;
    margin:7px 10px 0;
    pointer-events:all;
    cursor:pointer
}
.ad-wrapper{
    display:inline-block;
    height:auto;
    width:auto;
    margin:auto;
    overflow:visible
}
.track-list-mobile-promote,.track-list-promote{
    height:100%;
    display:none
}
.home-leaderboard-ad{
    display:block
}
.ads-plus-remove-ads{
    padding:0;
    margin-top:0;
    text-align:center;
    font-size:11px;
    height:16px;
    background:#F2F7F9;
    border-top:1px solid #85ABB5
}
.ads-plus-remove-ads a{
    color:#595959
}
.ads-plus-remove-ads a span.store_icons-freerider_hd_pro_icon{
    vertical-align:top;
    margin-left:4px
}
.ads-plus-remove-ads>a>.store_icons{
    vertical-align:middle
}
@media screen and (min-width:720px){
    .track-list-promote{
        position:absolute;
        right:0;
        background:#fff;
        width:calc(100%/3*1 + 2px);
        z-index:4
    }
    .track-list-promote.mobile-track-list-promote{
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex;
        min-height:275px
    }
    .track-list-promote.mobile-track-list-promote .mobile-download-promote{
        width:85%
    }
}
@media screen and (min-width:850px){
    .track-list-promote{
        display:inline-block;
        width:calc(100%/4*2 + 2px)
    }
    .track-list-promote.mobile-track-list-promote{
        height:100%
    }
    .track-list-promote.mobile-track-list-promote .mobile-download-promote{
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex
    }
    .home-leaderboard-ad{
        display:none
    }
}
@media screen and (min-width:1024px){
    .track-list-promote{
        width:calc(100%/5*2 + 2px)
    }
    .track-list-promote.mobile-track-list-promote{
        width:calc(100%/5*3)
    }
    .track-list-promote.mobile-track-list-promote .mobile-download-promote{
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex;
        width:calc(100% - 375px)
    }
    .track-list-promote.mobile-track-list-promote .ad{
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex
    }
}
@media screen and (min-width:1280px){
    .track-list-promote{
        width:calc(100%/6*2 + 2px)
    }
    .track-list-promote.mobile-track-list-promote{
        width:calc(100%/6*4)
    }
}
@media screen and (min-width:1500px){
    .track-list-promote{
        width:calc(100%/7*2 + 2px)
    }
    .track-list-promote.mobile-track-list-promote{
        width:calc(100%/7*4)
    }
}
@media screen and (min-width:1700px){
    .track-list-promote{
        width:calc(100%/8*2 + 2px)
    }
    .track-list-promote.mobile-track-list-promote{
        width:calc(100%/8*4)
    }
}
.alert-message{
    position:relative;
    padding:7px 15px;
    color:#11181C;
    border:none;
    background-image:linear-gradient(to bottom,#fff,#e4faff);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
    font-family:roboto_medium,Arial,Helvetica,sans-serif
}
.alert-message.alert-border{
    border:1px solid #85ABB5
}
.alert-message .close{
    float:right;
    color:#11181C;
    font-size:20px;
    margin-top:0;
    margin-right:150px;
    line-height:18px;
    font-weight:700;
    text-shadow:0 1px 0 #FFF
}
.alert-message p{
    margin-bottom:0
}
.alert-message.error{
    color:#FFF;
    text-shadow:0 1px 0 #11181C;
    background-image:linear-gradient(#ee5f5b,#c43c35)
}
.alert-message.success{
    color:#FFF;
    text-shadow:0 1px 0 #11181C;
    background-image:linear-gradient(#62c462,#57a957)
}
.alert-message.info{
    color:#11181C;
    background-image:linear-gradient(#5bc0de,#339bb9)
}
.platform__badge{
    width:135px;
    height:40px;
    display:block;
    margin:auto auto 10px
}
.platform__badge.platform__badge-chrome{
    background:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/badges/chrome_badge@2x.png);
    background-size:100%
}
.platform__badge.platform__badge-google{
    background:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/badges/google_play_badge@2x.png);
    background-size:100%
}
.platform__badge.platform__badge-apple{
    background:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/badges/app_store_badge@2x.png);
    background-size:100%
}
.platform__badge.platform__badge-facebook{
    background:url(//cdn.freeriderhd.com/free_rider_hd/assets/images/badges/facebook_badge_v2@2x.png);
    background-size:100%
}
.switch{
    position:relative;
    display:inline-block;
    width:56px;
    height:22px;
    padding:2px;
    vertical-align:top;
    background-color:#FFF;
    border-radius:18px;
    cursor:pointer;
    box-shadow:inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05);
    background-image:linear-gradient(to bottom,#eee,#fff 25px)
}
.switch .switch-input{
    position:absolute;
    top:0;
    left:0;
    opacity:0
}
.switch .switch-input:checked~.switch-handle{
    left:33px;
    box-shadow:-1px 1px 5px rgba(0,0,0,.2)
}
.switch .switch-input:checked~.switch-label{
    background:#1D7D96;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)
}
.switch .switch-input:checked~.switch-label:before{
    opacity:0
}
.switch .switch-input:checked~.switch-label:after{
    opacity:1
}
.switch .switch-label{
    display:block;
    position:relative;
    height:inherit;
    background:#eceeef;
    border-radius:inherit;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);
    font-size:10px;
    text-transform:uppercase;
    transition:.15s ease-out;
    transition-property:opacity background
}
.switch .switch-label:after,.switch .switch-label:before{
    position:absolute;
    top:50%;
    margin-top:-.5em;
    line-height:1;
    transition:inherit
}
.switch .switch-label:before{
    content:attr(data-off);
    right:11px;
    color:#F2F7F9;
    text-shadow:0 1px rgba(255,255,255,.5)
}
.switch .switch-label:after{
    content:attr(data-on);
    opacity:0;
    left:11px;
    color:#F2F7F9;
    text-shadow:0 1px rgba(0,0,0,.2)
}
.switch .switch-handle{
    position:absolute;
    top:4px;
    left:4px;
    width:18px;
    height:18px;
    background:#FFF;
    background-image:linear-gradient(to bottom,#fff 40%,#f0f0f0);
    border-radius:10px;
    box-shadow:1px 1px 5px rgba(0,0,0,.2);
    transition:.15s ease-out
}
.switch .switch-handle:before{
    position:absolute;
    content:'';
    top:50%;
    left:50%;
    width:12px;
    height:12px;
    margin:-6px 0 0 -6px;
    background:#FFF;
    background-image:linear-gradient(to top,#fff 40%,#f0f0f0);
    border-radius:6px;
    box-shadow:inset 0 1px rgba(0,0,0,.02)
}
.switch-input.green:checked~.switch-label{
    background:#5DB019
}
.switch-green>.switch-input:checked~.switch-label{
    background:#4fb845
}
.notif_wrapper{
    position:fixed;
    width:100%;
    z-index:1000;
    text-align:center
}
.notif_wrapper .notif{
    position:relative;
    display:inline-block;
    width:100%;
    max-width:400px;
    min-height:80px!important;
    cursor:pointer;
    border:2px solid #85ABB5;
    background:#F2F7F9;
    border-radius:10px
}
.notif_wrapper .notif .tableWrap{
    margin:12px;
    display:table;
    height:100%
}
.notif_wrapper .notif .tableWrap .icon{
    display:table-cell;
    float:left;
    height:100%;
    text-align:center
}
.notif_wrapper .notif .tableWrap .icon .num{
    position:relative;
    top:11px;
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#FFF;
    font-size:11px;
    text-shadow:1px 1px 1px #000
}
.notif_wrapper .notif .tableWrap img{
    width:49px
}
.notif_wrapper .notif .tableWrap .cont{
    display:table-cell;
    overflow:hidden;
    height:100%;
    width:100%;
    max-width:400px;
    padding-left:0;
    padding-right:60px;
    vertical-align:middle
}
.notif_wrapper .notif .tableWrap .cont .title{
    font-family:riffic,Arial,Helvetica,sans-serif;
    color:#595959;
    font-size:.9em
}
.notif_wrapper .notif .tableWrap .cont .text{
    font-family:roboto_medium,Arial,Helvetica,sans-serif;
    color:#0E2D37;
    font-size:.9em
}
.notif_wrapper .notif .tableWrap .next{
    display:table-cell;
    vertical-align:middle;
    font-size:2em;
    color:#1D7D96;
    height:100%
}
.notif_wrapper .notif:hover{
    text-decoration:none
}
.notif_wrapper .notif.leaderboard .tableWrap .num{
    position:relative;
    top:8px;
    font-size:1em;
    text-shadow:0 -1px 1px #000
}
.achievement-notification{
    position:fixed;
    top:10px;
    left:50%;
    width:310px;
    z-index:1000;
    padding:10px;
    margin-left:-155px;
    border:1px solid #85ABB5;
    background:#F2F7F9;
    box-shadow:0 0 5px #2E2E2E
}
.achievement-notification .achievements-icon{
    float:left
}
.achievement-notification-web{
    top:70px
}
.achievement-notification-text{
    padding:5px 0 8px 55px
}
.achievement-notification-title{
    text-transform:uppercase
}
.achievement-notification-desc{
    text-transform:uppercase;
    color:#555
}
.achievement-notification-close{
    position:absolute;
    right:5px;
    top:5px;
    color:#11181C
}
@media screen and (min-width:30em){
    .achievement-notification{
        width:460px;
        margin-left:-230px
    }
}
@media screen and (min-width:57em){
    .achievement-notification{
        width:600px;
        margin-left:-300px
    }
}