.responsive-nav ul, .responsive-nav-cr ul {
	padding: 0;
	margin: 0;
*zoom:1
}
.responsive-nav ul:after, .responsive-nav-cr ul:after {
	clear: both;
	display: block;
	content: ""
}
.responsive-nav>div>ul>li, .responsive-nav-cr>div>ul>li {
	float: left
}
.responsive-nav>div>ul>li.dropdown>div, .responsive-nav-cr>div>ul>li.dropdown>div {
	left: 0;
	top: 100%
}
.responsive-nav>div>ul>li.dropdown:last-child>div, .responsive-nav-cr>div>ul>li.dropdown:last-child>div {
	left: auto;
	right: 0
}
.responsive-nav ul li, .responsive-nav-cr ul li {
	display: block;
	position: relative
}
.responsive-nav li a, .responsive-nav-cr li a {
	display: block;
	padding: 10px;
	white-space: nowrap;
	text-decoration: none
}
.responsive-nav ul .dropdown>div, .responsive-nav-cr ul .dropdown>div {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 1;
	min-width: 100%
}
.responsive-nav li.dropdown:hover>div, .responsive-nav li.dropdown.open-click>div, .responsive-nav-cr li.dropdown:hover>div, .responsive-nav-cr li.dropdown.open-click>div {
	display: block;
	z-index: 1000
}
.responsive-nav .label-menu .menu-icon:after, .responsive-nav-cr .label-menu .menu-icon:after {
	content: '';
	display: block;
	border-bottom: 4px solid
}
.responsive-nav .label-menu .menu-icon, .responsive-nav-cr .label-menu .menu-icon {
	width: 28px;
	display: inline-block;
	border-top: 4px solid;
	border-bottom: 4px solid;
	padding: 4px 0;
	vertical-align: middle;
	margin-left: 10px
}
.responsive-nav .label-menu, .responsive-nav-cr .label-menu {
	display: none
}
.vertical.responsive-nav>div>ul>li, .vertical.responsive-nav-cr>div>ul>li {
	float: none
}
.vertical.responsive-nav li a, .vertical.responsive-nav-cr li a {
	white-space: normal
}
.vertical.responsive-nav>div>ul>li.dropdown>div, .vertical.responsive-nav-cr>div>ul>li.dropdown>div {
	left: 100%;
	top: 0
}
.responsive-nav .close-menu, .responsive-nav-cr .close-menu {
	display: none;
	text-align: right
}
.responsive-nav.off-canvas .close-menu a span, .responsive-nav-cr.off-canvas .close-menu a span {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px
}
.responsive-nav .close-menu a span:before, .responsive-nav-cr .close-menu a span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}
.responsive-nav .close-menu a span:after, .responsive-nav-cr .close-menu a span:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}
.responsive-nav .close-menu a span:before, .responsive-nav .close-menu a span:after, .responsive-nav-cr .close-menu a span:before, .responsive-nav-cr .close-menu a span:after {
	background: #fff none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 3px
}
.responsive-nav-activate.responsive-nav-cr.off-canvas .close-menu {
	display: block
}
.responsive-nav-activate.responsive-nav-cr.off-canvas .label-menu+div {
	transform: translate3d(-320px, 0px, 0px);
	-webkit-transform: translate3d(-320px, 0px, 0px);
	transition: transform .8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 300px;
	max-width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 101;
	display: block;
	height: 100%
}
.responsive-nav-activate.responsive-nav-cr.off-canvas .label-menu+div.first-open-oc {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	transition: transform .8s cubic-bezier(0.7, 0, 0.3, 1) 0s
}
.responsive-nav-activate.responsive-nav-cr.off-canvas .label-menu+div.first-open-oc+.bg-canvas {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: block;
	z-index: 100
}
.responsive-nav-activate.responsive-nav-cr li.dropdown:hover>div {
	display: none
}
.responsive-nav-activate.responsive-nav-cr li.dropdown.open>div {
	display: block
}
.responsive-nav-activate.responsive-nav-cr .label-menu {
	display: block;
	text-align: right;
	padding: 10px;
	cursor: pointer
}
.responsive-nav-activate.responsive-nav-cr>div {
	display: none
}
.responsive-nav-activate.responsive-nav-cr>div.first-open {
	display: block
}
.responsive-nav-activate.responsive-nav-cr>div>ul>li {
	float: none;
	text-transform: uppercase
}
.responsive-nav-activate.responsive-nav-cr>div>ul>li li {
	text-transform: none
}
.responsive-nav-activate.responsive-nav-cr ul .dropdown>div {
	display: none;
	position: static
}
.responsive-nav-activate.responsive-nav-cr ul div a span {
	padding: 0 0 0 20px;
	display: block
}
.responsive-nav-activate.responsive-nav-cr ul div div a span {
	padding: 0 0 0 30px
}
.responsive-nav-activate.responsive-nav-cr li a {
	white-space: normal
}

@media(max-width:767px) {
.responsive-nav.off-canvas .close-menu {
	display: block
}
.responsive-nav.off-canvas .label-menu+div {
	transform: translate3d(-320px, 0px, 0px);
	-webkit-transform: translate3d(-320px, 0px, 0px);
	transition: transform .8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: -webkit-transform .8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 300px;
	max-width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 101;
	display: block;
	height: 100%
}
.responsive-nav.off-canvas .label-menu+div.first-open-oc {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	transition: transform .8s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: -webkit-transform .8s cubic-bezier(0.7, 0, 0.3, 1) 0s
}
.responsive-nav.off-canvas .label-menu+div.first-open-oc+.bg-canvas {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: block;
	z-index: 100
}
.responsive-nav li.dropdown:hover>div {
	display: none
}
.responsive-nav li.dropdown.open>div {
	display: block
}
.responsive-nav .label-menu {
	display: block;
	text-align: right;
	padding: 10px;
	cursor: pointer
}
.responsive-nav>div {
	display: none
}
.responsive-nav>div.first-open {
	display: block
}
.responsive-nav>div>ul>li {
	float: none;
	text-transform: uppercase
}
.responsive-nav>div>ul>li li {
	text-transform: none
}
.responsive-nav ul .dropdown>div {
	display: none;
	position: static
}
.responsive-nav ul div a span {
	padding: 0 0 0 20px;
	display: block
}
.responsive-nav ul div div a span {
	padding: 0 0 0 30px
}
.responsive-nav li a {
	white-space: normal
}
}

@media(min-width:768px) {
.responsive-nav.disableHoverDD li.dropdown:hover>div, .responsive-nav.disableHoverDD li.dropdown:hover>div {
	display: none
}
.responsive-nav.disableHoverDD li.dropdown.open-click:hover>div, .responsive-nav.disableHoverDD li.dropdown.open-click:hover>div {
	display: block
}
}
.light li a {
	background-color: #f1f1f1;
	color: #4f5864
}
.light li:hover>a, .light li.open-click>a {
	background-color: #4f5864;
	color: #f1f1f1
}
.light .label-menu+div {
	background-color: #f1f1f1;
	color: #4f5864
}
.light .label-menu {
	background-color: #f1f1f1;
	color: #4f5864
}
.light.off-canvas .label-menu+div {
	background-color: #f1f1f1
}
.light .close-menu a span:before, .light .close-menu a span:after {
	background-color: #4f5864
}
.light .close-menu:hover a span:before, .light .close-menu:hover a span:after {
	background-color: #fff
}