﻿@charset "utf-8";
/* CSS Document */
@font-face{font-family:AudiTypeExtended;font-style:normal;font-weight:700;font-weight:var(--font-weight-bold);src:url(https://assets.audi.com/audi-fonts/1/AudiType-ExtendedBold.woff2) format("woff2"),url(https://assets.audi.com/audi-fonts/1/AudiType-ExtendedBold.woff) format("woff")}
@font-face{font-family:AudiTypeExtended;font-style:normal;font-weight:400;font-weight:var(--font-weight-normal);src:url(https://assets.audi.com/audi-fonts/1/AudiType-ExtendedNormal.woff2) format("woff2"),url(https://assets.audi.com/audi-fonts/1/AudiType-ExtendedNormal.woff) format("woff")}
@font-face{font-family:AudiTypeWide;font-style:normal;font-weight:700;font-weight:var(--font-weight-bold);src:url(https://assets.audi.com/audi-fonts/1/AudiType-WideBold.woff2) format("woff2"),url(https://assets.audi.com/audi-fonts/1/AudiType-WideBold.woff) format("woff")}
@font-face{font-family:AudiTypeWide;font-style:normal;font-weight:400;font-weight:var(--font-weight-normal);src:url(https://assets.audi.com/audi-fonts/1/AudiType-WideNormal.woff2) format("woff2"),url(https://assets.audi.com/audi-fonts/1/AudiType-WideNormal.woff) format("woff")}
@font-face{font-family:AudiTypeWide;font-style:normal;font-weight:200;font-weight:var(--font-weight-light);src:url(https://assets.audi.com/audi-fonts/1/AudiType-WideLight.woff2) format("woff2"),url(https://assets.audi.com/audi-fonts/1/AudiType-WideLight.woff) format("woff")}

.my-audi-1{font-family:AudiTypeExtended,sans-serif;}
.my-audi-2{font-family:AudiTypeWide,sans-serif;}
.btn-primary{font-size:16px;letter-spacing:0.5px;}
	
body{background-color:#f2f2f2!important;color:#1a1a1a !important;font-size:16px }
section.container{width:100% !important;}
section.page-banner-section {
  padding: 20px 5%;
  text-align: ;margin-bottom:-40px
}
.page-banner-box {padding: 400px calc(5% + 6px) 30px;}
.trial-bg{background: #1a1a1a url("../images/Audi/trial-img.jpg") center center no-repeat; background-size: cover;}  
section.page-banner-section h1 {
font-size: 48px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 0px; text-shadow: 1px 1px 10px #000;}
section.page-banner-sections h1 {
font-size: 48px;
    line-height: 60px;
    color: #000000;
    margin-bottom: 0px; text-shadow: 1px 1px 10px #fff;}
.main-content{max-width:;padding-left:5%;padding-right:5%;}
.navbar-header{padding:}
.alogo{margin-left:-20px!important;}
.atitle{margin-left:-30px!important;letter-spacing:5px;}
.modal-dialog{width:80%}
.modal-header{border-bottom: solid 0px;}
.modal-body{margin-top: -10px;}
.abtns{font-size:16px!important;padding:10px 15px!important;}

.btn-audi2{color:#000;background-color:#fff;border-color:#000;font-size:16px;letter-spacing:0.5px;border:none;box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.2);}
.btn-audi2:hover{color:#000;background-color:#f4f4f4;border-color:#000}
.btn-audi2.focus,.btn-audi2:focus{color:#000;background-color:#eee;border-color:#000;-webkit-box-shadow:0 0 0 .15rem rgba(88,117,235,.5);box-shadow:0 0 0 .15rem rgba(88,117,235,.5)}
.btn-audi2.disabled,.btn-audi2:disabled{color:#000;background-color:#fff;border-color:#000000}
.btn-audi2:not(:disabled):not(.disabled).active,.btn-audi2:not(:disabled):not(.disabled):active,.show>.btn-audi2.dropdown-toggle{color:#fff;background-color:#1a3fd5;border-color:#193cca}
.btn-audi2:not(:disabled):not(.disabled).active:focus,.btn-audi2:not(:disabled):not(.disabled):active:focus,.show>.btn-audi2.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .15rem rgba(88,117,235,.5);box-shadow:0 0 0 .15rem rgba(88,117,235,.5)}


@media screen and (max-width:375px){
.alogo{padding-left:-50px }.abtn{padding-right:35px!important;}.atitle{margin-left:20px!important;}}
@media (max-width:550px){
.alogo{padding-left:-40px!important;}.abtn{padding-right:20px!important;}.atitle{margin-left:-35px!important; }.page-banner-box {padding: 300px calc(5% / 2) 30px!important;margin-left:30px!important;}
.trial-bg{background: #1a1a1a url("../images/Audi/trial-img-xs.jpg") center center no-repeat; background-size: cover;}
}

@media (max-width:767px){
.navbar-header{margin:0 5.5% 0 6%!important}
.alogo{margin-left:-40px!important;}.abtn{margin-right:-28px!important;}
.page-banner-box {margin-left:0px!important;padding: 270px calc(5% - 6px) 0px!important;}
.atitle {padding-left:px!important;text-align: center; }
.abtns{margin-right:15px }
.trial-bg{background: #1a1a1a url("../images/Audi/trial-img-sm.jpg") center center no-repeat; background-size: cover;}
section.page-banner-section h1{line-height: 48px;}	
}
@media (max-width:992px){.navbar-header{margin:0 6% 0 4.8%!important}.page-banner-box {padding: 270px calc(5% + 26px) 0px;}.atitle{padding-left:35px!important;margin-left:-28px!important;}}
@media (max-width:1200px){.navbar-header{margin:0 5.5% 0 4.8%}.page-banner-box {padding: 240px calc(5% + 26px) 30px;}.atitle{padding-left:20px!important;margin-left:-26px!important;}}
@media (max-width:1500px){.navbar-header{padding:0 2.5%0 2.5% 0 2%}.page-banner-box {padding: 260px calc(5% + 10px) 30px;}.atitle{padding-left:10px }}
@media (max-width:1600px){.navbar-header{padding:0 2.25%}.page-banner-box {padding: 280px calc(5% - 15px) 30px;}}
@media (max-width:1700px){.navbar-header{padding:0 1.75%}.page-banner-box {padding: 360px calc(5% - 13px) 30px;}}
@media (min-width:1701px){.navbar-header{padding:0 1.5%!important}.page-banner-box {padding: 400px calc(5% - 16px) 30px;}
.trial-bg{background: #1a1a1a url("../images/Audi/trial-img-lg.jpg") center center no-repeat; background-size: cover;}
}

@media (max-width:767px){
.main-content{max-width:;padding-left:0%;padding-right:0%;}
.align-xs{text-align:center!important;}	
.align-xs .control-label{font-size:18px!important;letter-spacing:1px;margin-top:5px;}
.footer-bg{font-size:12px!important;text-align:center!important;letter-spacing:0px;}
.footer a {margin-left:0px!important;font-size:13px!important;}	
}

.footer-bg{background-color:#1a1a1a !important;color:#FFF !important;font-size:14px;text-align:left;}
.footer a {color:#FFF!important;text-decoration:underline!important;margin-left:10px;}
.footer a:hover {color:#FFF!important;text-decoration:none!important;}
	@media (max-width:767px){
	
	}
.card {-webkit-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important;-moz-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important;}
@media (min-width:768px){.mt-xs-28{margin-top:28px!important;}} @media (max-width:767px){.mt-xs-28{margin-top:0px!important;}}

.table th{color:#000}
.table thead th{vertical-align:bottom;border-bottom:1px solid #cccccc!important;}
.btn-audi{color:#fff;background-color:#f50537;border-color:#f50537}
.btn-audi:hover{color:#fff;background-color:#000000;border-color:#000000}
.btn-audi.focus,.btn-audi:focus{color:#fff;background-color:#000000;border-color:#000000;-webkit-box-shadow:0 0 0 .15rem rgba(88,117,235,.5);box-shadow:0 0 0 .15rem rgba(88,117,235,.5)}
.btn-audi.disabled,.btn-audi:disabled{color:#fff;background-color:#f50537;border-color:#f50537}
.btn-audi:not(:disabled):not(.disabled).active,.btn-audi:not(:disabled):not(.disabled):active,.show>.btn-audi.dropdown-toggle{color:#fff;background-color:#1a3fd5;border-color:#193cca}
.btn-audi:not(:disabled):not(.disabled).active:focus,.btn-audi:not(:disabled):not(.disabled):active:focus,.show>.btn-audi.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .15rem rgba(88,117,235,.5);box-shadow:0 0 0 .15rem rgba(88,117,235,.5)}