.clear {
	clear: both
}
.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none
}
.sf-menu {
	margin: 0;
	padding: 0;
	list-style: none
}
.sf-menu a {
	display: block;
	position: relative
}
.sf-menu li {
	position: relative
}
.sf-menu li:hover>ul, .sf-menu li.sfHover>ul {
	display: block
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99
}
.sf-menu ul ul {
	top: 0;
	left: 100%
}
.sf-vertical ul {
	left: 100%;
	top: 0
}
.sf-vertical>li {
	float: none
}
.ippnwMenu {
	width:100%;
	/* width: 980px; */
	height: 336px
}
.ippnwMenu * {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold
}
.ippnwMenu ul {
	list-style-type: none
}
.ippnwMenu a {
	text-decoration: none
}
.im-home>a {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	background-image: url("../Icons/icon_home_gray_20x20.gif");
	background-repeat: no-repeat;
	background-position: 10px 7px
}
.im-horizontalFunctions{
	width: 190px;
	height: 24px;
  padding:8px 0px;
  float:right;
  text-align:right;
}
.im-horizontalFunctionsItem{
  display:inline-block;
}

.im-horizontalMenu {
	/* width: 980px; */
	height: 40px;
	clear: both;
  /* display:inline-block; */
}
.im-horizontalMenu .seperator {
	color: #b0cc55
}
.im-horizontalMenu .sfHover>.arrow-down {
	position: absolute;
	z-index: 100;
	top: 40px;
	left: 20px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff
}
.im-horizontalMenu .sfHover>.arrow-left {
	float: right;
	width: 0;
	height: 0;
	margin-top: -22px;
	margin-right: -20px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #99b737
}
.im-horizontalMenu>ul {
	float: left
}
.im-horizontalMenu>ul li.active>a, .im-horizontalMenu>ul li.current>a {
	color: #b0cc55
}
.im-horizontalMenu>ul>li {
	float: left;
	line-height: 40px;
	padding: 0 5px;
	text-transform: uppercase
}
.im-horizontalMenu>ul>li li.active>a, .im-horizontalMenu>ul>li li.current>a {
	color: #999
}
.im-horizontalMenu>ul>li a {
	color: #999
}
.im-horizontalMenu>ul ul {
	height: 246px;
	padding-top: 10px;
	background-color: #b0cc55;
	text-transform: none;
	line-height: 20px;
	white-space: nowrap
}
.im-horizontalMenu>ul ul li {
	position: static;
	padding: 3px 20px
}
.im-horizontalMenu>ul ul li ul {
	background: #b0cc55;
	background: rgba(176,204,85,0.6)
}
.im-horizontalMenu>ul ul li a {
	color: #fff
}
.im-menuBox {
	clear: both;
	/* width: 980px; */
	height: 256px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden
}
.im-menuBox .im-verticalMenu {
	position: relative;
	z-index: 2;
	float: left;
	background-color: #02b7ea
}
.im-menuBox .im-verticalMenu li.active>a, .im-menuBox .im-verticalMenu li.current>a {
	color: #999
}
.im-menuBox .im-verticalMenu>ul>li {
	text-transform: uppercase
}
.im-menuBox .im-verticalMenu .sfHover>.arrow-left {
	float: right;
	width: 0;
	height: 0;
	margin-top: -22px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent
}
.im-menuBox .im-verticalMenu ul {
	height: 216px;
	padding: 20px 0;
	margin: 0;
	text-transform: none;
	white-space: nowrap
}
.im-menuBox .im-verticalMenu ul li {
	position: static
}
.im-menuBox .im-verticalMenu ul li a {
	padding: 3px 40px;
	color: #fff
}
.im-menuBox .im-verticalMenu ul li ul {
	background-color: #4ccdf1
}
.im-menuBox .im-verticalMenu ul li ul ul {
	background: #02b7ea;
	background: rgba(2,183,234,0.6)
}
.im-menuBox .im-verticalMenu ul .sfHover>.arrow-left {
	border-right: 10px solid #4ccdf1
}
.im-menuBox .im-verticalMenu ul ul .sfHover>.arrow-left {
	border-right: 10px solid #02b7ea
}

.im-storyImageContainer {
	/*
	position:relative;
	height:256px;
	*/
	z-index:0;	
	overflow:clip;
}
.im-menuBox .im-storyImage {
	/*
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat; 
	background-clip:border-box;
	width:100%;
	*/

	position: absolute;
	z-index: 0;
	/* width: 980px; */
	height: 256px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.im-menuBox .im-storyImage.current {
	z-index: 1
}
.im-menuBox .im-stories {
	position: relative;
	z-index: 2;
	float: right;
	width: 275px;
	height: 256px;
	white-space: nowrap
}
.im-menuBox .im-stories * {
	color: #fff
}
.im-menuBox .im-stories>ul {
	margin: 0
}
.im-menuBox .im-stories>ul>li {
	display: block;
	height: 43px;
	padding: 10px 35px;
	margin: 1px 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #02b7ea;
	background: rgba(2,183,234,0.4);
	cursor: pointer
}
.im-menuBox .im-stories>ul>li.current {
	background-color: #02b7ea;
	color: #fff
}
.im-menuBox .im-stories>ul>li>a {
	display: block;
	padding-left: 19px;
	margin-left: -19px;
	background-image: url("../Icons/icon_arrow_white_trans_18x18.png");
	background-repeat: no-repeat;
	text-transform: uppercase
}
.im-menuBox .im-stories>ul>li .subtitle {
	display: block;
	font-weight: 100
}
.im-menuFooter {
	/* width: 980px; */
	height: 40px;
	clear: both
}
.im-menuFooter .im-breadcrumb {
	float: left;
	color: #B0CC55;
	padding-left: 20px;
	background: transparent url('../Icons/icon_arrow_green_trans_18x18.png') no-repeat left center;
	width: 640px;
	height: 40px;
	line-height: 40px;
	font-weight: bold
}
.im-menuFooter .im-breadcrumb>a {
	color: #B0CC55;
	text-transform: uppercase;
	font-weight: bold
}
.im-menuFooter .im-breadcrumb>a:hover {
	color: #B0CC55;
	text-decoration: underline
}
.im-menuFooter .im-breadcrumb>a:visited {
	color: #B0CC55
}
.im-menuFooter .im-socialmedia {
	float: right;
	width: 320px;
	height: 40px
}
.im-menuFooter .im-socialmedia>ul {
	float: right;
	height: 40px;
	margin: 10px;
	margin-right: 0
}
.im-menuFooter .im-socialmedia>ul>li {
	padding: 0 5px;
	float: left
}
.im-menuFooter .im-socialmedia>ul>li:last-child {
	padding-right: 0
}
.is-hidden {
	display: none
}


/* mobile version */

.uk-offcanvas-bar {
  padding: 0px 0px!important;
  background: #ededed!important;
  border-left:2px solid #ccc;
  color:#333!important;
}
.uk-offcanvas-bar .uk-close {
  color:#333;	
}

.uk-offcanvas-bar  .horizontalMenu .uk-nav-default > li > a, .uk-offcanvas-bar  .horizontalMenu .uk-nav-default > li > a:hover, .uk-offcanvas-bar  .horizontalMenu .uk-nav-default > li > a:focus {
	background:rgba(176,204,85,0.7);
	border-bottom:1px solid rgba(176,204,85,1.0);
	padding: 5px 0px 5px 10px;
	font-size:1em;
	color:#333;
}
.uk-offcanvas-bar .horizontalMenu .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .horizontalMenu .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .horizontalMenu .uk-nav-default .uk-nav-sub a:focus {
	background:rgba(176,204,85,0.4);
	border-bottom:1px solid rgba(176,204,85,0.7);
	padding: 5px 0px 5px 20px;
	font-size:1em;
	color:#333;	
}
.uk-offcanvas-bar .horizontalMenu .uk-nav-default .uk-nav-subsub a, .uk-offcanvas-bar .horizontalMenu .uk-nav-default .uk-nav-subsub a:hover, .uk-offcanvas-bar .horizontalMenu .uk-nav-default .uk-nav-subsub a:focus {
	background:rgba(176,204,85,0.4);
	border-bottom:1px solid rgba(176,204,85,0.7);
	padding: 5px 0px 5px 40px;
	font-size:1em;
	color:#333;	
}
.uk-offcanvas-bar .horizontalMenu ul.uk-nav-sub {
  padding: 0px 0px 0px 0px;
}
.uk-offcanvas-bar .horizontalMenu ul.uk-nav-subsub {
  padding: 0px 0px 0px 0px;
}

.uk-offcanvas-bar  .verticalMenu .uk-nav-default > li > a, .uk-offcanvas-bar  .verticalMenu .uk-nav-default > li > a:hover, .uk-offcanvas-bar  .verticalMenu .uk-nav-default > li > a:focus {
	background:rgba(2,183,234,0.7);
	border-bottom:1px solid rgba(2,183,234,1.0);
	padding: 5px 0px 5px 10px;
	font-size:1em;
	color:#333;
}
.uk-offcanvas-bar .verticalMenu .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .verticalMenu .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .verticalMenu .uk-nav-default .uk-nav-sub a:focus {
	background:rgba(2,183,234,0.4);
	border-bottom:1px solid rgba(2,183,234,0.7);
	padding: 5px 0px 5px 20px;
	font-size:1em;
	color:#333;
}
.uk-offcanvas-bar .verticalMenu .uk-nav-default .uk-nav-subsub a, .uk-offcanvas-bar .verticalMenu .uk-nav-default .uk-nav-subsub a:hover, .uk-offcanvas-bar .verticalMenu .uk-nav-default .uk-nav-subsub a:focus {
	background:rgba(2,183,234,0.4);
	border-bottom:1px solid rgba(2,183,234,0.7);
	padding: 5px 0px 5px 40px;
	font-size:1em;
	color:#333;
}
.uk-offcanvas-bar .verticalMenu ul.uk-nav-sub {
  padding: 0px 0px 0px 0px;
}
.uk-offcanvas-bar .verticalMenu ul.uk-nav-subsub {
  padding: 0px 0px 0px 0px;
}

.uk-offcanvas-bar  .metaMenu .uk-nav-default > li > a, .uk-offcanvas-bar  .metaMenu .uk-nav-default > li > a:hover, .uk-offcanvas-bar  .metaMenu .uk-nav-default > li > a:focus {
	background:rgba(204,204,204,0.7);
	border-bottom:1px solid rgba(204,204,204,1.0);
	padding: 5px 0px 5px 10px;
	font-size:1em;
	color:#333;
}
.uk-offcanvas-bar .metaMenu .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .metaMenu .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .metaMenu .uk-nav-default .uk-nav-sub a:focus {
	background:rgba(204,204,204,0.4);
	border-bottom:1px solid rgba(204,204,204,0.7);
	padding: 5px 0px 5px 10px;
	font-size:1em;
	color:#333;
}
.uk-offcanvas-bar .metaMenu ul.uk-nav-sub {
  padding: 0px 0px 0px 0px;
}

.uk-offcanvas-bar  .verticalMenu .uk-nav-default > li.uk-active + a { color:#fff!important; }

.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after { background-image:none; }
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {  }
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.menuitem {
	display:inline-block!important;
	width:calc(100% - 45px);
}
.submenuitem {
	display:inline-block!important;
	width:calc(100% - 65px);
}
.showmenuitem, .hidemenuitem {
	float: right;
	width: 25px;
	text-align: center;
	color: #fff!important;
}