/*========== NAV-DROPDOWN ===========*/
nav {display: block;width: 100%;max-width: 1140px;height: auto;padding: 0;margin: 0 auto;}

.navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: "Segoe UI",Arial,sans-serif;
  font-weight: 400;
}

.navbar-inverse {
  background-color: #511295;
  border-color: transparent;
  border: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .25s ease;
  -o-transition: height .25s ease;
  transition: height .25s ease;
}

.navbar-inverse .navbar-brand {
  color: #ffc600;
  font-size: 16px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  }
  
 .navbar-inverse .navbar-brand:hover{
  color: #FFFFFF;
  background-color: #FF9900;
  }

.navbar-inverse .navbar-nav > li > a {
  color: #ffccff;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.navbar-inverse .navbar-nav > li > a.Sk02:hover {background: #E62117;color: #FFFFFF;}

.navbar-nav > li > a {
  background: transparent;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 1px;
}

.navbar-toggle {background-color: #6316b6;border: 0px;border-radius: 0px;padding: 8px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #FFFFFF;}
.navbar-toggle .icon-bar {display: block;width: 25px;height: 3px;background-color: none;border-radius: 0px;}
.navbar-inverse .navbar-toggle {border-color: transparent;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #7c1ce3;border-radius: 0px;}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #4d004d;
  font-size: 16px;
  line-height: 40px;
  padding: 0px 15px;
  letter-spacing: 1px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  color: #FFFFFF;
  background-color: #6316b6;
}

.dropdown-menu {
  position: absolute;
  background-color: #FFFFFF;
}

.dropdown-menu > li > a {
  display: block;
  color: #b7bf10;
  padding: 0px 15px;
  clear: both;
  font-weight: 400;
  white-space: nowrap;
}

/*==== MISC ====*/
.Sk01 {color: #0099ff;font-size: 14px;}
.Sk02 {color: #0099ff;font-size: 14px;}
.Sk03 {color: #FF9900;}
.extra-links {display: none;}
.icon-bar {margin-top: 2px;}
.learn-start {display: block;background-color: #006666;color: #FFFFFF;text-align: left;letter-spacing: 1px;padding: 6px 15px;margin: 0;}
.add-scroll {max-height: 400px;overflow-y: scroll;}

/*==== MOBILE */
@media only screen and (max-width : 992px){
	}
@media only screen and (max-width : 768px){
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #F2F2F2;background-color: #3e0e71;}
	.add-scroll {max-height: none;overflow-y: none;}
	}
@media only screen and (max-width : 480px){
	}