/* =================
   Global SmartMenu Customization
   ================= */



/* =================
  Mobile First
   ================= */
      /* Autohide navbar */
			.slideUp {
				top: -100px;
		}
		.headroom {
				-webkit-transition: all 0.4s ease-out;
				-moz-transition: all 0.4s ease-out;
				-o-transition: all 0.4s ease-out;
				transition: all 0.4s ease-out;
		}
		.dropdown-menu .sub-menu {
				left: 100%;
				position: absolute;
				top: 0;
				visibility: hidden;
				margin-top: -1px;
		}
		.dropdown-menu li:hover .sub-menu {
				visibility: visible;
		}
		.dropdown:hover .dropdown-menu {
				display: block;
		}
		nav {
			font-family: 'Source Sans Pro', sans-serif;
				font-size: 14px;
				overflow-y: inherit;
		}
		.navbar-default {
				border-color: transparent;
				background-color: #aeb2cc;
				padding: 5px 0 0 0;
				height: auto;
				position: relative;
		}
		.navbar-default .navbar-collapse {
				border-color: rgba(255,255,255,.02);
				max-height: none;
		}
		.navbar-default .navbar-toggle {
				border-color: transparent;
				background-color: transparent;
				z-index: 100;
				margin-top: 4px;
				margin-right: 10px;
		}
		.navbar-default .navbar-toggle .icon-bar {
				background-color: #2BB9B7;
				height: 4px;
				width: 30px;
				margin-bottom: 4px;
				border-radius: 0;
		}
		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
				background-color: transparent;
		}
		.navbar-default .sm-nav li a {
			  font-family: 'Source Sans Pro', sans-serif;
				font-size: 18px;
				line-height: 18px;
				color: #fff;
				letter-spacing: 0;
		}
		.navbar-default .sm-nav li ul li a {
			font-size: 16px;
		}		
		.navbar-default .sm-nav >li > a {
				text-transform: uppercase;
		}
		.sm-nav ul >li a {
				text-transform: uppercase;
		}
		.navbar-collapse {
				padding: 0px;
				background-color: #8f93a7;
				box-shadow: none;
				border: none;
		}
		.navbar, .navbar .dropdown-menu, .navbar .navbar-toggle, .navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {
				-webkit-transition: all .35s;
				-moz-transition: all .35s;
				transition: all .35s;
		}
		.navbar-default .navbar-toggle .icon-bar {
				background-color: #fff;
		}
		.navbar-default, .navbar-default .dropdown-menu, .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
				-webkit-transition: all .35s;
				-moz-transition: all .35s;
				transition: all .35s;
		}
		.navbar-default .navbar-toggle .icon-bar {
				background-color: #fff;
		}
		.sm-nav a, .sm-nav a:hover, .sm-nav a:focus, .sm-nav a:active {
				padding: 10px 20px;
				/*  padding-right: 58px;*/
				color: #fff;
				text-decoration: none;
		}
		.sm-nav a span.sub-arrow {
				position: absolute;
				top: 50%;
				margin-top: -17px;
				left: auto;
				right: 9px;
				width: 34px;
				height: 34px;
				overflow: hidden;
				font: bold 16px/34px monospace !important;
				text-align: center;
				text-shadow: none;
				background: rgba(0, 0, 0, 0.3);
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				-ms-border-radius: 4px;
				-o-border-radius: 4px;
				border-radius: 4px;
		}
		/*bars colors*/
		.sm-nav ul {
				background: #7e8294;
		}
		.sm-nav ul ul {
				background: #6b6e7d;
		}
		.sm-nav >li a:hover, .sm-nav >li a:active {
				background: #313131;
				-webkit-transition: all .35s;
				-moz-transition: all .35s;
				transition: all .35s;
		}
		.sm-nav li a:focus {
				background: #51535e;
		}
		/*bars text */
		.sm-nav ul >li a, .sm-nav ul >li a:hover, .sm-nav ul >li a:focus, .sm-nav ul >li a:active, .sm-nav ul >li a.highlighted {
				/*  padding-left: 40px;*/
				font-weight: normal;
		}
		.sm-nav ul ul li a, .sm-nav ul ul li a:hover, .sm-nav ul ul li a:focus, .sm-nav ul ul li a:active, .sm-nav ul ul li a.highlighted {
				/*  padding-left: 60px;*/
				font-weight: normal;
				text-transform: uppercase;
		}
		/*extras*/
		.sm-nav ul li:first-child {
				border-top: 0;
		}
		.sm-nav ul li {
		/*  border-top: 1px solid rgba(0, 0, 0, 0.2);*/
		}
		.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
				margin-right: -15px;
				margin-left: -15px;
		}
		a.highlighted span.sub-arrow:before {
				display: block;
				content: '-';
		}
		
		/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
		@media screen and (max-width: 1200px) {
		.sm-nav {
				width: auto !important;
		}
		.sm-nav ul {
				display: none;
				position: static !important;
				top: auto !important;
				left: auto !important;
				margin-left: 0 !important;
				margin-top: 0 !important;
				width: auto !important;
				min-width: 0 !important;
				max-width: none !important;
		}
		.sm-nav>li {
				float: none;
		}
		.sm-nav>li>a, ul.sm-nav ul.sm-nav>li>a {
				white-space: normal;
		}
		.sm-nav iframe {
				display: none;
		}
		}
		
		@media screen and (max-width: 1200px) {
		.navbar-collapse {
		/*	overflow-y: scroll;*/
		}
		.sm-nav >li a {
				-webkit-tap-highlight-color: transparent;
		}
		.sm-nav >li a:hover {
				background: none;
				color: rgba(255,255,255,0.8);
		}
		.sm-nav >li a:active {
				-webkit-tap-highlight-color: transparent;
		}
		}
		
		/* =================
			 *Desktop ViewPort
			 ================= */
		
		@media screen and (min-width:1200px) {
		nav {
			  font-family: 'Source Sans Pro', sans-serif;
				font-size: 14px;
				overflow-y: visible;
				max-height: auto;
		}
		.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
				margin-right: 0;
				margin-left: 0;
		}
		.navbar-default.navbar-shrink {
				/*    padding: 10px 20px 10px 20px;*/
				background-color: rgba(0,0,0,.8);
		}
		.navbar-default.navbar-shrink div {
		}
		.navbar-default.navbar-shrink div .compTitle3Large, .navbar-default.navbar-shrink div .compTitle3Medium, .navbar-default.navbar-shrink div .compTitle3Small, .navbar-default.navbar-shrink div .compTitle2Large, .navbar-default.navbar-shrink div .compTitle2Medium, .navbar-default.navbar-shrink div .compTitle2Small {
				display: none;
		}
		.navbar-default.navbar-shrink .navbar-brand {
				font-size: 95%;
				line-height: 40px;
				padding: 0px;
				position: absolute;
				top: 5%;
		}
		.navbar-default.navbar-shrink .sm-nav {
				margin-bottom: 5px;
		}
		.navbar-default.navbar-shrink .sm-nav a, .navbar-default.navbar-shrink .sm-nav a:hover, .navbar-default.navbar-shrink .sm-nav a:focus, .navbar-default.navbar-shrink .sm-nav a:active, .navbar-default.navbar-shrink .sm-nav a.highlighted {
		}
		.navbar-default.navbar-shrink .sm-nav > li >a {
				line-height: 0px;
		}
		.navbar-default.navbar-shrink .sm-nav li a {
		}
		.navbar-default.navbar-shrink .sm-nav >li > a span.sub-arrow {
		}
		.navbar-default {
				border: 0;
				background-color: #aeb2cc;
				padding: 20px!important;
				min-width: 1200px;
				-webkit-transition: padding .3s;
				-moz-transition: padding .3s;
				transition: padding .3s;
				position: relative;
				margin-bottom: -73px;
		}
		.navbar-default .navbar-brand {
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				transition: all .3s;
		}
		.navbar-collapse {
				padding: 0px;
				background-color: transparent;
		}
		.sm-nav {
				text-align: center;
				line-height: 18px;
				border: none;
				width: 100%;
				min-width: 1200px;
				margin: 0 auto;
		}
		.navbar-fixed-top {
				left: 0;
				position: fixed;
				right: 0;
				z-index: 1030;
		}
		.fixed {
				position: fixed !important;
				top: 0px !important;
				right: 0px !important;
				left: 0px !important;
				z-index: 999 !important;
		}
		.currentli {
		/*	font-weight: bold;*/
		}
		.sm-nav > li {
				text-align: left;
		}
		.sm-nav >li {
				float: none!important;
				display: inline-block;
				margin-right: -4px;
		}
		.navbar-default .sm-nav > li >a {
				line-height: 4px;
		}
		.sm-nav a, .sm-nav a:hover, .sm-nav a:focus, .sm-nav a:active, .sm-nav a.highlighted {
				padding: 13px 18px;
				color: white;
		}
		.sm-nav ul, .sm-nav ul ul {
				z-index: 100;
		}
		/*dropdown text*/
		.sm-nav ul >li a, .sm-nav ul >li a:hover, .sm-nav ul >li a:focus, .sm-nav ul >li a:active, .sm-nav ul >li a.highlighted, .sm-nav ul ul li a, .sm-nav ul ul li a:hover, .sm-nav ul ul li a:focus, .sm-nav ul ul li a:active, .sm-nav ul ul li a.highlighted {
				padding-left: 18px;
				font-weight: normal;
				font-size: 16px;
				border: 0 !important;
		}
		.sm-nav ul ul li a, .sm-nav ul ul li a:hover, .sm-nav ul ul li a:focus, .sm-nav ul ul li a:active, .sm-nav ul ul li a.highlighted {
				text-transform: uppercase;
		}
		.sm-nav a.has-submenu, .sm-nav a.has-submenu:hover, .sm-nav a.has-submenu:focus, .sm-nav a.has-submenu:active, .sm-nav a.has-submenu.highlighted {
				padding-right: 20px;
		}
		/*dropdown colors*/
		.sm-nav ul, .sm-nav ul ul {
				background: #8f93a7;
				color: #fff;
		}
		/*.sm-nav ul >li a,
		.sm-nav ul ul li a {
			color: red;
		}*/
		.sm-nav ul >li a:hover, .sm-nav ul >li a:focus, .sm-nav ul >li a:active, .sm-nav ul >li a.highlighted, .sm-nav ul ul li a:hover, .sm-nav ul ul li a:focus, .sm-nav ul ul li a:active, .sm-nav ul ul li a.highlighted {
				color: #fff;
		}
		.sm-nav li a:focus {
				background: #000;
		}
		.sm-nav >li a:hover, .sm-nav >li a:active {
				background: none;
				color: #ececec;
		}
		.sm-nav ul a:hover, .sm-nav ul a:focus, .sm-nav ul a:active, .sm-nav ul a.highlighted, .sm-nav ul > li.currentli > a, .sm-nav ul > li.currentli > a.highlighted {
				background: #a4a8c0;
				color: #fff;
		}
		/*extras*/
		.sm-nav a span.sub-arrow {
				display: inline-block;
				margin-top: -3px;
				right: 9px;
				width: 0;
				height: 0;
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				border-top: 5px solid rgba(250, 250, 250, 1);
				background-color: transparent;
		}
		.sm-nav > li:first-child {
		/*  border-left: 1px solid red;*/
		}
		.sm-nav ul li {
				border: 0;
		}
		/*  caret icon */
		.sm-nav ul a span.sub-arrow {
				top: 50%;
				margin-top: -5px;
				bottom: auto;
				left: auto;
				margin-left: 0;
				right: 10px;
				border-left: 4px solid;
				border-right: 0;
				border-top: 4px solid transparent;
				border-bottom: 4px solid transparent;
		}
		/*  dropdown menu scroller */
		.sm-nav span.scroll-up, .sm-nav span.scroll-down {
				position: absolute;
				display: none;
				visibility: hidden;
				overflow: hidden;
				background: rgba(0, 0, 0, 0.5);
				height: 20px;
		}
		.sm-nav span.scroll-up-arrow {
				position: absolute;
				top: 6px;
				left: 50%;
				margin-left: -8px;
				width: 0;
				height: 0;
				overflow: hidden;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-bottom: 6px solid rgba(250, 250, 250, 1);
		}
		.sm-nav span.scroll-down-arrow {
				position: absolute;
				top: -2px;
				left: 50%;
				margin-left: -8px;
				width: 0;
				height: 0;
				overflow: hidden;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-top: 6px solid rgba(250, 250, 250, 1);
		}
		.sm-nav span.scroll-down-arrow {
				top: 6px;
		}
		/*(not recommended editing these rules) */
		.sm-nav ul {
				position: absolute;
		}
		.sm-nav li {
				float: left;
		}
		.sm-nav.sm-rtl li {
				float: right;
		}
		.sm-nav ul li, .sm-nav.sm-rtl ul li, .sm-nav.sm-vertical li {
				float: none;
		}
		.sm-nav a {
				white-space: nowrap;
		}
		.sm-nav ul a, .sm-nav.sm-vertical a {
				white-space: normal;
		}
		.sm-nav .sm-nowrap > li > a, .sm-nav .sm-nowrap > li > :not(ul) a {
				white-space: nowrap;
		}
		/* ...end */
		}