/* - give default font style - */
body {text-align: left; font-size: 1rem; font-family: 'MINISansSerif-Regular', sans-serif; line-height: 120%; color: #000; -webkit-font-smoothing: antialiased;}

p,ul,dl,ol,pre{ font-family: 'MINISansSerif-Regular', sans-serif; font-weight: normal;}
p input, p textarea, li input, p label {font-size: 100%; font-family: 'MINISansSerif-Regular', sans-serif;}
pre,code,input,textarea,select{font-family: 'MINISansSerif-Regular', sans-serif; line-height:120%;}
th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend{font-size:100%; font-family: 'MINISansSerif-Regular', sans-serif;}

h1,h2,h3,h4,h5,h6{padding-bottom:1em;font-family: 'MINISerif-Bold', sans-serif; font-weight: normal; line-height:120%;}

i,em {font-family: 'MINISansSerif-Regular', sans-serif; font-style: italic;}
b,strong{font-family: 'MINISansSerif-Bold', sans-serif;}
i b,i strong,em b,em strong,b i,strong i,b em,strong em{font-family: 'MINISansSerif-Bold', sans-serif; font-style: italic;}

a, a:link, a:active, a:visited {
    -webkit-tap-highlight-color: transparent;
}

a {
    text-underline-offset: 4px;
}

button, input {
    -webkit-tap-highlight-color: transparent;
}

p, ul, dl, ol, pre {
    font-size: 1rem;
    line-height:1.375em ;
}

@media only screen and (min-width: 768px) {
    p, ul, dl, ol, pre {
        font-size: 1rem;
        line-height: 1.5em;
    }
}

h1 {
    text-transform: uppercase;
}

/*
 *   Buttons
 */

.btn-primary, /* overrides cookie v1 ROLN */
.btnPrimary,
.richText.btn-primary-ch > a,
.richText.btnPrimary-ch > a,
.bodyText.btn-primary-ch > a,
.bodyText.btnPrimary-ch > a {
    display: block;
    float: left;
    height: 56px;
    background-color: #006583;
    color: #fff;
    text-align: center;
    padding: 17px 20px;
    font-size: 1.125rem;
    text-decoration: none;
    line-height: 100%;
    margin:0;
    border: 2px solid #006583;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 28px;
}

.btnPrimary.withArrow,
.richText.btnPrimary-ch.withArrow > a,
.bodyText.btnPrimary-ch.withArrow > a {
    background-image: url("../images/icons/iconStackSmall.svg#ArrowRightWhite");
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.btn-primary:hover, /* overrides cookie v1 ROLN*/
.btnPrimary:hover,
.richText.btn-primary-ch > a:hover,
.richText.btnPrimary-ch > a:hover,
.bodyText.btn-primary-ch > a:hover,
.bodyText.btnPrimary-ch > a:hover {
    border: 2px solid #0085AC;
    background-color: #0085AC;
}

.btnSecondary,
.richText.btnSecondary-ch > a,
.bodyText.btnSecondary-ch > a {
    display: block;
    float: left;
    height: 56px;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 17px 20px;
    font-size: 1.125rem;
    text-decoration: none;
    line-height: 100%;
    margin:0;
    border: 2px solid #000;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 28px;
}

.btnSecondary:hover,
.richText.btnSecondary-ch > a :hover,
.bodyText.btnSecondary-ch > a :hover {
    background-color: #fff;
    border: 2px solid #0085AC;
    color: #0085AC;
}

.btnTertiary,
.richText.btnTertiary-ch > a,
.bodyText.btnTertiary-ch > a {
    display: block;
    float: left;
    height: 56px;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 17px 20px;
    font-size: 1.125rem;
    text-decoration: none;
    line-height: 100%;
    margin:0;
    border: 2px solid #000;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 28px;
}

.btnTertiary:hover,
.richText.btnTertiary-ch > a :hover,
.bodyText.btnTertiary-ch > a :hover {
    background-color: #fff;
    border: 2px solid #0085AC;
    color: #0085AC;
}

.teaserBannerSplitCMS.contain .buttonHolder .btnPrimary:last-child {
    margin-left: 0;
}

.buttonHolder .btnPrimary:first-child {
    margin-right: 20px;
}

.buttonHolder .btnPrimary:last-child {
    margin-left: 20px;
}

.btn-primary, /* overrides cookie v1 ROLN*/
.btnPrimary.solo,
.richText.btnPrimary-ch.solo > a,
.bodyText.btnPrimary-ch.solo > a{
    margin: 0 auto;
    width: 230px;
    float: none;
}

@media only screen and (min-width: 768px) {
    .btn-primary, /* overrides cookie v1 ROLN*/
    .btnPrimary.solo,
    .richText.btnPrimary-ch.solo > a,
    .bodyText.btnPrimary-ch.solo > a{
        margin: 0;
        width: 230px;
        float: right;
    }
}


/*
 *   Arrow links
 */

.arrowLink,
.richText.arrowLink-ch > a,
.bodyText.arrowLink-ch > a {
    background: url("../images/icons/iconArrowStack.svg#arrowRight") 100% 10px no-repeat transparent;
    font-size: 1rem;
    color: #000;
    line-height: 1rem;
    text-decoration: none;
    padding: 15px 34px 15px 0;
    height: 45px;
    display: inline-block;
    white-space: nowrap;
}

.arrowLinkUp,
.richText.arrowLinkUp-ch > a,
.bodyText.arrowLinkUp-ch > a {
    background: url("../images/icons/iconStackSmall.svg#ArrowUpBlue") 100% 0 no-repeat transparent;
    font-family: 'MINISansSerif-Bold', sans-serif;
    font-size: 0.875rem;
    color: #0085AC;
    line-height: 0.938rem;
    text-decoration: none;
    padding: 15px 36px 15px 0;
    height:44px;
    display: inline-block;
}

.arrowLinkUp:hover,
.richText.arrowLinkUp-ch > a:hover,
.bodyText.arrowLinkUp-ch > a:hover {
    opacity:0.7;
}

.arrowLinkDown,
.richText.arrowLinkDown-ch > a,
.bodyText.arrowLinkDown-ch > a {
    background: url("../images/icons/iconStackSmall.svg#ArrowDownBlue") 100% 0 no-repeat transparent;
    font-family: 'MINISansSerif-Bold', sans-serif;
    font-size: 0.875rem;
    color: #0085AC;
    line-height: 0.938rem;
    text-decoration: none;
    padding: 15px 36px 15px 0;
    height:44px;
    display: inline-block;
}

.arrowLinkDown:hover,
.richText.arrowLinkDown-ch > a:hover,
.bodyText.arrowLinkDown-ch > a:hover{
    opacity:0.7;
}

.arrowWhiteLinkUp,
.richText.arrowWhiteLinkUp-ch > a,
.bodyText.arrowWhiteLinkUp-ch > a {
    background: url("../images/icons/iconStackSmall.svg#ArrowWhiteUp") 100% 0 no-repeat transparent;
    font-family: 'MINISansSerif-Bold', sans-serif;
    font-size: 0.875rem;
    color: #1c69d4;
    line-height: 0.938rem;
    text-decoration: none;
    padding: 15px 36px 15px 0;
    height:44px;
    display: inline-block;
}

.arrowWhiteLinkUp:hover,
.richText.arrowWhiteLinkUp-ch > a:hover,
.bodyText.arrowWhiteLinkUp-ch > a:hover{
    background: url("../images/icons/iconStackSmall.svg#ArrowWhiteUp") 100% 0 no-repeat transparent;
    color: #0653b6;
}

.arrowWhiteLinkDown,
.richText.arrowWhiteLinkDown-ch > a,
.bodyText.arrowWhiteLinkDown-ch > a {
    background: url("../images/icons/iconStackSmall.svg#ArrowWhiteDown") 100% 0 no-repeat transparent;
    font-family: 'MINISansSerif-Bold', sans-serif;
    font-size: 0.875rem;
    color: #1c69d4;
    line-height: 0.938rem;
    text-decoration: none;
    padding: 15px 36px 15px 0;
    height:44px;
    display: inline-block;
}

.arrowWhiteLinkDown:hover,
.richText.arrowWhiteLinkDown-ch > a:hover,
.bodyText.arrowWhiteLinkDown-ch > a:hover {
    background: url("../images/icons/iconStackSmall.svg#ArrowWhiteDown") 100% 0 no-repeat transparent;
    color: #0653b6;
}

.richText.arrowLink-ch.solo > a,
.bodyText.arrowLink-ch.solo > a {
    margin: 0 auto;
    float: left;
    clear: both;
    display: inline-block;
    width: auto;
}
.richText.arrowLink-ch > a,
.bodyText.arrowLink-ch > a {
    float: left;
    clear: both;
}

.arrowLink:hover,
.richText.arrowLink-ch > a:hover,
.bodyText.arrowLink-ch > a:hover{
    background: url("../images/icons/iconArrowStack.svg#arrowAltRight") 100% 10px no-repeat transparent;
    color: #0085AC;
}

.arrowLink.whiteArrow,
.richText.arrowLink-ch.whiteArrow > a  {
    background: url("../images/icons/iconArrowStack.svg#arrowWhiteRight") 100% 10px no-repeat transparent;
    color: #fff;
}

.arrowLink.whiteArrow:hover,
.richText.arrowLink-ch.whiteArrow > a:hover {
    background: url("../images/icons/iconArrowStack.svg#arrowAltRight") 100% 10px no-repeat transparent;
    color: #0085AC;
}

span.arrowLink.whiteArrow:hover {
    opacity: 1;
}

.arrowLink-ch.darkArrow a {
    color:#000;
}

@media only screen and (min-width: 1024px) {
    .arrowLink,
    .richText.arrowLink-ch > a,
    .bodyText.arrowLink-ch > a {
        font-size: 1.125rem;
    }
}

/*  safari button fixes */
@media not all and (min-resolution:.001dpcm) {
    .arrowLink {
        padding-top: 16px;
    }

    .btn-primary, .btnPrimary {
        padding-top: 14px;
    }
}

.richText.arrowLink-ch > a {
    margin-top: -8px;
}


/*
 *   Video links
 */

.richBannerText.videoLinkCMS > a,
.videoLink {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: 'MINISerif-Bold', sans-serif;
    font-size: 1rem;
    height: 44px;
    line-height:1rem;
    padding: 15px 0 15px 36px;
    position: relative;
    text-decoration: none;
}

.richBannerText.videoLinkCMS > a:before,
.videoLink:before {
    background: url(../images/icons/playIcon.png) 8px 6px no-repeat rgba(255, 255, 255, 0.1);
    background-size: 4px 6px;
    border: 1px solid #fff;
    border-radius: 10px;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 13px;
    visibility: visible;
    width: 20px;
}

.richBannerText.videoLinkCMS > a:hover,
.videoLink:hover {
    opacity: 0.6;
}

.videoLinkDark:before {
    background: url(../images/icons/playIconDark.png) 8px 6px no-repeat rgba(255, 255, 255, 0.1);
    background-size: 4px 6px;
    border: 1px solid #000;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 13px;
    visibility: visible;
    width: 20px;
}

.videoLinkDark  {
    color: #000;
}


/*
 *   Prices
 */

.stdPrice {
    font-size: 0.875rem;
    color: #7A7A7A;
    padding-bottom: 0.5em;
    margin-top: 29px;
    float: left;
    text-align: left;
    width: 50%;
}

.stdPrice .number {
    font-size: 1.25rem;
    color: #000;
    display: block;
    padding-top: 13px;
    font-family: 'MINISerif-Bold', sans-serif;
}

.stdPrice .copy {
    font-size: 1.25rem;
    color: #000;
    display: block;
    padding-top: 13px;
    font-family: 'MINISerif-Bold', sans-serif;
}

.stdPrice .number span {
    font-family: 'MINISerif-Bold', sans-serif;
    font-size: 0.875rem;
    color: #000;
}

@media only screen and (min-width: 480px) {
    .stdPrice {
        width: 33%;
    }
}

@media only screen and (min-width: 768px) {
    .stdPrice {
        width:25%;
    }
    
    .stdPrice .number,
    .stdPrice .copy {
        font-size: 1.5rem;
    }

    .stdPrice .number span {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 1080px) {
    .stdPrice .number {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    .stdPrice {
        width: 32%;
    }
}


/*
 * Buttons globally
 */

.financeOfferBtn {
    display: inline-block;
    font-size: 0.75rem;
    font-family: 'MINISansSerif-Bold', sans-serif;
    line-height: 1rem;
    height:44px;
    padding: 15px 36px 15px 28px;
    position: relative;
    text-transform: uppercase;
}

.financeOfferBtn:before {
    background: url("../images/icons/iconMiniStack.svg#IconFinance") 100% 0 no-repeat transparent;
    content:"";
    display: block;
    height :44px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 44px;
}

.testDriveBtn {
    display: inline-block;
    font-size: 0.75rem;
    font-family: 'MINISansSerif-Bold', sans-serif;
    height:44px;
    line-height: 1rem;
    padding: 15px 36px 15px 28px;
    position: relative;
    text-transform: uppercase;
}

.testDriveBtn:before {
    background: url("../images/icons/iconMiniStack.svg#IconTestDrive") 100% 0 no-repeat transparent;
    content:"";
    display: block;
    height :44px;
    left: -13px;
    position: absolute;
    top: 1px;
    width: 44px;
}

.bookAServiceBtn {
    display: inline-block;
    font-size:  0.75rem;
    font-family: 'MINISansSerif-Bold', sans-serif;
    height:44px;
    line-height: 1rem;
    padding: 15px 36px 15px 28px;
    position: relative;
    text-transform: uppercase;
}

.bookAServiceBtn:before {
    background: url("../images/icons/iconMiniStack.svg#IconCalendar") 100% 0 no-repeat transparent;
    content:"";
    display: block;
    height :44px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 44px;
}

.talkToAnExpertBtn {
    display: inline-block;
    font-size:  0.75rem;
    font-family: 'MINISansSerif-Bold', sans-serif;
    line-height: 1rem;
    height:44px;
    padding: 15px 36px 15px 28px;
    position: relative;
    text-transform: uppercase;
}

.talkToAnExpertBtn:before {
    background: url("../images/icons/iconMiniStack.svg#IconTalkToExpert") 100% 0 no-repeat transparent;
    content:"";
    display: block;
    height :44px;
    left: -13px;
    position: absolute;
    top: 0;
    width: 44px;
}

.modelInfo p {
    font-family: 'MINISansSerif-Regular', sans-serif;
    font-size: 1.75rem;
    color: #fff;
    padding-bottom: 0.5rem;
    padding-right: 268px;
    padding-top: 18px;
    font-weight: normal;
    line-height: 120%;
    margin: 0;
    padding-left: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .btn-primary{
        padding: 11px 20px;
    }

    ::i-block-chrome, .btnTertiary {
        padding: 11px 20px;
    }
}