/* MOBILE STYLES
   ========================================================================== */

@font-face{
  font-family:'BMW TypeNext';
  font-display: fallback;
  src:url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Thin.eot") format("embedded-opentype"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Thin.woff") format("woff"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Thin.woff2") format("woff2"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Thin.ttf") format("truetype");
  font-weight: 300;
}

@font-face{
  font-family:'BMW TypeNext';
  font-display: fallback;
  src:url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Light.eot") format("embedded-opentype"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Light.woff") format("woff"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Light.woff2") format("woff2"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Light.ttf") format("truetype");
  font-weight: 400;
}

@font-face{
  font-family:'BMW TypeNext';
  font-display: fallback;
  src:url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Regular.eot") format("embedded-opentype"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Regular.woff") format("woff"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Regular.woff2") format("woff2"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Regular.ttf") format("truetype");
  font-weight: 500;
}

@font-face{
  font-family:'BMW TypeNext';
  font-display: fallback;
  src:url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Bold.eot") format("embedded-opentype"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Bold.woff") format("woff"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Bold.woff2") format("woff2"),
  url("/wp-content/themes/adtorque-edge/fonts/BMWTypeNextLatinTT-Bold.ttf") format("truetype");
  font-weight: 700;
}

*,*:before,*:after {-webkit-box-sizing:inherit;box-sizing:inherit}

/* Layout
   ========================================================================== */

html, body,  main {
    margin:0;
}


html {
  font-family:'BMW TypeNext';
}

body {
  background: #fff;
  color: #000;
}

.anchor {
  top: -40px;
}

h1, h2, h3, h4, .head-1, .head-2, .head-3, .head-4 {
	color: #000;
	font-weight: 500;
  font-family:'BMW TypeNext';
}

h1, .head-1 {
	font-size: 26px;
}

h2, .head-2 {
  font-size: 24px;
}

h3, .head-3 {
  font-size: 20px;
}

h4, .head-4 {
  font-size: 16px;
}

a {
  color: #000;
}

a:hover {
  color: #1c69d4;
}

.wrapper {
  max-width: 1600px;
  line-height: 1.4em;
  padding: 40px 30px;
}

.archive .wrapper, .nav-menu .wrapper {
  max-width: 1700px;
}


.sml-wrapper {
  max-width: 1300px;
}

.home-content .sml-wrapper {
  max-width: 600px;
}

.t-blue {
  color: #1c69d4 !important;
}

.bg-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

.content-bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    z-index: -1;
    background-position: center; 
}
.banner.medium img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    height: 250px;
}

/* ========================================================================== 
*  Button
*  ========================================================================== */

.btn {
   font-weight: 500;
   text-align: center;
   padding: 16px 10px;
   min-width: 200px;
   width: auto;
   line-height: 1em;
   display: inline-block;
   text-transform: capitalize;
   margin: 0;
}

.btn-primary, a.btn-primary {
  color: #fff;
  background: #1c69d4;
  border: 1px solid #1c69d4;
}

.btn-primary:hover, a.btn-primary:hover {
  color: #fff;
  background-color: #0653b6;
  border-color: #0653b6
}

.btn-secondary, a.btn-secondary {
  color: #fff;
  background-color: #666;
  border: 1px solid #666;
}

a.btn-secondary:hover, .btn-secondary:hover {
  color: #fff;
  background-color: #262626;
  border-color: #262626;
}
.btn-outline, a.btn-outline {
   color: #ffffff;
   background: transparent;
   border: 1px solid #ffffff;
}

.btn-outline:hover, a.btn-outline:hover, a:hover .btn-outline {
  color: #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
}

.btn-outline-blk, a.btn-outline-blk {
   color: #262626;
   background: transparent;
   border: 1px solid #262626;
}

.btn-outline-blk:hover, a.btn-outline-blk:hover, a:hover .btn-outline-blk {
  color: #262626;
  box-shadow: inset 0 0 0 2px #262626;
}

.form-group .btn {
 max-width: none;
}

.finance-btn .btn {
  margin: 0 !important;
}

.m-bot-not {  
  margin-bottom: 0 !important;
}

.btn-full {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
}

@media(min-width: 500px) {

}

/* Form styles
   ========================================================================== */

.chronoform {
  margin-bottom: 10px;
}

.form-control, .select-container {
  margin-bottom: 40px;
  padding: 8px 0;
  color: #000;
  background-color: transparent;
  border: transparent;
  border-bottom: 1px solid rgba(0,0,0,0.12);  
  border-radius: 0;
  font-size: 16px;
}

form h3 {
  font-family:'BMW TypeNext';
	font-weight: bold;
	margin-bottom: 30px;
}

.select-container .select-hide {
   color: #000;
   height: 34px;
   padding: 0 ;
}

select::-ms-expand {
    display: none;
}
.m-menu {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 3000;
    max-height: 0;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
    overflow: hidden;
}
a.logout-link {
  font-weight: bold;
}

/* Form Select Colour */
.form-control:focus, .chrono-line .form-control:focus {
  border-color: #1c69d4;
}

.tml-field + label {
  position: absolute;
  top: -20px;
  left: 0;
  padding: 0;
  border: 0;
  color: #1c69d4;
  z-index: 1;
  font-size: 13px;
  line-height: 1.5em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: text;
}
.tml .tml-label,input:-webkit-autofill ~ label{
  display: none;
}
.tml-label.empty {
    position: absolute;
    color: #000;
    padding: 3px 20px;
    display: block;
}


.tml-field.empty + label {
  top: 0;
  left: 0;
  padding: 7px 0 1px;
  background-color: transparent;
  color: #000;
  border-left: 0;
  border-right: 0;
  line-height: 1.42857143;
  font-size: 16px;
}
.tml-register form {
    display: flex;
    flex-direction: column;
}
.tml-user_email-wrap {
    order: 3 !important;
}
.tml-first_name-wrap {
    order: 1 !important;
}
.tml-last_name-wrap {
    order: 2 !important;
}
.tml-description-wrap {
    order: 4 !important;
}
.tml-reg_passmail-wrap {
    order: 5 !important;
}
.tml-submit-wrap {
    order: 7;
}
.tml-field-wrap select {
    width: 100%;
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
    padding: 12px 20px;
    font-size: 16px;
    box-shadow: none;
    margin-bottom: 0px;
    text-align: center;
    font-weight: bold;
}
.chronoform .error {
  border-color: red !important;
}

.chronoform .error + label, .chronoform .error select {
  color: red !important;
}

.chronoform:not(.chrono-lines):not(.chrono-l-labels) .select-container + label {
  display: none;
}

.chronoform:not(.chrono-lines):not(.chrono-l-labels) .select-container.active + label {
  display: block;
}
.select2-container .select2-selection--single {
    height: 43px !important;
    padding: 5px 3px !important;
    border-radius: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 43px !important;
}
/* Lines Theme */

.chrono-lines .form-control, .chrono-lines .select-container {
  padding: 10px 4px;
  border: 0;
  border-bottom: 1px solid #666;
}

.chrono-lines .select-container .select-hide {
   padding: 0;
}

.chrono-lines .form-group label {
  top: -13px;
  left: 4px;
  padding: 0;
  background-color: transparent;
  color: #666;
}

.chrono-lines .form-control.empty + label {
  top: 0;
  left: 4px;
  padding: 10px 0;
}

.chrono-lines .form-control:not(.empty):focus + label {
  color: #0099ff;
}

/* Left Labels Theme */

.chrono-l-labels .form-group {
  *zoom:1
}

.chrono-l-labels .form-group:before{
  content:" ";
  display:table
}

.chrono-l-labels .form-group:after{
  content:" ";
  display:table;
  clear:both
}

.chrono-l-labels .form-control, .chrono-l-labels .select-container, .chrono-l-labels .form-submit {
  float: right;
  width: 74%;
}

.tml-field label, .tml-field.empty + label  {
  position: relative;
  width: 25%;
  top: auto;
  left: auto;
  float: left;
  padding: 10px 0;
  background-color: transparent;
  color: #666;
  font-size: 16px;
  line-height: 1.42857143;
}

.tml-field:not(.empty):focus + label {
  color: #0099ff;
}


.white-bg {
    background: #fff;
    padding: 30px;
}
.full-pg {
    min-height: 100vh;
}
.full-pg .admin-panel {
    max-width: 550px;
    width: 100%;
    padding: 100px 30px 30px;
    height: 100%;
}
.jb-header {
    font-family: 'BMW TypeNext';
    font-weight: 200;
    padding: 0;
    color: #fff;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.2em;
    text-transform: uppercase;
}
.page-template-page-users header {
  /*  display: none !important; */
}
p.description.indicator-hint{
  color:#fff;
  font-size: 12px;
}
ul.tml-links {
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    color: #fff;
    padding-left: 0px;
}
ul.tml-links li a{
    color: #fff;
    font-weight: bold;
}
.tml .tml-action-confirmaction .success, .tml .tml-error, .tml .tml-message, .tml .tml-success {
    background: #ddd;
    padding: 5px;
    border-radius: 5px;
}

.center-content{
  display: Flex;
  align-items: center;
  height: 100%;
}
.logout-link {
  font-weight: bold;
  color: #fff;
  padding-right: 0px !important;
 text-align: right !important;
}

.fixed-menu .logout-link {
  color: #000;
  }
.col-6.mx-auto:last-child {
  padding: 20px 30px;
  background: #efefef;
}
.moppmbtn-primary {
  background: #1c69d4 !important;
  border-radius: 5px;
  border: none;
  padding: 10px 15px;
}
#reg_passmail {
    color: #fff;
}

/* DESKTOP STYLES
   ========================================================================== */

@media (min-width: 1025px) {

  .bg-full {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 60%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;	
      display: block;
  }
.logout-link svg {
    font-size: 16px !important;
}
  /* Layout
     ========================================================================== */

  .anchor {
    top: -90px;
  }

  .wrapper {
    padding: 60px 40px;
    font-size: 14px;
  }

  h1, .head-1 {
      font-size: 35px;
      margin-bottom: 40px;
  }

  h2, .head-2 {
    font-size: 25px;
  }

  .white-bg {
  	padding: 50px;	
  }
  .banner.medium img {
    height: 400px;
  }

  /* Form styles
     ========================================================================== */

  .chronoform {
    margin-bottom: 20px;
  }

  .form-control, .select-container, .form-group label, .chrono-l-labels .form-group label, .chrono-l-labels .form-control.empty + label {
    font-size: 16px;
  }

  .form-control, .select-container {
    padding: 6px 2px;
  }

  .select-container .select-hide {
     height: 38px;
  }

  .form-control.empty + label {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .form-group label {
    top: -18px;
    font-size: 12px;
  }

}

@media(min-width: 1200px) {

  .bg-full {
      width: 70%;
  }

  .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 15px;
  }
.jb-header {
    font-size: 48px;
}

}

@media(min-width: 1440px) {

  .wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

}

@media (max-width: 1024px) {
.banner img {
    display: block;
    width: auto;
    height: 300px;
    object-fit: cover;
}
}

/* ==========================================================================  
   NAIVGATION - DESKTOP STYLES
   ========================================================================= */

.banner .wrapper {
  max-width: none;
}

.banner .wrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 10%);
    display: block;
    content: "";
}

@media(min-width: 1200px) {

    .banner-layer {
      top: 25%;
    }

    .banner-bottom {
      top: auto;
      bottom: 5%;
    }

}

.home-content {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bmw-password { 
    color: red;
    text-align: center;
    margin-bottom: 0;
}


/* ==========================================================================  
   OWNERSHIP FORM
   ========================================================================= */



#chronoform-lp-ownership-change .form-control.empty + label {
    padding: 13px 20px 12px;
}

#chronoform-lp-ownership-change .form-control, #chronoform-lp-ownership-change .select-container {
    margin-bottom: 25px;
    padding: 12px 20px;
    background-color: transparent;
    border: 1px solid #000;
}

#chronoform-lp-ownership-change .select-container .select-hide {
    height: 41px;
}

#chronoform-lp-ownership-change .select-container {
    padding: 3px 20px !important;
}


.form-text {
    font-size: 14px;
    color: #949494;
}

.form-thankyou {
    padding: 20px;
    background: #eaeaea;
}

.form-thankyou p {
  margin-top: 0;
}

.own-heading {
    margin-top: 30px;
}


@media(min-width: 1025px) {

  .own-heading {
      margin-top: 50px;
  }

}

/* ========================================================================== 
*  1.5 - Forms Checkbox
* ========================================================================== */
.tml-field-wrap input[type="text"], .tml-field-wrap input[type="password"], .tml-field-wrap input[type="email"] {
    width: 100%;
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
    padding: 12px 20px;
    font-size: 16px;
    box-shadow: none;
    margin-bottom: 0px;
    font-weight: bold;
}
.tml-field-wrap button {
    background-color: #1c69d4;
    color: #fff;
    border: none;
    padding: 15px 20px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
}
.tml-label {
    color: #fff;
}
.checkbox-group .container {
  display: flex;
  align-items: center;
  position: relative;
  padding-top: 0;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-group input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark, .radiomark {

  width: 100%;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  padding: 11px 20px;
}

.error + .checkmark {
  border-color: #ec1c24;
}

/* On mouse-over, add a grey background color */
.checkbox-group:hover input ~ .checkmark, .checkbox-group:hover input ~ .radiomark {
  background-color: #ececec;
}

.checkbox-group input:checked ~ .checkmark, .checkbox-group input:checked ~ .radiomark {
  border-color: #1c69d4;
  background-color: #1c69d4;
  color: #fff;
}

.checkmark:after, .radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-group input:checked ~ .checkmark:after, .checkbox-group input:checked ~ .radiomark:after {
  display: block;
}

.checkbox-group .checkmark:after {
  left: 11px;
  top: 5px;
  width: 10px;
  height: 18px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox-group .container {
  vertical-align: middle;
}

/* Radio Button -Style the indicator (dot/circle) */
/*.checkbox-group .radiomark:after {
    top: 10px;
    left: 10px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: white;
}
*/
@media (min-width: 1025px) {

  .form-group label {
    top: -10px;
    background: #fff;
    left: 5px;
  }

  .form-group .select-container.active + label {
    top: -8px;
  }

}


/* ========================================================================== 
/  Footer
*  ========================================================================== */

.footer-links {
    background: #e6e6e6;
}

.footer-links .wrapper {
    padding-top: 23px;
    padding-bottom: 15px;
}

footer.footer {
    display: none !important;
}
.footer-links p {
  margin: 0;
}


/* ========================================================================== 
/  Special Style
*  ========================================================================== */

.sp-banner {
   position: relative;
}

.sp-current:after {
  display: block;
  content: "Current Issue";
  position: absolute;
  top: 0;
  right: 0;
  background: #1c69d4;
  padding: 5px;
  color: #fff;
}


.sp-banner img {
    display: block;
    width: auto;
    min-height: 220px;
}

 .sp-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
 }

 .sp-content div {
  position: relative;
  z-index: 99;
  padding: 20px;
}

.sp-content h2 {
   text-transform: uppercase;
   margin-bottom: 20px;
   color: #fff;
   font-weight: 30;
   font-size: 20px;
}

.sp-banner a {
   text-decoration: none;
}

.sp-overlay a:after {
   content: "";
   display: block;
   background: rgba(0, 0, 0, 0.3);
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
}


.sp-gradient:after {
   content: "";
   display: block;
   background: rgb(38,38,38);
   background: -moz-linear-gradient(0deg, rgba(38,38,38,0.9) 0%, rgba(38,38,38,0) 100%);
   background: -webkit-linear-gradient(0deg, rgba(38,38,38,0.9) 0%, rgba(38,38,38,0) 100%);
   background: linear-gradient(0deg, rgba(38,38,38,0.9) 0%, rgba(38,38,38,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262626",endColorstr="#262626",GradientType=1);   height: 200px;
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
}


@media (max-width: 768px) {


   .sp-content h3 {
      color: #000;
      margin: 0;
      font-size: 18px;
   }

}

@media (min-width: 769px) {



}

@media (max-width: 1024px) {

   .quicklinks .sp-banner {
      display: none;
   }

}

@media (min-width: 1025px) {


}

@media (min-width: 1200px) {


}



/* ========================================================================== 
*  Mobile Header
*  ========================================================================== */

.mobile-header {
  top: 64px;
  background-color: #262626;
}

.mobile-menu-header {
  bottom: 0;
  background-color: #fff;
  color: #262626;
  font-weight: bold;
  text-transform: uppercase;
  border-top: 1px solid #e6e6e6;
}

.mobile-menu-header .m-flex-basic {
    -webkit-justify-content: space-around;  
    justify-content: space-around;  
}

.mobile-menu-header a {
  color: #666666 !important;
  font-weight: bold !important;
  padding: 0 !important;
  text-align: center;
  text-transform: capitalize;
  font-size: 12px;
  border-bottom: none !important;
}

.mobile-menu-header svg {
  font-size: 25px;
  display: block;
  margin: 0 auto 5px;
}

.mobile-header .wrapper, .mobile-menu-header .wrapper {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 6px;
  align-items: center;
  line-height: 1.3em;
}

.fixed-menu .mobile-header, .c-nobanner .mobile-header {
  top: 0;
}

.mobile-header a, .mobile-link {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}

.mobile-header a svg {
  margin-top: -4px;
  color: #1c69d4;
}

.m-menu {
    padding: 0 20px;
    height: 100vh;
    background: #fff;
}

.m-menu a {
  color: #262626;
  border-bottom: 1px solid #e4e4e4;
  font-weight: bold;
  padding: 25px 15px 20px;
}

.m-menu .active > a {
  background-color: #1c69d4;
  color: #fff;
}

.m-menu .nav-child a {
  background: #ffffff;
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  padding-left: 30px;
  color: #666666;  
}

.fixed-menu .m-menu, .fixed-menu .c-nobanner .m-menu {
  top: 65px;
}

.c-nobanner .m-menu {
  top: 0;
}

.show-menu .m-menu {
  padding: 0 20px 140px;
  background: #ffffff;
  top: 55px;
}

.m-menu .nav-child .nav-child a {
  padding-left: 60px;
  color: #ffffff;
  background: #666666;  
}

@media (max-width: 1024px) { 

   .logo {
       display: flex;
       align-items: center;   
   }

}


@media (min-width: 1025px) { 

   .mobile-link {
     display: none;
   }

}

/* ========================================================================== 
*  Navigation
*  ========================================================================== */

.nav-menu {
  z-index: 1030;
}

.nav-menu .wrapper {
  padding: 10px 30px;
}

.nav-menu .m-flex-basic {
  align-items: center;
}

.show-menu .nav-menu, .fixed-menu .nav-menu, .c-nobanner .nav-menu {
  top: 0px;
  background-color: #fff;
}

.fixed-menu .nav-menu {
    border-bottom: 1px solid #e6e6e6;
}

.logo {
  margin: 0;
}

.logo a {
  display: block;
}

.logo-blk, .fixed-menu .logo-whte {
   display: none;
}

.fixed-menu .logo-blk {
   display: block;
}


.dealer-title {
   margin-top: 24px;
   display: flex;
   justify-content: flex-end;
   text-align: right;
}

.dealer-title a {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.dealer-title a:hover {
   color: #000 !important;
   text-decoration: none;
}

.fixed-menu .dealer-title {
   display: none;
}

.dealer-title-fixed {
   display: none;
   color: #fff;
}

.fixed-menu .dealer-title-fixed {
   display: flex;
   color: #000;
}

.dealer-title-fixed p {
   margin-bottom: 0;
}

.dealer-title-fixed a {
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   text-transform: uppercase;
}

.show-menu .dealer-title-fixed a, .fixed-menu .dealer-title-fixed a, .fixed-menu .dealer-title-fixed p, .fixed-menu .mobile-header a, .fixed-menu .mobile-link, .show-menu .mobile-header a, .show-menu .mobile-link, .show-menu .dealer-title-fixed {
   color: #000;   
}

.dealer-dets a {
  display: flex;
  justify-content: flex-end;
  text-decoration: none;
  align-items: center;
}

.dealer-dets svg {
  display: block;
  font-size: 1.6em;
}

.d-flex {
    display: flex;
}

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

.nav-home {
  vertical-align: middle;
  padding: 25px 15px 29px 0;
  font-size: 17px; 
  border-bottom: 5px solid transparent;
  display: none;
}

.nav-home:hover {
  color: #1c69d4;
  border-color: #1c69d4;
}

.dealer-dets a.nav-search {
   display: none !important;
}


@media (max-width: 1024px) { 

   .item-345 li.item-456 {
    display: none;
   }

   .d-flex {
      display: flex;
   }

   .dealer-dets {
     width: 100%;
   }

   .dealer-title-fixed {
       display: flex;
       align-items: center;
       margin-right: 15px;
   }

   .dealer-title {
       display: none;
   }

}

@media (min-width: 1025px) { 

   .m-menu {
     background: #eee;
   }

   .nav-menu {
     top: 0;
     background-color: transparent;
     color: #fff;
     -webkit-transition: top 0.4s ease;
     -moz-transition: top 0.4s ease;
     transition: top 0.4s ease;
     background: -webkit-linear-gradient(bottom, transparent, rgba(0,0,0,.4));
     background: -o-linear-gradient(bottom, transparent, rgba(0,0,0,.4));
     background: linear-gradient(to top, transparent, rgba(0,0,0,.4));
   }

   .nav-border {
       width: 100%;
       height: 1px;
       background-color: #fff;
   }

   .nav-menu a {
     color: #fff;
   }

   .nav-menu a:hover{
     color: #1d69d4 !important;
   }
  .primary-nav a:hover:after {
     border-top: 5px solid #1d69d4;
   }
     
   .translated-ltr.translated-ltr .skiptranslate ~ .header .nav-menu {
     top: 88px;
   }

   .nav-menu .wrapper {
     padding: 0 170px 0 50px;
   }

   .fixed-menu .nav-menu .wrapper {
     padding: 0 100px 0 50px;
   }

   .stacked .nav-menu .wrapper {
     padding-top: 0px;
     padding-bottom: 0px;
   }

   .fixed-menu .nav-menu {
     -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
     background: #fff;
   }

   .fixed-menu .nav-menu a{
     color: #000; 
     text-shadow: none;
   }
   .fixed-menu .primary-nav a:after {
     border-top: 5px solid #000; 
   }
     
   .logo {
       position: absolute;
       top: 28px;
       right: 60px;
       width: 90px;
       margin-right: 0;
   }

   .fixed-menu .logo {
      top: 14px;
      right: 50px;
      width: 50px;
   }   

   .primary-nav .nav {
     justify-content: flex-start;
   }
   .primary-nav a:after {
    content: "";
    position: absolute;
    bottom: 27px;
    right: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}
   .primary-nav a,.logout-link {
     display: block;
     padding: 35px 11px 15px;
     color: #fff;
     border: none;
     font-size: 15px;
     font-weight: 500;
     border-bottom: 5px solid transparent;
   }
   .fixed-menu .logout-link {
    margin-right: 20px;
  }

   .primary-nav > .nav > li:hover > a {
     color: #1c69d4;
     border-color: #1c69d4;
   }

   .primary-nav .nav-child a {
     position: relative;
     padding: 10px 20px 10px;
     text-align: left;
     background-color: #262626;
     color: #fff;
     font-weight: normal;
     border-bottom: none;
   }

   .primary-nav .nav-child li:hover a {
     color: #1c69d4;
   }

   .primary-nav .nav-child li:last-child a {
     border: 0;
   }

   .right-sidebar h2 {
    margin: 14px 0 27px; 
   }

   .nav-home {
     display: inline-block;
   }

   .primary-nav .item-345 .nav-child > li {
      display: none;
   }

   .item-345 li.item-456, .item-345 li.item-459, .item-345 li.item-460, .item-345 li.item-457 {
      display: block !important;
   }

   .primary-nav .nav-child li.deeper:after {
      display: block;
      content: "";
      position: absolute;
      top: 13px;
      right: 10px;
      z-index: 1;
      height: 14px;
      width: 8px;
      background-image: url('https://storage.googleapis.com/bmw-storage/bmw-aus/menu-arrow.png');
      background-repeat: no-repeat;
   }

   .item-105 .nav-child, .item-305 .nav-child {
       width: 250px;
   }

   .dealer-name {
       margin-top: 7px;
   }

   .dealer-dets svg {
       margin-right: 15px;
   }

   .dealer-title-fixed {
      margin-top: 7px;
      margin-right: 20px;
   }

   .fixed-menu .top-header, .c-nobanner .top-header {
     top: -52px;
   }

   .fixed-menu .dealer-menu, .c-nobanner .dealer-menu {
     top: -103px;
   }

   .fixed-menu .nav-menu, .c-nobanner .nav-menu {
     top: 0;
   }

   /*Sub menu styling*/
   .primary-nav .nav-child .nav-child {
       top: 0;
       left: 100%;
       height: 103.1%;    
       display: none !important;
   }

   .primary-nav .nav-child li:hover .nav-child {
       display: block !important;
   }

   .primary-nav .nav-child .nav-child li a {
      background-color: #f2f2f2 !important;
      color: #000 !important;
   }

   .primary-nav .nav-child .nav-child li:hover a {
       color:  #1c69d4 !important;
   }

}

@media(max-width:1200px) {
    .lap-nav{
      display:none
    }
}

@media(min-width: 1200px) {

   .dealer-title-fixed a {
     font-size: 18px;
   }

   .nav-menu .wrapper {
     padding-right: 190px;
   }

   .lap-nav {
     margin: 3px 0 3px 5px;
   }

   .fixed-menu .lap-nav {
     display: none;
   }

   .primary-nav a {
     padding-left: 15px;
     padding-right: 20px;
   }

}

@media(min-width: 1200px) {

  .dealer-name {
      font-size: 30px;
      margin-top: 15px;
  }

  .dealer-menu .logo {
    width: auto;
  }

  .stacked .nav-menu {
    top: 156px;
  }

  .fixed-menu .stacked .nav-menu, .c-nobanner .stacked .nav-menu {
      top: 0;
  }

}

@media(min-width: 1300px) {


}




/* ========================================================================== 
*  Page - Articles
*  ========================================================================== */

.fl-link {
  position: relative;  
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px;
}


.fl-link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.fl-link h3 {
  text-transform: uppercase;
  font-size: 14px;
}

.fl-link:hover h3, .fl-link:hover svg {
  color: #1c69d4;
}

.icon-download, .icon-printer {
  font-size: 30px;
}


@media(min-width: 768px) {

  .fl-link {
    padding: 20px;
  }

  .icon-download, .icon-printer {
    font-size: 60px;
  }

  .fl-link h3 {
    font-size: 20px;
  }


}



/* ========================================================================== 
*  Page - Iframe Settings
*  ========================================================================== */

.content iframe {
  margin-bottom: 30px;
  height: 50vh;
}


@media(min-width: 768px) {

  .content iframe {
    height: 100vh;
  }

}

@media(min-width: 1024px) {

  .content iframe {
    height: 95vh;
    max-height: 570px;
  }

}

@media(min-width: 1200px) {

  .content iframe {
     max-height: 740px;
  }

}