@charset "utf-8";
/* CSS Document */
@font-face{
font-family:'tondo_lt';
src:url('../fonts/tondo_lt.woff2') format('woff2'),
url('../fonts/tondo_lt.woff') format('woff');
font-weight:400;
font-style:normal;
}
@font-face {
  font-family: 'Tondo';
  src: url('../fonts/Tondo.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Tondo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Tondo.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Tondo.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Tondo.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Tondo.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Cambria';
  src: url('../fonts/Cambria.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Cambria.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Cambria.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto-Condensed';
  src: url('../fonts/Roboto-Condensed.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto-Condensed.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Roboto-Condensed.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto-Condensed.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
    overflow-y: auto;
    overflow-x: hidden;
    font-family: 'tondo_lt',sans-serif;
}

.full:after,.full:before {
    content: " ";
    display: table
}

.full:after {
    clear: both
}

.full.card {
    padding-left: 0;
    padding-right: 0
}

.yearlyAdv .enter-below-container {
    position: relative
}

.yearlyAdv .enter-below-container .enter-below {
    position: absolute;
    z-index: 9995;
    top: -25px;
    left: 50%;
    margin: 0 0 0 -140px;
    display: inline;
    width: 280px;
    text-align: center;
    border: 2px solid #239fc4;
    padding: 10px 0;
    background-color: #239fc4;
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 400
}

@media (max-width: 767px) {
    .yearlyAdv .enter-below-container .enter-below {
        padding:5px 30px;
        width: auto;
        margin-left: -85px;
        top: -15px;
        font-size: 16px
    }
}

.yearlyAdv .enter-below-container .enter-below i {
    font-size: 18px;
    font-weight: 400;
    color: #239fc4
}

.yearlyAdv .enter-below-container .enter-below-orange-outline {
    background-color: #fff;
    border: 2px solid #ff5a00;
    color: #ff5a00
}

.yearlyAdv #Invite_CE5D13D6-DF98,.yearlyAdv #inviteCallout_759FE10B-E863 {
    display: none!important
}

.yearlyAdv #Promo_desktop {
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 0;
    background-color: transparent;
    background-image: none;
    color: #21404c;
    -webkit-transition: bottom .5s ease-in-out;
    transition: bottom .5s ease-in-out
}

.yearlyAdv #Promo_desktop * {
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
    transition: background-color .25s ease-out,color .25s ease-out
}

.yearlyAdv #Promo_desktop h2 {
    font-size: 2.75em;
    font-weight: 400;
    text-align: center;
    color: #21404c;
    margin: 15px 0 0
}

@media (max-width: 1199px) {
    .yearlyAdv #Promo_desktop h2 {
        font-size:2.25em
    }
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop h2 {
        font-size:2.25em
    }
}

@media (max-width: 374px) {
    .yearlyAdv #Promo_desktop h2 {
        font-size:2em
    }
}

.yearlyAdv #Promo_desktop h3 {
    font-size: 1.45em;
    letter-spacing: 0;
    text-align: center;
    text-tramsform: none;
    color: #000;
    margin: 30px 0
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop h3 {
        font-size:1.25em;
        line-height: 1.25;
        font-weight: 400
    }
}

.yearlyAdv #Promo_desktop h3 small {
    font-size: .45em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop h2 {
        margin:0
    }

    .yearlyAdv #Promo_desktop h3 {
        margin-top: 15px
    }
}

.yearlyAdv #Promo_desktop ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop label[for=monthlyPaymentsUnknown] {
        margin-bottom:15px
    }
}

.yearlyAdv #Promo_desktop label[for=loanAmountUnknown],.yearlyAdv #Promo_desktop label[for=monthlyGasPaymentsUnknown],.yearlyAdv #Promo_desktop label[for=monthlyPaymentsUnknown] {
    padding: 10px 0
}

.yearlyAdv #Promo_desktop label[for=loanAmountUnknown]>input,.yearlyAdv #Promo_desktop label[for=monthlyGasPaymentsUnknown]>input,.yearlyAdv #Promo_desktop label[for=monthlyPaymentsUnknown]>input {
    display: none
}

.yearlyAdv #Promo_desktop label[for=loanAmountUnknown]>input:checked+i,.yearlyAdv #Promo_desktop label[for=monthlyGasPaymentsUnknown]>input:checked+i,.yearlyAdv #Promo_desktop label[for=monthlyPaymentsUnknown]>input:checked+i {
    color: #21404c
}

.yearlyAdv #Promo_desktop label[for=loanAmountUnknown]>i.icon-ok,.yearlyAdv #Promo_desktop label[for=monthlyGasPaymentsUnknown]>i.icon-ok,.yearlyAdv #Promo_desktop label[for=monthlyPaymentsUnknown]>i.icon-ok {
    border: 2px solid #239fc4;
    margin: 0 5px 0 0;
    padding: 0;
    color: transparent
}

.yearlyAdv #Promo_desktop label[for=loanAmountUnknown] span,.yearlyAdv #Promo_desktop label[for=monthlyGasPaymentsUnknown] span,.yearlyAdv #Promo_desktop label[for=monthlyPaymentsUnknown] span {
    font-size: 1.15em;
    font-weight: 500;
    text-transform: capitalize
}

.yearlyAdv #Promo_desktop button[type=submit] {
    margin: 0!important
}

.yearlyAdv #Promo_desktop .loading-step {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999
}

.yearlyAdv #Promo_desktop .loading-step>img {
    width: 50px;
    height: 50px
}

.yearlyAdv #Promo_desktop .step {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.yearlyAdv #Promo_desktop .step.fade-out {
    opacity: .15
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop .step.step6 h3 {
        margin-top:0
    }

    .yearlyAdv #Promo_desktop .step.step6 .form-group {
        margin-bottom: 5px
    }
}

.yearlyAdv #Promo_desktop .step.step-thanks p {
    text-align: center;
    margin-bottom: 15px;
    font-weight: 400
}

.yearlyAdv #Promo_desktop .list li {
    list-style-type: none;
    display: inline-block;
    float: left;
    width: 20%;
    padding: 0 5px 5px 0
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop .list li {
        width:33.3333333%
    }
}

@media (min-width: 768px) {
    .yearlyAdv #Promo_desktop .list--top-makes,.yearlyAdv #Promo_desktop .list--years {
        min-height:195px
    }

    .yearlyAdv #Promo_desktop .list--make-letters li {
        width: 11.1111111%
    }
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop .list--years {
        min-height:275px
    }

    .yearlyAdv #Promo_desktop .list--models li,.yearlyAdv #Promo_desktop .list--top-makes li {
        width: 50%
    }
}

.yearlyAdv #Promo_desktop .promotion--range-wrapper {
    padding: 0 15px
}

.yearlyAdv #Promo_desktop .slider-loan-amount,.yearlyAdv #Promo_desktop .slider-monthly-payments {
    margin-bottom: 30px
}

@media (max-width: 374px) {
    .yearlyAdv #Promo_desktop .slider-loan-amount,.yearlyAdv #Promo_desktop .slider-monthly-payments {
        margin-bottom:25px
    }
}

.yearlyAdv #Promo_desktop .slider-loan-amount--value,.yearlyAdv #Promo_desktop .slider-monthly-payments--value {
    font-size: 2.25em;
    font-weight: 400;
    line-height: 2em;
    color: #239fc4
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop .slider-loan-amount--value,.yearlyAdv #Promo_desktop .slider-monthly-payments--value {
        font-size:2em
    }
}

@media (max-width: 374px) {
    .yearlyAdv #Promo_desktop .slider-loan-amount--value,.yearlyAdv #Promo_desktop .slider-monthly-payments--value {
        line-height:1em
    }
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop {
        padding:0
    }
}

@media (max-width: 374px) {
    .yearlyAdv #Promo_desktop {
        padding-top:10px
    }
}

.yearlyAdv #Promo_desktop .portrait-mode-only {
    display: none
}

.yearlyAdv #Promo_desktop p {
    font-size: 1.5em;
    line-height: 2;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center
}

@media (max-width: 1199px) {
    .yearlyAdv #Promo_desktop p {
        font-size:1.1em;
        line-height: 1.25
    }
}

@media (max-width: 767px) {
    .yearlyAdv #Promo_desktop p {
        font-size:1.25em
    }
}

.yearlyAdv #Promo_desktop .countdown {
    background-color: hsla(0,0%,100%,.25);
    display: inline-block;
    margin: 15px 0 0 2px;
    padding: 8px 15px;
    border-radius: 15px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 1;
    color: rgba(33,64,76,.85)
}

.yearlyAdv #Promo_desktop .signup-form .step {
    display: none
}

.yearlyAdv #Promo_desktop .signup-form .step.active-step {
    display: block
}

@media only screen and (min-device-width: 414px) and (max-device-width:736px) and (orientation:landscape) {
    .yearlyAdv #Promo_desktop {
        padding-bottom:20px
    }

    .yearlyAdv #Promo_desktop .portrait-mode-only {
        display: block;
        padding-top: 30px
    }

    .yearlyAdv #Promo_desktop .portrait-mode-only img {
        width: 50%;
        margin-bottom: 20px
    }
}

.yearlyAdv .disclaimer {
	background-color:#444;
    color: #aaa;
    padding: 20px 0 40px
}

.yearlyAdv .disclaimer p {
    font-size: 14px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 15px
}

.yearlyAdv .disclaimer h4 {
    font-size: 18px;
    line-height: 1.25;
    margin: 35px 0 15px;
    font-weight: 700
}

.yearlyAdv .disclaimer a,.yearlyAdv .disclaimer a:focus,.yearlyAdv .disclaimer a:visited {
    
    cursor: pointer;
   
}

.yearlyAdv footer {
    display: none
}

.yearlyAdv .checkbox:not(.casl-optin) label {
    font-weight: 100;
    font-size: 21px;
    text-align: left;
    line-height: 1
}

.yearlyAdv .checkbox:not(.casl-optin) label a {
    color: #239fc4;
    border-bottom: 1px dotted #239fc4
}

.yearlyAdv .checkbox:not(.casl-optin) label a:hover {
    color: #000;
    border-bottom-color: #000
}

.yearlyAdv .checkbox.casl-optin label {
    text-align: left
}

.yearlyAdv .rangeSlider,.yearlyAdv .rangeSlider--fill {
    background: #ccc;
    display: block;
    height: 10px;
    width: 100%;
    border-radius: 0
}

.yearlyAdv .rangeSlider {
    position: relative;
    margin-bottom: 10px
}

.yearlyAdv .rangeSlider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4
}

.yearlyAdv .rangeSlider--fill {
    background-color: #239fc4!important;
    position: absolute;
    top: 0;
    z-index: 2
}

.yearlyAdv .rangeSlider--horizontal {
    background-color: #ddd!important
}

.yearlyAdv .rangeSlider--handle {
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 35px;
    position: absolute;
    top: -36px;
    z-index: 3;
    background: transparent url("/images/dollar_pin_desktop.svg") no-repeat!important;
    border-radius: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.yearlyAdv .rangeSlider--buffer {
    z-index: 1;
    position: absolute;
    top: 3px;
    height: 14px;
    background: #2c3e50;
    border-radius: 0;
    display: none
}

.yearlyAdv label {
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.yearlyAdv label input[type=radio] {
    margin-top: 0;
    margin-bottom: 15px
}

body,html {
    background-color: #444;
}

.WinGasolineGiveaway--hero {
    background: #fff url("../images/background.jpg") no-repeat 50% 50%;
    background-size: cover;
    position: relative
}

.WinGasolineGiveaway--hero:after {
    background: transparent url("../images/hand.png") no-repeat 0 100%;
    background-size: 700px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60vw;
    height: 410px;
    z-index: 0
}

.WinGasolineGiveaway--hero .row {
    z-index: 1;
    position: relative
}

.WinGasolineGiveaway--hero--message {
    height: 410px
}

.WinGasolineGiveaway--hero--message h2 {
    color: #fff;
    font-size: 18px;
    line-height: 1.25
}

.WinGasolineGiveaway--hero--message h2 span {
    color: #fff95c
}

@media screen and (min-width: 1600px) {
    .WinGasolineGiveaway--hero:after {
        background-size:contain;
        width: 50vw;
        height: 375px
    }
}

@media (max-width: 1199px) {
    .WinGasolineGiveaway--hero:after {
        background-size:550px;
        height: 300px
    }

    .WinGasolineGiveaway--hero--message {
        height: 300px
    }
}

@media (max-width: 991px) {
    .WinGasolineGiveaway--hero:after {
        background-size:350px;
        height: 275px
    }

    .WinGasolineGiveaway--hero--message {
        height: 275px
    }
}

@media (max-width: 767px) {
    .WinGasolineGiveaway--hero {
        height:auto
    }

    .WinGasolineGiveaway--hero:after {
        background-image: url("");
        height: auto
    }

    .WinGasolineGiveaway--hero--message {
        height: auto
    }
}

.WinGasolineGiveaway.yearlyAdv #Promo_desktop .btn-primary.btn-styled {
    font-weight: 700;
    background-color: rgba(35,159,196,.1);
    border-bottom-color: rgba(35,159,196,.1);
    color: #229cc1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: none!important
}

.WinGasolineGiveaway.yearlyAdv #Promo_desktop .btn-primary.btn-styled:hover {
    background-color: rgba(35,159,196,.2);
    border-bottom-color: rgba(35,159,196,.2)
}

/*# sourceMappingURL=GasGiveaway.css.map*/