@charset "UTF-8";


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

.icon{
	display: none;
    }
    
#nav {
    background-color: #ffffff;
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size : 20px;
	line-height:22px;
    letter-spacing: .025em;
    top: 0px;
    left: 0px;
    position: absolute;
    box-sizing: content-box;
    display: block;
    height: 40px;
    width: 100vw;
    z-index: 10;
    padding: 0px;
    margin: 0px;
    margin-top: 122px;
    margin-left: 0px;
    visibility: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
	}

#nav ul{
	position: relative;
	margin:0;
	padding:0;
	list-style: none;
	display: inline-table;
	}
#nav ul:after {
	position: relative;
	content: ""; clear: both; display: block;
	}
#nav ul li{
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	}
#nav ul li a {
    text-transform: lowercase;
    cursor: pointer;
	color:#bbbbbb;
	position: relative;
	display:block;
	min-width:19vw;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 12px;
	padding-right:5px;
	padding-left:5px;
	text-decoration: none;
	float: left;
}
#nav ul li a:visited {
	color:#9FA88C;
	}
#nav ul li a:hover {
    color : #9FA88C;
    color : rgba(103,112,85,1.00);
    text-decoration: none;
	}
#nav ul li a:active{
	color:#9FA88C;
	}

	/* this is the new stuff */

#nav ul li:hover > ul {
	display: block;
	}
	
	/* this is the submenu */
			
#nav ul ul {
    top:40px;
	position: absolute;
	display: none;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
    z-index: 1;
    -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.47);
    box-shadow: 0px 4px 5px rgba(0,0,0,0.47);
	}
#nav ul ul li {
    width:100%;
	float: left;
	position: relative;
	display: block;
	}
	
#nav ul ul li a {
    width:100%;
    white-space: nowrap;
    font-size: 16px;
    text-transform: none;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #bbbbbb;
    position: relative;
    display: block;
    text-align: center;
    margin: 0px;
    padding: 20px;
    padding-top: 11px;
    padding-bottom: 10px;
    text-decoration: none;
    float: left;
    border-bottom: 1px solid #EEEEEE;
	}
	
#nav ul ul li a:visited {
	position: relative;
	color:#9FA88C;
	}
	
#nav ul ul li a:hover {
    color : #000000;
    color : rgba(103,112,85,1.00);
	position: relative;
	}
	
#nav ul ul li a:active{
	position: relative;
	color:#000000;
	}

#nav ul ul ul {
	position: absolute;
    left: 100%;
    top:0;
	}

.mob{
    display: none;
}
}

@media screen and (max-width:700px) and (orientation:portrait){
    
#nav{
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    letter-spacing: .025em;    
    text-transform: uppercase;
    display: block;
    overflow: auto;
    }
    
.plain {
    border: none!important;
	background: none;
    }
    
#nav ul {
    background-color: #FFFFFF;
	top: 0;
	z-index: 1000;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#nav ul.responsive {
    display:block;
    z-index: 100;
	position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom:600vh;
	}
#nav ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#nav ul li a {
    cursor: pointer;
    display: block;
    height: 13vw;
    width: 100vw;
    padding-left: 4vw;
    line-height: 13.5vw;
	font-size: 7vw;
    color: #37AA68;
    margin: 0vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#nav ul li:first-child {
    -webkit-box-shadow: 0px 0 1vw 20px rgba(0,0,0,0.20);
    box-shadow: 0px 0 3vw 2vw rgba(0,0,0,0.20);
	}

#nav ul li:first-child a {
    font-size: 9.25vw;
	}

#nav ul li:not(:first-child) a {
    font-size: 7vw;
	}

#nav ul li ul li:first-child {
    -webkit-box-shadow: none;
    box-shadow: none;
	}

#nav ul li:not(:first-child) {
	display: none;
	margin-top:3vw;
	}
    
#nav ul li a:hover, #nav ul li a:active, #nav ul li ul li a:hover, #nav ul li ul li a:active {
    display: block;
    color:#ffffff;
	background-color: #37AA68!important;
    text-decoration: none;
}

#nav a:hover, #nav a:active {
    border: none!important;
	background: none!important;
}

#nav a.plain:hover, #nav a.plain:active {
    border: none!important;
	background: none!important;
}
    
#nav a.responsive:hover, #nav a.responsive:active {
    border: none!important;
	background: none!important;
}
    
#nav ul.responsive li {
    display: block;
  }
    
#nav ul.responsive li a {
    display: block;
	}
	
#nav ul li.icon {
	margin-left: 3vw;
	display: block;
    top: 0;
	right: 0;
	position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-top:0px;	
	}
 
#nav ul li.icon a {
	position: absolute;
	margin: 0px;
	padding: 0px;
	margin-top: -.5vw;
	margin-right: 3vw;
	height: 12vw;
	width: 12vw;
	right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
#nav ul li.icon a:hover {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
#nav ul.responsive li.icon {
  }
    
 #nav ul li ul,  #nav ul li ul li {
	left:3vw;
    display:none;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-top:3vw;
    -webkit-box-shadow: none;
    box-shadow: none;
	}
	
 #nav ul li:hover > ul, #nav ul li:hover > ul li {
    display:block;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
    .nomob{
    display: none;
}

    
}