@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

 
div#slider { overflow: hidden; min-width:300px; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 10s slidy infinite; 
}



img { border: none; }

.alert{
font-size:16px;	
	}
body {
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
 /* text-align:center;*/
  background-color:#F4F4F4;
  background-image: url();
  background-repeat: repeat;
  background-position:top;
  color:#000;
  max-width:1200px;  
  margin:0 auto; 
  margin-top:10px;
  margin-bottom:30px;
  -moz-box-shadow:3px 3px 5px 2px #333;
  -webkit-box-shadow:3px 3px 5px 2px #333;
  box-shadow:3px 3px 5px 2px #333;  
   
}

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

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

p{
/*text-align:center;*/
font-style:none;
	}


h1{
	font-size: 40px;
	font-family: Champagne, Arial, Helvetica, sans-serif;
	line-height: .9em;
	color: #000;
	}
	
		
h3{		
	font-style:italic;
		
		}
		
h4{
	font-style:italic;
	
		}
		
a {
 
 color:#fff;
  text-decoration:none;
  /*text-shadow:1px 1px 1px #104D00;*/
}

.white{
background-color:#fff;	
	}

a:hover {  
  color:#bbb; 
}



#menu1{
	font-size:16px;
	background-color:#fff;
	float:left;	
	margin-left:7%;
	margin-right:5%;
	font-family:ChampagneBold, Arial, Helvetica, sans-serif;	
	}
	
#menu, a{
	color:#000;

}

.logowrap{
float:left;
width:50%;	
}

.logo{
max-width:500px;
float:left;	
margin-top:0px;
position:relative;
z-index:3;	
	}
	
.phone{
padding-top:4px;
float:left;
z-index:3;
color:#000;
font-size:30px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
}
	
.bolt{
	float:left;
	width:18px;
	padding-right:4px;
	}


	
#head { 
background: #fff;  
padding:20px 0px 0px 0px;
height:142px; 
}



#panel-0 {
background-color:#eaeaea;
height:400px;
color:#333; 
display:inline;
width:50%;
}

.strip{
height:10px;
float:left;
width:100%;
margin-bottom:10px;
margin-top:40px;
}

.panel{
min-height:440px;
float:left;
width:100%;
}

.panelxs{
min-height:80px;
width:100%;
float:left;
	}

.panelsm{
color:#000;
min-height:168px;
float:left;
width:100%;
}



.headwrap{
width:90%;
margin:0 auto;	
	}

.wrap{
width:80%;
max-width:1000px;
margin:0 auto;	
	}
	
.pitchwrap{
width:70%;
margin:0 auto;	
	}	
.pitch2wrap{
width:86%;
float:left;	
	}
.pitchwrap3{
width:66%;
margin:0 auto;	
	}	
.3rd{
float:left;
width:33%;	
}		

.third{
float:left;
width:320px;	
}

.cell{
display:inline;
width:320px;
margin-top:20px;	
	}
		
.brick{
float:left;
width:50%;	
}

.brickP{
float:right;
width:50%;
background-color:#eaeaea;
height:400px;	
}
	
#appt{
	float:left;
	width:400px;
	height:780px;
	}

#container {	
	color: white;		
	text-align: left;	
/*	text-shadow: 0px 0px 4px rgba(255,255,255, 0.5);*/
}

.footer { 
text-align:center;
color:#000;
background-color:#fff;
padding-bottom:15px;
} 

.btn {
  float:left;
  width:100px;
  -webkit-border-radius: 16;
  -moz-border-radius: 16;
  border-radius: 16px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #000000;
  padding: 15px;
  text-decoration: none;
  margin-left:25%;
  text-align:center;
  font-family:ChampagneBold, Arial, Helvetica, sans-serif;

}



.bs {
	 color: #000;
     -moz-box-shadow:1px 2px 3px 2px #999;
  -webkit-box-shadow:1px 2px 3px 2px #999;
  box-shadow:1px 2px 3px 2px #999;

}

.btn:hover {
  background: #8a8a8a;
  text-decoration: none;
} 

.yellow {  
  background: #ffce07;

}

.purple {  
  background: #edcaa4;

}

.khaki {  
  background: #d8cbad;

}


.blue {  
  background: #00aeef;

}

.red {  
 /* background: #ed1c24;*/
  background: #d71920;
    /*-moz-box-shadow:1px 2px 3px 2px #999;*/

}

.green {  
  background: #58b947;
}

.grey {	
background-color: #eaeaea;
}
	
.menuBtn{
	display:none;
}


.scale{	
	max-width:76%;
	margin:0 auto;
	}
.fit{	
	width:50%;	
	}
	
#menu2{
display:none;		
		}	
.esa_logo{	
	width:56%;
	margin-left:50px;
	}		
.esa {
	font-size: 12px;	
}
.esa2{
float:left;
font-size: 14px;
font-weight:bold;}

.dogear{
display:inline;
max-width:168px;	
	}
	

	
@media only screen and (max-width: 1140px) {

.dogear{
display:none;	
	}
	
	.scale{	
	positon:relative;
	margin-left:-24px;
	max-width:98%;
	max-width:300px;
	}

	
.phone{
float:left;
margin-left:5%;
font-family:"Times New Roman", Times, serif;
font-size:24px;
}


h1{	font-size:36px;
padding-top:20px;
	}


	
.pitchwrap{
width:76%;
margin:0 auto;	
	}
	
.pitchwrap3{
width:94%;
margin:0 auto;	
	}
	

#panel-0 {
background-color:#eaeaea;
height:600px;
color:#333; 
display:inline;
width:100%;
}


.panel{
height:680px;}


.fit{	
width:100%;	
	}
	
.cell{
display:none;	
	}

.brick{
position:relative;
width:100%;
	
}		

.brickP{
	height:540px;
float:left;
width:100%;
background-color:#eaeaea;	
}

#menu1{
display:none;
	}
	
#menu2	{
display:inline;		
width:96%;
font-size:33px;
line-height:1em;
padding-left:5%;	
float:left;
background-color:#fff;
position:relative;
margin-top:-18%;
z-index:2;
font-family:Champagne, Arial, Helvetica, sans-serif;	
	}

#menu2List{
position:relative;
margin-top:24%;	
	}	
	
#head {   
padding:10px 0px 0px 0px;
height:100px; 
}


#container {
text-align:left;
}

#appt{
	float:left;
	width:300px;
	height:780px;
	}
.menuBtn{
	width:20%; 
	max-width:86px;
	display:inline;
	float:right;
	padding:2%;
	margin-top:0;	
	}	

.blu {
	color:#0057a9;
	text-decoration:none;
	font-size:2em;
	font-family:Arial, Helvetica, sans-serif;
	display:block;	
	margin-bottom:24px;
	margin-left:10%;
}
.wht {
	color:#fff;
	text-decoration:none;
	font-size:2em;
	font-family:Arial, Helvetica, sans-serif;
	display:block;	
	margin-bottom:24px;
	margin-left:10%;
}

.logowrap{
position:relative;
z-index:3;
width:80%;	
}

.logo{
	margin-top:5%;
	width:86%;
	}

.btn {
    margin-left:37%;
}
.esa_logo{	
	width:86%;
	margin:0 auto;
	margin-bottom:20px;
	}
				
body { 
  max-width:640px;   
   
}





@media only screen and (max-width: 400px) {

body {     
  margin-top:0px;
  margin-bottom:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;  
   
}

#menu2	{
margin-top:-21%;

	}

}