.navigation {
    border-bottom: 1px solid #dfdfdf;
	font-family: 'Roboto Condensed', sans-serif;
    height: 80px;
}
.navigation #PhoneNumber {
    position: absolute;
    right: 10px;
    top: 20px;
}
.left-nav {
	float:left;
	letter-spacing:.034em
}
.left-nav>li {
	display:inline;
	margin-left:1.250em;
	letter-spacing:0
}
.navigation .left-nav>li {
	display:inline;
	border-right:1px solid #bbb;
	margin-left:.7em;
	padding-right:.6em
}
.navigation .left-nav>li:nth-child(3) {
	border-right:0 solid #bbb
}
.navigation .left-nav>li:nth-child(1) a {
	color:#871FFF
}
.sub-nav-left .left-nav>li {
	display:inline-block;
	line-height:35px;
	margin-left:0 !important
}
.sub-nav-left .left-nav li {
	background-color:inherit;
	-webkit-transition:background-color .4s ease;
	transition:background-color .4s ease
}
.check-mark {
	display:none;
	position:absolute;
	margin:-10px 0 0 -10px
}
.navigation li a:hover {
	/*color:#0074c7*/
}
.left-nav .current {
	background:url('../../images/blue-nav-polygon.svg') no-repeat;
	background-position:50% 120%;
	color:#871FFF
}
.navigation .container {
    height: auto;
	position: relative;
}
.navigation .container>div>a {
	color:#979596;
	text-decoration:none
}
.navigation .container>div>a:hover {
	color:#ff8300;
	text-decoration:underline
}
#headerLogo {
	height:40px
}
#HeaderTop {
	background-color: #D9DCE3;
}
#HeaderTop .container {
	height: 38px;
    padding:  14px 10px 0;
}
#PropertyNav {
	display: inline-block;
    float: left;
	font-family:'Roboto Condensed', sans-serif;
	font-size: 0.750em;
	height: 40px;
    letter-spacing: 0.125em;
}
#PropertyNav a {
	border-right: 1px solid #000000;
	color: #871FFF;
    line-height: 0.875em;
    padding: 0 15px;
    vertical-align: bottom;
}
#PropertyNav a:last-child {
	border-right: none;
}
#PropertyNav a:first-child {
	padding-left: 0;
}
#PropertyNav a:first-child img {
	width:183px;
	height:43px
}
#PropertyNav a.current {
	color: #54575E;
}
#SupportNav {
	display: inline-block;
	float: right;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.750em;
	height: 40px;
}
#SupportNav a {
	border-right: 1px solid #000000;
    color: #54575E;
    letter-spacing: 0.075em;
    line-height: 2.000em;
    padding: 0 15px;
	text-decoration: none;
    vertical-align: top;
}
#SupportNav a:last-child:not(#BusinessSite) {
	border-right: none;
}
#SupportNav a#SystemStatus {
	border-right: 1px solid #000000 !important;
}
#SupportNav > img {
	margin-left:14px
}
#SupportNav .apexp {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
}
.check-mark-on {
	margin:0 0 0 -10px;
	position:absolute
}
.header-overlay {
	background-color:rgba(255,255,255,0.5);
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10100
}
.my-account {
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.my-account a:link {
	color:#b8b8bd;
}
.my-account-logon {
	display:none;
	opacity:0;
	background-color:#ebebec;
	padding:40px;
	position:absolute;
	z-index:10200
}
.my-account-logon:after {
	top:-3%;
	left:65px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-bottom-color:#ebebec;
	border-width:0 10px 10px 10px
}
.my-account-logon form {
	text-align:center
}
.my-account-logon form input {
	height:45px !important;
	padding-left:10px;
	width:275px !important;
}
.my-account-logon form input.orange-buttons {
	height:28px;
	padding:10px;
	width:100%;
}
.my-account-logon form div {
	padding:5px 0 10px 0;
	text-align:left;
	text-decoration:underline
}
.my-account-logon form a {
	color:#49494b;
    font-size: 0.75em;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
	width:100%
}
.my-account-logon form a:hover {
	color:#808081
}
.search-button {
	position:absolute;
	right:0;
	background-color:#ff8300;
	color:#fff;
	padding:1px 10px 1px 10px;
	height:40px;
	margin-top:-2px
}
#searchPlaceholder {
	display:inline-block;
    margin-top:0;
    width:75px
}
#searchForm {
	margin-top:-42px;
	width:80px
}
#search {
	width:85px;
	right:0;
	position:absolute;
	background-image:url("../../images/search.png");
	background-position:left center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	padding-left:30px;
	outline:0;
	margin-top:-2px;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease
}
#searchForm.active #search {
	width:395px;
	right:38px
}
.stretch-left {
	animation-name:stretch-left;
	-webkit-animation-name:stretch-left;
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
	transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	-webkit-transform-origin:100% 0
}
@-webkit-keyframes stretch-left {
    0 {
    -webkit-transform:scaleX(0.3);
    transform:scaleX(0.3)
    }
    100% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
    }
}
@keyframes stretch-left {
    0 {
    -webkit-transform:scaleX(0.3);
    transform:scaleX(0.3)
    }
    100% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
    }
}
.logo {
    display: inline-block;
    padding: 10px 0;
    vertical-align: top;
}
.logo_chat {
    background-color: #ffffff;
    border-bottom: 1px solid #dfdfdf;
    padding: 5px;
    vertical-align: top;
}
.sub-navigation {
	display: inline-block;
    font-size: 1.000em;
    margin: 30px 0 0 50px;
    vertical-align: top;
}
.sub-navigation #PhoneNumber {
    text-align: right;
}
.sub-navigation ul > li.forum_navigation,
.sub-navigation .topic_title,
.sub-navigation .community_item {
    display: none;
}
.sub-navigation ul,
.sub-navigation li,
.sub-navigation a {
    float:left;
    list-style: none;
    position: relative;
}
.sub-navigation ul {
    float: none;
    margin: 0 auto;
    max-width: 990px;
}
.sub-navigation ul > li > a {
    color: #871FFF;
}
.sub-navigation ul > li.dropdown {
    margin: 0 7px 0 0;
}
.sub-navigation .menu-list,
.sub-navigation ul > li.dropdown > a {
    color: #000000;
    margin: 10px 30px 35px 0;
    padding-bottom: 5px;
}
.sub-navigation .menu .dropdown .mobile-menu {
    display: none;
}
.menu-show,
.sub-navigation .menu-list:hover,
.sub-navigation ul > li.hover > a,
.sub-navigation ul > li > a:hover {
	border-bottom: 1px solid #000000;
    text-decoration: none;
}
.sub-nav-left {
	display:inline-block;
	float:left
}
.sub-navigation .sub-menu {
	background: #ffffff;
    border-radius: 0 0 0.875rem .875rem;
    box-shadow: 0 12px 18px 0px rgba(0, 0, 0, 0.15);
	display: none;
    left: -50px;
    padding: 0px 30px 30px;
	position: absolute;
	text-transform: none;
	top: 60px;
	width: 670px;
	z-index: 100;
}
.sub-navigation li.hover {
    display: block;
}
.sub-navigation .sub-menu li {
    clear: both;
    margin: 0;
    width: 100%;
}
.sub-navigation .sub-menu li:not(.datacategoryoption) {
    padding-bottom: 20px;
}
.sub-navigation .sub-menu a {
    border-bottom: 1px solid #ffffff;
    color: #000000;
    font: 400 .9em "Roboto", sans-serif;
    margin: 0 10px 0 20px;
    padding: 20px 10px 10px 0px;
    width: 180px;
}
.sub-navigation .sub-menu a:hover {
    border-bottom: 1px solid #000000;
    text-decoration: none;
}
.mobile {
    display: none;
}
.feedback {
	height:0;
	top:-60px;
	position:relative;
	float:right;
	z-index:20
}
.sub-nav-left .left-nav>li:hover {
	background-color:#004e70
}
.sub-nav-left .left-nav>li:hover .navDropDown {
	visibility:visible;
	opacity:1
}
.navDropDown {
	background-color:#004e70;
	position:absolute;
	z-index:999;
	margin-left:0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:visibility .4s ease, opacity .4s ease;
	transition:visibility .4s ease, opacity .4s ease
}
.navDropDown ul li {
	display:block;
	border-bottom:1px solid #30718d;
	margin:0 !important;
	font-size:.8em
}
.navDropDown ul li a {
	display:block;
	padding:0 15px;
	text-decoration:none
}
.navDropDown ul li:hover {
	background-color:rgba(255,255,255,0.2)
}
.navDropDown ul li:last-child {
	display:block;
	border-bottom:none !important
}
.left-nav>li:first-child>.navDropDown>ul {
	width:252px
}
.navDropDown .features-div>div {
	min-width:170px;
	float:left
}
.navDropDown .features-div>div>ul>li a {
	color:#fff
}
.navDropDown .features-div>div>ul>li:first-child a {
	color:#fff
}
/* Business Cloud UK Support */
.navigation.business_uk,
.navigation.business_au {
    height: 80px;
}
.navigation.business_uk .logo,
.navigation.business_au .logo {
    padding: 10px 0;
}
.navigation.business_uk .sub-navigation,
.navigation.business_au .sub-navigation {
    margin-top: 15px;
}
.navigation.business_uk .sub-navigation .sub-menu,
.navigation.business_au .sub-navigation .sub-menu {
    top: 47px;
}
.navigation.business_uk.fix-nav-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 998;
    background: #eaf0f4;
}

@media(min-width: 54.375em) {
    .sub-navigation {
	    width: calc(80% - 10px);
    }
}
@media (min-width: 64.000em) { /* 1024px */
    #searchForm {
	    margin-top:-42px;
	    width:120px !important
    }
    #search {
	    margin-right:40px !important
    }
    .search-button {
	    position:absolute;
	    right:42px !important;
	    background-color:#ff8300;
	    color:#fff;
	    padding:1px 10px 1px 10px;
	    height:40px;
	    margin-top:-2px
    }
}
@media (max-width: 56.875em) { /* 910px */
    .sub-navigation .sub-menu {
        left: -100px;
        width: 600px;
    }
}
@media (max-width: 48.750em) { /* 780px */
    .sub-navigation .sub-menu {
        left: -140px;
    }
}
@media (min-width: 48.000em) { /* 768px */
    
}
@media (max-width: 47.875em) { /* 766px */
    .sub-navigation .sub-menu {
        left: -160px;
    }
}
@media (max-width: 43.750em) { /* 700px */
    .sub-navigation .sub-menu {
        padding: 20px;
	    width: calc(670px - 110%);
    }
    .sub-navigation .sub-menu #SearchControls_Form,
    .sub-navigation .sub-menu #SearchControls form {
        margin-top: 0;
    }
    .sub-navigation .sub-menu a {
        width: 170px;
    }
    #HeaderTop {
        display: none;
    }
    #global-footer img {
        height: auto;
        width: 50%;
    }
    .mobile {
        display: block;
    }
}
@media (max-width: 40.000em) { /* 640px */
    .sub-navigation .menu-list {
        display: none;
    }
    .navigation {
        border: none;
        min-height: 90px;
    }
    .navigation #PhoneNumber {
        top: 0px;
    }
    .navigation.business_au .logo,
    .navigation.business_uk .logo {
        padding: 15px;
    }
    .navigation.business_au .sub-navigation,
    .navigation.business_uk .sub-navigation {
        margin-top: 0;
    }
    .navigation.business_uk .sub-navigation .sub-menu {
        top: 40px;
    }
    .logo {
        height: 30px;
        padding: 15px;
        position: relative;
        margin: 0 auto;
        max-width: 1056px;
    }
    .logo img {
        height: auto;
        width: 50%;
    }
    .sub-navigation a {
        color: #fff;
        font-weight: normal;
        font-size: 18px;
        font-family: "Roboto Condensed",sans-serif;
        letter-spacing: .120em;
        padding: 14px 20px 14px 0;
        text-decoration: none;
    }
    .sub-navigation .sub-menu {
        border: none;
        bottom: 0;
	    left: 0;
        min-height: 900px;
	    padding: 0;
        position: absolute;
        right: 0;
	    top: 40px;
	    width: 100%;
    }
    .sub-navigation .gray-menu {
        border-top: 1px solid #f4f4f4;
    }
    .sub-navigation .gray-menu span {
        display: block;
        padding-top: 10px;
    }
    .sub-navigation .menu .dropdown {
        float: none;
        margin: 0;
    }
    .sub-navigation .menu .dropdown > a:first-child {
        display: none;
    }
    .sub-navigation .menu .dropdown .mobile-menu,
    .sub-navigation .menu .dropdown .menu-close {
        display: block;
        height: 40px;
    }
    .sub-navigation .menu .dropdown .mobile-menu {
        background: url(/resource/km_community_img/mobile/menu-open.png) no-repeat scroll 10px center transparent;
    }
    .sub-navigation .menu .dropdown .menu-close {
        background: url(/resource/km_community_img/mobile/menu-close.png) no-repeat scroll 10px center transparent;
    }
    .sub-navigation .sub-menu #SearchControls_Form,
    .sub-navigation .sub-menu #SearchControls form {
        margin-top: 5px;
    }
    .sub-navigation .sub-menu #SearchControls .wrapper {
        height: 60px;
    }
    .sub-navigation .sub-menu a {
        font-family: 'Roboto Condensed',sans-serif;
        font-size: 1.250em;
        font-weight: 300;
        margin: 0 0 0 15px;
        padding: 8px 0;
        width: calc(100% - 15px);
    }
    .sub-navigation .sub-menu .sub-nav a {
        background-color: #f4f4f4;
        color: #49494B;
        margin: 0;
        padding-left: 15px;
        width: 100%;
    }
    .sub-navigation .sub-menu .sub-nav a:first-child {
        margin-top: 10px;
    }
    .sub-navigation .sub-menu .sub-nav a:last-child {
        padding-bottom: 20px;
    }
    .sub-navigation .sub-menu a:hover {
        color: #ffffff;
    }
}