.mobile_menu_overlay, .mobile_menu_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mobile_menu_container, .mobile_menu_container ul li ul{
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}
.mobile_menu_overlay{
	display: none;
	cursor: pointer;
	z-index: 100;
	background: rgba(0, 0, 0, 0.5);
}
.mobile_menu_container{
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
	width: 300px;
	overflow: hidden;
	z-index: 110;
	background: #8184d0;
}
.mobile_menu_container.loaded{
   	-webkit-transform: translateX(0px);
   	transform: translateX(0px);
}
.mobile_menu_container .mobile_menu_content{
	overflow: auto;
	max-height: 100%;
	padding-bottom: 30px;
}
.mobile_menu_container ul{
	margin-top: 20px;
}
.mobile_menu_container ul li{
	list-style: none;
}
.mobile_menu_container ul li a{
	display: block;
	padding: 15px 20px;
	line-height: 20px;
	font-size: 15px;
	background: #8184d0;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
    font-family: 'Montserrat-Bold';
}
.mobile_menu_container ul li a.parent{
	padding-right: 50px;
	background: #8184d0 url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><path fill="%23fff" d="M4 13h2l5-5-5-5h-2l5 5z"></path></svg>') right 20px center no-repeat;
	background-size: 20px;
}
.mobile_menu_container ul li a.parent:hover{
	background: #8184d0 url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><path fill="%23fff" d="M4 13h2l5-5-5-5h-2l5 5z"></path></svg>') right 20px center no-repeat;
	background-size: 20px;
}
.mobile_menu_container ul li a.back{
	padding-left: 50px;
	background: #8184d0 url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="16" y="16" viewBox="0 0 50.903 50.903" style="enable-background:new 0 0 50.903 50.903;" xml:space="preserve"><g id="group-21svg"><path fill="%23fff" id="path-1_14_" d="M20.181,24.644c-0.212,0-0.427-0.045-0.631-0.139L0.868,15.823C0.339,15.577,0,15.046,0,14.463c0-0.584,0.339-1.115,0.868-1.361L19.55,4.42c0.749-0.346,1.642-0.024,1.992,0.728c0.349,0.751,0.023,1.643-0.729,1.992L5.059,14.463l15.754,7.321c0.752,0.349,1.078,1.241,0.729,1.992C21.288,24.323,20.746,24.644,20.181,24.644z"/><path fill="%23fff" id="path-2_12_" d="M49.403,46.621c-0.828,0-1.5-0.672-1.5-1.5V27.109c0-6.265-5.064-10.988-11.215-10.988H3.476c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h33.212c7.861,0,14.215,6.013,14.215,13.988v18.012C50.903,45.949,50.231,46.621,49.403,46.621z"/></g></svg>') left 20px center no-repeat;
	background-size: 20px;
	box-sizing: border-box;
	min-height: 50px;
}
.mobile_menu_container ul li a.back:hover{
	background: #8184d0 url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="16" y="16" viewBox="0 0 50.903 50.903" style="enable-background:new 0 0 50.903 50.903;" xml:space="preserve"><g id="group-21svg"><path fill="%23fff" id="path-1_14_" d="M20.181,24.644c-0.212,0-0.427-0.045-0.631-0.139L0.868,15.823C0.339,15.577,0,15.046,0,14.463c0-0.584,0.339-1.115,0.868-1.361L19.55,4.42c0.749-0.346,1.642-0.024,1.992,0.728c0.349,0.751,0.023,1.643-0.729,1.992L5.059,14.463l15.754,7.321c0.752,0.349,1.078,1.241,0.729,1.992C21.288,24.323,20.746,24.644,20.181,24.644z"/><path fill="%23fff" id="path-2_12_" d="M49.403,46.621c-0.828,0-1.5-0.672-1.5-1.5V27.109c0-6.265-5.064-10.988-11.215-10.988H3.476c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h33.212c7.861,0,14.215,6.013,14.215,13.988v18.012C50.903,45.949,50.231,46.621,49.403,46.621z"/></g></svg>') left 20px center no-repeat;
	background-size: 20px;
}
.mobile_menu_container ul li a:hover{
	background: #8184d0;
}
.mobile_menu_container ul li ul{
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #8184d0;
	z-index: 2;
}
.mobile_menu_container ul li ul.loaded{
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.mobile_menu_container ul li ul.activity{
	overflow-y: auto;
	overflow-x: hidden;
}

.menu {
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	padding: 0;
	z-index: 999;
	position: relative;
	border-radius: 50%;
  }
  .opened{
	background-color: white;
  }
  .line {
	fill: none;
	stroke: #8487d2;
	stroke-width: 6;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
	  stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .line1 {
	stroke-dasharray: 60 207;
	stroke-width: 6;
  }
  .line2 {
	stroke-dasharray: 60 60;
	stroke-width: 6;
  }
  .line3 {
	stroke-dasharray: 60 207;
	stroke-width: 6;
  }
  .opened .line1 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 6;
  }
  .opened .line2 {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
	stroke-width: 6;
  }
  .opened .line3 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 6;
  }
  .mobile_menu_content .language-select,
  .mobile_menu_content  .additional{
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .mobile_menu_content .language-select li a{
	font-size: 13px !important;
	text-transform: uppercase;
  }
  .mobile_menu_content .additional li a{
	height: 20px;
	background: white;
  }
  .mobile_menu_content .additional li a:hover{
	background: white;
  }
  .mobile_menu_content .language-select li .active{
	font-size: 15px !important;
  }
@media (max-width: 320px){
	.mobile_menu_container{
		width: 240px;
	}
}