/*  CSS Document  */

 
body {
	background-color: #322924;
	font-family: "Open Sans", Georgia, Times, serif;
}

.row, .col-xs-12, .col-sm-12 {
	padding: 0;
	margin: 0;
	}

#jumbotron-header {
	border-radius: 0;
	padding: 0;
	border-bottom:4px solid #fa7300;
}

.jumbotron {
	background: #fff;
	color: #000;
	margin: 0px;
}
#jumbotron-header H1 {
	color: #322924;
	font-family: 'Crete Round', Georgia, Times, serif;
	font-size: 48px;
	letter-spacing: -2px;
	margin: 0 auto;
	text-align:center;
	z-index:50;
}
.jumbotron H1 a:link, .jumbotron H1 a:visited {
	color: #fa7300;
}
.jumbotron H1 a:hover {
	color: #fa7300;
	text-decoration: underline;
}

span.second-sm {
	font-size: .5em;
	font-weight:bold;
	text-align:right;
	padding: 0 20px 0 0; 
	margin: -4px 0 0 0;
	height: 24px;
	display:block;
}
.eyes-small img {
	width: 100%;
	}
.eyes-large img {
	display: none;
}

.articleLink a{
	color: #fa7300;
	z-index: 300!important;	
	}

/* ------ Navigation ---------*/

.navbar {
	border-radius: 0;
	padding: 0;
	margin: 0;	
	background-color: #322924;
	height: auto;
	min-height:31px!important;
	border:none;
	z-index:0;
}

ul.nav {
	width: 300px;
	margin: 0 auto!important;
	text-align:center;
	padding: 0;
	font-family: 'Crete Round', Georgia, Times, serif;
}
.nav>li>a {
	text-align: center;
	font-size: 1.2em;
	padding: 0px;
}
.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
	color: #FFF;
	text-shadow: 1px 1px 1px #990000;
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa84c), color-stop(100%, #ff7b0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d', GradientType=0 ); /* IE6-9 */
	border-radius: 0;
	padding: 4px 8px;	
}
.nav-pills>li>a, .nav-pills>li>a:hover {
	color: #CCC;
	border-radius: 0px;
	padding: 4px 8px;
}
.nav-pills>li>a:focus, .nav-pills>li>a:hover {
	color: #000;
}

/* ----------- Content -----------*/

h4.media-heading {
	font-family: "Open Sans", Georgia, Times, serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
	margin: 10px auto 8px auto;
	font-size:1.5em;
}
h4.media-heading-report{
	font-family: 'Crete Round', Georgia, Times, serif;
	font-weight: bold;
	text-align:left;
	margin: 10px auto 8px auto;
	font-size:1.4em;
}
h4.media-heading-resource{
	font-family: 'Crete Round', Georgia, Times, serif;
	font-weight: bold;
	text-align:left;
	margin: 18px auto 12px auto;
	font-size:1.4em;
}
h5.media-heading2 {
	font-family: 'Crete Round', Georgia, Times, serif;
	font-size: 15px;
	color: #F60;
	font-weight:bold;
	margin: 18px 0 8px 0;
}
#top-text {
	display: none;
	}

.media-body ul li {
	padding: 5px
}
.panel {
	margin: 0 20px;
	border: 1px solid #fff;;
	background-color:#FFF;
	border-radius: 0;
	  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	height: auto;  
	}
.consider-ul {
	margin: 6px 0 0 18px;
	padding: 0 8px 0 0;
	}	

/* ----------- worker image / position -----------*/

.workerSpace {
	height: 350px;
	z-index:0;
	position:relative;
	pointer-events: none;
	}
.workerSpBig {
	display: none;
	}	
.workerPosition {
	height: 320px;
	clear: both;
	position: absolute;
	top: 40px;
	z-index:10;
	display:block;
	pointer-events: none;
}
.workerPosBig {
	display:none;
}

.worker {
	min-height: 300px;
	height: 310px;
}

.quote {
	color: #000;
	font-family: 'Crete Round', Georgia, Times, serif;
	font-size: 1em;
	font-weight:normal;
	margin: 0 0 0 70px;
	position:relative;
	left: 50px;
	bottom:316px;
	width:165px;
	text-align: right;
	line-height:24px;
	z-index:50;
	}	
.quoteBig {
	display: none;
	}

/*--------- report it page --------*/
#default-content {
	background: #FFFFFF url(../image/Funny_guy_7.jpg) no-repeat bottom right;
	min-height: 650px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	-webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 1);
}
#default-content-row {
	padding: 0px 35px
}

/*--------- resources page --------*/

#resources-content {
	background: #FFFFFF;
	min-height: auto;
	padding: 0 0 40px 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 1);
}

/*--------- video page --------*/

#video-content-row {
	padding: 0px;
	height: auto;
}

/*--------- common --------------------*/

#middle-section {
	background: #322924 url(../image/Grad.jpg) repeat-x;
}
#middle {
	background-color: #fff;
	min-height: auto;	
	}
#middleResource {
	background-color: #fff;
	min-height: auto;	
	}	

#fraud-footer {
	padding: 20px 0px 0px 0px;
	background-color: #322924;
	color: #f6f6f6;
	margin: 0 auto;
}

#tipnote {
	padding: 0px 20px 20px 20px;
	color: #655C55;
	margin: 0 auto;
}
#logos {
	text-align: center;
}
#logos img {
	margin: 20px;
}

.custom-icon {
	margin-left: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 3px 7px;
	min-width: 20px;
	display: inline-block;
}


@media screen and (min-width:481px) {
	.row, .col-xs-12, .col-sm-12 {
		padding: 0;
		margin: 0;
		}

	#jumbotron-header H1 {
		font-size: 3em;
		letter-spacing: -2px;
		margin: 0 auto;
		text-align:center;
	}

	span.second-sm {
		font-size: .7em;
		padding: 0  40px 0 0; 
		margin: -6px 0 8px 0;
	}
	.eyes-small img {
		float: right;
		width: 80%;
	}

}

@media screen and (min-width:641px) {
	body {
	background-color: #fa7300;
	}
	#header  {
		background-color:#fa7300;
		width: 100%;
		padding: 0;
		}
	#jumbotron-header {
		margin: 20px 20px 0 20px ;
		background-color:#fff;
	}
	#middle-section >.top {
		margin: 0;
		}
	#middle-section >#middle {
		margin: 0 20px;
		}	
	#middle-section >#middleResource {
		margin: 0 20px;
		}			
	#middle-section >.middleRes {
		margin: 0 20px;
		}			
			
	#video-content-row {
		padding: 0 20px;
		}				
	#footer-fraud > .row{
		background-color: #322924!important;
		}	
}

@media screen and (min-width:768px) {
	
		#header {
			max-width: 100%;	
		}
	
		#middle-section >#middle {
		max-width: 95%;
		width: 100%;
		}
		
		#middle-section >.middleRes {
		max-width: 95%;
		width: 100%;
		}
		
		#jumbotron-header {
		clear: both;
		padding: 0;
		}	
		
		.col-sm-5, .col-sm-7, .col-md-6, .col-lg-6 {
		padding: 0;
		margin: 0;
		}		

		.eyes-small {
			display: none;
		}
		.eyes-large {
			float: right;
			}
		.eyes-large img {
			display:inherit;
			margin: 0;
			padding: 0;
			width: 90%;
			float: right;
			}			
	
		#jumbotron-header H1 {
			float: left;
			font-size: 2.3em;
			letter-spacing: -2px;
			padding: 18px 0 0 2px;
		}
	
		span.second-sm {
			font-size: .7em;
			padding: 0 0 0 20px; 
			margin: -6px 0 8px 0;
			float: left;
		}

		h4.media-heading {
		display: none;
		}

		#top-text {
			display: inherit;
			height: 70px;
			}

		h5.media-heading2 {
			margin: 0;
		}			
		h4.media-heading2 {
			font-family: "Open Sans", Georgia, Times, serif;
			font-weight: bold;
			text-transform: uppercase;
			margin: 20px 0 20px 260px;
			font-size:2em;
			color: #000;
		}	
		.panel {
			padding: 0 0 0 12px;
			z-index:0;
		}
		
		.workerSpBig {
			display: inherit;
			height: 500px;
			position:relative;
			pointer-events: none;		
			}
			
		.workerSpace {
			display: none;
			}

		.workerPosBig {
			display:inherit;
			clear: both;
			pointer-events: none;
		}
	
		.workerPosition {
			display:none;
			pointer-events: none;			
		}
	
		.worker {
			margin: 120px 0 0 0;
			min-height: 380px;
			height: 375px;
			pointer-events: none;
		}
		
		.quoteBig {
			display:inherit;
			color: #000;
			font-family: 'Crete Round', Georgia, Times, serif;
			font-size: 1em;
			font-weight:normal;
			position: absolute;
			margin: 0 0 0 50px;
			left: 40px;
			top: 0px;
			width:165px;
			text-align: right;
			line-height:24px;
			z-index:50;
			}		
			
		.quote {
			display: none;
			}	
}

@media screen and (min-width:850px) {
		#jumbotron-header H1 {
			font-size: 2.5em;
			padding: 20px 0 0 8px;
		}
	
		span.second-sm {
			font-size: .7em;
			padding: 0  0 0 50px; 
			margin: -6px 0 8px 0;
		}
}

@media screen and (min-width:930px) {
		#header {
			padding: 20px 0 0 10px;
			margin: 0 auto;
			}
			
		#middle-section >#middle {
			margin: 0 auto;
			}
			
		#middleResource {
			margin: 0 auto;
			}			
			
		#middle-section >.middleRes {
			margin: 0 auto;
			}			
	
		#jumbotron-header H1 {
			font-size: 2.5em;
			padding: 20px 0 0 8px;
		}
	
		span.second-sm {
			font-size: .7em;
			padding: 0  0 0 70px; 
			margin: -6px 0 8px 0;
		}
		
		.eyes-large img {
			width: 473px;
		}
		
		.worker {
			margin: 119px 0 0 0;
			pointer-events: none;
		}

		#tipnote {
		padding: 0px 5% 20px 5%;
		margin: 0 auto;
		}
}

@media screen and (min-width:1024px) {

		#jumbotron-header H1 {
			font-size: 3em;
			padding: 30px 0 0 20px;
		}
	
		span.second-sm {
			font-size: .8em;
			padding: 0  0 0 140px; 
		}
		
		#top-text {
		height: 100px;
		}
		
		h4.media-heading2 {
			margin: 50px 0 20px 350px;
		}	
		
		#middle {
			margin: 0 auto;
			background-color:#fff;
			height: 480px;
			}	
		
		#middleResource {
			margin: 0 auto;
			background-color:#fff;
			height: auto;
		}			
			
		#middle-section >.middleRes {
			margin: 0 auto;
			background-color:#fff;
			height: auto;
			}				
	
		.workerSpBig {
			position: absolute;
			left: 0px;
			bottom: -260px;
			pointer-events: none;
			}

		.worker {
			height: 500px;	
			pointer-events: none;
		}
		.quoteBig {
			position: absolute;
			margin: 0 0 0 50px;
			left: 110px;
			top: 190px;
			width:165px;
			z-index:50;
			}						
}


@media screen and (min-width:1170px) {
		#header  {
		padding: 40px 0 0 0;
		}
		
		#jumbotron-header {
			width:1070px; 
			margin: 0 auto;
			}
		#middle-section >#middle {
			width:1070px; 
			margin: 0 auto;
			height: 570px;
			}
				
		#middle-section >#middleResource {
			width:1070px; 
			margin: 0 auto;
			height: auto;
		}	
					
		#middle-section >.middleRes {
			width:1070px; 
			margin: 0 auto;
			}				
			
		#jumbotron-header H1 {
			font-size: 3.8em;
			padding: 30px 0 0 30px;
		}
		
		span.second-sm {
			font-size: .8em;
			padding: 0  0 0 190px; 
		}
	
		h4.media-heading2 {
		margin: 50px 0 30px 408px;
		font-size:2.5em;
		}
		
		.panel {
			margin: 0 4px 0 28px;
			z-index:0;
		}
		
		.workerSpBig {
			bottom: -210px;
			z-index:10!important;
			}

		.worker {
			height: 100%;
		}
		.quoteBig {
			left: 160px;
			top: 240px;
			}	
		#tipnote {
		width: 1100px;
		margin: 0 auto;
		}			
}