/*------------------------------------------------------------------*/
/* Navigation Menu Style */
/*------------------------------------------------------------------*/
.nav-menu {position: static;float: right;display: block;}
.nav-menu.active {display: block;}
.nav-menu ul.nav-menu-inner {margin: 0;padding: 0;list-style: none;}
.nav-menu ul.nav-menu-inner li {display: inline-block;list-style: none;text-align: left;}
.nav-menu ul.nav-menu-inner > li > a {color: #fff;}
.header-light .nav-menu ul.nav-menu-inner > li > a {color: #323232;}

.nav-menu ul.nav-menu-inner li a {
font-family: inherit;
display: block;
font-size: 12px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
outline: none;
letter-spacing: 2px;
transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
font-family: "Raleway",sans-serif;
}

.nav-menu ul.nav-menu-inner > li > a {padding: 41px 15px;text-decoration:none;}
@media (max-width: 1200px) {
.nav-menu ul.nav-menu-inner > li > a {padding: 41px 7px;}
}

.header .nav-menu ul.nav-menu-inner > li.active a,
.header .nav-menu ul.nav-menu-inner > li a.active,
.header .nav-menu ul.nav-menu-inner > li:hover > a,
.header .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-dark .nav-menu ul.nav-menu-inner > li.active a,
.header.header-dark .nav-menu ul.nav-menu-inner > li a.active,
.header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a,
.header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current,
.header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {
color: #dce4e8;}

.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,
.header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-prepare .nav-menu ul.nav-menu-inner li a.current,
.header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
color: #5e7784;}

/* Mobile bar icon */
.nav-mobile.nav-bar-icon {display: none;}

.nav-bar-icon {display: inline-block;float: right;position: relative;height: 16px;width: 20px;padding-top: 47px;padding-bottom: 47px;margin-left: 15px;;transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;cursor: pointer;}

.header-fixed .nav-bar-icon {padding-top: 32px;padding-bottom: 32px;}
.nav-bar-icon a {color: #fff;display: block;font-size: 17px;padding: 19px 0;}
.nav-bar-icon.active a, .nav-bar-icon a.active,
.nav-bar-icon:hover a, .nav-bar-icon a:hover {color: #17a697;}
.nav-bar-icon > span {position: absolute;top: 50%;display: block;width: 18px;height: 2px;margin-top: -1px;background-color: #ccc;-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;transition: background 0.25s ease, -webkit-transform 0.3s;transition: transform 0.3s, background 0.25s ease;transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;}
.nav-bar-icon > span:before,
.nav-bar-icon > span:after {content: "";position: absolute;left: 0;width: 100%;height: 100%;background-color: #ccc;-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;transition: background 0.25s ease, -webkit-transform 0.3s;transition: transform 0.3s, background 0.25s ease;transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;}

header .nav-bar-icon > span,
header .nav-bar-icon > span:before,
header .nav-bar-icon > span::after,
header.header-dark .nav-bar-icon > span,
header.header-dark .nav-bar-icon > span:before,
header.header-dark .nav-bar-icon > span::after,
header.header-dark.header-prepare .nav-bar-icon > span,
header.header-dark.header-prepare .nav-bar-icon > span:before,
header.header-dark.header-prepare .nav-bar-icon > span::after {background-color: #fff;}

header.header-light .nav-bar-icon > span,
header.header-light .nav-bar-icon > span:before,
header.header-light .nav-bar-icon > span::after,
header.header-prepare .nav-bar-icon > span,
header.header-prepare .nav-bar-icon > span:before,
header.header-prepare .nav-bar-icon > span::after {background-color: #323232;}

.nav-bar-icon > span:before {-webkit-transform: translateY(-6px);transform: translateY(-6px);-o-transform: translateY(-6px);-ms-transform: translateY(-6px);-moz-transform: translateY(-6px);}
.nav-bar-icon > span:after {-webkit-transform: translateY(6px);transform: translateY(6px);-o-transform: translateY(6px);-ms-transform: translateY(6px);-moz-transform: translateY(6px);}
.nav-bar-icon.active {transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.nav-bar-icon.active > span:before {transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.nav-bar-icon.active > span:after {transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);}

/* Dropdown-menu */
.nav-menu > ul li {position: relative;margin-top:-2px;}
.sub-dropdown.dropdown {top: 100%;left: 0;position: absolute;}
.sub-dropdown {position: absolute;left: 100%;top: 0;display: none;background: rgba(25, 53, 64, 1);padding: 0;width: 240px;}
.sub-dropdown li {width: 100%;}
.sub-dropdown > li > a {padding: 13px 15px;display: block;color: rgba(255, 255, 255, 0.75);font-size: 11px !important;
font-weight: 500 !important;letter-spacing: 1.8px !important;text-decoration:none;}
.sub-dropdown > li:hover > a {background: rgba(255,255,255,0.05);color: #fff;}
.sub-dropdown i {float: right;}

@media all and (max-width: 1024px) {
.nav-menu ul.nav-menu-inner li {display: block;width: 100%;}
.nav-menu {position: absolute;left: 0;top: 100%;float: none;display: none;width: 100%;background: rgba(34,34,34,0.8);overflow-y: none;z-index: 999;}
.nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {display: inline-block;float: right;padding-top: 32px;padding-bottom: 32px;}
.nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a {padding: 15px 12px;border-top: 1px solid #444;}
/* Dropdown */
.sub-dropdown.dropdown, .sub-dropdown {top: 36px;position: relative;width: 100% !important;}
.sub-dropdown a {padding-left: 30px !important;}
.sub-dropdown > li > .sub-dropdown > li > a {padding-left: 45px !important;}
.sub-dropdown li .sub-dropdown li > .sub-dropdown > li > a {padding-left: 60px !important;}
.header .nav-menu ul.nav-menu-inner li a.current,
.header .nav-menu ul.nav-menu-inner li.current a,
.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,
.header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,
.header.header-prepare .nav-menu ul.nav-menu-inner li a.current,
.header.header-prepare .nav-menu ul.nav-menu-inner li.current a {color: #fff;}
.header-light .nav-menu ul.nav-menu-inner > li > a {color: rgba(255,255,255,1);}
}