@font-face{font-family:AudiType-ExtendedNormal;
    src:url('fonts/AudiType-ExtendedNormal.eot') format('embedded-opentype');
    src:url('fonts/AudiType-ExtendedNormal.eot?#iefix') format('embedded-opentype'),
    url('fonts/AudiType-ExtendedNormal.woff') format('woff'),
    url('fonts/AudiType-ExtendedNormal.ttf') format('truetype'),
    url('fonts/AudiType-ExtendedNormal.svg#AudiType-ExtendedNormal') format('svg');
    font-weight:normal;
    font-style:normal}
@font-face{font-family:AudiType-ExtendedBold;
    src:url('fonts/AudiType-ExtendedBold.eot') format('embedded-opentype');
    src:url('fonts/AudiType-ExtendedBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/AudiType-ExtendedBold.woff') format('woff'),
    url('fonts/AudiType-ExtendedBold.ttf') format('truetype'),
    url('fonts/AudiType-ExtendedBold.svg#AudiType-ExtendedBold') format('svg');
    font-weight:normal;
    font-style:normal}
@font-face{font-family:Verdana;
    src:url('fonts/Verdana.eot') format('embedded-opentype');
    src:url('fonts/Verdana.eot?#iefix') format('embedded-opentype'),
    url('fonts/Verdana.woff') format('woff'),
    url('fonts/Verdana.ttf') format('truetype'),
    url('fonts/Verdana.svg#Verdana') format('svg');
    font-weight:normal;
    font-style:normal}
h1 {font: 400 36px/40px AudiType-ExtendedBold,Verdana,sans-serif;}
h2{font: 400 13px/22px Verdana,sans-serif;font-size: 1.8rem;line-height: 3rem;}

h3{font: 400 24px/40px AudiType-ExtendedBold, Verdana,sans-serif;}
h4{font: 400 18px/40px AudiType-ExtendedBold, Verdana,sans-serif;}
h5{font: 400 15px/40px AudiType-ExtendedBold, Verdana,sans-serif;}
h6{font: 400 12px/40px AudiType-ExtendedBold, Verdana,sans-serif;}
p { font-family: 'Verdana',sans-serif;font-size: 1.3rem;}

.post-body h3 {
    font: 400 18px/30px AudiType-ExtendedBold, Verdana,sans-serif;
}
.nm-el-pg-01{
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
}
.nm-header-search-logo{
  float: left;
  clear:both;
}
.nm-state-is-responsive .nm-logo{
  width: 100% !important;
  float: left !important;
}
.nm-logo>span{
  float: left !important;
}
.nm-logo{
  margin-top: 25px;
}
/*----------------warning pop up css start------------------------*/        

    #modalOverlay {
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999999999999999999999999999999999;
            height: 100%;
            width: 100%;
    }
.modalPopup {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            width: 51%;
            padding: 20px 0 30px;
            -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    }
.modalContent {padding: 0 2em;}

.modalContent h1 {
  margin-bottom: .2em;
  font-size: 22px !important;
  text-transform: unset !important;
}
.modalContent p {font-size: 15px;margin: .75em 0 1.5em;}

p.img-tell img{
width: 48%;
    margin: 0 auto;
    display: block;
}

.buttonStyle {

        cursor: pointer;
        font-weight: bold;
        font-size: 14px;        
        color: #000;
        text-decoration: none;
        }
        a.btn-contact{
            border: 1px solid #df1837;
    padding: 5px 16px;
    border-radius: 3px;
    background: #df1837;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
        }

        @media (max-width: 767px) {
            .modalPopup{
                width: 94%;
                top: 47%;
                height: 570px;
                overflow-y: scroll;
            }
            .modalContent h1{
                line-height: 23px !important;
        		font-size: 17px !important;
            }
            .modalContent{
                padding: 0 13px;
            }
    		.modalContent p{
        		font-size: 13px;
    			}
        }


        /* -------------------warning pop up css end------------------------------*/

/*-----------------------------------------Content starts --------------------------------------------*/
.sticky-header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
}
.nm-wrapper-content {margin: 0 auto;max-width: 1400px;}
.post-body ul li {
  font-weight: normal !important;
}
.content-part-home {min-height: 500px;margin: 0 auto;padding: 35px 0px 65px;}
.content-part-home:last-child {margin: 0 auto;min-height: 500px;padding: 35px 0 0px;}
.home_image_part_top{margin-bottom:39px;}
.home-image-left-part img{height:553px; margin-left:20px;}
.content-part-home h3{font-size:1.5rem;line-height:20px;}
.content-part-home h3 img {height: auto;}
.content-part-home .first-left {margin: 20px 30px 0;position: absolute;}
.content-part-home .center-top {margin: 20px 20px 0;position: absolute;}
.content-part-home .center-bottom {margin: 20px 20px 0;position: absolute;}
.content-part-home .right-top {margin: 20px 20px 0;position: absolute;}
.content-part-home .right-bottom {margin: 20px 20px 0;position: absolute;}

.content-part-home .first-left a{color:#fff;}
.content-part-home .first-left a:hover{color:#CC0033;}
.content-part-home .center-bottom a{color:#000;}
.content-part-home .center-bottom a:hover{color:#CC0033;}
.content-part-home .right-top a{color:#fff;}
.content-part-home .right-top a:hover{color:#CC0033;}
.content-part-home .center-top a{color:#fff;}
.content-part-home .center-top a:hover{color:#D0D3D4;}
.content-part-home .right-bottom a{color:#000;}
.content-part-home .right-bottom a:hover{color:#D0D3D4;}
.bottom_retour a::after {
    content: url("/assets/_assets/audi-new/images/arrow.png");
    margin-left: 5px;
}
.bottom_retour {float: left;/*padding-top: 11px;*/}
.bottom_retour-1{
  float: right;
}

.nm-el-btn-01:hover {color: #fff;}


ul.left li img, ul.right li img {padding-right: 12px;width:44px;}
ul.left li,ul.right li{line-height:52px;font-family:Verdana,sans-serif;font-size:1.3rem; background:none !important;font-weight:normal !important;}
ul.left li a ,ul.right li a{color:#000;}
ul.left li a:hover,ul.right li a:hover{color:#D61545;}
ul.left li{margin-left:50px;}

.submit-button{font-family:Verdana,sans-serif;min-width: 187px;padding:9px 10px;text-align: left;color:#000;background-color:#000;color:#fff;font-size:1.2rem;letter-spacing:0.5px;font-weight:700;margin-right:47px;float:right;}
input {border: 1px solid #d0d3d4;}
select {background-color: transparent;background: url("https://uploads.prod01.oregon.platform-os.com/instances/1631/assets/_assets/audi-new/images/select-arrow.png?updated=1612862459000") no-repeat;background-position: 95% center;-moz-appearance: none;-webkit-appearance: none;border: 1px solid #d0d3d4;box-sizing: border-box;color: #000;font: 12px/15px Verdana,sans-serif;height: 42px;padding: 12px 18px 12px 14px;text-indent: 0.01px;text-overflow: "";width:87%;margin: 15px 0px;}
select option{border-right:1px solid #d0d3d4;}
.home-car img{margin-left:-76px;}

.content-part h4 a{color:#fff;}
.content-part h4 a:hover{color:#fff;}
.content-part{padding:60px 0px;min-height:300px;/*min-height:500px;*//*font-family:AudiType-ExtendedNormal,Verdana,sans-serif;*/}
.content-part-left{width:50%;float:left;text-align:right;}
.content-part-left ul li:first-child{margin-top:0px;}
.content-part-left ul li {float: right;margin: 73px 0 0;text-align: right;width: 80%;background:none !important;padding:0px !important;font-weight:}
.content-part-left ul li h4{background:#c03;padding: 13px 20px 11px;color: #fff;display: inline-block;margin-bottom: 0;line-height:1.5rem;font-size:1.2rem;}

.content-part-left ul li h4 > span {display: block;font-family: AudiTypeExtendedNormal,Verdana,sans-serif;margin-top: 5px;}
.content-part-left ul li p{margin: 14px 0 10px;padding-right:20px;}

.shop-catalogue h4 a{color:#000000;}
.shop-catalogue h4 a:hover{color:#CE0134;}

.borderLeft{border-left:1px solid #D0D3D4;}
.borderRight{border-right:1px solid #D0D3D4;}
.content-part-right{width:50%;float:left;}
.content-part-right ul li {float: left;margin: 73px 0 0;text-align:left;width: 80%;background:none !important;padding:0px !important;}
.content-part-right ul li h4{background:#c03;padding: 13px 20px 11px;color: #fff;display: inline-block;margin-bottom: 0;line-height:1.5rem;font-size:1.2rem;}
.content-part-right ul li h4 > span {display: block;font-family: AudiTypeExtendedNormal,Verdana,sans-serif;margin-top: 5px;}
.content-part-right ul li p{margin: 14px 0 10px;padding-left:20px;}

/*.content-part-right p a:hover{color:#CC0033};*/
/*.specification-menu {background: #000 none repeat scroll 0 0;width: 88.4%;}*/

#sticky .finitions-menu-button {display: none !important;}

.specification-menu {background: #000 none repeat scroll 0 0;/*float: left;*/margin: 0 auto;max-width: 1400px;width: 100%;}
.specification-menu li { float: left; font-family:AudiType-ExtendedBold,Verdana,sans-serif; font-size: 12px;; padding: 15px 10px 14px;}
.specification-menu li a {color: #fff;}
.specification-menu li a:hover {color: #d0d3d4;}
.specification-menu li:selected{background-color:#e7e9ea;color:#000;}
/*.specification-menu li:nth-child(7) {float: right;margin-right: 23px;background:url(/_assets/audi-new/images/car-votre.png) no-repeat;}*/
.specification-menu li:nth-child(7) {background: rgba(0, 0, 0, 0) url("/_assets/audi-new/images/car-votre.png") no-repeat scroll left center;float: right;margin-right: 50px;padding-left: 33px;}
.specification-menu li img {margin: -4px 6px 0 0;}

.contactform .item{clear:both}
.contactform .item input[type="text"],.contactform .item input[type="email"]{height:35px; margin:10px 0px;}
input[type="text"], input[type="email"]{height:35px; margin:15px 0px;}
.item.item-pair > label {
    margin:15px 0px;
}
.contactform .item label,.contactform .item textarea.cat_listbox{width:92%;margin-top:10px;}
.contactform .item-pair label{float:left;width:45%}
.contactform .item-pair label:first-child{margin:0 10px 0 0}
.nouv-audi .cat_button {background-color: #df1837;}
table tr td{background:#fff;}

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
  height: 23px !important;
}

.stButton_gradient.stHBubble {
  height: 20px !important;
}

.stButton .stButton_gradient {
  height: 20px !important;
  padding: 2px 2px 5px !important;
}

.content-part ul li {
  background: rgba(0, 0, 0, 0) url("https://uploads.prod01.oregon.platform-os.com/instances/1631/assets/_assets/audi-new/images/arrow.png?updated=1612862459000") no-repeat scroll 1px 8px;
  line-height: 24px;
  list-style:inside none;
  padding-left: 11px;
  font-size: 13px;
  font-weight:700;
  letter-spacing:0.5px;
  text-align:left;
}

.shop-main .catalogueList li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.productList.productSmall li {
  background: none;
}

/*------------------------------------------Footer starts here-------------------------------------*/

.footer {/*min-width: 980px;*/position: relative;width: 100%;font-family:AudiType-ExtendedNormal,Verdana,sans-serif;max-width:1400px;margin:0 auto;}
.footer .footer-top{background-color:#e7e9ea; /*min-height:340px;*/padding:60px 0px;}
.footer .footer-top h6{font: 400 12px/20px AudiType-ExtendedBold;color:#000;}
.footer .footer-top h6 a{color:#000;}
.footer .footer-top h6 a:hover{color:#D00056;;}
.footer .footer-top ul{font-size:12px;margin:0px;padding:0px;font-family: AudiType-ExtendedNormal,Verdana,sans-serif}
.footer .footer-top ul li {background: rgba(0, 0, 0, 0) url("https://uploads.prod01.oregon.platform-os.com/instances/1631/assets/_assets/audi-new/images/arrow.png?updated=1612862459000") no-repeat scroll 1px center;line-height: 23px;list-style-position: inside;padding-left: 11px;}
.footer .footer-top ul li a{color:#000;}
.footer .footer-top ul li a:hover{color:#D00056;}
.footer .footer-top .footer-top-2{padding-top:30px;}
.footer .footer-bottom{background-color:#434c53;min-height:235px;padding-bottom:20px;}
.footer .footer-bottom .footer-bottom-1{/*padding:60px 0px;*/padding:40px 0px;}
.footer .footer-bottom .footer-bottom-1 ul{margin-left:30px;}
.footer .footer-bottom .footer-bottom-1 ul li {border-right: 1px solid #6d7579;float: left;margin-right: 0px;padding: 0px  18px ;}
.footer .footer-bottom .footer-bottom-1 ul li:last-child{border-right:0px solid #fff;}
.footer .footer-bottom .footer-bottom-1 ul li span {color: #fff;font-family: Verdana,sans-serif;font-size: 12px;clear:both;float:left;}
.footer .footer-bottom .footer-bottom-2 ul li  {color: #fff;font-family: AudiType-ExtendedNormal,Verdana,sans-serif;font-size: 12px;float:left;margin-right:18px;line-height:25px;}
.footer .footer-bottom .footer-bottom-2 ul li a{color:#fff;}
.footer .footer-bottom .footer-bottom-2{margin-bottom:10px;}
.footer .footer-bottom .footer-bottom-1 .socail-links-list li{background-color:#000;padding:6px;margin-right:14px;border-right:0px solid #000;}
.footer .footer-bottom .copyright{border-top:1px solid rgba(0, 0, 0, 0.2);color:#b0b6b8;margin-top:10px;padding-top:19px;}
.footer .footer-bottom .copyright a{color:#b0b6b8;}

/*----------------------------------------------------footer ends --------------------------------------------*/

/* -----------------------------------------Media Query ----------------------------------------------------*/

@media screen and (min-width:1024){
  .play-store img {
    margin-top: 38px;
    margin-bottom: -10px;
    }
}

@media screen and (max-width: 767px) {
    .nm-state-is-responsive .nm-header-inner-wrapper .nm-navigation-header-item.nm-navigation-header-search{display:none;}
    .content-part-home{padding:20px 0px;}
    .submit-button{margin:0px;}
    select {margin:20px 0px;}
    .home-car img{margin-left:0px;}
    .home-image-left-part{margin-bottom:20px;}
    .home-image-left-part img{margin-left:0px;}
    ul.left.resp, ul.right.resp {float:left !important;}
    ul.left.resp li{margin-left:0px;}
    .specification-menu{min-height:58px;}
    .specification-menu li:nth-child(7){margin-right:0px;}
    
    .finitions-menu-button {background: transparent none repeat scroll 0 0;border: 1px solid #fff;padding: 5px;margin:10px 0 0 10px;}
    .finitions-menu-button span {border: 2px solid #fff;clear: both;float: left;margin: 2px 0;width: 25px;}
    .content-part-left,.content-part-right{width:100%;}
    .content-part-left ul li:first-child,.content-part-right ul li:first-child{margin-top:0px;}
    .content-part-left ul li, .content-part-right ul li {float: left;margin: 20px 0 0;text-align: center;width: 100%;}
    .content-part-left ul li h4, .content-part-right ul li h4{background:#c03;padding: 13px 20px 11px;color: #fff;display: inline-block;margin-bottom: 0;line-height:1.5rem;font-size:1.2rem;width:100%;}
    .content-part-left ul li h4 > span, .content-part-right ul li h4 > span {display: inline-block;font-family: AudiTypeExtendedNormal,Verdana,sans-serif;margin-top: 5px;}
    .content-part-left ul li p, .content-part-left ul li p{margin: 14px 0 10px;padding-right:20px;}
    .side-panel.columns.large-3.recent{display:none !important;}
    .content-part {text-align: center;max-width: 98%;}
    .footer .footer-bottom .footer-bottom-1 {padding: 60px 0 10px;}
    .footer .footer-bottom .footer-bottom-1 ul li {padding: 0px  5px ;/*border-right:0px solid #000;*/text-align:center;line-height:40px;}
    .footer .footer-bottom .footer-bottom-1 ul{margin-left:0px;}
    .footer .footer-bottom .footer-bottom-1 .socail-links-list li {background-color: #000;margin-right: 14px;padding: 5px;width:auto;}
    .souhaite-form .cat_textbox , .souhaite-form textarea {
    height: 40px !important;
margin-bottom:15px !important;
width:100% !important;
}
.souhaite-form input[type=radio]{
 height: 20px !important;
        width:auto !important;

}


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

@media screen and (max-width: 520px) {
    .nm-state-is-responsive .nm-stage-has-mobileimg .nm-stage-subline{padding-bottom:calc(30.25% + 20px)}
     .specification-menu li {text-align: center;width: 100%;}
    ul.left.resp, ul.right.resp {float:left !important;}
    ul.left.resp li{margin-left:0px;}
    .finitions-menu-button {background: transparent none repeat scroll 0 0;border: 1px solid #fff;padding: 5px;display:block;}
    .finitions-menu-button span {border: 2px solid #fff;clear: both;float: left;margin: 2px 0;width: 25px;}
    .footer .footer-bottom .footer-bottom-1 ul li:nth-child(2), .footer .footer-bottom .footer-bottom-1 ul li:nth-child(4), .footer .footer-bottom .footer-bottom-1 ul li:nth-child(6) {border-right: 0px solid #ccc;}
    .footer-top .columns.large-3.small-6.medium-6{clear:both;width:100%;}
    .footer .footer-bottom .footer-bottom-1 ul li {width:50%;margin:10px 0px;line-height:16px;}
    .footer .footer-bottom .footer-bottom-1 ul li span {text-align:center;float:none;}
    .columns.large-4.small-6.medium-6.last {float: left ;}
    .side-panel.columns.large-3.recent{display:none !important;}
    .content-part {text-align: center;max-width: 100%;padding:10px;}
    
.button {float: left;padding: 10px;color: #fff;}
.button:hover {color: #fff;}
}


.hide-for-small{display:block!important}


.hide-for-large{display:none!important}

@media screen and (min-width:1024px){
  .large-97{
  width:97.5% !important;
}
}

@media screen and (min-width:900px)and (max-width:4000px){

.hide-for-small{display:block!important}

.hide-for-large{display:none!important;float:left!important;clear:both}

}


@media screen and (max-width:896px){
.play-store img {
    margin-top: 30px;
    margin-bottom: -10px;
}
.hide-for-small{display:block!important}

.hide-for-large{display:none!important;float:left!important;clear:both}

}


@media screen and (max-width:847px){

.hide-for-small{display:block!important}

.hide-for-large{display:none!important;float:left!important;clear:both}

}


@media screen and (max-width:780px){

.hide-for-small{display:none!important}
.hide-for-large{display:block!important;float:left!important;clear:both}
h1 {font-size:28px;}

}

@media screen and (max-width:450px){
    
.nm-state-is-responsive input, .nm-state-is-responsive select, .nm-state-is-responsive textarea {
  width:100%;
  font-size:13px !important;
}

.hide-for-small{display:none!important}

.hide-for-large{display:block!important;float:left!important;clear:both}
.side-panel.columns.large-3.recent{display:none !important;}
.content-part {text-align: center;max-width: 100%;padding:10px;}
.button {float: left;padding: 10px;color: #fff;}
.button:hover {color: #fff;}

}
.offre-item {
  margin-bottom: 10px !important;
}

.offre-item label {
  margin-bottom: 5px;
}
.souhaite-form h3 {
  font-size: 18px;
  line-height:26px;
}
.cat_listbox {
    margin-bottom: 12px !important;
}
.cat_dropdown {
    margin-bottom: 12px;
}
.banner-btn a 
{
  text-decoration: none;
}