div#etai div.col-xl-6.col-lg-12.col-md-12.col-sm-12.col-xs-12.col-sp-12.ApColumn {padding: 0;}

div.motoristes li {
    display: inline-grid;
    text-align: center;
}

div.motoristes li img {
    color: white;
}

.bloc-recherche-piece {
    position: relative;
}

.bloc-recherche-piece .autocomplete-piece {
    position: absolute;
    padding: 5px;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    border: 2px solid #000;
    border-top: none;
    color: #000;
    font-size: 12px;
    z-index: 99999;
}

div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes li.active {
    background: #e72726;
    color: white;
    border-bottom: 1px solid #e72726;
}

.bloc-recherche-piece .autocomplete-piece ul {
    max-height: 140px;
    overflow-y: auto;
}

.bloc-recherche-piece .autocomplete-piece ul li {
    cursor: pointer;
    padding: 3px 0;
}

.bloc-recherche-piece .autocomplete-piece ul li:hover {background-color: #eee;}


div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes li.active {}

body#index div#recherche-pieces.container div#onglets-recherche-etai ul#onglets-contents {width: 100%;
    background: white;
    padding: 40px 20px 20px;
    margin-top: 0;
    float: left;
}

div#recherche-pieces.container.home div#onglets-recherche-etai ul#onglets-contents {padding: 20px 10px;}

div#recherche-pieces div#blocs-recherche {
    width: 100%;
    display: flex;
    clear: both;
}

div#recherche-pieces div.bloc-recherche {

    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    padding-bottom: 5px;
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.2);

}

div#recherche-pieces div.bloc-recherche div.titres-bloc {}

div#recherche-pieces div.bloc-recherche div.titres-bloc h2 {
    margin: 10px 0 0 0;
    background-color: #302b2c;
    padding: 10px;
    text-align: center;
    color: #e82c2a;
    font-size: 12px;
    letter-spacing: 3px;
}

div#recherche-pieces div.bloc-recherche div.titres-bloc h3 {
    font-size: 19px;
    text-align: center;
    font-weight: 400;
    margin: 20px 0 0 0;
}

div#recherche-pieces div.bloc-recherche div.titres-bloc > p {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

body#etaiPieces div.haut div.modeles-par-annee {
    margin-bottom: 40px;
}

div ul li.vitesse1 label {
    width: 100%;
}


div.liste-motorisations {
    float: left;
    width: 100%;
}

option {font-size: 11px;}

select.p_variation {}

select.p_variation optgroup {padding: 0;}

select.p_variation option {font-size: 11px;padding-left: 10px;}

option.subtitle-1 {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    padding-left: 5px;
}

option.subtitle-2 {
    font-weight: bold;
    color: #333;
    padding-left: 7px;
}

.form-control {
    border-radius: 20px;
}

body#index div#recherche-pieces.container div#onglets-recherche-etai ul#onglets-contents {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

div.modeles-par-annee img.img-fluid {
    width: auto;
    height: 150px;
    cursor: pointer;
}

div#recherche-pieces.container.home div#onglets-recherche-etai ul#onglets-contents {
    padding: 40px 10px 0 220px;
}


div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes {
    width: 100%;
    display: flex;
    margin: 0;
}

div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes li {flex: 1;}

div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes li:last-child {margin-right: 0;}


div#etaiaccueil label {
    font-weight: 600;
    color: #000;
    margin: 20px 10px 10px;
    font-size: 13px;
}

div#etaiaccueil .bloc-recherche-piece input.p_piece.loading {background: url('../img/loader-31x.gif') no-repeat center right #fff;}

div.filtre.portes ul li label.radio-label {display: block;
    background: url("../img/icones/3portes.png") no-repeat top center;
    padding-top: 60px;}

div.filtre.portes ul li.li-4-portes label.radio-label {display: block;
    background: url("../img/icones/5portes.png") no-repeat top center;
    padding-top: 60px;}

div.filtre.portes ul li.li-5-portes label.radio-label {display: block;
    background: url("../img/icones/5portes.png") no-repeat top center;
    padding-top: 60px;}

ul.onglets-carburant li {
    font-weight: 600;
    color: #000;
    margin: 20px 0;
    margin-right: 0px;
    font-size: 10px;
    text-align: center;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
    background: white;
    display: inline-block;
    padding: 0.325rem 0.125rem;
    padding-top: 0.325rem;
    font-weight: 600;
    border: 1px solid #ddd;
    float: left;
    margin-right: 20px !important;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    width: 100px;
}

ul.onglets-carburant li.active {
    border: 2px solid #000;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
}

ul.onglets-carburant li.essence { background: url("../img/icones/essence.png") no-repeat top center;
    padding-top: 50px;}

ul.onglets-carburant li.diesel { background: url("../img/icones/diesel.png") no-repeat top center;
    padding-top: 50px;}

ul.onglets-carburant li.gpl { background: url("../img/icones/gpl.png") no-repeat top center;
    padding-top: 50px;}

ul.onglets-carburant li.gnv { background: url("../img/icones/gnv.png") no-repeat top center;
    padding-top: 50px;}

ul.onglets-carburant li.electrique { background: url("../img/icones/electrique.png") no-repeat top center;
    padding-top: 50px;}

ul.onglets-carburant li.autre { background: url("../img/icones/autre.png") no-repeat top center;
    padding-top: 50px;}

ul.onglets-carburant li.ethanol { background: url("../img/icones/ethanol.png") no-repeat top center;
    padding-top: 50px;}


#recherche-pieces div.liste-motorisations ul.contenu-carburant {}

#recherche-pieces div.liste-motorisations ul.contenu-carburant li ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px 0;
}

ul.contenu-carburant li.open ul li {
    margin: 5px;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 3px;
}

ul.contenu-carburant li.open ul li p {
    color: black;
    font-weight: 600;
    margin: 0;
    /*     background: url(../img/icones/bullet.png) no-repeat left center;
        padding-left: 20px;
        margin-right: 10px;
        display: inline-block;
        color: black;
        font-weight: 600;
        cursor: pointer;
        width: 180px;
        border: 1px solid #ddd;
        padding: 3px 3px 3px 20px;
        box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1); */
}

ul.contenu-carburant li.open ul li:hover {
    border: 1px solid #000;
}

#catalogue ul.liste-catalogues {display: flex;justify-content: space-around;}

#catalogue ul.liste-catalogues li {}

#catalogue ul.liste-catalogues li a {}


div.infos-vehicule p {
    font-weight: 600;
    color: #000;
    margin: 20px 0;
    font-size: 13px;
    text-align: center;
    display: none;
}

div.infos-vehicule p.alert {display: block;}

div#recheche-par-reference {
    margin-top: 20px;
    padding: 0 0 10px;
    width: 100%;
}

div#recheche-par-reference input {}

div#recheche-par-reference input.p_reference {
    min-width: 180px;
}

div#recheche-par-reference input {
    background: #eeeeee none repeat scroll 0 0;
    border: medium none;
    height: 40px;
    border-radius: 2px;
    border-color: #e8e8e8 #e8e8e8 #e82c2a;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
}

div#recheche-par-reference input:focus {
    background: #fff none repeat scroll 0 0;
}

div#recheche-par-reference input.submit-ref {
    background: #e82c2a none repeat scroll 0 0;
    border: 0 solid rgba(0, 0, 0, 0) !important;
    border-radius: 40px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 40px;
}

div#recherche-rapide label {background: #ee3137 none repeat scroll 0 0;
    border-radius: 4px 0 0 4px;
    color: #ffffff;
    font-size: 11px;
    height: 33px;
    letter-spacing: 1px;
    line-height: 35px;
    margin: 0 -4px 0 0;
    padding: 0 10px;
    text-transform: uppercase;}

div#recherche-pieces {
    padding: 0
}

div#etai {margin: 0;}

#recherche-pieces > h2 {}

div#infos-vehicule {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 10px 0 10px;
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.2);
}

div.panneaurecherche {}

#recherche-pieces > h2 span {}

div#recherche-pieces div#blocs-recherche {
    overflow: hidden;
    position: relative;
}

div#recherche-immat {}

/* body#etaiRecherche section#products ,
body#etaiPieces section#products {
    background: white none;
    padding-top: 0 !important;
	min-height: 300px;
} */

body#etaiRecherche div#js-product-list-top.products-selection,
body#etaiPieces div#js-product-list-top.products-selection {background: white !important;}

div#recherche-pieces div#blocs-recherche p.titre-recherche {}

div#recherche-pieces div#blocs-recherche p.titre-recherche.question {}

div#recherche-pieces div#blocs-recherche p.titre-recherche span {}

div#recherche-pieces div#blocs-recherche p.titre-recherche a {}

.box-fitle p {

}

div#recherche-mine div.block.box-fitle .title_fitle,
.box-fitle h2.title_fitle, .box-fitle div.title_fitle {
    margin: 0;
    font-size: 12px;
    font-style: normal;
    color: #302b2c;
    text-transform: capitalize;
    text-align: center;
    padding: 20px 0 0;
    line-height: 15px;
}

div#blocs-recherche div#recherche-immat form div.block.box-fitle, div#blocs-recherche div#recherche-immat form div.block.box-fitle p {
    color: #302b2c !important;
    font-weight: 600;
    line-height: 1;
    font-size: 23px !important;
}

.box-fitle {
    margin: 30px 0 0;
    padding-left: 0;
    text-align: center;
}

.box-fitle .title_fitle {
    padding: 30px 0 0;
}

div#recherche-immat .box-fitle {
}

div#recherche-vehicule .box-fitle {
}

div#recehrche-par-critere .box-fitle {
    background: url("../img/icone-recherche.png") no-repeat left center;
    height: 50px;
}

div#recherche-pieces div#blocs-recherche > div {}

div#recherche-pieces div#blocs-recherche > div div.fond-recherche {}

div#recherche-pieces div#blocs-recherche > div div.contenu-recherche {}

div#recehrche-par-critere {
    padding: 0;
}

div#blocs-recherche .bloc-recherche form {
    /* border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    padding-bottom: 5px;
    box-shadow: 1px 0px 3px rgba(0,0,0,0.2);  */
}

div#recherche-pieces form#recherche_vehicule div.block.box-fitle {margin-bottom: 0 !important;}

div#recherche-pieces div#blocs-recherche > div div.contenu-recherche .form {
    border-radius: 3px;
    margin: 0 10%;
    padding: 5px 10px 0;
    min-height: 130px;
}

div#recherche-immat form {
    border: 0px solid #eee;
    padding-bottom: 40px;
}

div.options-vehicule,
.add-to-cart {background-color: #302b2c;}

div.add-to-cart-qty {display: flex;justify-content: center;margin-top: 20px;}

div.add-to-cart-qty button.change-qty {
    background-color: #323232;
    color: #fff;
    cursor: pointer;
    border: 0;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: bold;
}

div.add-to-cart-qty button.change-qty:hover {background-color: #68d0af;}

div.add-to-cart-qty button.dec-qty.change-qty {}

div.add-to-cart-qty input.input-group.form-control.qty.qty_product {
    border-radius: 0;
    width: 40px;
    padding: 10px 0;
    text-align: center;
}

div.add-to-cart-qty button.inc-qty.change-qty {}

div#infos-vehicule i.fa {color: white;font-size: 14px;}

div.options-vehicule {
    border-radius: 2px;
    text-align: center;
}

p.cible {
    margin: 0 !important;
    background-color: #ee3137;
    text-align: center;
    color: #fff;
    line-height: 30px;
}

p.cible span {font-weight: bold;}

a.go-categories {
    text-align: center;
    background-color: #302b2c;
    color: #fff;
    line-height: 30px;
}

a.go-categories i {font-size: 14px;}

div.options-vehicule a {color: white;
    text-decoration: none;
    padding: 10px 0;
    line-height: 30px;

}

div#recherche-pieces .form:hover {
    transition: all .3s ease-in;
}

div#recherche-pieces div#blocs-recherche > div div.contenu-recherche .form > p {
    color: #302b2c;
    font-size: 12px;
    margin-bottom: 30px;
}

div#recherche-mine p.exemple {
    color: #302b2c !important;
    text-align: center;
}

div#etai div.blocimage {padding: 0;}

div#recherche-pieces div#blocs-recherche > div div.contenu-recherche .submit {
    background: transparent;
    border: none !important;
}

body#etaiRecherche nav.pagination div.text-xs-center,
body#etaiPieces nav.pagination div.text-xs-center {display: none !important;}

div#recherche-pieces div#blocs-recherche div#recherche-vehicule {margin: 0;}

div.form input.typemines {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none white;
    border-color: #e8e8e8 #e8e8e8 #e82c2a;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
    box-shadow: none;
    color: #999999;
    font-size: 13px;
    height: 30px;
    line-height: 50px;
    margin: 0 0 10px;
    outline: 0 none;
    padding: 0 15px;
    text-transform: capitalize;
    width: 100%;
}

div.form input:focus.typemines {
    background: none white !important;
}

div#recehrche-par-critere form select,
div#recherche-pieces div#blocs-recherche div#recherche-vehicule select {
    margin-bottom: 3px;
    border-radius: 3px;
}

div#recherche-pieces div#blocs-recherche div#recherche-vehicule select.active {
    background-color: #fff;
    border-bottom: 3px solid #ee3137;
}

div#recehrche-par-critere form select {
    width: 80%;
    margin: 0 auto 3px;
}

a.retour-etai {
    background: #666 none repeat scroll 0 0;
    border-radius: 2px;
    text-transform: uppercase;
    color: white;
    font-size: 11px;
    line-height: 40px;
    margin: 30px 0 0;
    padding: 10px;
    font-weight: normal;
    letter-spacing: 1px;
    width: auto;
}

div#recherche-pieces div#blocs-recherche div#recherche-vehicule select:disabled {background-color: #f7f7f7;}

div#recherche-pieces div#blocs-recherche div#recherche-vehicule select optgroup {}

div#recherche-pieces div#blocs-recherche div#recherche-vehicule select option {}

div#recherche-pieces div#blocs-recherche div#recherche-immat {}

div#recherche-pieces div#blocs-recherche div#recherche-immat input.immatriculation {
    font-family: "Open Sans", sans-serif !important;
    background: white;
    color: #302b2c;
    font-size: 18px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0 3px;
    width: 100%;
    box-shadow: none;
    height: 30px;
    line-height: 30px;
    outline: 0 none;
    float: left;
    border-radius: 4px 0 0 4px;
    border: 1px solid #aaa;
    text-align: center;
    max-width: 100%;
}

div#recehrche-par-critere input.btn.btn-primary,
div#blocs-recherche input.btn.btn-primary {background: transparent;
    font-size: 14px;
    text-transform: lowercase;}

div#recehrche-par-critere input.btn.btn-primary,
div#blocs-recherche input:hover.btn.btn-primary {color: #ee3137;}

div#recherche-immat input.btn-ok {
    background: #ee3137;
    border: 1px solid #ee3137;
    float: left;
    width: 20%;
    display: inline-block;
    margin: 0 0 0 -1px;
    border-radius: 0 4px 4px 0;
    padding: 6px 0 6px;
    text-align: center;
    color: white;
}

div#blocs-recherche div span.label.label-primary {
    margin: 0 auto;
    border-radius: 10px;
    display: block;
}

div#blocs-recherche div span:hover.label.label-primary input {
    color: #ee3137;
}

div#recherche-pieces div#blocs-recherche div#recherche-mine {}

div#recherche-pieces div#blocs-recherche div#recherche-mine input.typemines {
    font-family: "Open Sans", sans-serif !important;
    background-color: #fff;
    border: medium none;
    border-radius: 3px;
    border-color: #e8e8e8 #e8e8e8 #e82c2a;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #3f443d;
    display: block;
    font-weight: bold;
    height: 50px;
    margin: 40px auto 0;
    padding: 5px 10px;
    text-align: center;
    width: 80%;
}

div.col-gauche {}

div#recherche-pieces div#blocs-recherche div.titres-bloc {}

div#recherche-pieces div#blocs-recherche div.titres-bloc h3 {}

div#recherche-pieces div#blocs-recherche div#recherche-vehicule div.titres-bloc h3 {}

div#recherche-pieces div#blocs-recherche div#recherche-immat div.titres-bloc h3 {}

div#recherche-pieces div#blocs-recherche div#recherche-mine div.titres-bloc h3 {}

div#recherche-pieces div#blocs-recherche div.titres-bloc h4 {}

div#recherche-pieces div#blocs-recherche div.titres-bloc input {}

#etai_list {}

#etai_list ul li span.compat-trigger {
    cursor: pointer;
    text-decoration: underline;
}

#etai_list ul li span.compat-trigger:hover {
    color: #E82C2A;
}

#etai_list ul li ul.compat-list {
    display: none;
    position: absolute;
    box-shadow: 1px 1px 3px #666;
    background-color: #fff;
    padding: 5px;
    margin: -20px 0 0 100px;
    font-size: 12px;

}

#etai_list ul li span.compat-trigger:hover + ul.compat-list {display: block;}

#etai_list ul li ul.compat-list li {}


/* LISTE PIECES */
div.titrecat h2 {
    font-size: 24px;
    font-weight: 600;
    text-transform: none;
    text-align: center;
    margin-top: 30px;
}

body#index div#recherche-landing-area {
    margin: 15px auto 0;
}

div.left-block div.product-image-container.image {padding: 20px 10px;}

/* EXPLORATION */
body#module-etai-exploration h4.titre {
    border-bottom: 1px solid #cccccc;
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 10px;
    width: 100%;
}

body#module-etai-exploration .current {
    color: #E82C2A;
}

body#module-etai-exploration .current::before {
    content: '> ';
    color: #E82C2A;
}

body#module-etai-exploration h3.titre {
    margin-bottom: 20px;
    padding-left: 20px;
}

body#module-etai-exploration p {
    margin: 0;
    padding: 4px;
}

body#module-etai-exploration ul.famille li p {
    background: #f2f2f2 none repeat scroll 0 0;
}

body#module-etai-exploration ul.famille li ul { font-size: 11px;
    padding: 8px;
}

body#module-etai-exploration ul.famille li ul li { margin: 5px 0;
}

body#module-etai-exploration ul.deuze li p.current {
    margin: 0;
    padding: 0;
    display: inline-block;
}

body#module-etai-exploration ul.deuze li p.current::before {
    content: ' ' !important;
    color: #E82C2A;
}

ul.preums li { font-size: 12px;}

ul.preums li a { display: inline-block;
    padding: 4px;}

ul.deuze {
    float: left;
    padding-bottom: 30px;
}

ul.deuze li {
    color: #bbbbbb;
    display: block;
    float: left;
    font-size: 11px;
    padding: 0 0 0 5px;
    text-align: center;
    width: auto;
}

ul.deuze li a {
    color: #444;
}

ul.preums li a:hover, ul.deuze li a:hover {
    color: #E82C2A;
}

ul.deuze li::after {content: "//";}

#search_filters.etai-filters{}
#search_filters.etai-filters section.facet{}
#search_filters.etai-filters section.facet p.h6{}
#search_filters.etai-filters section.facet ul{}
#search_filters.etai-filters section.facet ul li{}
#search_filters.etai-filters section.facet ul li input{}
#search_filters.etai-filters section.facet ul li label{}


div.header-top div.etai-search_widget div.landing-autocompletion div#landing-container{

}
#landing-container div.products.row{}
#landing-container div.products>.js-product-miniature-wrapper{
    max-width: 100%;
    width: 100%;
    flex: inherit;
    padding: 0 5px;
}
#landing-container div#js-product-list .products.row article.product-miniature{
    display: flex;
    flex-direction: row;
    box-shadow: 0 0 0;
    border: none;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 10px 0;
}
#landing-container div.thumbnail-container{
    width: 30%;
}
#landing-container div.products>.js-product-miniature-wrapper .product-add-cart {
    display: none;
}
#landing-container div.products .product-availability.d-block {
    bottom: -10px;
    left: 0;
    transform: initial;
}
#landing-container div.products .product-miniature-grid:hover .product-availability.d-block {
    opacity: 1;
    transform: initial;
}

/* RESPONSIVE */

@media (min-width: 980px) {
    body#index div#recherche-pieces {

    }

    div#onglets-recherche-etai ul#onglets-contents li#toutes-pieces div.haut ul.depart li,
    div ul li.vitesse1 {
        width: 48%;
        float: left;
    }

    #recherche-manuelle-etai ul#onglets-recherche-manuelle li {
        font-size: 24px;
        width: 50%;
        font-size: 26px;
        line-height: 22px;
        text-transform: uppercase;
        font-weight: 700 !important;
    }

    div#recherche-pieces div#blocs-recherche {
        margin-bottom: 10px;
        clear: both;
    }

    body#module-etai-categories section#center_column {min-height: 500px;}

    nav#liste-categories div#recherche-rapide #ajax-autocomplete-container ul {
        border: medium none;
        box-shadow: 1px 1px 3px #8a8a8a;
        height: auto;
        margin-left: 120px;
        position: absolute;
        width: 68%;
        z-index: 50;
    }

    body:not(#index) div#recherche-pieces {
        border-radius: 4px;
        background-size: cover;
        padding: 0;margin: 40px 0;
    }

    body:not(#index) div#recherche-pieces div#blocs-recherche {background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;}
}

@media (max-width: 768px) {
    div.punchline {
        height: 100px;
    }

    div#recherche-pieces.container div#onglets-recherche-etai ul#onglets-contents {
        padding: 10px 20px 30px;
    }

    #etai_list {width: 80%;margin: 0 auto;}
}

@media (max-width: 480px) {
    #etai_list {width: 100%;}
}

div.bloc-tri {
    background: #302b2c none repeat scroll 0 0;
    border-radius: 2px;
    font-size: 11px;
    line-height: 40px;
    margin: 30px 8px 0;
    padding: 0 10px;
    width: auto;
}

div.bloc-tri p {
    color: #ffffff !important;
    float: left;
    line-height: 30px;
    margin: 0;
    padding-right: 20px;
    text-transform: uppercase;
}

div.bloc-tri div.sort { float: left; color: #ffffff;
    cursor: pointer;
    line-height: 30px;
}

div.product-container {
    /* background: #ffffff none repeat scroll 0 0; */
    border-bottom: 1px solid #dddddd;
    border-radius: 2px;
    float: left;
    padding: 0;
    width: 100%;
}

ul.liste-pieces li:first-child {
    border-top: 2px solid #302b2c;
}

ul.liste-pieces li ul li {
    border-top: 0px solid transparent !important;
}

div#devis {
    border-bottom: 1px solid #ffffff;
    border-left: 3px solid #e82c2a;
    border-radius: 55px;
    float: right;
    height: 71px;
    line-height: 70px;
    margin-top: 3px;
    padding-left: 10px;
    padding-right: 100px;
    text-transform: uppercase;
}

div.pas-trouve {
    background: #dddddd none repeat scroll 0 0;
    color: #e82c2a;
    float: right;
    margin-right: 10px;
    padding: 30px;
}

span.label-new {display: none !important;}

div.sousfamille-content div.icone {text-align: center;}

div#infos-vehicule {

}

p.change-vehicule {display: none;}

p.date-mise-sur-le-marche {
    font-size: 9px;color: #333;
}

div.options-vehicule {}

a.reset-vehicule {text-decoration: underline;}

div#bloc-familles {padding-bottom: 40px;}

nav#liste-categories {
    /*background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;*/
    border-radius: 4px;
    margin: 20px auto;
    /* overflow: hidden;
    padding: 0 0 40px 15px; */
}

body#indexnav#liste-categories {
    background: transparent none repeat scroll 0 0 !important;
}

ul.nivo1 {position: absolute;}

/*SPE ICONES*/
p.libgroupe {
    background: rgba(0, 0, 0, 0.3) no-repeat scroll center top;
    border-radius: 2px 2px 0 0;
    display: block !important;
    text-align: center !important;
    width: 100%;
}

div.product-container div.left-block {padding: 0;}


body#etaiRecherche .product-image-container,
body#etaiPieces .product-image-container {}

body#etaiRecherche section#en-tete div#js-product-list-top div.total-products p,
body#etaiPieces section#en-tete div#js-product-list-top div.total-products p {
    display: block;
    line-height: 20px;
    margin-bottom: 12px;
    font-style: italic;
}

body#etaiRecherche .btn-unstyle,
body#etaiPieces .btn-unstyle {
    background-color: transparent;
    border: 1px solid #888;
    padding: 7px 10px 4px;
    text-align: inherit;
    cursor: pointer;
    margin: -5px 5px 0;
}

#etai-wrapper.loading {background: url("../img/loader-200x.gif") no-repeat center center transparent;min-height: 280px}

div#js-product-list > .products.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

div#js-product-list article {
    /* max-width: 32%; */
}

div#js-product-list .products.row article.product-miniature {
    border: 4px solid #eee;
    padding: 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    float: left;
    margin-right: 10px;
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

#js-product-list article.product-miniature p {margin: 0 auto;}

#js-product-list article.product-miniature p.equivalent-reference {font-style: italic;}

#js-product-list div.products.row > article.product-miniature.product-echappement {width: 100%; max-width: 100%}

#js-product-list div.products.row > article.product-miniature.product-echappement .product-image-container {
    height: auto;
}

article.product-miniature.product-echappement .product-infos-echappement {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    /* align-items: center; */
}

article.product-miniature.product-echappement .product-infos-vehicule {background-color: #302b2c; color: #efefef;padding-top: 10px;}

article.product-miniature.product-echappement .product-infos-vehicule h4 {color: #efefef;margin-bottom: 20px;}

article.product-miniature.product-echappement .product-infos-vehicule ul {margin: 50px 0;}

article.product-miniature.product-echappement .product-liste-accessoires {
    background-color: #f1f1f1;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

article.product-miniature.product-echappement .product-liste-accessoires h4 {text-align: left;width: 100%}

article.product-miniature.product-echappement .product-liste-accessoires > div {width: 50%}

article.product-miniature.product-echappement .product-liste-accessoires > div ul {margin: 0px 0 20px 20px;}


#product-availability {
    font-size: 14px;
}

@media (max-width: 1280px) {
    div#onglets-recherche-etai {
        padding: 10px;
    }
}

/* 	#recherche-manuelle-etai .tab>div:nth-child(3n+1){clear: both;border-left: none;}
	#recherche-manuelle-etai .tab>div:nth-child(3n){border-right: none;} */
body#index div#onglets-recherche-etai {
    max-width: 430px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 9;
    padding: 10px;
}

@media (min-width: 1281px) {
    div#recherche-pieces div#onglets-recherche-etai ul#onglets-contents li form ul li {
        width: 20%;
        float: left;
        margin: 10px;
    }

    div#recherche-pieces.container div#onglets-recherche-etai ul#onglets-contents li form ul li ul li {
        width: 100%;
        float: none;
        margin: 0;
    }

    div#recherche-pieces div.block.ApImage img {
        box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, .15);
        max-height: 675px;
        object-fit: cover;
        width: 100%;
    }

    div#recherche-pieces div.block.ApImage {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}

@media (min-width: 1023px) and (max-width: 1199px) {
    div#logo2 {
        text-align: center;
    }
}

@media (max-width: 1179px) and (min-width: 768px) {
    div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes li {
        padding: 10px 10px;
    }

    div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes li.active {
        border-top: 5px solid #0090c9 !important;
    }
}

/* LISTE PRODUITS */
body#etaiPieces div.block.block_carousel.exclusive.appagebuilder.block-carousel-cate.ApBlockCarousel,
body#etaiPieces div#content-wrapper.left-column,
body#etaiPieces div#left-column.sidebar {
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    height: 100%;
    margin: 10px 0;
    padding: 10px;
}

body#etaiPieces div.block.block_carousel.exclusive.appagebuilder.block-carousel-cate.ApBlockCarousel {
    margin: 40px 0 0;
}

.block-carousel-cate .title_block {
    border-top: 0px solid #ffd304;
}

body#etaiPieces .product_list.list .thumbnail-container:hover {
    -moz-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0 0px rgba(0, 0, 0, 0.3);
    background: #fff;
}

.thumbnail-container .product-title a {
    color: #000;
    margin: 10px 0;
    font-size: 18px !important;
    text-transform: none;
    line-height: 26px;
}

.product_list.list .thumbnail-container .product-meta {
    padding: 0;
}

body#etaiPieces div.attributes ul li,
div.product-left ul li {
    font-weight: 600;
    color: #000;
}

body#etaiPieces div.attributes ul li span,
div.product-left ul li span {
    font-weight: 300;
    color: #555;
}

div.product-left ul {
    margin-top: 10px;
}

body#etaiPieces div.attributes ul li,
div.product-left ul li {
    font-size: 0.7rem;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

body#etaiPieces div.attributes ul li:nth-child(even),
div.product-left ul li:nth-child(even) {
    background: none #f2f2f2;
}

div.reseller-data {
    background: #ffa617;
    padding: 5px 10px 2px;
    border-radius: 3px;
    margin-bottom: 20px;
}

div.reseller-data p {
    color: white;
    font-weight: 500;
    font-size: 0.8rem;
    margin: 0;
    letter-spacing: 1px;
}

body#etaiPieces div.product-description-short {
    font-weight: 600;color: #000;
}

body#etaiPieces .thumbnail-container .button-container {
    float: right;
}

section#products.loading,
div#loader {
    background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.0%22%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%20128%20128%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22transparent%22%20%2F%3E%0D%0A%3Cg%20transform%3D%22translate(0,128)%20scale(1,-1)%22%3E%3Cpath%20d%3D%22M32%20119.43A64%2064%200%201%201%20119.43%2096%2064%2064%200%200%201%2032%20119.43zM54.58%2014.9a50%2050%200%200%200-38.05%2064.8l19.04-7.95%202.37%204.12%2010.25-5.92L44.73%2064l9.63-16.67H62V35.5h-4.75zM89%2020.7a49.95%2049.95%200%200%200-14.85-5.67L71.5%2035.5h-4.75v11.83h6.88L83.25%2064l-3.8%206.6%2010.23%205.9%202.38-4.1%2019.18%208A50%2050%200%200%200%2089%2020.7zm12.33%2076.58l-16.4-12.53%202.38-4.12-10.23-5.9-3.43%205.94H54.38l-3.82-6.6-10.24%205.9%202.37%204.13-16.54%2012.62a50.04%2050.04%200%200%200%2075.16.56z%22%20fill%3D%22%23ffb000%22%2F%3E%0D%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%2064%2064%3B120%2064%2064%3B0%2064%2064%22%20dur%3D%222200ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
    min-height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
}

div.etai-search_widget input.ui-autocomplete-input.loading {
    background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.0%22%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%20128%20128%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22transparent%22%20%2F%3E%0D%0A%3Cg%20transform%3D%22translate(0,128)%20scale(1,-1)%22%3E%3Cpath%20d%3D%22M32%20119.43A64%2064%200%201%201%20119.43%2096%2064%2064%200%200%201%2032%20119.43zM54.58%2014.9a50%2050%200%200%200-38.05%2064.8l19.04-7.95%202.37%204.12%2010.25-5.92L44.73%2064l9.63-16.67H62V35.5h-4.75zM89%2020.7a49.95%2049.95%200%200%200-14.85-5.67L71.5%2035.5h-4.75v11.83h6.88L83.25%2064l-3.8%206.6%2010.23%205.9%202.38-4.1%2019.18%208A50%2050%200%200%200%2089%2020.7zm12.33%2076.58l-16.4-12.53%202.38-4.12-10.23-5.9-3.43%205.94H54.38l-3.82-6.6-10.24%205.9%202.37%204.13-16.54%2012.62a50.04%2050.04%200%200%200%2075.16.56z%22%20fill%3D%22%23ffb000%22%2F%3E%0D%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%2064%2064%3B120%2064%2064%3B0%2064%2064%22%20dur%3D%222200ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 780px) {
    div.motoristes li {
    }

    div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes li {
        cursor: pointer;
        padding: 10px 20px;
        border-top: 5px solid black;
        text-transform: uppercase;
        font-weight: 600;
    }

    /* 	body#index div#recherche-pieces div#onglets-recherche-etai ul#onglets-entetes li:last-child{
            width: 20% !important;
            margin-right: 0 !important;

        } */
}

/* /Recherche Manuelle */

@media (max-width: 780px) {
    div.motoristes li {
    }

    div#infos-vehicule {flex-direction: column;}

    div#infos-vehicule > div {padding: 0;}

    div#infos-vehicule > div p {
        line-height: 25px;
        padding: 0 10px;
    }

    div#recherche-pieces div#blocs-recherche div#recherche-immat {
        margin: 0 0 30px !important;
    }

}


div.product-description p.title {}

div.compatibilities p.title {cursor: pointer;text-align: left;}

div.compatibilities p.title i {margin-right: 5px;transition: transform 0.2s ease-in;}

div.compatibilities p.title i.open {transform: rotate(90deg);}


a.thumbnail.product-thumbnail img {
    max-width: 100%;
    height: auto;
    width: 100%;
    border: 10px solid transparent;
}

.familles ul.level-0 .open-menu + .toggle-me {display: none}

.familles ul.level-0 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

#landing-categories.familles ul.level-0 > li.show-all {display: none;}

#landing-categories-nav #landing-categories.familles ul.level-0 > li.show-all {display: block;}

#landing-categories-nav #landing-categories.familles {}

#landing-categories-nav #landing-categories.familles ul.level-0 {flex-direction: column;}

#landing-categories-nav #landing-categories.familles ul.level-0 > li {
    width: 100%;
}

#landing-categories-nav #landing-categories.familles ul.level-1 {
    box-shadow: 0 0 0;
    border: 0;
    border-bottom: 1px solid #ececec;
    margin: 0;
    padding: 0;
    height: inherit;
}

/*#landing-categories-nav #landing-categories.familles ul.level-1 li:hover{background-color: #ffb000}*/
/*#landing-categories-nav #landing-categories.familles ul.level-1 li:hover a{color: #ffffff}*/
#landing-categories-nav #landing-categories.familles ul.level-1 > li:first-child {
    display: block;
}

#landing-categories-nav #landing-categories.familles ul.level-1 > li {display: none;}

#landing-categories-nav div#landing-categories.familles div.title {border-radius: 0 0 0 0;}

#landing-categories-nav div#landing-categories.familles div.title a,
#landing-categories-nav div#landing-categories.familles div.title h3 {
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}

#landing-categories-nav div#landing-categories.familles div.title:hover {background-color: #ffb000}

#landing-categories-nav div#landing-categories.familles div.title:hover h3 {color: #ffffff;}

#landing-categories-nav #landing-categories.familles ul.level-2 {display: none;}

#landing-categories-nav #landing-categories.familles ul.level-2 a {
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
}

#landing-categories-nav #landing-categories.familles a:hover {background-color: #ffb000;color: #ffffff;cursor: pointer;}

#landing-categories-nav div#landing-categories.familles div.title {
    background: no-repeat;
}

/******************************************/
/* Grid CSS - Bootstrap Compatible */
.etai-grid {
    display: grid;
    grid-template-columns: 8.34% 8.34% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.34% 8.34%;
}

.etai-grid > *:first-child {grid-column-start: 1;}

.etai-grid > .height-1 {grid-row-end: span 1;}

.etai-grid > .height-2 {grid-row-end: span 2;}

.etai-grid > .height-3 {grid-row-end: span 3;}

.etai-grid > .height-4 {grid-row-end: span 4;}

.etai-grid > .height-5 {grid-row-end: span 5;}

.etai-grid > .offset-xs-0 {grid-column-start: 1;}

.etai-grid > .offset-xs-1 {grid-column-start: 2;}

.etai-grid > .offset-xs-2 {grid-column-start: 3;}

.etai-grid > .offset-xs-3 {grid-column-start: 4;}

.etai-grid > .offset-xs-4 {grid-column-start: 5;}

.etai-grid > .offset-xs-5 {grid-column-start: 6;}

.etai-grid > .offset-xs-6 {grid-column-start: 7;}

.etai-grid > .offset-xs-7 {grid-column-start: 8;}

.etai-grid > .offset-xs-8 {grid-column-start: 9;}

.etai-grid > .offset-xs-9 {grid-column-start: 10;}

.etai-grid > .offset-xs-10 {grid-column-start: 11;}

.etai-grid > .offset-xs-11 {grid-column-start: 12;}

.etai-grid > .offset-xs-12 {grid-column-start: 13;}

.etai-grid > .gcol-xs-1 {grid-column-end: span 1;}

.etai-grid > .gcol-xs-2 {grid-column-end: span 2;}

.etai-grid > .gcol-xs-3 {grid-column-end: span 3;}

.etai-grid > .gcol-xs-4 {grid-column-end: span 4;}

.etai-grid > .gcol-xs-5 {grid-column-end: span 5;}

.etai-grid > .gcol-xs-6 {grid-column-end: span 6;}

.etai-grid > .gcol-xs-7 {grid-column-end: span 7;}

.etai-grid > .gcol-xs-8 {grid-column-end: span 8;}

.etai-grid > .gcol-xs-9 {grid-column-end: span 9;}

.etai-grid > .gcol-xs-10 {grid-column-end: span 10;}

.etai-grid > .gcol-xs-11 {grid-column-end: span 11;}

.etai-grid > .gcol-xs-12 {grid-column-end: span 12;}

.etai-grid > .row-xs-1 {grid-row-start: 1;}

.etai-grid > .row-xs-2 {grid-row-start: 2;}

.etai-grid > .row-xs-3 {grid-row-start: 3;}

.etai-grid > .row-xs-4 {grid-row-start: 4;}

.etai-grid > .row-xs-5 {grid-row-start: 5;}

.etai-grid > .row-xs-6 {grid-row-start: 6;}

.etai-grid > .row-xs-7 {grid-row-start: 7;}

.etai-grid > .row-xs-8 {grid-row-start: 8;}

@media (min-width: 576px) {

    .etai-grid > .offset-sm-0 {grid-column-start: 1;}

    .etai-grid > .offset-sm-1 {grid-column-start: 2;}

    .etai-grid > .offset-sm-2 {grid-column-start: 3;}

    .etai-grid > .offset-sm-3 {grid-column-start: 4;}

    .etai-grid > .offset-sm-4 {grid-column-start: 5;}

    .etai-grid > .offset-sm-5 {grid-column-start: 6;}

    .etai-grid > .offset-sm-6 {grid-column-start: 7;}

    .etai-grid > .offset-sm-7 {grid-column-start: 8;}

    .etai-grid > .offset-sm-8 {grid-column-start: 9;}

    .etai-grid > .offset-sm-9 {grid-column-start: 10;}

    .etai-grid > .offset-sm-10 {grid-column-start: 11;}

    .etai-grid > .offset-sm-11 {grid-column-start: 12;}

    .etai-grid > .offset-sm-12 {grid-column-start: 13;}

    .etai-grid > .gcol-sm-1 {grid-column-end: span 1;}

    .etai-grid > .gcol-sm-2 {grid-column-end: span 2;}

    .etai-grid > .gcol-sm-3 {grid-column-end: span 3;}

    .etai-grid > .gcol-sm-4 {grid-column-end: span 4;}

    .etai-grid > .gcol-sm-5 {grid-column-end: span 5;}

    .etai-grid > .gcol-sm-6 {grid-column-end: span 6;}

    .etai-grid > .gcol-sm-7 {grid-column-end: span 7;}

    .etai-grid > .gcol-sm-8 {grid-column-end: span 8;}

    .etai-grid > .gcol-sm-9 {grid-column-end: span 9;}

    .etai-grid > .gcol-sm-10 {grid-column-end: span 10;}

    .etai-grid > .gcol-sm-11 {grid-column-end: span 11;}

    .etai-grid > .gcol-sm-12 {grid-column-end: span 12;}

    .etai-grid > .row-sm-1 {grid-row-start: 1;}

    .etai-grid > .row-sm-2 {grid-row-start: 2;}

    .etai-grid > .row-sm-3 {grid-row-start: 3;}

    .etai-grid > .row-sm-4 {grid-row-start: 4;}

    .etai-grid > .row-sm-5 {grid-row-start: 5;}

    .etai-grid > .row-sm-6 {grid-row-start: 6;}

    .etai-grid > .row-sm-7 {grid-row-start: 7;}

    .etai-grid > .row-sm-8 {grid-row-start: 8;}

}

@media (min-width: 768px) {

    .etai-grid .offset-md-0 {grid-column-start: 1;}

    .etai-grid .offset-md-1 {grid-column-start: 2;}

    .etai-grid .offset-md-2 {grid-column-start: 3;}

    .etai-grid .offset-md-3 {grid-column-start: 4;}

    .etai-grid .offset-md-4 {grid-column-start: 5;}

    .etai-grid .offset-md-5 {grid-column-start: 6;}

    .etai-grid .offset-md-6 {grid-column-start: 7;}

    .etai-grid .offset-md-7 {grid-column-start: 8;}

    .etai-grid .offset-md-8 {grid-column-start: 9;}

    .etai-grid .offset-md-9 {grid-column-start: 10;}

    .etai-grid .offset-md-10 {grid-column-start: 11;}

    .etai-grid .offset-md-11 {grid-column-start: 12;}

    .etai-grid .offset-md-12 {grid-column-start: 13;}

    .etai-grid .gcol-md-1 {grid-column-end: span 1;}

    .etai-grid .gcol-md-2 {grid-column-end: span 2;}

    .etai-grid .gcol-md-3 {grid-column-end: span 3;}

    .etai-grid .gcol-md-4 {grid-column-end: span 4;}

    .etai-grid .gcol-md-5 {grid-column-end: span 5;}

    .etai-grid .gcol-md-6 {grid-column-end: span 6;}

    .etai-grid .gcol-md-7 {grid-column-end: span 7;}

    .etai-grid .gcol-md-8 {grid-column-end: span 8;}

    .etai-grid .gcol-md-9 {grid-column-end: span 9;}

    .etai-grid .gcol-md-10 {grid-column-end: span 10;}

    .etai-grid .gcol-md-11 {grid-column-end: span 11;}

    .etai-grid .gcol-md-12 {grid-column-end: span 12;}

    .etai-grid .row-md-1 {grid-row-start: 1;}

    .etai-grid .row-md-2 {grid-row-start: 2;}

    .etai-grid .row-md-3 {grid-row-start: 3;}

    .etai-grid .row-md-4 {grid-row-start: 4;}

    .etai-grid .row-md-5 {grid-row-start: 5;}

    .etai-grid > .row-md-6 {grid-row-start: 6;}

    .etai-grid > .row-md-7 {grid-row-start: 7;}

    .etai-grid > .row-md-8 {grid-row-start: 8;}
}

@media (min-width: 992px) {

    .etai-grid .offset-lg-0 {grid-column-start: 1;}

    .etai-grid .offset-lg-1 {grid-column-start: 2;}

    .etai-grid .offset-lg-2 {grid-column-start: 3;}

    .etai-grid .offset-lg-3 {grid-column-start: 4;}

    .etai-grid .offset-lg-4 {grid-column-start: 5;}

    .etai-grid .offset-lg-5 {grid-column-start: 6;}

    .etai-grid .offset-lg-6 {grid-column-start: 7;}

    .etai-grid .offset-lg-7 {grid-column-start: 8;}

    .etai-grid .offset-lg-8 {grid-column-start: 9;}

    .etai-grid .offset-lg-9 {grid-column-start: 10;}

    .etai-grid .offset-lg-10 {grid-column-start: 11;}

    .etai-grid .offset-lg-11 {grid-column-start: 12;}

    .etai-grid .offset-lg-12 {grid-column-start: 13;}

    .etai-grid .gcol-lg-1 {grid-column-end: span 1;}

    .etai-grid .gcol-lg-2 {grid-column-end: span 2;}

    .etai-grid .gcol-lg-3 {grid-column-end: span 3;}

    .etai-grid .gcol-lg-4 {grid-column-end: span 4;}

    .etai-grid .gcol-lg-5 {grid-column-end: span 5;}

    .etai-grid .gcol-lg-6 {grid-column-end: span 6;}

    .etai-grid .gcol-lg-7 {grid-column-end: span 7;}

    .etai-grid .gcol-lg-8 {grid-column-end: span 8;}

    .etai-grid .gcol-lg-9 {grid-column-end: span 9;}

    .etai-grid .gcol-lg-10 {grid-column-end: span 10;}

    .etai-grid .gcol-lg-11 {grid-column-end: span 11;}

    .etai-grid .gcol-lg-12 {grid-column-end: span 12;}

    .etai-grid .row-lg-1 {grid-row-start: 1;}

    .etai-grid .row-lg-2 {grid-row-start: 2;}

    .etai-grid .row-lg-3 {grid-row-start: 3;}

    .etai-grid .row-lg-4 {grid-row-start: 4;}

    .etai-grid .row-lg-5 {grid-row-start: 5;}

    .etai-grid > .row-lg-6 {grid-row-start: 6;}

    .etai-grid > .row-lg-7 {grid-row-start: 7;}

    .etai-grid > .row-lg-8 {grid-row-start: 8;}

}

@media (min-width: 1400px) {

    .etai-grid .offset-xl-0 {grid-column-start: 1;}

    .etai-grid .offset-xl-1 {grid-column-start: 2;}

    .etai-grid .offset-xl-2 {grid-column-start: 3;}

    .etai-grid .offset-xl-3 {grid-column-start: 4;}

    .etai-grid .offset-xl-4 {grid-column-start: 5;}

    .etai-grid .offset-xl-5 {grid-column-start: 6;}

    .etai-grid .offset-xl-6 {grid-column-start: 7;}

    .etai-grid .offset-xl-7 {grid-column-start: 8;}

    .etai-grid .offset-xl-8 {grid-column-start: 9;}

    .etai-grid .offset-xl-9 {grid-column-start: 10;}

    .etai-grid .offset-xl-10 {grid-column-start: 11;}

    .etai-grid .offset-xl-11 {grid-column-start: 12;}

    .etai-grid .offset-xl-12 {grid-column-start: 13;}

    .etai-grid .gcol-xl-1 {grid-column-end: span 1;}

    .etai-grid .gcol-xl-2 {grid-column-end: span 2;}

    .etai-grid .gcol-xl-3 {grid-column-end: span 3;}

    .etai-grid .gcol-xl-4 {grid-column-end: span 4;}

    .etai-grid .gcol-xl-5 {grid-column-end: span 5;}

    .etai-grid .gcol-xl-6 {grid-column-end: span 6;}

    .etai-grid .gcol-xl-7 {grid-column-end: span 7;}

    .etai-grid .gcol-xl-8 {grid-column-end: span 8;}

    .etai-grid .gcol-xl-9 {grid-column-end: span 9;}

    .etai-grid .gcol-xl-10 {grid-column-end: span 10;}

    .etai-grid .gcol-xl-11 {grid-column-end: span 11;}

    .etai-grid .gcol-xl-12 {grid-column-end: span 12;}

    .etai-grid .row-xl-1 {grid-row-start: 1;}

    .etai-grid .row-xl-2 {grid-row-start: 2;}

    .etai-grid .row-xl-3 {grid-row-start: 3;}

    .etai-grid .row-xl-4 {grid-row-start: 4;}

    .etai-grid .row-xl-5 {grid-row-start: 5;}

    .etai-grid > .row-xl-6 {grid-row-start: 6;}

    .etai-grid > .row-xl-7 {grid-row-start: 7;}

    .etai-grid > .row-xl-8 {grid-row-start: 8;}
}

/***********************************************************/