#overlaynav ul li,#overlaynav ul li a{display:inline-block;}
.btn-close:after,.btn-open:after{font-family:FontAwesome;}
#overlaynav,#overlaynav ul,.wrap{text-align:center;}
#overlaynav ul li a,.btn-close:after,.btn-open:after,.social-icon,.wrap ul.wrap-nav li a{transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;}
#overlaynav{width:100%; position:relative; height:auto; overflow:hidden; background:0;}
#overlaynav ul li a{color:#333333; padding:1em 3em; text-decoration:none; border-bottom:2px solid #FFFFFF; font-size:16px;}
#overlaynav ul li a:hover{color:#34b484;}
#overlaynav #header_res span.HRspan-icons{float:left; position:relative; left:10px; right:0;}
.button{display:inline; position:absolute; right:10px; top:20px; z-index:999; font-size:30px; width:30px;}
.button a{text-decoration:none!important;}
.btn-open{color:#FFFFFF; width:30px; float:right; background:url(../images/general/toggle_icon.png) no-repeat;}
.btn-open:hover{color:#CCCCCC;}
.btn-close{color:#FFFFFF; width:30px; float:right; background:url(../images/general/toggle_close.png) no-repeat;}
.btn-close:hover{color:#CCCCCC;}
.overlay{display:none; position:fixed; top:0; height:100%; width:100%; background:#000000; overflow:auto; z-index:99;}
.wrap{color:#E9E9E9; max-width:90%; margin:0 auto;}
.wrap ul.wrap-nav{border-bottom:1px solid #575757; text-transform:capitalize; padding:150px 0 100px;}
.wrap ul.wrap-nav li{font-size:20px; display:inline-block; vertical-align:top; width:24%; position:relative;}
.wrap ul.wrap-nav li a{font-family:Roboto,sans-serif; color:#FFFFFF; display:block; padding:8px 0; text-decoration:none;}
.wrap ul.wrap-nav li a:hover{color:#CCCCCC;}
.wrap ul.wrap-nav ul{padding:20px 0;}
.wrap ul.wrap-nav ul li{display:block; font-size:13px; width:100%; color:#FFFFFF;}
.wrap ul.wrap-nav ul li a{color:#FFFFFF;}
.wrap ul.wrap-nav ul li a:hover{color:#CCCCCC;}
.social-icon{width:80px; height:50px; background:#FFFFFF; color:#333333; display:inline-block; margin:0 20px;}
.social-icon:hover{background:#CCCCCC; color:#333333;}
.social-icon i{margin-top:12px;}

@media screen and (max-width:48em){
	.wrap ul.wrap-nav>li{width:100%; padding:20px 0; border-bottom:1px solid #575757;}
	.wrap ul.wrap-nav{padding:30px 0 0;}
	#overlaynav ul{margin:0; padding:0; opacity:0; visibility:hidden;}
	.social{color:#C1C1C1; font-size:25px; padding:15px 0;}
	.social-icon{width:100%; height:50px; background:#FFFFFF; color:#333333; display:block; margin:5px 0;}
}