/*
	MENU
*/

.bp-menu{
	position:fixed; top:0; background-color:#292e6e; height:100%; z-index:100;
	overflow-y:auto; -ms-overflow-y:auto; overflow-x:hidden; -ms-overflow-x:hidden;
	padding:0 80.298px;
	padding:0 5.878vw;
}
.bp-menu ul{
	list-style-type:none; padding:0;
	margin-top:8.5rem;
}
.bp-menu ul li{padding:0; margin:0; border-bottom:1px solid #5f6191;}
.bp-menu ul a{display:block; text-transform:uppercase;}
.bp-menu ul .social a{display:inline-block; margin-right:1.5rem;}
.bp-menu ul li{position:relative;}
.bp-menu ul li.current > a{color:#156961;}
.bp-menu ul a:hover,
.bp-menu ul li.current a:hover{color:#156961;}
.bp-menu ul ul{
	margin:0;
	padding:0;
	overflow:hidden;
	max-height:0;
	transition:max-height .3s ease-out;
	-webkit-transition:max-height .3s ease-out;
	-moz-transition:max-height .3s ease-out;
	-o-transition:max-height .3s ease-out;
}

.bp-menu ul ul li{border-bottom-style:none; /*margin-bottom:10px;*/}
.bp-menu ul ul a{text-transform:none;
	padding:0 0 24.089px 0;
	padding:0 0 2.409rem 0;
	padding:0 0 2rem 0;
}

.bp-menu a.close{
	display:block; width:23px; height:23px; position:absolute; background-image:url(/files/image/templates/bp70/menuclose.png); background-repeat:no-repeat; background-position:center; cursor:pointer;
	top:28.907px;
	top:2.116vw;
	right:80.298px;
	right:5.878vw;
	opacity:0.6;
}
.bp-menu a.close:hover{opacity:1;}

.bp-menu .toggler{
	display:block; position:absolute; top:0; right:0;
	width:24.089px;
	width:2.4089rem;
	height:2.4089rem;
	height:24.089px;
}
.bp-menu .toggler span{
	position:absolute;
	/*top:28.907px;
	top:2.116vw;*/
	right:0;
	width:24.089px;
	width:2.4089rem;
	height:2.4089rem;
	height:24.089px;
	display:block; cursor:pointer;
	background-repeat:no-repeat; background-position:center;
	-webkit-transition:.3s all ease-out;
	transition:.3s all ease-out;
}
.bp-menu .toggler span.plus{
	opacity:1
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background-image:url(/files/image/templates/bp70/plus.gif);
}
.bp-menu .toggler span.minus{
	opacity:0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background-image:url(/files/image/templates/bp70/minus.gif);
}

.bp-menu ul li.opened > .toggler .plus{
	opacity:0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.bp-menu ul li.opened > .toggler .minus {
	opacity:1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.bp-menu ul li.opened > ul{
	margin:0;
	max-height:700px;
	transition:max-height .4s ease-in;
	-webkit-transition:max-height .4s ease-in;
	-moz-transition:max-height .4s ease-in;
	-o-transition:max-height .4s ease-in;
}
.bp-menu .social{margin-bottom:0;}
.menu-on .bp-logo{height:75px;}

/* sub-sections */
.bp-menu ul ul ul{padding-left:30px;}
.bp-menu ul ul li.opened ul{
	max-height:150px;
}

/*
	SIZING
*/

/* burger menu */
.bp-menu ul a{
	color:#FFFFFF;
	font-size:24.089px;
	font-size:2.4089rem;
	line-height:1;
	padding:24.089px 0;
	padding:2.409rem 0;
}
.bp-menu ul li.opened a{color:#156961;}
.bp-menu ul li.opened ul li a{color:#FFFFFF;}
.bp-menu ul li.opened ul li a:hover{color:#156961;}
/* social icons
.social .icon{width:1.85vw; height:1.85vw; background-size:contain;} */
/* side menu animation */
.bp-menu{
	right:-40%;
	width:40%;
}
.bp-menu,
.bp-menu-anim
{
	-webkit-transition:-webkit-transform 0.3s ease-out;
	-moz-transition:-moz-transform 0.3s ease-out;
	-ms-transition:-ms-transform 0.3s ease-out;
	-o-transition:-o-transform 0.3s ease-out;
	transition:transform 0.3s ease-out;
}
.menu-on .bp-menu-anim
{
	-webkit-transform:translateX(-40%);
	-moz-transform:translateX(-40%);
	-ms-transform:translateX(-40%);
	-o-transform:translateX(-40%);
	transform:translateX(-40%);
}
.menu-on .bp-menu
{
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
}
/* responsive */
@media screen and (max-width:1100px){
	.bp-menu{
		right:-45%;
		width:45%;
	}
	.menu-on .bp-menu-anim
	{
		-webkit-transform:translateX(-45%);
		-moz-transform:translateX(-45%);
		-ms-transform:translateX(-45%);
		-o-transform:translateX(-45%);
		transform:translateX(-45%);
	}
}
@media screen and (max-width:992px){
	.bp-menu{
		right:-50%;
		width:50%;
	}
	.menu-on .bp-menu-anim
	{
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		transform:translateX(-50%);
	}
}
@media screen and (max-width:800px){
	.bp-menu{
		right:-60%;
		width:60%;
	}
	.menu-on .bp-menu-anim
	{
		-webkit-transform:translateX(-60%);
		-moz-transform:translateX(-60%);
		-ms-transform:translateX(-60%);
		-o-transform:translateX(-60%);
		transform:translateX(-60%);
	}
}
@media screen and (max-width:630px){
	.bp-menu{
		right:-65%;
		width:65%;
	}
	.menu-on .bp-menu-anim
	{
		-webkit-transform:translateX(-65%);
		-moz-transform:translateX(-65%);
		-ms-transform:translateX(-65%);
		-o-transform:translateX(-65%);
		transform:translateX(-65%);
	}
}
@media screen and (max-width:570px){
	.bp-menu ul a{
		font-size:2rem;
	}
}
@media screen and (max-width:490px){
	.bp-menu{
		right:-100%;
		width:100%;
	}
	.menu-on .bp-menu-anim
	{
		-webkit-transform:translateX(-100%);
		-moz-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
		-o-transform:translateX(-100%);
		transform:translateX(-100%);
	}
	.bp-menu ul a{font-size:1.6em;}
}
