@font-face {
	font-family: "Flaticon";
	src: url("menu-mobile.eot");
	src: url("menu-mobile.eot#iefix") format("embedded-opentype"),
	url("menu-mobile.woff") format("woff"),
	url("menu-mobile.ttf") format("truetype"),
	url("menu-mobile.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
    font-size: 40px;
	font-style: normal;
	line-height: 40px;
}
.flaticon-close05:before {
	content: "\e000";
}
.flaticon-close02:before {
	content: "\e001";
}
.flaticon-close01:before {
	content: "\e002";
}
.flaticon-close08:before {
	content: "\e003";
}
.flaticon-close04:before {
	content: "\e004";
}
.flaticon-close03:before {
	content: "\e005";
}
.flaticon-close06:before {
	content: "\e006";
}
.flaticon-cross07:before {
	content: "\e007";
}
.flaticon-menu04:before {
	content: "\e008";
}
.flaticon-menu03:before {
	content: "\e009";
}
.flaticon-menu01:before {
	content: "\e00a";
}
.flaticon-menu02:before {
	content: "\e00b";
}
.flaticon-menu06:before {
	content: "\e00c";
}
.flaticon-menu05:before {
	content: "\e00d";
}
.flaticon-menu07:before {
	content: "\e00e";
}
/* =============================================================================
MENU MOBILE
============================================================================= */

html                        		{overflow-x:hidden;}
.wrapper                    		{position:relative;left:0;top:0;transition:left 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;z-index: 2;width:100%;}
.wrapper.open               		{left:-240px;transition: left 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;}
.responsive-sidebar         		{position:fixed;right:0;top:0; opacity:0;transition:all 0.3s ease-in-out 0s; z-index:1;height:100%;}
.responsive-sidebar.open    		{opacity:1;transition: all 0.3s ease-in-out 0s;overflow-y:scroll;width:240px;}
.btn-open                   		{float:right;}

/* style visual */
.btn-open   						{position: relative; top: 10px;}
.btn-open,
.btn-open i,
.btn-close,
.btn-close i  						{display: block; width: 40px; height: 40px; color: #266741; text-decoration: none !important;}
.responsive-sidebar 				{background: #266741;}
.responsive-container       		{padding: 20px; padding-top: 60px;}
.btn-close   						{float:right;}
.btn-close i  						{color: #ffffff;}


.responsive-sidebar .menu  			{padding-top: 70px;}
.responsive-sidebar .menu a 		{color: #ffffff;}
.responsive-sidebar .menu li 		{margin: 15px 0;color: #ffffff;} 
.responsive-sidebar .sub-menu 		{margin: 0;}
.responsive-sidebar .sub-menu li 	{margin-left: 20px; list-style-type:disc;}