@import url(http://fonts.googleapis.com/css?family=Oswald);

* {
	margin: 0px;
	padding: 0px;
}
.navcontainer {
	position: absolute;
	top: 100px;
}
.no-displayer {
	display: none !important;
}
.legend {

}
.hs-rect.visible .hs-spot-shape-inner, .hs-rect.visible .hs-spot-shape {
	opacity: 0.01 !important;
	background: RGBA(200, 24, 0, 1);
}


.home-button {

}
.holder-main {
	text-align: center !important;
	font-size: 30px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
}
.holder-main-content {
	bottom: 0; left: 0; top: 0; right: 0;
    margin: auto;
    position: absolute;
}
.landing-launch {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 15%;
	left: 0px;
	top: 0px;
	background-color: RGBA(0, 152, 213, 0.9) !important;
	z-index: 99999999999;
}
.flyout h1 {
	margin: 0px;
	color: #fff;
	font-size: 1.2em;
	font-family: 'Oswald', sans-serif;
}

.flyout {

	position: fixed;
	right: 10px;
	top: 27px;
    z-index: 99;
    background-color: RGBA(200, 47, 52, 1);
    border-top: solid 3px RGBA(223, 213, 39, 1);
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

.flyout:hover {
	position: fixed;
	right: 10px;
	top: 27px;
    z-index: 999999999;
    background-color: RGBA(200, 47, 52, 1);
	border-top: solid 3px RGBA(241, 196, 74, 1);
    padding: 10px;
    text-transform: uppercase;
}
.legend p {
	font-size: 22px;
	margin-top: 12px;
}
.legend ul {
	list-style-type: none;
}
.legend ul li img {
	width: 100%;
	max-width: 44px;
}
.legend ul {
	margin-bottom: 0px !important;
}
.activer h1 {
	color: #fff !important;
}
.activer {
	background-color: RGBA(65, 148, 211, 1) !important;
	color: #fff !important;
}
.legend ul li {
	font-family: 'Oswald', sans-serif;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	transition: all 0.5s ease;
}
.legend ul li:hover {
	font-family: 'Oswald', sans-serif;
	background-color: RGBA(242, 241, 244, 1);
	border-radius: 1px;
	cursor: pointer;
}



.legend {
	width: 100%;
	max-width: 300px;
	background-color: #fff;
	border-radius: 5px;
	position: fixed;
	right: 10px;
	top: 76px;
	z-index: 9999999999999;
	color: #000;
	font-family: 'Oswald', sans-serif;
}
.rainCanvas2 {
	position: absolute;
	left: 0px;
	top: 0px;
}
.rainCanvas {
	position: absolute;
	left: 0px;
	top: 0px;
}

.contain_img {
	width: 150px !important;
	margin-left: -2px;
}

.hs-spot-object h1 {
	font-size: 20px !important;
	margin-bottom: 10px !important;
	margin-top: 5px !important;
}

.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #526b78 }
.vjs-default-skin .vjs-control-bar { font-size: 100% }

img.rain_img {
	width: 170px !important;
	  position: absolute;
  right: -14px;
}
.main_text {
	font-size: 14px !important;
	text-align: left;
}
.absoulter {
	font-size: 13px;
	text-decoration: none !important;

}
.rainCanvas {
	width: 100%;
	z-index: 999;
	pointer-events: none;
	height: 100%;
}
.rainCanvas2 {
	width: 100%;
	z-index: 999;
	pointer-events: none;
	height: 100%;
}
.snowCanvas {
	width: 100%;
	z-index: 999;
	pointer-events: none;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: none;
	height: 100%;
}
.hailCanvas {
	width: 100%;
	z-index: 999;
	pointer-events: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	overflow: none;
}
.modal-body {
	padding: 0px !important;
}