@font-face {
  font-family: 'Akkurat-Bold';
  src: url("../../assets/fonts/Akkurat-Bold.eot");
  src: url("../../assets/fonts/Akkurat-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Akkurat-Bold.svg#Akkurat-Bold") format("svg"), url("../../assets/fonts/Akkurat-Bold.ttf") format("truetype"), url("../../assets/fonts/Akkurat-Bold.woff") format("woff"), url("../../assets/fonts/Akkurat-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Akkurat-Normal';
  src: url("../../assets/fonts/Akkurat-Normal.eot");
  src: url("../../assets/fonts/Akkurat-Normal.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Akkurat-Normal.svg#Akkurat-Normal") format("svg"), url("../../assets/fonts/Akkurat-Normal.ttf") format("truetype"), url("../../assets/fonts/Akkurat-Normal.woff") format("woff"), url("../../assets/fonts/Akkurat-Normal.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BlenderPro-Heavy';
  src: url("../../assets/fonts/BlenderPro-Heavy.eot");
  src: url("../../assets/fonts/BlenderPro-Heavy.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/BlenderPro-Heavy.svg#BlenderPro-Heavy") format("svg"), url("../../assets/fonts/BlenderPro-Heavy.ttf") format("truetype"), url("../../assets/fonts/BlenderPro-Heavy.woff") format("woff"), url("../../assets/fonts/BlenderPro-Heavy.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BlenderPro-Bold';
  src: url("../../assets/fonts/BlenderPro-Bold.eot");
  src: url("../../assets/fonts/BlenderPro-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/BlenderPro-Bold.svg#BlenderPro-Bold") format("svg"), url("../../assets/fonts/BlenderPro-Bold.ttf") format("truetype"), url("../../assets/fonts/BlenderPro-Bold.woff") format("woff"), url("../../assets/fonts/BlenderPro-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BlenderPro-Medium';
  src: url("../../assets/fonts/BlenderPro-Medium.eot");
  src: url("../../assets/fonts/BlenderPro-Medium.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/BlenderPro-Medium.svg#BlenderPro-Medium") format("svg"), url("../../assets/fonts/BlenderPro-Medium.ttf") format("truetype"), url("../../assets/fonts/BlenderPro-Medium.woff") format("woff"), url("../../assets/fonts/BlenderPro-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Akkurat-Leicht';
  src: url("../../assets/fonts/Akkurat-Leicht.eot");
  src: url("../../assets/fonts/Akkurat-Leicht.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Akkurat-Leicht.svg#Akkurat-Leicht") format("svg"), url("../../assets/fonts/Akkurat-Leicht.ttf") format("truetype"), url("../../assets/fonts/Akkurat-Leicht.woff") format("woff"), url("../../assets/fonts/Akkurat-Leicht.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Akkurat-Fett';
  src: url("../../assets/fonts/Akkurat-Fett.eot");
  src: url("../../assets/fonts/Akkurat-Fett.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Akkurat-Fett.svg#Akkurat-Fett") format("svg"), url("../../assets/fonts/Akkurat-Fett.ttf") format("truetype"), url("../../assets/fonts/Akkurat-Fett.woff") format("woff"), url("../../assets/fonts/Akkurat-Fett.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url("../../assets/fonts/icomoon.eot?gnxvnj");
  src: url("../../assets/fonts/icomoon.eot?gnxvnj#iefix") format("embedded-opentype"), url("../../assets/fonts/icomoon.ttf?gnxvnj") format("truetype"), url("../../assets/fonts/icomoon.woff?gnxvnj") format("woff"), url("../../assets/fonts/icomoon.svg?gnxvnj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

html, body {
  margin: 0;
}

.ar-button-3d {
  cursor: pointer;
  display: none;
  position: fixed;
  width: 200px;
  margin-right: 0;
  bottom: 0;
  z-index: 999;
}

.player-3d-sxr160 {
  /* border: solid thin red; */
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: BlenderPro, Verdana, Geneva, Tahoma, sans-serif;
  overflow-x: hidden;
  background-color: transparent;
  -webkit-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
  /* This keeps child nodes hidden while the element loads */
  /* .color-circle {
      color: white;
      border-radius: 50%;
      border: 1px solid black;
      background-color: red;
      cursor: pointer;
   } */
  /*Overlay Message Configuration*/
  /* The switch - the box around the slider */
  /* The slider */
  /* Video */
}

.player-3d-sxr160 .poster-image {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto auto;
  top: 0;
  left: 2%;
  bottom: 0;
}

.player-3d-sxr160 .logoImage {
  display: none;
  position: absolute;
  width: 80px;
  height: auto;
  top: 12px;
  left: 12px;
  z-index: 10;
}

.player-3d-sxr160 .logoImage img {
  width: 100%;
  height: auto;
}
.player-3d-sxr160 .product {
  position: relative;
  width: 100vw;
  height: 100vh;
  /* background-image: url('./images/bg.jpg'); */
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.player-3d-sxr160 .product .model-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.player-3d-sxr160 model-viewer {
  width: 100%;
  height: 100%;
  border: 0px solid transparent;
}

.player-3d-sxr160 model-viewer#product-model {
  --poster-color: red;
  --progress-bar-color:rgba(238, 28, 36, 1);
}

.player-3d-sxr160 model-viewer button {
  display: block;
  width: 20px;
  height: 20px;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.player-3d-sxr160 .btn-ar {
  width: auto;
  height: auto;
  background-color: white;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: none;
  position: absolute;
  top: 70px;
  left: 16px;
}

.player-3d-sxr160 #annotation {
  width: 100px;
  position: absolute;
  -webkit-transform: translate(50px, -25px);
     -moz-transform: translate(50px, -25px);
      -ms-transform: translate(50px, -25px);
       -o-transform: translate(50px, -25px);
          transform: translate(50px, -25px);
  padding: 3px;
  color: black;
  font-size: small;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid red;
  border-left: 1px solid red;
}

.player-3d-sxr160 :not(:defined) > * {
  display: none;
}

.player-3d-sxr160 .circle {
  width: 15px;
  height: 15px;
  color: white;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 3px solid red;
  background-color: red;
  --min-hotspot-opacity: 0;
  cursor: pointer;
}

.player-3d-sxr160 #product-model .circle {
  display: none;
}

.player-3d-sxr160 .colorHolder {
  position: absolute;
  width: 100%;
  display: inline-block;
  text-align: center;
  bottom: 6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  padding: 0;
}

.player-3d-sxr160 .colorHolder li {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: white;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 2px solid #bfbfbf;
  outline: none !important;
  /*background-color: red; */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none;
  outline: none;
  outline-color: none;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  margin: 0 10px;
  -webkit-transition: all 0.5ms ease-in;
  -o-transition: all 0.5ms ease-in;
  -moz-transition: all 0.5ms ease-in;
  transition: all 0.5ms ease-in;
}

.player-3d-sxr160 .colorHolder li.active {
  width: 45px;
  height: 45px;
  -webkit-transition: all 0.5ms ease-in;
  -o-transition: all 0.5ms ease-in;
  -moz-transition: all 0.5ms ease-in;
  transition: all 0.5ms ease-in;
}

.player-3d-sxr160 .circle-gold {
  width: 25px;
  height: 25px;
  background-color: goldenrod;
  border: 3px dotted red;
}

.player-3d-sxr160 .circle-white {
  width: 20px;
  height: 20px;
  background-color: white;
}

.player-3d-sxr160 .half {
  width: 50vw;
  height: 50vh;
}

.player-3d-sxr160 .left {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
     -moz-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.player-3d-sxr160 .right {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
     -moz-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.player-3d-sxr160 .hotspot-bsvi-engine-div {
  position: absolute;
  top: 10%;
  left: -webkit-calc(50vw + 200px);
  left: -moz-calc(50vw + 200px);
  left: calc(50vw + 200px);
  background-color: white;
}

.player-3d-sxr160 .hotspot-ergonomic-seat-drag-div {
  position: absolute;
  top: 40%;
  left: -webkit-calc(50vw + 200px);
  left: -moz-calc(50vw + 200px);
  left: calc(50vw + 200px);
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 1;
}

.player-3d-sxr160 .hotspot-twin-headlamp-div {
  position: absolute;
  text-align: right;
  top: 30%;
  left: -webkit-calc(50vw - 300px);
  left: -moz-calc(50vw - 300px);
  left: calc(50vw - 300px);
  background-color: transparent;
  z-index: 1;
}

.player-3d-sxr160 .hotspot-antiskid-breaking-div {
  position: absolute;
  text-align: right;
  top: 30%;
  left: -webkit-calc(50vw - 500px);
  left: -moz-calc(50vw - 500px);
  left: calc(50vw - 500px);
  background-color: transparent;
  z-index: 1;
}

.player-3d-sxr160 .hotspot-digital-cluster-div {
  position: absolute;
  text-align: left;
  top: 30%;
  left: -webkit-calc(50vw + 300px);
  left: -moz-calc(50vw + 300px);
  left: calc(50vw + 300px);
  background-color: transparent;
  z-index: 1;
}

.player-3d-sxr160 .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.player-3d-sxr160 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.player-3d-sxr160 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.player-3d-sxr160 .slider.round {
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
}

.player-3d-sxr160 .slider.round:before {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

.player-3d-sxr160 .slider:before {
  position: absolute;
  content: "";
  height: 76%;
  width: 43%;
  top: 11%;
  left: 8%;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.player-3d-sxr160 input:checked + .slider {
  background-color: #FF0000;
}

.player-3d-sxr160 input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #FF0000;
     -moz-box-shadow: 0 0 1px #FF0000;
          box-shadow: 0 0 1px #FF0000;
}

.player-3d-sxr160 input:checked + .slider:before {
  left: 47%;
}

.player-3d-sxr160 .videoSection {
  display: inline-block;
  width: 70%;
  position: relative;
  cursor: pointer;
}

.player-3d-sxr160 .videoSection #ban_video {
  width: 100%;
}

.player-3d-sxr160 .videoSection .vidActionNew {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /* border: 1px solid red; */
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  text-transform: uppercase;
  font-family: "Akkurat-Fett", sans-serif;
  color: #fff;
  line-height: 131px;
  font-size: 16px;
  font-weight: 300;
}

.player-3d-sxr160 .videoSection .vidActionNew .startText,
.player-3d-sxr160 .videoSection .vidActionNew .stopText {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  font-weight: 1.05vw;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 120%;
}

.player-3d-sxr160 .videoSection .vidActionNew:hover {
  color: #fff;
}

.player-3d-sxr160 .videoSection .vidActionNew:active, .player-3d-sxr160 .videoSection .vidActionNew:focus {
  color: #fff;
}

.player-3d-sxr160 .videoSection .vidActionNew:focus {
  outline: none;
}

.player-3d-sxr160 .videoSection .vidActionNew.playing .videobox_animation {
  position: absolute;
  z-index: 1;
  width: 20%;
  height: 20%;
  left: 39.5%;
  top: 39.5%;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border-width: .5px;
  border-style: solid;
  opacity: 0;
  -webkit-transform: scale(0.2);
     -moz-transform: scale(0.2);
      -ms-transform: scale(0.2);
       -o-transform: scale(0.2);
          transform: scale(0.2);
  -webkit-animation: pulse-circle 3.9s linear 0s infinite;
     -moz-animation: pulse-circle 3.9s linear 0s infinite;
       -o-animation: pulse-circle 3.9s linear 0s infinite;
          animation: pulse-circle 3.9s linear 0s infinite;
}

.player-3d-sxr160 .videoSection .vidActionNew.playing .circle_2 {
  -webkit-animation-delay: 1.3s;
     -moz-animation-delay: 1.3s;
       -o-animation-delay: 1.3s;
          animation-delay: 1.3s;
}

.player-3d-sxr160 .videoSection .vidActionNew.playing .circle_3 {
  -webkit-animation-delay: 2.6s;
     -moz-animation-delay: 2.6s;
       -o-animation-delay: 2.6s;
          animation-delay: 2.6s;
}

.player-3d-sxr160 .hud {
  position: absolute;
  padding: 10px;
  width: auto;
  bottom: 90px;
  z-index: 11;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 10px -6px #999;
  -webkit-transform: scale(0.7);
     -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
       -o-transform: scale(0.7);
          transform: scale(0.7);
}

.player-3d-sxr160 .hud ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.player-3d-sxr160 .hud ul li {
  float: left;
  margin: 0px 10px;
}

.player-3d-sxr160 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /* &>div {
         display: none;
      } */
}

.player-3d-sxr160 .hideMessage {
  opacity: 0;
}

.player-3d-sxr160 .hotspot-info {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  /* pointer-events: none; */
  position: absolute;
  z-index: 1;
  /* border: solid 1px red; */
}

.player-3d-sxr160 .hotspot-info .title {
  color: #282d33;
  font-family: "Akkurat-Normal", cursive;
  font-size: 1.4vw;
  margin: 0 0 0 0;
}

.player-3d-sxr160 .hotspot-info .description {
  font-family: "BlenderPro-Bold", Arial;
  font-size: 4vw;
  color: #ee1c25;
  line-height: 78%;
  margin: 0 0 0 0;
}

.player-3d-sxr160 .hotspot-info .info-copy {
  color: #282d33;
  font-family: "Akkurat-Normal", cursive;
  font-size: 1.1vw;
  margin: 6% 0 0 0;
}

.player-3d-sxr160 .hotspot-info.neverrun {
  /* width: 25%; */
  left: 70%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
}

.player-3d-sxr160 .hotspot-info.bsvi-engine {
  /* width: 30%; */
  /* max-width: 350px; */
  left: 63%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  text-align: center;
}

.player-3d-sxr160 .hotspot-info.headlamp {
  /* width: 19%; */
  left: 19%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  text-align: right;
}

.player-3d-sxr160 .hotspot-info.headlamp .title,
.player-3d-sxr160 .hotspot-info.headlamp .info-copy {
  color: #c4c4c4;
}

.player-3d-sxr160 .hotspot-info.headlamp .switchHolder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #c4c4c4;
  margin-top: 11%;
}

.player-3d-sxr160 .hotspot-info.headlamp .switchHolder label {
  -webkit-transform: scale(1) !important;
     -moz-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
       -o-transform: scale(1) !important;
          transform: scale(1) !important;
  margin: 0 5%;
  /* width: 44%;
               height: 53%; */
  /* height: 13%; */
  /* padding-bottom: 17%; */
}

.player-3d-sxr160 .hotspot-info.breaking-system {
  /* width: 19%; */
  left: 4%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  text-align: right;
}

.player-3d-sxr160 .hotspot-info.breaking-system .pressFor {
  color: #282d33;
  font-family: "Akkurat-Normal", cursive;
  font-size: 0.9vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 5%;
}

.player-3d-sxr160 .hotspot-info.suspension-info {
  left: 59%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  text-align: left;
}

.player-3d-sxr160 .hotspot-info.digital-clusture-info {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  text-align: right;
  left: 11%;
  top: 11%;
}

.player-3d-sxr160 .hotspot-info.digital-clusture-info .pressTo {
  color: #282d33;
  font-family: "Akkurat-Normal", cursive;
  font-size: 0.9vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 5%;
}

.player-3d-sxr160 .hotspot-info .circleBtn.press {
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}

.player-3d-sxr160 .hotspot-info .circleBtn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  background: #ee1c25;
  width: 13.7%;
  padding-bottom: 13.5%;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  border: 0px;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: .4s;
  -o-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  margin-left: 2%;
}

.player-3d-sxr160 .hotspot-info .circleBtn div {
  position: absolute;
  background: #ffffff;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  width: 35%;
  height: 37%;
  left: 50%;
  top: 50%;
  margin: -16.5%;
}

.player-3d-sxr160 .bookNowBtn {
  display: none;
  width: 140px;
  position: absolute;
  right: 31px;
  top: 50%;
  color: #fff;
  padding: 15px 20px;
  background-color: #000000;
  text-align: center;
  text-transform: uppercase;
  font-family: "BlenderPro-Bold",Arial;
  text-decoration: none;
  font-size: 12px;
}

.player-3d-sxr160 .preloader-3d {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
}

.player-3d-sxr160 .backgroundText {
  display: none;
  opacity: 0;
  font-family: "BlenderPro-Bold", Arial;
  font-size: 15vw;
  color: #ee1c25;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 5vh;
  height: 13vh;
}

@-webkit-keyframes pulse-circle {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.44);
    -moz-transform: scale(1.44);
    -o-transform: scale(1.44);
    transform: scale(1.44);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(3.2);
    -moz-transform: scale(3.2);
    -o-transform: scale(3.2);
    transform: scale(3.2);
    opacity: 0;
  }
}

@-moz-keyframes pulse-circle {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.44);
    -moz-transform: scale(1.44);
    -o-transform: scale(1.44);
    transform: scale(1.44);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(3.2);
    -moz-transform: scale(3.2);
    -o-transform: scale(3.2);
    transform: scale(3.2);
    opacity: 0;
  }
}

@-o-keyframes pulse-circle {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.44);
    -moz-transform: scale(1.44);
    -o-transform: scale(1.44);
    transform: scale(1.44);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(3.2);
    -moz-transform: scale(3.2);
    -o-transform: scale(3.2);
    transform: scale(3.2);
    opacity: 0;
  }
}

@keyframes pulse-circle {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.44);
    -moz-transform: scale(1.44);
    -o-transform: scale(1.44);
    transform: scale(1.44);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(3.2);
    -moz-transform: scale(3.2);
    -o-transform: scale(3.2);
    transform: scale(3.2);
    opacity: 0;
  }
}

.player-3d-sxr160 .button-set-panel {
  position: absolute;
  width: 100%;
  bottom: 25px;
  padding: 10px 0 0 0;
  text-align: center;
  z-index: 9999;
}

.player-3d-sxr160 .qrBtn {
  display: inline-block;
  display: none;
  position: relative !important;
  bottom: 9px;
  opacity: 0;
  margin: 0 10px;
  max-width: 150px;
  padding: 10px 20px;
  background-color: #ee1c25;
  color: #fff;
  border: 1px solid #ee1c25;
  text-align: center;
  text-transform: uppercase;
  font-family: "BlenderPro-Bold",Arial;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
}

.button-filter{ cursor: pointer;
  display: inline-block;
  border: none !important;
  background: #ffcb08 !important;
  color: #000 !important;
  text-align: center !important;
  margin: 5px auto !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  font-family: 'Hum521n' !important;
  text-transform: uppercase !important;}

.player-3d-sxr160 .qrBtn:hover {
  color: #fff;
}

.player-3d-sxr160 .qr-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 100;
  display: none;
}

.player-3d-sxr160 .qr-overlay .qr-inner {
  position: relative;
  background-color: #231f20;
  width: 90%;
  max-width: 880px;
  color: #fff;
  padding: 2% 2%;
  margin: 0 auto;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Akkurat-Normal';
}

.player-3d-sxr160 .qr-overlay .qr-inner div {
  flex: 0.3;
  margin: 2vw;
 /*  padding: 2vh;
  width: 25vw;
    font-size: 4vw; */
}

.player-3d-sxr160 .qr-overlay .qr-inner div img {
  width: 100%;
  /* width: 210px;
  height: auto; */
}
.player-3d-sxr160 .qr-overlay .qr-inner .qr-img-holder {
  /* width: 210px;
  height: auto; */
  flex: 0.4;
}

.player-3d-sxr160 .qr-overlay .qr-inner .qr-scan-text {
  text-align: right;
  font-size: 4.5vw;
}

.player-3d-sxr160 .qr-overlay .qr-inner .ar-support-message {
  /* font-size: 20px; */
  font-size: 3vw;
}

.player-3d-sxr160 .qr-overlay.ar-fail .qr-inner div {
  display: none;
}

.player-3d-sxr160 .qr-overlay.ar-fail .qr-inner .ar-support-message {
  display: block;
}

.player-3d-sxr160 .qr-close {
  position: absolute;
  width: 20px;
  height: 22px;
  top: 10px;
  right: 10px;
}

.player-3d-sxr160 .qr-close img{
  width: 100%;
}

.player-3d-sxr160 .qrBtn img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: auto;
  margin-right: 5px;
}

@media handheld, only screen and (max-width: 1024px) {
  .player-3d-sxr160 {
    /* .qr-overlay { display: none !important;} */
  }
  .player-3d-sxr160 .button-set-panel {
    bottom: 17%;
  }
  .player-3d-sxr160 .logoImage {
    position: absolute;
    width: 100px;
    height: auto;
    top: 3%;
    left: 0;
    right: 0;
    margin: auto;
  }
  .player-3d-sxr160 .logoImage img {
    width: 100%;
    height: auto;
  }
}
/*# sourceMappingURL=3d-player.css.map */