@font-face {
  font-family: 'Muli Bold';
  src: url('fonts/Muli-Bold.ttf')  format('truetype');
}




@font-face {
  font-family: 'Muli';
  src: url('fonts/Muli.ttf')  format('truetype');
}




@font-face {
  font-family: 'Oswald Bold';
  src: url('fonts/Oswald-Bold.ttf')  format('truetype');
}




@font-face {
  font-family: 'Oswald';
  src: url('fonts/Oswald.ttf')  format('truetype');
}


body{
	font-family: Muli, sans-serif; line-height: 1;
}

table.datatable{

	border-collapse:collapse;

	font-family: Muli,sans-serif; 

}

.weather_slide table p{

	margin: 0px;

}

body{
	 background-color : #000000 ;
	 margin : 0px ;
	 padding : 0px ;
	 overflow : hidden ;
}

#media_2 .video{
	 width : 100% ;
	 height : 100% ;
}

#media_2 img{
	 width : 100% ;
	 height : 100% ;
}

#media_2{
	 position : absolute ;
	 width : 659px ;
	 height : 180px ;
	 z-index : 2 ;
	 z_index : 2 ;
	 top : 180px ;
	 left : 74px ;
}

#media_1 .video{
	 width : 100% ;
	 height : 100% ;
}

#media_1 img{
	 width : 100% ;
	 height : 100% ;
}

#media_1{
	 position : absolute ;
	 width : 1929px ;
	 height : 1080px ;
	 z_index : -9 ;
	 top : 16px ;
	 left : -12px ;
}

@keyframes fadeIn{

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

@keyframes fadeInUp{

	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}

}

@keyframes fadeInRight{

	0% {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}

}

.scene_element{

	animation-duration: 0.25s;
	transition-timing-function: ease-in;
	animation-fill-mode: both;

}

.scene_element--fadein{

	animation-name: fadeIn;

}

.scene_element--fadeinup{

	animation-name: fadeInUp;

}

.scene_element--fadeinright{

	animation-name: fadeInRight;

}

#qrcode{

	position:absolute;
	bottom:20px;
	right:20px;
	z-index:9998;

}

#qrslider{

	position:absolute;
	bottom:30px;
	left:30px;
	z-index:9998;

}

#adjust_layout{

	background-color: rgba(0, 0, 0, 1);
	z-index: 9999;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	box-shadow: 0 0 0 3px red inset;

}

#identify{

	background-color: rgba(0, 0, 0, 1);
	z-index: 10000;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;

}

#identify_txt{

	color: #dddddd;
	font-family: sans-serif;
	position: absolute;
	top: 5%;
	left:0;
	right:0;
	width: 650px;
	height: 10%;
	margin: auto;
	font-size: 400%;

}

div.identify_help, div.identify_info {

	margin-top: 10px; margin-bottom: 10px;

}

div.identify_info div {

	width: 50%; display: inline-block; margin-top: 10px;

}

div.identify_help span {

	font-size: 25px;

}

div.identify_label {

	text-align: right; padding-right: 10px;

}

div.identify_logo {

	text-align: center;

}

div.identify_hide {

	display:none;

}

#alert{

	z-index: 11000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;

}

#alert .txt{
	text-transform: uppercase;
	font-weight: 700;
	font-family: "Khula",sans-serif;
	text-align: center;
	color:white;
	font-size:150px;

}

#alert .alert_img_div{

	position: absolute;
	bottom: 20px

}

#alert .alert_img_div img{

	max-height: 800px;

}

@media screen and (max-width: 1280px){
	#alert .alert_img_div img
		{max-height: 250px;}
	}

#overlay{

	background-color: rgba(0, 0, 0, 1);
	z-index: 10500;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;

}

#sync_warning{

	z-index: 10000;
	position: absolute;
	right: 80px;
	bottom: 80px;
	display: none;

}

#pause{

	z-index: 9999;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -128px;
	margin-top: -128px;
	display: none;

}

#sms_form_container{
	color: #9c9c9c;
	font: 0.8em "PT Sans", sans-serif;
	height: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.uppercase {
	text-transform: uppercase;
}

#submit{
	display: inline-block;
	background: transparent;
	color: inherit;
	font: inherit;
	border: 0;
	outline: 0;
	padding: 0;
	transition: all 200ms ease-in;
	cursor: pointer;

}

#submit.btn--primary {
	background: #7f8ff4;
	color: #fff;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	border-radius: 2px;
	padding: 6px;


}

#submit.btn:hover {
	background: darken(#7f8ff4, 4%);
}

#submit.btn:active {
	background: #7f8ff4;
	box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .2);
}

#email, #tel{
	height: 20px;
	width: 150px;
	background: #fff;
	color: #a3a3a3;
	font: inherit;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0 , .1);
	border: 0;
    border-radius: 2px;
	outline: 0;
	padding: 15px 11px;

}

#request_links *{
	margin-left: 2px;
}

#modules{
	position: relative;
	height: 100%;
	width: 100%;
}

.adjust{
	border: 3px solid red !important;
}