/*////////////////////////////////////////////////////////////////////
//////////////////////                      ////////////////////////
//////////////////////      MENU BUTTON     ////////////////////////
//////////////////////                      ////////////////////////
///////////////////////////////////////////////////////////////////*/

.menu_footer {
	width: auto;
	height: 24px;
	line-height: 26px;
	color: white;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	font-family: Open Sans;
	text-align: center;
	font-weight: normal;
	opacity: 0.3;
	display: block !important;
	position: absolute;
	z-index: 500;
	background-color: #000000;
	margin-left: 10px;
	top: 722px;
	left: 5px;
	text-transform: uppercase;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	
}

.menu_footer:hover {
	opacity: 0.8;
	color: white;
}

/*///////////////////////////////////////////////////////////////////
//////////////////////                      ////////////////////////
//////////////////////      MAP BUTTON      ////////////////////////
//////////////////////                      ////////////////////////
///////////////////////////////////////////////////////////////////*/

.map_footer {
	width: auto;
	height: 24px;
	line-height: 26px;
	color: white;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	font-family: Open Sans;
	text-align: left;
	font-weight: normal;
	opacity: 0.3;
	display: block !important;
	position: relative;
	z-index: 500;
	float: left;
	background-color: #000000;
	margin-left: 0px;
	top: 91%;
	text-transform: uppercase;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.map_footer:hover {
	opacity: 1;
	color: white;
}

/*///////////////////////////////////////////////////////////////////
///////////////////                         ////////////////////////
///////////////////  FACEBOOK SHARE BUTTON  ////////////////////////
///////////////////                         ////////////////////////
///////////////////////////////////////////////////////////////////*/

.facebook {
	background-image: url('logo_facebook.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
	padding-left: 5px;
	display: block !important;
	position: absolute;
	z-index: 500;
	opacity: 0.3;
	background-color: #000000;
	margin-left: 1px;
	top: 722px;
	left: 1130px;
	width: 26px;
	height: 24px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.facebook:hover {
	opacity: 1;
}

/*///////////////////////////////////////////////////////////////////
/////////////////////                        ///////////////////////
/////////////////////  TWITTER SHARE BUTTON  ///////////////////////
/////////////////////                        ///////////////////////
///////////////////////////////////////////////////////////////////*/

.twitter {
	width: 26px;
	height: 24px;
	background-image: url('logo_twitter.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
	padding-left: 5px;
	display: block !important;
	opacity: 0.3;
	background-color: #000000;
	margin-left: 0px;
	z-index: 500;
	position: absolute;
	top: 722px;
	left: 1160px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.twitter:hover {
	opacity: 1;
}

/*///////////////////////////////////////////////////////////////////
/////////////////////                        ///////////////////////
/////////////////////  EMBED BUTTON  ///////////////////////
/////////////////////                        ///////////////////////
///////////////////////////////////////////////////////////////////*/

.embed {
	width: 26px;
	height: 24px;
	background-image: url('embed.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
	padding-left: 5px;
	display: block !important;
	opacity: 0.3;
	background-color: #000000;
	margin-left: 1px;
	z-index: 500;
	position: absolute;
	top: 722px;
	left: 1190px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.embed:hover {
	opacity: 1;
}

/*///////////////////////////////////////////////////////////////////
//////////////////////                      ////////////////////////
//////////////////////     SOUND BUTTON     ////////////////////////
//////////////////////                      ////////////////////////
///////////////////////////////////////////////////////////////////*/

.sound {
	background-image: url('sound.png');
	width: 26px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
	padding-left: 5px;
	display: block !important;
	position: absolute;
	z-index: 500;
    opacity: 0.3;
	background-color: #000000;
	margin-left: 1px;
	top: 722px;
	left: 1220px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.sound:hover {
	opacity: 1;
}

.player.muted .sound {
	background-image: url('sound_mute.png');
}

/*///////////////////////////////////////////////////////////////////
//////////////////////                      ////////////////////////
//////////////////////  FULLSCREEN BUTTON   ////////////////////////
//////////////////////                      ////////////////////////
///////////////////////////////////////////////////////////////////*/

.fullscreen {
	background-image: url('fullscreen.png');
	width: 26px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
	padding-left: 5px;
	display: block !important;
	position: absolute;
	z-index: 500;
	top: 722px;
	left: 1250px;
	opacity: 0.3;
	background-color: #000000;
	margin-left: 0px;
}

.fullscreen:hover {
	opacity: 1;
}

.player.fullscreen .fullscreen {
	background-image: url('cancelfullscreen.png');
}

/*///////////////////////////////////////////////////////////////////
//////////////////////                      ////////////////////////
//////////////////////    CUSTOM BUTTON 1   ////////////////////////
//////////////////////                      ////////////////////////
///////////////////////////////////////////////////////////////////*/

.footer_custom_button_1 {
	width: auto;
	height: 24px;
	line-height: 26px;
	color: white;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	font-family: Open Sans;
	text-align: left;
	font-weight: normal;
	opacity: 0.3;
	display: block !important;
	position: absolute;
	z-index: 500;
	background-color: #000000;
	margin-left: 0px;
	top: 722px;
	left: 80px;
	text-transform: uppercase;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.footer_custom_button_1:hover {
	opacity: 1;
	color: white;
}

/*///////////////////////////////////////////////////////////////////
//////////////////////                      ////////////////////////
//////////////////////    CUSTOM BUTTON 2   ////////////////////////
//////////////////////                      ////////////////////////
///////////////////////////////////////////////////////////////////*/

.footer_custom_button_2 {
	width: auto;
	height: 24px;
	line-height: 26px;
	color: white;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	font-family: Open Sans;
	text-align: left;
	font-weight: normal;
	opacity: 0.3;
	display: block !important;
	position: absolute;
	z-index: 500;
	background-color: #000000;
	margin-left: 0px;
	top: 722px;
	left: 165px;
	text-transform: uppercase;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.footer_custom_button_2:hover {
	opacity: 1;
	color: white;
}