.main-menu {
	position: relative;
	z-index: 9;
	width: auto
}
.main-menu a {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.main-menu ul, .main-menu ul li, .main-menu ul li a {
	position: relative;
	margin: 0;
	padding: 0
}
.main-menu ul li a {
	display: block;
	line-height: 20px;
	padding: 10px
}
.main-menu > ul > li > a {
	color: #fff;
	padding: 20px 12px 20px;
	font-size: 13px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.sticky .main-menu > ul > li > a {
	color: #333;
	padding-top: 15px;
	padding-bottom: 15px;
}
.main-menu > ul > li:hover > a { color: #e04f67 }
header#plain .main-menu > ul > li > a { color: #333 }
header#colored.sticky .main-menu > ul > li > a { color: #fff }
.layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 100%;
	z-index: 100;
	min-height: 100%;
	background-color: #000;
	opacity: 0;
	z-index: 9999
}
.layer-is-visible {
	display: block;
	-webkit-animation: fade-in-layer .3s;
	-moz-animation: fade-in-layer .3s;
	-ms-animation: fade-in-layer .3s;
	-o-animation: fade-in-layer .3s;
	animation: fade-in-layer .3s;
	opacity: .5
}
#close_in, #header_menu, .cmn-toggle-switch { display: none }
a.dropdown-toggle.icon-search { display: inline-block }

@media only screen and (min-width: 992px) {
	.main-menu { float: left; width: auto; }
	.main-menu a { white-space: nowrap }
	.main-menu ul li { display: inline-block }
	.main-menu ul li.submenu:hover > a:before, .main-menu ul li.submenu:hover > a:after {
		bottom: -20px;
		opacity: 0
	}
	.main-menu ul ul, .main-menu ul .menu-wrapper {
		position: absolute;
		border-top: 2px solid #e04f67;
		display: none;
		z-index: 1;
		height: auto;
		left: 3px;
		top: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
		min-width: 170px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		box-shadow: 0 6px 12px rgba(0,0,0,.175)
	}
	.main-menu ul ul ul, .main-menu ul ul .menu-wrapper {
		position: absolute;
		border-top: 0;
		display: none;
		z-index: 1;
		height: auto;
		left: 100%;
		top: 0;
		margin: 0;
		padding: 0;
		background: #fff;
		min-width: 170px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		box-shadow: 0 6px 12px rgba(0,0,0,.175)
	}
	.main-menu ul ul:before {
		bottom: 100%;
		left: 15%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-bottom-color: #e04f67;
		border-width: 7px;
		margin-left: -7px
	}
	.main-menu ul ul ul:before {
		border-width: 0;
		margin-left: 0
	}
	.main-menu ul .menu-wrapper ul {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-top: none;
		margin: 0;
		padding: 0
	}
	.main-menu ul .menu-wrapper ul:before { border: 0 }
	.main-menu ul li:hover > ul, .main-menu ul li:hover > .menu-wrapper {
		display: block;
		padding: 0
	}
	.main-menu ul ul li {
		display: block;
		height: auto;
		padding: 0
	}
	.main-menu ul ul li a {
		font-size: 12px;
		color: #666;
		border-bottom: 1px solid #ededed;
		display: block
	}
	.main-menu ul ul li:last-child a { border-bottom: none }
	.main-menu ul ul li:hover > a {
		background-color: #f9f9f9;
		color: #e04f67
	}
	.main-menu ul li.megamenu { position: static }
	.main-menu ul li.megamenu .menu-wrapper {
		position: absolute;
		top: 100%;
		width: 1140px;
		float: left;
		left: auto;
		right: 0;
		padding: 10px 15px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
	.main-menu ul .menu-wrapper h3 {
		font-size: 13px;
		text-transform: uppercase;
		border-bottom: 2px solid #ededed;
		padding-bottom: 10px;
		margin-bottom: 0
	}
	.main-menu ul .menu-wrapper ul {
		position: relative;
		display: block
	}
	.main-menu ul .menu-wrapper ul {
		margin-bottom: 15px;
		left: 0
	}
}

@media only screen and (max-width: 991px) {
	#header_menu {
		text-align: center;
		padding: 25px 15px 10px;
		position: relative;
		display: block
	}
	#header_menu img {
		max-width: 100%;
		max-height: 80px;
	}
	.main-menu ul li a:hover, a.show-submenu:hover, a.show-submenu:focus, a.show-submenu-mega:hover, a.show-submenu-mega:focus {
		color: #e04f67!important;
		background-color: #f9f9f9
	}
	.main-menu ul li {
		border-top: none;
		border-bottom: 1px solid #ededed;
		color: #fff
	}
	.main-menu ul li a { padding: 10px 15px!important }
	.main-menu h3 {
		font-size: 12px;
		line-height: 14px;
		margin: 0;
		padding: 0 0 15px 15px;
		color: #333;
		text-transform: uppercase
	}
	.megamenu .menu-wrapper > div { padding: 0 }
	.main-menu li, .main-menu a {
		display: block;
		color: #333!important
	}
	.main-menu li { position: relative }
	.main-menu a:hover { color: #e04f67!important }
	.main-menu ul > li { padding-bottom: 0 }
	.main-menu ul > li i { float: right }
	.main-menu ul li.submenu ul {
		font-size: 12px;
		border-left: 1px solid #ededed;
		margin: 0 0 15px 25px
	}
	.main-menu ul li.submenu ul li {
		font-size: 12px;
		border: 0
	}
	.main-menu ul li.submenu ul ul {
		border-left: none;
		margin: 0 0 15px 15px
	}
	.main-menu {
		overflow: auto;
		left: -100%;
		bottom: 0;
		width: 55%;
		height: 100%;
		opacity: 0;
		position: fixed;
		background-color: #fff;
		-webkit-transition: left 0.8s, opacity .5s;
		-moz-transition: left 0.8s, opacity .5s;
		transition: left 0.8s, opacity .5s;
		z-index: 9999;
		-webkit-box-shadow: 1px 0 5px 0 rgba(50,50,50,0.55);
		-moz-box-shadow: 1px 0 5px 0 rgba(50,50,50,0.55);
		box-shadow: 1px 0 5px 0 rgba(50,50,50,0.55)
	}
	.main-menu.show {
		visibility: visible;
		left: 0;
		opacity: 1
	}
	.main-menu .show-submenu + ul, a.show-submenu-mega + .menu-wrapper {
		display: none;
		visibility: hidden
	}
	a.show-submenu-mega + .menu-wrapper.show_mega, .main-menu a.show-submenu + ul.show_normal {
		display: block;
		visibility: visible
	}
	.cmn-toggle-switch {
		display: block;
		overflow: visible;
		position: absolute;
		top: -5px;
		right: 0;
		width: 60px;
		height: 60px;
		font-size: 0;
		text-indent: -9999px;
		box-shadow: none;
		border: none;
		cursor: pointer
	}
	.cmn-toggle-switch:focus { outline: none }
	.cmn-toggle-switch span {
		display: block;
		position: absolute;
		top: 50%;
		left: 10px;
		right: 10px;
		height: 2px;
		margin-top: -1px;
		background: #fff
	}
	.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
		content: ""
	}
	.sticky .cmn-toggle-switch span::before, .sticky .cmn-toggle-switch span::after, .sticky .cmn-toggle-switch span { background-color: #333 }
	header#plain .cmn-toggle-switch span::before, header#plain .cmn-toggle-switch span::after, header#plain .cmn-toggle-switch span, header#plain.sticky .cmn-toggle-switch span::before, header#plain.sticky .cmn-toggle-switch span::after { background-color: #589fd6 }
	header#colored.sticky .cmn-toggle-switch span::before, header#colored.sticky .cmn-toggle-switch span::after, header#colored.sticky .cmn-toggle-switch span { background-color: #589fd6 }
	.cmn-toggle-switch span::before { top: -10px }
	.cmn-toggle-switch span::after { bottom: -10px }
	.cmn-toggle-switch__htx span::before, .cmn-toggle-switch__htx span::after {
		-webkit-transition-duration: 0.3s, .3s;
		transition-duration: 0.3s, .3s;
		-webkit-transition-delay: 0.3s, 0;
		transition-delay: 0.3s, 0
	}
	.cmn-toggle-switch__htx span::before {
		-webkit-transition-property: top, -webkit-transform;
		transition-property: top, transform
	}
	.cmn-toggle-switch__htx span::after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform
	}
	.cmn-toggle-switch__htx.active span { background: none!important }
	.cmn-toggle-switch__htx.active span::before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.cmn-toggle-switch__htx.active span::after {
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.cmn-toggle-switch__htx.active span::before, .cmn-toggle-switch__htx.active span::after {
		-webkit-transition-delay: 0, .3s;
		transition-delay: 0, .3s
	}
}

@media only screen and (max-width: 480px) {
	.main-menu { width: 100% }
	a#close_in {
		display: block;
		position: absolute;
		right: 15px;
		top: 10px;
		width: 20px;
		height: 20px
	}
	#close_in i {
		color: #555!important;
		font-size: 16px
	}
}
.ie9 a.show-submenu, .ie9 a.show-submenu-mega { background: url(../img/fix_ie_9_menu.png); }