/*************** Css qui met les champs en erreur en rouge ***************/
.errorControl, .errorControl:focus {
    background-color: #ffb3b3 !important;
    color: #000;
}

    .errorControl::-webkit-input-placeholder, .errorControl:focus::-webkit-input-placeholder {
        color: #888888;
    }

    .errorControl::-moz-placeholder, .errorControl:focus::-moz-placeholder {
        color: #888888;
    }

    .errorControl::-ms-input-placeholder, .errorControl:focus::-ms-input-placeholder {
        color: #888888;
    }
/************* End Css qui met les champs en erreur en rouge *************/

body {
    margin-top: 112px;
    font-family: 'NeutraText-BookAlt';
    font-size: 17px;
}

    body h1, h2, h3, h4, h5, h6 {
        text-transform: uppercase;
    }

.h1-custom {
    font-size: 15px !important;
    margin: 0px;
}

@font-face {
    font-family: "Neutra Display Titling";
    src: url("/_assets/font/Neutra Display Titling.ttf") format("truetype");
}

@font-face {
    font-family: "NeutraText-BookAlt";
    src: url("/_assets/font/NeutraText-BookAlt.ttf") format("truetype");
}



.menuSocial {
    background-color: #b4b4b4;
    padding: 5px 15px;
    text-align: right;
    font-size: 18px;
    color: #fff;
}

h2, h3 {
    text-align: center;
    width: 100%;
}

.menuSocial a {
    margin-left: 15px;
}

.menuSocial a {
    text-decoration: none;
    color: #fff;
}

.navbar-default {
    background-color: rgba(255,255,255,.95);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
}

.navbar-brand {
    height: 75px;
    width: 300px;
    line-height: 45px;
    padding: 5px 5px 5px 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.navbar {
    transition: all;
}

.navbar-nav > li > a:not(.btn) { /*A revoir en menu hamburger avec des media query*/
    line-height: 45px;
}

.navbar-nav > li > a.btn {
    margin-top: 12px;
    font-size: 16px;
    margin-right: 0px;
}

.navbar-brand img {
    max-height: 65px;
    max-width: 280px;
}

.navbar-toggle {
    margin-top: 20px;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-right .fa-shopping-cart {
    font-size: 30px;
    vertical-align: middle;
    color: #525252;
}

.navbar-right {
    padding-right: 15px;
}

.nav > li > a:hover {
    background-color: transparent;
}

.btn {
    border-radius: initial;
    width: auto;
    font-size: 17px;
    text-transform: uppercase;
}

.btn-primary {
    color: #fff !important;
    background-color: #013369;
    height: 100% !important;
    margin-right: 0px;
}

    .btn-primary:hover {
        background-color: #008aff !important;
    }

.btn-default {
    color: #fff !important;
    background-color: #24A4A5;
}

    .btn-default:hover {
        background-color: #65BFC0;
    }

.slick-initialized {
    display: block !important;
}

.phone {
    display: none;
}

    .phone ul {
        /*margin-right: 20px;*/
        margin-top: 19px;
    }

    .phone .fa-circle {
        color: #525252
    }

    .phone .fa-phone {
        color: #fff;
        padding-top: 2px !important;
    }

    .phone .fa-calendar {
        color: #fff;
        padding-top: 2px !important;
        font-size: 18px !important;
    }



.fa-stack {
    margin-top: -4px;
}

.append-icon i {
    left: 0;
}

.append-icon .form-control {
    padding: 5px 12px 5px 12px;
    text-transform: uppercase;
    font-size: 17px;
}

.infoLettre .form-control {
    padding-left: 30px;
}

.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.titre {
    font-size: 27px;
    font-weight: normal;
    color: #fff;
    line-height: 1;
    padding: 0px 50px;
}

/* Footer */
.infoLettre {
    padding-top: 50px;
    background-color: #24A4A5;
}

    .infoLettre .titre {
        margin-bottom: 15px;
        text-align: center;
    }

    .infoLettre .form div div {
        margin-bottom: 50px;
    }


#mapImage {
    width: 100%;
    height: 735px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/theoPneuMap.png)
}

@media screen and (max-width: 993px) {
    #mapImage {
        height: 600px;
    }
}

@media screen and (max-width: 769px) {
    #mapImage {
        height: 500px;
    }
}

@media screen and (max-width: 577px) {
    #mapImage {
        height: 400px;
    }
}




.googleMap iframe {
    width: 100%;
}



.googleMap iframe, .googleMap .infoGarage {
    height: 600px;
}

    .googleMap .infoGarage .address {
        color: #24A4A5
    }

    .googleMap .infoGarage ul {
        padding-left: unset;
    }

        .googleMap .infoGarage ul li {
            display: inline-block;
            margin-right: 15px;
        }

    .googleMap .infoGarage a {
        color: #24A4A5;
        text-decoration: none;
    }

    .googleMap .infoGarage h2 {
        font-weight: bold;
        text-align: left;
        font-size: 20px;
    }

    .googleMap .infoGarage .openingHourReg div:first-child, .googleMap .infoGarage .jourFerier div:first-child {
        float: left;
        padding-right: 5px;
        width: 200px;
    }

    .googleMap .infoGarage .openingHourReg div:last-child, .googleMap .infoGarage .jourFerier div:last-child {
        float: left;
    }

    .googleMap .infoGarage .jourFerier {
        background: #e4e4e4 none repeat scroll 0 0;
        border: 1px solid #24A4A5;
        color: #24A4A5;
        font-weight: bold;
        overflow: hidden;
        margin-top: 5px;
        padding-left: 3px;
    }

footer .menu {
    background-color: #525252;
    padding-top: 25px;
}

    footer .menu div:not(.clearfix) {
        float: left;
        color: #fff;
        padding-left: 25px;
        padding-bottom: 25px;
    }

    footer .menu div a, footer .menu div a:hover, footer .menu div a:focus, footer .menu div a:active {
        text-decoration: none;
        color: #fff;
    }

footer .copyright {
    background-color: #222;
    font-size: 12px;
    padding: 25px 40px;
    color: #797979;
}

    footer .copyright a:link, footer .copyright a:visited {
        color: #eaeaea;
        text-decoration: none;
    }

    footer .copyright a:link, a:visited {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        text-decoration: none;
    }

/* Style page d'acceuil */
.sliderAndTireSelector {
    padding-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

.promoSliderZone {
    margin: 0 auto;
    width: 85%;
}

    .promoSliderZone .promoSlider {
        margin-top: 70px;
        max-height: 525px;
    }

        .promoSliderZone .promoSlider img {
            margin: 0 auto;
            max-width: 100%;
            height: auto;
        }

.home-page h1 {
    font-size: 30px;
}

/* Class de sécurité */
.sec {
    display: none;
}

/* Début style infoLettre */
.InfoStatus {
    margin: 20px 0px 32px 0px;
    font-size: 19px;
    color: white;
}

    .InfoStatus .alertInfo {
        margin-bottom: 10px;
    }

#pnlInfoLettre .errorControl:focus {
    background-color: #ffb3b3 !important;
}
/* Fin style infoLettre */

/* Début style Modal */
.myModalTitle {
    margin-top: 10px;
    text-align: center !important;
    width: 100%;
}

    .myModalTitle h4 {
        font-size: 25px;
        text-align: center;
        margin-bottom: 0px;
        line-height: 1;
    }

    .myModalTitle h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }


#myModal .modal-dialog {
    margin-top: 5%;
}

.modal-body {
    padding-bottom: 5px;
}

    .modal-body label {
        font-weight: normal;
    }


.modal-body {
    padding-bottom: 10px;
}

.myImageModal {
    width: 100%;
    height: 250px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: center;
}

.imageContact {
    background-image: url('/_assets/images/info-truck.jpg');
}

.imageRdv {
    background-image: url('/_assets/images/rdv-clock.jpg');
}

.imageInfo {
    background-image: url('/_assets/images/contact-hand.jpg');
}

#hplOnlineAppointment {
    background-color: #24a4a5;
    padding: 2px 10px 5px 10px;
    border-radius: 5px;
}



@media screen and (max-width: 415px) {
    .myImageModal {
        height: 170px !important;
    }
}

#pnlContactEchec .alert-danger {
    font-family: NeutraText-BookAlt;
}

.txtSecModal {
    display: none;
}

.modal-control {
    margin: 10px 0px 10px 0px;
}

.myCustomClose {
    line-height: 0px;
    font-size: 40px;
    color: #013369;
    border: 0;
}

.CloseIcone {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 17px;
    width: 32px;
    height: 32px;
    background-color: white;
}

.myCustomClose i {
    margin-top: -3px;
    margin-left: -0.5px;
    cursor: pointer;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}


.panelAdjustement {
    margin-top: 20px;
}

.AlertContainer .alert-success {
    background-color: #d6f1df !important;
}

.AlertContainer {
    padding: 0px 45px 0px 45px;
}

.padding15 {
    padding: 15px;
}

.text-center-important {
    text-align: center !important;
}

.btnContact {
    margin-bottom: 20px !important;
}

/*Fin modal*/
/* Style slider */
.slick-dots li button::before {
    font-size: 20px;
    opacity: unset;
    color: #fff;
}

.slick-dots .slick-active button::before {
    color: #013369 !important;
}

.sliderMarqueAcceuil {
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
}

    .sliderMarqueAcceuil .bx-wrapper {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border: unset;
        margin-bottom: unset;
    }

    .sliderMarqueAcceuil .image-responsive {
        height: 100px;
    }

/* Style tire selecteur */
.tireSelectorForm .aspNetDisabled {
    background-color: #cccccc !important;
}

.tireSelectorMain {
    margin: 0 auto;
    width: 90%;
    padding-top: 35px;
}

    .tireSelectorMain .tireSelectorTitle {
        margin-top: 60px;
        font-size: 45px;
        text-transform: uppercase;
        text-align: center;
        padding-bottom: 20px;
        color: #fff;
        text-shadow: 0 0 10px #000;
    }

    .tireSelectorMain .tiredSelectorHead .menu {
        width: 33%;
        background-color: rgba(218,238,248, 0.7);
        text-align: center;
        padding: 15px 0px;
        float: left;
        cursor: pointer;
        text-transform: uppercase;
    }

        .tireSelectorMain .tiredSelectorHead .menu:nth-child(2) {
            margin: 0px 1px;
        }

        .tireSelectorMain .tiredSelectorHead .menu i {
            margin-right: 5px;
        }

        .tireSelectorMain .tiredSelectorHead .menu.active {
            background-color: #fff !important;
        }

    .tireSelectorMain .tireSelectorForm section {
        padding: 50px 40px 25px;
        background-color: #fff;
    }

    .tireSelectorMain .btnTireSelector {
        margin-top: 25px;
    }

        .tireSelectorMain .btnTireSelector div {
            text-align: center;
        }

.pnlDimension .checkBoxRearTire {
    margin-bottom: 10px;
}

    .pnlDimension .checkBoxRearTire input {
        margin-right: 10px;
    }

/* Style zone obtenez vos pneu */
.getTire {
    margin-top: 25px;
    margin-bottom: 35px;
}

    .getTire .titleHeader {
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

        .getTire .titleHeader span {
            font-weight: 900;
            white-space: nowrap;
        }

    .getTire .circle {
        margin: 0 auto;
        padding-top: 8px;
        border-radius: 50%;
        background-color: #013369;
        color: white;
        text-align: center;
        width: 100px;
        height: 100px;
        font-size: 60px;
    }

    .getTire .title {
        margin-top: 25px;
    }

    .getTire .text {
        padding: 10px;
        text-align: center;
        width: 100%;
        font-size: 16px;
    }

/* Style savoir plus */
.divSavoirPlus {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .divSavoirPlus > section {
        padding: 150px 100px 150px;
    }

        .divSavoirPlus > section .text {
            text-transform: uppercase;
            font-size: 50px;
            color: #fff;
            width: 500px;
            line-height: 1.2;
            font-family: "Neutra Display Titling";
            text-shadow: 0 0 10px #000;
        }

        .divSavoirPlus > section .btn {
            margin-top: 25px;
        }

/* Style pour le sélecteur des testimonioe */
.sliderTestimonialsAcceuil {
    margin: 25px;
}

    .sliderTestimonialsAcceuil .slick-prev, .sliderTestimonialsAcceuil .slick-next {
        color: #000;
    }

        .sliderTestimonialsAcceuil .slick-prev::before, .sliderTestimonialsAcceuil .slick-next::before {
            color: #000;
        }

    .sliderTestimonialsAcceuil .title {
        margin: 25px 0;
    }

    .sliderTestimonialsAcceuil .testimonialsSlider {
        padding-top: 20px;
    }

        .sliderTestimonialsAcceuil .testimonialsSlider .divTestimonial {
            width: 33.3%;
        }

        .sliderTestimonialsAcceuil .testimonialsSlider img {
            width: 100px;
            height: 100px;
            margin: 0 auto;
        }

        .sliderTestimonialsAcceuil .testimonialsSlider .name {
            text-align: center;
            font-size: 18px;
            width: 100%;
            margin: 25px 0;
        }

        .sliderTestimonialsAcceuil .testimonialsSlider .text {
            text-align: center;
            font-size: 18px;
            width: 100%;
            padding: 0px 20px;
        }

/* Intégration pages */
.top-img {
    width: 100%;
    height: 620px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0px;
}

.top-title {
    text-align: right;
    padding-top: 130px;
    padding-right: 50px;
}

    .top-title h1 {
        font-weight: 100;
        line-height: 60px;
        text-shadow: 0 0 10px #000;
        text-transform: uppercase;
        color: white;
        font-size: 55px;
        font-family: 'Neutra Display Titling'
    }

.my-btn-rdv {
    padding-top: 5px;
    margin-top: 30px;
    background-color: #24a4a5;
    font-size: 25px;
    width: auto;
    font-weight: 100;
    margin-right: 0px;
    box-shadow: 0 0px 10px #000;
}

    .my-btn-rdv:hover {
        background-color: #65BFC0 !important;
    }

.aboutcontent .container {
    padding-top: 40px;
    padding-bottom: 80px;
}

.aboutcontent h2 {
    color: #013369;
    font-size: 25px;
    padding-bottom: 50px;
    font-weight: 200;
}

.aboutcontent p {
    color: #525252;
    text-align: center;
    line-height: 30px;
}

.mechanic-header .top-title, .jantes-header .top-title {
    text-align: left;
}

.menu-bubble > div {
    height: auto;
    margin: 0 auto 30px auto;
    text-align: center;
}

.menu-bubble {
    margin-top: 50px;
    margin-bottom: 50px;
}

    .menu-bubble p {
        text-align: center;
        margin-bottom: 50px;
    }

    .menu-bubble a > div {
        border-radius: 50%;
        height: 125px;
        width: 125px;
        box-shadow: 0px 0px 15px black;
        background-size: cover;
        background-position: center center;
        margin: 0 auto;
    }

    .menu-bubble a {
        color: rgba(0,0,0,.7);
    }

        .menu-bubble a:hover {
            color: black;
            text-decoration: none;
        }

    .menu-bubble h3 {
        font-size: 22px;
        margin-top: 45px;
    }

menu-bubble a {
    text-decoration: none;
}

.bandeau-odd > div:nth-child(odd) {
    background-color: #333333;
    color: white;
    width: 100%;
}

.bandeau-odd > div:nth-child(even) > .container > .row > div:first-child {
    float: right !important;
    text-align: right;
}

.bandeau-odd > div:nth-child(odd) p, .bandeau-odd > div:nth-child(odd) h3 {
    text-align: left !important;
}

.bandeau-odd > div:nth-child(odd) > .container > .row > div:first-child {
    text-align: right !important;
}

.bandeau-odd > div:nth-child(even) > .container > .row > div:last-child {
    text-align: right !important;
}

.bandeau-odd > div:nth-child(even) > .container > .row > div > .max-400 {
    float: right;
    text-align: right;
}

.bandeau-odd > div:nth-child(even) > .container > .row > div > .bandeau-img-rounded {
    float: right;
}

.bandeau-odd img {
    max-width: 100%;
    max-height: 100%;
}

.max-400 {
    width: 100%;
    height: 300px;
    padding-bottom: 50px;
}

.bandeau-odd > div:nth-child(odd) > .container > .row > div img {
    text-align: right !important;
}

.bandeau-odd > div:nth-child(even) > .container > .row > div:first-child {
    text-align: left !important;
}

.bandeau-odd > div > .container > .row > div:last-child {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bandeau-odd > div > .container > .row > div:first-child {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bandeau-odd > div > .container .row p {
    text-align: right;
}

.bandeau-odd h3 {
    text-align: right;
    padding-top: 0px;
    margin-top: 0px;
}

.commercial-header .top-title {
    text-align: left;
}

.bandeau-img-rounded {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
}

.pneus, .commercial, .mechanic, .jantes, .promotions, .search-results {
    background-color: #f8f8f8;
}

    .pneus .white-band {
        background-color: #ffffff;
        width: 100%;
        padding: 20px 0;
    }

.blue-section {
    background-color: #013369;
    color: white;
    height: auto;
    width: 100%;
    margin-bottom: 50px;
}

    .blue-section h3 {
        text-align: left;
    }

    .blue-section img {
        width: auto;
        max-width: 170px;
        margin-top: 50px;
    }

    .blue-section > .container > .row {
        padding: 20px;
    }

.promotions-header .my-btn-rdv {
    background-color: #013369;
}

.promotions h2 {
    color: #013369;
    font-size: 25px;
    padding-top: 50px;
    font-weight: 200;
}

.promotions > .container > .row > a > div:last-child p {
    font-size: 25px;
    text-align: center;
    font-weight: 100;
    padding: 70px 0;
    color: #a1a1a1;
}

.cube-promotions {
    width: 100%;
    max-width: 450px;
    border: 13px solid #013369;
    background-color: #24a4a5;
    margin-bottom: 30px;
    padding: 10px 35px;
    font-family: 'Neutra Display Titling';
    text-transform: uppercase;
    font-weight: 100;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

    .cube-promotions .p-blue-t {
        color: #013369;
        font-size: 45px;
        line-height: 55px;
    }

    .cube-promotions .p-dates {
        color: white;
        font-size: 22px;
        line-height: 25px;
        height: 80px;
    }

    .cube-promotions .p-logo {
        background-image: url('/images-local/image-promotion/logo iciPneu.png');
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 10px;
        width: 100px;
        height: 50px;
    }

.promotions > .container .promo a:nth-child(odd) > div > div {
    float: right;
}

.promotions > .container .promo a {
    text-decoration: none;
}

.no-promo div p {
    padding: 25px 0;
    text-align: center;
    font-size: 20px;
}

.avantage-content {
    margin-bottom: 50px;
}

    .avantage-content .container .row:first-child {
        margin: 30px auto;
    }

    .avantage-content > .container > .row > div:nth-child(2) {
        text-align: right !important;
    }

    .avantage-content .container .row h5 {
        font-size: 19px;
        text-transform: none;
    }

    .avantage-content .container .row p {
        font-size: 14px;
        line-height: 12px;
    }

    .avantage-content span {
        white-space: nowrap;
    }

.avantage-header .top-img {
    background-position: center center;
}

.avantage-content > .container > .row:nth-child(even) {
    background-color: #f1f1f1;
}

.tireSelectorTirePage .tireSelectorMain {
    padding-top: unset;
}

/* Style page list pneus résultat de recherche */
.nb-show-results {
    height: auto;
    width: 100%;
    background-color: #c2c2c2;
    padding: 15px;
    margin-left: 0;
}

    .nb-show-results p {
        margin-bottom: 0px;
    }

.tires-results {
    margin-top: 30px;
    box-shadow: 3px 3px 15px #e4e4e4;
    padding: 15px;
    background-color: white;
    position: relative;
    z-index: 90;
}

.ribbon-wrapper {
    width: 130px;
    height: 135px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    right: -5px;
}

.ribbon {
    font: 15px Sans-Serif;
    font-weight: 500;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -12px;
    top: 37px;
    width: 180px;
    background-color: #e63f3f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e63f3f), to(#ab0202));
    background-image: -webkit-linear-gradient(top, #e63f3f, #ab0202);
    background-image: -moz-linear-gradient(top, #e63f3f, #ab0202);
    background-image: -ms-linear-gradient(top, #e63f3f, #ab0202);
    background-image: -o-linear-gradient(top, #e63f3f, #ab0202);
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

    .ribbon:before, .ribbon:after {
        content: "";
        border-top: 3px solid #780101;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: -3px;
    }

    .ribbon:before {
        left: 0;
    }

    .ribbon:after {
        right: 0;
    }

.tires-results > .row {
    margin-left: 15px;
    margin-right: 15px;
}

.tires-results h2, h4 {
    text-align: left;
    line-height: 14px;
    text-transform: none;
}

.tires-results p {
    line-height: 13px;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
}

.tires-results .btn {
    width: 100%;
    padding-top: 11px;
    padding-bottom: 10px;
    max-width: 223px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.img-tires {
    max-width: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tires-results .info-tires .brandName {
    line-height: .5;
    text-align: initial;
    color: #333;
}

.tires-results .info-tires .modelName {
    line-height: 1.1;
    margin-top: -5px;
}

.search-results .dataList {
    width: 100%;
}

.listingPageTitle h3 {
    font-size: 20px;
    font-weight: 900;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.search-results.fiche .back-to-result {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .search-results.fiche .back-to-result a {
        color: #000000;
    }

        .search-results.fiche .back-to-result a:Hover, .search-results.fiche .back-to-result a:focus, .search-results.fiche .back-to-result a:Active {
            text-decoration: none !important;
        }

.fiche-tires {
    margin-left: 15px;
}

    .fiche-tires > div:last-child .row {
        margin-top: 20px;
    }

    .fiche-tires .modelDescription {
        padding-top: 5px;
    }

    .fiche-tires h1 {
        font-size: 24px !important;
        text-align: left !important;
        color: #013369;
        margin-top: -4px;
    }

        .fiche-tires h1 img {
            height: 22px;
            margin-top: -10px;
        }

        .fiche-tires h1 span {
            display: block;
            font-size: 30px;
            color: #24a4A5;
            margin-top: -2px;
        }

.info-tires > div:first-child > .row > div:first-child p {
    text-align: right;
    font-size: 15px;
    line-height: 5px;
}

.info-tires > div:first-child > .row > div:first-child h5 {
    color: #013369;
    font-size: 40px;
    text-align: right;
}

    .info-tires > div:first-child > .row > div:first-child h5 span {
        color: #013369;
        font-size: 15px;
        text-align: right;
        white-space: nowrap;
    }

.info-tires > div:first-child > .row > div:last-child h2 span, .fiche-tires .modelName span {
    color: #24a4a5;
}

.fiche-tires .brandAndModel img {
    height: 22px;
    margin-top: -10px;
}

.fiche-tires .model-promotion {
    color: #FF0000;
    padding: 5px 0px;
}

.fiche-tires .product-code {
    margin-bottom: 0px;
}

.two-tires > div > .row > div:first-child h4 {
    color: #013369;
    font-size: 17px;
    text-align: center;
    font-weight: 900;
    line-height: 15px;
}

.two-tires > div > .row > div:last-child h5 {
    color: #013369;
    /*font-size: 25px;*/
    text-align: center;
    line-height: 15px;
}

.info-tires .two-tires .price {
    font-size: 20px !important;
}

.tire-list-price-container {
    color: #013369;
    font-weight: bold;
    font-size: 20px;
    text-align: right !important;
}

.tire-listing-detail-price-container, .tire-listing-detail-price-container table {
    height: 74px;
    color: #013369;
}

    .tire-listing-detail-price-container table {
        width: 100%;
    }

    .tire-listing-detail-price-container td {
        vertical-align: bottom;
    }


.select-box-tires {
    margin-left: 14px;
    width: 50px;
    height: 30px;
    border-radius: 5px;
}

.search-results > .container {
    padding-top: 10px;
}

    .search-results > .container > .row:first-child > div:first-child h3 {
        font-size: 20px;
        font-weight: 900;
    }

    .search-results > .container > .row:first-child > div:last-child h3 {
        text-align: left;
        text-transform: none;
        font-size: 22px;
    }

.search-results h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 22px;
}

.teal-btn {
    background-color: #24A4A5;
    color: #fff !important;
    height: 100% !important;
    margin-right: 0px;
}

    .teal-btn:hover {
        background-color: #65BFC0 !important;
    }

.grey-btn {
    background-color: #525252;
    color: #fff !important;
    height: 100% !important;
    margin-right: 0px;
}

    .grey-btn:hover {
        background-color: #717171 !important;
    }

.current-filters-container {
    box-shadow: 3px 3px 15px #e4e4e4;
    width: 100%;
    height: 100%;
    min-height: 100px;
    background-color: white;
    padding: 10px 15px;
    padding-top: 0px !important;
    margin: 30px 0px;
}

    .current-filters-container h4 {
        text-transform: none;
        color: white;
        font-weight: 900;
        text-align: initial !important;
    }

    .current-filters-container .fa-refresh {
        font-size: 20px;
        padding-top: 2px;
    }

    .current-filters-container .active-filter {
        background-color: #24A4A5;
        color: white !important;
        padding: 8px 20px;
    }

        .current-filters-container .active-filter a i {
            padding-left: 5px;
        }

    .current-filters-container .list-active-filter .filter-active-item {
        background-color: #f8f8f8;
        margin: 0px;
        padding: 2px 10px;
        margin-bottom: 4px;
    }

        .current-filters-container .list-active-filter .filter-active-item .filter-current-filters-item {
            overflow: hidden;
            width: 90%;
            float: left;
            padding-top: 3px;
            font-size: 14px;
            white-space: nowrap;
        }

        .current-filters-container .list-active-filter .filter-active-item i {
            color: #24A4A5
        }

            .current-filters-container .list-active-filter .filter-active-item i:focus {
                color: #2c8ca1
            }

        .current-filters-container .list-active-filter .filter-active-item img {
            width: 10px;
            height: 10px;
        }

.current-filters-remove-all-filters {
    color: white !important;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none !important;
    display: block;
    padding-top: 5px;
}

.new-tire-search .tireSelectorMain .tiredSelectorHead .menu {
    text-align: center;
    padding: 5px 0px;
    font-size: 15px;
    background-color: #c2c2c2;
}

    .new-tire-search .tireSelectorMain .tiredSelectorHead .menu span {
        display: none;
    }

.new-tire-search .tireSelectorMain .tireSelectorForm section {
    padding: 30px 15px 5px 15px;
}

.new-tire-search .tireSelectorMain {
    width: 100%;
    padding-top: 0px;
    box-shadow: 3px 3px 15px #e4e4e4;
}

    .new-tire-search .tireSelectorMain .btnTireSelector {
        margin-top: 0px;
    }

.tires-filters {
    background-color: white;
    box-shadow: 3px 3px 15px #e4e4e4;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
}

    .tires-filters li {
        list-style-type: none;
        line-height: 20px;
    }

        .tires-filters li a {
            color: #222;
        }

            .tires-filters li a:hover {
                color: #666;
            }

    .tires-filters ul {
        padding-top: 10px;
        padding-left: 15px;
    }

        .tires-filters ul:last-child li:last-child {
            padding-bottom: 10px;
        }

    .tires-filters .title-filters {
        width: 100%;
        padding: 8px 20px;
        background-color: #013369;
    }

        .tires-filters .title-filters h4, .btn-less-cost h4 {
            text-transform: none;
            color: white;
            font-weight: 900;
        }

.dollar-sign-class {
    padding-right: 10px;
    font-size: 18px !important;
    padding-top: 8px;
}

.refresh-filters {
    background-color: #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 15px 0;
}

    .refresh-filters .fa-refresh {
        font-size: 28px;
        color: #24a4a5;
    }

    .refresh-filters h5 {
        font-weight: 900;
    }

    .refresh-filters .row {
        margin-left: 0px;
        margin-right: 0px;
    }

.btn-less-cost {
    background-color: #24A4A5;
    width: 100%;
    color: white;
    padding: 20px 10px;
    margin-bottom: 0px;
    box-shadow: 3px 3px 15px #e4e4e4;
    text-transform: none !important;
}

.pager > div > div {
    text-align: center;
}

    .pager > div > div p {
        text-align: center;
        font-size: 15px;
    }

.select-box-page1 {
    margin-left: 10px;
    width: 120px;
    height: 30px;
    border-radius: 5px;
}

.select-box-page2 {
    margin-left: 10px;
    width: 40px;
    height: 30px;
    border-radius: 5px;
}

.my-pull-right {
    float: right;
}

.front-tires, .back-tires {
    text-align: center;
    margin-bottom: 10px;
}

    .front-tires > div {
        width: auto;
        text-align: left;
        margin: 0 auto;
        display: inline-block;
    }

.new-search, .search-filters {
    width: 100%;
    background-color: #013369;
    padding: 20px 10px;
    height: auto;
    margin: 5px 0px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

.fiche-tires hr {
    height: 1px;
    background-color: #b1b1b1;
    max-width: 625px;
}

.fiche-tires h3 {
    margin-top: -9px;
    text-align: left;
    color: #013369;
    font-weight: 600;
}

    .fiche-tires h3.brandAndModel {
        margin-top: -4px;
        font-weight: normal
    }

.fiche-tires h2.modelName {
    margin-top: -2px;
    margin-bottom: 15px;
}

.fiche-tires > div:last-child > div:last-child .row div {
    margin-left: -8px;
}

.qte {
    margin-top: -3px;
    width: 60px;
    height: 30px;
    border-radius: 5px;
}

.txt-tires {
    line-height: 20px;
}

    .txt-tires > div:first-child span {
        color: #24a4a5;
        font-weight: 900;
    }

    .txt-tires > div {
        padding-top: 20px;
        padding-bottom: 15px;
    }

        .txt-tires > div:nth-child(2) span {
            font-weight: 900;
        }

    .txt-tires p {
        font-size: 16px;
        line-height: 17px;
    }

    .txt-tires > div:last-child span {
        color: #013369;
        font-weight: 600;
    }

    .txt-tires .tireDetail {
        padding-bottom: initial;
    }

    .txt-tires .tire-caracteristic {
        padding-top: initial;
    }

        .txt-tires .tire-caracteristic .caracteristic-title {
            margin-top: 10px;
        }

.fiche .tires-results {
    margin-top: 0px !important;
    margin-bottom: 15px;
}

.fiche > .container > .row:first-child > div:last-child h3 {
    font-size: 15px;
}

.fiche-tires > .row {
    margin-top: 20px;
}


/*----------PANIER----------*/
.shopping-cart-tabulator-container {
    display: block;
    height: 100%;
    width: 100%;
    min-height: 60px;
}

.shopping-cart-main-container {
    width: 100%;
    height: auto;
    display: block;
    background-color: #F8F8F8;
}

.tab-steps-container {
    background-color: #003267;
    color: white !important;
    padding: 0px 45px;
    max-height: 60px;
}

.shopping-cart-notification-panel {
    font-size: 20px;
    color: #013369;
    padding: 10px 0px;
}

    .shopping-cart-notification-panel > p {
        text-align: center;
    }

    .shopping-cart-notification-panel > span {
        font-size: 25px;
        text-align: center;
        font-weight: bold;
        display: block;
    }

.fa-calendar {
    font-size: 22px !important;
    padding-top: 8px !important;
}

.fa-user {
    padding-left: 1px;
}

.fa-circled {
    display: inline-block;
    border-radius: 20px;
    box-shadow: 0 0 2px #222;
    background-color: white;
    width: 40px;
    height: 40px;
    color: #444;
    padding-top: 7px;
    font-size: 25px;
    text-align: center;
}

.tab-triangle {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #0067af;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.tab-triangle-selected {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #2ecccc !important;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.tab-triangle-before-selected {
    width: 0;
    height: 0;
    border-top: 30px solid #2ecccc;
    border-bottom: 30px solid #2ecccc;
    border-left: 30px solid transparent;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.fa-shopping-cart {
    font-size: 30px;
}

.cart-item-container {
    border-bottom: 3px solid #ccc;
    min-height: 265px;
    background-color: #FFFFFF;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    overflow: hidden;
    margin: 0px;
}

    .cart-item-container:last-child {
        border-bottom: 0px !important;
    }


.cart-item-container-step-3 {
    border-bottom: 3px solid #ccc;
    background-color: #FFFFFF;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    margin: 0px;
    padding: 15px 0px;
}

    .cart-item-container-step-3:last-child {
        border-bottom: 0px !important;
    }

.step-2, .step-3 {
    display: none;
}

.selected-tab {
    background-color: #2ecccc;
}

.step-tab {
    padding: 10px 15px;
    display: block;
    width: 250px;
    float: left;
    cursor: pointer !important;
}

.cart-container {
    padding: 30px;
}

.cart-items-header-container {
    background-color: #E5E5E5;
    color: #333333;
    overflow: hidden;
    font-size: 20px;
    padding: 8px;
    border-bottom: 3px solid #ccc;
}

.cart-items-container {
    border: 1px solid #999;
    border-top: 0px;
    background-color: white;
    padding: 10px;
    min-height: 85px;
}

.empty-cart-container {
    display: block;
    padding: 30px 0px;
    text-align: center;
}

.cart-options-main-container {
    width: 100%;
    margin-top: 30px;
    min-height: 130px;
}

.cart-options-header-container {
    background-color: #E5E5E5;
    color: #333333;
    overflow: hidden;
    font-size: 20px;
    padding-top: 8px;
    padding-bottom: 5px;
    margin: 0px;
    border-bottom: 3px solid #ccc;
    margin-top: 30px;
}

.other-service-header {
    width: 50%;
    display: inline-block;
    float: left;
}

.cart-item-image-container {
    padding: 30px;
    padding-bottom: 10px;
}

.cart-img-max-width {
    width: 100%;
    height: auto;
    max-width: 190px;
}

.cart-dropdownlist-container {
    margin-top: 10px;
}

.other-service-service-container {
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.avantage-card-price-without {
    color: #333333;
    text-align: center;
}

.avantage-card-price-with {
    color: #013369;
    font-weight: bold;
    text-align: center;
}


.cart-options-container {
    border-top: 0px;
    border-bottom: 0px;
    background-color: white;
    min-height: 70px;
}

.cart-options-item {
    min-height: 90px;
    height: auto;
    padding: 10px;
    padding-top: 25px;
    border-bottom: 3px solid #ccc;
}

.searchResult .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0 0;
    border-color: #008aff transparent transparent transparent;
    float: left;
    position: absolute;
}

    .searchResult .triangle p {
        text-align: center;
        top: -80px;
        position: relative;
        width: 65px;
        transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
        -o-transform: rotate(315deg);
        color: #ffffff;
    }

.searchResult .triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 75px 75px 0 0;
    border-color: #003267 transparent transparent transparent;
    float: left;
    position: absolute;
}

    .searchResult .triangle2 p {
        text-align: center;
        top: -65px;
        position: relative;
        width: 65px;
        transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
        -o-transform: rotate(315deg);
        color: #ffffff;
        left: -5px;
    }

.cart-price-text {
    color: #76C6C7;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    display: inline;
    width: 27%;
    float: left;
}

.cart-set-price-text {
    color: #76C6C7;
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
    font-size: 20px;
    width: 67%;
    float: left;
    /*padding-right:10%;*/
}

.cart-options-information-container p {
    padding: 0px;
    margin: 0px;
    padding-right: 5px;
}

.cart-options-price-container {
    color: #013369;
    font-weight: bold;
    font-size: 21px;
}

.cart-delete-item-container {
    width: 100%;
    display: inline;
    float: left;
}

.padding-left-right-15 {
    padding: 0px 15px;
}

.cart-tire-name {
    color: #013369;
    font-size: 30px;
    font-weight: 700;
    height: 38px;
    padding-left: 15px;
    height: auto;
    margin-top: 30px;
}

    .cart-tire-name span {
        color: #24A4A5;
    }

    .cart-tire-name a {
        color: #013369;
        text-decoration: none !important;
    }

.cart-tire-name-step-2 {
    padding-left: 0px;
}

.cart-tire-name img {
    height: 20px;
    margin-left: 10px;
    margin-top: -5px;
}

.cart-min-height-200 {
    min-height: 200px;
}

.myCartOptionsContainer {
    width: 100%;
}

.btnDeleteItem {
    color: #FF0000;
    font-size: 25px;
}

.remove-from-cart-text-container {
    color: #FF0000;
    font-size: 12px;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}

.titleNextToControlLeft {
    float: left;
    width: 50%;
    padding-right: 5px !important;
    padding-top: 5px;
}

.row .cart-dropdownlist-container:first-child {
    margin-top: 5px;
}

.titleNextToControlRight {
    float: left;
    width: 50%;
}

.recap-container {
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-top: none;
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 3px;
    border-bottom: 3px solid #E0E0E0;
}

    .recap-container > div {
        margin: 20px;
    }


.cart-special-adjusts .floatLeft {
    color: black;
    margin-bottom: 0px;
    padding: 5px 0px;
    font-weight: bold;
}

.cart-special-adjusts .floatRight {
    color: black;
    margin-bottom: 0px;
    padding: 5px 0px;
    font-weight: bold;
}

#conditionsContainer {
    text-align: left;
    font-size: 10px;
    padding: 5px 0;
    font-weight: bold;
    margin-top: 10px;
}

.bouton-continue-order-first, .bouton-continue-order-second {
    cursor: pointer;
    padding: 10px 0;
    margin-top: 20px;
    background-color: #013369;
    color: white;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    padding: .8em .9em;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    border: 0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    text-align: center;
}

    .bouton-continue-order-first:hover, .bouton-continue-order-second:hover {
        background-color: #008aff;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        color: #FFF;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

.custom-card-avantage-style {
    text-align: center;
    background-color: #013369;
    color: white;
    font-weight: bold;
    padding: 3px 5px;
}

.shopping-cart-item-subtotal-container {
    margin-top: 6px;
    padding-bottom: 10px;
}

.col-md-9 .pager {
    box-shadow: 3px 3px 15px #e4e4e4;
}

.cart-options-item .hide-at-767 {
    padding-top: 5px;
}

.chkInstallation {
    /*margin-left: 10px;*/
}

    .chkInstallation > label {
        padding-right: 10px;
        font-weight: normal;
        vertical-align: top;
        height: 30px;
        padding-top: 2px;
    }

.shopping-cart-quantity-container {
    float: left;
    padding-right: 25px;
    padding-top: 5px;
    min-width: 95px;
}

.set-price-container {
    color: #333;
    font-size: 15px;
}

.shopping-cart-quantity-dropdownlist-container {
    width: 40%;
    float: left;
    padding-right: 15px;
}

.shopping-cart-quantity-dropdownlist-container-adjust {
    width: 0%;
    float: left;
}

.ddlQuantity {
    float: left;
    max-width: 150px;
}

.shopping-cart-item-dimension span {
    display: block;
}

.cart-season-icon {
    height: auto;
    width: 100%;
    max-width: 25px;
    vertical-align: top;
    padding-top: 5px;
}

.conditions-container {
    padding: 20px 15px 0px 15px;
    text-align: center;
    color: #013369;
}

.cart-installation-checkbox input {
    width: 30px;
    line-height: 30px;
    height: 30px;
    margin: 0;
}

.custom-checkbox {
    width: 30px;
    line-height: 30px;
    height: 30px;
    padding: 0px;
    margin-left: 15px !important;
}

.page-numbers {
    padding: 4px 12px;
    border: 1px solid #ccc;
    background-color: white;
    color: black;
    margin-right: 4px;
    width: 45px;
    display: inline-block;
    text-align: center;
}

.tire-list-first-pager-container .page-numbers:last-child {
    margin-right: 0px;
}

.tire-list-first-pager-container table {
    width: 100%;
    height: 100%;
}

.tire-listing-call-to-action-container {
    margin: 0px;
    margin-top: 20px;
}

.current-active-page {
    background-color: #013369;
    color: white;
}

.alert-success {
    color: #333 !important;
    background-color: #ddd !important;
    border-color: rgba(0, 0, 0, 0) !important;
    font-family: 'NeutraText-BookAlt';
}

.pager-text-adjustement {
    margin-bottom: 5px !important;
    font-size: 14px !important;
}

.dont-pad-children > div > div {
    /*padding: 0px !important;*/
    padding-left: 17px;
}

.btn-primary.blue-btn {
    padding-left: 17px;
}

.tire-list-first-pager-container {
    min-height: 70px;
    height: 100%;
}

    .tire-list-first-pager-container > table {
        height: 100%;
        width: 100%;
        min-height: 70px;
    }

        .tire-list-first-pager-container > table td {
            vertical-align: middle;
        }

.tire-listing-description {
    line-height: 13px !important;
    font-size: 13px !important;
    padding: 5px 0px !important;
    text-align: justify !important;
    margin-bottom: 10px !important;
}

.tire-listing-promotion {
    color: #FF0000;
    padding-left: 13px;
    padding-bottom: 5px;
}

/**** Page des Modèles de pneus *****/
.brand-model-tire-image {
    max-width: 100px;
    width: 100%;
}

.brand-model-tire-description-container {
    margin-bottom: 25px;
}

.brand-model-tire-caracteristic-title {
    background-color: #013369;
    color: white;
    display: inline-block;
    font-size: 1em;
    letter-spacing: 1px;
    padding: 0.75em 1.25em;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 10px;
}

ul.liste-caracteristiques {
    border: 1px solid #e2e2e2;
    margin-bottom: 3em;
    list-style-image: url(/_assets/Images/list-line.png);
    list-style-position: inside;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 50px !important;
}

    ul.liste-caracteristiques li {
        border-bottom: 1px solid #e2e2e2;
        font-size: 16px;
        padding: 10px 15px;
    }

.brand-model-tire-table-skus {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #dddddd;
    min-width: 400px;
}

    .brand-model-tire-table-skus tr th {
        background-color: #013369;
        color: white;
        font-weight: bold;
        width: 25%;
        text-align: center;
        padding: 10px 0px;
        border: 1px solid #dddddd;
    }

    .brand-model-tire-table-skus tr td {
        width: 25%;
        text-align: center;
        padding: 10px 0px;
        border: 1px solid #dddddd;
    }

    .brand-model-tire-table-skus tbody tr:nth-of-type(even) {
        background-color: #f8f8f8;
    }

.text-transform-initial {
    text-transform: initial;
}

.pneus .return-result {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
}

    .pneus .return-result a {
        color: #000000;
    }

        .pneus .return-result a:focus, .pneus .return-result a:hover, .pneus .return-result a:active {
            text-decoration: none;
        }

.pneus .lst-tire-brand {
    background-color: #ffffff;
    padding-top: 15px;
}

    .pneus .lst-tire-brand .brand-model-characteristic h1 {
        font-size: 24px;
        text-align: left;
    }

        .pneus .lst-tire-brand .brand-model-characteristic h1 span {
            display: block;
            font-size: 30px;
            color: #24a4A5 !important;
        }

.pneus .container .page-box {
    width: 90%;
    margin: 0 auto;
}

    .pneus .container .page-box .brand-model-characteristic {
        text-align: left;
    }

        .pneus .container .page-box .brand-model-characteristic img {
            height: 20px;
            margin-left: 10px;
            margin-top: -5px;
        }


        .pneus .container .page-box .brand-model-characteristic h3, .pneus .container .page-box .brand-model-characteristic h2 {
            text-align: left;
        }

        .pneus .container .page-box .brand-model-characteristic h2 {
            margin-top: -10px;
            color: #24a4a5;
        }

.boxShadow {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.inlineblock {
    display: inline-block;
}

.p-t-5-i {
    padding-top: 5px !important;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.clear {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.m-b-50 {
    margin-bottom: 50px;
}

.text-center {
    text-align: center;
}

.display-table {
    display: table;
}

.vertical-align-middle {
    display: table-cell;
    vertical-align: middle;
}

.no-padding-desktop {
    padding: 0px;
}

.custom-h3 {
    color: #888;
    text-align: left;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.displayInline {
    display: inline-block;
}

.width-20-percent {
    width: 30%;
    margin-right: 3%;
    padding: 0px 1%;
}

.m-b-3 {
    margin-bottom: 3px;
}

.text-center-mobile-only {
    text-align: right !important;
}

.m-b-15 {
    margin-bottom: 15px;
}

.width-10-percent {
    width: 15%;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-35 {
    margin-top: 35px !important;
}

.p-r-0 {
    padding-right: 0px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-3 {
    padding-right: 3px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-35 {
    padding-left: 35px;
}

.p-l-80 {
    padding-left: 50px;
}

.v-a-t {
    vertical-align: top;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-t-8 {
    margin-top: 8px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.no-wrap {
    white-space: nowrap;
}

.show-at-767 {
    display: none;
}

.w-22-pct {
    width: 22%;
}

.m-b-3 {
    margin-bottom: 3px;
}

.m-t-0 {
    margin-top: 0px;
}

.tireSelectorForm select {
    font-size: 14px !important;
}

/* style popup carte avantage */
.popup-generic {
    padding-left: 0px !important;
}

    .popup-generic .modal-content .pnlPopupContentAvantage .container-advantage > .row:nth-child(2n) {
        background-color: #f1f1f1;
    }


    .popup-generic .modal-content .pnlPopupContentAvantage {
        padding: 5px 50px 5px 50px;
    }

        .popup-generic .modal-content .pnlPopupContentAvantage .btn-close-advantage {
            margin-top: 30px;
        }

.selected-tire-wrap {
    padding: 38px 30px;
}

    .selected-tire-wrap .cart-tire-name {
        padding-left: 0;
    }

        .selected-tire-wrap .cart-tire-name h2, .selected-tire-wrap .cart-tire-name h3 {
            text-align: left !important;
        }

    .selected-tire-wrap .brandName {
        line-height: .5;
        text-align: initial;
        color: #333;
    }

    .selected-tire-wrap .modelName {
        line-height: 1.1;
        margin-top: -5px;
    }

    .selected-tire-wrap img {
        max-width: 100px;
    }

.tireSize, .tireSizeTwo {
    margin-left: 30px;
    position: relative;
}

.tireSizeNoQty {
    margin-left: 0px;
}

.tireSizeTwo {
    border-top: 1px solid #ebebeb;
    margin-top: 5px;
}

.QuantityTire {
    position: absolute;
    left: -30px;
    top: 10px;
    font-size: 16px;
    font-weight: 500;
}

    .QuantityTire span {
        font-size: 14px;
    }

.tire-quantity-padding {
    padding-top: 10px;
}

.cus-align {
    text-align: right !important;
}

.cus-align2 {
    text-align: left !important;
}

.cus-align-no-ddl {
    text-align: right !important;
}

.ddl-qty select {
    max-width: 60px;
}

.tire-list-price-container.text-left {
    text-align: left !important;
}

.quantity-inline {
    display: inline;
}

.deleteTire {
    position: absolute;
    right: 0;
    top: 6px;
    color: #d01f1f;
    cursor: pointer;
}

/* #region PAGES SEO */
.vehicule-search-section {
    padding: 40px 0 80px 0;
}

    .vehicule-search-section h1 {
        color: #013369;
        font-size: 25px;
        padding-bottom: 10px;
        font-weight: 200;
    }

    .vehicule-search-section h2 {
        text-align: left;
        font-size: 20px;
    }

.search-list {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.vehicule-search-section p > a {
    cursor: pointer;
}

.vehicule-search-section .brand-model {
    font-weight: 900;
}

.search-list li {
    text-align: center;
}

    .search-list li a {
        display: inline-block;
        background-color: #013369;
        padding: 10px 15px;
        width: 100%;
        max-width: 250px;
        text-align: center;
        margin-bottom: 15px;
        color: #fff;
        transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
    }

        .search-list li a:hover {
            text-decoration: none;
            background-color: #008aff !important;
        }
/*#endregion */


.ptgFrameInListStyle {
    width: 100%;
    border: none;
    overflow: hidden;
    height: 100px;
    margin-bottom: -20px;
    margin-top: 25px;
}

.ptgFrameAfterFilterStyle {
    width: 100%;
    border: none;
    overflow: hidden;
    height: 260px;
}

.ptgFrameinDetailsStyle {
    width: 100%;
    border: none;
    overflow: hidden;
    height: 100px;
}



/*#endregion */
/* ---- MEDIA QUERY ---- */
/* CONTAINER PLUS GRAND POUR ADAPTER */
@media only screen and (min-width: 1644px) {
    .wide {
        width: 1580px;
    }
}

@media screen and (max-width: 1500px) {
    .promoSliderZone .promoSlider {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1444px) and (max-width: 1643px) {
    .top-title h1 {
        font-size: 45px;
        line-height: 50px;
    }

    .top-img {
        height: 600px;
    }

    .pneus-header .top-img {
        height: 620px;
    }
}

@media screen and (min-width: 1244px) and (max-width: 1444px) {
    .top-title h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .top-img {
        height: 550px;
    }

    .pneus-header .top-img {
        height: 620px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1244px) {
    .top-title h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .about-header .top-img {
        height: 500px;
        background-position: center -80px;
    }

    .top-img {
        height: 500px;
    }

    .pneus-header .top-img {
        height: 620px;
    }
}

@media screen and (max-width: 1210px) {
    .pneus-header .tireSelectorTirePage .tireSelectorZone .tireSelectorMain .tireSelectorTitle {
        font-size: 35px;
    }
}

@media screen and (min-width: 1200px) {
    .override-blue {
        max-width: 85% !important;
        margin: 50px auto;
    }
}

@media screen and (min-width: 1500px) {
}

@media screen and (max-width: 1200px) {
    .blue-section .row div {
        text-align: center !important;
    }

    .blue-section h3 {
        text-align: center;
    }

    .blue-section img {
        display: none;
    }

    .tires-results .btn {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .info-tires > div:first-child > .row > div:first-child h5 {
        font-size: 35px;
        text-align: right;
    }

        .info-tires > div:first-child > .row > div:first-child h5 span {
            font-size: 20px;
            text-align: right;
        }

    .select-box-tires {
        margin-left: 4px;
    }

    .refresh-filters h5 {
        font-size: 13px;
    }

    .btn-less-cost {
        font-size: 14px;
    }

    .fiche-tires hr {
        max-width: 500px;
    }
}

@media screen and (max-width: 1080px) {
    .tires-results > .row > div:last-child > .row > div:last-child > .row > div {
        text-align: center !important;
    }
}

@media screen and (max-width: 1071px) {
    .navbar-brand {
        width: 220px;
    }

        .navbar-brand img {
            max-width: 200px;
        }
}

@media screen and (min-width: 1400px) {
    .p-l-80 {
        padding-left: 80px;
    }
}

@media screen and (max-width: 991px) {
    .cus-align {
        text-align: center !important;
    }

    .cus-align2 {
        text-align: center !important;
    }

    .infoLettre {
        padding-top: 25px;
    }

        .infoLettre .form div div {
            margin-bottom: 15px;
        }

        .infoLettre .divBtn {
            margin-bottom: 25px;
        }

            .infoLettre .divBtn .btn {
                width: 100%;
            }

    .tireSelectorMain {
        padding-top: 25px;
    }

    .promoSliderZone {
        padding-top: 25px;
    }

        .promoSliderZone .promoSlider {
            margin-top: 10px;
        }

    .divSavoirPlus > section {
        padding-top: 50px;
    }

        .divSavoirPlus > section .text {
            text-transform: uppercase;
            font-size: 20px;
            color: #fff;
            width: 200px;
        }

    .my-pull-right {
        float: none;
    }

    .tires-results > .row > div:first-child {
        text-align: center;
    }

    .info-tires > div:first-child > .row > div:first-child p {
        text-align: left;
    }

        .info-tires > div:first-child > .row > div:first-child p:first-child {
            padding-top: 20px;
        }

    .tires-results {
        padding: 0px;
    }

        .tires-results h2, .tires-results h3, h4 {
            text-align: center !important;
        }

        .tires-results p {
            text-align: center;
        }

    .info-tires {
        margin-left: 0px;
        margin-right: 0px;
    }

    .txt-tires p {
        text-align: left;
    }

    .fiche-tires h3, h6 {
        text-align: center;
    }

    .fiche-tires h3 {
        font-size: 20px;
    }

    .fiche-tires h1 {
        font-size: 20px !important;
        text-align: center !important;
    }

    .fiche-tires h6 {
        font-size: 11px;
    }

    .my-center {
        text-align: center;
    }

    .cart-dropdownlist-container {
        font-size: 15px;
    }

    .chkInstallation > label {
        padding-right: 18px;
    }

    .shopping-cart-tabulator-container {
        display: none;
    }

    .bandeau-odd > div:nth-child(odd) > .container > .row > div:first-child {
        float: none;
        text-align: left;
        display: none;
    }

    .bandeau-odd > div > .container > .row > div > h3 {
        padding-top: 0px;
        text-align: center !important;
    }

    .bandeau-odd > div > .container > .row > div:last-child {
        text-align: center !important;
    }

    .bandeau-odd > div > .container > .row > div:last-child {
        text-align: center !important;
    }

    .bandeau-odd > div p, .bandeau-odd > div h3 {
        text-align: center !important;
    }

    .bandeau-odd > div:nth-child(even) > .container > .row > div:last-child {
        text-align: center !important;
    }

    .bandeau-odd > div:nth-child(odd) p {
        text-align: center !important;
    }

    .bandeau-odd .container .row p {
        text-align: left;
    }

    .bandeau-odd .container .row div {
        text-align: center !important;
    }

    .max-400 {
        display: none;
    }

    .bandeau-img-rounded {
        display: none;
    }

    .mechanic-img {
        display: none;
    }

    .commercial-img {
        display: none;
    }

    .bandeau-odd h3 {
        text-align: center;
    }

    .bandeau-odd .row {
        height: auto;
        padding: 20px;
    }

    .promotions > .container .promo a:nth-child(odd) > div > div {
        float: none;
    }

    .cube-promotions {
        margin: 0 auto 30px auto;
    }

        .cube-promotions .p-logo {
            display: none;
        }

    .two-tires > div:first-child > .row > div:first-child h5 {
        margin-top: -5px;
        text-align: center;
    }

    .two-tires > div:first-child > .row > div:first-child h4 {
        text-align: center;
    }

    .mini-pull-right {
        float: right;
    }

    .my-align-center {
        text-align: center;
    }

    .tires-results .row > .no-padding:first-child {
        padding-top: 20px !important;
    }

    .tires-results .row > .no-padding:last-child {
        padding-bottom: 20px !important;
    }

    .tires-results .row .tire-list-price-container {
        padding-top: 20px !important;
    }

        .tires-results .row .tire-list-price-container p {
            margin-top: 10px;
        }

        .tires-results .row .tire-list-price-container.cus-align-no-ddl {
            text-align: center !important;
            padding-top: 0px !important;
        }

    .refresh-filters > .row > div:last-child {
        text-align: right;
    }

    .search-results > .container > .row:first-child > div:last-child h3 {
        text-align: center;
    }

    .tires-filters li {
        text-align: center;
    }

    .front-back {
        display: none;
    }

    .tires-results {
        margin-top: 10px;
    }

    .search-results > div > .row:nth-child(2) > div:last-child {
        max-width: 630px;
        margin: 0 auto;
    }

    .pager .nb-show-results {
        margin-left: 0;
        margin: 0 auto;
    }

    .fiche-tires > div:last-child > .row div, .fiche-tires > b .no-padding .row div {
        text-align: center !important;
    }

    .fiche-tires > b .no-padding {
        margin-top: 20px;
    }

    .info-tires, .fiche-tires {
        margin-left: 0;
    }

        .fiche-tires hr {
            display: none;
        }

        .fiche-tires > div:last-child .row > div {
            padding-left: 0;
        }

        .fiche-tires > .row > div {
            padding-left: 0;
        }

        .fiche-tires > div:first-child {
            padding-left: 0;
        }

    .txt-tires {
        padding-left: 0px;
        padding-right: 0px;
    }

    .tires-filters.cellHidden, .new-tire-search .cellHidden {
        display: none;
    }

    .current-filters-container {
        margin-bottom: 5px;
        margin-top: unset;
    }

    .pager-footer, .pager-footer .m-t-20 {
        margin-top: unset !important;
    }

    .pager {
        margin: 5px 0px;
    }

    .tire-quantity-padding {
        padding-top: 20px;
    }

    .xs-padding-top-3 {
        padding-top: 30px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media screen and (min-width: 992px) {
    .divSavoirPlus > section .btn {
        width: 280px;
        font-size: 26px;
        height: 55px !important;
    }

    .new-search, .search-filters {
        display: none;
    }

    .section-filter {
        margin-top: 25px;
    }
}

@media screen and (max-width: 992px) {
    .top-title {
        padding-top: 150px;
        text-align: center;
        padding-right: 25px;
        padding-left: 25px;
    }

        .top-title h1 {
            font-size: 30px;
            line-height: 40px;
        }

    .top-img {
        height: 450px;
    }

    .pneus-header .top-img {
        height: 620px;
    }

    .aboutcontent h2 {
        font-size: 25px;
    }

    .my-btn-rdv {
        font-size: 25px;
    }

    .navbar-right {
        font-size: 17px;
    }

    .navbar-nav > li > a.btn {
        font-size: 14px;
        margin-right: 0px;
        line-height: 10px;
        margin-top: 18px;
    }
}

@media screen and (max-width: 991px) {
    .search-results h1 {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .top-title {
        padding-top: 130px;
        text-align: center !important;
    }

        .top-title h1 {
            font-size: 20px;
            line-height: 30px;
        }

    .my-btn-rdv {
        font-size: 15px;
    }

    .about-header .top-img {
        background-position: left;
    }

    .brand-model-tire-table-skus-container {
        width: 100%;
        padding: 0px 15px;
    }

    .brand-model-tire-table-skus {
        width: 100%;
        font-size: 15px;
    }

    .brand-model-tire-image {
        max-width: 150px;
        margin: 0 auto;
        display: block;
    }

    .mobile-pad-15 {
        padding: 0px 15px;
    }

    .tire-listing-promotion {
        padding-left: 0px;
    }

    .pneus .container .page-box .brand-model-characteristic h1, .pneus .container .page-box .brand-model-characteristic h2 {
        text-align: center !important;
    }
}

/* Style pour plus grand que mobile */
@media screen and (min-width: 768px) {
    .tire-listing-division, .tire-listing-division-last {
        padding: 0px !important;
    }

    .tire-listing-description {
        padding: 15px !important;
        padding-top: 0px !important;
    }

    .googleMap {
        position: relative;
    }

        .googleMap .infoGarage {
            background-color: rgba(255,255,255,.8);
            padding: 0px 25px;
            z-index: 100;
            position: absolute;
            top: 0;
            left: 75px;
            width: 350px;
        }
}

/* Style pour mobile */
@media screen and (max-width: 767px) {
    .no-padding-desktop {
        padding: 0px 15px !important;
    }

    .col-md-9 .pager:first-child {
        margin-top: 10px !important;
    }

    .text-center-mobile-only {
        text-align: center !important;
    }

    .cart-tire-name {
        padding-left: 0px !important;
    }

    .cart-tire-name {
        text-align: center !important;
    }

    .desktop-margin-top-20 {
        margin-top: 0px !important;
    }

    .tire-listing-division {
        background-color: #f8f8f8;
        padding-bottom: 20px;
        width: 100%;
        float: none;
        padding-left: 0px;
        padding-right: 0px;
    }

    .front-tires, .back-tires {
        margin-top: 10px;
    }

    .tire-listing-division-last {
        padding-bottom: 20px;
        background-color: #f8f8f8;
        border-top: 1px solid #ccc;
        width: 100%;
        float: none;
        padding-left: 0px;
        padding-right: 0px;
    }

    .pager .nb-show-results > div {
        text-align: center !important;
    }

    .mobile-m-t-10 {
        margin-top: 10px;
    }

    .shopping-cart-quantity-container {
        width: 0%;
    }

    .cart-set-price-text {
        width: 100%;
        text-align: center;
    }

    .m-b-30 {
        margin-bottom: 0px;
    }

    .cart-container {
        padding: 15px;
    }

        .cart-container .col-md-12 {
            padding: 0px;
        }

    .cart-price-text {
        text-align: right !important;
        width: 40%;
        margin-top: 4px;
    }

    .shopping-cart-tire-specs-container div {
        text-align: center;
    }

    .cart-tire-name {
        margin-top: 0px;
    }

    .shopping-cart-quantity-dropdownlist-container {
        width: 60%;
    }

    .shopping-cart-item-information {
        padding: 0px 15px;
    }

    .shopping-cart-item-dimension {
        padding-left: 15px !important;
    }

    .mobile-text-center {
        text-align: center !important;
    }

    .cart-tire-name {
        text-align: center;
    }

    .cart-options-header-container {
        height: 49px;
    }

    .cart-options-item {
        padding: 15px 0px;
        margin: 0;
    }

    .shopping-cart-quantity-container {
        text-align: left !important;
    }

    .mobile-padding {
        padding: 15px;
        padding-top: 0px;
    }

    .searchResult {
        display: block;
        margin: 0 auto;
        max-width: 190px;
    }

    .custom-checkbox {
        margin-left: 0px !important;
        margin-top: 25px !important;
    }

    .hide-at-767 {
        display: none !important;
    }

    .show-at-767 {
        display: block;
    }

    .shopping-cart-item-dimension span {
        display: inline;
    }

    body {
        margin-top: 80px;
    }

    .home-page h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 22px;
    }

    .pneus .lst-tire-brand .brand-model-characteristic h1 span {
        font-size: 22px;
    }

    .fiche-tires h1 span {
        font-size: 22px;
        margin-top: 3px;
    }

    .menuSocial {
        display: none;
    }

    .clearOnMin768 {
        clear: both;
    }

    .phone {
        display: block;
    }

    .navbar-nav > li > a {
        line-height: 25px !important;
    }

    .navbar-right {
        padding-right: initial;
    }

        .navbar-right .btn-primary, .navbar-right .fa-shopping-cart {
            display: none;
        }

    .infoLettre {
        padding-top: 15px;
        background-color: #24A4A5;
    }

        .infoLettre .form div div {
            margin-bottom: 15px;
        }

        .infoLettre .divBtn {
            margin-bottom: 15px;
        }

    footer .menu div:not(.clearfix) {
        font-size: 12px;
        padding-left: 10px;
    }

    .googleMap .infoGarage {
        height: unset;
        padding: 25px 50px;
        margin-right: unset;
        margin-left: unset;
    }

    .sliderMarqueAcceuil .image-responsive {
        height: 80px;
    }

    .tireSelectorMain, .promoSliderZone {
        width: 95%;
    }

    .getTire .circle {
        float: left;
        margin-right: 15px;
        margin-bottom: 25px;
        margin-left: 25px;
        width: 50px;
        height: 50px;
        font-size: 25px;
        padding-top: 6px;
    }

    .getTire .title {
        float: left;
        margin-top: 10px;
    }

        .getTire .title h3 {
            margin-top: unset;
        }

    .getTire .text {
        display: none;
    }

    .clearResponsive {
        clear: both;
    }

    .divSavoirPlus > section {
        padding-top: 50px;
        padding-left: 35px;
    }

    .pneus-header .tireSelectorTirePage .tireSelectorZone .tireSelectorMain .tireSelectorTitle {
        margin-top: 30px;
    }

    .tireSizeNoQty, .tireSizeNoQty .text-left {
        text-align: center !important;
    }
}

@media screen and (max-width: 500px) {
    .cart-tire-name {
        font-size: 25px;
    }

    .page-numbers {
        padding: 4px 4px;
        width: 25px;
        font-size: 13px;
    }
}

@media screen and (max-width: 489px) {
    .cube-promotions {
        padding: 10px 25px;
    }

        .cube-promotions .p-blue-t {
            color: #013369;
            font-size: 35px;
            line-height: 40px;
        }

        .cube-promotions .p-dates {
            color: white;
            font-size: 17px;
            line-height: 20px;
        }
}

@media screen and (max-width: 460px) {
    .two-tires > div:first-child > .row > div:first-child h5 {
        font-size: 20px;
        margin-top: 4px;
    }

        .two-tires > div:first-child > .row > div:first-child h5 span {
            font-size: 14px;
        }

    .two-tires > div:first-child > .row > div:first-child h4 {
        font-size: 14px;
    }

    .select-box-tires {
        width: 40px;
    }

    .tires-results > .row > div:nth-child(2) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .two-tires > div {
        padding-left: 12px;
    }

    .two-tires > .div:first-child > .row > div:first-child > .row > div {
        padding-left: 10px;
    }

    .front-tires {
        font-size: 13px;
    }
}

@media screen and (max-width: 396px) {
    .set-price-container {
        font-size: 13px;
    }

    .cart-tire-name {
        font-size: 20px;
    }

    .cube-promotions {
        padding: 10px 15px;
    }

        .cube-promotions .p-blue-t {
            color: #013369;
            font-size: 25px;
            line-height: 40px;
        }

        .cube-promotions .p-dates {
            color: white;
            font-size: 18px;
            line-height: 20px;
        }
}

@media screen and (max-width: 300px) {
    .cube-promotions {
        padding: 10px 15px;
    }

        .cube-promotions .p-blue-t {
            color: #013369;
            font-size: 21px;
            line-height: 40px;
        }

        .cube-promotions .p-dates {
            color: white;
            font-size: 18px;
            line-height: 20px;
        }
}

@media screen and (max-width: 470px) {
    .tireSelectorMain .tiredSelectorHead .menu {
        width: 24%;
        -webkit-transition: width 0.2s;
        -moz-transition: width 0.2s;
        -o-transition: width 0.2s;
        transition: width 0.2s;
    }

        .tireSelectorMain .tiredSelectorHead .menu.active {
            width: 51%;
        }

        .tireSelectorMain .tiredSelectorHead .menu:not(.active) span {
            display: none;
        }

    .pneus-header .tireSelectorTirePage .tireSelectorZone .tireSelectorMain .tireSelectorTitle {
        margin-top: 30px;
        font-size: 20px;
    }
}

@media screen and (max-width: 440px) {
    .getTire .circle {
        width: 30px;
        height: 30px;
        font-size: 16px;
        padding-top: 4px;
    }

    .getTire .title {
        margin-top: 5px;
    }

        .getTire .title h3 {
            font-size: 13px;
        }
}

@media screen and (max-width: 380px) {
    footer .menu div:not(.clearfix) {
        float: none;
    }

    .my-btn-rdv {
        font-size: 13px;
        padding: 10px;
    }

    .tireSize, .tireSizeTwo {
        font-size: 15px;
    }

        .tireSize h6, .tireSizeTwo h6 {
            font-size: 12px;
        }
}

@media screen and (max-width: 330px) {
    .navbar-brand {
        width: 200px;
    }

        .navbar-brand img {
            max-width: 180px;
        }

    .phone ul {
        margin-right: 10px;
    }
}

.services-title {
    background-color: #002554;
    color:#fff;
}

.services-title h2 {
    margin: 0;
    padding-top: 50px;
    padding-bottom: 50px;
}



.lSSlideWrapper {
    border: 1px solid #ebebeb;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 1px solid #ebebeb;
}

.may-need {
    width: 100%;
}

.may-need .my-btn {
    width: 100%;
}

.may-need .product-item {
    background-color: #fff;
}

.img-product {
    width: 100%;
    height: 260px;
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ebebeb;
    background-position: center center;
}

.bottom-bar {
    margin: 0 auto;
    border-bottom: 2px solid #24A4A5;
}
.may-need-title{
    color: black;
    margin-top: 10px;
    font-size: 30px;
}


.youmayneed .lightSlider {
    overflow: visible;
    height: auto !important;
    margin-bottom: 20px;
}

.youmayneed .lightSlider li {
    height: 100%;

}
.youmayneed .lSSlideWrapper {
    margin-top: 40px;
    border: 0;
}

    .youmayneed .lSSlideWrapper .product-item > a {
        text-decoration: none;
    }
    .youmayneed .lSSlideWrapper .product-item {
        transition: background-color 150ms;
        padding-top: 20px;
        padding-bottom: 100px;
        border: 1px solid #f1f1f1;
        position: relative;
    }
    .youmayneed .lSSlideWrapper .product-item:hover {
        background-color: #f1f1f1;
    }
        .youmayneed .lSSlideWrapper .product-item .brand-product {
            margin-top: 15px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .youmayneed .lSSlideWrapper .product-item .brand-product img {
           max-width: 140px;
           max-height: 50px;
        }
    .youmayneed .lSSlideWrapper .product-item .name-product {
        text-align: center;
        font-size: 20px;
        word-break:break-word;
        color: #24a4A5;
        line-height: 1.1;
        position: absolute;
        bottom: 10px;
        left: 15px;
        right: 15px;
        height: 60px;
        display: flex;
        justify-content: center;
    }
        .youmayneed .lSSlideWrapper .product-item .product-price {
            text-align: center;
            font-size: 20px;
            color: white;
            line-height: 1.1;
            font-weight: 700;
            position: absolute;
            background-color: #013369;
            padding: 10px 10px 10px 15px;
            top: 90px;
            right: 0;
        }
        .youmayneed .lSSlideWrapper .product-item .img-product {
            border-bottom: 0;
        }