/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://dallasbass.com
*/


[class*='grid'],
[class*='col-'],
[class*='mobile-'],
.grid:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class*='col-'] {
    float: left;
    min-height: 1px;
    padding-right: 20px; /* column-space */
}

[class*='col-'] [class*='col-']:last-child {
    padding-right: 0;
}

.grid {
    width: 100%;
    max-width: 990px;
    min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
    margin: 0 auto;
    overflow: hidden;
    /* border: 1px solid red; */
    background: #fff;
}

.grid:after {
    content: "";
    display: table;
    clear: both;
}

.grid-pad {
    padding-top: 20px;
    padding-left: 20px; /* grid-space to left */
    padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
    float: right;
}

.grid-overflow-unset{
    overflow: unset;
}

/* Content Columns */

.col-1-1 {
    width: 100%;
}
.col-2-3, .col-8-12 {
    width: 66.66%;
}

.col-1-2, .col-6-12 {
    width: 50%;
}

.col-1-3, .col-4-12 {
    width: 33.33%;
}

.col-1-4, .col-3-12 {
    width: 25%;
}

.col-1-5 {
    width: 20%;
}

.col-1-6, .col-2-12 {
    width: 16.667%;
}

.col-1-7 {
    width: 14.28%;
}

.col-1-8 {
    width: 12.5%;
}

.col-1-9 {
    width: 11.1%;
}

.col-1-10 {
    width: 10%;
}

.col-1-11 {
    width: 9.09%;
}

.col-1-12 {
    width: 8.33%
}

/* Layout Columns */

.col-11-12 {
    width: 91.66%
}

.col-10-12 {
    width: 83.333%;
}

.col-9-12 {
    width: 75%;
}

.col-5-12 {
    width: 41.66%;
}

.col-7-12 {
    width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
    margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
    margin-left: 50%;
}

.push-1-3, .push-4-12 {
    margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
    margin-left: 25%;
}

.push-1-5 {
    margin-left: 20%;
}

.push-1-6, .push-2-12 {
    margin-left: 16.667%;
}

.push-1-7 {
    margin-left: 14.28%;
}

.push-1-8 {
    margin-left: 12.5%;
}

.push-1-9 {
    margin-left: 11.1%;
}

.push-1-10 {
    margin-left: 10%;
}

.push-1-11 {
    margin-left: 9.09%;
}

.push-1-12 {
    margin-left: 8.33%
}

.push-1-10-bottom {
    margin-bottom: 10%;
}

.content-form-center {
    text-align: center;
}


@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,400i,600,600i,700,700i&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    background: #e3e3e3;
}
.page-wrapp{
    /* background: url(/trackstar/images/trackstar_landing_v3.jpg) no-repeat top center; */
    margin-top: 55px;
}
.page-top{
    background: #fff;
}
.top-content{
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 100px;
}
.ts-logo{
    width: 229px;
    height:43px;
    background: url(./images/ts-logo.png) no-repeat top center;
    float: left;
}
.ic-powered{
    width: 214px;
    height: 44px;
    background: url(./images/ic-power.png) no-repeat top center;
    float: right;
}
.top-pad{
    padding: 10px;

}
.main-cap{
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    padding: 23px 0 17px 0;
}
.main-cap span{
    color: #8ac33e;
}

.main-cap-v2{
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    padding: 23px 0 17px 0;
}
.main-cap-v2 span{
    color: #8ac33e;
}

.main-teaser{
    font-size: 17px;
    text-align: center;
    padding: 0px 200px 15px 200px;
}
.main-teaser-v2{
    font-size: 17px;
    padding: 0px 0 15px 0px;
    width: 55%;
}
.form-pad{
    max-width: 990px;
    padding: 33px 0;
    background: #8bc441;
}
.email-field{
    padding: 29px 12px;
    font-size: 19px;
    width: 100%;
    max-width: 500px;
    border-radius: 8px;
}
.content-form-left{
    margin: 2px 10px 0 178px;
}
.content-form-right{
    margin: 2px 10px 0 0px;
}
.submit-btn{
    padding: 21px 4px;
    font-size: 23px;
    color: #fff;
    background: #006d2c;
    width: 100%;
    max-width: 215px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}

.submit-continue-btn{
    padding: 21px 4px;
    font-size: 23px;
    color: #fff;
    background: #006d2c;
    width: 100%;
    max-width: 240px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}
.mid-pad{
    max-width: 990px;
    padding: 0;
}
.offer-pad{
    max-width: 990px;
    background: #fff;
}
.content-mid-left{
    padding: 36px 85px 18px 60px;
}
.sub-teaser{
    font-size: 20px;
    line-height: 30px;
}
.content-mid-left ul{
    list-style-image: url('./images/bullet.png');
    padding: 28px;
    margin: 0;
}
.content-mid-left ul li{
    margin-bottom: 8px;
}
.content-mid-right{
    padding: 10px;
}
.ts-chart{
    background: url(./images/ts-chart.png) no-repeat top left;
    min-height: 365px;
    margin-left: -25px;
}
.ts-mobile-container {
    position: relative;
}
.ts-mobile {
    background: url(./images/trackstar_mobile.png) no-repeat;
    min-height: 420px;
    background-size: contain;
    position: absolute;
    left: 25px;
    right: 0;
    top: -65px;
}
.content-offers{
    padding: 27px 55px 10px 55px;
}
.content-offers-v2{
    padding: 25px 0 10px 20px;
    min-height: 400px;
}

.offer-container {
    background: #fff;
    min-height: 400px;
}

.bottom-content {
    max-width: 990px;
    margin: 0 auto;
    padding: 10px 10px 10px 0;
}
.disclaimer{
    font-size: 12px;
}
.hidden{
    display: none;
}

.OI_OFFER_DIV{
    margin-bottom: 10px;
}

.oi_offer_div_v2{
    margin-bottom: 15px;
}
.oiBody{
    font-size: 20px;
}


.oi-list-label{
    display: block;
    position: relative;
    top: 26px;
    padding-top: 30px;
    cursor: pointer;
    font-size: 19px;
}

/* Hide the browser's default checkbox */
.list-label input, .oi-list-label input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark, .oi-checkmark{
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    height: 30px!important;
    width: 30px!important;
    background-color: #fff!important;
    border: 2px solid #ccc!important;
    border-radius: 5px!important;
    display: block!important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after, .oi-checkmark:after {
    content: "✔";
    font-size: 25px;
    color: #308427;
    position: absolute;
    top:0px;
    left: 3px;
    display: none;
}

/* Show the checkmark when checked */
.list-label input:checked ~ .checkmark:after, .oi-list-label input:checked ~ .oi-checkmark:after {
    display: block;
}

.oiHeadline, .oiBody {font-size: 15px !important;}



@media handheld, only screen and (max-width: 767px) {
    .page-wrapp{
        margin-top: 0;
    }
    .top-content{
        padding: 15px;
    }
    .ts-logo{
        background-size: 100%;
        width: 178px;
        height: 30px;
        background-position: center;
    }
    .ic-powered{
        background-size: 100%;
        width: 103px;
        height: 24px;
        background-position: center;
    }
    .top-pad{
        padding: 7px 7px 14px 7px;
    }
    .main-cap{
        padding: 10px 0 17px 0;
    }
    .main-cap-v2{
        padding: 10px 0 17px 0;
        text-align: center;
    }
    .main-teaser-v2 {
        width: 100%;
        text-align: center;
    }
    .main-teaser{
        padding: 0;
    }
    .form-pad {
        padding: 15px;
    }
    .content-form-left {
        margin: 0 0 0 10px;
    }
    .email-field{

    }
    .content-form-right {
        text-align: center;
        margin: 0;
    }
    .submit-btn{
        max-width: 240px;
    }
    .content-mid-left {
        padding: 20px 10px 0 10px;
    }
    .content-mid-left ul {
        list-style-image: url(./images/bullet.png);
        padding: 28px 10px 28px 28px;
        margin: 0;
    }
    .ts-chart {
        background: url(./images/ts-chart.png) no-repeat top center;
        min-height: 365px;
        margin: 0 auto;
    }

    .content-offers {
        padding: 10px;
    }
    .offer-pad {
        padding: 10px;
    }

    .grid {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px; /* grid-space to left */
        padding-right: 20px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
        background: #fff;
    }

    [class*='col-'] {
        width: auto;
        float: none;
        margin: 10px 0;
        padding-left: 0;
        padding-right: 10px; /* column-space */
    }

    [class*='col-'] [class*='col-'] {
        padding-right: 0;
    }

    /* Mobile Layout */

    [class*='mobile-col-'] {
        float: left;
        padding-left: 0;
        padding-right: 10px; /* column-space */
        padding-bottom: 0;
    }

    .mobile-col-1-1 {
        width: 100%;
    }
    .mobile-col-2-3, .mobile-col-8-12 {
        width: 66.66%;
    }

    .mobile-col-1-2, .mobile-col-6-12 {
        width: 50%;
    }

    .mobile-col-1-3, .mobile-col-4-12 {
        width: 33.33%;
    }

    .mobile-col-1-4, .mobile-col-3-12 {
        width: 25%;
    }

    .mobile-col-1-5 {
        width: 20%;
    }

    .mobile-col-1-6, .mobile-col-2-12 {
        width: 16.667%;
    }

    .mobile-col-1-7 {
        width: 14.28%;
    }

    .mobile-col-1-8 {
        width: 12.5%;
    }

    .mobile-col-1-9 {
        width: 11.1%;
    }

    .mobile-col-1-10 {
        width: 10%;
    }

    .mobile-col-1-11 {
        width: 9.09%;
    }

    .mobile-col-1-12 {
        width: 8.33%
    }

    /* Layout Columns */

    .mobile-col-11-12 {
        width: 91.66%
    }

    .mobile-col-10-12 {
        width: 83.333%;
    }

    .mobile-col-9-12 {
        width: 75%;
    }

    .mobile-col-5-12 {
        width: 41.66%;
    }

    .mobile-col-7-12 {
        width: 58.33%
    }

    .mobile-push-left-10 {
        margin-left: 10px;
    }

    .hide-on-mobile {
        display: none !important;
        width: 0;
        height: 0;
    }

    .ts-mobile {
        top: 0!important;
        position: relative!important;
        background-position: center top!important;
    }
    .grid-reverse-content {
        display: flex;
        flex-direction: column-reverse;
    }

    .mobile-align-center {
        text-align: center;
    }

    .ts-mobile-container {
        padding-right: 50px;
    }
}

.footer-policy{
    text-align: center;
    display: block;
    margin-top: 10px;
}



#oi_main_div span,#oi_main_div label{
    display:inline
}
#oi_main_div label{
    cursor:pointer
}
#oi_main_div article,#oi_main_div aside,#oi_main_div details,#oi_main_div figcaption,#oi_main_div figure,#oi_main_div footer,#oi_main_div header,#oi_main_div hgroup,#oi_main_div menu,#oi_main_div nav,#oi_main_div section{
    display:block
}
#oi_main_div ol,#oi_main_div ul{
    list-style:none
}
#oi_main_div blockquote,#oi_main_div q{
    quotes:none
}
#oi_main_div blockquote:before,#oi_main_div blockquote:after,#oi_main_div q:before,#oi_main_div q:after{
    content:'';
    content:none
}
#oi_main_div table{
    border-collapse:collapse;
    border-spacing:0
}
.floatFix{
    clear:both;
    height:0!important;
    margin:0!important;
    padding:0!important;
    line-height:0!important
}
#oi_main_div strong,#oi_main_div b{
    font-weight:bold
}
#oi_main_div ol{
    list-style:decimal inside none
}
#oi_main_div ol li{
    margin-bottom:6px
}
#oi_main_div #oi_page{
    padding-top:20px
}
#oi_main_div .oiOfferContainer{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:solid 1px #ccc;
    position:relative;
    overflow:hidden
}
#oi_main_div .oiOfferContainer:last-child{
    border-bottom:0
}
#oi_main_div .oiInteractDivide{
    float:left;
    width:205px
}
#oi_main_div .oiInputBox{
    float:left;
    width:55px;
    margin-top:11px
}
#oi_main_div .oiInputBox label{
    color:#222;
    font-weight:normal
}
#oi_main_div .oiInputBox input{
    margin-right:5px;
    cursor:pointer
}
#oi_main_div .oiImageBox{
    height:60px;
    width:120px;
    margin-right:15px;
    float:left;
    background-color:#fff;
    box-shadow:1px 1px 3px 1px rgba(103,103,103,0.3);
    -webkit-box-shadow:1px 1px 3px 1px rgba(103,103,103,0.3);
    -moz-box-shadow:1px 1px 3px 1px rgba(103,103,103,0.3);
    cursor:pointer
}
#oi_main_div .oiOfferContent{
    margin-left:205px
}
#oi_main_div .oiOfferText{
    line-height:18px;
    min-height:68px
}
#oi_main_div span.oiHeadline{
    display:inline;
    font-weight:bold;
    margin-right:7px;
    color:#222
}
#oi_main_div span.oiBody{
    margin-right:5px;
    font-weight:normal;
    color:#222
}
#oi_main_div span.oiLinks{
    display:inline;
    font-weight:normal
}
#oi_main_div span.oiLinks a,#oi_main_div span.oiLinks a:visited{
    margin-right:5px;
    text-transform:lowercase;
    color: #007acc;
}
#oi_main_div select{
    margin-right:5px
}
#oi_main_div select option.invalidInputS,#oi_main_div select option.validInputS{
    border:0
}
#oi_main_div .oiCustomBox{
    position:relative;
    line-height:16px
}
#oi_main_div .oiCustomBox .cqtable{
    margin-top:-2px
}
#oi_main_div .oiArrowIndicator{
    position:absolute;
    top:11px;
    left:-56px;
    height:29px;
    width:48px;
    background-image:url('https://d2w65gvskqg4cz.cloudfront.net/app/images/custom_images/custom_arrow_small.png');
    background-repeat:no-repeat
}
#oi_main_div .oiCustomBox table td{
    padding:3px 0 3px 0;
    color:#222;
    font-weight:normal
}
#oi_main_div tbody.validInput tr td,#oi_main_div tbody.invalidInput tr td{
    padding:3px
}
#oi_main_div table.bottom_line{
    display:none
}
#oi_main_div .invalidInput,#oi_main_div input[type=textbox].invalidInput,#oi_main_div input[type=text].invalidInput,#oi_main_div .invalidInputS{
    color:#222;
    background-color:#f1f0f1;
    border:solid 1px #f00
}
#oi_main_div .validInput,#oi_main_div input[type=textbox].validInput,#oi_main_div input[type=text].validInput,#oi_main_div .validInputS{
    color:#222;
    background-color:#f1f0f1;
    border:solid 1px #ccc
}
#oi_main_div tbody.invalidInput, #oi_main_div tbody.validInput{
    border:inherit
}
#oi_main_div .cqtable_internal input{
    margin-right:3px
}
#oi_main_div #oi_page div.oiFacebookLike{
    margin:-6px 0 5px 0!important;
    padding:0!important;
    height:35px;
    overflow:hidden;
}
#oi_main_div div.switchcontent{
    display:none
}
#oi_main_div img{
    max-width:120px;
    max-height:60px
}
.oiSelectGroup, .oiSelectGroup ul, .oiSelectGroup li{
    display:inline-block;
}
.oiCustomBox>div>ul>li{
    margin-bottom:15px !important;
}
.oiTextInput>input[type=text]{
    border-color: grey !important;
}
.oi-placement a{
    color: #007acc;
}
@media (max-width: 600px) {
    .oiImageBox{
        display: none;
    }
    .oiOfferContent{
        margin-left: 60px !important;
    }
    #oi_main_div .oiInteractDivide{
        width:auto !important;
    }
}