/* Global settings 

@font-face {
    font-family: 'dtl_nobelt_bold';
    src: url('fonts/dtlnobel-t-bold_14677-webfont.woff2') format('woff2'),
         url('fonts/dtlnobel-t-bold_14677-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
	font-family: 'Candara';
	src: url('fonts/CANDARA.eot');
	src: local('☺'), url('fonts/CANDARA.woff') format('woff'), url('fonts/CANDARA.ttf') format('truetype'), url('fonts/CANDARA.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'nobelbold';
    src: url('fonts/ufonts.com_nobel-bold-webfont.woff2') format('woff2'),
         url('fonts/ufonts.com_nobel-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nobelregular';
    src: url('fonts/nobel-regular-webfont.woff2') format('woff2'),
         url('fonts/nobel-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nobellight';
    src: url('fonts/ufonts.com_nobel-light-webfont.woff2') format('woff2'),
         url('fonts/ufonts.com_nobel-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	

}

img, a, p, span, div, strong, em, ul, ol, li, label, input, textarea, form, fieldset, table, tr, th, td, h1, h2, h3, h4, h5, h6, hr, iframe, embed, object {
    list-style-type: none;
    text-decoration: none;
    outline: none;
    border: 0;
    margin: 0;
    padding: 0;
}
table, td, tr, th {
	border-spacing: 0;
	vertical-align: middle;
	border-collapse: collapse;
}
label {
	display: block;
}
html {
	overflow-y: scroll;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;

}


/* Layout */
body {
	background:#1f1f1f;
	color:#ccc;
    font-family: 'Candara';
    font-size: 15px;
	line-height: 22px;
	margin:0;	padding:0;
}
#content {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	margin-top:70px;
}
#container {
	margin:0;
	padding:0;
}
a {color:#333;}
h1 a {
	font-size:25px;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:normal;
}

#menu_button {
	display:none;
}

#header > h1 {
	position: fixed;
	top: 22px;
	left: 20px;
	z-index: 401;
}
#header .wrapper > h1 {
	position: absolute;
	top: 22px;
	left: 20px;
	z-index: 402;
}
#header .wrapper {
	display: block;
	position:fixed;
	z-index:400;
	top:0px;
	left:0px;
	width:100%;
	height:70px;
	background:#1f1f1f;
}

#menu {
	display: block;
	position:fixed;
	left:340px;
	top:0px;
	z-index: 401;
}

#menu li {
	display:block;
	float:left;
	margin-right:15px;
	padding:25px 5px 9px 5px;

}
#menu_1 {
	width:18%;
	float:left;
	margin-left:20px;
}
#menu_1 li a,
#menu li a {
	color:#999;
	font-size:15px;
	text-transform:uppercase;
}
#menu_1 li a {
	font-size:15px;
}


#menu li.selected a,
#menu li:hover a {
	color:#fff; 
}
#menu_1 li.selected a,
#menu_1 li:hover a {
	color:#fff; 
}

h2, h3, h4, h5 {
	font-weight:normal;
}
h2.title {
	
	font-weight:normal;
}


/*SLIDESHOW*/
#slideshow {
	position:fixed;
	top:0;
	right:0;
	overflow:hidden;
}
#slideshow li {
	width: 100%;
	position: relative;   
	text-align:center;
}
/*SLIDESHOW Nav*/
#next,
#prev {
	position: absolute;
	top:0px;
	z-index:102;
	cursor: pointer;
	width: 30%;
}
#prev {
	left: 0;
	cursor: url('../img/prev.png'),auto;
}
#next {
	right: 0;
	cursor: url('../img/next.png'),auto;
}




/*REPORTS*/
#reports li {
	float:left;
	position:relative;
	overflow:hidden;
	background:#1f1f1f;
	border:6px solid #1f1f1f;
}
#reports li .details {
	display:none;
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	right:0px;left:0px;
	margin: auto;
	width:70%;
	z-index:300;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}
#reports li:hover .details {
	display:block;
}
#reports li:hover img {
	opacity:0.5;
}
#reports .details {
	display:block;
}
.viewer_legend h4,
.viewer_description h3,
#reports li .details h2,
#reports li .details .description,
#reports li .details h3 {
	font-size:18px;
	line-height:22px;
}
.viewer_legend h2,
.viewer_description h2,
#reports li .details h2 {
	font-size:15px;
	text-transform:uppercase;
}



/*VIEWER */
#slideshow {	
	top:70px;
	right:0px;
	text-align:center;
}
#slideshow  li img {	
	vertical-align:middle;
	display:inline-block;
}
.viewer_description {
	padding:20px 20px 20px 25px;
	box-sizing: border-box;
	color:#fff;
	background:#333;
	font-size:15px;
	line-height:22px;
}
.viewer_description.text {
	width:20%;
	float:left;
}
.viewer_description .preview a {
	color:#000;
	text-decoration:underline;
}

.viewer_legend {
	position:fixed;
	top:70px;
	left:40px;
	z-index:300;
	color:#fff;
	background:#333;
	padding:5px 10px;
	max-width:270px;
}

.viewer_button .index_button {
	position:fixed;
	top:70px;
	left:10px;
	width:30px;
	height:30px;
	background: url('../img/close.png') no-repeat center center;
	z-index:300;
}

/*TEXT*/

#text {
	float:left;
	opacity:0.9;
	width:60%;
	z-index:301;
	padding:0 25px;
	box-sizing: border-box;
	margin-left:25px;
}
#text a {
	text-decoration:underline;
	color:#fff;
}
#text_medias {
	width:37%;
	float:right;
	opacity:0.9;
	color:#fff;
	z-index:301;
	padding: 0 25px;
	box-sizing: border-box;
}
#text_medias h5 {
	color:#fff;
	line-height:18px;
	margin:10px 0;
}
#text_medias img {
	width:100%;
	display:block;
}

/*MEDIAS*/
#medias_container {
	width:80%;
	float:right;
}
ul.vgrid li.file {
	width: 19%;
	margin:0 10px 10px 0;
	position: relative;
}
ul.vgrid li .details {
position:absolute;
bottom:0px;
left:0px;
background:#333;
	width:80%;
	z-index:300;
	color:#999;
	padding:5px;
}
ul.vgrid li .details a {
color:#fff;
}
ul.vgrid li .details a:hover {
text-decoration:underline;
}
	
ul.vgrid li img {
	width: 100%;
	display:block;
}
	
ul.vgrid li .details h2 {
	font-size:18px;
}
ul.vgrid li:hover .details {
	display:block;
}
ul.vgrid li:hover img {
	opacity:0.7;
}

/*POSTS*/

#posts ul.vgrid > li {
	width:28%;
	border-sizing: border-box;
	padding:0px 45px 40px 00px;
	margin:0 0 25px 25px;
}

/*POSTS slideshow*/
#posts ul.vgrid li .slideshow_post {
	background:#333;	
	width:100%;
	height:350px;
	padding:10px;
	border-sizing: border-box;
	overflow:hidden;
}
#posts ul.vgrid li .slideshow_post li {
	width:100%;
	height:350px;
	line-height:350px;
	position:relative;	
	overflow:hidden;
	text-align:center;
}
#posts ul.vgrid li .slideshow_post li img {
	vertical-align:middle;
	display:inline-block;
}

#posts ul.vgrid li .details {
	display:block;
	position:relative;
	padding:10px 0;
	box-sizing: border-box;
	text-transform:uppercase;
	font-size:16px;
}
#posts ul.vgrid li a {
	color:#fff;
	font-size:14px;
	text-decoration:underline;
}
#posts ul.vgrid li .details h2 {
	font-size:18px;
}
#posts ul.vgrid li:hover img {
	opacity:1;
}

/* Player */
#player {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
}
#close_player {
	background: #333;
	padding: 15px;
	position: absolute;
	top: 150px;
	right: 0;
	z-index: 200;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#close_player:hover {
	background: #fff;
	color: #000;
}
span.jwcontrolbar {
	z-index: 200;
	bottom: 200px;
	position: relative;
}
#player_mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	background: url('../img/px.png');
	width: 100%;
}
#player_play_button {
	position: absolute;
	z-index: 60;
	background: url('../img/play_button.png');
	width: 87px;
	height: 87px;
	display: none;
}


/* Player controls */
#controls {
	font-family: Arial, Sans-serif;
	height: 20px;
	position: absolute;
	width: 430px;
	display: none;
	margin:auto;
	left: 0px;right:0px;
	bottom: 40px;
	z-index: 150;
	font-size: 11px;
}
#controls .display,
#controls .button {
	/*float: left;*/
	cursor: pointer;
	vertical-align: middle;
	display: inline-block;
}
#play_button {
	width: 30px;
	height: 30px;
}
#play_button.playing {
	background: url('../img/jw/glow/controlbar/pauseButton.png') no-repeat;
}
#play_button.paused {
	background: url('../img/jw/glow/controlbar/playButton.png') no-repeat;
}
#volume_button {
	background: url('../img/jw/glow/controlbar/volumeSliderRail.png') no-repeat;
	width: 30px;
	height: 30px;
}
#volume_slider_progress {
	height: 30px;
	width: 2px;
	background: url('../img/jw/glow/controlbar/volumeSliderProgress.png');
}
#resize_button {
	width: 16px;
	height: 16px;
	background: url('../img/resize_button.png');
	cursor: pointer;
	margin-left: 10px;
}
#quality_button {
	text-transform: uppercase;
	font-size: 14px;
}
#quality_button:hover {
	color: #fff;
}
#time_slider_rail {
	width: 250px;
	height: 30px;
	background: url('../img/jw/glow/controlbar/timeSliderRail.png');
	position: relative;
}
#time_slider_progress {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 30px;
	width: 2px;
	background: url('../img/jw/glow/controlbar/timeSliderProgress.png');
}
#time_slider_buffer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	height: 30px;
	width: 2px;
	background: url('../img/jw/glow/controlbar/timeSliderBuffer.png');
}


/*contact*/


#contact_form p {
	margin-bottom: 10px;
}
#contact_form label {
	text-transform: normal;
}
#contact_form label.error {
	font-weight: bold;
}
#contact_form input{
	border: 1px solid #fff;
	height: 21px;
	line-height: 21px;
	width: 410px;
	padding: 5px;
	color: #000;
}
#contact_form textarea {
	border: 1px solid #fff;
	height: 170px;
	width: 410px;
	padding: 5px;
	color: #000;
	overflow-y: auto;
}
#contact_form p button {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	margin-top: 10px;
	background: none;
	cursor: pointer; 
} 
#contact_text  {
 	margin-left:25px;    
}  
#contact_text a {
 	color:#fff;     
}