/*lumi national
 
background-color: #EEEEE7;	

  */

html{
	background-image: url('img/open_image.png');
	padding: 0px;
	background-size: 100%;
	background-attachment: fixed;
	background-position: 0px 60%;
	position: relative;
	background-repeat: none;

	} 


header {

	padding: 3px 0px 0px -50px;

}


body{
	
	background-color: #EEEEE7;
    width: 100%;
	background-color: rgba(0, 0, 0, 0);
	font-size: 95%; /* base font size is 14px */
	font-family: Lato-Light, Bank Gothic, Arial, 'Lucida Sans Unicode';
	line-height: 1.5;
	text-align: left;
	overflow-x: hidden;
    overflow-y: scroll;
}


a {
	color #CF5C3F;
	font-family: Lato-Light;
	text-decoration: none;	
	transition: background .300s ease-in-out;
   -moz-transition: background .300s ease-in-out;
   -webkit-transition: background .300s ease-in-out;
	
	
	}

a:link, a:visited {
	color: #888888;
	transition: color #CF5C3F;
	
	}
a:hover, a:active {

	color: #e06245;
	font-style: bold;
	transition: background .300s ease-in-out;
   -moz-transition: background .300s ease-in-out;
   -webkit-transition: background .300s ease-in-out;
	
	}
	
	
.body{
	margin: 0% auto;
	width: 80%;
	clear: both;
	
}


/* below added after*/


.logotopleft{
	width: 30%;
	height: auto;
	margin: 8px 0px 0px;
	padding: 2px;

}

.logobottomleft{
	width: 120px;
	height: auto;
	margin: 8px 0px 0px -2px;
	padding: 2px;
}


/* this adjust the tranparent background behind nav */
.top-header{
	width: 82%;
	height: 35px;
	background: rgba(255,255,255,0.0);
	padding:3% 3% 4% 17%;
	text-align: left;
	margin-top: -1%;
	margin-right: 0%;
	margin-left: -1%;
	font-size: 100%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	position: fixed;
	
}

.social{
	
	z-index: 5000;
	position: fixed;
	margin-left: 80%;
	margin-top: -8px;
}


.linkedin{
	width:  40px;
	height: auto;
	font-family: Lato-Bold;
	padding: 0px 0px 3px 0px ;
	background-color: #4875B4;
	text-align: center;
	color: #fff;
	font-size: 180%;
	float: right;
	font-family: Lato-Regular;
	transition: .200s ease-in-out;
   -moz-transition:  .200s ease-in-out;
   -webkit-transition:  .200s ease-in-out;
	
}

.linkedin:hover {
	width:  40px;
	height: auto;
	font-family: Lato-Bold;
	padding: 5px 0px 4px 0px ;
	background-color: #777;
	text-align: center;
	color: #fff;
	font-size: 180%;
	float: right;
	transition: .200s ease-in-out;
   -moz-transition:  .200s ease-in-out;
   -webkit-transition:  .200s ease-in-out;
}


.csv{
	width: 50px;
	height: auto;
	font-family: Lato-Regular;
	padding: 14px 0px 9px 0px ;
	background-color: #4875B4;
	text-align: center;
	font-family: Lato-Regular;
	color: #fff;
	font-size: 90%;
	float: right;
	margin-left: 3px;
	margin-right: 20px;
	transition: .200s ease-in-out;
   -moz-transition:  .200s ease-in-out;
   -webkit-transition:  .200s ease-in-out;
}

.csv:hover {
	width:  50px;
	height: auto;
	font-family: Lato-Regular;
	padding: 18px 0px 12px 0px ;
	background-color: #777;
	text-align: center;
	color: #fff;
	font-size: 90%;
	float: right;
	transition: .200s ease-in-out;
   -moz-transition:  .200s ease-in-out;
   -webkit-transition:  .200s ease-in-out;
   
}

.twitter{
	width: 50px;
	height: 31px;
	font-family: Lato-Bold;
	padding: 3px 0px 12px 0px ;
	background-color: #33CCFF;
	text-align: center;
	font-family: Lato-Regular;
	color: #fff;
	font-size: 200%;
	float: right;
	margin-left: 55px;
	margin-right: 3px;
	margin-top: -24px;
	position: absolute;
	transition: .200s ease-in-out;
   -moz-transition:  .200s ease-in-out;
   -webkit-transition:  .200s ease-in-out;
   
}

.twitter:hover {
	width:  50px;
	height: 38px;
	font-family: Lato-Bold
	padding: 5px 0px 4px 0px ;
	background-color: #777;
	text-align: center;
	color: #fff;
	font-size: 200%;
	float: right;
	transition: .200s ease-in-out;
   -moz-transition:  .200s ease-in-out;
   -webkit-transition:  .200s ease-in-out;
   
}

/*this mobes LA Chicago Boston in header*/
.donspangler {
	
	margin: 0px 0px -5px -200px;
	font-size: 220%;
	color: #fff;
	text-shadow: 1px 1px #777;
	
}


/*this changes the logo in the header*/
.topheaderbg {
	width: 90%;
	margin-left: -80px;
	

}



.icon{
opacity: 0.6;
	
}

.icon:hover{
	opacity: 9.9;
	
	
}

.logonew {

	display: none;

}

/*above added after*/

.mainHeader img{
	width: 100%;
	height: auto;
	margin: 0% 0% 1% 0%;
	
	

}

#nav{
	
	display: none;
}

#subNav ul li {
	display: none;
	background: rgba(255,255,255,0.9);
	padding: 2px 0px 0px 0px;
	width: 220px;
	height: 5px;
	margin-left: 59%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	transition: .300s ease-in-out;
   -moz-transition:  .300s ease-in-out;
   -webkit-transition:  .300s ease-in-out;
	

	} 
	
	
#subNav:hover ul li  {
 	text-align: center;
	display: block;
	padding: 14px 0px 0px 0px;
	width: 220px;
	height: 50px;
	background: rgba(255,255,255,0.9);
	visibility: visible;
	z-index: 100;
	transition: .300s ease-in-out;
   -moz-transition:  .300s ease-in-out;
   -webkit-transition:  .300s ease-in-out;
	
}



	

.mainHeader nav{
		
	/*background: rgba(255,255,255,0.6)*/
	margin: 100px 0% 8% -8px;
	/*position: fixed;*/
	height: 41px;
	width: 100%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	text-align: center;
	font-size: 105%;
	/*border-top:  #828282 solid 1px;
	border-bottom: solid #828282 1px;*/
	
	/*background-color: #474747;*/
	/*box-shadow: 1px 1px 1px #000000;*/
	/*opacity: 0.85;*/
	/*background: rgba(255,255,255,0.4);*/
	position: fixed;
	
		
	
}

.mainHeader nav ul {
	list-style: none;
	 margin: 0% auto;
	
		
	
}

.mainHeader nav ul li {
	float: center;
	display: inline;
	position: relative;
	padding: 0px 2px;
	margin-bottom: 2px;
}


.mainHeader nav a:link, .mainHeader nav a:visited {
	
	border-style: solid;
	font-family: Lato-Regular;
	border-width: 1px;
	color: #878787;
	border-color: rgba(255,255,255,0.1);
	/*border-color: rgba(255,255,255,0.8);*/
	display: inline-block;
	padding: 4px 25px 7px;
	height: 22px;  
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	transition: .300s ease-in-out;
   -moz-transition:  .300s ease-in-out;
   -webkit-transition:  .300s ease-in-out;
	
	/*background-color: #009900;*/
	
}


/*this will adjust the hover to keep it form moving when mouse over*/
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {

	/*background-color: #E3E3D6;*/
	color:  #000000;	
	font-family: Lato-Regular;
	/*border-bottom: solid #CF5C3F;
	border-bottom-width: 2px;
	border-bottom-style: dotted;*/
	padding: 4px 25px 8px;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	border-color: #989898;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: none;	
	/*background: rgba(255,255,255,0.3);*/
	transition: .300s ease-in-out;
   -moz-transition:  .300s ease-in-out;
   -webkit-transition:  .300s ease-in-out;
   
  /*-webkit-transition-width: 1s; /* For Safari 3.1 to 6.0*/
  /* transition: 1s;
  -webkit-transition-timing-function: bottom;*/
     
	
}


.header_copy{
	z-index: -1;
	color: #fff;
	font-size: 200%;
	margin-bottom: 150px;
	margin-top: 40%;
	margin-left: -2%;
	text-align: left;
	padding-left: 80px;
	font-family: Lato-Hairline;
	background: rgba(0, 0, 0, 0.5);
	width: 30%;
	position: fixed;
	
 
}

.video-div {
	
	z-index: -200;
	position: absolute;
}


/*.parallax-window {
    min-height: 400px;
    background: transparent;
}*/

video {
z-index: -1;
 position: fixed;
 margin-left: -20px;
 margin-top: -50px;
 width:  103%;
 
 background-repeat: none;

   
}


video #bgvid { 
	z-index: -1;
    position: absolute;
    top: -100%;
    left: 0%;
    min-width: 100%;
    min-height: 100%;
    width: 1200px;
    height: 1200px; 
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
    }

/*took this out #bgvid from video css*/

/*video  {

margin-top: -2%;
position: fixed;

top: 50%;

left: 50%;

min-width: 100%;

min-height: auto;

width: 100%;

height: auto;

z-index: -100%;

-webkit-transform: translateX(-50%) translateY(-50%);

transform: translateX(-50%) translateY(-50%);

background: url(ad_mobile.jpg) no-repeat;

background-size: 100%;

}*/


.nav-fade li {
   background: #00000; 
   display: inline-block;

   }

.nav-fade li:hover {
	/*opacity: 0.80;*/
	border-bottom-width: 0px solid #CF5C3F;
	border-bottom: ;
    transition: .300s ease-in-out;
   -moz-transition: .300s ease-in-out;
   -webkit-transition:  .300s ease-in-out; 
     
      }

	
.mainHeader nav ul li a {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	

}


.scrollToTop {
	width:75px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #000000;
	font-size: 70%;
	text-decoration: none;
	position:fixed;
	top:500px;
	right:30px;
	display:none;
	background: url('img/up-arrow.png') no-repeat 0px 20px;
}

.scrollToTop:hover{
	text-decoration:none;
}



.mainContent {
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	
}

.content {
	width: 70%;
	float: left;

}

.post-info {
	font-style: italic;
	color: #999;
	font-size: 85%;

}

.topcontent {
 	color: #777;
	background-color: #fff;
	width: 8%;
	border-style: none;
	border-width: 1px;
	border-radius: 4px;
	border-color: #C1C1C1C;
	
	padding: 3% 5% 5%;
	margin-right: 0%;
	margin-top: 2000px;
	box-shadow: 1px 1px 8px 3px #d2d2d2;
		
}

.topcontent2 {
	z-index: 1000;
 	color: #777;
	background-color: #fff;
	width: 50%;
	border-style: none;
	border-width: 1px;
	border-radius: 4px;
	border-color: #C1C1C1C;
	padding: 3% 5% 7%;
	margin-right: 0%;
	margin-top: 450px;
	box-shadow: 1px 1px 8px 3px #d2d2d2;
		
}

.wordpress{
    width: 100%; 
    height: 650px;

}


iframe {
        width: 1px;
        min-width: 100%;
        *width: 120%;
    }
    
    
.bottomcontent {
	background-color: #fff;
	
		/*below added after*/
	height: 162%;
	width: 90%;
		/*above added after*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5% 5%;
	margin-right: 0%;
	margin-top: 2%;
	box-shadow: 1px 1px 8px 3px #d2d2d2;

}


.top-sidebar {
	width: 24%;
	
	float: left;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1%;
	margin-left: 2%;
	margin-top: 0%;
	padding: 2% 2% 3%;
	box-shadow: 1px 1px 8px 3px #d2d2d2;
	

}


.middle-sidebar {
	width: 24%;
	float: left;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 2%;
	padding: 2% 2% 3%;
	box-shadow: 1px 1px 8px 3px #d2d2d2; 
	
}

.bottom-sidebar {
	width: 24%;
	height: auto;
	float: left;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 450px 0% 1% 2%;
	padding: 2% 2% 2%;
	box-shadow: 1px 1px 8px 3px #d2d2d2;
}


.mainFooter{
	background-color: #111;
	background-size: 120%;
	width: 129%;
	height:90px;
	float: left;
	/*background-color: #000000;*/
	margin: 850px 0px 0px -20px;
	font-size: 85%;
	text-align: left;
	color: #FFF;
	padding: 2% 0% 15% 15%;
	box-shadow: 1px 1px 1px #888888;
	position: static;
	overflow: hidden;
	
}

.p2{
	color: #FFF;
	text-align: left;
	padding: 0% 5% 0% 7%;
	
}

p2{
	color: #FFF;
	text-align: left;
	padding: 0% 5% 0% 0%;
	font-size:140%;
	margin-left: -200px;
	text-shadow: 1px 1px #777;
	
}

.copyright{
		color: #fff; 
}


.footer-left{

		float: left;
		width: 50%;
		padding:0%;

}

.footer-right{

		float: left;
		width: 50%;
		


}

/*@font-face {
   font-family: Jura-Regular;
   src: url(font/Jura-Regular.ttf);
}*/

@font-face {
   font-family: Lato-Regular;
   src: url(font/Lato/Lato-Regular.ttf);
}

@font-face {
   font-family: Lato-Hairline;
   src: url(font/Lato/Lato-Hairline.ttf);
}

@font-face {
   font-family: Lato-Light;
   src: url(font/Lato/Lato-Light.ttf);
}

@font-face {
   font-family: Lato-Bold;
   src: url(font/Lato/Lato-Light.ttf);
}



p {
	color: #555555;
	
	
	
	}


p3{
    color: #FFF;
    margin-left: -200px;
   

}


.readmore {

		/*background-color: #EEEEE7;*/
		padding: 1% 1% 1% 1%;
		border-style: solid;
		border-width: 1px;
		border-color: #D6D6D6;
		text-align: center;
		width: 100px;
		height: auto;
		color: #000000;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		/*border-bottom: 3px solid #878787;*/
		font-family: Lato-Light;
		font-size: 85%;
		transition: .300s ease-in-out;
   		-moz-transition:  .300s ease-in-out;
  		-webkit-transition:  .300s ease-in-out;
  		font-family: Lato-Regular;
   		

}

.readmore:hover{
		/*background-color:  #EEEEE7;*/
	
		border-style: solid;
		border-width: 1px;
		border-color: #989898;
		/*border-bottom: 3px solid #000000;*/
		color: #e06245;
		transition: .300s ease-in-out;
   		-moz-transition:  .300s ease-in-out;
   		-webkit-transition:  .300s ease-in-out;
   		/*#CF5C3F   #B3B3B3 */
}

hr{
		height: 0.25px;
		background-color: #B3B3B3;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		
	
}

.line-separator{
		height: 0.5px;
		background: #B3B3B3;
		border-bottom: 1px solid #B3B3B3;

}



/*mobile*/

						

					    /*mobile*/

						@media only screen and (max-width: 1200px){
							
						/*mobile nav*/
							@media only screen and (max-width: 1200px){

@media screen and (max-width: 1200px) {
		#menu {
	 		z-index: 6;
			width:2.3em;
			height: 2.0em;
			display: block;
			background-color: rgba(256,256,256, 0.9);
			font-size:1.35em;
			text-align: center;
			position: fixed;
			margin-bottom: 4px;
			margin-left: 75%;
			
			
			
			
		}
		
		#menu:hover{
		
		background:#ddd;
		}
		
		
		#nav.js {
			display: none;
		}
	
		
		ul {
		    width: 2px;
			z-index: 9;
			width:25%;
			position: fixed;
			background: rgba(256,256,256, 0.9);
			margin-top: 53px;
			list-style: none;
			margin-left: 0px;
			padding: 0 20% 0 50%;
			text-align: right;
		}
		
		li {
			width:100%;
			border-right:none;
			list-style: none;
			color: #fff;
			padding: 3%;
		}
		
		
		
		
	}
	
	
	
	
	@media screen and (min-width:1200px) {
		#menu {
			display: none;
		}
	}
		

		a:link, a:visited {
		
	/*color: #00b4bc;*/
	color: #777;
	transition: color #256EB8;
	
	}

a:hover, a:active {

	/*color: #743423;  e06245*/
	color: #000;
	font-style: bold;
	
	}
	
	
	
	
	
#subNav ul li {
	display: none;
	background: rgba(255,255,255,0.9);
	padding: 0px 0px 0px 0px;
	width: 25px;
	height: 5px;
	margin-left: -100%;
	border-radius: 2px;
	margin-top: 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	transition: .300s ease-in-out;
   -moz-transition:  .300s ease-in-out;
   -webkit-transition:  .300s ease-in-out;
	

	} 
	
	
#subNav:hover ul li  {
 	text-align: left;
	display: block;
	padding: 0px 0px 0px 0px;
	width:25px;
	height: 50px;
	background: rgba(255,255,255,0.9);
	visibility: visible;
	z-index: 100;
	transition: .300s ease-in-out;
   -moz-transition:  .300s ease-in-out;
   -webkit-transition:  .300s ease-in-out;
	
}


/*mobile nav above*/





html {
	
	
	background-image: url('img/peir.jpg');
	
	} 


.top-header {

	height: 30px;
	margin: -9px 0 0 -10px;
}


.locations {
	
	display: none;
}


	.body{
	
	width: 90%;	
	font-size: 95%;
	background: rgba(255,255,255,0.5);
	height: 200px;
	
	
	}


/*adjusts the logo in mobile*/
	.mainHeader img{
	width: 250px;
	visibility:url('img/ln_logo2.png');
	box-shadow: 1px 1px 1px  #888888;
	background: rgba(255,255,255,0.5);
	margin-top: 65px;
	margin-left: 4%;
	z-index: -1;
	text-align: center;
	

	
	}
	
.header_copy{
	width: 86%;
	font-size: 200%;
	margin-left: 4%;
	margin-top: 160px;
	padding: 0px 8px 0px 8px ;
 
}

.social{
	
	float: left;
	margin-left: 0%;
	display: block;
}

	
.logonew{
	display: none;
	float: left;
	background: #FFF;
	padding: 2% 2%;
	width: 25%;
	margin-top: 200px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: fixed;
	text-align: center;
	}
	
	
	
.logo{
	
	
	}

	
	
	
	.slider{
		display: none;
}
.shadow{
  		display: none;
}

.slider img{
	display: none;
}
	
	
	.logotopleft{	
		width: 200px;
	margin: 0px 0px 0px 100px;

}


.mainHeader nav{

	height: 260px;
	width: 90%;
	opacity: 0.85;
	margin: 0% 3% 3% 4%;
	padding: 7px 0px 7px 0px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	}
	 
.scrollToTop {
	display: none;
	
}

.scrollToTop:hover{
	text-decoration:none;
	display: none;
	
}

nav{
	
	display: none;
}
nav:hover {
	
	display: block;
}

.mainHeader nav ul {
	padding-left: 0;
	
	}

.mainHeader nav ul li {
	width: 90%;
	text-align: center;
	display: block;
	
	}

.mainHeader nav a:link, .mainHeader nav a:visited {
	padding: 10px 25px;
	height: 20px;
	display: block;
	

	}
	
.nav-fade li {
  
   padding: 0px 0px 0px;
   display: inline-block;
   transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;
   }

  .nav-fade li:hover {
      
     
      }
	
	
	
.content {
	width: 100%;
	float: left;
	margin-top: 2%;
	
	}
	.post-info{
	display: none;
	
	}
	
	

.topcontent {
	width: 90%;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;
		
	}
	
.topcontent2 {
	
	
	
	margin-top: 250px;
	
		
}
	
.wordpress {
		width: 95%;
		height: 650px;
	}

.bottomcontent {
	width: 1px;
	min-width: 90%;
	*width: 90%;
	height: 900px;
	min-height: auto;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
	margin-top: 2%;

	 }
	 
	 
.wordpress{
    width: 110%; 
    height: 650px;

	}

	 iframe {
        width: 1px;
        min-width: 90%;
        *width: 90%;
        height: 500px;
    }
    
    
	 
.top-sidebar {
	width: 94%;
	margin: 2% 0% 1% 0%;
	padding: 2% 3%;
	
	}
	
.middle-sidebar {
	width: 94%;
	margin: 2% 0% 1% 0%;
	padding: 2% 3%;
	
	}

	.bottom-sidebar {
	width: 94%;
	margin: 2% 0% 1% 0%;
	padding: 2% 3% 2% ;
	
	}

.mainFooter{
	background-image: none;
	width: 90%;
	float:left;
	background-color: #000;
	margin: 450px 0% 0% 0%;
	padding: 2%;
	clear: both;
	font-size: 85%;
	text-align: left;
	color: #FFF;
	padding: 5%;
	
	
	
	
	.mainFooter .footer-left {

		float: left;
		width: 50px;
		margin-right:2%;
		

	}

	.footer-right{

		float: left;
		width: 12.5%;
		margin-left: 5%;
		}
	
	
	.bottom-footer{
	
		position: absolute;
		clear:both;
		padding: 100%;
		
	}
}