@charset "UTF-8";
/* CSS Document */

/* 
light blue 227, 239, 246 #e3eff6
green #005e4c.  0, 94, 76, 1.0

TEAL : Pantone 7707  RGB 0, 95, 127  #005f7f   cmyk 100, 55, 34, 12
BLUE : Pantone 288  RGB: 0, 45, 115   #002d74  cmyk 100, 87, 27, 19


*/

 

 

html, body, div, p, h1, h3, h4, h5, h6, p, ul, ol, li, img {
margin: 0;
padding:0;
}


html { scroll-behavior: smooth;
height: 100vh;
width: 100vw;
position: relative;
background-size: cover;
background-repeat: repeat;
background-color: rgba(144, 153, 63, 0.1);}




/*  ----------------------links----------------------------*/

a:link {
color: #005f7f; text-decoration: none;  
}

 
 

nav a:link {
color: #fff;text-decoration: none;
}

nav a:visited {
color: #e3eff6;text-decoration: none;
}

a:visited {
color: #999;text-decoration: none;
}
a:hover {
color: #666;text-decoration: none;
}
a:active {
color: #666;text-decoration: none;
}

a.one:link {
color: #fff;text-decoration: none;
}
a.one:visited {
color: #EAF3B3;text-decoration: none;
}
a.one:hover {
color: #b92353;text-decoration: none;
}
a.one:active {
color: #666;text-decoration: none; font-weight:700;
}
a.two:link {
color: #fff;text-decoration: none;
margin-left: 20%;

}
a.two:visited {
color: #EAF3B3;text-decoration: none;
margin-left: 20%;
}
a.two:hover {
color: #b92353;text-decoration: none;
margin-left: 20%;
}
a.two:active {
color: #666;text-decoration: none; font-weight:700;
margin-left: 20%;
}



.up {
margin: -9px  1em 0 .5em;
}


a.up:link {
color: #fff;text-decoration: none;
margin-left: 10%;
}
a.up:visited {
color: #fff;text-decoration: none;
margin-left: 10%;
}
a.up:hover {
color: #fff;text-decoration: none;
margin-left: 10%;
}
a.up:active {
color: #fff;text-decoration: none; font-weight:700;
margin-left: 10%;
}




/*  -----------text formatting-------------*/
ul {
/*list-style-image: url('images/gw_icon15.png');*/ 
font-family: 'Raleway', sans-serif;;	
font-size: 1em;
line-height: 1.5em;
color: #333;
letter-spacing: .02em;
font-weight: 300;
margin: 1em 0 0 1em;
 
 
}

ul .big {
font-family: 'Tulpen One', cursive;	
font-size: 2em;
 line-height: 0em; 
color: #fff;
letter-spacing: .02em;
font-weight: 300;
margin-bottom: 0px;
margin-left: 0em;
	 
}


li {margin-bottom: 12px;}

ul ul {list-style-type: square;
line-height: 1em;}

ol {
font-family: 'Raleway', sans-serif;	
font-size: 1em;
line-height: 1.75em;
color: #666;
letter-spacing: .02em;
font-weight: 600;
margin-bottom: 18px;
margin-left: 2em;

}

ol.alpha {list-style-type: lower-alpha;}

sup {
vertical-align: super;
font-size: .4em;
}

p  {
font-family: 'Raleway', sans-serif;	
font-size: 1em;
line-height: 1.5em;
color: #333;
letter-spacing: -.01em;
font-weight: 300;
margin-bottom: 9px;
}


.bold { 
font-weight: 600;
 }


/*
.accordion p {color: #333;}
.accordion h2  {color: #333;}*/
.accordion p4 {color: #fff;}


 

 
 


h1 { 
font-family: 'Tulpen One', cursive;
font-size: 6.2em;
color: #002d74;
font-weight: 400;
margin: 0  0 -.2em 0 ; 
line-height: 1.1em;
/*word-wrap: break-word;*/
text-align: left;
}

.small {font-family: 'Open Sans Condensed', sans-serif;
font-size: .5em;
color: #005f7f;}


h2 { 
font-family: 'Tulpen One', cursive;
font-size: 3em;
color:  rgba(0, 95, 127, 0.7);
font-weight: 500;
margin: 2em 0 .75em 0; 
text-align: left;
	line-height: 1.em
}

h1 + h2 {margin-top: 0;}
 

h4 + h2 { 
margin: 0 0 .25em 0;  
}
 

h3 { 
font-family: 'Tulpen One', cursive;
font-size: 2em;
line-height: 1em;
color:  rgba(0, 95, 127, 0.6);
font-weight: 400;
}

/*h3 .bold {font-size: 1em; line-height: 1em;   padding: 0 0 0 0 ;}
*/



h4 { 
font-family: 'Raleway', sans-serif;
font-size: 1.25em;
line-height: 1.5em;
color: #333;
margin: 0 0 0 0;
letter-spacing: 0;
padding: 0 0 1em 0;
	font-weight: 400;
}

 



p + h4 {margin: 3em 0 0 0;}


.barright h4 {margin: 0 0 0 0; padding-top: 0; text-align: center; line-height: 3em; font-weight: 600;}
 
.barright img {margin-top: 2em;} 

img + h4 {margin: 3em 0 0 0;}

img + p {margin: 2em 0 0 0;}

/*button h4 {color: #fff;}*/

h5 { 
font-family: 'Raleway', sans-serif;
font-size: 1em;
line-height: 1em;
color: #333;
margin: 0 0 0 0;
letter-spacing: -.25px;
padding: 0 0 0 0;
font-weight: 700;
text-transform: uppercase;
}

h5 img {margin-bottom: 1em;}
 
h6 { 
font-family: 'Tulpen One', cursive;
font-size: 1.5em;
line-height: 1em;
color: #333;
margin: 0 0 0 0;
letter-spacing: .25px;
padding: .5em 0 0 0;
font-weight: 300;
text-transform: uppercase;
}

/*_______________________elements______________*/


body {
width: 100vw;
max-width: 1400px;
height: auto;
margin: 0 auto;
background-color: rgba(255, 255, 255, 1.0);
font-family: 'Raleway', sans-serif; 
font-size: 16px;
	padding-top: 4em;
}


header {
position: fixed;
top: 0;
width: 100%;
height: 200px;
padding: 0 0 0 6%;
max-width: 1400px;
margin: 0 auto;
background-color: rgba(60, 56, 56, 0);
	background: url("images/headercurved.png") no-repeat center top;
	background-size: 100% 50%;
	
}

 

li ul.c {  
position: absolute;
top: 4em;
left: -2em;
width: 100%;
min-width: 15em;
height: auto;
padding:   1em 2em 2em 2em ;
box-shadow: 0px 1px 0px #999;
display: block;
opacity: 0;
visibility: hidden;
transition: opacity  1s ease-in-out;
border: .25px solid rgba(216, 155, 43, 0.5); 
background:  rgba(255, 255, 255, 0.8); 
/*transition: all  1s ease-in-out;*/
list-style-type:none;

}


 


ul.c li { 

/*float: center;*/
display: block;
width: auto;
height: auto;
margin-bottom: 1em;
position: relative;
padding: 0 0 1em 0;
margin:0 0 0 0;
background: rgba(255,255,255,0);
cursor: pointer;


}

ul.c li p { 
font-size: .8em; 
line-height: 1.25em;
margin: 1em 1em 0 -2.45em;
text-align: left;
font-weight: 300;
letter-spacing: 0px; 
color: #333;
}  

ul.c li:hover p { 
border-bottom: .5px solid rgba(216, 155, 43, 0.4); 
}  


/*-------------------  nav----------------------*/
 

#logo {

float:left;
bottom:1em;
left: 0;
opacity: 1.0;
height: 5.5em; 
width: 5.5em;
padding: 0 0 0 0;
margin: -1em 0 0 0;
z-index: 1500;

}


nav {float: left;
top: 0;
right: 0;
width: 100%;
/*min-width: 300px;*/
z-index: 200;
padding:0  0 0 0;
cursor: pointer; 
}

ul.b  { 
text-align: left;
display: inline;
margin: 0 0 0 0;
padding: 0 3em ;
list-style: none;
width: 100%;
color: #333;
font-family: 'Raleway', sans-serif;
font-size: .9em;
line-height: .75em;
letter-spacing: -.1;
font-weight: 300;
}

 

ul.b li  {  
display: inline-block;
width: auto;
height: 2em;
top: 0;
position: relative;
padding: 2.5em 0 3em 0;
margin:   -1em 0 0 1em;
cursor: pointer;
list-style-type:none;

}

.active {background: rgba(255,255,255,0.8);}


ul.b li ul.c {  
position: absolute;
top: 3.5em;
left: -2em;
width: 100%;
min-width: 15em;
height: auto;
padding:   1em 1em 2em 2em ;
box-shadow: 0px 1px 0px #999;
display: block;
opacity: 0;
visibility: hidden;
transition: opacity  1s ease-in-out;
border: .25px solid rgba(216, 155, 43, 0.5); 
background:  rgba(255, 255, 255, 0.8); 
/*transition: all  1s ease-in-out;*/
list-style-type:none;

}



ul.b li:hover ul.c {
float: left;
width: 100%;
min-width: 20em;
opacity: 1;
visibility: visible;
background: rgba(255, 255, 255, 0.95); 
box-shadow: 0px 1px 55px #fff;
}




ul.b li ul.c li { 

/*float: center;*/
display: block;
width: auto;
height: 1.5vw;
position: relative;
padding: 0 0 2em 0;
margin: 0 0 0 0;
background: rgba(255,255,255,0);
cursor: pointer;

}



ul.b li ul.c li  p { 
font-size: 1em; 
line-height: 1.25em;
margin: 1em 1em 3em .5em;
text-align: left;
font-weight: 300;
letter-spacing: 0px;
color: #333;
}  

ul.b li ul.c li:hover p { 
border-bottom: .5px solid rgba(216, 155, 43, 0.4); 
}  





/*.cart {float: right; margin-top: 2em;}*/

.menu {
display: none;
}

.hide {
display: none;
}







@keyframes glowing {
0% { box-shadow: 0 0 -10px #a8641b; border: 0px solid rgba(255, 255, 255, 0);}
35% { box-shadow: 0 0 10px #a8641b; border: 0px solid rgba(255, 255, 255, 1);}
70% { box-shadow: 0 0 10px #a8641b;border: 0px solid rgba(255, 255, 255, 1); }
100% { box-shadow: 0 0 -10px #a8641b; border: 0px solid rgba(255, 255, 255, 0.3);}
}
.button-glow {
animation: glowing 5000ms infinite;
}


@keyframes glowingwhite {
0% { box-shadow: 0 0 -10px 10px #fff; border: 0px solid rgba(255, 255, 255, 0);}
40% { box-shadow: 0 0 5px  5px #fff; border: 0px solid rgba(255, 255, 255, 1);}
60% { box-shadow: 0 0 5px  5px #fff;border: 0px solid rgba(255, 255, 255, 1); }
100% { box-shadow: 0 0 -10px  10px #fff; border: 0px solid rgba(255, 255, 255, 0.3);}
}
.button-glow2 {
animation: glowingwhite 5000ms infinite;
} 

/*button p {text-align: center; color: rgba(255, 255, 255, 1.0); margin-top: .7em;  line-height: 1.2em;  }*/


/*button {float: left;
width: auto;
min-height: 2em;
margin: 1em 0 0 0;
border: none;
border-left: 1px solid rgba(255, 255, 255, 1.0) ;
background-color:  rgba(255, 255, 255, 0.3);
cursor: pointer;
padding: 1em;
transition: box-shadow 3s ease;
}


button:hover {*/
/*	box-shadow: 0 0 5px  5px rgba(255, 255, 255, 0.2);  */
/*border: .5px solid rgba(255, 255, 255, 0.4) ;
}

.inset {
postion: relative;	
}*/


/*-----------------------sections----------------------*/

* {
box-sizing: border-box;
}
 
#intro, #work, #fit, #amenities, #hello, #ourteam, #communitymembers, #officespace, #coworkingspace,  #ourstory, #communityrooms, #collaborationrooms, #gallery   {
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*float: left;*/
width: 100%;
height: auto;
min-height: 90vh; 
padding: 10em 10% 10% 10%;
background-color: rgba(255, 255, 266, 1.0); 
}

#gallery {padding: 0;
background-color: rgba(0, 95, 127, 1.0); min-height: 0;}

#intro { 
  background-image: url("images/collectivebldg.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#work { 
  background-image: url("images/desk.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;	 
}


#fit, #ourteam, #communitymembers, #coworkingspace, #officespace, #communityrooms, #collaborationrooms  { 
background-color: #fff;
height: auto;
min-height: 40vh; 
background-image: linear-gradient(to top, rgba(227, 239, 246, 1.0), rgba(227, 239, 246, 0), rgba(227, 239, 246, 0),rgba(227, 239, 246, 0));
}


#amenities { 
background-color: #fff;
height: auto;
min-height: 40vh; 
background-image: linear-gradient(to top, rgba(227, 239, 246, 1.0), rgba(227, 239, 246, 0), rgba(227, 239, 246, 0),rgba(227, 239, 246, 0));
}

#hello  { 
background-image: url("images/officewindows.jpg");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;	 
}

.barright {float: left;
	 
padding:    0 5%  0 5%  ;
margin: 5% 0 5% 0 ; 
border: none;
width: 33%;
min-height: 10vh;
}
.barright + .barright {border-left: .5px  solid #666;}

.barbottom {float: left;
padding:   3em 5%  0 5%  ;
margin: 5% 0 5% 0 ; 
border: none;
width: 100%;
min-height: 10vh;
}
.barbottom + .barbottom {border-top: .5px  solid #666;}

.bartop { 
text-align: left;
width: 100%;
padding:  5%;
margin:   0;
height: auto;
 
 border-top: .5px  solid #666;    }



.sidebar {float: left;
padding: 3em 3em  3em 3em;
margin: 5% 0 5% 3em; 
border: none;
width: 33%;
min-height: 10vh;
border-left: .5px  solid #666;
background-color: rgba(255, 255, 255, 0.2); 
}



.iconbar {
float: left;
width: 100%;
height: 450px;
padding: 0 0 0 10%;
max-width: 1600px;
background-color: rgba(60, 56, 56, 0);
background: url("images/curvebar.png") no-repeat center top;
background-size: 100% 50%;
margin: -100px 0 -350px 0;
}

.thinbar {
	display: flex;
flex-direction: row;
flex-wrap: wrap;
float: left;
width: 100%;
height: auto;
padding: 30px 0 2px 0;
max-width: 1600px;
background-color: rgba(60, 56, 56, 0);
background: url("images/gradgreens.jpg") no-repeat center top;
background-size: cover;
margin: 0 0 0 0;
}

.squarethird {/*position: relative;*/
/*display: flex;*/
/*flex-wrap: wrap;*/
padding:    0;
margin: 0 ; 
background-color: #3c3838;
border: none;
width: 33.3%;
min-height: 25vh;
}

.bluegrad {
float: left;
width: 100%;
height: auto;
padding: 5em 6% 0 10%;
background-image: linear-gradient(to top, rgba(227, 239, 246, 1.0), rgba(227, 239, 246, 0));
margin: 0 0 0 0;
}

.buttonback{
float: left;
width: 100%;
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


 
.standing {
 background-image: url("images/officeStanding.jpg");
	background-size: cover;
}
.windows {
 background-image: url("images/officewindows.jpg");
	background-size: cover;
}
.table {
 background-image: url("images/officetable.jpg");
	background-size: cover;
}
.laptop {
 background-image: url("images/officelaptop.jpg");
	background-size: cover;
}
.keyboard {
 background-image: url("images/officekeyboard.jpg");
	background-size: cover;
}

 .flex-container {
  display: flex;
 
}

.flex-container > div {
   
  margin: 20px 10px 10px 10px;
  font-size: 30px;
}
 

.row {
/*display: flex;
flex-wrap: wrap;
padding:  0px;*/
text-align: left;
	width: 100%;
}

.column1 {
 
max-width: 100%;
padding:  0;
margin: 0;
background-color: rgba(255, 255, 255, .4)	 
}


.column2 {
 
max-width: 60%;
padding:  10% 10% 5% 10%;
margin: 2% 0 2% 0;
background-color: rgba(255, 255, 255, .4)	 
}

 

.row { display: flex;
flex-wrap: wrap; }


 
.column3 {
float: left;	
width: 33%;
padding:  3%  3%  3%  0;
margin: 2% 0 2% 0;
 
}



.column30 {float: left;
margin: 0 ; 
width:33%;
padding: 0 6em 3em 1em;	
}

.column6 {
/*flex: 25%;*/
text-align: left;
width: 60%;
padding:  1%;
margin:   0;
min-width: 120px;
transition: box-shadow 3s ease;
height: auto;

}

 
 

/*---------------footer----------------*/

footer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
height: auto;
min-height: 0; 
padding: 5em 10% 5% 10%;
background-color: rgba(255, 255, 266, 1.0);
background-image: url("images/officeStandinglight.jpg"); 
background-position: center;
background-repeat: no-repeat;
background-size: cover; 
}
 

footer .column3 {width: 30%;}

 
/* --------------------gallery-----------------------*/
 .gallery {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;
  grid-gap: 30px;
  grid-column-start: 1;
	grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  align-content: start;
  max-width: 100%;
  margin: 0 auto;
  transition: all 150ms linear;
}

.gallery input[type="radio"] {
  display: none;
}

 
	
.gallery label {
  position: relative;
  display: block;
  padding-bottom: 60%;
  margin: 5px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.gallery label:before {
  border: 1px solid #e3e3e3;
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  bottom: -5px;
  top: -5px;
}

.gallery img {
  display: none;
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
 grid-row-end: 2; 
  width: 100%;
  transition: all 150ms linear;
}

.gallery input[name="select"]:checked + label + img {
  display: block;
}

.gallery input[name="select"]:checked + label:before {
  border: 1px solid #000;
 
}







/* ----------------tablet styles-------------------------*/
@media only screen and (min-width: 481px) and (max-width:950px) {

html {
scroll-behavior: smooth;
}
 
/*
header {padding: 0 5% 5% 0;}



#logo {
position:absolute;
top: 0;
left: 30%;
opacity: 1.0;
height: auto; 
width: 15em;
padding: 0;
margin: 0 0 0 0;
z-index: 1500;


}

nav {position:absolute;
top: 1em;
right: 0;
width: 100%;
padding: 0;
cursor: pointer;
z-index: 2500;background-color:aliceblue;
}
	*/
 

 
}
 




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

body {
width: 100%;
max-width: 100%;
height: auto;
margin: 0 auto;
background-color: rgba(255, 255, 255, 1.0);
font-family: 'Raleway', sans-serif; 
font-size: 16px;
padding-top: 0;
}

	
	
	
h1 { font-size: 4.5em; line-height: .85em;}
	


h1 + h2 {margin-top: .5em;}
 

h4 + h2 { 
margin: 0 0 .25em 0;  
}
	
		h2 { 
font-family: 'Tulpen One', cursive;
font-size: 3em;
color:  rgba(0, 95, 127, 0.7);
font-weight: 500;
margin: 2em 0 .5em 0; 
text-align: left;
	line-height: .8em
}
 

h3 { 
font-family: 'Tulpen One', cursive;
font-size: 2em;
line-height: 1em;
color:  rgba(0, 95, 127, 0.6);
font-weight: 400;
}
	
	

h4 { font-size: 1.2em;}
	
p { font-size: 1.1em; line-height: 1.5em;  }
	
nav a:link {
color: #fff;text-decoration: none; font-size: 1.5em;  
}

	

#logo {

float:left;
bottom:1em;
left: 0;
opacity: 1.0;
height: 6.5em; 
width: 6.5em;
padding: 0 0 0 0;
margin: -3em 0 0 0;
z-index: 1500;

}
/*-----------------------sections----------------------*/

* {
box-sizing: border-box;
}

#intro, #work, #fit, #amenities, #hello, #ourteam, #communitymembers, #officespace, #coworkingspace, #gallery  {
float: left;
width: 100%;
height: auto;
min-height: 10em; 
padding: 6em 2em 8em 2em;

}
	
	#gallery {padding: 0;}

#intro {
	  background-image: url("images/mcollectivebuilding.jpg");
	padding-bottom: 12em;}
	
	
.row {
display: flex;
flex-wrap: wrap;
padding:  0px;
text-align: left;
justify-content: center;
}
	
	
	 .flex-container {
  display: inline;
 margin-top: 20px;
}

.flex-container > div {
  float: left;
  margin: 0 1%;
  font-size: 30px;
	width: 45%;
}
	
	

.column1 {
/*flex: 100%; */
max-width: 90%;
padding:  0%;
margin: 0 0;
background-color: rgba(255, 255, 255, 0)	 
} 
	
.column3 {
width: 90%;
max-width: 90%;
padding:  0%;
margin: 0 0;
background-color: rgba(255, 255, 255, 0)	 
}
	
	#intro .column3 {width: 50%;}	
	
.sidebar {float: left;
padding: 3em 3em  3em 2em;
margin: 3% 0 5% 0; 
border: none;
width: 100%;
min-height: 10vh;
border-left: .5px  solid #666;
background-color: rgba(255, 255, 255, 0.2); 
}
		
 
	
.column30 {float: left;
margin: 0 0 0 0 ; 
border: none;
width:100%;
padding: 0 6em 3em 0;	
}

.column6 {
flex: 100%; 
width: 100%;	
max-width: 90%;
padding:  0%;
margin: 0 0;
background-color: rgba(255, 255, 255, 0)	 
}
	
.iconbar .column6 {max-width: 100%;}
.iconbar .column3 {max-width: 30%;}
footer .column3 {margin-top: 3em; text-align: center;}	
footer p {font-size: 1.25em;}
footer h5 {font-size: 1.5em;}	
footer .row {margin-top: 3em;text-align: center; font-size: .75em}	

.barright {float: left;

padding:    10% 5%  0 5%  ;
margin: 5% 0 5% 0 ; 
border: none;
width: 90%;
min-height: 10vh;
}

.barright + .barright {border-top: .5px  solid #666; border-left: 0px  solid #666;  }
 
.barright   {  border-left: 0px  solid #666;}
	
.buttonback{
float: center;
	text-align: center;
width: 100%;
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

/*
.barleft {float: left;
padding:  10% 5%  0 5%;
margin: 5% 0 5% 0 ;
border: none;
width: 90%;
min-height: 10vh;
background-color: rgba(255,255,255, 0.2)
}*/

/*---------------footer----------------*/

footer {
display: flex;
flex-wrap: wrap;
float: left;
width: 100%;
height: auto;
min-height: 10em; 
padding: 0 0 5em 10%;
background-color: rgba(60, 56, 56, 1.0);  
}
	
 
 footer .column3 {width: 100%;} 


/*-------------------side nav----------------------*/


.sidenav {display: none;
	position: fixed;}
 


/*-------------------  nav----------------------*/

.back { 
background: rgba(0,0,0,0);
width: 100%;
height: 0;
position: relative;
top: 0;
left: 5%;
padding-left: 0 ;
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-ms-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
transition: all 1.2s  ease-in-out;

}

.back:hover {background: rgba(0,0,0,0);
height: auto;
}

#show:target {display:inline;}
#hide {display:block;}
#show:target {display:block;}
#hide:target {display:none;}

/*.hide {
display: block;
}*/

 
	ul .big {
font-family: 'Tulpen One', cursive;	
font-size: 2em;
 line-height: 0em; 
color: #fff;
letter-spacing: .02em;
font-weight: 300;
margin-bottom: 0px;
margin-left: 0em;
	 
}
	
	
header {
position: fixed;
top: 0;
width: 100%;
height: 150px;
padding: 0 0 0 3%;
max-width: 1400px;
margin: 0 auto;
	background: url("images/headercurved.png") no-repeat center top;
	background-size: 100% 50%;	
}

#menu-toggle {
top:1.5em;
right: 2em;
width: 1.75em;
position:fixed;
z-index: 3000;
/*left:10em;*/
}

.menu {
display: block;
/*	margin-right: 0;*/
}


 
	
#logo {

float:left;
bottom:1em;
left: 0;
opacity: 1.0;
height: 1em; 
width: 1em;
padding: 0 0 0 0;
margin: -1.5em 0 0 0;
z-index: 1500;

}


nav {display: none;
position: fixed;
top: 55px;
left: 0;
width: 100%;
height: 85vh;
/*min-width: 300px;*/
z-index: 200;
padding: 10%;
cursor: pointer;
background-color: rgba(0, 95, 127, 0.95);
border: .25px solid rgba(216, 155, 43, 0.5); 
}

ul.b  { 
text-align: left;
display: inline;
margin: 0 5% 0 0;
padding: 0 0 0 0;
list-style: none;
width: 95%;

}

ul.b li  {  
display: block;
width: auto;
height: 6em;
top: 0;
position: relative;
padding: 2.5em 0 1em 3em;
margin:   0 0 0 0;
cursor: pointer;
list-style-type:none;

}

.active {background: rgba(255,255,255,0.8);}


ul.b li ul.c {  
/*position: fixed;
top: 85px;
left: 40%;
width: 40%;
min-width: 40%;
height: 65vh;
padding:   1em 1em 1em 1em ;
box-shadow: none;
display: block;
opacity: 0;
visibility: hidden;
transition: opacity  1s ease-in-out;
border: .25px solid rgba(216, 155, 43, 0.8); 
background:  rgba(255, 255, 255, 0.9); 
list-style-type:none;
z-index: 1000;*/
	display: none;
}



ul.b li:hover ul.c {
/*float: left;*/
width: 40%;
min-width: 40%; 
opacity: 1;
visibility: hidden;
/*background: rgba(255,  255, 255, 0.95); */
/*box-shadow: 0px 1px 55px #fff;*/
}




ul.b li ul.c li { 

/*float: center;*/
display: block;
width: 100%;
height: 3.5vw;
position: relative;
padding: 1em 0 4em 0;
margin: 0 0 0 0;
background: rgba(255,255,255,0);
cursor: pointer;
color: #333;
	visibility: hidden;
}

ul.b li ul.c li  p { 
font-size: 1em; 
line-height: 1.5em;
margin: 1em 1em 1em 0;
text-align: left;
font-weight: 300;
letter-spacing: 0px;
color: #333;	
}  

ul.b li ul.c li:hover p { 
border-bottom: none;
	visibility: hidden;
}  





/*.cart {float: right; margin-top: 2em;}*/

/*.menu {
display: none;
}*/

.hide {
display: none;
}

 

@keyframes glowing {
0% { box-shadow: 0 0 -10px #a8641b; border: 1px solid rgba(255, 255, 255, 0);}
35% { box-shadow: 0 0 40px #a8641b; border: 2px solid rgba(255, 255, 255, 1);}
70% { box-shadow: 0 0 40px #a8641b;border: 2px solid rgba(255, 255, 255, 1); }
100% { box-shadow: 0 0 -10px #a8641b; border: 1px solid rgba(255, 255, 255, 0.3);}
}
.button-glow {
animation: glowing 5000ms infinite;
}


@keyframes glowingwhite {
0% { box-shadow: 0 0 -10px 10px #fff; border: 0px solid rgba(255, 255, 255, 0);}
40% { box-shadow: 0 0 15px  15px #fff; border: 0px solid rgba(255, 255, 255, 1);}
60% { box-shadow: 0 0 10px  10px #fff;border: 0px solid rgba(255, 255, 255, 1); }
100% { box-shadow: 0 0 -10px  10px #fff; border: 0px solid rgba(255, 255, 255, 0.3);}
}
.button-glow2 {
animation: glowingwhite 5000ms infinite;
}
 
}