body { font-family: "work sans", sans-serif; font-size: 16px; background-color: #ffffff; }

ul { list-style-type: none; padding: 0; margin: 0; }
a:hover { text-decoration: none; }
img { border: none; margin: 0; padding: 0; }

h1, h2, h3, h4 { text-transform: uppercase; font-family: Teko, sans-serif; font-weight: bold; }

.display-1, .display-2, .display-3, .display-4 { font-family: Teko, sans-serif; }

/* h1 with decorative red line below */
h1.red-bar, h2.red-bar, h3.red-bar, h4.red-bar {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-align: center;
}

h1.red-bar:after, h2.red-bar:after, h3.red-bar:after, h4.red-bar:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    border-bottom: 2px solid #e50019;
}

.container-fluid > .container {
    padding-left: 0;
    padding-right: 0;
}

/* Font Size Helpers */
.font-sm { font-size: 0.75rem !important; }
.font-md { font-size: 1rem !important; }
.font-lg { font-size: 1.25rem !important; }
.font-xl { font-size: 1.5rem !important; }
.font-xxl { font-size: 1.75rem !important; }

/* Font Weight Helpers */
.font-light { font-weight: 300 !important; }
.font-normal { font-weight: 400 !important; }
.font-bold { font-weight: 700 !important; }
.font-strike { text-decoration: line-through; }

/* Padding helpers */
.no_padding { padding: 0; }
.md-padded-top { padding-top: 15px; }
.md-padded-bottom { padding-bottom: 15px; }
.md-padded-top-bottom { padding-top: 15px; padding-bottom: 15px; }
.lg-padded-top { padding-top: 30px; }
.lg-padded-bottom { padding-bottom: 30px; }
.lg-padded-top-bottom { padding-top: 30px; padding-bottom: 30px; }
.xl-padded-top { padding-top: 45px; }
.xl-padded-bottom { padding-top: 45px; }
.xxl-padded-top { padding-top: 60px; }
.xxl-padded-bottom { padding-bottom: 60px; }
.xxl-padded-top-bottom { padding-top: 60px; padding-bottom: 60px; }

/* Margin helpers */
.no-margin { margin: 0 !important; }
.md-marged-top-bottom { margin-top: 15px; margin-bottom: 15px; }
.lg-marged-top { margin-top: 30px; }
.lg-marged-bottom { margin-bottom: 30px; }
.lg-marged-top-bottom { margin-top: 30px; margin-bottom: 30px; }
.xxl-marged-top { margin-top: 60px; }
.xxl-marged-bottom { margin-bottom: 60px; }
.xxl-marged-top-bottom { margin-top: 60px; margin-bottom: 60px;}

/****** Top gray bar ******/
#top-promo {
    background: #e5e5e5;
    font-family: Teko, sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 1.5rem;
    padding: .75rem;
    font-size: 1.5rem;
}

/*** header ***/

header { background-color: white }

#top-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

#top-container #logo {
    width: 250px;
    max-height: 45px;
    max-width: 100%;
}

#top-container #top-phone {
    font-family: Teko, sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #e50019;
    text-align: center;
    display: block;
}

#top-container #top-phone i:before {
    color: #000000;
    vertical-align: middle;
}

#top-container-menu {
    line-height: 31px;
    white-space: nowrap;
}

#top-container-menu a {
    color: #000000;
}

#top-container-menu .pe-icons-flag-canada:before {
    color: #ea0617;
    margin-right: 15px;
    font-size: 24px;
    vertical-align: middle;
}

#top-container-menu #top-cart-link {
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

#top-container-menu .pe-icons-cart:before {
    margin-right: 5px;
    font-size: 24px;
    vertical-align: middle;
}

#top-container-menu .divider {
    display: inline-block;
    margin: 0 15px;
    border-left: 2px solid black;
    height: 31px;
    vertical-align: middle;
}

#top-container-menu .pe-icons-facebook:before {
    margin-left: 10px;
    vertical-align: middle;
}

/****** Menu ******/
#main-nav { background: black; font-size: 0.85rem; }

#main-nav a { color: white; }
#main-nav nav { background: black; }
#main-nav .navbar > .btn {
    text-align: center;
    margin-right: 1em;
}

#main-nav .dropdown-menu { font-size: 0.9rem; }
#main-nav .dropdown-menu .dropdown-item { color: rgba(255, 255, 255, 0.85); }

/* replace the dropdown triangle with a custom icon */
#main-nav .dropdown-toggle:after {
    font-family: pe-icons;
    font-size: 10px;
    content: "\76";
    border: 0;
    vertical-align: middle;
    margin-left: 5px;
}

/* hamburger menu */
.navbar-dark .navbar-toggler {
    border-radius: 3px;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

@media (min-width: 992px) {

    /* maximize width of menu items in desktop mode */
    #main-nav nav .navbar-nav { width: 100%; }

    /* color active menu item */
    #main-nav nav .nav-item.active > a {
        font-weight: bold;
        background: #e50019;
        box-shadow: 2px 2px 0 #b70518, 1px 1px 0 #b70518;
    }

    /* color of dropdown menu and move it higher up to allow moving mouse into menu without closing it */
    #main-nav .dropdown-menu {
        margin-top: -5px;
        padding-top: 18px;
        background: rgba(0, 0, 0, 0.8);
    }
}

/* submenu highlight hover item */
#main-nav .dropdown-item:hover, #main-nav .dropdown-item:focus {
    color: white;
    background: rgba(0, 0, 0, 0.7) !important;
}

/* submenu highlight hover item (active) */
#main-nav .dropdown-item.active:hover, #main-nav .dropdown-item.active:focus {
    color: white;
    background: rgba(55, 0, 0, 0.7) !important;
}

@media (max-width: 991px) {
    /* menu toggle button aligned on the right*/
    #main-nav nav { justify-content: flex-end; font-size: 1rem; text-align: center;}
    #main-nav .navbar-nav a {
        padding: 0.75rem;
        margin: 0;
    }
    /* nice submenus on mobile */
    #main-nav .dropdown-menu { background: rgba(255, 255, 255, 0.1); text-align: center;}
    /* cart icon fix in the menu */
    .navbar-nav .pe-icons-cart:before { margin-right: 10px; vertical-align: middle; }
}

/*****************Title*********************/
.title_bar {
    background: #282626;
}

.title_icon_f1 {
    font-size: 30px;
    font-weight: 400;
    color: #000000;
    margin: 8px 0 0 15px;
    display: inline-block;
}

.title_bar_f1,
.title_bar_f4_container {
    font-size: 16px;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto; /* clearfix */
}

.title_bar_f4_container h1,
.title_bar_f4_container h2,
.title_bar_f4_container h3,
.title_bar_f4_container h4 {
    font-family: "Work Sans", sans-serif;
    font-weight: inherit;
    font-size: 1rem;
    color: inherit;
    margin: 0;
}

.title_bar_f4_container h1 {
    font-weight: bold;
}

.title_bar_f4_container h3,
.title_bar_f4_container h4 {
    margin-left: 5px;
}

.title_bar_f4_container p {
    margin: 0;
}

.title_h4 {
    color: #555555;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 5px;
}

.txt_f1 {
    width: 100%;
    line-height: 130%;
    text-align: justify;
}

.i {
    display: block;
    text-indent: -10000px;
    font-size: 1px;
}

.navbar-infos .i {
    float: left;
    width: 40px;
    height: 40px;
}

.icon-toplist {
    background: transparent url("/skin/img/icon_toplist.png") center center no-repeat;
}

.icon-kit {
    background: transparent url("/skin/img/icon_kit.png") center center no-repeat;
}

.icon-4 {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #000000;
    background: transparent url("/skin/img/icon_4.png") center center no-repeat;
}

/**** Home Description ****/
.home-callout-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-callout-box p {
    width: 190px;
    font-size: 0.9rem;
    line-height: 1.3;
}

.home-callout-box .home-icon-label {
    position: absolute;
    height: 50px;
    width: 180px;
    left: -15px;
    bottom: -45px;
    padding: 8px 10px;
    font-weight: bold;
    background: #e50019;
    box-shadow: 2px 2px 0 #b70518, 1px 1px 0 #b70518;
    display: flex;
    text-align: center;
}

.home-callout-box .home-icon-truck {
    width: 150px;
    height: 150px;
    background-size: cover;
    position: relative;
    margin-bottom: 45px;
}

.home-callout-box .home-icon-medal {
    width: 150px;
    height: 150px;
    background-size: cover;
    position: relative;
    margin-bottom: 45px;
}

.home-callout-box .home-icon-tire {
    width: 150px;
    height: 150px;
    background-size: cover;
    position: relative;
    margin-bottom: 45px;
}

/******************************** Boites de services **********************************/
.box_container_f1 {
    float: left;
    width: 100%;
    min-height: 210px;
    border: 1px solid #a8a8a8;
    text-align: center;
    padding: 30px;
}

.box_container_f1 i {
    float: left;
    width: 100%;
    height: 95px;
}

.box_container_f1 p {
    float: left;
    width: 100%;
    margin: 5px 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    color: #000000;
}

.box_container_f1 span {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 14px;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: 3px;
    color: #555;
}

.title_icon_container_f1 .icon-4 {
    margin-bottom: 15px;
    vertical-align: middle;
}

/*****************************Buttons************************/

.black-bg { color: #fff; background-color: #000; }
.light-grey-bg { color: #000; background-color: #e5e5e5; }

/***************Featured******************/

.box-featured-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(213px, 1fr));
    margin-left: -15px;
    margin-right: -15px;
}

.box-featured-subcontainer {
    margin: 15px 0;
    padding: 0 15px;
    display: inline-block;
    vertical-align: top; /* ie 11 compat */
}

.box-featured-subcontainer .brand_title {
    margin: 0;
    font-weight: bold;
    font-size: 1.25rem;
}

.box-featured-listitem {
    margin: 0.25rem 0;
    line-height: 1.2rem;
}

.box-featured-listitem a {
    color: #000;
}

@media (max-width: 767px) {
    .box-featured-listitem {
        margin: 0.8rem 0;
    }

    .box-featured-listitem:first-child {
        margin-top: 0.5rem;
    }

    .box-featured-listitem:last-child {
        margin-bottom: 0.5rem;
    }
}


/********************Footer*********************/
#footer_container {
    padding-top: 30px;
    background-color: #000000;
    color: #ffffff;
}

#footer_container > .container {
    padding-left: 0;
    padding-right: 0;
}

#footer_container a {
    color: inherit;
}

#footer_container img {
    max-width: 100%;
}

#footer_container .footer-header {
    font-weight: bold;
    font-size: 1.25rem;
}

#footer_container .footer-icon-item {
    position: relative;
    padding-left: 32px;
    font-weight: 600;
}

#footer_container .footer-coords {
    font-size: 1.718rem;
    font-family: Teko, sans-serif;
    color: #e50019;
    line-height: 1;
}

#footer_container .footer-icon-item i {
    position: absolute;
    display: block;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    font-weight: normal;
    font-size: 20px;
    color: #ffffff;
}

.footer-nav li {
    margin-bottom: 0.25em;
}

/******************************mini_search******************/
#mini_search_form {
    position: absolute;
    width: 220px;
    height: 30px;
    top: 38px;
    right: 2px;
}

#ms_element {
    float: left;
    width: 190px;
    margin-top: 2px;
    background-color: #e4e4e4;
    border: 1px solid #000000;
    border-radius: 2px;
    color: #7f7f7f;
    font-style: italic;
    font-size: 14px;
}

#mini_search_btn {
    float: left;
    display: block;
    width: 25px;
    height: 23px;
    text-indent: -10000px;
    font-size: 1px;
}

/************************search**************************************/
#search_form_dimension_container,
#search_form_vehicules_container {
    min-height: 350px;
}

#s_search_btn_vehicule {
    float: right;
}

#find_size {
    float: left;
    position: relative;
    width: 221px;
    height: 141px;
    margin: 15px 0 15px 7px;
}

#link_find_size {
    float: left;
    display: block;
    font-size: 1px;
    width: 221px;
    height: 141px;
    text-indent: -10000px;
}

.submit {
    float: right;
    margin-right: 10px;
    color: #5d5d5d;
}

.submit:hover {
    color: #000000;
}

/* Page CMS (global) */
.title_f4_s { margin-bottom: 0; }

/* Page CMS FAQS */

.faqs_container { margin-bottom: 45px; }
.faqs_container:not(:first-child) { margin-top: 15px;}
.faqs_container::after { /* clearfix */ display: block; clear: both; content: ""; }

.faqs_container p {
    color: #5d5d5d;
    /*width: 605px;*/
    margin-left: 82px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
}

.icon_faq {
    float: left;
    width: 70px;
    height: 70px;
    display: block;
    margin-right: 10px;
    /* margin-top: 23px;*/
    border: 1px solid #bcbbbb;
    background: transparent url('/skin/img/icon_faq.png') 1px -1px no-repeat;
}

/* Page CMS Livraison */

.icon_l {
    float: left;
    width: 70px;
    height: 70px;
    display: block;
    margin-right: 10px;
    border: 1px solid #bcbbbb;
}

.icon_lf {
    background: transparent url('/skin/img/icons_livraison.png') 0 0 no-repeat;
}

.icon_lm {
    background: transparent url('/skin/img/icons_livraison.png') -65px 0 no-repeat;
}

.icon_lp {
    background: transparent url('/skin/img/icons_livraison.png') -135px 0 no-repeat;
}

.icon_thumb { margin-top: 15px; }

.icon_thumb p {
    margin-left: 82px;
    margin-top: 0;
    margin-bottom: 50px;
}

.important {
    color: #000;
    float: left;
    font-size: 16px;
    margin: 0 0 15px 0;
    font-weight: bold;
}

/************************************ blog *********************************/

.play_icon {
    width: 113px;
    height: 109px;
    left: 180px;
    position: absolute;
    top: 51px;
    background: transparent url("/skin/img/icon_play.png") top right no-repeat;
}

.play_icon_link {
    float: left;
    width: 113px;
    height: 109px;
    display: block;
    text-indent: -10000px;
}

.news_container {
    max-width: 1278px;
    margin: 0 auto 30px auto;
}

.news_image {
    display: block;
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.news_image img {
    position: absolute;
    display: inline;
    vertical-align: top;
    transform: translateY(-50%);
    top: 50%;
    max-width: 100%;
}

.news_box {
    padding: 20px 0 40px 0;
}

.news_text {
    line-height: 20px;
}

.news_date {
    color: #333;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 23px;
}

.news_text p {
    margin: 0 0 1em 0;
    color: #444;
    font-size: 18px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
    line-height: 24px;
}

.news_read_more {
    text-align: right;
}

@media (max-width: 990px) {

    .news_image {
        height: 250px;
    }
}

@media (max-width: 480px) {

    .news_image {
        height: auto;
    }

    .news_image img {
        position: relative;
    }
}

/*************************** Promotions **********************/
.promotion_container {
    display: flex;
    flex-wrap: wrap;
}

.promotion_box {
    width: 33%;
    margin: 0.1666%;
    position: relative;
}

.promotion_box img {
    max-width: 100%;
}

.promotion_box .print_icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    opacity: 0.6;
    color: black;
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
}

@media only screen and (max-width: 1199px) {
    .promotion_box {
        width: 49.59%;
        margin: 0.2%;
    }
}

@media only screen and (max-width: 990px) {
    .promotion_box {
        width: 100%;
        margin: 3px 0;
    }
}

/************************************cart/view*********************************/
.content_container_cart {
    position: relative;
    float: left;
    width: 970px;
    margin-left: 15px;
}

/************************************cart/grid*********************************/
/*****************************************produit/grid***********************************/
.f3_subcontainer_cart {
    float: left;
    width: 972px;
}

.cart_grid_container {
    float: left;
    width: 972px;
}

.cart_header_container {
    float: left;
    width: 972px;
    height: 47px;
    background-color: #000000;
}

.produits_list_button {
    float: right;
    margin-right: 5px;
}

#cart_span_noproduit {
    width: 80px;
}

#cart_span_model {
    width: 250px;
}

#cart_span_dimension {
    width: 100px;
}

#cart_span_qty {
    width: 40px;
    text-align: center;
}

.cart_lib {
    float: left;
    width: 972px;
}

.cart_produits_list_item {
    float: left;
    position: relative;
    width: 972px;
    height: 220px;
    margin-bottom: 15px;
    background-color: #ffffff;
}

.cart_list_item_prices {
    float: left;
    width: 260px;
}

.cart_list_item_prices_container {
    float: left;
    width: 240px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.cart_footer {
    float: right;
    width: 273px;
    background-color: #ffffff;
}

.cart_checkout_container {
    float: right;
    width: 273px;
    height: 47px;
    background-color: #92cb45;
}

.btn_cart_checkout {
    color: #ffffff;
    float: left;
    font-size: 16px;
    padding: 14px 12px;
    width: 249px;
    text-align: center;
}

.value_price_cart {
    float: right;
}

.produit_container {
    border-bottom: 1px solid #eaeaea;
}

.produit_container:last-child {
    border-bottom: none;
}

.cart_totals > div::after { /* clearfix */ display: block; clear: both; content: "" }

.cart_label_price {
    float: left;
    color: #888;
}

.cart_label_price::first-letter {
    text-transform: uppercase;
}

.cart_value_price {
    float: right;
    color: #000000;
}

.cart_value_price_r {
    float: right;
    color: #ea2429;
}

.cart_label_qty {
    float: right;
    width: 40px;
    height: 30px;
    background-color: #000000;
    border: 1px solid #ed2227;
    color: #ffffff;
    font-size: 18px;
    margin: 0 0 15px 0;
    text-align: center;
}

.cart_list_item_btn_remove {

    float: right;
    width: 150px;
    padding: 10px 0;
    background: transparent url("/skin/img/btn_f3.png") top left no-repeat;
    color: #000000;

}

.icon_seasons_grid {
    display: block;
    position: absolute;
    top: 5px;
    right: 285px;
    width: 47px;
    height: 47px;
    text-indent: -10000px;
}

.cart_list_item_btns {
    bottom: 10px;
    position: absolute;
    right: 10px;
    width: 260px;
    font-size: 18px;
    text-align: center;
}

/************************************produits/view*********************************/
.subcontainer_produit em, .f4_subcontainer_sousproduit em {
    text-transform: uppercase;
    color: #000;
    font-size: 27px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 25px 0;
    line-height: 1;
    display: block;
}

.view_details_side_left {
    float: left;
    width: 400px;
    position: relative;
}

.produit_view .view_details_side_left,
.produit_view .view_details_side_right {
    display: table-cell;
    float: none;
}

.produit_view .view_details_side_left {
    vertical-align: bottom;
}

.view_details_side_right {
    float: left;
    width: 555px;
    position: relative;
}

.produit_view .view_details_side_right {
    min-height: 260px;
    padding-right: 15px;
}

.view_details_side_left_container {
    float: left;
    width: 400px;
    margin-right: 15px;
}

.produit_f_logo_container {
    float: left;
    width: 400px;
    height: 150px;
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
}

.produits_view_item_title_r {
    text-align: right;
}

.produit_view .produit_f_logo_container {
    width: auto;
    height: auto;
}

.produit_f_logo {
    float: left;
    width: 225px;
    margin-left: 87px;
}

.produit_view .produit_f_logo {
    margin-left: 15px;
}

.produit_main_image_container {
    float: left;
    width: 400px;
    height: 260px;
    overflow: hidden;
    position: relative;
}

.produit_view .produit_main_image_container {
    float: none;
}

.produit_main_image_container img {
    float: left;
    width: 400px;
}

.dimen_r {
    color: #ea2429;
}

.tire_dimensions {
    text-transform: uppercase;
    color: #000;
    font-size: 27px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 25px 0;
    line-height: 1;
    display: block;
    margin: 0;
}

.xl {
    color: #b0afaf;
}

.produits_action_container {
    margin-bottom: 25px;
}

.produits_list_item_btns {
    font-size: 13px;
    line-height: 1;
    text-align: center;
    margin-top: 12px;
}

.produit_view .produits_list_item_btns {
    float: none;
    position: absolute;
    margin: 0;
    bottom: 0;
    right: 15px;
    height: 60px;
}

.produits_list_item_toolbar h2 {
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.5;
    margin: 15px 0 0 0;
    font-weight: bold;
    color: #333;
}

.produits_list_item_btn_buy {
    float: right;
    width: 150px;
    padding: 10px 0;
    background-color: #000000;
    color: #ffffff;
}

.rating_text {
    margin-right: 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #595959;
}

.rating_value {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #000000;
}

.rating_value_r {
    font-size: 14px;
    line-height: 25px;
    color: #ea2429;
}

.produits_list_item_form {
    margin: 12px 0 24px 0;
}

.add_to_cart_view_qty_container {
    margin-bottom: 15px;
    margin-top: 15px;
}

.add_to_cart_view_qty_container h3 {
    float: left;
    color: #000000;
    margin: 3px 0 0 5px;
}

.qte_label {
    float: right;
    margin: 4px 15px 0 0;
    font-size: 16px;
    font-weight: bold;
}

.btn_header_grid_item_container {
    float: left;
    width: 100%;
    padding: 12px;
    color: white;
    background-color: black;
    font-family: Teko, sans-serif;
}

.btn-with-cart-icon {
    position: relative;
}

.btn-with-cart-icon:after {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    display: block;
    width: 30px;
    background: url("/skin/img/btn_mini_cart.png") center center no-repeat;
}

.btn_header_grid_item_container .qte_input {
    position: absolute;
    left: 27px;
}

.btn_add_cart {
    height: 21px;
    width: 21px;
    margin-top: 4px;
    margin-right: 7px;
}

.qte_input {
    width: 50px;
    height: 31px;
    border: 1px solid #ed2227;
    font-size: 18px;
    margin: 0;
    text-align: center;
}

.qte_input.dark {
    background: black;
    color: white;
}

input[type="number"].qte_input {
    width: 60px;
    padding: 3px 6px 3px 16px;
}

.add_to_cart_view_item_container {
    float: left;
    padding: 15px;
}

.view_price_content {
    margin: 0 0 5px 0;
}

.view_label_price {
    float: left;
    width: 150px;
    font-size: 14px;
    color: #9e9e9e;
}

.view_value_price {
    float: right;
    font-size: 14px;
    color: #000000;
}

.view_value_price_r {
    float: right;
    font-size: 14px;
    color: #ed2227;
}

.rabais_content {
    color: #ed2227;
}

/*** caract icons ***/
.grid-attributes-container {
    display: flex;
    align-items: center;
}

.grid-attributes {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -7px;
    margin-right: -7px;
}

.grid-attributes .produits_view_caract_container {
    width: 70px;
    margin: 5px 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.grid-attributes.mini .produits_view_caract_container {
    max-width: 40px;
}

.grid-attributes.medium .produits_view_caract_container {
    max-width: 50px;
}

.grid-attributes .produits_view_caract_container {
    text-align: center;
}

.grid-attributes.mini .produits_view_caract_container .title_caract {
    font-size: 11px;
}

.grid-attributes.mini .produits_view_caract_container .rate_caract {
    font-size: 12px;
}

.grid-attributes.medium .produits_view_caract_container .icon_caract {
    transform: scale(0.875) translateX(-3px);
}

.grid-attributes.mini .produits_view_caract_container .icon_caract {
    transform: scale(0.75) translateX(-5px);
}

.produits_view_caract_container span {
    display: block;
}

.icon_caract {
    display: block;
    width: 47px;
    height: 47px;
    margin: 0 auto;
    border: 1px solid #ea2429;
}

.title_caract {
    font-size: 15px;
    color: #666;
}

.rate_caract {
    font-size: 15px;
    color: #ea2429;
    font-weight: bold;
}

.icon_neige {
    background: transparent url('/skin/img/icons_spec.png') -280px 0 no-repeat;
}

.icon_glace {
    background: transparent url('/skin/img/icons_spec.png') -232px 0 no-repeat;
}

.icon_sec {
    background: transparent url('/skin/img/icons_spec.png') 0 0 no-repeat;
}

.icon_pluie {
    background: transparent url('/skin/img/icons_spec.png') -44px 0 no-repeat;
}

.icon_stabilite {
    background: transparent url('/skin/img/icons_spec.png') -88px 0 no-repeat;
}

.icon_confort {
    background: transparent url('/skin/img/icons_spec.png') -138px 0 no-repeat;
}

.icon_durabilite {
    background: transparent url('/skin/img/icons_spec.png') -187px 0 no-repeat;
}

h6 {
    font-size: inherit;
    line-height: 30px;
    font-weight: bold;
    margin: 0;
}

.list_f3 {
    margin-left: 10px;
}

.list_f3 li {
    background: url("/skin/img/arrow_li.png") no-repeat left 6px;
    padding-left: 10px;
    box-sizing: border-box;
}

/* checkout */
#card_fields .form-group {
    margin-bottom: -4px;
}

.checkout_error_container {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    background-color: #ea2429;
    color: white;
}

.checkout_error_container > div {
    padding: 15px;
}

.checkout_error_container h3 {
    margin-top: 0;
    margin-bottom: 15px;
}

.checkout_error_container p {
    margin: 14px 12px;
}

.checkout_error_container ul {
    margin: 14px 12px;
    padding-left: 15px;
}

.checkout_error_container li {
    margin: 0 0 6px 0;
    list-style-type: disc;
}

.checkout_payment_source_container,
.checkout_shipping_type_container {
    margin-top: 8px;
    cursor: pointer;
}

.checkout_payment_source_container a,
.checkout_shipping_type_container a {
    display: block;
    text-align: left;
    line-height: 40px;
}

.checkout_payment_source_container .checkbox_checked + a,
.checkout_payment_source_container a:hover,
.checkout_shipping_type_container .checkbox_checked + a,
.checkout_shipping_type_container a:hover {
    color: #000;
}

.checkout_payment_source_container span.icon,
.checkout_shipping_type_container span.icon {
    width: 28px;
    height: 41px;
    display: block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    background: transparent url(/skin/img/checkbox_f1.png) center left no-repeat;
}

.checkout_payment_source_container span.icon.checkbox_checked,
.checkout_shipping_type_container span.icon.checkbox_checked {
    background-position-x: right;
}

.checkout_label_price {
    float: left;
    color: #9e9e9e;
}

.checkout_value_price {
    float: right;
    color: #000000;
}

.checkout_value_price_r {
    float: right;
    color: #ea2429;
}

.checkout_label_qty {
    background-color: #000000;
    border: 1px solid #ed2227;
    color: #ffffff;
    float: left;
    font-size: 18px;
    height: 24px;
    margin-top: 5px;
    text-align: center;
    width: 43px;
}

.checkout_list_item_btn_remove {
    float: right;
    width: 150px;
    padding: 10px 0;
    background: transparent url("/skin/img/btn_f3.png") top left no-repeat;
    color: #000000;
}

.checkout_delay_info {
    background-color: #e30613;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    padding: 10px 15px;
    border-radius: 4px;
    max-width: 1200px;
    margin: 10px auto;
    line-height: 1.4;
}

.icon_seasons_grid {
    display: block;
    position: absolute;
    top: 5px;
    right: 285px;
    width: 47px;
    height: 47px;
    text-indent: -10000px;
}

.checkout_list_item_btns {
    bottom: 10px;
    position: absolute;
    right: 10px;
    width: 260px;
    font-size: 18px;
    text-align: center;
}

/*****errors form**************************************/
.error_mess_checkout {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    pointer-events: none; /* click through */
    background: red;
    color: white;
    border-radius: 10px 10px;
}

.form-group {
    position: relative;
}

.message_p {
    color: white;
    margin: 0 5px;
    font-size: 12px;
}

/* promo code */
#code_promo_error {
    color: red;
    font-size: 14px;
    margin-top: 5px;
}

#code_promo_success {
    color: green;
    font-size: 14px;
    margin-top: 5px;
}

/***********************success*********************/
.success_container {
    float: left;
    margin-bottom: 15px;
    width: 972px;
    background-color: #ffffff;

}

.title_form_success {
    font-size: 20px;
    margin: 10px;

}

/**************************Screen***********************/
@media only screen and (max-width: 767px) {
    #header .navbar-brand img {
        width: 180px;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 100%;
    }

    .nav > li {
        float: left;
        width: 100%;
    }

    .nav > li a {
        float: left;
        width: 100%;
        text-align: right;
    }

    #icon_cart i {
        float: right;
        display: block;
    }

    .nav > li i {
        display: none;
    }

    #canvas_slider {
        background-image: url("/skin/img/767/bg.jpg");
    }

    #canvas_slider > .row {
        height: auto;
    }

    .text_layer_container .title {
        font-size: 38px;
        line-height: 38px;
    }

    .text_layer_container .subtitle {
        font-size: 16px;
        line-height: 18px;
        width: 100%;
    }

    .text_layer.pt1 {
        width: 70%;
    }

    .text_layer.pt2 {
        width: 30%;
    }

    .text_layer .rebate {
        font-size: 50px;
        line-height: 38px;
    }

    .text_layer_col .pt2 {
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .navbar-infos {
        display: none;
    }

    .box-featured-subcontainer h4,
    .box-featured-subcontainer a {
        text-align: center;
    }

    .btn_f2 {
        font-size: 14px;
    }

    .fabricants_list_item .f_width {
        width: auto;
        height: 100%;
    }

    .footer-nav {
        width: 100%;
    }

    .footer-nav li {
        margin: 0.75em 0;
    }

    .footer-nav li:first-child {
        margin-top: 0;
    }

    .footer-nav li:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-infos {
        display: none;
    }
}

/*******************Labels***************/

.lbl-f3 {
    float: left;
    font-weight: bold;
    font-size: 58px;
    line-height: 58px;
}

.lbl-f4 {
    float: left;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
}

/* select2 custom combo boxes */
span.select2.select2-container { margin: 5px 0; color: #222; }
.select2-container--default .select2-selection--single, .select2-container--default .select2-dropdown { border-radius: 0; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #111; font-weight: bold; }
.select2-container--disabled .select2-selection--single .select2-selection__placeholder { color: #222; font-weight: normal; }
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; text-align: center; }
.select2-results__option { text-align: center; }

/* fonts */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Teko Regular'), local('Teko-Regular'),
    url('../fonts/teko-v9-latin-regular.woff2') format('woff2'),
    url('../fonts/teko-v9-latin-regular.woff') format('woff');
}
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Teko Bold'), local('Teko-Bold'),
    url('../fonts/teko-v9-latin-700.woff2') format('woff2'),
    url('../fonts/teko-v9-latin-700.woff') format('woff');
}
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Work Sans'), local('WorkSans-Regular'),
    url('../fonts/work-sans-v5-latin-regular.woff2') format('woff2'),
    url('../fonts/work-sans-v5-latin-regular.woff') format('woff');
}
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Work Sans Bold'), local('WorkSans-Bold'),
    url('../fonts/work-sans-v5-latin-700.woff2') format('woff2'),
    url('../fonts/work-sans-v5-latin-700.woff') format('woff');
}

/*** loading animation circles ***/
@keyframes loadanim {
    0% {
        top: 96px;
        left: 96px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 18px;
        left: 18px;
        width: 156px;
        height: 156px;
        opacity: 0;
    }
}

.loadanim-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.loadanim {
    position: relative;
    width: 200px !important;
    height: 200px !important;
}

.loadanim div {
    box-sizing: content-box;
    position: absolute;
    border-width: 4px;
    border-style: solid;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: loadanim 2s linear infinite;
    animation: loadanim 2s linear infinite;
}

.loadanim div:nth-child(1) {
    border-color: #eb2326;
}

.loadanim div:nth-child(2) {
    border-color: #eb2326;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.cursor-pointer { cursor: pointer; }

.do-wiggle {
    animation: wiggle 0.2s ease-in-out;
    animation-delay: 0.1s;
}

@keyframes wiggle {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(0.5deg);
    }
    100% {
        transform: rotate(0);
    }
}