.custom-nav-wrap {
	padding:1.5px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
    height: 40px;
    /*overflow: hidden;*/
    position: absolute;
    z-index: 175;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
}

.custom-nav {
background: #FCFCFC;
position: relative;
height: 100%;
width: 290px;
}
.custom-nav.flyout-left{
	text-align: right;
}
.custom-nav-flyout-right{
	text-align: left;
}
.custom-nav .custom-nav-link {
text-decoration: none;
}
.custom-nav .custom-nav-content-image {
box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
float: left;
margin-right: 10px;
height: 40px;
width:40px;
}

.custom-nav .custom-nav-content-headline {
font-weight:500;
color: #4FB7AE;
font-size: 12px;
height: 40px;
margin: 1px 0 0;
overflow: hidden;
text-shadow: 0 1px 0 #F1F1F1;
width: 220px;
display:inline-block;
    
}
.custom-nav .custom-nav-close {
color: #4FB7AE;
cursor: pointer;
font-size: 17px;
position: absolute;
right:0;
top: 0;
z-index: 180;
 height: 100%;
opacity: .3;
    padding-top: 10px;
	padding-right:8px;
}

.content-container{
   height: 100%;
	position: absolute;
	width: 290px;
}

#nav-custom{
	height: 40px;
	clear:both;
	position:relative;
	padding-top:15px;
	margin-bottom: 40px;
}

#left-nav{
	float: left;
	width: 50%;
	height: 100%;
}

#right-nav{
	width: 50%;
	height: 100%;
	float:right;
}

#right-nav .custom-nav-wrap {
	right:0;
	border-radius: 0 7px 7px 0;
}

.left-wrap{
	border-radius: 7px 0 0 7px;
}

.left-btn{
	color:#4FB7AE;
	background:#FCFCFC;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
	width: 25px;
	height: 100%;
	font-size: 17px;
	border-radius: 7px 0px 0 7px;
}

.left-arrow{
	padding-top: 15px;
	padding-left: 9px;
}

.headline-left{
	margin: 0!important;
	text-align: right!important;
	padding-left: 10px!important;
}

.image-left{
	float: right!important;
	margin-right: 0!important;
	margin-left: 4px!important;
}
.close-left{
	left:0!important;
	width:7%;
}

.close-left i{
	padding-left:7px!important;
}

.flyout-left{
	border-radius: 7px 0 0 7px!important;
}

.right-btn{
	color:#4FB7AE;
	background:#FCFCFC;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
	width: 25px;
	height: 100%;
	font-size: 17px;
	border-radius: 0 7px 7px 0;
	float:right;
}

.right-arrow{
	padding-top: 15px;
	padding-left: 9px;
}


.left-btn:hover{
	cursor:pointer;
}

@media (min-width: 768px) and (max-width: 959px) {
	.previous-arrow{
		padding-left:5px;
	}
	.next-arrow{
		padding-left:5px;
	}
}

@media (max-width: 767px) {
	.previous-arrow{
		padding-left:3px;
	}
	.next-arrow{
		padding-left:3px;
	}
}