*{margin:0; padding:0;}

body{
	background:url(../images/body-bg.jpg) no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	font-size:100%;
	-webkit-font-smoothing: subpixel-antialiased;
	font-smoothing: subpixel-antialiased;
	/*border:0px solid transparent;*/
}

@font-face {
    font-family: 'BebasNeueBold';
    src: url('../fonts/bebas-neue-bold/BebasNeueBold.eot');
    src: url('../fonts/bebas-neue-bold/BebasNeueBold.eot') format('embedded-opentype'),/* IE6-IE8 */
		 url('../fonts/bebas-neue-bold/BebasNeueBold.woff2') format('woff2'),
		 url('../fonts/bebas-neue-bold/BebasNeueBold.woff') format('woff'),
		 url('../fonts/bebas-neue-bold/BebasNeueBold.ttf') format('truetype'),
		 url('../fonts/bebas-neue-bold/BebasNeueBold.svg#BebasNeueBold') format('svg');
		 font-weight: normal;
    	 font-style: normal;
}

@font-face {
    font-family: 'LubalinGraphMediumBT';
    src: url('../fonts/lubalingraph-medium-bt/LubalinGraphMediumBT.eot');
    src: url('../fonts/lubalingraph-medium-bt/LubalinGraphMediumBT.eot') format('embedded-opentype'),
		 url('../fonts/lubalingraph-medium-bt/LubalinGraphMediumBT.woff2') format('woff2'),
		 url('../fonts/lubalingraph-medium-bt/LubalinGraphMediumBT.woff') format('woff'),
		 url('../fonts/lubalingraph-medium-bt/LubalinGraphMediumBT.ttf') format('truetype'),
		 url('../fonts/lubalingraph-medium-bt/LubalinGraphMediumBT.svg#LubalinGraphMediumBT') format('svg');
		 font-weight: normal;
    	 font-style: normal;
}

@font-face {
    font-family: 'HelveticaBold';
    src: url('../fonts/helvetica-bold/HelveticaBold.eot');
    src: url('../fonts/helvetica-bold/HelveticaBold.eot') format('embedded-opentype'), 
		 url('../fonts/helvetica-bold/HelveticaBold.woff2') format('woff2'),
		 url('../fonts/helvetica-bold/HelveticaBold.woff') format('woff'),
		 url('../fonts/helvetica-bold/HelveticaBold.ttf') format('truetype'),
		 url('../fonts/helvetica-bold/HelveticaBold.svg#HelveticaBold') format('svg');
		 font-weight: normal;
    	 font-style: normal;
}

@font-face {
    font-family: 'HelveticaOblique';
    src: url('../fonts/helvetica-oblique/HelveticaOblique.eot');
    src: url('../fonts/helvetica-oblique/HelveticaOblique.eot') format('embedded-opentype'),
         url('../fonts/helvetica-oblique/HelveticaOblique.woff2') format('woff2'),
         url('../fonts/helvetica-oblique/HelveticaOblique.woff') format('woff'),
         url('../fonts/helvetica-oblique/HelveticaOblique.ttf') format('truetype'),
         url('../fonts/helvetica-oblique/HelveticaOblique.svg#HelveticaOblique') format('svg');
		 font-weight: normal;
    	 font-style: normal;
}

@font-face {
    font-family: 'helr45w';
    src: url('../fonts/helvetica-regular/helr45w.eot');
    src: url('../fonts/helvetica-regular/helr45w.eot') format('embedded-opentype'),
         url('../fonts/helvetica-regular/helr45w.woff2') format('woff2'),
         url('../fonts/helvetica-regular/helr45w.woff') format('woff'),
         url('../fonts/helvetica-regular/helr45w.ttf') format('truetype'),
         url('../fonts/helvetica-regular/helr45w.svg#helr45w') format('svg');
		 font-weight: normal;
    	 font-style: normal;
}

img{
	outline:0; 
	height:auto; 
	max-width:100%;
	}
	
a,
a:hover,
a:focus{text-decoration:none;}
	
html,body{height:100%;}
	
.container{
	width:100%;
	/*max-width:100%;*/
	height:100%;
	/*margin:0;
	padding:0;*/
	
	/*border:4px solid black;*/
	z-index:9500;
	/*width:1300px;*/
}
.inner_width{
	/*width:1160px;*/
	height:720px;
	width:100%;
	margin:0 auto;
	position:relative;
	/*height:100%;*/
	display:block;
	padding-left:50px;
	/*border:5px solid orange;*/
}

#res-container {
	position:absolute;
	right:0;
	left:0;
	top:5%;
	bottom:5%;
	z-index:1000;
	/*border:5px solid green;*/
}

.page_content {
	width: 1300px;
	height: 740px;
	padding:0 15px;
	margin:0 auto;
	position:absolute;
		
	-webkit-transform-origin: top left;
	 -khtml-transform-origin: top left;
	     -o-transform-origin: top left;
		-ms-transform-origin: top left;
	   -moz-transform-origin: top left;
			transform-origin: top left;
	
	-webkit-transition: all 500ms ease-in-out !important;
	 -khtml-transition: all 500ms ease-in-out !important;
		 -o-transition: all 500ms ease-in-out !important;
		-ms-transition: all 500ms ease-in-out !important;
	   -moz-transition: all 500ms ease-in-out !important;
			transition: all 500ms ease-in-out !important;
			
	/*border:4px solid red;*/
}

.wrapper{
	/*position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	z-index:1000;
	
	-o-transform: translate(-50%, -50%);
	-khtml-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
}

.v_center{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	
	-o-transform: translate(-50%, -50%);
	-khtml-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Safari Specific */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.full_sticker{margin-top:-12% !important;}
	
	.witness{
		position:absolute;
		right:24% !important;
		margin-top:-3% !important;
	}
	
	.judge-section .judge-video{
		margin:15.3% 0 0 0;
	}
}

/* Chrome Specific */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
	.full_sticker{margin-top:-7% !important;}
			
	.witness{
		position:absolute;
		right:24% !important;
		margin-top:-3% !important;
	}
	
	.judge-section .judge-video{
		margin:16.5% 0 0 0;
	}
}

/* Video Controls Hide */

video{pointer-events: none;}

video::-webkit-media-controls {
  display: none !important;
}

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

/* Video Controls Hide END */


.home_screen_imgs{position:absolute;}

.thumb_drive{
	top:20px;
	left:30px;
}

.single_pin{
	top:322px;
	left:-18px;
}

.gavel{
	bottom:0;
	left:74px;
	z-index:1000;
}

.coffee{
	right:18px;
	top:13px;
}

.pins{
	top:103px;
	right:270px;
}

.news_paper{
	right:0%;
	bottom:0%;
}

/*
	=========================================================
	Home Screen
	=========================================================
*/

/* Next Button with Blink ================================ */

@-webkit-keyframes fadeIn { 
  from { opacity: 0.3; } 
}
@-moz-keyframes fadeIn { 
  from { opacity: 0.3; } 
}
@-o-keyframes fadeIn { 
  from { opacity: 0.3; } 
}
@-ms-keyframes fadeIn { 
  from { opacity: 0.3; } 
}
@keyframes fadeIn { 
  from { opacity: 0.3; } 
}
.blink_me{
	-webkit-animation: fadeIn 0.8s infinite alternate;
	 -khtml-animation: fadeIn 0.8s infinite alternate;
		 -o-animation: fadeIn 0.8s infinite alternate;
		-ms-animation: fadeIn 0.8s infinite alternate;
	   -moz-animation: fadeIn 0.8s infinite alternate;
			animation: fadeIn 0.8s infinite alternate;
}

.next {
	position:absolute;
	/*right:150px;*/
	right:3px;
	bottom:150px;
	z-index:10000;
	cursor:pointer;
}

.next img{vertical-align:top;}

.next span{
	background:url(../images/next-bg-right.png) bottom;
	min-width:140px;
	min-height:50px;
	text-align:center;
	font-family: 'BebasNeueBold';
	color:#FFF;
	font-size:3.2em;
	text-transform:uppercase;
	display:inline-block;
	padding:1.5px 10px 0 10px;
	margin-left:-3px;
	margin-right:-3px;
}

/* Next Button with Blink ================================ */

.case_note{
	width:170px;
	position:absolute;
	bottom:-105px;
	margin-left:0px;
	left:37%;
	z-index:100;
}

.note_title{
	font-family: 'BebasNeueBold';
	font-size: 2.1em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 25px;
	color: #9e1d20;
	padding:0 8px;
	position: absolute;
	left: 5%;
	top: 12.5%;
}

.note_msg{
	font-family: 'LubalinGraphMediumBT';
	font-size: 1.75em;
	color: #2c2c29;
	text-align:left;
	padding:0 8px 0 20px;
	position: absolute;
	left: 5%;
	right: 5%;
	top: 27%;
}

.case_note div img{
	position:absolute;
	top:62%;
	right:16%;
}

/* Home Page Cases ================================================ */

.Overview_Section .home_case_title,
.Home_Section .home_case_title{
	position:absolute;
	display:inline-block;
	top:25%;
	left:7%;
	z-index:100;
}

.Overview_Section .home_case_title img,
.Home_Section .home_case_title img{
	vertical-align:top;
	z-index:100;
	padding:0;
	margin:0;
	}

.Overview_Section .home_case_title span,
.Home_Section .home_case_title span{
	min-width:260px;
	background:url(../images/home/case-sticker-center.png) repeat bottom;
	min-height:49px;
	font-family: 'BebasNeueBold';
	color: #9e1d20;
	letter-spacing:0.7px;
	font-size:3em;
	padding:4px 8px 0px 8px;
	margin-right:-4px;
	margin-left:-4px;
	display:inline-block;
	
	-webkit-transition: all 500ms ease-in-out !important;
	 -khtml-transition: all 500ms ease-in-out !important;
		 -o-transition: all 500ms ease-in-out !important;
		-ms-transition: all 500ms ease-in-out !important;
	   -moz-transition: all 500ms ease-in-out !important;
			transition: all 500ms ease-in-out !important;
}

a.big_cover_page .home_case_title span,
.Home_Section a:hover .home_case_title span,
.Home_Section a:focus .home_case_title span{	
	color:#613637;
}

/* Home Page Cases ================================================ */

.Section:before,
.Section:after{
	content:"";
	display:table;
}

.Section a:after,
.Section:after{clear:both;}

.Section{
	width:33.3%;
	padding-left:15px;
	padding-right:15px;
	float:left;
}
.Section:last-child{margin-right:0;}

a.folder{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	display:table;
}

.case_2 img{
	margin-top:0%;
}

.case_bg_1{
	position:absolute;
	top:26%;
	left:16%;
}

.case_bg_2{
	position:absolute;
	top:27.5%;
	left:16%;
}

.case_bg_3{
	position:absolute;
	top:27.5%;
	left:16%;
}

.case_1 img{
	position:absolute;
	top:38%;
	left:26.5%;
}

.case_2 img{
	position:absolute;
	top:38%;
	left:26.5%;
}

.case_3 img{
	position:absolute;
	top:38%;
	left:26.5%;
}

.big_cover_page .big_case_sticker img{
	width:150px;
}

/*.big_section{
	width:625px;
	height:720px;
	float:right;
	z-index:1000;
	position:relative;
}

.big_section .Section{
	width:100% !important;
	height:100% !important;
	padding:0;
	margin:0;
}

.big_section .case_type .case_sticker img{
	width:500px;
	left:0% !important;
	margin:0 0 0 5.2%;
	
}

.big_section .case_type .sticker_title_1{
	width:500px;
	text-align:center;
	font-size:6em;
	left:0% !important;
	margin:0 0 0 5.2%;
}

.big_section .case_paper{
	left: 8%;
}
.big_section .case_paper img{
	width:460px;
}

.big_section .case_img_1 img{
	width:300px;
	left: 21%;
	top:40%;
}*/

/*
	=========================================================
	Screen - 2 
	=========================================================
*/

.case-type{
	z-index:10000; 
	position:absolute; 
	top:-1.9%;
	left:0 !important;
	display:inline-block;
}


.case-file-paper{
	padding:0 0;
	margin:0;
	position:absolute;
}

.judge-section{
	position:relative;
	z-index:100;
	width:50%;
	/*border:2px solid black;*/
}

.case_title{
	position:relative;
	left:21%;
	margin-top:35px;
	z-index:10000;
}

.case_title img{
	vertical-align:top;
	z-index:100;
	padding:0;
	margin:0;
	}

.case_title span{
	min-width:340px;
	background:url(../images/case-overview/case-sticker-center.png) repeat bottom;
	min-height:50px;
	font-family: 'BebasNeueBold';
	color: #9e1d20;
	font-size:3.4em;
	letter-spacing:0.7px;
	padding:0px 8px 2px 8px;
	margin-right:-4px;
	margin-left:-4px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
}

.judge{
	position:absolute;
	top:0%;
	margin:11% 0 0 0;
	left:-3%;
}

.judge-video{
	width:100%;
	max-width:522px;
	/*height:250px;*/
	
	position:absolute;
	top:0%;
	left:0.5%;
	margin:16.5% 0 0 0;
}

.judge-video .video-js{
	background:none !important;
}

/*.judge-video{
	width:100%;
	max-width:475px;
	height:250px;
	
	position:absolute;
	top:0%;
	left:2%;
	margin:18% 0 0 0;
}*/
.judge-video video{width:100%;}

.case_overview{
	position:relative;
	bottom:0;
	left:-1.8%;
	margin:53% 0 1.5% 0%;
	display:inline-block;
}

.case_overview img{
	vertical-align:top;
	z-index:100;
	padding:0;
	margin:0;
}

.case_overview span{
	background:url(../images/case-overview/case-overview-center.png) repeat bottom;
	min-width:160px;
	min-height:43px;
	font-family: 'BebasNeueBold';
	color: #9e1d20;
	font-size: 2.9em;
	letter-spacing:0.7px;
	text-align:center;
	padding:4px 8px 0px 8px;
	line-height: 38px;
	margin-right:-4px;
	margin-left:-4px;
	display:inline-block;
}

/*.judge-overview{
	position:absolute;
	top:75%;
	}*/

.judge-overview{
	position:relative;
	top:0%;
	left:0%;
	margin:0;
	font-family: 'LubalinGraphMediumBT';
	color:#686453;
	margin:0.5% 0 0 1%;
}

.judge-name{
	font-size:17.5px;
	letter-spacing:5px;
}

.judge-area{
	font-family: 'HelveticaBold';
	font-size:14px;
}
.judge-area:first-child{padding-right:5px;}

.judge-city{
	font-family: 'HelveticaOblique';
	font-style:oblique;
	font-size:13px;
	color:#686453;
	padding-left:5px;
	display:none;
}

.points{margin:5.5% 0% 0 16%;}

.points img{
	width:116px;
	height:115px;
	margin:0% 4.2% 0 0;
	}
.points img:last-child{margin-right:0;}

.custody{
	position:relative;
	z-index:100;
	width:50%;
	height:100%;
	display:table-cell;
	/*border:2px solid blue;*/
}

.case-person-overview{
	margin-left:2%;
	margin-top:-10px;
}

.person{
	max-height:359px;
	position:relative;
}

.defendant{
	width:285px;
	/*height:234px;*/
	position:absolute;
	top:6.5%;
	left:5.5%;
}
.defendant img{	
	/*-moz-transform: rotate(-4deg);*/
	padding:0 1% 1% 1%;
}

.defendant-info{
	position:absolute;
	top:77.8%;
	left:5.2%;
}

.defendant-info img{
	vertical-align:top;
	z-index:100;
	padding:0;
	margin:0;
}

.defendant-info span{
	background:url(../images/case-overview/defendant-center.png) repeat bottom;
	min-width:170px;
	min-height:34px;
	font-size: 2.3em;
	font-family: 'BebasNeueBold';
	color: #9e1d20;
	letter-spacing:0.7px;
	text-align:center;
	line-height: 32px;
	padding:0px 0px 0px 0px;
	margin-right:-4px;
	margin-left:-4px;
	display:inline-block;
}

.defendant-text{
	width:180px;
	font-family: 'LubalinGraphMediumBT';
	font-size:1.1em;
	letter-spacing:3px;
	text-transform:uppercase;
	color:#2c2c29;
	
	position:absolute;
	top:90%;
	left:7%;
	/*-moz-transform: rotate(-5deg);*/
}

.thumb img{
	position:absolute;
	left:41.5%;
	top:76.5%;
}

.pin img{
	position:absolute;
	left:46.5%;
	top:67.5%;
}

.keep-in-mind{
	position:relative;
	margin-top:7%;
	margin-bottom:1%;
}

.keep-in-mind img{
	vertical-align:top;
	z-index:100;
	padding:0;
	margin:0;
}

.keep-in-mind span {
	background:url(../images/case-overview/keep-in-mind-center.png) repeat bottom;
	min-width:155px;
	min-height:49px;
	font-family: 'BebasNeueBold';
	font-size:2.7em;
	color: #9e1d20;
	letter-spacing:0.7px;
	text-align:center;
	line-height: 32px;
	padding:5px 0px 0px 0px;
	margin-right:-3.75px;
	margin-left:-3.3px;
	display:inline-block;
	margin-top:3.5%;
	/*-moz-transform: rotate(-1deg);*/
}
.keep-in-mind img:last-child{
	margin-top:3.5%;
}

.witnesses{margin-left:-3%;}

.witnesses div{
	width:170px;
	position:relative;
	display:inline-block;
	margin-right:2%;
	float:left;
}
.witnesses div:last-child{margin-right:0;}

.witnesses .witnesses-name{
	background:url(../images/case-overview/witness-bg-top.png) repeat bottom;
	width:100%;
	max-width:170px;
	height:100%;
	min-height:30px;
	font-family: 'BebasNeueBold';
	font-size:2.5em;
	text-transform:uppercase;
	letter-spacing:0.5px;
	line-height:25px;
	color:#9e1d20;
	padding:1px 10px 2px 8px;
	display:block;
	float:none;
}

.witnesses .witnesses-msg{
	background:url(../images/case-overview/witness-bg-center.png) repeat bottom;
	width:100%;
	max-width:170px;
	height:auto;
	min-height:80px;
	font-family: 'LubalinGraphMediumBT';
	font-size:1.45em;
	padding:5px 10px 0 8px;
	color:#2c2c29;
	display:block;
	float:none;
}
.witnesses div img:last-child{margin-left:1px;}

/*
	=========================================================
	Witness
	=========================================================
*/

.witness-section{
	position:relative;
	left:-1%;
	top:0%;
	margin:1% 0 0 0;
}

.witness-video{
	position:absolute;
	top:4.8%;
	left:4.6%;
	width:100%;
	max-width:797px;
	height:450px;
	/*height:100%;*/
	display:block;
	}
	
.witness-video .video-js{display: table-row; background:none !important;}

.witness-video .video .video-js{
	display: table-cell;
	position: absolute;
	width: 767px;
	top: 0;
	height: 450px;
	background:none !important;
}

.video-js {min-width:100% !important;}

.video-js .vjs-tech{
	width: 100%;
	height: 100%;
}

.video video{
	/*width: 100%;
	max-width:795px;*/
	display:block !important;
}

/*.video video{
	min-width: 100% !important;
	display:block !important;
}*/

/*.witness_video_page_1 .witness_1{
	-webkit-transform:rotate(-11deg);
	 -khtml-transform:rotate(-11deg);
		 -o-transform:rotate(-11deg);
		-ms-transform:rotate(-11deg);
	   -moz-transform:rotate(-11deg);
			transform:rotate(-11deg);
}
.witness_video_page_1 .full_sticker_1{
	transform:rotate(-4deg);
}

.witness_video_page_2 .witness_2{
}

.witness_video_page_3 .witness_3{
}*/

.full_sticker{
	position:absolute;
	display:inline-block;
	margin-top: -7%;
	left:4%;
}

.full_sticker img{
	vertical-align:top;
	z-index:100;
	padding:0;
	margin:0;
	}

.full_sticker span{
	background:url(../images/witness/witness-sticker-center.png) repeat bottom;
	min-height:56px;
	font-family: 'BebasNeueBold';
	color: #9e1d20;
	font-size:2.8em;
	padding:6px 8px 6px 8px;
	margin-right:-4px;
	margin-left:-4px;
	display:inline-block;
}

.witness{
	position:absolute;
	right:27% !important;
	margin-top:-4% !important;
}

.witness_2,
.witness_3{margin-top:-3.5% !important; right:26% !important;}

.witness-comment{
	position:relative;
	color:#2c2c29;
	font-family: 'LubalinGraphMediumBT';
	margin-top:-0.5%;
	/*border:1px solid red;*/
}

.witness-comment img{
	vertical-align:top;
	z-index:100;
	padding:0;
	margin:0;
}

.witness-comment p{
	background:url(../images/witness/witness-comment-center.png) repeat bottom;
	min-height:40px;
	font-size:1.3em;
	padding:8px 5px 8px 5px;
	letter-spacing:1px;
	margin-right:-4px;
	margin-left:-3px;
	display:inline-block;
	margin-bottom:6px;
}

.witness-comment div{margin-left:6%;}

.witness-comment div:first-child p{margin-right:-4px;}

.witness-comment div:first-child,
.witness-comment div:last-child{
	display:block;
	margin-left:4%;
}

/*
	=========================================================
	Desicion Page
	=========================================================
*/

	.Decision .col-lg-10{
		width:85%;
		/*border:1px solid red;*/
	}

	.Decision .decision-bg,
	.Decision .decision-bg-mobile{position:relative;}
	
	.Decision .col-lg-10{
		margin:0 auto;
		float:none;
		padding:0;
	}
	
	.Decision .decision-logo{
		position:absolute; 
		top:-8%;
		left:2%;
		z-index:100;
		}
		
	.Decision .decision-title{
		position:absolute;
		top:0;
		width:100%;
		margin:0 auto;
	}
	
	.Decision .decision-title img{vertical-align:top;}
	.Decision .decision-title img:first-child{min-height:66px;}	
	
	.Decision .decision-title span{
		background:url(../images/decision/decision-label-center.png) repeat bottom;
		min-height:65px;
		font-family: 'BebasNeueBold';
		color: #9e1d20;
		font-size:3.8em;
		letter-spacing:2px;
		padding:4px 18px 6px 18px;
		margin-right:-3px;
		margin-left:-3px;
		display:inline-block;
	}
	
	.Decision .decision-section{
		position:absolute;
		top:12%;
		width:100%;
	}
	
	.Decision .consider{
		width:49%;
		padding:0 10px 0 20px;
		text-align:left;
	}
	
	.Decision .rulling{
		width:51%;
		padding:0 6% 0 1%;
		text-align:left;
		margin-top:-1%;
	}
	
	.Decision .make-ruling span{
		font-family: 'BebasNeueBold';
		color: #9e1d20;
		font-size:3.8em;
	}
	
	.Decision .make-ruling p{
		font-family: 'helr45w';
		color:#2c2c29;
		font-size:2.175em;
		line-height:27px;
		margin:0 0 15px 0;
	}
	
	.Decision .probation{
		margin-bottom:18px;
		position:relative;
		z-index:10000 !important;
		/*min-height:70px;*/
		}
		
	.Decision .probation span{
		width:100%;
		max-width:80%;
		font-family:'LubalinGraphMediumBT';
		font-size: 1.8em;
    	line-height: 20px;
		text-align:center;
		color:#FFF;
		letter-spacing:5px;
		text-transform:uppercase;
		padding-left:10px;
		padding-right:10px;
		margin-left:18%;

		position:absolute;
		top:50%;
		transform:translate(0, -50%);
		
		-webkit-transition: all 500ms ease-in-out !important;
		 -khtml-transition: all 500ms ease-in-out !important;
			 -o-transition: all 500ms ease-in-out !important;
			-ms-transition: all 500ms ease-in-out !important;
		   -moz-transition: all 500ms ease-in-out !important;
				transition: all 500ms ease-in-out !important;
	}
	
	.Decision .rulling_options a:hover .probation span,
	.Decision .rulling_options a:focus .probation span{
		color:#f82829;
	}
	
	.Decision .consider .persons{
		position:relative;
		margin-left: 14%;
		width:100%;
		max-width:230px;
	}
	
	.Decision .two{
		margin-top:-12%;
		left:21%;
		z-index:105;
	}
	
	.Decision .three{
		margin-top:-9%;
		left:4%;
	}
	
	.Decision .persons .witnesses-name{
		width:100%;
		max-width:230px;
		min-height:35px;
		text-align:center;
		font-family: 'BebasNeueBold';
		font-size:2.5em;
		text-transform:uppercase;
		letter-spacing:0.5px;
		line-height:25px;
		color:#9e1d20;
		position:absolute;
		top:0;
		padding-top:7px;
	}
	
	.Decision .persons .witnesses-msg{
		font-family: 'LubalinGraphMediumBT';
		font-size:1.7em;
		color:#2c2c29;
		position:absolute;
		top:25%;
		left:5%;
		right:3.5%;
	}
	
	

/*
	=========================================================
	Result Page
	=========================================================
*/	

.Decision .col-lg-12{position:relative;}

.Decision .chart_box_label_main_div:before,
.Decision .chart_box_label_main_div:after{
	display:table;
	content:"";
}
.Decision .chart_box_label_main_div:after{clear:both;}

.chart_box_label_main_div{
	width:850px;
	position:absolute;
	top:80px;
	left:60px;
}

.Decision .rule_title{
	position:absolute;
	top:11%;
	left:65px;
	width:840px;
	margin:0 auto;
}

.Decision .title{
	font-family: 'LubalinGraphMediumBT';
	color:#686453;
	font-size:1.8em;
	text-transform:uppercase;
	padding:8px 15px 0 15px;
	display: inline-block;
	border-bottom:6px solid #9e1f20;
	margin:0 0 -1px 0;
}

.rule_title img{
	display:block;
	margin:0 auto;
}

.Decision .chart_box_label{
	position:absolute;
	top:19%;
	left: 50%;
    transform: translate(-50%, 0%);
	right:0%;
	
	/*border:2px solid #bc2725;
	background:rgba(255, 255, 255, 0.5);*/
	background:none;		
	padding:0px 0 8px 0;
	visibility:hidden;
	display: block;
	z-index:9999 !important;
	margin-top:40px;
}

.Decision .chart_box_label h3{
	font-family: 'LubalinGraphMediumBT';
	font-size:1.7em;
	color:#bc2725;
	margin:auto;
	padding:0;
	font-weight:bold;
	margin-bottom:7px;
	display:table;
}

.Decision .chart_box_label p{
	font-family: 'LubalinGraphMediumBT';
	font-size:1.2em;
	color:#000;
	margin:auto;
	padding:0 0 5px 0;
}

/*#chartdiv {
	width: 100%;
	height: 450px;
	margin-top: 36px;
	}*/
	
.Decision .charts{
	width: 850px;
	height:410px;
	position:absolute;
	top:165px;
	left:60px;
	display:table;
}

.Decision .charts {
	-webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.amcharts-graph-label,
.amcharts-main-div svg g g text{
	font-size:13px !important;
}
	
.charts .amcharts-balloon-div div{
	font-family: 'LubalinGraphMediumBT' !important;
	font-size:12px !important;
	max-width:160px !important;
	max-height:auto !important;
}

.amcharts-balloon-div strong{
	font-family: 'BebasNeueBold' !important;
	font-size:18px !important;
	line-height:20px !important;
	font-weight:normal !important;
}

.amcharts-balloon-div strong.label_1{color: #9e1d20 !important;} /* Red */

.amcharts-balloon-div strong.label_2{color: #37496b !important;} /* Blue */

.amcharts-chart-div a{
	display:none !important;
	opacity:0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
}

.video-js{position:relative;}

.witness-video span,
.judge-video span{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	
	-o-transform: translate(-50%, -50%);
	-khtml-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor:pointer;
}
.witness-video span{top: 32%;}

/*.witness-video span.video_play_button{border:1px solid red;}

.witness-video span.video_play_button*/

.mask_layer{
	/*background:rgba(0,0,0, 0.8);*/
	background:transparent;
	width:100%;
	height:100%;
	z-index:9000 !important;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	display:none;
}

/*
	=========================================================
	Media Query
	=========================================================
*/

@media (max-width:1300px){
	.container{width:100%;}
	
	.Decision .desktop{transform:scale(1.3);}
}

@media (max-width:1199px){
	
	.wrapper{
		width:100%;
		height:100%;
		
		position:inherit;
		top:0;
		left0;
		margin-right0;
		-o-transform:none;
		-khtml-transform:none;
		-webkit-transform:none;
		-ms-transform:none;
		-moz-transform:none;
		transform:none;
	}
	
	.Home_Section .btn_home_screen .Section{
		margin:0;
	}
	
	.page_content{position:absolute;}
	
	.gavel{width:250px;}
	
	.news_paper{width:550px;}
	
	.v_center_1{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		
		-o-transform: translate(-50%, -50%);
		-khtml-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
	a.folder{width:100%;}
}

@media (max-width:991px){
	
	.container{width:100%;}
	
	.thumb_drive{width:150px;}
	
	.gavel{width:200px;}
	
	.coffee{width:200px;}
	
	.pins{right:250px;}
	
	.news_paper{width:450px;}
	
	.case_note{width:150px;}
	
	.note_title{font-size:2em; top:10%;}
	
	.note_msg{font-size: 1.50em;}
	
	.case-type{width:150px;}
	
}

@media (max-width:767px){
	
	.gavel{width:180px; left:0;}
	
	.news_paper{width:400px;}
	
	.case_note{bottom:-95px;}
	
	.wrapper{padding:15px;}
	
	.decision-logo img{width:120px;}
	
	.Decision .title{margin-top:15px;}	

@media (max-width:660px){
	.pins{width:72px;}
	
	.gavel{width:150px; left:0;}
	
	.news_paper{width:290px;}
}