body {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
}
html {
  width: 100vw;
}
@media(max-width: 1px), (pointer:none), (pointer:coarse)
{
  html {
    width: 100vw;
    overflow-x: hidden;
  }
}


.nav-main-mobile ul li a  {
    color: white!important;
}
.nav-main-mobile ul {
    width: 300px;
    position: fixed;
    list-style-type: none;
    left: calc(50% - 150px);
    bottom: calc(10vh + 50px);
    padding: 0;   
}

.nav-main-mobile ul li {
  opacity: 0.6;
  font-family: "GothamSSm-Medium";
  font-size: 11px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
}
img#basket {
    height: 30px!important;
    width: 30px!important;
    position: absolute;
    top: -9px;
    left: -23px;
}



@font-face {
    font-family: GothhamSSm-Light;
    src:url("/web/Fonts/GothamSSm/GothamSSm-Light.ttf");
}
@font-face {
    font-family: GothamSSm-Book;
    src:url("/web/Fonts/GothamSSm/GothamSSm-Book.ttf");
}
@font-face {
    font-family: GothamSSm-Medium;
    src:url("/web/Fonts/GothamSSm/GothamSSm-Medium.ttf");
}
@font-face {
    font-family: GothamSSm-Bold;
    src:url("/web/Fonts/GothamSSm/GothamSSm-Bold.ttf");
}
/* === HEADLINES === */
h1 {
  font-family: GothhamSSm-Light;
  font-size: 42px;
  letter-spacing: -1px;
  text-align: center;
  font-weight: normal;
  line-height: 42px;
}
h2 {
  font-family: GothhamSSm-Light;
  font-size: 36px;
  letter-spacing: -1px;
  text-align: center;
  font-weight: normal;
  line-height: 36px;
}
h3 {
  font-family: GothhamSSm-Light;
  font-size: 26px;
  letter-spacing: -1px;
  font-weight: normal;
  line-height: 36px;
}
h4 {
  font-family: GothhamSSm-Light;
  font-size: 24px;
  letter-spacing: -1px;
  text-align: center;
  font-weight: normal;
  line-height: 34px;
}
summary {
  font-family: GothhamSSm-Light;
  font-size: 24px;
  letter-spacing: -1px;
  text-align: left;
  font-weight: normal;
  line-height: 34px;
}
h5 {
  font-family: GothhamSSm-Light;
  font-size: 18px;
  letter-spacing: -0.4px;
  text-align: center;
  font-weight: normal;
  line-height: 28px;
}
h6 {
  font-family: GothhamSSm-Light;
  font-size: 14px;
  letter-spacing: -0.4px;
  text-align: center;
  font-weight: normal;
  line-height: 20px;
}
/* === MOBILE HEADLINES === */
@media(max-width: 640px), (pointer:none), (pointer:coarse)
{
  h1 {
    font-family: GothhamSSm-Light;
    font-size: 34px;
    letter-spacing: -1px;
    text-align: center;
    font-weight: normal;
    line-height: 34px;
  }
  h2 {
    font-family: GothhamSSm-Light;
    font-size: 26px;
    letter-spacing: -0.72px;
    text-align: center;
    font-weight: normal;
    line-height: 26px;
  }
  h3 {
    font-family: GothhamSSm-Light;
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 32px;
  }
  h4 {
    font-family: GothhamSSm-Light;
    font-size: 20px;
    letter-spacing: -0.83px;
    text-align: center;
    font-weight: normal;
    line-height: 30px;
  }
}
/* === TEXT === */
.text-L {
  font-family: GothhamSSm-Light;
  font-size: 22px;
  letter-spacing: 0.3px;
  line-height:35px;
}
.text-M {
  font-family: GothhamSSm-Light;
  font-size: 18px;
  letter-spacing: 0px;
  line-height:28px;
}
.text-P {
  font-family: GothhamSSm-Light;
  font-size: 26px;
  letter-spacing: 0.4px;
  line-height:36px;
}
.text-S1 {
  font-family: GothhamSSm-Light;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 20px;
}
.text-S2 {
  font-family: GothhamSSm-Book;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 21px;
}
.text-S3 {
  font-family: GothhamSSm-Light;
  font-size: 14px;
  letter-spacing: 0px;
  opacity: 90%;
  line-height: 21px;
  font-weight: normal;
}
.text-XS {
  font-family: GothhamSSm-Light;
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 17px;
}
.text-XXS {
  font-family: GothhamSSm-Light;
  font-size: 8.4px;
  letter-spacing: 0.2px;
  line-height: 10.4px;
}
.menue-M {
  font-family: GothamSSm-Medium;
  font-size: 14px;
  letter-spacing: 0.25px;
}
.opacity-50 {
  opacity: 50%;
}
.vehFont {
  font-size: 11px!important;
  font-family: GothamSSm-Bold!important;
  letter-spacing: 0.2px!important;
}





:root {
  --color-cta-orange: #EB5E00;
  --color-cta-orange-active: #FF7600;
  --color-cta-primary-white: #FAFAFA;
  --fullwidth: 100%;
  --gutter: 56px;
  --mxgutter: 48px;
  --mgutter: 32px;
  --smgutter: 24px;
  --sgutter: 16px;
}
@media (max-width: 640px), (pointer:none), (pointer:coarse)
{
:root {
    --gutter: 32px;
    --mxgutter: 28px;
    --mgutter: 24px;
    --smgutter: 20px;
    --sgutter: 16px;
  }
  :root .gridcell {
    --smgutter: 18px!important;
  }
}

body {
  text-align: center;
  margin: 0;
  font-family: GothamSSm-Book;
  background-color: #FAFAFA;
}

h1 {
  margin: 0;
}
h3 {
  margin: 0;
}
a {  color: white; text-decoration: none; }
#edit-login-returning-customer-forgot-password {
    color: inherit !important;
}

#headerVideo {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: var(--fullwidth);
  min-height: 100%;
  z-index: -1;
  object-fit: cover;
}
.header-home {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100vh;
  color: white;
}

.header-home-top {
  margin-top: var(--sgutter);
  position: relative;
}
.header-home-top > a > img {
  display: inline-block;
  position: absolute;
  top: var(--smgutter);
  left: var(--mxgutter);
  width: 250px;
}
.header-home nav {
  margin-top: 0;
  display: inline-block;
  width: 400px;
}
.nav-main-mobile {
  display: none!important;
  height: 10px;
  width: 30px!important;
  position: absolute;
  top: var(--mgutter);
  right: var(--gutter);
  z-index: 998;
}
.nav-main-mobile:hover {
  cursor: pointer;
}
.nav-main-mobile > img {
  width: 24px!important;
  height: 8px!important;
  position: relative;
  margin: 0!important;
  left: 0;
  top: 0;
}
#nav-main-mobile-menu
{
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: black;
  padding-top: 128px;
}
#nav-main-mobile-menu h1 {
  line-height: 54px;
}
#nav-main-mobile-menu h1 a {
  color: white!important;
}
.nav-main-mobile button {
  position: fixed;
  left: calc( 50vw - 106px);
  bottom: 10vh;
}
.logoMobileNav {
  position: fixed;
  top: var(--gutter);
  left: var(--gutter);
  height: auto;
  width: 29px;
}
.closeMobileNav {
  position: fixed;
  top: var(--gutter);
  height: auto;
  width: 16.9px;
  right: var(--gutter)!important;
}
#ordnernowmobile {
  display: none;
}
.ordernowmobilefixed {
  display: none;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show { display: block; }

@media (max-width: 640px), (pointer:none), (pointer:coarse) {
  .nav-main {
    display: none!important;
  }
  .nav-main-mobile {
    display: inline-block!important;
  }
  .nav-order {
    display: none!important;
  }
  .header-home-bottom {
    top: 120px!important;
  }
  .CTA-line {
    width: 100%!important;
    position: absolute!important;
    top: 46vh!important;
    left: 0!important;
    right: 0!important;
  }
  .CTA-line-content {
    background-position: center!important;
    width: 32%!important;
  }
  #CTA-order {
    display: none!important;
  }
  .ordernow {
    width: 213px!important;
    padding: 0;
    padding-top: 1px;
    padding-left: 50px!important;
  }
  .nav-main-mobile .ordernow {
    background-color: var(--color-cta-orange)!important;
    color: var(--color-cta-primary-white)!important;
  }
  .ordernowmobilebutton {
    color: var(--color-cta-primary-white)!important;
    background-color: var(--color-cta-orange)!important;
    height: 42px!important;
    position: absolute;
    bottom: 0vh;
    padding-left: 50px!important;
  }
  .ordernowmobilefixed {
    color: var(--color-cta-primary-white)!important;
    background-color: var(--color-cta-orange)!important;
    height: 42px!important;
    position: fixed!important;
    bottom: 0vh;
    padding-left: 50px!important;
    z-index: 999;
    left: calc(50vw - 106px);
    bottom: calc(0px - 43px);
  }
  #ordnernowmobile {
    display: inline-block;
    position: absolute;
    bottom: 17vh;
    width: 100vw;
    left: 0;
    z-index: 200;
  }
  #ordnernowmobile > p {
    position: absolute;
    top: 42px;
    left: calc( 50% - 106px);
    text-align: center!important;
    display: inline-block!important;
    width: 212px!important;
  }
}

.header-home nav > ul {
  display: inline-block;
  padding: 0;
}
.header-home nav > ul > li {
  display: inline-block;
  margin: 0 5px;
}
.nav-main {
  margin: var(--sgutter) 240px!important;
}
.nav-main li {
  padding-bottom: 4px;
}
.nav-order{
  position: absolute;
  top: 0;
  right: var(--gutter);
  text-align: right;
}
.nav-order .menue-M {
  display: none;
  opacity: 0.8;
}
.nav-order .menue-M:hover {
  opacity: 1;
  transition: 0.3s;
}
.nav-order > ul > li > a{
  font-size: 11px;
}
.header-home-bottom {
  height: 300px;
  width: 100%;
  position: absolute;
  top: 68vh;
  text-align: center;
}
.header-home-bottom .ordernow {
  top: -5px;
  left: -5px;
}
.header-home-bottom .CTA-line {
  position: relative;
  top: var(--gutter);
  height: 70px;
  width: 716px;
  display: inline-block;
}
.header-home-bottom .CTA-line p {
  position: relative;
  top: -5px;
}
.header-home-bottom .CTA-line-content {
  background-repeat: no-repeat;
  display: inline-block;
  width: 175px;
  height: 70px;
  margin: 0;
}
.blackheader {
  height: 100px;
}
.blackheader a {
  color: black;
}
.blackheader .nav-main-mobile {
  margin-top: 16px!important;
}
.ordernow {
  font-family: GothamSSm-Bold!important;
  width: 155px;
  height: 42px;
  background-color: var(--color-cta-orange);
  color: var(--color-cta-primary-white);
  border: 0;
  font-size: 11px;
  position: relative;
  padding-right: 40px;
  text-align: left;
  padding-left: 26px;
  letter-spacing: 0.2px!important;
  cursor: pointer;
}
.ordernow .buttonarrow {
  position: absolute;
  top: 17px!important;
  right: 24px!important;
  width: 8px!important;
}
@media (max-width: 640px), (pointer:none), (pointer:coarse) {
  .ordernow .buttonarrow {
    right: 50px!important;
  }
  .highlight {
    padding-bottom: var(--sgutter)!important;
  }
  .highlight h1 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
  }
}

.ordernow:hover {
  background-color: var(--color-cta-orange-active);
  color: white;
  transition:0.3s;
}
.ordernow-white {
  /*
  padding-right: 40px!important;
  position: relative;
  color: white;
  background-color: rgba(255, 255, 255, 0);
  border: solid 1.4px white;
  padding: 15px 20px;
  font-size: 12px;
  width: 155px;
  height: 42px;
  */
  font-family: GothamSSm-Bold!important;
  width: 155px;
  height: 42px;
  background-color: rgba(255, 255, 255, 0);
  color: var(--color-cta-primary-white);
  border: solid 1.4px white;
  font-size: 11px;
  position: relative;
  padding: 12px 20px;
  text-align: left;
  padding-left: 26px;
  letter-spacing: 0.2px!important;
  cursor: pointer;
}
.ordernow-white .buttonarrow {
  position: absolute;
  top: 16px!important;
  right: 24px!important;
  width: 8px!important;
}
.ordernow-white:hover {
  background-color: var(--color-cta-orange-active);
  color: var(--color-cta-primary-white);
  border: solid 1.4px var(--color-cta-orange-active);
  transition:0.3s;
}
.ordernow-black {
  font-family: GothamSSm-Bold!important;
  width: 155px;
  height: 42px;
  color: black;
  background-color: rgba(255, 255, 255, 0);
  border: solid 1.4px black;
  padding: 12px 20px;
  font-size: 11px;
  padding-left: 26px;
  letter-spacing: 0.2px!important;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.ordernow-black .buttonarrow {
  position: absolute;
  top: 16px!important;
  right: 24px!important;
  width: 8px!important;
}
.ordernow-black .ordernow-arrow-white {
  opacity: 1;
}
.ordernow-black:hover {
  background-color: var(--color-cta-orange-active);
  color: var(--color-cta-primary-white);
  border: solid 1.4px var(--color-cta-orange-active);
  transition:0.3s;
}
.ordernow-black:hover .ordernow-arrow-black
{
  opacity: 0;
  transition: 0.3;
}

.header-home-bottom .CTA-line-content p {
  font-size: 11px;
}
.highlight {
  box-sizing: border-box;
  width: var(--fullwidth);
  display: inline-block;
  padding: 40px 0 0;
}
.highlight h1 {
  margin-top: var(--sgutter);
}
.highlight > p {
  display: inline-block;
  width: 558px;
  margin: var(--mgutter) 0 0;
}
@media (max-width: 640px), (pointer:none), (pointer:coarse)
{
  .highlight > p {
    width: calc(100% - var(--gutter) * 2);
    line-height: 21px!important;
    margin-left: var(--gutter);
    margin-right: var(--gutter);
  }
}
.grid {
  display: flex;
}
.gridmargin-left {
  margin-left: var(--gutter) !important;
}
.gridmargin-right {
  margin-right: var(--gutter) !important;
}
.gridmargin-both {
  margin-left: var(--gutter) !important;
  margin-right: var(--gutter) !important;
}
.nomargin {
  margin-left: 0!important;
}
.gridcell {
  box-sizing: border-box;
  display: inline-block;
  margin: var(--sgutter);
  height: auto;
  color: var(--color-cta-primary-white)!important;
  text-align: left;
  padding: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: white!important;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.1);
}

.gridcell:hover {
  cursor: pointer;
}
.grid-full {
  box-sizing: border-box;
  width: 100%;
  margin: var(--gutter);
}
.grid-small {
  width: calc(33.3% - var(--mgutter));
  height: calc(66vw * 0.5);
}
.grid-big {
  width: calc(66.6% - var(--mgutter));
  height: calc(66vw * 0.5);
}
@media (max-width: 640px), (pointer:none), (pointer:coarse)
{
  .exterior h1 {
    margin-bottom: calc(var(--gutter) + var(--sgutter))!important;
    margin-top: var(--mxgutter)!important;

  }

  ::-webkit-scrollbar {
    width: 0;
    background: transparent;

  }
  .grid {
    display: block;
    padding: 0 var(--sgutter) 0!important;
  }
  .gridcell {
    margin: 0!important;
    margin-bottom: var(--gutter)!important;
    background-color: white!important;
    padding: var(--smgutter);
  }
  .gridcell h3 {
    width: 224px;
  }
  .grid-small {
    width: calc(100vw - var(--gutter) )!important;
    height: 104vw;
    box-sizing: border-box;
    margin: 0 0 var(--sgutter)!important;
  }
  .grid-big {
    width: calc(100vw - var(--gutter) )!important;
    height: 104vw;
    box-sizing: border-box;
    margin: 0 0 var(--sgutter)!important;
  }
  .gridmargin-left {
    margin-left: 0!important;
  }
  .gridmargin-right {
    margin-right: 0!important;
  }
  .gridmargin-both {
    margin-left: 0!important;
    margin-right: 0!important;
  }
}
.gridcell-content {
  position: absolute;
  bottom: 4px;
  text-align: left;
  /* margin-left: 0; */
  margin-left: var(--smgutter);
}

.top-80 .gridcell-content {
  margin-left: var(--smgutter);
}
.gridcell-content p {
  width: 202px;
}
.gridcell-content-text {
  position: absolute;
  top: 20px;
  color: black;
}
.gridcell-content-text p {
  width: 300px;
}
.gridcell-content h3 {
  max-width: 264px;
}
.flipper {
  padding: 0!important;
}
#gridbackground {
  display: inline-block;
  width: 100%;
  height: 100%;
}
#back {
  margin: var(--smgutter);
  display: inline-block;
  width: 100%;
  height: 100%;
  color: black;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.vehicle {
  height: calc(56.25vw - var(--gutter) * 2);
  margin: var(--mxgutter) var(--gutter) var(--gutter);
  width: calc(100% - calc(var(--gutter) * 2));
  position: relative;
  display: inline-block;
  justify-content: center;
}
#vehicleVideo {
  position: relative;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: auto;
  z-index: -1;
}
.vehicle-navigation {
  z-index: 99;
  position: absolute;
  width: 460px;
  height: 42px;
  bottom: 56px;
  margin-left: calc(50% - 230px );
  justify-content: center;
}
@media (min-width: 641px) {
  .vehicle-navigation {
    margin-left: calc(50% - 100px - 166px);
    width: 284px;
  }
  .vehicle-specs {
    position: absolute!important;
    bottom: 61px;
    top: auto!important;
    z-index: 100;
  }
}
.navlines {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 34px;
  background-color: white;
  text-align: left;
  padding-left: 22px;
}
.usecase-navigation .navlines {
  background-color: var(--cta-orange);
}
.nav-line {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: gray;
  margin-top: 16px;
}
.usecase-navigation .nav-line {
  background-color: lightgray;
  opacity: 0.5;
}
#active-slider {
  position: absolute!important;
  background-color: var(--color-cta-orange)!important;
  top: 16px;
  left: 23px;
  z-index: 99;
  margin: 0;
  width: 31px!important;
}
#active-slider-mobile {
  position: absolute!important;
  background-color: white!important;
  top: 16px;
  left: 22px;
  z-index: 99;
  margin: 0;
  width: 30px!important;
  opacity: 1!important;
}
.active-line {
  background-color: var(--color-cta-orange);
}
.vehicleArrow {
  display: inline-block;
  width: 25px;
  height: 30px;
  position: absolute;
  top: 3px;
  border: none;
  background-color: rgba(255,255,255,1);
  cursor: pointer;
}
.previous-line {

  right: 220px;
}
.next-line {

  right: 200px;
}
#state {
  display: none;
}
#state-mobile {
  display: none;
}
.vehicle-specs {
  margin-left: 22px;
  background-color: white;
  position: relative;
  height: 42px;
  top: 6px;
  width: 166px;
  border-radius: 21px;
  display: inline-block;
  z-index: 9;
}

.button-specs {
  display: inline-block;
  box-sizing: border-box;
  margin: 4px;
  height: 34px;
  width: 88px;
  border-radius: 18px;
  font-size: 11px;
  border: 0;
  background-color: rgba(0,0,0,0);
  cursor: pointer
}

#vehicleButton {
  position: absolute;
  top: 0;
  left: -1px;
  color: black;
}
#specsButton {
  position: absolute;
  top: 0;
  right: 1px;
  color: black;
}
.activeSpecButton {
  color: white!important;
  background-color: var(--color-cta-orange);
}

.features #p1 {
  display: inline-block;
}


.usecases {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  color: white;
  position: relative;
}
.usecases > h1 {
  position: absolute;
  top: 50px;
  z-index: 5;
  display: inline-block;
  width: 100%;
}
.overlaycontainer {
  width: 100vw;
  height: 73vw;
  position: absolute;
  top: 80vh;
  left: 0;
  background-color: black;
  opacity: 1;
}
.overlaycontainertop {
  display: none;
  width: calc(100vw - var(--gutter)*2);
  height: 80vh;
  position: relative;
  top: 0;
  left: var(--smgutter);
  text-align: left;
  z-index: 9;
  opacity: 1;
}
.overlaycontainertop img {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1!important;
}
.overlaycontainertop h1 {
  text-align: left;
}
.overlaycontainertop p {
  margin-top: var(--gutter)!important;
  opacity: 1!important;
}
.usecase-colum {
  box-sizing: border-box;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 20vw;
  height: 80vh;
  margin: 0;
  padding: var(--mgutter);
  padding-right: 0;
  background-repeat: no-repeat;
  background-size: 100vw auto;
  position: relative;
  transition: 0.5s;
  background-color: black;
  -webkit-filter: brightness(100%);
}
@media (max-width: 1200px)
{
  .usecase-colum {
    height: 50vw;
  }
}
.usecase-colum:hover {
  width: 30vw;
  -webkit-filter: brightness(100%);
}

.usecase-colum p {
  -webkit-filter: brightness(100%);
  display: inline-block;
  opacity: 0;
  width: 200px;
  margin: 10px 0;
}
.usecase-colum img {
    opacity: 0;
}
.usecase-colum p > a {
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  padding-bottom: 4px;
}
.usecase-colum h3 {
  display: inline-block;
  width: 200px;
  opacity: 0;
}
.usecase-colum > a {
  display: none;
}
.fullwidth-image {
  width: var(--fullwidth);
  height: 80vh;
  display: inline-block;
  box-sizing: border-box;
  padding: var(--mxgutter) var(--gutter);
  text-align: left;
  color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.fullwidth-video {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: var(--fullwidth);
  height: 100%;
  z-index: -1;
  object-fit: cover;
}

@media (max-width: 640px), (pointer:none), (pointer:coarse)
{
  .gridcell-content h3 {
    max-width: 224px;
  }
  .fullwidth-image h1 {
    margin-top: var(--mgutter);
    width: calc(100vw - var(--gutter) * 2)!important;
  }
  .fullwidth-image p {
    width: calc(100vw - var(--gutter) * 2)!important;
  }
  .faq .text-S1 {
    font-family: GothhamSSm-Light;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 17px;
  }
}
.fullwidth-image p {
  font-size: 14px;
  width: 264px;
  margin-bottom: var(--mgutter);;
}
.cta_small {
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  padding-bottom: 3px;
  cursor: pointer;
}
.cta_small:hover {
  border-bottom: solid 1px rgba(255, 255, 255, 1);
  transition: 0.3s;
}
.cta_small_arrow {
  width: 8px;
  padding-left: 8px;
  cursor: pointer;
}
.product {
  width: 100%;
  height: 446px;
  text-align: center;
  padding: var(--sgutter);
  box-sizing: border-box;
  position: relative;
  background-color: white;
}
.product h1 {
  text-align: left !important;
  position: absolute;
  top: 176px;
  left: 644px;
}
.product button {
  position: absolute;
  top: 250px;
  left: 644px;
}
.product p {
  position: absolute;
  top: 245px;
  left: 831px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);;
  font-weight: bold !important;

}
.productInner p:hover {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 1);
  transition:0.3s;
}
.productInner {
  display: inline-block;
  width: 1000px;
  height: 446px;
  background-repeat: no-repeat;
  position: relative;
}

@media (max-width: 640px), (pointer:none), (pointer:coarse)
{
  .product {
    height: calc(69vw + 160px);

  }
  .productInner {
    width: 100%;
    height: calc(69vw + 100px);
    background-image: url("/dir/img/210-cyberlandr_website-renders_whitejpg000small.png")!important;
    background-size: contain;
    text-align: center;
  }
  .product h1 {
    position: relative;
    display: block;
    left: 0;
    top: 57vw;
    text-align: center!important;
  }
  .product button {
    position: relative;
    top: 61vw;
    left: 0;
    margin: 0 10vw;
  }
  .product p {
    position: relative;
    top: 64vw;
    left: 0;
    width: auto;
    display: inline-block;
    text-align: center;
    /*margin-left: calc(50vw - var(--sgutter) * 1.5  - 65px);*/
  }
  .product p a {
    text-align: center;
  }
}
.features {
  margin: 50px 0;
}
.features h1 {
  text-align: left;
  margin-left: var(--gutter);
  margin-bottom: var(--gutter);
}

footer {
  height: calc(90px + var(--mxgutter));
  padding-top: var(--mxgutter);
  box-sizing: border-box;
  font-size: 11px;
  background-color: white;

}
footer a {
  color: black;
}
footer nav div {
  display: inline-block;
  margin: 0 4px;
  font-size: 11px;
}
footer p {
  opacity: 60% !important;
}
.blackpage {
  background-color: black;
}
.blackpage .ordernow-white {
  width: 235px!important;
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px!important;
}
.overlay .ordernow-white {
  width: 235px!important;
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px!important;
}
.imageheader {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: black;
  color: white;
}
.headspace {
  box-sizing: border-box;
  min-height: 110vh;
  text-align: left;
  padding: calc(var(--gutter) * 2) var(--gutter) ;
}
.headspace h1 {
  text-align: left !important;
}
.headspace img {
  position: absolute;
  top: var(--gutter);
  right: var(--gutter);
}
.headspace p {
  margin-top: var(--mgutter);
  width: 362px;
}
.top-80 {
  position: relative;
  top: calc(var(--gutter) * (-2));
  margin-bottom: -170px;
  text-align: center;
}
.discoverFeatures {
  margin: var(--gutter) 0 64px;
  box-sizing: border-box;
  padding: 15px 30px;
  text-transform: uppercase;
  width: 270px!important;
  text-align: center!important;
  padding-top: 10px!important;
}
.discoverFeatures:hover {
  cursor: pointer;
}
.more-bottom-right {
  position: absolute;
  bottom: var(--sgutter);
  right: var(--sgutter);
}
.more-bottom-right:hover {
  cursor: pointer;
}
@media(max-width: 640px), (pointer:none), (pointer:coarse)
{
  .more-bottom-right {
    padding: 2px;
  }
}
.more-top-left {
  display: block;
  position: relative;
  top: 30px;
  left: 0;
/*
  position: absolute;
  top: 140px;
  left: var(--mgutter);
*/
}
.more-top-right {
  display: inline-block;
  position: absolute;
  top: calc(-80vh + var(--mgutter));
  right: var(--gutter);
}
.underlined {
  border-bottom: solid 1.4px black;
}
.noHover{
    pointer-events: none;
}


/* TERMS *\
\*     */

.terms {
  display: inline-block;
  width: 75vw;
  margin: 0 auto var(--gutter);
}
.terms > h3 {
  margin: 80px 0 50px;
}
.terms ol {
  margin-top: 0!important;
}
.terms p {
  margin-bottom: 0!important;
}

.details-content {
   margin: 0;
   padding: .25rem 1rem;
   background-color: floralwhite;
   border-radius: 0 0 3px 3px;
   box-shadow: 0 1px 1px 1px rgba(0,0,0,0.5);
   color: steelblue;
}
.details-content p {
   font: 1.125rem/1.5 sans-serif;
}
.gridbackgroundimage {
  height: 100%;
  width: 100%;
  display: inline-block;
  background-size: cover;
}
.gridbackcontent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.gridbackcontent p {
  margin: var(--sgutter) var(--mgutter);
  color: black;
}
.gridbackcontent h3 {
  margin: var(--gutter) var(--mgutter) 0;
  text-align: left!important;
  color: black;
}
@media(max-width: 640px), (pointer:none), (pointer:coarse)
{
  .gridbackcontent h3{
    margin: var(--smgutter) var(--smgutter) 0;
  }
  .gridbackcontent p{
    font-size: 12px;
    margin: var(--smgutter) var(--smgutter) 0;
  }
}


.overlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  scroll-behavior: smooth;
  background-color: black;
  z-index: 20;
}



.exterior {

}


/* ============================================================================= *\
   ===============================    FAQ   ====================================
\* ============================================================================= */
.faq h1 {
  margin-top: 80px;
  margin-bottom: var(--gutter);
}
.faq-line {
  overflow: hidden;
  height: 80px;
  box-sizing: border-box;
  position: relative;
  width: 75vw;
  left: 12.5vw;
  border-bottom: 1px solid lightgray;
  padding-left: 2px;
  padding-right: 100px;
}
.faq-line ~ .faq-line {
  border-top: 0px solid lightgray!important;
}
.faq-line:hover {
  cursor: pointer;
}
.faq-line h3 {
  text-align: left!important;
  margin: 24px 0!important;
}
.faq-line p {
  text-align: left!important;
  margin-bottom: 24px!important;
}
.faq-arrow {
  position: absolute;
  right: 38px;
  top: 36px;
  transform: rotate(0deg);
}
@media(max-width: 640px), (pointer:none), (pointer:coarse)
{
  .faq h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .faq-line {
    height: 70px;
  }
  .faq-arrow {
    right: 4px;
    top: 31px;
  }
}

/* ============================================================================= *\
   =============================    USECASES   =================================
\* ============================================================================= */
.sliderSection {
  height: 80vh;
  position: relative;
  margin-top: var(--mgutter);
}
.usecaseColum {
  display: inline-block;
  position: absolute;
  width: 20vw;
  height: 80vh;
  background-size: cover;
  background-repeat: repeat-x;
  cursor: pointer;
}

.usecaseColum .ordernow-white {
  text-transform: uppercase;
  width: 270px!important;
  text-align: center!important;
  padding-top: 10px!important;
}
.usecaseContent {
  padding: 32px;
  color: white!important;
  opacity: 0;
  width: calc(20vw - 62px);
  text-align: left;
}
@media (max-width: 1400px)
{
  .usecaseContent {
    font-size: 2.5vw;
  }
}
.usecaseContent h1 {
  text-align: left!important;
}
.usecaseContent p {
  text-align: left!important;
  font-family: GothhamSSm-Light;
  font-size: 14px;
}
.usecaseContentDetails {
  display: none;
  background-color: black;
  width: 100vw;
  height: 106vw;
  position: absolute;
  left: 0;
  top: 80vh;
  opacity: 0;
  padding-bottom: 32px;
}
#closeSliderFullscreen {
  display: none;
  position: absolute;
  top: var(--mgutter);
  right: var(--mgutter);
  z-index: 100;
}
#col1 {
  left: 0vw;
}
#col2 {
  left: 20vw;
}
#col3 {
  left: 40vw;
}
#col4 {
  left: 60vw;
}
#col5 {
  left: 80vw;
}
.sliderHeadline {
  position: absolute;
  top: 50px;
  width: 100vw;
  z-index: 999;
}
#closeSliderFullscreen
{
  cursor: pointer;
}
.top-80 .gridmargin-right {
  margin-right: calc(var(--gutter) + 10px)!important;
}

/* ============================================================================= *\
   =========================    ANIMATED VEHICLE   =============================
\* ============================================================================= */
.hoverPoint:hover {
  cursor: pointer;
}
.animation {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: auto;
}

.animationOverlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: calc(100vw - var(--gutter) * 2);
  height: calc(45vw - 112px);
  z-index: 5;
  transition: 0.5s;
}
@media (max-width: 640px), (pointer:none), (pointer:coarse)
{
  .hoverPoint {
    transform: scale(0.7);

  }
  .vehicle {
    margin: var(--gutter) 0;
    box-sizing: border-box;
    height: calc( calc( 100vw - var(--gutter) * 2) * 1.48 );
  }

  .navlines {
    left: 0;
  }
  .vehicle-navigation {
    bottom: var(--gutter);
  }
  .vehicle-specs {
    position: absolute;
    top: var(--gutter);
    left: calc(50vw - 88px);
    z-index: 8;
  }
}
#animationOverlay4 {
  background-color: #cdcdcd;
}
.animationOverlayColum {
  display: inline-block;
  width: calc(50vw - var(--gutter) * 2);
  height: calc(45vw - 112px - 150px);
  margin: 0 var(--sgutter);
  position: absolute;
  top: 184px;
}
.animationOverlayRow {
  width: calc(50vw - var(--gutter) * 2 - 32px);
  border-bottom: solid 1px rgba(0,0,0,0.2);
}
.animationOverlayRow p {
  display: inline-block;
  width: calc((50vw - var(--gutter) * 2 - 2px) / 2 - 5px);
  margin: 8px 0;
}
.animationOverlayTextLeft {
  width: 70%!important;
  font-family: GothhamSSm-Light;
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 17px;
}
.animationOverlayTextRight {
  width: 28%!important;
  font-family: GothhamSSm-Light;
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 17px;
}
#animationOverlay4 {
  height: calc(56.25vw - var(--gutter) * 2)!important;
}
#animationOverlay4 h1 {
  letter-spacing: 0!important;
  margin: 88px 0 64px;
  color: white!important;
}
.overlayPoint {
  position: absolute;
  display: inline-block;
  width: 40px;
  text-align: left!important;
  opacity: 1;
}
.animationOverlay img {
  position: relative;
}
.overlayText {
  display: none;
  opacity: 0;
  position: absolute;
  background-color: var(--color-cta-orange);
  border-radius: 12px;
  padding: 8px 12px;
  color: white;
  z-index: 99;
}
.overlayText h4 {
  font-family: GothamSSm-Book;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 20px;
  text-align: left;
  margin: 0 1px;
}
.overlayText p {
  margin: 0;
  font-family: GothhamSSm-Light;
  font-size: 11px;
  letter-spacing: 0.3px;
  line-height: 17px;
  margin-left: 2px;
}
.CR {
  left: 40px;
  top: -12px;
  width: 160px;
}
#animationOverlay4m {
  display: none;
}
@media (min-width: 640px) {
  #animationOverlay4m {
    display: none!important;
  }
}
.desktop {
  display: inline-block;
}
.mobile {
  display: none;
}
@media(max-width: 640px), (pointer:none), (pointer:coarse)
{
  .vehicle {
    width: 100vw!important;
    height: 148vw;
  }
  .overlayText {

  }
  .desktop {
    display: none;
  }
  .mobile {
    display: inline-block;
  }
  .animationOverlay {
    /*width: 300%;*/
    top: 0;
    left: 0;
    width: 100vw;
    height: 148vw;
  }
  .overlayPoint {

  }
  #animationOverlay4 {
    display: none!important;
  }
  #animationOverlay4 h1 {
    display: none;
  }
  .animationOverlayColum {
    top: 20px;
    width: 100%;
    left: 0!important;
  }
  .animationOverlayRow {
    width: 100%;
    margin-right: 0!important;
    margin-bottom: 0!important;
    right: 0;
  }
  #animationOverlay4m {
    background-color: #cdcdcd;
    height: 148vw;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    padding: 90px var(--gutter);
    box-sizing: border-box;
  }
}

/* ============================================================================= *\
   ========================    EXPANDING OVERLAY   =============================
\* ============================================================================= */
.expandingOverlay {
  background-color: black;
  overflow: hidden;
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1000;
}
.expandingOverlayHead {
  position: relative;
  width: 100vw;
  height: 80vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.expandingOverlayClose {
  position: absolute;
  top: var(--gutter);
  right: calc(var(--gutter) + 20px);
}
.expandingOverlayClose:hover {
  cursor: pointer;
}
.expandingOverlayHead h3 {
  padding-top: calc( var(--gutter) * 2 );
  margin-left: var(--gutter);
  margin-bottom: var(--mgutter);
  text-align: left;
  color: white;
}
.expandingOverlayHead p {
  margin-left: var(--gutter);
  width: 362px;
  color: white;
  text-align: left;
}
@media (max-width: 640px) {
  .expandingOverlayClose {
    right: calc(var(--mgutter));
  }
  .expandingOverlayHead p {
    width: calc(100% - 64px);
  }
}

.fixedNav {
  opacity: 1;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  margin: 0;
  display: inline-block;
  position: fixed;
  top: -76px;
  left: 0;
  height: 75px;
  width: 100vw;
  background-color: rgba(0,0,0,0.8);
  z-index: 999;
}
.fixedNav .nav-main-mobile {
  margin-top: 8px;
}
.fixedNav a img {
  top: 19px;
  left: var(--gutter);
  height: auto;
  width: 42px;
}
.nav-main-small {
  margin: var(--sgutter)!important;
}
.nav-order-small {
  margin-top: 0!important;
  top: 0!important;
}


/* ============================================================================= *\
   ======================    USECASE SLIDER MOBILE   ===========================
\* ============================================================================= */
.usecases-mobile {
  position: relative;
  display: none;
  width: 100vw;
  height: 80vh;
  background-color: red;
}
@media(max-width: 640px), (pointer:none), (pointer:coarse)
{
  .usecases-mobile {
    display: inline-block;
  }
  .sliderSection {
    display: none;
  }
}
#slidingSection {
  position: absolute;
  left: 0;
  top: 0;
}
.usecase-colum-mobile {
  position: absolute;
  top: 0;
  display: inline-block;
  width: calc(96vw);
  height: 80vh;
  background-color: blue;
  border-right: solid 2px white;
  background-position: right -50px top 0;
  background-size: cover;
  box-sizing: border-box;
  padding: var(--mgutter);
}
.usecases-mobile button {
  background-color: rgba(0,0,0,0);
}
.usecase-colum-mobile h3 {
  color: white;
  text-align: left;
}
.usecase-colum-mobile p {
  width: 166px;
  color: white;
  text-align: left;
}
.usecase-navigation {
  display: inline-block;
  width: 272px;;
  height: 34px;
  position: absolute;
  bottom: var(--mgutter);
  left: calc(50% - 136px);
  background-color: var(--color-cta-orange);
  z-index: 9;
}
.usecase-navigation button img {
   width: 100%;
}
.mobile-content {
  position: relative;
  top: -7px;
  display: none;
  z-index: 10;
  background-color: black;
}
#close-mobile-slider {
  position: absolute;
  top: var(--gutter);
  right: var(--mgutter);
  z-index: 99;
  display: none;
}



.burger {
  z-index: 99999;
}
.burger-line {
  transition: 0.5s;
  z-index: 9;
  transform-origin: 33% 49% 0;
  padding: 10px 5px;
}

/* ============================================================================= *\
   ==========================    ORDER NOW PAGE   ==============================
\* ============================================================================= */

.order-container {
  vertical-align: top;
}
.order-vehicle {
  padding-top: 20vh;
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 430px);
  height: 100vh;
  min-height: 400px;
  position: fixed;
  left: 0;
  top: 0;
  background-color: white;
}
.order-menue {
  padding-top: 44px;
  vertical-align: top;
  display: inline-block;
  width: 416px;
  height: auto;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.order-menue p {
  display: inline-block;
  width: 264px;
}
.order-menue input {
  width: 318px;
  height: 42px;
  background-color: #F0F0F0;
  border: 0;
  outline-width: 0;
  padding-left: 24px;
  box-sizing: border-box;
  font-family: GothhamSSm-Light;
}
.order-menue input:focus {
  background-color: #DDD;
  border: 0;
}
.order-menue .inputs p {
  text-align: left;
  margin-bottom: 8px;
  margin-top: 0;
  width: 294px;
}
.back-desktop {
  position: absolute;
  left: calc(var(--mgutter) + 20px);
  top: var(--mgutter);
  z-index: 9;
}
.back-desktop a {
  color: black!important;
}
.back-arrow-d {
  display: inline-block;
  height: 10px;
  position: absolute;
  left: var(--mgutter);
  top: calc(var(--mgutter) + 19px);
}
.back-arrow-m {
  display: inline-block;
  height: 10px;
  position: absolute;
  left: var(--mgutter);
  top: 20px;
}
.back-mobile {
  position: absolute;
  top: 0;
  left: calc(var(--mgutter) + 20px);
  text-align: left;
}
.back-mobile a {
  color: black!important;
}
.ordernow-disabled
{
  background-color: #000;
  opacity: 0.3979;
}
.order-menue .inputs .require {
  opacity: 0;
  color: #F00;
  font-size: 8.4px;
  line-height: 10.4px;
  letter-spacing: 0.2px;
  width: 318px!important;
  position: relative;
  top: -4px;
  left: 0;
  margin-bottom: 6px;
  font-family: GothhamSSm-Light;
}
#inputs-extended {
  display: none;
  text-align: center;
}
.opacity-60 {
  opacity: 0.6;
}
#order-animation-d {
  width: 100%;
  display: inline-block;
}
#order-animation-m {
  width: 100%;
  display: none;
}
#para_desktop {
  display: inline-block;
}
#para_mobile {
  display: none;
}
#extend-inputs {
  margin-bottom: 16px;
}
#extend-inputs:hover {
  cursor: pointer;
}
@media (max-width: 640px) {
  .order-vehicle {
    width: 100%;
    height: 148vw;
    position: relative;
    padding-top: 0;
    background-color: #FAFAFA;
  }
  #order-animation-d {
    display: none;
  }
  #order-animation-m {
    display: inline-block;
  }
  .order-vehicle p {
    display: none;
  }
  #para_desktop {
    display: none;
  }
  #para_mobile {
    display: inline-block;
  }
  .order-menue {
    width: 100%;
    position: relative;
  }
  .back-desktop {
    display: none;
  }
  .back-arrow-d {
    display: none;
  }
  #inputs-extended {
    width: 100vw;
  }
}
@media (min-width: 641px) {
  #order-mobile-pre {
    display: none!important;
  }
}

/* === HOVER POINTS PULS === */

.background-pulse {
  display: inline-block;
  width: 41px;
  height: 41px;
  position: absolute;
  left: -5px;
  top: -5px;
  background-color: #EB5E00;
  border-radius: 20px;
}



.scrollOverlayDown {
  display: none;
  position: absolute;
  top: 55vh;
  width: 100vw;
  left: 0;
}
.scrollOverlayDown p {
  text-align: center;
}
@media (max-width: 640px) {
  .scrollOverlayDown {
    display: inline-block;
  }
}



/* === SHOP === */
.nav-order a.menue-M {
    display: inline-block;
}

.ec-cart__buttons {
    width: 100%!important;
}
.ec-cart__buttons button {
    background-color: #EB5E00!important;
    border-radius: 0!important;
    font-family: GothamSSm-Book!important;
    text-transform: uppercase!important;
    font-size: 11px!important;
    font-weight: bold!important;
    height: 42px!important;
    box-sizing: border-box!important;
}
.ec-cart__body {
    width: 50%!important;
    margin-top: 20px!important;
}
.ec-cart__sidebar {
    width: 50%!important;
}
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-cart-summary__row--total .ec-cart-summary__title, html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-cart-summary__row--total .ec-cart-summary__price {
    font-size: 18px!important;
    text-transform: none!important;
}
label.ec-cart-coupon__text, .ec-cart__discount a.ec-link {
    color: #888!important;
}
.ec-cart__next.ec-cart-next {
    display: none;
}






.ec-wrapper span, .ec-wrapper div {
    font-family: GothhamSSm-Light;
    font-size: 11px!important;
}
.ec-footer{
    display: none;
}

.product-details__sidebar .form-control__button {
    background-color: #EB5E00!important;
    border-radius: 0!important;
    font-family: GothamSSm-Book!important;
    text-transform: uppercase!important;
    font-size: 11px!important;
    font-weight: bold!important;
    height: 42px!important;
    box-sizing: border-box!important;
    font-weight: bold!important;
}

.ec-label.label--custom.label--flag {
    color: #EB5E00!important;
}

.product-details__navigation {
    display: none!important;
}

.product-details__sidebar {
    background-color: #fafafa!important;
    padding-top: 32px!important;
}

.details-product-share {
    display: none!important;
}

#productDescription div {
    color: black!important;
}

#productDescription a {
    color: black!important;
}

.form-control__button {
    height: 10px!important;
    min-height: 42px!important;
}












h1.page-title__name.ec-header-h1 {
    display: none;
}

.grid-product__wrap {
    text-align: left;
}

a.grid-product__title {
    font-size: 14px!important;
    font-family: serif;
}

.ec-wrapper .grid-product__title-inner {
    font-size: 14px!important;
    font-family: 'GothamSSm-Book';
}


.grid-product__subtitle-inner {
    margin: 5px 0!important;
}

a.ec-link {
    color:  black!important;
}

html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store .product-details--layout-sidebar-right .product-details__gallery {
    width: 40%!important;
}

html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store .product-details--layout-sidebar-right .product-details__sidebar {
    width: 60%!important;
}

body#ecwid_body .ec-size.ec-size--s .ec-store .details-gallery__thumb-img::after {
    box-shadow: inset 0 0 0 2px #EB5E00!important;;
}

h1.product-details__product-title.ec-header-h3 {
    text-align: left;
}

.ec-wrapper {
    margin-top: 80px!important;
}




 
.ecwid-productBrowser-AccountRootPage .ec-cart__body {
    width: 100%!important;
    padding: 0 30%;
}

.ec-cart__cert {
    display: none!important;
}
.ec-label.label--custom {
    color: #EB5E00!important;
}
.blackheader {
	background-color: white;
}
.block-smallheader > div > p {
	background-color: white;
}


.ecwid-productBrowser {
    background-color: #fff!important;
}

.ec-wrapper {
    width: calc( 100% - 64px);
    margin-left: 32px!important;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__wrap-inner:hover .grid-product__title .grid-product__title-inner {
    color: black!important;
}
img.grid-product__picture {
    transform: none!important;
}

.form-control__button {
    max-width: 264px!important;
    color: white!important;
}
.form-control__button:hover {
    background-color: var(--color-cta-orange-active)!important;
    color: white;
    transition: 0.3s;
}


.ec-cart__buttons .form-control__button {
    margin-left: calc(50% - 132px)!important;
}

.ec-wrapper .form-control__text {
    border-radius: 0!important;
    border: none!important;
    box-shadow: none!important;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__radio:checked+.form-control__radio-view::after {
    border-color: var(--color-cta-orange)!important; 
    background-color: inherit!important; 
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control__radio:checked+.form-control__radio-view .form-control__radio-view-inner {
    background-color: var(--color-cta-orange)!important; 
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--radio:hover .form-control__radio-view::after, html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--radio:active .form-control__radio-view::after {
    border-color: var(--color-cta-orange)!important; 
}
.product-details__product-description > div {
    padding-right: 40%!important;
}

.nav-order ul li {
	vertical-align: middle!important;
}

.details-product-purchase__bag-controls > .details-product-purchase__add-buttons > div button {
    font-family: GothamSSm-Bold!important;
    height: 42px!important;
    color: black!important;
    background-color: rgba(255,255,255,0)!important;
    border: solid 1.4px black!important;
    font-size: 11px!important;
    padding-left: 26px!important;
    letter-spacing: 0.2px!important;
    text-align: center!important;
    position: relative!important;
    cursor: pointer!important;
    font-weight: bold!important;
}
.details-product-purchase__bag-controls > .details-product-purchase__add-buttons > div ~ div button {
    font-family: GothamSSm-Bold!important;
    height: 42px!important;
    background-color: var(--color-cta-orange)!important;
    color: var(--color-cta-primary-white)!important;
    border: 0!important;
    font-size: 11px!important;
    position: relative!important;
    text-align: center!important;
    padding-left: 26px!important;
    letter-spacing: 0.2px!important;
    cursor: pointer!important;
    font-weight: bold!important;
}
.ec-cart-summary__row--shipping span.ec-cart-summary__text, .ec-cart-summary__price span {
    font-size: inherit!important;
}

.ecwid-productBrowser-CartPage .ec-cart__sidebar::before {
    content: 'Cart';
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    top: -20px;
    position: relative;
    font-family: 'GothamSSm-Book';
    font-weight: normal;
}
.ecwid-productBrowser-CartPage .ec-cart__body::before {
    content: 'Continue to Checkout';
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
    top: -20px;
    position: relative;
    font-family: 'GothamSSm-Book';
    font-weight: normal;
}
.ecwid-productBrowser-CartPage .ec-cart__body {
	margin: 0!important;
}
.ecwid-productBrowser-CartPage .ec-cart__body-inner {
	margin-top: 20px!important;
}

.ecwid-productBrowser-CartPage .ec-store__content-wrapper {
    padding-top: 20px!important;
}


.ec-header-h1 {
    letter-spacing: -0.4px!important;
}
.ec-cart-step__text, .ec-text-muted, .ec-confirmation__step div {
    letter-spacing: 0.3px!important;
}
.ec-link {
    font-family: GothamSSm-Medium!important;
    font-weight: normal!important;
}
.ec-link {
    /* color: #D8D8D8!important; */
    opacity: 0.5!important;
    text-decoration: underline!important;
}
.ec-confirmation__section a.ec-link {
    opacity: 1!important;
    text-decoration: none!important;
}
.ec-cart-step__title {
    font-family: GothamSSm-Book!important;
    font-weight: normal!important;
}



















.ec-cart-step__title.ec-header-h6 {
    color: black!important;
}

.ec-cart-step__title.ec-header-h4 {
    font-size: 20px!important;
}

.form-control__button {
    font-family: GothamSSm-Bold!important;
    width: 264px!important;
    height: 42px!important;
    background-color: var(--color-cta-orange)!important;
    color: var(--color-cta-primary-white)!important;
    border: 0!important;
    font-size: 11px!important;
    position: relative!important;
    padding-right: 40px!important;
    text-align: left!important;
    padding-left: 26px!important;
    letter-spacing: 0.2px!important;
    cursor: pointer!important;
    border-radius: 0!important;
}

span.form-control__button-text {
    text-align: center!important;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0.3px!important
}

.ec-cart-step__icon.ec-cart-step__icon--done {
    color: black!important;
}
a.ec-cart-item__title {
        color: black!important;
}

.grid-product__title-inner {
    padding-right: 20%!important;
}

.form-control__button-text {
    font-family: GothamSSm-Book!important;
}

.ElementsApp {
    text-align: center!important;
}
.ElementsApp button {
    max-width: 264px!important;
}
.ec-wrapper h1 {
    font-family: GothamSSm-Book!important;
    font-weight: normal!important
}
span.details-product-price__value.ec-price-item.notranslate {
    font-size: 22px!important
}
.ec-wrapper option {
    font-family: GothhamSSm-Light;
}
.form-control__select-text {
    font-family: GothamSSm-Medium!important;
}
.ec-header-h1 {
	line-height: 28px;
}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control {

    background-color: #fbfbfb!important;

}

html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-cart-step__section .form-control--done  {
    background-color: white!important;
}


/* FILE TRANSFER */
@media (max-width: 900px)
{
    .ecwid-productBrowser-ProductPage .ec-wrapper {
        margin: 80px 0 0!important;
        width: 100%;
    }
    .ecwid-productBrowser-ProductPage {
        padding: 0!important
    }
    .ecwid-productBrowser-ProductPage .product-details__sidebar {
        margin: 0!important;
        width: 100%!important;
        padding: 32px!important;
    }
    #drupal-live-announce {
        display: none;
    }
        .ecwid-productBrowser-CartPage .ec-wrapper .ec-cart__sidebar, .ec-wrapper .ec-cart__body {
        width: 100%!important;
        padding-left: 0!important;
    }
    .ecwid-productBrowser-CartPage .ec-wrapper  .ec-cart__body {
        margin: 80px 0!important;
    }
    .ecwid-productBrowser-CartPage .ec-cart {
        display: inline-block!important;
        width: 100%;
    }
    
		html#ecwid_html body#ecwid_body .ecwid-productBrowser-AccountRootPage .ec-size.ec-size--s .ec-store .ec-cart {
		    display: inline-block!important;
		}
		html#ecwid_html body#ecwid_body .ecwid-productBrowser-AccountRootPage .ec-size.ec-size--s .ec-store .ec-cart__body {
		    padding-left: 0px!important;
		    margin-top: 54px!important;
		}
		html#ecwid_html body#ecwid_body .ecwid-productBrowser-AccountRootPage .ec-size.ec-size--s .ec-store .ec-cart {
		    padding-left: 0px!important;
		}
    .ecwid-productBrowser-AccountRootPage .ec-store.ec-store__account-page {
        width: 100%!important;
        margin-left: 0!important;
    }
    .ecwid-productBrowser-AccountRootPage .ec-wrapper .ec-cart__sidebar {
    	width: 100%!important;
		}
		.ecwid-productBrowser-OrderConfirmationPage a.ec-link {
    font-size: 11px!important;
}
}