/* Import Google Font */
@import url(http://fonts.googleapis.com/css?family=PT+Sans);


/* Icon Style */

#iwpmenu_icon .iwpmenu_open_button,
#iwpmenu_icon .iwpmenu_close_button {
	display: block;
	width: 32px;
	height: 32px;
	position: fixed;/*absolute*/
	top: 170px;
	right: 200px;
	cursor: pointer;
	z-index: 999992;
}

#iwpmenu_icon .iwpmenu_close_button {
	display: none;
}

.hamburger_layer {
	fill: #000000;
}

.close_layer {
	fill: #ffffff;
}

#iwpmenu_icon .iwpmenu_button.open {
}
/* Bar Style */

#iwpmenu_bar {
	display: none;
	position: fixed;
	top: 0px;
	right: -300px;
	width: 300px;
	height: 100%;
	background: #000;
	opacity: 1;
	z-index: 999991;
		border-left: 1px solid #000000;
		}

#iwpmenu_bar.open {
	
}

#iwpmenu_bar div {
	margin: 0px auto 0px;
	padding-top: 0px;
		height: 100%;
	}

#iwpmenu_bar #iwpmenu_social {
	width: 90%;
	position: relative;
	bottom: 50px;
	left: 0%;
	color: white;
	text-align: center;
		border-top: 1px solid #ffffff;
		padding-top: 10px;
}

#iwpmenu_bar #iwpmenu_social a {
	margin: 0 3px;
	padding: 0;
	line-height: px;
	color: #ffffff;
	font-size: px;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
}

#iwpmenu_bar #iwpmenu_social a:hover {
	color: #cccccc;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
}

/* Items Style */

/* List General Style */

#iwpmenu_bar div ul {
		padding: 45px 20px 50px 20px;
		list-style: none;
		text-align: left;
		background: none;
	height: 100%;
	overflow-y: scroll;
	position: relative;
}


/* Items Animation */



#iwpmenu_bar div ul.menu>li {
	opacity: 0;
	-webkit-transform: translateY(150px);
	   -moz-transform: translateY(150px);
	    -ms-transform: translateY(150px);
	     -o-transform: translateY(150px);
	        transform: translateY(150px);
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
}

#iwpmenu_bar div ul.menu>li.showme {
	opacity: 1;
	-webkit-transform: translateY(0px);
	   -moz-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	     -o-transform: translateY(0px);
	        transform: translateY(0px);
	-webkit-transition: all .5s ease-out;
	   -moz-transition: all .5s ease-out;
	    -ms-transition: all .5s ease-out;
	     -o-transition: all .5s ease-out;
}


/* First Level Style */

#iwpmenu_bar div ul.menu li a {
	color: #ffffff;
	background: none;
	margin: 0;
	padding: 0;
	font-size: px;
	font-family: "PT Sans", sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height: px;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
}

#iwpmenu_bar div ul.menu li a:hover {
	color: #999999;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
}

#iwpmenu_bar div ul.menu li.menu-item-has-children>a:after {
	content: url('data:image/svg+xml; utf8, <svg width="8" height="5" viewBox="0 0 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M10,-2.73577952e-14 L5,7 L0,-2.84217094e-14 L10,-2.73577952e-14 Z" id="Triangle-1" fill="#ffffff"></path></svg>');
	margin-left: 5px;
	position: absolute;
}

#iwpmenu_bar div ul.menu li.menu-item-has-children>a:hover:after {
	content: url('data:image/svg+xml; utf8, <svg width="8" height="5" viewBox="0 0 10 7" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M10,-2.73577952e-14 L5,7 L0,-2.84217094e-14 L10,-2.73577952e-14 Z" id="Triangle-1" fill="#999999"></path></svg>');
	margin-left: 5px;
	position: absolute;
}

/* Second Level Style */

#iwpmenu_bar div ul.menu ul.sub-menu {
	background: none;
	margin: 0;
	padding: 0;
		max-height: 0;
	-webkit-transition: max-height .5s ease-out;
       -moz-transition: max-height .5s ease-out;
        -ms-transition: max-height .5s ease-out;
         -o-transition: max-height .5s ease-out;
            transition: max-height .5s ease-out;
	}

/* Open Sub Item Animtion */
#iwpmenu_bar div ul.menu li.menu-item-has-children.open ul.sub-menu {
	max-height: 500px;
	-webkit-transition: max-height .5s ease-in;
       -moz-transition: max-height .5s ease-in;
        -ms-transition: max-height .5s ease-in;
         -o-transition: max-height .5s ease-in;
            transition: max-height .5s ease-in;
}

#iwpmenu_bar div ul.menu li.menu-item-has-children ul.sub-menu li {
	opacity: 0;
	-webkit-transition: all .5s ease-out;
	   -moz-transition: all .5s ease-out;
	    -ms-transition: all .5s ease-out;
	     -o-transition: all .5s ease-out;
}

#iwpmenu_bar div ul.menu li.menu-item-has-children ul.sub-menu li.expanded {
	opacity: 1;
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
}

#iwpmenu_bar div ul.menu li.menu-item-has-children.open>a:after {
	-webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transform-origin: 50% 65% 0;
       -moz-transform-origin: 50% 65% 0;
        -ms-transform-origin: 50% 65% 0;
         -o-transform-origin: 50% 65% 0;
            transform-origin: 50% 65% 0;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
}

#iwpmenu_bar div ul.menu li.menu-item-has-children>a:after {
	-webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 65% 0;
       -moz-transform-origin: 50% 65% 0;
        -ms-transform-origin: 50% 65% 0;
         -o-transform-origin: 50% 65% 0;
            transform-origin: 50% 65% 0;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
}

#iwpmenu_bar div ul.menu ul.sub-menu li a {
	color: #ffffff;
	background: none;
	margin: 0 10px;
	padding: 0;
	font-size: px;
	font-family: "PT Sans", sans-serif;
	font-weight: normal;
}

#iwpmenu_bar div ul.menu ul.sub-menu li a:hover {
	color: #999999;
}