@charset "UTF-8";

*{
	margin:0 auto;
}

body {
    background-color: #f7f7f7;
}

img{
	width:100%;
	user-drag: none; -moz-user-select: none; -webkit-user-drag: none;
}




#mainNav{
	width:90%;
	padding-top:50px;
	padding-bottom:5%;
}

#logo{
	float:left;
	width:150px;
	height:30px;
}

#navBar{
	float:right;
	padding-top:6px;
}

.navItem img{
	width:80px;
	padding:0 7px 0 7px;
	transition: opacity 0.2s ease;
}

.navItem:hover img{
	opacity: 0.8;
}







#header{
	width: 85%;
    margin: 0 auto;
}

.video {
    position: relative;
    padding-bottom: 41.35%;
	margin-bottom:5%;
	width:73.5%;
	height: 0;
	overflow: hidden;
}

/* Reset container constraints for local video elements */
.video-local {
	height: auto !important;
	padding-bottom: 0 !important;
	overflow: visible !important;
}
 
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Style for video elements */
.video video {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	background-color: transparent !important;
	object-fit: contain;
}

/* Remove all dark overlays and grey casts from video */
.video video::-webkit-media-controls-panel {
	background-color: transparent !important;
	background-image: none !important;
	opacity: 1 !important;
}

.video video::-webkit-media-controls-play-button {
	background-color: transparent !important;
	opacity: 1 !important;
}

/* Remove dark cast from poster image overlay */
.video video::-webkit-media-controls-overlay-enclosure {
	background: transparent !important;
	background-color: transparent !important;
	opacity: 1 !important;
}

.video video::-webkit-media-controls-overlay-play-button {
	background-color: transparent !important;
	opacity: 1 !important;
}

/* Remove any dark background from video element */
.video video::before,
.video video::after {
	display: none !important;
	background: none !important;
}

/* Ensure poster displays clearly without any overlay */
.video video[poster] {
	object-fit: contain;
	background-color: transparent !important;
}

/* Remove grey cast from video controls bar */
.video video::-webkit-media-controls {
	background-color: transparent !important;
}

.video video::-webkit-media-controls-timeline {
	background-color: transparent !important;
}

.video video::-webkit-media-controls-current-time-display,
.video video::-webkit-media-controls-time-remaining-display {
	background-color: transparent !important;
}

/* Additional fix for grey cast - ensure video element itself has no dark background */
.video-local video {
	background: transparent !important;
	background-color: transparent !important;
	filter: none !important;
}

/* Remove any shadow or darkening effects */
.video-local video:not(:playing) {
	background: transparent !important;
	background-color: transparent !important;
}

/* Ensure poster image is displayed without any overlay */
.video-local video[poster] {
	background-image: attr(poster) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

#detail{
	width: 80%;
    margin: 0 auto;
}

.image{
	border: none;
    display: block;
    margin: 0 auto;
}

#footer{
	margin:0 auto;
	position:relative;
	text-align:center;
	width:100%;
}

#footerHeader{
	width:60%;
}

.thumb{
	width:18% !important;
	display:inline-block !important;
	transition: all .2s ease-in-out;
	padding:30px 0 50px 0;
}

.thumb:hover {
	transform: scale(1.05);
}