@font-face {
  font-family: Press Start K;
  src: url(./assets/fonts/PressStartK.woff) format("woff");
}
:root {
  --ds-shadow-overlay: inset 0px 0px 0px 1px #bcd6f01f, 0px 8px 12px #0304045c,
    0px 0px 1px #03040480;
}
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}
body.game-started {
  overflow: hidden;
}
body.game-started:not(.viewport-popup) {
  overflow-y: auto;
}
#three-canvas {
  display: none;
  width: 100% !important;
  height: 100% !important;
}
.game-started #chrome-no-internet {
  display: none;
}
.game-started #three-canvas {
  display: block;
}
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #525a5f;
  background: -o-radial-gradient(circle, #525a5f 0%, #000101 100%);
  background: radial-gradient(circle, #525a5f, #000101);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#525a5f",endColorstr="#000101",GradientType=1);
}
#preloader.hidden {
  display: none;
}
#preloader:before {
  content: " ";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(./assets/p/dinosaur-game/3d/media/preloader-dino.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 505px;
}
#preloader:after {
  content: " ";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(./assets/p/dinosaur-game/3d/media/3d-title.png);
  background-repeat: no-repeat;
  background-position: center 75%;
  background-size: 1300px;
}
#preloader .progress {
  width: 1300px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 5%;
  margin: auto;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
@media (max-width: 1365px) {
  #preloader:after {
    background-size: 1100px;
  }
  #preloader .progress {
    width: 1100px;
  }
}
@media (max-width: 1200px) {
  #preloader:after {
    background-size: 1000px;
  }
  #preloader .progress {
    width: 1000px;
  }
}
@media (max-width: 992px) {
  #preloader:after {
    background-size: 750px;
  }
  #preloader .progress {
    width: 750px;
  }
}
@media (max-width: 768px) {
  #preloader:before {
    background-size: 70%;
  }
  #preloader:after {
    display: none;
  }
  #preloader .progress {
    width: 90%;
  }
}
.chart {
  font-size: 1em;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
#game-load-progress.bar {
  font-size: 1em;
  position: relative;
  height: 10em;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateX(60deg) rotateY(0deg);
  transform: rotateX(60deg) rotateY(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.bar .face {
  font-size: 2em;
  position: relative;
  width: 100%;
  height: 2em;
  background-color: #fefefe4d;
}
.bar .face.side-a,
.bar .face.side-b {
  width: 2em;
}
.bar .side-a {
  -webkit-transform: rotateX(90deg) rotateY(-90deg) translateX(2em)
    translateY(1em) translateZ(1em);
  transform: rotateX(90deg) rotateY(-90deg) translate(2em) translateY(1em)
    translateZ(1em);
}
.bar .side-b {
  -webkit-transform: rotateX(90deg) rotateY(-90deg) translateX(4em)
    translateY(1em) translateZ(-1em);
  transform: rotateX(90deg) rotateY(-90deg) translate(4em) translateY(1em)
    translateZ(-1em);
  position: absolute;
  right: 0;
}
.bar .side-0 {
  -webkit-transform: rotateX(90deg) rotateY(0) translateX(0) translateY(1em)
    translateZ(-1em);
  transform: rotateX(90deg) rotateY(0) translate(0) translateY(1em)
    translateZ(-1em);
}
.bar .side-1 {
  -webkit-transform: rotateX(90deg) rotateY(0) translateX(0) translateY(1em)
    translateZ(3em);
  transform: rotateX(90deg) rotateY(0) translate(0) translateY(1em)
    translateZ(3em);
}
.bar .top {
  -webkit-transform: rotateX(0deg) rotateY(0) translateX(0em) translateY(4em)
    translateZ(2em);
  transform: rotateX(0) rotateY(0) translate(0) translateY(4em) translateZ(2em);
}
.bar .floor {
  -webkit-box-shadow: 0 0.1em 0.6em rgba(0, 0, 0, 0.3),
    0.6em -0.5em 3em rgba(0, 0, 0, 0.3), 1em -1em 8em #fefefe;
  box-shadow: 0 0.1em 0.6em #0000004d, 0.6em -0.5em 3em #0000004d,
    1em -1em 8em #fefefe;
}
.growing-bar {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ec008c99;
  width: 100%;
  height: 2em;
}
.bar.yellow .side-a,
.bar.yellow .growing-bar {
  background-color: #f1c40f99;
}
.bar.yellow .side-0 .growing-bar {
  -webkit-box-shadow: -0.5em -1.5em 4em rgba(241, 196, 15, 0.8);
  box-shadow: -0.5em -1.5em 4em #f1c40fcc;
}
.bar.yellow .floor .growing-bar {
  -webkit-box-shadow: 0em 0em 2em rgba(241, 196, 15, 0.8);
  box-shadow: 0 0 2em #f1c40fcc;
}
.bar.red .side-a,
.bar.red .growing-bar {
  background-color: #ec008c99;
}
.bar.red .side-0 .growing-bar {
  -webkit-box-shadow: -0.5em -1.5em 4em rgba(236, 0, 140, 0.8);
  box-shadow: -0.5em -1.5em 4em #ec008ccc;
}
.bar.red .floor .growing-bar {
  -webkit-box-shadow: 0em 0em 2em rgba(236, 0, 140, 0.8);
  box-shadow: 0 0 2em #ec008ccc;
}
.bar.cyan .side-a,
.bar.cyan .growing-bar {
  background-color: #57caf499;
}
.bar.cyan .side-0 .growing-bar {
  -webkit-box-shadow: -0.5em -1.5em 4em #57caf4;
  box-shadow: -0.5em -1.5em 4em #57caf4;
}
.bar.cyan .floor .growing-bar {
  -webkit-box-shadow: 0em 0em 2em #57caf4;
  box-shadow: 0 0 2em #57caf4;
}
.bar.navy .side-a,
.bar.navy .growing-bar {
  background-color: #0a406999;
}
.bar.navy .side-0 .growing-bar {
  -webkit-box-shadow: -0.5em -1.5em 4em rgba(10, 64, 105, 0.8);
  box-shadow: -0.5em -1.5em 4em #0a4069cc;
}
.bar.navy .floor .growing-bar {
  -webkit-box-shadow: 0em 0em 2em rgba(10, 64, 105, 0.8);
  box-shadow: 0 0 2em #0a4069cc;
}
.bar.lime .side-a,
.bar.lime .growing-bar {
  background-color: #76c90099;
}
.bar.lime .side-0 .growing-bar {
  -webkit-box-shadow: -0.5em -1.5em 4em #76c900;
  box-shadow: -0.5em -1.5em 4em #76c900;
}
.bar.lime .floor .growing-bar {
  -webkit-box-shadow: 0em 0em 2em #76c900;
  box-shadow: 0 0 2em #76c900;
}
.bar.white .side-a,
.bar.white .growing-bar {
  background-color: #fefefe99;
}
.bar.white .side-0 .growing-bar {
  -webkit-box-shadow: -0.5em -1.5em 4em #fefefe;
  box-shadow: -0.5em -1.5em 4em #fefefe;
}
.bar.white .floor .growing-bar {
  -webkit-box-shadow: 0em 0em 2em #fefefe;
  box-shadow: 0 0 2em #fefefe;
}
.bar.gray .side-a,
.bar.gray .growing-bar {
  background-color: #4449;
}
.bar.gray .side-0 .growing-bar {
  -webkit-box-shadow: -0.5em -1.5em 4em #444;
  box-shadow: -0.5em -1.5em 4em #444;
}
.bar.gray .floor .growing-bar {
  -webkit-box-shadow: 0em 0em 2em #444;
  box-shadow: 0 0 2em #444;
}
.chart .bar.yellow-face .face {
  background-color: #f1c40f33;
}
.chart .bar.lime-face .face {
  background-color: #76c90033;
}
.chart .bar.red-face .face {
  background-color: #ec008c33;
}
.chart .bar.navy-face .face {
  background-color: #0a406933;
}
.chart .bar.cyan-face .face {
  background-color: #57caf433;
}
.chart .bar.gray-face .face {
  background-color: #4443;
}
.chart .bar.lightGray-face .face {
  background-color: #91919133;
}
.bar-0 .growing-bar {
  width: 0%;
}
.bar-1 .growing-bar {
  width: 1%;
}
.bar-2 .growing-bar {
  width: 2%;
}
.bar-3 .growing-bar {
  width: 3%;
}
.bar-4 .growing-bar {
  width: 4%;
}
.bar-5 .growing-bar {
  width: 5%;
}
.bar-6 .growing-bar {
  width: 6%;
}
.bar-7 .growing-bar {
  width: 7%;
}
.bar-8 .growing-bar {
  width: 8%;
}
.bar-9 .growing-bar {
  width: 9%;
}
.bar-10 .growing-bar {
  width: 10%;
}
.bar-11 .growing-bar {
  width: 11%;
}
.bar-12 .growing-bar {
  width: 12%;
}
.bar-13 .growing-bar {
  width: 13%;
}
.bar-14 .growing-bar {
  width: 14%;
}
.bar-15 .growing-bar {
  width: 15%;
}
.bar-16 .growing-bar {
  width: 16%;
}
.bar-17 .growing-bar {
  width: 17%;
}
.bar-18 .growing-bar {
  width: 18%;
}
.bar-19 .growing-bar {
  width: 19%;
}
.bar-20 .growing-bar {
  width: 20%;
}
.bar-21 .growing-bar {
  width: 21%;
}
.bar-22 .growing-bar {
  width: 22%;
}
.bar-23 .growing-bar {
  width: 23%;
}
.bar-24 .growing-bar {
  width: 24%;
}
.bar-25 .growing-bar {
  width: 25%;
}
.bar-26 .growing-bar {
  width: 26%;
}
.bar-27 .growing-bar {
  width: 27%;
}
.bar-28 .growing-bar {
  width: 28%;
}
.bar-29 .growing-bar {
  width: 29%;
}
.bar-30 .growing-bar {
  width: 30%;
}
.bar-31 .growing-bar {
  width: 31%;
}
.bar-32 .growing-bar {
  width: 32%;
}
.bar-33 .growing-bar {
  width: 33%;
}
.bar-34 .growing-bar {
  width: 34%;
}
.bar-35 .growing-bar {
  width: 35%;
}
.bar-36 .growing-bar {
  width: 36%;
}
.bar-37 .growing-bar {
  width: 37%;
}
.bar-38 .growing-bar {
  width: 38%;
}
.bar-39 .growing-bar {
  width: 39%;
}
.bar-40 .growing-bar {
  width: 40%;
}
.bar-41 .growing-bar {
  width: 41%;
}
.bar-42 .growing-bar {
  width: 42%;
}
.bar-43 .growing-bar {
  width: 43%;
}
.bar-44 .growing-bar {
  width: 44%;
}
.bar-45 .growing-bar {
  width: 45%;
}
.bar-46 .growing-bar {
  width: 46%;
}
.bar-47 .growing-bar {
  width: 47%;
}
.bar-48 .growing-bar {
  width: 48%;
}
.bar-49 .growing-bar {
  width: 49%;
}
.bar-50 .growing-bar {
  width: 50%;
}
.bar-51 .growing-bar {
  width: 51%;
}
.bar-52 .growing-bar {
  width: 52%;
}
.bar-53 .growing-bar {
  width: 53%;
}
.bar-54 .growing-bar {
  width: 54%;
}
.bar-55 .growing-bar {
  width: 55%;
}
.bar-56 .growing-bar {
  width: 56%;
}
.bar-57 .growing-bar {
  width: 57%;
}
.bar-58 .growing-bar {
  width: 58%;
}
.bar-59 .growing-bar {
  width: 59%;
}
.bar-60 .growing-bar {
  width: 60%;
}
.bar-61 .growing-bar {
  width: 61%;
}
.bar-62 .growing-bar {
  width: 62%;
}
.bar-63 .growing-bar {
  width: 63%;
}
.bar-64 .growing-bar {
  width: 64%;
}
.bar-65 .growing-bar {
  width: 65%;
}
.bar-66 .growing-bar {
  width: 66%;
}
.bar-67 .growing-bar {
  width: 67%;
}
.bar-68 .growing-bar {
  width: 68%;
}
.bar-69 .growing-bar {
  width: 69%;
}
.bar-70 .growing-bar {
  width: 70%;
}
.bar-71 .growing-bar {
  width: 71%;
}
.bar-72 .growing-bar {
  width: 72%;
}
.bar-73 .growing-bar {
  width: 73%;
}
.bar-74 .growing-bar {
  width: 74%;
}
.bar-75 .growing-bar {
  width: 75%;
}
.bar-76 .growing-bar {
  width: 76%;
}
.bar-77 .growing-bar {
  width: 77%;
}
.bar-78 .growing-bar {
  width: 78%;
}
.bar-79 .growing-bar {
  width: 79%;
}
.bar-80 .growing-bar {
  width: 80%;
}
.bar-81 .growing-bar {
  width: 81%;
}
.bar-82 .growing-bar {
  width: 82%;
}
.bar-83 .growing-bar {
  width: 83%;
}
.bar-84 .growing-bar {
  width: 84%;
}
.bar-85 .growing-bar {
  width: 85%;
}
.bar-86 .growing-bar {
  width: 86%;
}
.bar-87 .growing-bar {
  width: 87%;
}
.bar-88 .growing-bar {
  width: 88%;
}
.bar-89 .growing-bar {
  width: 89%;
}
.bar-90 .growing-bar {
  width: 90%;
}
.bar-91 .growing-bar {
  width: 91%;
}
.bar-92 .growing-bar {
  width: 92%;
}
.bar-93 .growing-bar {
  width: 93%;
}
.bar-94 .growing-bar {
  width: 94%;
}
.bar-95 .growing-bar {
  width: 95%;
}
.bar-96 .growing-bar {
  width: 96%;
}
.bar-97 .growing-bar {
  width: 97%;
}
.bar-98 .growing-bar {
  width: 98%;
}
.bar-99 .growing-bar {
  width: 99%;
}
.bar-100 .growing-bar {
  width: 100%;
}
#chrome-no-internet {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 10px;
}
#chrome-no-internet .top-nav,
#chrome-no-internet .poster,
#chrome-no-internet h2,
#chrome-no-internet .info {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}
#chrome-no-internet .poster {
  position: relative;
  display: block;
  height: 75px;
  background-image: url(./assets/p/dinosaur-game/3d/media/no-internet.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  #chrome-no-internet .poster {
    margin-top: 20px;
  }
}
.check-more {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-inline-start: 0.35rem;
  color: #51a800;
  font-weight: 500;
  cursor: pointer;
}
.check-more__label {
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.check-more:hover .check-more__label,
.check-more__link:hover,
.check-more__link:focus-visible,
.check-more__link.is-current {
  background-color: #1e90ff33;
}
.check-more__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 10px;
  min-width: 160px;
  font-size: 14px;
  line-height: initial;
  background-color: var(--g-bg-color);
  border-radius: 7px;
  box-shadow: 0 0 5px var(--g-faq-overlay-color);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.check-more.is-open .check-more__menu {
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) {
  .check-more:hover .check-more__menu {
    opacity: 1;
    visibility: visible;
  }
}
.check-more__link,
.check-more__section {
  display: block;
  border-radius: 14px;
  text-align: left;
}
.check-more__link {
  padding: 5px 10px;
  text-decoration: none;
  color: #0071e0;
}
.check-more__link--centered {
  text-align: center;
}
.check-more__link--tight {
  letter-spacing: -0.06rem;
}
.check-more__section {
  font-weight: 400;
  color: #999;
  cursor: default;
  background: var(--background-color) !important;
  text-align: center !important;
}
@media (hover: none) and (pointer: coarse) {
  .check-more:hover .check-more__menu {
    visibility: hidden;
    opacity: 0;
  }
  .check-more.is-open .check-more__menu {
    visibility: visible;
    opacity: 1;
  }
}
#game-restart > li {
  font-size: 16px;
  padding: 6px 0;
  display: block;
  background: var(--g-bg-color);
  margin-top: 20px;
}
@-webkit-keyframes jump {
  0% {
    top: 0;
  }
  to {
    top: -50px;
  }
}
@keyframes jump {
  0% {
    top: 0;
  }
  to {
    top: -50px;
  }
}
#chrome-no-internet.before-start {
  position: relative;
}
#chrome-no-internet.before-start .poster {
  position: initial;
  -webkit-animation: jump 0.3s;
  animation: jump 0.3s;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
#game-restart .check-more {
  color: #0071e0;
}
#chrome-no-internet > h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
}
#chrome-no-internet > h2 > a {
  color: var(--g-text-color);
  font-weight: 500;
}
#chrome-no-internet > .info > p {
  color: #5f6368;
  font-size: 15px;
  line-height: 23.25px;
  margin-bottom: 0;
}
#chrome-no-internet > .info > ul {
  color: #5f6368;
  font-size: 15px;
  list-style-type: disc;
  margin-top: 0;
  line-height: 23.25px;
  margin-left: 30px;
}
#chrome-no-internet > .info > ul > li {
  margin: 5px;
}
#chrome-no-internet > .info > ul > li > a {
  color: #5f6368;
  cursor: auto;
}
#chrome-no-internet > .info > ul #game-start {
  color: #51a800;
  font-weight: 500;
  cursor: pointer;
  line-height: 32px;
}
#chrome-no-internet > .info > ul #game-start:hover {
  color: #00c414;
}
#chrome-no-internet > .info > ul #game-start.hidden {
  display: none;
}
#chrome-no-internet > .info > small {
  color: #b5b5b5;
  font-size: 12px;
  line-height: 18.6px;
}
#game-restart {
  width: 480px;
  max-width: 90%;
  height: 275px;
  position: fixed;
  left: 0;
  top: 200px;
  right: 0;
  margin: auto;
  text-align: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#game-restart > h3 {
  font-family: Press Start K, monospace;
  color: #222;
  margin: 0 auto;
  position: relative;
  width: fit-content;
  font-size: 40px;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  #game-restart > h3 {
    font-size: 24px;
  }
}
#game-restart > img {
  width: 128px;
  margin-top: 20px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-pixelated;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}
#game-restart.hidden {
  display: none;
}
#score-counter {
  display: none;
  position: fixed;
  top: 5%;
  right: 5%;
  z-index: 100;
  text-shadow: 0 1px 0 #61808e, 0 2px 0 #5d7b88, 0 3px 0 #587582,
    0 4px 0 #54707c, 0 5px 0 #506a76, 0 6px 0 #4c6570, 0 7px 0 #485f6a,
    0 8px 0 #445a64, 0 0 5px rgba(70, 131, 159, 0.05),
    0 -1px 3px rgba(70, 131, 159, 0.2), 0 9px 9px rgba(70, 131, 159, 0.5),
    0 12px 12px rgba(70, 131, 159, 0.5), 0 15px 15px rgba(70, 131, 159, 0.5);
  max-width: 80%;
}
.game-started #score-counter {
  display: block;
}
#score-counter > .score-counter-score {
  margin-left: 30px;
}
#score-counter > .score-counter-score.score-flash {
  -webkit-animation: blinker 0.5s step-start infinite;
  animation: blinker 0.5s step-start infinite;
}
@media screen and (max-width: 768px) {
  #chrome-no-internet {
    padding: 25px;
  }
  #chrome-no-internet > h2 {
    font-size: 18px;
    line-height: 24px;
  }
  #game-restart > img {
    width: 80px;
  }
  #score-counter {
    width: 40%;
  }
}
.nav-arrow a:before,
.nav-arrow a:after,
.nav-arrow .arrow-icon-wrap:before,
.nav-arrow .arrow-icon-wrap:after {
  background: #373737;
}
#tr_slot1x1 {
  margin: 0 auto;
  max-width: 500px;
}
#tr_slot468 {
  width: unset;
  margin-top: -15px;
}
.g-dark .trc_rbox_container .logoDiv a span,
.g-dark .trc_rbox_container .video-title,
.trc_rbox_container .logoDiv a span,
.trc_rbox_container .video-title {
  color: #000 !important;
}
.trc_rbox_container .branding {
  color: #666 !important;
}
.thumbnails-1X1stream .syndicatedItem .branding {
  color: #4d4d4d;
}
.trc_rbox_container .video-cta-button {
  color: #000 !important;
  border-color: #666 !important;
}
.adsbyvli {
  margin: 0 auto;
}
#tr_slot1x1 #rbox-t2m {
  background: #fff;
}
#tr_slot1x1 .mnet-text-slot {
  text-align: left;
}
#tr_slot1x1 iframe[id^="_mN_main"] {
  width: 350px;
  max-width: 95%;
}