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

body {
  margin: 0px;
  overflow: hidden;
}
/* 

#player {
width: 150px;
height: 50px;
position: absolute;
margin: 0;
left: 4rem;
bottom: 3.2rem;
}

#volume {
position: absolute;
left: 24px;
margin: 0 auto;
height: 5px;
width: 100px;
background: #555;
border-radius: 15px;
}

#volume .ui-slider-range-min {
height: 5px;
width: 100px;
position: absolute;
border: none;
border-radius: 10px;
outline: none;
}

#volume .ui-slider-handle {
width: 20px;
height: 20px;
border-radius: 20px;
background: #FFF;
position: absolute;
margin-left: -8px;
margin-top: -8px;
cursor: pointer;
outline: none;
} */

.v3d-simple-preloader-logo {
display: none!important;
}
.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); }

.w-select {
display: block;
width: 100%;
height: 38px;
padding: 8px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
}

.w-button {
display: inline-block;
padding: 9px 15px;
background-color: #3898EC;
color: white;
border: 0;
line-height: inherit;
text-decoration: none;
cursor: pointer;
border-radius: 0;
}

.menu-div {
position: absolute;
left: 0%;
top: auto;
right: auto;
bottom: 0%;
margin-bottom: 10px;
margin-left: 10px;
border-radius: 10px;
background-color: hsla(24, 0%, 82%, .8);
}

.heading {
margin-top: 0px;
margin-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
font-family: Overpass, sans-serif;
color: #303030;
font-size: 20px;
line-height: 20px;
}

.list-item {
list-style-type: square;
}

.select-field {
background-color: #fff;
font-family: Overpass, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: left;
cursor: pointer;
}

.body {
background-color: #7c4646;
}

.form {
padding: 10px;
}

.form-block {
margin-bottom: 0px;
}

.submit-button {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: #1cd100;
font-family: Overpass, sans-serif;
line-height: 14px;
}

.submit-button-2 {
background-color: red;
font-family: Overpass, sans-serif;
line-height: 14px;
}

.submit-button-3 {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
font-family: Overpass, sans-serif;
line-height: 14px;
}

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

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

.preloader-bar {
width: 100%;
height: 100%;
border-radius: 0;
background-color: hsla(208.00000000000003, 82.57%, 57.25%, 1.00);
background: #0037ff!important;
}

.v3d-simple-preloader-bar, .preloader_bar {
background: #0037ff!important;
margin: 0!important;
border: none;
border-radius: 0!important;
border-color: none!important;
height: 6px!important;
}

.v3d-simple-preloader-container, .preloader-container {
position: absolute!important;
bottom: auto!important;
top: 0!important;
left: 0!important;
margin: 0!important;
width: 100%!important;
height: 6px!important;
}

.v3d-simple-preloader-background {
/* display: none!important; */
}


.random-img-container {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 70vmin;
max-height: 70vmin;
transition: opacity .2s linear;
}

.random-img {
height: 100%;
width: 100%;
object-fit: contain;
}

#ox-background {
  /* background: url('./thumbnail_Cityscape collage4-2.jpg'); */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

@font-face {
font-family: 'Overpass';
src: url('./fonts/Overpass-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('./fonts/Overpass-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}