/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

.header-nav-child, nav .header-nav-child,.mean-container .mean-nav ul ul {
background: #000;
}

a.meanmenu-reveal{
display:none;
}

.mean-container .mean-bar {
	width: 40px;
	height: 64px;
	position: absolute;
	background: none;
	min-height: 60px;
	z-index: 20;
	top: -8px;
	right: 0;
}
.meanmenu-reveal-btn {
	position: absolute;
	display: block;
	z-index: 99999;
	box-sizing: border-box;
	width: 24px;
	height: 20px;
	right: 0;
	top: 22px;
}
.meanmenu-reveal {
	width: 24px;
	height: 20px;
	/* margin: 14px 12px; */
	display: block !important;
	position: absolute;
	top: 0;
}
/* .meanmenu-reveal:after {
	content: "MENU";
	position: absolute;
	bottom: -20px;
	color: #FF5AA0;
	font-size: 10px;
	width: 30px;
	right: 0px;
	left: auto;
	text-align: center;
	display: block;
} */

.meanmenu-reveal.meanclose:after {
	display: none;
}
.meanmenu-reveal span {
display: inline-block;
transition: all .1s;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 2px;
margin: 0 auto;
}
.meanmenu-reveal span:nth-of-type(1) {
top: 0;
background: #000000;
}
.meanmenu-reveal span:nth-of-type(2) {
top: 9px;
background: #000000;
}
.meanmenu-reveal span:nth-of-type(3) {
top: 18px;
background: #000000;
}

.meanmenu-revealspan:nth-of-type(1) {
-webkit-animation: menu-ber01 .75s forwards;
animation: menu-ber01 .75s forwards;
}
.meanmenu-revealspan:nth-of-type(2) {
transition: all .1s .1s;
opacity: 1;
}
.meanmenu-revealspan:nth-of-type(3) {
-webkit-animation: menu-ber02 .75s forwards;
animation: menu-ber02 .75s forwards;
}

.meanclose span:nth-of-type(1) {
-webkit-animation: active-menu-ber01 .75s forwards;
animation: active-menu-ber01 .75s forwards;
top: 0;
background: #fff;
}
.meanclose span:nth-of-type(2) {
opacity: 0;
	background: #fff;

}
.meanclose span:nth-of-type(3) {
-webkit-animation: active-menu-ber03 .75s forwards;
animation: active-menu-ber03 .75s forwards;
	background: #fff;

}

@-webkit-keyframes menu-ber01 {
0% {
	-webkit-transform: translateY(8px) rotate(45deg);
}
50% {
	-webkit-transform: translateY(8px) rotate(0);
}
100% {
	-webkit-transform: translateY(0) rotate(0);
}
}

@keyframes menu-ber01 {
0% {
	transform: translateY(8px) rotate(45deg);
}
50% {
	transform: translateY(8px) rotate(0);
}
100% {
	transform: translateY(0) rotate(0);
}
}

@-webkit-keyframes menu-ber02 {
0% {
	-webkit-transform: translateY(-8px) rotate(-45deg);
}
50% {
	-webkit-transform: translateY(-8px) rotate(0);
}
100% {
	-webkit-transform: translateY(0) rotate(0);
}
}

@keyframes menu-ber02 {
0% {
	transform: translateY(-8px) rotate(-45deg);
}
50% {
	transform: translateY(-8px) rotate(0);
}
100% {
	transform: translateY(0) rotate(0);
}
}

@-webkit-keyframes active-menu-ber01 {
0% {
	-webkit-transform: translateY(0) rotate(0);
}
50% {
	-webkit-transform: translateY(10px) rotate(0);
}
100% {
	-webkit-transform: translateY(10px) rotate(45deg);
}
}

@keyframes active-menu-ber01 {
0% {
	transform: translateY(0) rotate(0);
}
50% {
	transform: translateY(10px) rotate(0);
}
100% {
	transform: translateY(10px) rotate(45deg);
}
}

@-webkit-keyframes active-menu-ber03 {
0% {
	-webkit-transform: translateY(0) rotate(0);
}
50% {
	-webkit-transform: translateY(-8px) rotate(0);
}
100% {
	-webkit-transform: translateY(-8px) rotate(-45deg);
}
}

@keyframes active-menu-ber03 {
0% {
	transform: translateY(0) rotate(0);
}
50% {
	transform: translateY(-8px) rotate(0);
}
100% {
	transform: translateY(-8px) rotate(-45deg);
}
}
.mean-container .mean-nav{
	width:100%;
	margin-top:60px;
	max-height:100vh;
	overflow-y:auto;
}
.mean-container .mean-nav ul{
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	-webkit-overflow-scrolling:touch;
	position: relative;
	z-index: 99;
	/* max-height: 100vh; */
	/* max-height: calc(100vh - 60px); */
background: #000;
}
.mean-container .mean-nav > ul {
	overflow-y: auto;
}
.mean-container .mean-nav ul ul{
	padding-bottom:0;
	margin-bottom:0;
}
.mean-container .mean-nav ul li{
	position:relative;
	width:100%;
	box-sizing: border-box;
	color: #fff;
}
.mean-container .mean-nav ul li a,.mean-container .mean-nav ul li span.pre{
	display:block;
	width:100%;
	padding:1em;
	margin:0;
	text-align:left;
	text-decoration:none;
	color:#000;
	box-sizing: border-box;
}
.mean-container .mean-nav ul li li a{
	width:100%;
	padding:1em 10%;
	text-shadow:none !important;
	visibility:visible;
}
.mean-container .mean-nav ul li.mean-last a{
	border-bottom:none;
	margin-bottom:0;
}
.mean-container .mean-nav ul li li li a{
	width:70%;
	padding:1em 15%;
}
.mean-container .mean-nav ul li li li li a{
	width:60%;
	padding:1em 20%;
}
.mean-container .mean-nav ul li li li li li a{
	width:50%;
	padding:1em 25%;
}
.mean-container .mean-nav ul li a:hover{
	background:#fff;
	background:rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand{
	/*margin-top:1px;*/
	width:60px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	padding: 0.2em;
	font-size: 24px;
	color: #fff;
}
.mean-container .mean-nav ul li a.mean-:hover {
	background:#000;
	color: #fff;
}
.mean-container .mean-push {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	clear:both;
}
.mean-nav .wrapper{
width:100%;
padding:0;
margin:0;
}
.mean-container .mean-bar, .mean-container .mean-bar *{
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.mean-remove{
display:none !important;
}

@media (max-width: 1199px) {
	#menu-primary li a {
		font-size: 14px;
	}

	/* #menu-primary > li > a {
			background-size: 18px !important;
	}
	#menu-primary > li + li {
		margin-left: 10px;
	} */
}
@media screen and ( min-width : 992px ) {
	#menu-primary > li > a {
		/* bottom: -14px; */
	}
	.h_logo img {
		width: 300px;
	}
	#h_top {
		display: flex;
		-js-display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#nav-primary > ul {
		/* position: relative; */
		display: flex;
		-js-display: flex;
	}
	#nav-primary li {
		/* position: relative; */
		list-style: none;
	}
	#nav-primary li:last-child {
		margin-right: 0;
	}
	#nav-primary li i {
		font-size: 16px;
		margin-left: 5px;
	}
	#nav-primary li a {
		/* position: relative; */
		display: block;
	}

	#nav-primary .header-nav-child {
		visibility: hidden;
		opacity: 0;
		z-index: 1;
		display: block;
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		padding-bottom: 56px;
		/* margin-left: -100px; */
		-webkit-transition: all .1s;
		transition: all .1s;
	}
	.header--min #nav-primary .header-nav-child {
		top: 74px;
	}
	#nav-primary .header-nav-child a {
		padding: 10px;
		display: block;
		border-bottom: none;
		padding: 20px;
		line-height: 1.2em;
	}

	#nav-primary .header-nav-child a:hover:after {
		content: none;
	}
	#nav-primary .header-nav-child li {
		display: block;
		font-size: 16px;
		padding: 0;
		margin: 0;
	}
	#nav-primary .header-nav-child li:last-child {
		border-bottom: none;
	}
	/* #nav-primary .header-nav-child {
		visibility: hidden;
		opacity: 0;
		z-index: 1;
		display: block;
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		padding-bottom: 56px;
		-webkit-transition: all .1s;
		transition: all .1s;
	}
	#nav-primary .header-nav-child a {
		padding: 10px;
		display: block;
		border-bottom: none;
		padding: 20px;
		line-height: 1.2em;
	}
	#nav-primary .header-nav-child a:hover:after {
		content: none;
	}
	#nav-primary .header-nav-child li {
		display: block;
		font-size: 16px;
		padding: 0;
		margin: 0;
	}
	#nav-primary .header-nav-child li:last-child {
		border-bottom: none;
	} */
	#nav-primary ul > li:hover {
		-webkit-transition: all .1s;
		transition: all .1s;
	}
	#nav-primary ul > li:hover a{
		color: #000;
	}
	#nav-primary ul > li.menu-item-has-children > a {
		-webkit-transition: all .1s;
		transition: all .1s;
	}
	#menu-primary > li.menu-item-has-children:hover > a:after {
		content: "";
		height: 14px;
		width: 16px;
		background: url(../../images/ico_nav.svg) center no-repeat;
		position: absolute;
		bottom: -1px;
		left: 50%;
		margin-left: -7px;
	}
	#nav-primary li:hover .header-nav-child {
		visibility: visible;
		opacity: 1;
		z-index: 9999;
	}
	#nav-primary li .header-nav-child li:after {
		content: none;
	}
	#nav-primary li:hover .header-nav-child a {
		color: #fff;
	}
	#menu-primary .header-nav-child .sub-index a {
		display: inline-block;
		font-size: 20px;
		font-weight: bold;
		margin: 24px 0 8px;
		padding: 20px 20px 20px 0;
		position: relative;
	}

	#nav-primary .header-nav-child li a {
		color: #fff;
		padding: 0px 20px 16px 20px;
	}
	#nav-primary .header-nav-child li a:hover {
		/* background: #fff; */
	}
	#nav-primary .contact_btn a:hover {
		color: #fff;
	}
	#nav-primary .header-nav-child .header-nav-child {
		position: relative;
		padding-bottom: 0;
	}
	#nav-primary .sub-menu > li {
		display: inline-block;
		vertical-align: top;
	}
	#nav-primary .sub-menu > li.sub-index{
		display: block;
	}
	#nav-primary .sub-menu > li.sub-index > a{
		position: relative;
	}
	#nav-primary .sub-menu > li.sub-index > a:after {
		content: '';
		width: 8px;
		height: 8px;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 2px;
		left: auto;
		margin-top: -5px;
	}
	#nav-primary .header-nav-child .mega-grid{
		width:33%;
		padding: 0 20px;
	}
	#nav-primary .header-nav-child .mega-grid li{
		display: block;
	}
	#nav-primary .header-nav-child .mega-grid .header-nav-child .container {
		width: auto;
		padding: 0;
	}
	#menu-primary > p {
		display: none;
	}

}
@media screen and ( min-width : 1200px ) {
	#nav-primary .header-nav-child {
		top: 76px;
	}
}
@media (max-width: 991px) {
	#menu-primary {
		/*width: 350px;*/
		height: 100%;
		box-sizing: border-box;
		padding: 0 16px 16px;
		transition: all 0.1s;
		/*transform: translate(350px);*/
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
	}
	#menu-primary.active {
		transform: translate(0);
	}
	#menu-primary .header-nav-child .container {
		padding: 0;
	}
	#menu-primary > p {
		color: #fff;
		font-size: 24px;
		position: absolute;
		top: 4px;
	}
	#menu-primary > p + li {
		border-top: 1px solid #fff;
		margin-top: 56px;
	}
	/* #menu-primary > li.icon-pamphlet > a, #menu-primary > li.icon-pamphlet > a:hover {
		background-image: url(../../images/icon_pamphlet_w.svg);
	}
	#menu-primary > li.icon-results > a, #menu-primary > li.icon-results > a:hover {
		background-image: url(../../images/icon_results_w.svg);
	}
	#menu-primary > li.icon-fee > a, #menu-primary > li.icon-fee > a:hover {
		background-image: url(../../images/icon_fee_w.svg);
	}
	#menu-primary > li.icon-company > a, #menu-primary > li.icon-company > a:hover {
		background-image: url(../../images/icon_company_w.svg);
	}
	#menu-primary > li.icon-designer > a, #menu-primary > li.icon-designer > a:hover {
		background-image: url(../../images/icon_designer_w.svg);
	}
	#menu-primary > li.icon-faq > a, #menu-primary > li.icon-faq > a:hover {
		background-image: url(../../images/icon_faq_w.svg);
	} */
	#menu-primary > li + li {
		margin: 0;
	}
	#menu-primary > li:first-child {
		border-top: 1px solid #fff;
	}
	#menu-primary > li > a {
		color: #fff;
		padding: 0 0 0 24px !important;
		border-bottom: 1px solid #fff;
		line-height: 46px;
	}
	#menu-primary > li.no-index > .header-nav-child {
	    padding-top: 0;
	}
	#menu-primary .header-nav-child .mega-grid > a {
		margin-top: 8px;
	}
	#menu-primary > li > a:hover {
		color: #fff;
	}

	#menu-primary li a.mean-expand, #menu-primary li a.mean-expand:hover {
		position: absolute;
		top: 4px;
		background-image: none;
		border-bottom: 0;
		width: 36px;
		/* padding-left: 0 !important; */
		border-left: 1px solid #fff;
		height: 38px;
		line-height: 28px;
		font-size: 20px;
	}
	.mean-container {
		position: relative;
	}
	.mean-container .mean-nav .header-nav-child li {
		padding-left: 24px;
	}
	.mean-container .mean-nav .header-nav-child li a {
		padding: 1em 0 1em;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	.mean-container .mean-nav .header-nav-child li a:hover {
		background-color: #000;
	}
	#menu-primary .sub-menu > li.sub-index{
		display: none;
	}
	#menu-primary .header-nav-child .mega-grid a.mean-expand {
		border-right: 0;
		border-top: 0;
		border-bottom: 0;
	}
	.mean-container .mean-nav .header-nav-child .mega-grid a {
		width: auto;
	}
	.mean-container .mean-nav .header-nav-child .mega-grid li {
		padding-left: 0;
	}
	.mean-container .mean-nav .header-nav-child .mega-grid li a{
		padding-left: 0;
		padding: 1em 0 1em !important;
	}
	#menu-primary .header-nav-child .mega-grid > a {
		font-size: 14px;
	}
	#menu-primary .header-nav-child .mega-grid > a.mean-expand {
		margin: 0;
		height: 34px;
		line-height: 34px;
		padding: 0;
	}
	/* .mean-container .mean-nav .sub-menu > li a:after, #menu-primary .header-nav-child .mega-grid .header-nav-child a:after */

	#menu-primary li a:after {
		content: '';
		width: 8px;
		height: 8px;
		border: 0px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 2px;
		left: auto;
		margin-top: -5px;
	}
	/* #menu-primary .header-nav-child .mega-grid > a:after, #menu-primary .header-nav-child .mega-grid .header-nav-child a.mean-expand:after */
	#menu-primary li.menu-item-has-children > a:after, #menu-primary > li a.mean-expand:after, #menu-primary > li a.mean-expand:after {
		content: none;
	}

}
@media (min-width: 768px) {
	#nav-primary li:hover .header-nav-child a:hover {
		color: #FF5AA0;
	}
	#menu-primary .header-nav-child .mega-grid > a {
		color: #fff;
	}
	#nav-primary .sub-menu > li.sub-index > a:after {
		transition: all .1s;
	}
	#nav-primary .sub-menu > li.sub-index > a:hover:after {
    border-top: solid 1px #FF5AA0;
    border-right: solid 1px #FF5AA0;
	}
}
@media (max-width: 767px) {
	#menu-primary > li > a:hover {
		color: #fff;
	}
	#menu-primary {
		width: 100%;
		transform: translate(100%);
	}
	#menu-primary .header-nav-child .mega-grid .header-nav-child a {
		padding: 0.2em;
	}

}

@media screen and (max-width: 991px) and (min-width: 768px) {
	#menu-primary {
		width: 350px;
		transform: translate(350px);
	}
	#menu-primary .header-nav-child .container {
		width: 100%;
	}
}