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


.mainNav {
			background: #222;
			 
		}
			/* First Level */
			.mainNav ul {
				margin: 0;
				padding: 0;
				list-style: none;
				border-bottom: 1px solid #444
			}
			.mainNav ul li {
				border-top: 1px solid #444;
			}
			.mainNav ul li a {
				color: #FFFFFF;
				display: block;
				font-size: 1.1em;
				line-height: normal;
				padding:12px 20px;
				text-decoration:none;
			}
			.mainNav ul li a:hover {
				background: #333;
				text-decoration: none;
			}
				/* Second Level */
				.mainNav ul ul {
					border-bottom: none
				}
				.mainNav ul ul li {
					border-top: 1px solid #222;
					background: #111; display:block;
				}
				.mainNav ul ul li a {
					color: #FFFFFF;
					display: block;
					font-size: 14px;
					line-height: normal;
					padding: 0.5em 1em 16px 0.5em;
				}
				.mainNav ul ul li a:hover {
					background: #333;
				}
						/* Third Level */
				.mainNav ul ul ul {
					border-top:1px solid #222;
				}
				.mainNav ul ul ul li {
					border:none;
				}
				.mainNav ul ul ul li a {
					padding-left:0.5em; 
					padding-top:0.25em; 
					padding-bottom:0.25em;
				}
			/* Accordion Button */
			ul li.has-subnav .accordion-btn {
				color:#fff; 
				background:rgba(255,255,255, 0.15); font-size:16px;
				line-height: 44px !important;
				height: 100% !important;
			}
		
		 
		@media screen and (max-width: 700px) {
			.mainNav {width: 100%;}
		}





.nav2 {
    float: right;
    margin: 40px 0px 0px 0px;
    background: #fff;
    border-radius: 100px;
    padding: 25px 16px;
	position: relative;
    cursor: pointer;
}
.nav2 span {
   
    font-size: 20px;
    cursor: pointer;
    background:#fa2828;
    padding: 1px 3px;
    border-radius: 0px;
    height: 2px;
    width: 23px;
    margin: 3px;
    display: block; 
}
.nav2 span:after {
    content: '';
    position: absolute;
    font-size: 20px;
    cursor: pointer;
    background: #fa2828;
    padding: 1px 3px;
    border-radius: 0px;
    height: 2px;
    width: 26px;
    margin: 5px;
    display: block;
	right:14px;
	 cursor: pointer;
}
.nav2 span:before {
    content: '';
    position: absolute;
    font-size: 20px;
    cursor: pointer;
    background: #fa2828;
    padding: 1px 3px;
    border-radius: 0px;
    height: 2px;
    width: 27px;
    margin: 5px;
    display: block;
    top: 16px;
    right: 14px;
	 cursor: pointer;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x:hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav ul {
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 9px;
}

.sidenav ul  li {
 padding:0px ; margin:0px;
 text-align:left;

} 
/*.sidenav ul  li:last-child {
 border-bottom:none;
}*/
.sidenav ul  li a {
  padding: 8px 8px 8px 0px;
  text-decoration: none;
  font-size: 18px;
  color: #818181;
  display: block;
  transition: 0.3s;
} 
.sidenav ul  li ul li {
  padding: 0px;
  margin:0px;
} 
.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
   
  font-size: 36px;
  margin-right: 0px; right:25px;
}

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

  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}