/* Navigation */

body{

}
/* 

a:link {color: black;}      
a:visited {color: black;}  
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}
 */


a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}


#all{
margin-left:auto; 
margin-right: auto; 
height:100%;
width:100%;
overflow: hidden;
}

/* side arrows  */

#prev, #next {
font-family:  Helvetica, Arial, sans-serif;
font-size: 30px;
position: fixed;
text-decoration: none;
z-index: 8;
top: 48%;
color: #A2A3A5;
}

		@media screen and (max-width: 755px){
		
			#prev, #next{
				font-size: 16px;
			}
	
	
		}



#prev:hover, #next:hover {
color: #F16521;
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}


#prev {
left: 5px;
}


#next {
right: 5px;
}

.indexcase {
		height: 60px;
		width: 100%;
		padding: 40px 0px 0px 0px;
		text-decoration: none;
		text-underline-style: none;
}

.indexbutton {


		color: #F16521;
		font-size: 24px;
		font-weight: bold;
		font-style: italic;
		font-family:  Helvetica, Arial, sans-serif;
		line-height: 200%;
		text-indent: -20px;
		letter-spacing: 1.5px
}

.topindexbutton {
		padding: 40px 0px 0px 0px;
}

/*
=-=-=-=-=--=-==--==-=-=-=-=-==-=
 
sections intro page

=-=-=-=-=--=-==--==-=-=-=-=-==-=
*/

#introstart { 
	background: url(../images/intro/_crime.jpg) 50% 0 no-repeat fixed; 
	background-color:#171718; 
	background-size: 1920px 1122px;
	height: 600px;   
	margin: 0 auto; 
    width: 100%;                              
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

		@media screen and (max-width: 1223px){
		
			#introstart {

				background-size: 1223px 740px;
			}
	
		}

		@media screen and (max-width: 1023px){
		
			#introstart{
				height: 450px;
				background-size: 1023px 598px;
			}
		}

		@media screen and (max-width: 755px){
		
			#introstart{
				height: 300px;
				background-size: 755px 441px;
			}

		}

#intropart1 { 
	background-color:#2D2D2E; 
	min-height: 500px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#introquote1 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


/*
=-=-=-=-=--=-==--==-=-=-=-=-==-=
 
sections people page

=-=-=-=-=--=-==--==-=-=-=-=-==-=
*/

#startpeople { 
	background: url(../images/intro/_funeral_2.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: 1920px 1731px;
	height: 600px;   
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    z-index: -1;
}

		@media screen and (max-width: 1223px){
		
			#startpeople{
				background-size: 1223px 1102px;
			}
	
		}

		@media screen and (max-width: 1023px){
		
			#startpeople{
				height: 450px;
				background-size: 1023px 922px;
			}
		}

		@media screen and (max-width: 755px){
		
			#startpeople{
				height: 300px;
				background-size: 755px 681px;
			}
	
		}

#peoplepart1 { 
	background-color:#2D2D2E; 
	min-height: 580px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#peoplequote1 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 3200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#new { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 3200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}

#peoplequote2 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 2200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}

#peoplepart2 { 
	background: url(../images/sadfam_1.jpg) 50% no-repeat fixed; 
	background-color:#171718; 
	background-size: 1920px 1283px;
	-webkit-background-size: 1920px 1283px;
	margin: 0 auto; 
    width: 100%; 
    min-height: 600px;
	max-height: 1520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
 	background-position: center;
}

		@media screen and (max-width: 1223px){
		
			#peoplepart2{
				background: url(../images/sadfam_1.jpg) 50% repeat; 
				background-size: auto 100%;
	  			-webkit-background-size: auto 100%;
	  		
	
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#peoplepart2{
		
				background-size: auto 100%;
				-webkit-background-size: auto 100%;	
			}
	
		}


#peoplepart3 { 
	background-color:#2D2D2E; 
	min-height: 580px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#peopleimage1 { 
	background: url(../images/bloodarm.jpg) 50% 0 no-repeat fixed; 
	background-color:#171718; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 600px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


		@media screen and (max-width: 1223px){
		
			#peopleimage1 {
				background: url(../images/bloodarm.jpg) 50% repeat; 
				background-size: auto 150%;
	  			-webkit-background-size: auto 150%;
	  		
	
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#peopleimage1 {
		
				background-size: auto 150%;
				-webkit-background-size: auto 150%;	
			}
	}
	
#peoplegraph1 { 
	background-color:#171718; 
	min-height: 480px;
	max-height: 680px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}
 
 #peoplegraph2 { 
	background-color:#171718; 
	min-height: 480px;
	max-height: 1480px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#peoplepart4 { 
	background-color:#2D2D2E; 
	min-height: 580px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#peoplepart5 { 
	background-color:#2D2D2E; 
	min-height: 480px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#peoplequote3 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 2200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}

#peoplepart6 { 
	background-color:#2D2D2E; 
	min-height: 580px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#peopleend { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 2200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


/* 
graph data
 */

.gbox {
	min-height: 380px;
	max-height: 1080px;
	width: 100%;
	padding: 0px 0px 40px 0px; 
}


		@media screen and (max-width: 755px){
		
			.gbox{
				padding: 0px 0px 0px 0px; 
			}
	
		}

.graphnames { 
	float: left;
	height: 360px;
	width: 20%;
	margin: 2px 0px 0px 0px; 
	font-style: bold;
	padding: 20px 0px 0px 0px; 
}

.graphnumber { 
	float: left;
	height: 360px;
	width: 12%;
	margin: 2px 0px 0px 0px; 
	font-style: bold;
	padding: 20px 0px 0px 0px; 
}

.gnamebox {
	height: 58px;
	width: 100%;
	margin: 2px 0px 0px 0px;
	color: #F16521;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}	

.gnamebox1 {
	height: 58px;
	width: 100%;
	margin: 2px 0px 0px 0px;
	color: #EE3523;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}

.gnamebox2 {
	float: left;
	height: 30px;
	width: 100px;
	padding: 20px 0px 0px 20px;
	color: #F16521;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}
/* 
.gnamebox2 {
	height: 58px;
	width: 100%;
	margin: 2px 0px 0px 0px;
	color: #EE3523;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}	
 */

.gnumberbox {
	height: 58px;
	width: auto;
	margin: 2px 0px 0px 0px;
	color: #F16521;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}

.graphbox { 
	float: left;
	height: 360px;
	width: 68%;
	margin: 2px 0px 0px 0px;
	color: #F16521;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}

.barholder {
	margin: 2px 0px 0px 0px;
	height: 58px;
}

.DCdata {
	float: left;
	background-color:#F16521;
	height: 100%;
	width: 4.3%;
	
}	

.LAdata {
	float: left;
	background-color:#F16521;
	height: 100%;
	width: 9.9%;
}	

.PHdata {
	float: left;
	background-color:#F16521;
	height: 100%;
	width: 10%;
}	

.CHdata {
	float: left;
	background-color:#F16521;
	height: 100%;
	width: 14.5%;
}

.NYdata {
	float: left;
	background-color:#F16521;
	height: 100%;
	width: 17.7%;
}

.JUdata {
	float: left;
	background-color:#EE3523;
	height: 100%;
	width: 90%;
	

}

.usdata1 {
	float: left;
	background-color:#F16521;
	height: 100%;
	width: 5%;
}
.usdata2 {
	float: left;
	background-color:#F16521;
	height: 100%;
	width: 7%;
}


.mexdata {
	float: left;
	background-color:#EE3523;
	height: 100%;
	width: 98%;
	

}

/* 
graph data end
 */
 
 
/*  murder map data */


/* 

murder citydots
 */

/* 
  .murdercolor5 {
	top: 5%;
	top: 35%
	height: 20px;
	width: 20px
	border-radius: 15px;;
	background-color: blue;
	float: left;
 }
 
 */


.murderbar {
	float: left;
	margin: 20px 0px 40px 0px;
	height: 58px;
	width: 100%;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-style: bold;
	color: #171718; 
}
 
.murdercolor1 {
	padding: 20px 0px 0px 10px;
	height: 38px;
	width: 18%;
	background-color: #fec67b;
	float: left;

 }
 
 .murdercolor2 {
	padding: 20px 0px 0px 10px;
	height: 38px;
	width: 18%;
	background-color: #f5a465;
	float: left;
 }
 
  .murdercolor3 {
	padding: 20px 0px 0px 10px;
	height: 38px;
	width: 18%;
	background-color: #f1824d;
	float: left;
 }
 
  .murdercolor4 {
	padding: 20px 0px 0px 10px;
	height: 38px;
	width: 18%;
	background-color: #e85c3b;
	float: left;
 }
 
  .murdercolor5 {
	padding: 20px 0px 0px 10px;
	height: 38px;
	width: 18%;
	background-color: #e5292a;
	float: left;
 }
 
 
 
 		@media screen and (max-width: 755px){
		
			.murdercolor1,.murdercolor2,.murdercolor3,.murdercolor4,.murdercolor5{
				width: 18%;
				font-size: 12px;
				padding: 20px 0px 0px 5px;
			}
	
		}
 
   .murdernumber {
	height: 100%;
	width: 18%;
	color: #fec67b;
	float: left;
 }
 
/*  murdermap end */







/* 






sections cartel part .1 page






*/

#start { 
	background: url(../images/intro/cartel_3.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: auto 650px;
	height: 600px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    z-index: -1;
}




		@media screen and (max-width: 1223px){
		
			#start{
				background-size: auto 675px;
			}
	
	
		}





		@media screen and (max-width: 1023px){
		
			#start{
				height: 450px;
				background-size: auto 550px;
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#start{
				height: 300px;
				background-size: auto 300px;;
			}
	
		}






#cartelonepart1 { 
	background-color:#2D2D2E; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}





#quote1 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#cartelonepart2 { 
	background: url(../images/narco5.jpg) 50% 0 no-repeat fixed; 
	background-color:#171718; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 450px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}



		@media screen and (max-width: 1223px){
		
			#cartelonepart2 {
				background: url(../images/narco5.jpg) 50% repeat; 
				background-size: auto 100%;
	  			-webkit-background-size: auto 100%;
	  		
	
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#cartelonepart2 {
		
				background-size: auto 100%;
				-webkit-background-size: auto 100%;	
			}
	}

#quote2 { 
	background-color:#171718; 
	min-height: 200px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#cartelonepart2part2 { 
	background: url(../images/narco4.jpg) 50% 0 no-repeat fixed; 
	background-color:#171718; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 450px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


		@media screen and (max-width: 1223px){
		
			#cartelonepart2part2 {
				background: url(../images/narco4.jpg) 50% repeat; 
				background-size: auto 100%;
	  			-webkit-background-size: auto 100%;
	  		
	
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#cartelonepart2part2 {
		
				background-size: auto 100%;
				-webkit-background-size: auto 100%;	
			}
	}



#quote3 { 
	background-color:#171718; 
	min-height: 200px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


#carteldrugslider { 
	background-color:#171718; 
	min-height: 200px;
	max-height: 7800px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}
#cartelonepart3 { 
	background-color:#2D2D2E; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#imagebar { 
	background: url(../images/ducttape.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	height: 600px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	position: relative;
}

		@media screen and (max-width: 1223px){
		
			#imagebar  {
				background: url(../images/ducttape.jpg) 50% repeat; 
				background-size: auto 130%;
	  			-webkit-background-size: auto 130%;
	  		
	
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#imagebar  {
		
				background-size: auto 130%;
				-webkit-background-size: auto 130%;	
			}
	}




#carteloneslider1 { 
	background-color:#171718; 
	min-height: 480px;
	max-height: 680px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#cartelonepart4 { 
	background-color:#2D2D2E; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.nbox {min-height: 380px;
	max-height: 1880px;
	width: 100%;
	padding: 0px 0px 0px 5%; 
	background-color: transparent;
	margin: 20px 0px 40px 0px;
	
}

		@media screen and (max-width: 1223px){
		
			.nbox {
				padding: 0px 0px 0px 1%;
	  		
	
			}
	
	
		}



.mbox {
	min-height: 380px;
	max-height: 1880px;
	width: 90%;
	padding: 0px 00px 40px 00px; 
	margin: 0px 5px 0px 5px;

}

		@media screen and (max-width: 755px){
		
			.mbox {
					margin: 0px 0px 0px 0px;
			}
	
		}

.shadow{

box-shadow: 0 0 20px  rgba(0,0,0,0.8);

}

  .keybars  {
    height: 38px;
	width: 100%;
	margin: 10px 0px 10px 10px;}
	
	
	 .keybars > h1 {
	 	margin: 10px 0px 0px 55px;
		font-family: georgia, helvetica, arial, sans-serif;
		color: #A2A3A5;
		font-size: 14px;
		font-style: italic;
		color: #A2A3A5;
		letter-spacing: 1px
	 }

 .tijcolor,.sincolor,.loscolor,.gulfcolor,.belcolor,.jurcolor,.famcolor,.smugcolor1,.smugcolor2,.smugcolor3  {

	height: 38px;
	width: 40px;
	background-color: black;
	float: left;
	border-radius: 45px ;
 }
 


 .tijcolor {

	background-color: #ed1f24;

 }
 
 .sincolor {

	background-color: #ffff00;

 }
 
 .loscolor {

	background-color: #ff9933;

 }


 .gulfcolor {

	background-color: #e22644;

 }

 .belcolor {

	background-color: #711a19;

 }
 
 .jurcolor {

	background-color: #F16521;

 }

 .famcolor {

	background-color: #a53362;

 }

 .smugcolor1 {

	background-color: #fec67b;

 }
 
  .smugcolor2 {

	background-color: #f1824d;

 }
 
  .smugcolor3 {

	background-color: #e5292a;

 }
 
 
 
/* cartel txt colors */

 .tijtxtcolor {

	color: #F16521;

 }
 
 .sintxtcolor {

	color: #ffff00;

 }
 
 .lostxtcolor {

	color: #ff9933;

 }


 .gulftxtcolor {

	color: #e22644;

 }

 .beltxtcolor {

	color: #711a19;

 }
 
 .jurtxtcolor {

	color: #ed1f24;

 }

 .famtxtcolor {

	color: #a53362;

 }




.carteltwobanner {  
	background-color:#171718; 
	margin: 0 auto; 
    width: 100%; 
    min-height: 155px;
	max-height: 650px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.carteltwobanner2 {  
	background-color:#171718; 
	margin: 0 auto; 
    width: 100%; 
    min-height: 155px;
	max-height: 650px;
    position: relative; 
/*     box-shadow: 0 0 20px rgba(0,0,0,0.8); */
}



#imageb1 { 
	background: url(../images/cart2/arrest2.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	height: 600px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	position: relative;
}

		@media screen and (max-width: 1223px){
		
			#imageb1 {
				background: url(../images/cart2/arrest2.jpg) 50% repeat; 
				background-size: auto 140%;
	  			-webkit-background-size: auto 140%;
	  		
	
			}
	
	
		}
		
		@media screen and (max-width: 1023px){
		
			#imageb1 {
			
				background-size: auto 115%;
	  			-webkit-background-size: auto 115%;
	  		
	
			}
	
	
		}

		@media screen and (max-width: 755px){
		
			#imageb1 {
		
				background-size: auto 110%;
				-webkit-background-size: auto 110%;	
			}
	}





/* 





sections cartel part .2 page





*/


#startcarteltwo { 
	background: url(../images/numbs.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	height: 600px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    z-index: -1;
}


		@media screen and (max-width: 1223px){
		
			#startcarteltwo {
				background-size: 1223px 1102px;
			}
	
	
		}





		@media screen and (max-width: 1023px){
		
			#startcarteltwo {
				height: 450px;
				background-size: 1023px 922px;
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#startcarteltwo {
				height: 300px;
				background-size:833px 400px;;
			}
	
		}



#carteltwopart1 { 
	background-color:#2D2D2E; 
	min-height: 350px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


#carteltwopart2 {  
	background-color:#171718; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 900px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#carteltwopart3 { 
	background-color:#2D2D2E; 
	min-height: 350px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#carteltwopart4 {  
	background-color:#171718; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 550px;
	max-height: 1220px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


#carteltwopart5 {  
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 400px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#carteltwopart6 {  
	background-color:#2D2D2E;  
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 400px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#carteltwopart7 {  
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 400px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#carteltwopart8 {  
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 400px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#carteltwopart9 {  
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 400px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#carteltwopart10 {  
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 400px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}



/* 






sections timeline page






*/



#starttime { 
	background: url(../images/intro/_policeguns.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	height: 600px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    z-index: -1;
}

		@media screen and (max-width: 1223px){
		
			#starttime {
				background-size: 1223px 1102px;
			}
	
	
		}





		@media screen and (max-width: 1023px){
		
			#starttime {
				height: 450px;
				background-size: 1023px 922px;
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#starttime {
				height: 300px;
				background-size:833px 400px;;
			}
	
		}


#timepart1 { 
	background-color:#2D2D2E; 
	min-height: 635px;
	max-height: 7520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


#date1 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#timepart2 { 
	background-color:#2D2D2E; 
	min-height: 480px;
	max-height: 4520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#date2 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#timepart3 { 
	background: url(../images/intro/nixion2.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	background-color:#2D2D2E; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

	@media screen and (max-width: 1223px){
		
			#timepart3 {
			background: url(../images/intro/nixon.jpg) 50% repeat; 
				background-size: auto 130%;
	  			-webkit-background-size: auto 130%;
	  			background-position: -400px;
	  		
			}
	
	
		}




		@media screen and (max-width: 1023px){
		
			#timepart3 {
			background: url(../images/intro/nixon.jpg) 50% repeat; 
				background-size: auto 130%;
	  			-webkit-background-size: auto 130%;
	  			background-position: -400px;
	  		
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#timepart3 {
			background-size: auto 130%;
				-webkit-background-size: auto 130%;	
			}
	
		}





#timepart4 { 
	background-color:#2D2D2E; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#timepart5 { 
	background-color:#2D2D2E; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}
#timepart6 { 
	background-color:#2D2D2E; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}
#timepart7 { 
	background-color:#2D2D2E; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}
#timepart8 { 
	background-color: #171718; 
	min-height: 780px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#date3 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#date4 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#date5 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#date6 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}




#imagetimebar { 
	background: url(../images/enco.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	height: 600px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	position: relative;
}

		@media screen and (max-width: 1223px){
		
			#imagetimebar  {
				background: url(../images/enco.jpg) 50% repeat; 
				background-size: auto 130%;
	  			-webkit-background-size: auto 130%;
	  		
	
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#imagetimebar  {
		
				background-size: auto 130%;
				-webkit-background-size: auto 130%;	
			}
	}


/* 



sections War part .1 page






*/

#startwar1 { 
	background: url(../images/intro/_police.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	height: 600px;   
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
     z-index: -1;
}

		@media screen and (max-width: 1223px){
		
			#startwar1 {

				background-size: 1223px 1102px;
			}
	
	
		}





		@media screen and (max-width: 1023px){
		
			#startwar1 {
				height: 450px;
				background-size: 1023px 922px;
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#startwar1 {
				height: 300px;
				background-size:833px 400px;;
			}
	
		}



#part1war1 { 
	background-color:#2D2D2E; 
	min-height: 450px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


#part2war1 { 
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 450px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#part3war1 { 
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 450px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

#quote1war1 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 1000px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}



/* 




sections War part .2 page





*/

/* 
#startwar2 { 
	background: url(../images/intro/_police.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	height: 600px;   
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
     z-index: -1;
}

			@media screen and (max-width: 1023px){
		
			#startwar2{
				height: 450px;;
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#startwar2{
				height: 300px;
				background: url(../images/intro/_police.jpg) 50% 0 no-repeat fixed; 
				background-size: contain;
				background-size: 950px 800px;;
			}
	
		}
 */


#part1war2 { 
	background-color:#2D2D2E; 
	min-height: 450px;
	max-height: 3520px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


#part2war2 { 
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 400px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}



#storyquotewar2 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 7200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 

}

#quote1war2 { 
	background-color:#171718; 
	min-height: 300px;
	max-height: 2200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}

#part3war2 { 
	background-color:#2D2D2E; 
	background-size: cover;
	margin: 0 auto; 
    width: 100%; 
    min-height: 400px;
	max-height: 3520px;
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}


/* warpics */


#warb1 { 
	background: url(../images/timewar/largegun.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: cover;
	height: 2200px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
	position: relative;
}

		@media screen and (max-width: 1223px){
		
			#warb1 {
				background: url(../images/timewar/largegun.jpg) 50% repeat; 
				background-size: auto 110%;
	  			-webkit-background-size: auto 110%;
	
			}
	
	
		}
		
		@media screen and (max-width: 1023px){
		
			#warb1 {
			
				background-size: auto 115%;
	  			-webkit-background-size: auto 115%;
	  		
	
			}
	
	
		}

		@media screen and (max-width: 755px){
		
			#warb1 {
		
				background-size: auto 115%;
				-webkit-background-size: auto 115%;	
			}
	}






/* 





colophon css 

  ccc      ccc    cc       ccc    ccccc    cc     cc    ccc    ccc   cc
cc   cc  cc   cc  cc     cc   cc  cc   cc  cc     cc  cc   cc  cccc  cc
cc       cc   cc  cc     cc   cc  cc   cc  ccccccccc  cc   cc  cc cc cc
cc       cc   cc  cc     cc   cc  ccccc    cc     cc  cc   cc  cc  cccc
cc   cc  cc   cc  cc     cc   cc  cc       cc     cc  cc   cc  cc   ccc
  ccc      ccc    ccccc    ccc    cc       cc     cc    ccc    cc    cc



*/

#startcolo { 
	background: url(../images/intro/vidgel.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: auto 900px;
	height: 600px;   
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    z-index: -1;
}

		@media screen and (max-width: 1223px){
		
			#startcolo {
				background-size: auto 700px;
			}
	
	
		}





		@media screen and (max-width: 1023px){
		
			#startcolo {
								height: 450px;
				background-size: auto 550px;
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#startcolo {
				height: 300px;
				background-size: auto 450px;
			}
	
		}



#endcolo { 
	background: url(../images/candles.jpg) 50% 0 no-repeat fixed; 
	background-color: #171718; 
	background-size: auto 1250px;
	height: 960px;   
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    z-index: -1;
}

		@media screen and (max-width: 1223px){
		
			#endcolo {
				background: url(../images/candles.jpg) 50% 0 repeat;
				background-size: auto 130%;
			}
	
	
		}





		@media screen and (max-width: 1023px){
		
			#endcolo{
				background-size: auto 130%;
			}
	
	
		}


		@media screen and (max-width: 755px){
		
			#endcolo {
				background-size: auto 130%;
			}
	
		}







/* 
txt and titles
 

 
 
 */




.title1 {

		padding: 30px 0px 0px 0px;
		font-family: helvetica, arial, sans-serif;
		color: white;
		font-size: 35px;
		font-weight: bold;
/* 		font-style: italic; */
		letter-spacing: 2px
		line-height: 120%;
	}
	
/* 
			@media screen and (max-width: 1023px){
		
			.title1{
				font-size: 35px;;
			}
	
		}
	
		@media screen and (max-width: 755px){
		
			.title1{
				padding: 20px 20px 0px 20px;
				font-size: 30px;;
			}
	
		}
 */
		
.title1 > h1 {

		font-family: georgia, helvetica, arial, sans-serif;
		font-weight: normal;
		text-indent: 10px;

		}			
		


.title1 > h2 {

		padding: 250px 0px 0px 0px;
		font-family: helvetica, arial, sans-serif;
		color: white;
		font-size: 75px;
		font-weight: bold;
/* 		font-style: italic; */
		letter-spacing: 2px
		line-height: 120%;
		
	}	
	
			@media screen and (max-width: 1023px){
		
			.title1 > h2{
				padding: 150px 0px 0px 0px;
			}
	
		}
	
		@media screen and (max-width: 755px){
		
			.title1 > h2{
		padding: 20px 0px 0px 0px;
			}
	
		}
			
	
	

.title1 > h4 {

		padding: 0px 0px 0px 0px;
		font-family: helvetica, arial, sans-serif;
		color: white;
		font-size: 75px;
		font-weight: bold;
/* 		font-style: italic; */
		letter-spacing: 2px
		line-height: 120%;
	}	
		
	


	
.txt,.txt2,.txtcite {
		padding: 20px 0px;
		margin: 0 0 20px 0;
		font-family: georgia, helvetica, arial, sans-serif;
		color: #A2A3A5;
		font-size: 16px;
		line-height: 170%;
		text-align:justify;
		text-justify:inter-word;
/* 
		-moz-font-feature-settings: "liga=1, dlig=1";
    	-ms-font-feature-settings: "liga", "dlig";
   		-webkit-font-feature-settings: "liga", "dlig";
    	-o-font-feature-settings: "liga", "dlig";
   		font-feature-settings: "liga", "dlig";
 */
	}
	
			@media screen and (max-width: 755px){
		
			.txt,.txt2 {
				padding: 20px 20px 0px 20px;
			}
	
		}
	
.txtcite {
		font-size: 12px;
	}	
	
.citehover {
	margin: 0px 0px 0px 0px ;
	opacity: 0.5;	
		}
		
.citehover:hover {
	
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	opacity: 1;	
		}		
	
.quotetxt {
		padding: 30px 0px 30px 0px;
		font-family: georgia, helvetica, arial, sans-serif;
		color: #A2A3A5;
		font-size: 20px;
		line-height: 220%;
		font-style: italic;
		color: #A2A3A5;
		letter-spacing: 1px
/* 
		-moz-font-feature-settings: "liga=1, dlig=1";
    	-ms-font-feature-settings: "liga", "dlig";
   		-webkit-font-feature-settings: "liga", "dlig";
    	-o-font-feature-settings: "liga", "dlig";
   		font-feature-settings: "liga", "dlig";
 */
/* 
				text-align:justify;
		text-justify:inter-word;
 */
	}
	
			@media screen and (max-width: 755px){
		
			.quotetxt,.txtcite{
				padding: 20px;
			}
	
		}	
	
.boxtxt	
	{
		padding: 20px 20px 0px 20px ;

	}
	
.ital {
		font-style: italic;
	}

.smcp{
		font-variant:small-caps;
		float: left;

}

 .goldtxtcolor {
 
	color: #febc11;
	font-family: georgia, helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 160%;
	font-style: italic;

 }
 
  .maptxt {
 font-family: helvetica, arial, sans-serif;
		color: #A2A3A5;
		font-size: 12px;
		line-height: 200%;
		float: left;
 
 }
 
 
 	
			@media screen and (max-width: 755px){
			
		.maptxt,.goldtxtcolor{
				padding: 0px 20px 0px 20px;
		
			}
	
		}
	
	.chapheadp {
		border: solid black 0px;
	/* 
		margin-left: auto;
		margin-right: auto;
 */
		font-weight: bold;
		font-style: italic;
		text-decoration: none;	
/* 		letter-spacing: 1px */
	}
	
		@media screen and (max-width: 755px){
		
			.chapheadp {
				padding: 0px 20px 0px 20px;
			}
	
		}
		
	
	
.chaphead,.chaphead2,.chapheadend,.chapheadpic,.chapheadmex {
		border: solid black 0px;
/* 
		margin-left: auto;
		margin-right: auto;
 */
		padding: 50px 0px;
		font-family: helvetica, arial, sans-serif;
		color: #F16521;
		font-size: 24px;
		font-weight: bold;
		font-style: italic;
		text-decoration: none;	
/* 		letter-spacing: 1px */
	}
	
		@media screen and (max-width: 755px){
		
			.chaphead,.chapheadend {
				padding: 50px 20px 0px 20px;
			}
	
		}
		
.chapheadpic,.chapheadmex {
	
	padding: 0px 0px 0px 0px;
	}
	
	
		
	.chapheadend {
	color: #A2A3A5;
	}
		
	.chapheadend:hover {
	color: #F16521;
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	}
		
		
.chaphead2 > h1	{
font-family: georgia, helvetica, arial, sans-serif;
font-weight: normal;

}	
	
.datahead {
		border: solid black 0px;
		/* 
margin-left: auto;
		margin-right: auto;
 */
		padding: 50px 0px 0px 0px;
		font-family: helvetica, arial, sans-serif;
		color: #F16521;
		font-size: 24px;
		font-weight: bold;
		font-style: italic;

	}	
	
.datahead2 {
		border: solid black 0px;
	/* 
	margin-left: auto;
		margin-right: auto;
 */
		padding: 0px 0px 0px 10px;
		font-family: helvetica, arial, sans-serif;
		color: #A2A3A5;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;

	}
		
.quote,.quote3,.quote3tp,.quotestory {
		padding: 65px 0px;
		line-height: 200%;
		text-indent: -16px;
		font-size: 32px;
		letter-spacing: 1.5px
		text-decoration: none;	
		
	}
	
.quote > p2{
font-family: georgia, helvetica, arial, sans-serif;
font-weight: normal;
font-size: 14px;
}
	

	
	
	
/* 
	
		@media screen and (max-width: 1023px){
		
			.quote,.quote3,.quote3tp,.quotestory {
				font-size: 24px;
				padding: 25px;
				text-indent: -15px;;
			}
	
		}
	
		@media screen and (max-width: 755px){
		
			.quote,.quote3,.quote3tp,.quotestory {
				font-size: 24px;
				padding: 20px;
				text-indent: -12px;;
			}
	
		}
 */
	
.quote3 {
padding: 0px;
text-indent: 0px;
	}
	
.quote3tp {
padding: 65px 0px 0px 0px;
text-indent: 0px;
	}
	
.quotestory	{
padding: 0px 0px 0px 0px;
	}
	
	.quote2 {
		color: white;
		padding: 65px 0px;
		line-height: 200%;
		text-indent: -20px;
		font-size: 36px;
		letter-spacing: 1.5px;	
		text-shadow: 0 0 0.2em black;
	}
	
	
		@media screen and (max-width: 1023px){
		
			.quote2{
				font-size: 24px;
				padding: 25px 0px 0px 0px ;
				text-indent: -15px;
			}
	
		}
	
		@media screen and (max-width: 755px){
		
			.quote2{
				font-size: 24px;
				padding: 20px 0px 0px 0px;
				text-indent: -12px;
			}
	
		}
	
.quote2:hover {

	
		
	}	
	
	
/* 
image css 
*/

.float {
 float: left;
 width: 500px;

 }


.float:hover {
	opacity: 0.5;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
 }


.imageandcap {
	width: 100%;
}

	@media screen and (max-width: 755px){
		
			.imageandcap {
			 padding: 0px 0px 0px 0px;
			}
	
		}
	
		
.imagecaption {
	height: 58px;
	width: 98%;
	float: right;
	line-height: 140%;
	margin: 2px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	color: #656565;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-indent: -10px;
}	
		
		
.immar1		
	{
	margin: 30px 0px 0px 0px;
		}

.immar2		
	{
	margin: 240px 0px 0px 0px;
		}

.immar3		
	{
	margin: 150px 0px 0px 0px;
		}
		
.immar4		
	{
	margin: 30px 0px 540px 0px;
		}

.immar5	
	{
	margin: 30px 0px 280% 0px;
		}
		
.immar6	
	{
	margin: 200% 0px 50% 0px;
		}
.immar7	
	{
	margin: 200% 0px 30px 0px;
		}		

.immar8
	{
	margin: 100% 0px 30px 0px;
		}	
.immar9		
	{
	margin: 10px 0px 0px 0px;
		}
.immar10		
	{
	margin: 1200px 0px 0px 0px;
		}
		
.immar11	
	{
	margin: 0px 0px 30px 0px;
		}		
		
@media screen and (max-width: 755px){
		
			.immar2,.immar3,.immar4,.immar5,.immar6,.immar8 {
			 	margin: 30px 0px 0px 0px;
			}
	
		}

@media screen and (max-width: 755px){
		
			.immar7,.immar9,.immar11	 {
			 	margin: 0px 0px 0px 0px;
			}
	
		}
		
.imagebox {
		width: auto;
		height: auto;
	    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}


.quotebuffer1 {
width: 100%;
height: 400px;
}

.quotebuffer2 {
width: 100%;
height: 200px;
}

		@media screen and (max-width: 1023px){
		
			.quotebuffer1{
			height: 400px;
			}
	
		}
	
		@media screen and (max-width: 755px){
		
			.quotebuffer1,.quotebuffer2 {
				height: 0px;;
			}
	
		}

.line {
	height: 1px;
	width: 100%;
	background-color:#F16521;
	margin: 0px 0px 20px 0px;

}
.line2 {
	height: 1px;
	width: 100%;
	background-color:#F16521;
	margin: 20px 0px 20px 0px;

}

	.linetop,.linetopind,.linetopppl,.linetopcart,.linetoppro,.linetopwar {
	height: 1px;
	width: 100%;
	background-color:#F16521;
	margin: -15px 0px 20px 0px;

}

.linetopind{
	width: 75%;
}

	@media screen and (max-width: 1223px){
		
				.linetopind{
	width: 80%;
}

	
}

	@media screen and (max-width: 1023px){
		
				.linetopind{
	width: 85%;
}

	
}

	@media screen and (max-width: 775px){
		
				.linetopind{
	width: 85%;
}

	
}

.linetopppl{

}

.linetopcart{

}

.linetoppro{

}

.linetopwar{

}


	@media screen and (max-width: 1223px){
		
				.linetop,.linetopind,.linetopppl,.linetopcart,.linetoppro,.linetopwar{
			margin: -10px 0px 20px 0px;
			
			}
	
		}



		@media screen and (max-width: 1023px){
		
				.linetop,.linetopind,.linetopppl,.linetopcart,.linetoppro,.linetopwar{
			margin: -10px 0px 20px 0px;
			}
	
		}
	
		@media screen and (max-width: 755px){
		
				.linetop,.linetopind,.linetopppl,.linetopcart,.linetoppro,.linetopwar{
				margin: -5px 0px 20px 0px;
			}
	
		}



/* 
bg text colors 
*/

.bgboxcolors {
		margin: 50px 0 50px 0;
		padding: 0px 0 10px 0;
		background-color:#2D2D2E; 
		width: 100%;
		min-height: 300px;
		max-height: 4500px;
		box-shadow: 0 0 20px rgba(0,0,0,0.8);
	}
	
.nopad		
	{
	padding: 0 0 0 0;
		}