.navigations{background: transparent; color: #fff; height: 0px; width: 100%; position: fixed; z-index: 100; margin-top: -60px;}
.theme .navigations{margin-top: -110px;}
.has-mobile-nav .navigations{margin-top: 0px;}

.navigations-menu a.logo-kia-owners{float: left;}
.navigations-menu .logo-kia-owners img{margin: 14px 20px}

.navigations-menu{background: #000; color: #fff; height: 60px; width: 100%; position: fixed; z-index: 100;}
.navigations-menu .menu .left{margin-top: 20px;}
.navigations-menu .menu .right{float: right; height: 60px; padding: 20px 40px; background: #333A43;}
.navigations-menu .menu .right.veh-dash{background: transparent; padding: 20px 0;}
.navigations-menu .menu ul li{display: inline-block; margin-left: 10px; cursor: pointer;}

.navigations-menu .menu .dropdown{font: 600 12px "KIA-SIGNATURE", sans-serif; line-height: 20px;}
.navigations-menu .menu .dropdown a{color: #fff;}
.navigations-menu .menu .dropdown .dropdown-menu{width: 80vw;}
.navigations-menu .menu .dropdown .up{display: none;}

.navigations-menu .menu .dropdown.open{text-decoration: underline}
.navigations-menu .menu .dropdown.open .down{display: none;}
.navigations-menu .menu .dropdown.open .up{display: inline;}


.navigations-menu .pull-right.change{background: #fff; height: 60px;}

.navigations-menu .menu-mobile{background: #000; margin-top: 60px; display: none;}
.navigations-menu .menu-mobile.open{background: #000; margin-top: 60px; display: block; width: 100%; height: 100vh;}

.navigations-menu .menu-mobile div li{border-top: 1px solid #ddd; padding-left: 20px;}
.navigations-menu .menu-mobile div li a.top-menu{color: #fff; display: block; padding: 10px 0;}
.navigations-menu .menu-mobile div li.active{background: #333A43;}
.navigations-menu .menu-mobile div li a:hover{color: #ddd}

.navigations-menu .menu-mobile .sub-menu-mobile{background: #fff; margin-left: -20px;}
.navigations-menu .menu-mobile .sub-menu-mobile a{color: #000; padding: 10px 20px; border-top: 1px solid #ddd; display: block}
.navigations-menu .menu-mobile .sub-menu-mobile a img{width: 12px}

.navigations-menu .menu-mobile #accountParent .sub-menu-mobile a{border-top: none;}

.navigations-menu .btnBarNew{margin: 25px}
.navigations-menu .icon-bars{display: inline-block; vertical-align: middle;}
.navigations-menu .icon-bars .bar1, .navigations-menu .icon-bars .bar2{width: 22px; height: 2px; background-color: #fff; margin: 6px 0; transition: 0.4s;}
.navigations-menu .icon-bars .bar1.change{transform: translateY(1px) rotateZ(45deg); background-color: #000;}
.navigations-menu .icon-bars .bar2.change{transform: translateY(-7px) rotateZ(-45deg); background-color: #000;}

#features, #services, #resources, #featuresChild, #servicesChild, #resourcesChild, #storeChild, #accountChild{display: none;}

.sub-menu{
    font: 400 16px / 1em "KIA-REGULAR", sans-serif;
    position: fixed;
    margin-top: 60px;
    right: 0;
    background: #fff;
    z-index: 1000;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.sub-menu a{display: block; color: #000; padding: 10px 20px;}
.sub-menu a.account-logout{margin-bottom: 20px}
.sub-menu a.account-logout span{border: 1px solid #000; padding: 10px 60px; cursor: pointer;}

.sub-menu.space{margin-top: 0px;}

.sub-menu-mobile a.account-logout div{border: 1px solid #000; padding: 10px; cursor: pointer; text-align: center;}

.nav-content{
    font: 400 16px / 1em "KIA-REGULAR", sans-serif;
    line-height: 20px;
    position: fixed;
    z-index: 10;
    top: 60px;
    color: #000;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 2%;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    display: none;
}

.nav-content .item{width: 14%; display: inline-block; text-align: center; vertical-align: top; margin-right: 5%; margin-bottom: 20px;}
.nav-content .item a{color: #000}
.nav-content .item a img{width: 12px}
.nav-content .item .title{max-width: 180px;}

@media (min-width: 1024px) and (max-width: 1440px) {
	.nav-content .item{width: 18%}
}

@media (min-width: 769px) and (max-width: 1023px) {
	.nav-content .item{width: 25%}
}

@media (max-width: 767px) {
	.theme .navigations{margin-top: -60px;}

	.has-mobile-nav{margin-top: 60px}
	.has-mobile-nav .navigations-menu{margin-top: -60px}
}