@font-face {
                          font-family: "Gibson-Book";
                          src: url('../fonts/.43309.otf') format("opentype");
                        }
                        @font-face {
                          font-family: "NimbusRomD-RegIta";
                          src: url('../fonts/.12292.otf') format("opentype");
                        }
                        
.bp1-whativedonedigital1920 {
  width               : 100%;
  min-width           : 1920px;
  height              : 100vh;
  min-height          : 5393px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color    : rgba(255, 255, 255, 1.0);
  opacity             : 1.0;
}
a {
  text-decoration     : none;
}
div {
  -webkit-text-size-adjust: none;
}
.anima-full-width-a {
  width               : 100%;
}
.anima-full-height-a {
  height              : 100%;
}
div {
  -webkit-text-size-adjust: none;
}
.bp1-whativedonedigital1920 .bp1-rectangle {
  background-color    : rgba(149, 160, 169, 1.0);
  top                 : 44px;
  height              : calc(100.00% - 44px);
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-s5sportback {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 1342px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-s5sportback-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 4247px;
  align-items         : center;
  height              : 1149px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp1-whativedonedigital1920 .bp1-s5sportback-layout-container > * {
  pointer-events      : auto;
}
.bp1-whativedonedigital1920 .bp1-s5sportback .bp1-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1149px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-s5sportback .bp1-cddigitallayoutss5sptbck {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1037px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-s5sportback .bp1-a2019audis5sportba {
  background-color    : rgba(255,255,255,0.0);
  top                 : 25px;
  height              : auto;
  width               : 336px;
  position            : absolute;
  margin              : 0;
  left                : 22px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
}
.bp1-whativedonedigital1920 .bp1-s5sportback .bp1-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 25px;
  height              : auto;
  width               : 599px;
  position            : absolute;
  margin              : 0;
  left                : 684px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
  text-decoration     : underline;
}
.bp1-whativedonedigital1920 .bp1-a5sportback {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 1342px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-a5sportback-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 2767px;
  align-items         : center;
  height              : 1480px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp1-whativedonedigital1920 .bp1-a5sportback-layout-container > * {
  pointer-events      : auto;
}
.bp1-whativedonedigital1920 .bp1-a5sportback .bp1-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1480px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-a5sportback .bp1-cddigitallayoutsa5sptbck {
  background-color    : rgba(255,255,255,0.0);
  top                 : 71px;
  height              : 1335px;
  width               : 1223px;
  position            : absolute;
  margin              : 0;
  left                : 60px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-a5sportback .bp1-a2019audia5sportba {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 336px;
  position            : absolute;
  margin              : 0;
  left                : 21px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
}
.bp1-whativedonedigital1920 .bp1-a5sportback .bp1-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 599px;
  position            : absolute;
  margin              : 0;
  left                : 683px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
  text-decoration     : underline;
}
.bp1-whativedonedigital1920 .bp1-s6 {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 1342px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-s6-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 1223px;
  align-items         : center;
  height              : 1544px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp1-whativedonedigital1920 .bp1-s6-layout-container > * {
  pointer-events      : auto;
}
.bp1-whativedonedigital1920 .bp1-s6 .bp1-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1544px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-s6 .bp1-cddigitallayoutss6 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1544px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-s6 .bp1-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 599px;
  position            : absolute;
  margin              : 0;
  left                : 683px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
  text-decoration     : underline;
}
.bp1-whativedonedigital1920 .bp1-s6 .bp1-a2019audis6mlp {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 211px;
  position            : absolute;
  margin              : 0;
  left                : 21px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
}
.bp1-whativedonedigital1920 .bp1-sq8 {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 1342px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-sq8-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 186px;
  align-items         : center;
  height              : 1037px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp1-whativedonedigital1920 .bp1-sq8-layout-container > * {
  pointer-events      : auto;
}
.bp1-whativedonedigital1920 .bp1-sq8 .bp1-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1037px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-sq8 .bp1-cddigitallayoutssq8 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1037px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-sq8 .bp1-a2019audisq8mlp {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17px;
  height              : auto;
  width               : 211px;
  position            : absolute;
  margin              : 0;
  left                : 22px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
}
.bp1-whativedonedigital1920 .bp1-sq8 .bp1-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17px;
  height              : auto;
  width               : 599px;
  position            : absolute;
  margin              : 0;
  left                : 684px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
  text-decoration     : underline;
}
.bp1-whativedonedigital1920 .bp1-digitalnextarrow {
  background-color    : rgba(255,255,255,0.0);
  margin-left         : -4px;
  height              : 100%;
  width               : 1346px;
  margin-right        : 4px;
  position            : relative;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-digitalnextarrow-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 117px;
  align-items         : center;
  height              : 30px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp1-whativedonedigital1920 .bp1-digitalnextarrow-layout-container > * {
  pointer-events      : auto;
}
.bp1-whativedonedigital1920 .bp1-digitalnextarrow .bp1-triangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : 13px;
  height              : 13px;
  width               : 20px;
  position            : absolute;
  margin              : 0;
  left                : 1329px;
  transform           : rotate(-270deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-digitalnextarrow .bp1-digitalnimbus24 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 26px;
  width               : 72px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-rectangle1 {
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 0px;
  height              : 44px;
  width               : 100%;
  position            : fixed;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-cdlogo04 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 8px;
  height              : 28px;
  width               : 28px;
  position            : fixed;
  margin              : 0;
  left                : 66px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-cdlogo04 .bp1-mask {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 28px;
  width               : 28px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-cdlogo04 .bp1-cdlogo04web {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 28px;
  width               : 28px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-headings {
  background-color    : rgba(255,255,255,0.0);
  right               : 71px;
  top                 : 13px;
  height              : 19px;
  width               : 476px;
  position            : fixed;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-headings .bp1-contactnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 422px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-headings .bp1-worknimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 317px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-headings .bp1-skillsnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 211px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-headings .bp1-aboutnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 106px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-headings .bp1-homenimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-wilconerlyartdirecctortype {
  background-color    : rgba(255,255,255,0.0);
  top                 : 72px;
  height              : 22px;
  width               : 207px;
  position            : absolute;
  margin              : 0;
  left                : 69px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 149px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  align-items         : center;
  bottom              : 60px;
  height              : 73px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons-layout-container > * {
  pointer-events      : auto;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons .bp1-nextbutton {
  background-color    : rgba(255,255,255,0.0);
  top                 : 24px;
  height              : 24px;
  width               : 55px;
  position            : absolute;
  margin              : 0;
  left                : 92px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons .bp1-nextbutton .bp1-background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 24px;
  width               : 55px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons .bp1-nextbutton .bp1-triangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : -15px;
  height              : 54px;
  width               : 23px;
  position            : absolute;
  margin              : 0;
  left                : 16px;
  transform           : rotate(-270deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons .bp1-nextbutton .bp1-nimbusnexttype {
  background-color    : rgba(255,255,255,0.0);
  top                 : 4px;
  height              : 16px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons .bp1-backbuttonspot {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 73px;
  width               : 60px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp1-whativedonedigital1920 .bp1-backnextbuttons .bp1-nextbuttonspot {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 73px;
  width               : 60px;
  position            : absolute;
  margin              : 0;
  left                : 89px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
.anima-component-wrapper,
.anima-component-wrapper * {
  pointer-events      : none;
}
.anima-component-wrapper a *,
.anima-component-wrapper a,
.anima-component-wrapper input,
.anima-component-wrapper video,
.anima-component-wrapper iframe,
.anima-listeners-active,
.anima-listeners-active * {
  pointer-events      : auto;
}
.anima-hidden,
.anima-hidden * {
  visibility          : hidden;
  pointer-events      : none;
}
.anima-smart-layers-pointers,
.anima-smart-layers-pointers * {
  pointer-events      : auto;
  visibility          : visible;
}
.anima-component-wrapper.anima-not-ready,
.anima-component-wrapper.anima-not-ready * {
  visibility          : hidden !important;
}
.anima-listeners-active-click,
.anima-listeners-active-click * {
  cursor              : pointer;
}
.anima-word-break {
  overflow-wrap       : break-word;
  word-wrap           : break-word;
  word-break          : break-all;
  word-break          : break-word;
}
.bp2-whativedonedigital1440 {
  width               : 100%;
  min-width           : 1440px;
  height              : 100vh;
  min-height          : 5393px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color    : rgba(255, 255, 255, 1.0);
  opacity             : 1.0;
}
div {
  -webkit-text-size-adjust: none;
}
.bp2-whativedonedigital1440 .bp2-rectangle {
  background-color    : rgba(149, 160, 169, 1.0);
  top                 : 43px;
  height              : calc(100.00% - 43px);
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-s5sportback {
  background-color    : rgba(255,255,255,0.0);
  margin-left         : -2px;
  height              : 100%;
  width               : 1347px;
  margin-right        : 2px;
  position            : relative;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-s5sportback-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 4247px;
  align-items         : center;
  height              : 1152px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp2-whativedonedigital1440 .bp2-s5sportback-layout-container > * {
  pointer-events      : auto;
}
.bp2-whativedonedigital1440 .bp2-s5sportback .bp2-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 3px;
  height              : 1149px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-s5sportback .bp2-cddigitallayoutss5sptbck {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1037px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 5px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-s5sportback .bp2-a2019audis5sportba {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 336px;
  position            : absolute;
  margin              : 0;
  left                : 27px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
}
.bp2-whativedonedigital1440 .bp2-s5sportback .bp2-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 599px;
  position            : absolute;
  margin              : 0;
  left                : 689px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
  text-decoration     : underline;
}
.bp2-whativedonedigital1440 .bp2-a5sportback {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 1342px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-a5sportback-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 2767px;
  align-items         : center;
  height              : 1480px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp2-whativedonedigital1440 .bp2-a5sportback-layout-container > * {
  pointer-events      : auto;
}
.bp2-whativedonedigital1440 .bp2-a5sportback .bp2-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1480px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-a5sportback .bp2-cddigitallayoutsa5sptbck {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1480px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-a5sportback .bp2-a2019audia5sportba {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 336px;
  position            : absolute;
  margin              : 0;
  left                : 21px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
}
.bp2-whativedonedigital1440 .bp2-a5sportback .bp2-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 599px;
  position            : absolute;
  margin              : 0;
  left                : 683px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
  text-decoration     : underline;
}
.bp2-whativedonedigital1440 .bp2-s6 {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 1342px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-s6-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 1223px;
  align-items         : center;
  height              : 1544px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp2-whativedonedigital1440 .bp2-s6-layout-container > * {
  pointer-events      : auto;
}
.bp2-whativedonedigital1440 .bp2-s6 .bp2-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1544px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-s6 .bp2-cddigitallayoutss6 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1544px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-s6 .bp2-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 599px;
  position            : absolute;
  margin              : 0;
  left                : 683px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
  text-decoration     : underline;
}
.bp2-whativedonedigital1440 .bp2-s6 .bp2-a2019audis6mlp {
  background-color    : rgba(255,255,255,0.0);
  top                 : 22px;
  height              : auto;
  width               : 211px;
  position            : absolute;
  margin              : 0;
  left                : 21px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
}
.bp2-whativedonedigital1440 .bp2-sq8 {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 1342px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-sq8-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 186px;
  align-items         : center;
  height              : 1037px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp2-whativedonedigital1440 .bp2-sq8-layout-container > * {
  pointer-events      : auto;
}
.bp2-whativedonedigital1440 .bp2-sq8 .bp2-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1037px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-sq8 .bp2-cddigitallayoutssq8 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1037px;
  width               : 1342px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-sq8 .bp2-a2019audisq8mlp {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17px;
  height              : auto;
  width               : 211px;
  position            : absolute;
  margin              : 0;
  left                : 22px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
}
.bp2-whativedonedigital1440 .bp2-sq8 .bp2-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17px;
  height              : auto;
  width               : 599px;
  position            : absolute;
  margin              : 0;
  left                : 684px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Gibson-Book", Helvetica, Arial, serif;
  font-size           : 18.0px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  letter-spacing      : 1.0px;
  line-height         : 28.0px;
  text-decoration     : underline;
}
.bp2-whativedonedigital1440 .bp2-digitalnextarrow {
  background-color    : rgba(255,255,255,0.0);
  margin-left         : -4px;
  height              : 100%;
  width               : 1351px;
  margin-right        : 4px;
  position            : relative;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-digitalnextarrow-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 117px;
  align-items         : center;
  height              : 30px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp2-whativedonedigital1440 .bp2-digitalnextarrow-layout-container > * {
  pointer-events      : auto;
}
.bp2-whativedonedigital1440 .bp2-digitalnextarrow .bp2-digitalnimbus24 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 26px;
  width               : 72px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-digitalnextarrow .bp2-triangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : 13px;
  height              : 13px;
  width               : 20px;
  position            : absolute;
  margin              : 0;
  left                : 1334px;
  transform           : rotate(-270deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-rectangle1 {
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 0px;
  height              : 44px;
  width               : 100%;
  position            : fixed;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-cdlogo04 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 8px;
  height              : 28px;
  width               : 28px;
  position            : fixed;
  margin              : 0;
  left                : 40px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-cdlogo04 .bp2-mask {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 28px;
  width               : 28px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-cdlogo04 .bp2-cdlogo04web {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 28px;
  width               : 28px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-headings {
  background-color    : rgba(255,255,255,0.0);
  right               : 49px;
  top                 : 13px;
  height              : 19px;
  width               : 476px;
  position            : fixed;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-headings .bp2-contactnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 422px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-headings .bp2-worknimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 317px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-headings .bp2-skillsnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 211px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-headings .bp2-aboutnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 106px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-headings .bp2-homenimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 1px;
  height              : 18px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 149px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  align-items         : center;
  bottom              : 60px;
  height              : 73px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons-layout-container > * {
  pointer-events      : auto;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons .bp2-nextbutton {
  background-color    : rgba(255,255,255,0.0);
  top                 : 24px;
  height              : 24px;
  width               : 55px;
  position            : absolute;
  margin              : 0;
  left                : 92px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons .bp2-nextbutton .bp2-background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 24px;
  width               : 55px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons .bp2-nextbutton .bp2-triangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : -15px;
  height              : 54px;
  width               : 23px;
  position            : absolute;
  margin              : 0;
  left                : 16px;
  transform           : rotate(-270deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons .bp2-nextbutton .bp2-nimbusnexttype {
  background-color    : rgba(255,255,255,0.0);
  top                 : 4px;
  height              : 16px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons .bp2-backbuttonspot {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 73px;
  width               : 60px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-backnextbuttons .bp2-nextbuttonspot {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 73px;
  width               : 60px;
  position            : absolute;
  margin              : 0;
  left                : 89px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp2-whativedonedigital1440 .bp2-wilconerlyartdirecctortype {
  background-color    : rgba(255,255,255,0.0);
  top                 : 72px;
  height              : 22px;
  width               : 207px;
  position            : absolute;
  margin              : 0;
  left                : 47px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
.anima-component-wrapper,
.anima-component-wrapper * {
  pointer-events      : none;
}
.anima-component-wrapper a *,
.anima-component-wrapper a,
.anima-component-wrapper input,
.anima-component-wrapper video,
.anima-component-wrapper iframe,
.anima-listeners-active,
.anima-listeners-active * {
  pointer-events      : auto;
}
.anima-hidden,
.anima-hidden * {
  visibility          : hidden;
  pointer-events      : none;
}
.anima-smart-layers-pointers,
.anima-smart-layers-pointers * {
  pointer-events      : auto;
  visibility          : visible;
}
.anima-component-wrapper.anima-not-ready,
.anima-component-wrapper.anima-not-ready * {
  visibility          : hidden !important;
}
.anima-listeners-active-click,
.anima-listeners-active-click * {
  cursor              : pointer;
}
.anima-word-break {
  overflow-wrap       : break-word;
  word-wrap           : break-word;
  word-break          : break-all;
  word-break          : break-word;
}
.bp3-whativedonedigital1080 {
  width               : 100%;
  min-width           : 1080px;
  height              : 100vh;
  min-height          : 4045px;
  position            : relative;
  overflow            : hidden;
  margin              : 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color    : rgba(255, 255, 255, 1.0);
  opacity             : 1.0;
}
div {
  -webkit-text-size-adjust: none;
}
.bp3-whativedonedigital1080 .bp3-rectangle {
  background-color    : rgba(149, 160, 169, 1.0);
  top                 : 44px;
  height              : calc(100.00% - 43px);
  width               : 100%;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-sq8 {
  background-color    : rgba(255,255,255,0.0);
  position            : relative;
  height              : 100%;
  width               : 1007px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-sq8-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 172px;
  align-items         : center;
  height              : 778px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp3-whativedonedigital1080 .bp3-sq8-layout-container > * {
  pointer-events      : auto;
}
.bp3-whativedonedigital1080 .bp3-sq8 .bp3-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 778px;
  width               : 1007px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-sq8 .bp3-cddigitallayoutssq8 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 778px;
  width               : 1007px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-sq8 .bp3-a2019audisq8mlp {
  background-color    : rgba(255,255,255,0.0);
  top                 : 13px;
  height              : auto;
  width               : 158px;
  position            : absolute;
  margin              : 0;
  left                : 17px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Avenir-Roman", Helvetica, Arial, serif;
  font-size           : 13.5px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 12.0px;
}
.bp3-whativedonedigital1080 .bp3-sq8 .bp3-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 13px;
  height              : auto;
  width               : 450px;
  position            : absolute;
  margin              : 0;
  left                : 512px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Avenir-Roman", Helvetica, Arial, serif;
  font-size           : 13.5px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  line-height         : 12.0px;
  text-decoration     : underline;
}
.bp3-whativedonedigital1080 .bp3-s5sportback {
  background-color    : rgba(255,255,255,0.0);
  margin-left         : -0px;
  height              : 100%;
  width               : 1007px;
  margin-right        : 0px;
  position            : relative;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-s5sportback-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 3218px;
  align-items         : center;
  height              : 827px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp3-whativedonedigital1080 .bp3-s5sportback-layout-container > * {
  pointer-events      : auto;
}
.bp3-whativedonedigital1080 .bp3-s5sportback .bp3-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 827px;
  width               : 1007px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-s5sportback .bp3-cddigitallayoutss5sptbck {
  background-color    : rgba(255,255,255,0.0);
  top                 : 2px;
  height              : 778px;
  width               : 1007px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-s5sportback .bp3-a2019audis5sportba {
  background-color    : rgba(255,255,255,0.0);
  top                 : 19px;
  height              : auto;
  width               : 253px;
  position            : absolute;
  margin              : 0;
  left                : 17px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Avenir-Roman", Helvetica, Arial, serif;
  font-size           : 13.5px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 12.0px;
}
.bp3-whativedonedigital1080 .bp3-s5sportback .bp3-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 19px;
  height              : auto;
  width               : 450px;
  position            : absolute;
  margin              : 0;
  left                : 512px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Avenir-Roman", Helvetica, Arial, serif;
  font-size           : 13.5px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  line-height         : 12.0px;
  text-decoration     : underline;
}
.bp3-whativedonedigital1080 .bp3-a5sportback {
  background-color    : rgba(255,255,255,0.0);
  margin-left         : -0px;
  height              : 100%;
  width               : 1007px;
  margin-right        : 0px;
  position            : relative;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-a5sportback-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 2108px;
  align-items         : center;
  height              : 1110px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp3-whativedonedigital1080 .bp3-a5sportback-layout-container > * {
  pointer-events      : auto;
}
.bp3-whativedonedigital1080 .bp3-a5sportback .bp3-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1110px;
  width               : 1007px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-a5sportback .bp3-cddigitallayoutsa5sptbck {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1110px;
  width               : 1007px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-a5sportback .bp3-a2019audia5sportba {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17px;
  height              : auto;
  width               : 253px;
  position            : absolute;
  margin              : 0;
  left                : 16px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Avenir-Roman", Helvetica, Arial, serif;
  font-size           : 13.5px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 12.0px;
}
.bp3-whativedonedigital1080 .bp3-a5sportback .bp3-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17px;
  height              : auto;
  width               : 450px;
  position            : absolute;
  margin              : 0;
  left                : 511px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Avenir-Roman", Helvetica, Arial, serif;
  font-size           : 13.5px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  line-height         : 12.0px;
  text-decoration     : underline;
}
.bp3-whativedonedigital1080 .bp3-s6 {
  background-color    : rgba(255,255,255,0.0);
  margin-left         : -0px;
  height              : 100%;
  width               : 1007px;
  margin-right        : 0px;
  position            : relative;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-s6-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 950px;
  align-items         : center;
  height              : 1158px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp3-whativedonedigital1080 .bp3-s6-layout-container > * {
  pointer-events      : auto;
}
.bp3-whativedonedigital1080 .bp3-s6 .bp3-gradbg {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1158px;
  width               : 1007px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-s6 .bp3-cddigitallayoutss6 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 1158px;
  width               : 1007px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-s6 .bp3-httpswwwaudiusa {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17px;
  height              : auto;
  width               : 450px;
  position            : absolute;
  margin              : 0;
  left                : 511px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Avenir-Roman", Helvetica, Arial, serif;
  font-size           : 13.5px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : right;
  line-height         : 12.0px;
  text-decoration     : underline;
}
.bp3-whativedonedigital1080 .bp3-s6 .bp3-a2019audis6mlp {
  background-color    : rgba(255,255,255,0.0);
  top                 : 17px;
  height              : auto;
  width               : 158px;
  position            : absolute;
  margin              : 0;
  left                : 16px;
  transform           : rotate(0deg);
  opacity             : 1.0;
  font-family         : "Avenir-Roman", Helvetica, Arial, serif;
  font-size           : 13.5px;
  color               : rgba(0, 0, 0, 1.0);
  text-align          : left;
  line-height         : 12.0px;
}
.bp3-whativedonedigital1080 .bp3-wilconerlyartdirecctortype {
  background-color    : rgba(255,255,255,0.0);
  top                 : 72px;
  height              : 16px;
  width               : 155px;
  position            : absolute;
  margin              : 0;
  left                : 35px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-digitalnextarrow {
  background-color    : rgba(255,255,255,0.0);
  margin-left         : -6px;
  height              : 100%;
  width               : 1009px;
  margin-right        : 6px;
  position            : relative;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-digitalnextarrow-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  top                 : 118px;
  align-items         : center;
  height              : 27px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp3-whativedonedigital1080 .bp3-digitalnextarrow-layout-container > * {
  pointer-events      : auto;
}
.bp3-whativedonedigital1080 .bp3-digitalnextarrow .bp3-digitalnimbus24 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 20px;
  width               : 54px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-digitalnextarrow .bp3-triangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : 8px;
  height              : 15px;
  width               : 23px;
  position            : absolute;
  margin              : 0;
  left                : 990px;
  transform           : rotate(-270deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 44px;
  width               : 100%;
  position            : fixed;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 44px;
  width               : 100%;
  position            : relative;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-rectangle1 {
  background-color    : rgba(255, 255, 255, 1.0);
  top                 : 0px;
  height              : 44px;
  width               : 100%;
  position            : fixed;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-cdlogo04 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 8px;
  height              : 28px;
  width               : 28px;
  position            : fixed;
  margin              : 0;
  left                : 36px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-cdlogo04 .bp3-mask {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 28px;
  width               : 28px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-cdlogo04 .bp3-cdlogo04web {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 28px;
  width               : 28px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-headings {
  background-color    : rgba(255,255,255,0.0);
  right               : 49px;
  top                 : 16px;
  height              : 14px;
  width               : 410px;
  position            : fixed;
  margin              : 0;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-headings .bp3-contactnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 14px;
  width               : 41px;
  position            : absolute;
  margin              : 0;
  left                : 370px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-headings .bp3-worknimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 14px;
  width               : 41px;
  position            : absolute;
  margin              : 0;
  left                : 277px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-headings .bp3-skillsnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 14px;
  width               : 41px;
  position            : absolute;
  margin              : 0;
  left                : 185px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-headings .bp3-aboutnimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 14px;
  width               : 41px;
  position            : absolute;
  margin              : 0;
  left                : 92px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-navbarcopy .bp3-navbartext .bp3-headings .bp3-homenimbus18 {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 14px;
  width               : 41px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons {
  background-color    : rgba(255,255,255,0.0);
  margin-left         : 0px;
  height              : 100%;
  width               : 149px;
  margin-right        : -0px;
  position            : relative;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons-layout-container {
  pointer-events      : none;
  flex-direction      : column;
  align-items         : center;
  bottom              : 25px;
  height              : 73px;
  width               : 100%;
  position            : absolute;
  margin              : 0;
  display             : flex;
  left                : 0;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons-layout-container > * {
  pointer-events      : auto;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons .bp3-nextbutton {
  background-color    : rgba(255,255,255,0.0);
  top                 : 24px;
  height              : 24px;
  width               : 55px;
  position            : absolute;
  margin              : 0;
  left                : 92px;
  overflow            : hidden;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons .bp3-nextbutton .bp3-background {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 24px;
  width               : 55px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons .bp3-nextbutton .bp3-triangle {
  background-color    : rgba(255,255,255,0.0);
  top                 : -15px;
  height              : 54px;
  width               : 23px;
  position            : absolute;
  margin              : 0;
  left                : 16px;
  transform           : rotate(-270deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons .bp3-nextbutton .bp3-nimbusnexttype {
  background-color    : rgba(255,255,255,0.0);
  top                 : 4px;
  height              : 16px;
  width               : 25px;
  position            : absolute;
  margin              : 0;
  left                : 1px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons .bp3-backbuttonspot {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 73px;
  width               : 60px;
  position            : absolute;
  margin              : 0;
  left                : 0px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
.bp3-whativedonedigital1080 .bp3-backnextbuttons .bp3-nextbuttonspot {
  background-color    : rgba(255,255,255,0.0);
  top                 : 0px;
  height              : 73px;
  width               : 60px;
  position            : absolute;
  margin              : 0;
  left                : 89px;
  transform           : rotate(0deg);
  opacity             : 1.0;
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
  opacity             : 0;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 normal forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 normal forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
  opacity             : 1;
  display             : block;
  -webkit-animation   : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  -moz-animation      : anima-reveal 0.3s ease-in 1 normal forwards;
  -o-animation        : anima-reveal 0.3s ease-in-out 1 reverse forwards;
  animation           : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay  : 0;
  animation-delay     : 0;
}
@-webkit-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-moz-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@-o-keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
@keyframes anima-reveal {
  0%
   
  {
      opacity: 0;
    }
  
    
  100%
   
  {
      opacity: 1;
    }
}
.anima-component-wrapper,
.anima-component-wrapper * {
  pointer-events      : none;
}
.anima-component-wrapper a *,
.anima-component-wrapper a,
.anima-component-wrapper input,
.anima-component-wrapper video,
.anima-component-wrapper iframe,
.anima-listeners-active,
.anima-listeners-active * {
  pointer-events      : auto;
}
.anima-hidden,
.anima-hidden * {
  visibility          : hidden;
  pointer-events      : none;
}
.anima-smart-layers-pointers,
.anima-smart-layers-pointers * {
  pointer-events      : auto;
  visibility          : visible;
}
.anima-component-wrapper.anima-not-ready,
.anima-component-wrapper.anima-not-ready * {
  visibility          : hidden !important;
}
.anima-listeners-active-click,
.anima-listeners-active-click * {
  cursor              : pointer;
}
.anima-word-break {
  overflow-wrap       : break-word;
  word-wrap           : break-word;
  word-break          : break-all;
  word-break          : break-word;
}
@media screen and (max-width: 1439px) {
  .bp3-whativedonedigital1080 {
    display             : block;
  }
  .bp2-whativedonedigital1440 {
    display             : none;
  }
  .bp1-whativedonedigital1920 {
    display             : none;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .bp3-whativedonedigital1080 {
    display             : none;
  }
  .bp2-whativedonedigital1440 {
    display             : block;
  }
  .bp1-whativedonedigital1920 {
    display             : none;
  }
}
@media screen and (min-width: 1920px) {
  .bp3-whativedonedigital1080 {
    display             : none;
  }
  .bp2-whativedonedigital1440 {
    display             : none;
  }
  .bp1-whativedonedigital1920 {
    display             : block;
  }
}