/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

@font-face {
    font-family: 'TT Supermolot Lightitalic';
    src: url('fonts/tt-supermolot-lightitalic-webfont.eot');
    src: url('fonts/tt-supermolot-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt-supermolot-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/tt-supermolot-lightitalic-webfont.woff') format('woff'),
         url('fonts/tt-supermolot-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TT Supermolot Bolditalic';
    src: url('fonts/tt-supermolot-bolditalic-webfont.eot');
    src: url('fonts/tt-supermolot-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt-supermolot-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/tt-supermolot-bolditalic-webfont.woff') format('woff'),
         url('fonts/tt-supermolot-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body, h4, h5{
	font-family: "TT Supermolot Lightitalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
	font-family: "TT Supermolot Bolditalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h4, h5 {
	font-weight: bold;
  text-transform: uppercase;
}

body {
    margin: 0px;
    overflow: hidden;
    background-color: #02030E;
    color: #ccc;
}

a {
  color: #ccc;
}
a:hover {
  color: #fff;
}

#v3d-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.fullscreen-button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 100% 100%;
    display: none;
    z-index: 1;
}

.fullscreen-open {
    background-image: url('media/fullscreen_open.svg');
}

.fullscreen-close {
    background-image: url('media/fullscreen_close.svg');
}

/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.v3d-simple-preloader-background {
  background-color: #02030E;
}
.v3d-simple-preloader-bar {
    background: #bbb;
    border: #bbb;
}
.v3d-simple-preloader-logo {
    background-image: url("media/iron_shield.png");
    background-size: cover;
}

header {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  padding-top: 15px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /*height: 75px;*/
  background: #22222a;
  color: #ccc;
  padding: 10px;
}

footer h1 {
  font-size: 1em;
  margin-top: 0;
}

.checkbox {
  display: inline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
}

.column {
  margin-bottom: 10px;
}

.preloader-div {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 50%;
}

.preloader-container {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 260px;
  height: 4px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
}

.preloader-bar {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  border: 1px solid #2c3054;
  background-color: #ccc;
}

.v3d-annotation {
	width: 20px;
	height: 20px;
	min-width: 0px;
	padding: 0px;
	font-size: 0px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s;
}

.v3d-annotation-transparent {
  opacity: 0.15;
  transition: opacity 0.5s;
}

.scene_button {
  position: absolute;
  background-size: 50%;
  background-color: rgba(0, 0, 0, 0.8);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 25px;
  border: 1px solid rgba(240, 240, 240, 0.8);
  opacity: .5;
  width: 30px;
  height: 30px;
  z-index: 2;
  cursor: pointer;
  left: -15px !important;
  top: -15px !important;
}

.icon_camera {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='white' d='M24.069 13.838a9.146 9.146 0 0 0-2.575.412 4.567 4.567 0 0 1 .597 2.226 4.617 4.617 0 0 1-4.617 4.617 4.567 4.567 0 0 1-2.226-.597 9.209 9.209 0 1 0 8.821-6.658zm23.456 8.03C43.054 13.145 34.203 7.243 24.069 7.243S5.082 13.149.613 21.868a2.667 2.667 0 0 0 0 2.406C5.084 32.998 13.935 38.9 24.069 38.9s18.988-5.906 23.456-14.626a2.667 2.667 0 0 0 0-2.406zM24.069 34.942c-8.133 0-15.589-4.534-19.615-11.871C8.481 15.734 15.936 11.2 24.069 11.2s15.589 4.534 19.615 11.871c-4.026 7.337-11.481 11.871-19.615 11.871z'/%3E%3C/svg%3E");
}

.icon_back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cpath fill='white' d='M43.167 5.683H14.182V.66c0-.455-.523-.706-.876-.428L3.667 7.835c-.278.217-.278.638 0 .855l9.639 7.603c.353.278.876.027.876-.428v-5.023h28.171v31.904H1.216c-.299 0-.543.244-.543.543v4.073c0 .299.244.543.543.543h41.95a4.35 4.35 0 0 0 4.344-4.344V10.027a4.35 4.35 0 0 0-4.344-4.344z'/%3E%3C/svg%3E");
}