div.jumbo-menu{
    height: 75px;
    padding: 8px 20px;
    background-color: Transparent;
	opacity:0.0;
	animation-name: menu_show;
	animation-duration: 1.5s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

div.menu_button{
	position: relative;
	float:right;
	margin-top:15px;
	width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
}
div.menu_button div.lines{
	display: inline-block;
	width: 35px;
	height: 4px; 
	background: #fff;
	-webkit-transition: .6s cubic-bezier(0.54,-0.15, 0.32, 2.05);	
	-moz-transition: .6s cubic-bezier(0.54,-0.15, 0.32, 2.05);	
	transition: .6s cubic-bezier(0.54,-0.15, 0.32, 2.05);	
	position: relative;
	border-radius: 3px;
}

div.menu_button div.lines.frst{top: 0px;}
div.menu_button div.lines.mid{top: 6px;}
div.menu_button div.lines.last{
	top: 12px;
	width:30px;
	left:5px;
}
	
div.menu_button.close div.lines.mid{opacity:0.0;}
div.menu_button.close div.lines.frst{
	top: 6px;
	-webkit-transform: rotate3d(0,0,1,-45deg);
	-moz-transform: rotate3d(0,0,1,-45deg);
	transform: rotate3d(0,0,1,-45deg);
}
div.menu_button.close div.lines.last{
	-webkit-transform: rotate3d(0,0,1,45deg);
	-moz-transform: rotate3d(0,0,1,45deg);
	transform: rotate3d(0,0,1,45deg);
	top: -2px;
	
	width:35px;
	left:0px;
	
}

div.jumbo-menu h2.menu{
    float: right;
    margin: 0 39px;
    line-height: 33px;
    padding: 13px 0;
}

div.side-menu{
    position: fixed;
    left: 0;
    top: 50;
    bottom: 0;
    z-index: 99;
    padding-top: 10px;
    padding-bottom: 30px;	
    background-color: #fff;
}

.side-menu ul { 
    list-style: none;
    padding: 0;
    top:0;
	bottom:100px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.fancyScroll::-webkit-scrollbar,
.side-menu ul::-webkit-scrollbar { 
    width:6px;
    background-color: rgba(168, 244, 175, 0.16);
}
.fancyScroll::-webkit-scrollbar-thumb,
.side-menu ul::-webkit-scrollbar-thumb { 
    width:6px;
    background-color: rgba(209, 232, 255, 0.45);
}

.side-menu ul li {
    font-size: 20px;
    padding: 15px 15px;
    border-bottom: 1px solid #ddd;
	cursor:pointer;
	transition: all .2s ease-out;
}
.side-menu ul li:hover{
	transform: translateX(2%);
}

.side-menu ul li i{
    width: 50px;
}
.menu_clickBox{
	cursor:pointer;
}
div.search{	
    padding: 10px 0;
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px;
}

div.search input.search{
	border-radius: 19px;
    border: 2px solid #3f9b4f;
    height: 38px;
    background-color: #f2fbe9;
    padding-left: 38px;
    box-sizing: border-box;
    width: 100%;
    background-image: url(../images/search-solid.svg);
    background-repeat: no-repeat;
    background-position: 4%;
    background-size: 21px;
}

@media (min-width: 767px){	
	
}
@media (min-width: 1010px){

}
@media (min-width: 767px) and (max-width: 1200px){
	
}
@media (min-width: 767px) and (max-width: 1000px){	
	@media (orientation: portrait) {
		
	}
}
@media (max-width: 767px){
	div.side-menu:not(.shown){
		display:none;
	}
}