/*****************************************************************
                           Promotion Dynamic
*****************************************************************/





































/*Start css compliances for volkswagen*/


/*<style >*/


    @font-face {
    font-family: 'vwheadwebBold';
    src: url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold.eot');
    src: url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold?#iefix') format('embedded-opentype'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold.woff2') format('woff2'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold.woff') format('woff'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold.ttf') format('truetype');
    }

    @font-face {
    font-family: 'vwheadwebRegular';
    src: url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-regular.eot');
    src: url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-regular.eot?#iefix') format('embedded-opentype'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-regular.woff2') format('woff2'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-regular.woff') format('woff'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-regular.ttf') format('truetype');
    }

    @font-face {
    font-family: 'vwheadwebItalic';
    src: url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold-italic.eot');
    src: url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold-italic.eot?#iefix') format('embedded-opentype'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold-italic.woff2') format('woff2'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold-italic.woff') format('woff'),
    url('//cdn.sm360.ca/varia/fonts/volkswagen/volkswagen-primary-bold-italic.ttf') format('truetype');
    }


/*</style>*/
/*<style >*/

body{
font-family:'vwheadwebRegular', sans-serif;
    font-weight: normal;
}

/**************************************************
                    Common
***************************************************/
strong{
font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;;
}
.util-main-font-family-italic{
    font-family:'vwheadwebItalic', sans-serif;
    font-weight: normal;
}
.util-main-font-family-regular{
    font-family:'vwheadwebRegular', sans-serif;
    font-weight: normal;
}
.util-main-font-family-bold{
    font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}

.title__primary{
    font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}

.title__primary span{
    font-family:'vwheadwebRegular', sans-serif;
    font-weight: normal;
}
/**************************************************
                    Header
***************************************************/

/**************************************************
                    Buttons
***************************************************/
.departments-item{
font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
.btn{
    font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
/*** -end of button typo- ***/
.btnbig{
    font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
.btnbig__ghost{
    
}

/**************************************************
                    Wysiwyg
***************************************************/
.wysiwyg{
    font-family:'vwheadwebRegular', sans-serif;
    font-weight: normal;;
}
/*.wysiwyg h3{*/
/*font-size: 24px;*/
/*}*/
/**************************************************
                    Toggle
***************************************************/
.bodytext.toggleBody li{
    font-family:'vwheadwebRegular', sans-serif;
    font-weight: normal;;
}
/**************************************************
                    Home
***************************************************/

/**************************************************
                    Catalogue
***************************************************/
.collection-spec-block #accordion h4{
    font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
/**************************************************
                    Inventory
***************************************************/

/**************************************************
                    Articles
***************************************************/

/**************************************************
                    Widget
**************************************************/

/**************************************************
                    Footer
**************************************************/

/**************************************************
                    Theme Style
**************************************************/
.styleguide__legend{
    font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}

/**************************************************
                    Rental Return
***************************************************/
.page-rental-return__block-title{
font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
.block-cta__title{
font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
.block-wysiwyg__title{
font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
.page-rental-return__form-title{
font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
.footer-top__section-title span{
font-family:'vwheadwebBold', sans-serif;
    font-weight: normal;
}
/*</style>*/

/*End Font-compliance for volkswagen*/






















    
    
    















[data-theme-style~="tour_360_text"]{
    color: #96a3a8 ;
}
[data-theme-style~="main_background_color"]{
    color: ;
}

    body, .make-header, .cta-generic, .header-address, .header-title, .dealer_box,
    .make-header-hidden, .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a,
    .landingpage-form { background-color: #f5f5f5;}
    

/*a[href="#"] { background-color: orange; }*/


/********************************************************
           Overlay for Vehicle First picture
*********************************************************/







    
    .departments{
        color: #dfe4e8;
        border-bottom: 3px solid #dfe4e8;
    }
    .types-of-catalog, .ui-panel-inner, .section_footer, .categories, #bodycolors .bodycolors-tabs li {background-color: #001e50;}
    nav.mainmenu{
        background-color: #ffffff;
        color: #000000;
    }
    nav.mainmenu li a{color: #000000;}
    .policy-link,.primarypage-offroad__videos__button,.link__simple-text__offroad{color: #001e50!important;}
    .btn-dark, .bgr-dark, .btnbig.dark {background-color: #001e50;}
    .btnbig__ghost{background:transparent;color: #001e50!important;border:2px solid #001e50!important;}
    .legend{color:#001e50}
    .btn-green{background-color: #009640;}
    
    .section_header{background-color: #ffffff !important;}
    .warranty-block .warranty-type{letter-spacing: -0.4px;}

    #bodycolors .bodycolors-tabs li.ui-tabs-selected, .departments li.current a, .departments li a:hover,
    #boxmenu .col.col1, #boxmenu .col.col4, .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a:hover,
    .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active, .categories .categories-item.current a,
    .departments .departments-item.current a, .types-of-catalog li.current,
    .btnbig, .current, .categories li.current a, .categories li a:hover, .btn-color,
    .catalog-list .catalog-vehicle-preview-list .main-box .rebate, .showroom .rebate, .serviceApp a, [data-ninjabox-closeButton] {background-color: #001e50; }
    .departments-item.current a{
        color: #001e50;
        background-color: transparent!important;
    }
    .departments-item.current{
        background-color: transparent;
    }
    .team-employee-preview-anchor {color: #001e50; }

    #boxmenu .col.col2, #boxmenu .col.col3 {background-color: #00286a; }

    .dealer_info-hidden, .scope-category select,
    .scope-makes select, .scope-models select, .scope-years select, .scope-news select, .ico-arrow-top, .dealer_info {background-color:#ffffff; }
    .borderLowBackground, .borderLowBackground::after, .borderLowBackground::before{background-color: #dfe4e8}
    .reward-account .rewards-program__products .rewards-dashboard__board tbody tr:first-child{border-color: #dfe4e8}

    
    .price, .vehicle-tagline, .consumption-descrip, .spec-block sup, .btn-dark,.inventory-link a,.countdown, .options__toggle-btn{color: #001e50; }

    .dealer_name, .cta-generic li a span, .header-address a, .header-title, .scope-makes select, .scope-models select, #more-results,
    .scope-news select, .article-info h2, .article-info h3, .sitemap a, .sitemap h2, .sitemap h3,
    .catalog-list .make-header .make, .catalog-list .make-header-hidden .make, .cta-generic li a,
    .scope-years select, .totalOfVehicles a, .vehicle-info h2, .catalog-vehicle-preview-list__fleche, .specialTitle, .usedcarname, .bodytext {color: #001e50;}

    .price del, .article-info .caption {color: #3c484d; }

    .catalog-list .main-box .vehicle-info .price label, .header-title .price label, .active-color-interior, .active-color-exterior,
    .collection-spec-block .blck,.collection-spec-block .spec-action, .main-box .article-info, .form-container .bottom-links .policy,
    .inventory-list .main-box .vehicle-info .list-spec, .inventory-list .main-box .vehicle-info p,
    .spec-block, .consumption-meter, .legend a  {color: #00437a;}

    .departments a{
        color: #dfe4e8;
    }

    #boxmenu .col a span, .btn-dark, .cta-colored li a span, .section_footer a, .categories li a, .categories .categories-item a,
    .btn-green,  li.roadside a span, #bodycolors .bodycolors-tabs li, #bodycolors .bodycolors-tabs li a, .types-of-catalog li a,
    .btn-color, .btnbig, .btnbig:hover,  .section_footer, .btnbig, .btnbig.ui-link:hover,
    .catalog-list .catalog-vehicle-preview-list .main-box .rebate, .showroom .rebate, .accordion.accordion-menu .accordion-toggle{color: #ffffff!important; }

    .btn-dark-border{color: #001e50;}


    
    .header-address {border-top: 3px solid #00b0f0; }
    .ui-page .ui-panel-wrapper {border-bottom: 0px #ffffff solid;}
    .inventory-list .main-box {border-bottom: 1px solid #dfe4e8;}

    .btn-dark-border{ border: 3px solid #001e50;}
    .spec-details ul li, .dealer-box, .cta-generic li.last, .form-container .infobox {border-bottom: 1px solid #3c484d;}
    .legend, .cta-generic li {border-top: 1px solid #3c484d;}
    .catalog-list, .news-list, .form-container, .contact-section, .dealer_departments, .page404, .sitemap-section {border-top: 4px solid #001e50;}

    .page-rental-return__form-title {color: #001e50;}


    .vehicle-tagline {border: 1px solid #001e50;}
    #bodycolors .color-list-exterior>li a.selected img, #bodycolors .color-list-interior>li a.selected img  {border: 2px solid #001e50;}
    .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a { border: 1px solid #00437a;}
    .form-container fieldset input,
    .form-container fieldset select,
    .form-container fieldset textarea { border: 1px solid #dfe4e8;}

    nav.mainmenu li {border-color: #00286a;}
    .accordion.accordion-menu li {border-bottom: 1px solid #00286a;}
    .spec-block { border-top:1px solid #dfe4e8; border-bottom:1px solid #dfe4e8;}
    .spec-block .half-screen {border-bottom:1px solid #dfe4e8;}
    .spec-block .half-screen.first {border-right:1px solid #dfe4e8;}
    .spec-block .third-screen.middle {border-right:1px solid #dfe4e8;border-left:1px solid #dfe4e8;}
    @media only screen and (max-width: 480px) {
        .spec-block .half-screen.first{ border-right: 1px solid #dfe4e8; }
    }

    .separator-footer {border-bottom: 5px solid #00437a; }

    
    #selectPhoneToCall {background-image: url("https://img.sm360.ca/images/web/default/mobile-d/sprite.png"); background-repeat: no-repeat;}

    select {background-image: url("https://img.sm360.ca/images/web/default/mobile-d/sprite-vertical.png"); background-repeat: no-repeat;}

    .btn-mainmenu {background-image: url("https://img.sm360.ca/images/web/default/mobile-d/spriteMainBtn.png"); background-repeat: no-repeat; background-size: 100px 50px;}

    .rewards-program__tabs-list-element--selected .icon-rewards{background-image: url("https://img.sm360.ca/images/web/default/mobile-d/sprite.png"); background-repeat: no-repeat; background-position: -52px -306px; }
    .rewards-program__tabs-list-element--selected .icon-profile{background-image: url("https://img.sm360.ca/images/web/default/mobile-d/sprite.png"); background-repeat: no-repeat; background-position: -26px -306px; }
    .rewards-program__tabs-list-element--selected .icon-details{background-image: url("https://img.sm360.ca/images/web/default/mobile-d/sprite.png"); background-repeat: no-repeat; background-position: -3px -306px; }


    
    
    
    
    

    

    .bx-wrapper .bx-viewport {
        box-shadow: 0px 0px 0px #ffffff;
        -moz-box-shadow: 0 0 0px #ffffff;
        -webkit-box-shadow: 0 0 0px #ffffff;
    }

    .picto_phone{
        width: 35px;
        height: 35px;
        text-indent: -9999px;
        background-position: -148px -40px;
    }
    .picto_sms{
        width: 39px;
        height: 35px;
        text-indent: -9999px;
        background-position: -176px -227px;
    }

    .home-custom__title h1{
        color:#00b0f0;
    }

[data-theme-style~="highlightColor__asFont"]{
    color: #001e50;
}

[data-theme-style~="landingpage_bgColor"]{
    background-color: #000000;
}

[data-theme-style~="landingpagePromoBanner_bgColor"] {
    background-color: #ffffff
}

[data-theme-style~="landingpageHeader_fontColor"] {
    color: #000000
}
[data-theme-style~="landingpage_fontColor"] {
    color: #ffffff
}

[data-theme-style~="landingpage_fontColor--asBorderColor"]{
    border-color:#ffffff;
}

[data-theme-style~="landingpageBtnPrimary"]{
    background-color:#e4022c;
    color:#ffffff;
}

[data-theme-style~="landingpageBtnSecondary"]{
    background-color:#009640;
    color:#ffffff;
}

[data-theme-style~="landingpageBtnTertiary"]{
    background-color:#00437a;
    color:#ffffff;
}

[data-theme-style~="landingpageBtnPrimary"]:hover{
    background-color:#cb0227;
}

[data-theme-style~="landingpageBtnSecondary"]:hover{
    background-color:#007d35;
}

[data-theme-style~="landingpageBtnTertiary"]:hover{
    background-color:#003561;
}
[data-theme-style~="btnAlpha"]{
    background-color:#ffd103;
    color:#ffffff;
}
[data-theme-style~="btnBeta"]{
    background-color:#ffffff;
    color:#000000;
}
[data-theme-style~="btnBeta"] span{
    color:#ffd103;
}
[data-theme-style~="utilPrimary_fontColor"]{
    color:#00b0f0;
}
[data-theme-style~="utilPrimary_bgColor"]{
    background-color:#00b0f0;
}

[data-theme-style~="promoCountdown_widgetColor"]{
    color:#e4022c;
}
.promo-header__countdown--container .countdown-wrapper__element{
    background-color:#e4022c;
    color:#ffffff;
}
.promo-header__countdown--container .countdown__number{
    border-bottom:1px solid #ffffff;
}




.noUi-connect{
background: #009640 !important;
}

[data-theme-style~="app-banner-bg"]{
    background:url('') center top no-repeat;
}

[data-theme-style~="menu"]{
    background:#001e50;
}

[data-theme-style~="menu"]:before{
    background:#001e50;
}

[data-theme-style~="menu"]:after{
    background:#001e50;
}
[data-theme-style~="dark-background"]{
    background:#00437a;
}
[data-theme-style~="light-background"]{
    background:#ffffff;
}
[data-theme-style~="highlight-bgColor"]{
    background:#001e50;
}
[data-theme-style~="light-font"]{
    color:#ffffff;
}
[data-theme-style~="highlight-font"]{
    color:#001e50;
}
[data-theme-style~="spec-block-gaz"]{
    color:#ffffff;
    background-color: #001e50;
}

[data-theme-style~="filterSecondary"]{
    background-color: #00b0f0;
    background: -moz-radial-gradient(center, ellipse cover,  #00b0f0 0%, #00b0f0 50%, #000000 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#00b0f0), color-stop(50%,#00b0f0), color-stop(100%,#000000));
    background: -webkit-radial-gradient(center, ellipse cover,  #00b0f0 0%,#00b0f0 50%,#000000 100%);
    background: -o-radial-gradient(center, ellipse cover,  #00b0f0 0%,#00b0f0 50%,#000000 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #00b0f0 0%,#00b0f0 50%,#000000 100%);
    background: radial-gradient(ellipse at center,  #00b0f0 0%,#00b0f0 50%, #000000 100%);
    background-size: 3px 3px;
}
[data-theme-style~="filterSecondary__fontColor"]{
    color: #ffffff;
}
.filter-secondary input{
    background: #ffffff;
}

.page-vw-certified .wysiwyg a{
    color:#ffffff!important;
}
.widget-checkbox__check:after, [type=checkbox]:checked+label:after, [type=checkbox]:not(:checked)+label:after{
    color:#001e50;
}
.pagination__page-button-text{
    color:#dfe4e8
}
.pagination__page-arrows-text{
    color:#ffffff;
    background-color:#001e50;
}

.pagination__active{
    color:#001e50;
}

.departments-item.current a:after{
    background-color: #001e50;
}


.page-catalogdetails .video-block {
    color: #ffffff;
    background: #6a767d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#96a3a8, #6a767d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#96a3a8, #6a767d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#96a3a8, #6a767d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#96a3a8, #6a767d); /* Standard syntax */
}



[data-theme-style~="fontcolor"]{
    color:#ffffff;
}
[data-theme-style~="titleHighlightColor"]{
    color:#001e50;
}
[data-theme-style~="btnAlpha_bgColor"]{
    color:#ffd103;
}
/***********************************************
           Dynamic Promotions
************************************************/
.promotion-generate__link{
    background-color: #3c484d;
    color: #ffffff;
    border-color: #96a3a8;
}
.promotion-generate__link:hover{
    color: #ffffff;
}
.promotion-generate__legal-container{
    background-color: #ffffff;
    color: #96a3a8;
}

.detailed-price span,
.price__msrp{
    color: #96a3a8;
}

.detailed-price__rebate{
color: #e4022c;
}

[data-theme-style~="footerTop_bgColor"]{
    background-color: rgba(0,0,0,0.1) ;
}
[data-theme-style~="footerTop_titleColor"]{
    color:#00437a;
}

[data-theme-style~="inventoryAvailability_fontColor"]{
    color: #001e50;
}
[data-theme-style~="inventoryAvailability_fontColor"]:active,
[data-theme-style~="inventoryAvailability_fontColor"]:focus,
[data-theme-style~="inventoryAvailability_fontColor"]:hover{
    color: #001e50;
}

.widget__sticky{
    background-color: #ffffff;
    border: 2px solid #001e50;
}