
#contents div.image {
  margin-bottom: 0;
}

.aem-Grid {
  position: relative;
}

/* stage begin */
.digitalEutELPStageComponent+.visual {
  position: absolute;
  top: calc( 0.5 * min(calc(100vh - var(--k-top-offset) - var(--k-nav-height) + 1px), 1024px) - 50px);
  width: 100%;
}
.digitalEutELPStageComponent+.visual,
.digitalEutELPStageComponent+.visual .visual-container,
.digitalEutELPStageComponent+.visual .inner-container,
.digitalEutELPStageComponent+.visual .visual-media,
.digitalEutELPStageComponent+.visual .visual-media-video,
.digitalEutELPStageComponent+.visual .eut_component_item,
.digitalEutELPStageComponent+.visual .visual-player-container,
.digitalEutELPStageComponent+.visual .btn-container {
  padding: 0;
  height: 100px;
}
.digitalEutELPStageComponent+.visual .btn-container .btn-play::after {
  animation: stage-fade-in 10s cubic-bezier(.6, 0, .4, 1) 2.4s 1 normal both;
  content: '';
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgba(5, 20, 31, 0.4) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' fill='none' %3e%3cpath d='M49.5 35L27.75 47.99V22.01L49.5 35z' fill='%23f7f8f8'/%3e%3c/svg%3e") 50% no-repeat;
  
} 
@media only screen and (max-width: 767px) {
  .digitalEutELPStageComponent+.visual .btn-container .btn-play::after {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
  }
}
@media only screen and (min-width: 768px) {
  .digitalEutELPStageComponent+.visual .btn-container .btn-play::after {
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
  }
}

@keyframes stage-fade-out {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.digitalEutELPStageComponent+.visual .btn-container .btn-play img {
  opacity: 0;
} 

@media only screen and (max-width: 767px) {
  #stage .stage__title {
    margin-top: var(--k-grid-margin);
  }
}
#stage .stage__subtitle {
  animation: none;
}
#stage .stage__price__detail {
  display: none;
}
#stage .video-maincontainer::after {
  content: '';
  background-color: #05141F;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: stage-fade-out 10s cubic-bezier(.6, 0, .4, 1) 2.4s 1 normal both;
}
#stage .stage__emission {
  animation: stage-fade-in 10s cubic-bezier(.6, 0, .4, 1) 2.4s 1 normal both;
}


#stage #txt-info:not(.hidden)+#disclaimer-more-less {
  padding: 0;
}

/* stage end */






.columnControl {
  padding: 0 var(--k-grid-margin);
}
.container-remove-left-padding .columnControl {
  padding: 0 var(--k-grid-margin) 0 0;
}
.container-remove-right-padding .columnControl {
  padding: 0 0 0 var(--k-grid-margin);
}
.container-remove-left-padding.container-remove-right-padding .columnControl {
  padding: 0;
}
.columnControl .column_control > ul {
  display: grid;
  width: 100%;
  max-width:none;
}
.columnControl .column_control > ul > li {
  width: auto;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .columnControl .column_control > ul {
    gap: var(--k-grid-margin);
  }
  .columnControl .column_control > ul {
    grid-template-columns: 1fr;
  }
  .container-remove-left-padding .columnControl .column_control > ul {
    grid-template-columns: 0px 1fr;
  }
  .container-remove-right-padding .columnControl .column_control > ul {
    grid-template-columns: 1fr 0px;
  }
  .container-remove-left-padding .columnControl .column_control > ul > li:first-of-type,
  .container-remove-right-padding .columnControl .column_control > ul > li:first-of-type {
    grid-column-end: span 2;
  }
  .container-remove-left-padding .columnControl .column_control > ul > li:not(:first-of-type) {
    grid-column-start: 2;
  }
}
@media only screen and (min-width: 768px) {
  .container-remove-left-padding .columnControl .column_control > ul > li:first-of-type {
    grid-column-end: span 2;
  }
  .container-remove-right-padding .columnControl .column_control > ul > li:last-of-type {
    grid-column-end: span 2;
  }
  .columnControl .column_control > ul {
    gap: var(--k-grid-gutter);
  }
  .columnControl .column_control > ul > li {
    grid-row: 1
  }
  .columnControl .column_control > ul.column1 {
    grid-template-columns: 1fr;
  }
  .container-remove-left-padding .columnControl .column_control > ul.column1 {
    grid-template-columns: calc(var(--k-grid-margin)) 1fr;
  }
  .container-remove-right-padding .columnControl .column_control > ul.column1 {
    grid-template-columns: 1fr calc(var(--k-grid-margin));
  }
  .columnControl .column_control > ul.column2 {
    grid-template-columns: 1fr 1fr;
  }
  .container-remove-left-padding .columnControl .column_control > ul.column2 {
    grid-template-columns: calc(var(--k-grid-margin)) 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
  }
  .container-remove-right-padding .columnControl .column_control > ul.column2 {
    grid-template-columns: 1fr 1fr calc(var(--k-grid-margin));
  }
  .columnControl .column_control > ul.column3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .container-remove-left-padding .columnControl .column_control > ul.column3 {
    grid-template-columns: calc(var(--k-grid-margin)) 1fr 1fr 1fr;
  }
  .container-remove-right-padding .columnControl .column_control > ul.column3 {
    grid-template-columns: 1fr 1fr 1fr calc(var(--k-grid-margin));
  }
  .columnControl .column_control > ul.column4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .container-remove-left-padding .columnControl .column_control > ul.column4 {
    grid-template-columns: calc(var(--k-grid-margin)) 1fr 1fr 1fr 1fr;
  }
  .container-remove-right-padding .columnControl .column_control > ul.column4 {
    grid-template-columns: 1fr 1fr 1fr 1fr calc(var(--k-grid-margin));
  }
  .columnControl .column_control > ul.column5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .container-remove-left-padding .columnControl .column_control > ul.column5 {
    grid-template-columns: calc(var(--k-grid-margin)) 1fr 1fr 1fr 1fr 1fr;
  }
  .container-remove-right-padding .columnControl .column_control > ul.column5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr calc(var(--k-grid-margin));
  }
}






/*
@media only screen and (max-width: 767px) {
  .columnControl .column_control > ul {
    flex-direction: column;
  }
}
*/
@media only screen and (min-width: 768px) {
  .columnControl.left-button .column_control > ul > li:last-of-type {
    grid-column: 1;
  }
  .container-remove-left-padding .columnControl.left-button .column_control > ul > li:last-of-type {
    grid-column: 1 / span 2;
  }
  .container-remove-left-padding .columnControl.left-button .column_control > ul > li:first-of-type {
    grid-column-end: span 1;
  }
  .container-remove-right-padding .columnControl.left-button .column_control > ul > li:first-of-type {
    grid-column-end: span 2;
  }
}
/*
  .container-remove-left-padding .column_control > ul > li:first-of-type {
    grid-column-end: span 2;
  }
  .container-remove-right-padding .column_control > ul > li:last-of-type {
    grid-column-end: span 2;
  }*/

  @media only screen and (max-width: 767px) {
 
  }

.columnControl.left-button .button .elp-button-container .elp-button,
.columnControl.right-button .button .elp-button-container .elp-button {
  margin: 0;
}

@media (max-width: 767px) {
  .inline-left-button .button .elp-button-container .elp-button, 
  .inline-right-button .button .elp-button-container .elp-button, 
  .left-button .button .elp-button-container, 
  .right-button .button .elp-button-container {
      margin: 0;
  }
}









#contents :not(.k-chapter-collapsible):not(.k-highlights) .container .text {
  display: block;
}

.button .elp-button-container .elp-button {
  margin: 0px;
}

#newsletter .newsletter_form {
  display: flex;
  align-items: center;
  justify-content: center;
}

#newsletter .newsletter_form {
  background-color: #fff;
}

#newsletter .newsletter_input {
  border: 1px solid #05141F;
  color: #05141F !important;
}

#newsletter .newsletter_form button.newsletter_button {
  background-color: #05141F;
  color: #fff;
}




@media (min-width: 768px) {

#introduction .inner_offer,
#charging .inner_offer {
  margin: 0;
}

  #introduction .column2 .elp-text,
  #charging .column2 .elp-text {
    max-width: 560px;
  }
}

#charging .column1 {
  padding: calc(0.5 * var(--k-grid-margin)) 0;
}


#connectivity li > .digitalVisual,
#purchase li > .digitalVisual{
  position: sticky;
  top: var(--k-nav-height);
}

#charging .column2 > li,
#introduction .column2 > li,
#warranty .column2 > li {
  display: flex;
  justify-content: center;
    align-items: center;
}

#disclaimer {
  padding: var(--k-grid-margin) var(--k-grid-margin);
}

#contents #connectivity .image+.text {
  margin-top: 12px;
}


@media (max-width: 768px) {
  #contents #connectivity .text {
    margin-bottom: 24px;
  }
  #contents #purchase .text {
    margin-top: 24px;
  }
}

.container-inner>*:not(.k-intersecting) .column2>li {
    opacity: 0;
    transform: translateY(50px);
}

.container-inner>*.k-intersecting  .column2>li {
    opacity: 1;
    transform: translateY(0px);
}

.container-inner .column2>li:nth-child(2) {
  transition-delay: .3s;
}

.container-inner .column2>li {
    transition: transform .6s cubic-bezier(.6, 0, .4, 1), opacity .6s cubic-bezier(.6, 0, .4, 1);
}





/* margin and fonts */

.elp-text h1 {
  font: var(--k-font-heading-1);
}

.elp-text h2 {
  font: var(--k-font-heading-2);
}

.elp-text h3 {
  font: var(--k-font-heading-5);
}

.elp-text h4 {
  font: var(--k-font-heading-6);
}

.elp-text span, .elp-text p{
  font: var(--k-font-description-1);
}

.elp-text span.elp-description-large {
  line-height: 2;

}




@media (min-width: 768px) {
  .elp-text h1+*,
  .elp-text h2+*,
  .elp-text h3+*,
  .elp-text h4+* {
    margin-top: 24px;
  }
  .elp-text span+* {
    margin-top: 24px;
  }

  .elp-button-link {
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
  .elp-text h1+*,
  .elp-text h2+*,
  .elp-text h3+*,
  .elp-text h4+* {
    margin-top: 24px;
  }
  .elp-text span+* {
    margin-top: 24px;
  }

  .elp-button-link {
    margin-top: 12px;
  }
}




/* font size adjustments */

#introduction h2 {
  font: var(--k-font-heading-3);
}

@media (min-width: 768px) {
  #connectivity .background-container,
  #purchase .background-container {
    padding: 36px 0 0 0;
  }
  #connectivity .button {
    margin-top: 30px !important;
  }
}



@media (min-width: 768px) {
#charging {
  padding-bottom: 0 !important;
}
#driving {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#warranty {
  margin-bottom: 0 !important;
}
#purchase {
  margin-top: 0 !important;
}
#warranty .inner_offer {
  margin-top: 0;
}
}

@media (max-width: 767px) {
  #connectivity {
    margin-top: 96px !important;
  }

}






/* testdrive begin */
#testdrive {
  background-color: #05141F !important;
  margin: 0;
}
@media (max-width: 768px) {
  #testdrive {
    padding: 40px var(--k-grid-margin);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #testdrive {
    padding: 60px var(--k-grid-margin);
  }
}
@media (min-width: 1025px) {
  #testdrive {
    padding: 80px var(--k-grid-margin);
  }
}
#testdrive > .container-inner > * {
  display: block !important;
}
#testdrive .elp-text * {
  color: #fff;
}
#testdrive .newsletter_form {
  display: flex;
  align-items: center;
  justify-content: center;
}
#testdrive .newsletter_form button {
  margin: 30px 0;
}
#testdrive .elp-button {
  border-color: #fff;
  color: #fff;
}
/* testdrive end */


@media (max-width: 767px) {
  .newsletter_input {
    padding-left: 16px !important;
    box-sizing: border-box !important;
  }
}


/* counter act style changes */

@media (max-width: 767px) {
    body:not(.digital-uk-page) #contents :not(.k-intersecting) .container .text {
        margin: 0 !important;
    }
}
