body, html {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  outline:none;
  background-color:#646f7f;
}
#ui2d
{
	width:100vw;
	height:100vh;
	outline:none;
}
img
{
max-width: 100%;
outline:none;
max-height: 100%;
}
		
ul{
list-style: none outside none;
padding-left: 0;
   margin: 0;
max-width:90%;
max-height:90%;
outline:none;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
	
  }
  .arrow.left {
    left: 20%;
	border:1px solid #dddddd;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
	border:1px solid #dddddd;
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	border:1px solid #dddddd;
  }
  .brilique_lek_demo .item{
    margin-bottom: 60px;
}
.brilique_lek_demo{
width: 90%;
height: 90%;
position:absolute;
z-index:20000;
max-height:90%;
max-width:90%;
top:5%;
left:5%;
text-align:center;
}
		
.btn_down
		{
		background:#656f71;
		border: 0px solid #656f71;
		border-radius: 1vh;
		padding-top:1vh;
		padding-bottom:1vh;
		padding-left:20px;
		padding-right:20px;
		font-size:1.5vh;
		margin-top:4px;
		color:#ffffff;
		float:left;
		margin-right:10px;
		outline:0px;
		margin-top:1vh;
		}
		.down-bar
{
background:#fbba00;
width:calc(25% - 15px);
height:5px;
position:absolute;
bottom:0px;
}
.down-bar-submenu
{
background:#fbba00;
width:100%;
height:2px;
}
.footer_az
{
width:100%;
height:17vh;
position:absolute;
background:black;
left:0px;
bottom:0px;
padding-top:1vh;
}
.footer_buttons
		{
		width:90%;
		padding-left:calc(5% + 15px);
		bottom:0px;
		position:absolute;
		}
		.footer_text_down
		{
		display:flex;
		font-size:1vh;
		font-family:Montserrat, sans-serif;
		color:#656f71;
		margin:0px;
		clear:both;
		display:table;
		}
		.left_top_bar
{
width:20%;
text-align:center;
float:left;
background:#1c1d1f;
height:10vh;
z-index:1000;
}
.my-player-dimensions
{
width:90%;
height:90%;
position:absolute;
left:5%;
top:5%;
}
.navbar-down
{
height:12vh;
position:absolute;
left:5%;
display:flex;
font-family:Montserrat, sans-serif;
width:90%;
top:-6vh;
}

.navbar-item
{
width:25%;
padding-top:4vh;
padding-bottom:4vh;
margin-left:15px;
font-family:Montserrat, sans-serif;
background:#1b1c1e;
text-align:center;
font-size:3vh;
float:left;
font-weight:600;
vertical-align: middle;
color:#ffffff;
}

@media only screen and (max-width: 1100px) {
	.navbar-item
	{
		font-size:2.25vh;
	}
}

@media only screen and (max-width: 850px) {
	.navbar-item
	{
		font-size:1.75vh;
	}
}


.right_top_bar
{
width:80%;
background:#d7a30f;
text-align:left;
height:10vh;
}
.submenu-2
{
bottom:100%;
position:absolute;
width:25%;
margin-right:10px;
}
.submenu-2a
{
background:#1b1c1e;
width:calc(100% - 15px);
height:5vh;
text-align:center;
font-size:2.5vh;
font-weight:300;
vertical-align: middle;
line-height: 5vh;
color:#ffffff;
font-family:Montserrat, sans-serif;
margin-bottom:1px;
}

.active-btn-footer
{
	background:#fbba00;
}

.submenu-3
{
bottom:100%;
position:absolute;
width:25%;
margin-right:10px;
}
.submenu-4
{
bottom:100%;
position:absolute;
width:25%;
margin-right:10px;
}
.submenu-3a
{
background:#1b1c1e;
width:calc(100% - 15px);
height:5vh;
text-align:center;
font-size:2.5vh;
font-weight:300;
vertical-align: middle;
line-height: 5vh;
color:#ffffff;
font-family:Montserrat, sans-serif;
margin-bottom:1px;
}
.submenu-4a
{
background:#1b1c1e;
width:calc(100% - 15px);
height:5vh;
text-align:center;
font-size:1vw;
font-weight:300;
vertical-align: middle;
line-height: 5vh;
color:#ffffff;
font-family:Montserrat, sans-serif;
margin-bottom:1px;
}
.text_footer_down_p
		{
		margin:0px;
		line-height:1.2em;
		margin-top:1vh;
		}
		.text_footer_up
		{
		font-size:1.5vh;
		color:#ffffff;
		float:left;
		line-height:4vh;
		margin-left:10px;
		font-family:Montserrat, sans-serif;
		margin-top:1vh;
		height:4vh;
		}
		.text_footer_up_p
		{
		margin:0px;
		}
		.text_up_right
{
padding-left:30px;
}
.top_bar
{
width:100%;
position:absolute;
background:#d7a30f;
height:10vh;
font-size:4vh;
font-weight:600;
vertical-align: middle;
line-height: 10vh;
color:#ffffff;
display:flex;
font-family:Montserrat, sans-serif;
}
.ui-tooltip {
	outline:none;
    padding: 10px 20px;
    color: black;
	box-shadow:0px 0px 0px #666666;
	border:1px solid #dddddd;
	font-family:Montserrat, sans-serif;
	padding:20px;
	white-space: pre-wrap;
  }
  .ui-tooltip, .arrow:after {
	  outline:none;
    background: white;
	text-align:center;
	border:1px solid #dddddd;
	box-shadow:0px 0px 0px #666666;
	font-family:Montserrat, sans-serif;
	font-size:2vh;
  }
  .ui-widget.ui-widget-content
  {
 border:1px solid #dddddd;
 border-radius:0px;
  }
		#brilique_lek
{
display: inline-block;
}

#loader
{
		width:100%;
		height:100%;
		opacity:0.9;
		background:black;
		position:absolute;
		top:0;
		left:0;
		text-align:center;
		z-index:999998;
		}
#loader_gif
{
	margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index:999999;
		}
		#news1
		{
		white-space:pre;
		position:fixed;
		margin-top:-1.25vh;
		left:100%;
		}
		#news2
		{
		white-space:pre;
		position:fixed;
		left:100%;
		margin-top:-1.25vh;
		}
		#news3
		{
		white-space:pre;
		position:fixed;
		left:100%;
		margin-top:-1.25vh;
		}