@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Abel);

ul.sub-menu {
	position: absolute;
	top: 46px;
	left: -80px;
	background: #fff;
	list-style: none;
	padding: 5px 0;
	margin: 0;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	display: none;
	z-index: 999;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border: 1px solid #d4d4d4;
}


.dropdown ul.sub-menu li .active{
  color: #FDB45E;
  padding-left: 0;
}


main-nav-outer li ul.sub-menu li{
  padding: 10px 10px 0;
}

.main-nav-outer li ul.sub-menu li a{
	color:#222222;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	line-height:20px;
	padding: 0.3em 0.5em;
	margin: 0.5em 0;
	text-align: left;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-nav-outer li ul.sub-menu li a:before{
	content: "▶";
	font-size: 9px;
	margin-top: -4px;
	margin-right: 0.5em;
}

.main-nav-outer li ul.sub-menu li.disc {
	text-decoration: none;
	padding: 0.1em 0.5em;
	text-align: left;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-nav-outer li ul.sub-menu li a:hover{
	text-decoration:none;
	color: #ac3330;
}

.fa-angle-down{
  padding-left: 5px; 
}

.navbar-collapse {
	padding: 0;
}

@media (min-width: 992px) {
	ul.sub-menu {
		width: 350px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	ul.sub-menu {
		left: -65px;
	}
}

@media (min-width: 768px) {
	ul.sub-menu {
		width: 250px;
	}
	
	.main-nav-outer li:hover > ul.sub-menu{
	  display: block;
	  -webkit-animation: fadeInUp 400ms;
	  -moz-animation: fadeInUp 400ms;
	  -ms-animation: fadeInUp 400ms;
	  -o-animation: fadeInUp 400ms;
	  animation: fadeInUp 400ms;
	}

	ul.sub-menu:after, ul.sub-menu:before {
		bottom: 99.9%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	ul.sub-menu:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #ffffff;
		border-width: 8px;
		margin-left: -8px;
	}
	ul.sub-menu:before {
		border-color: rgba(212, 212, 212, 0);
		border-bottom-color: #d4d4d4;
		border-width: 10px;
		margin-left: -10px;
	}
	ul.sub-menu li a {
		display: block;
		width: 100%;
	}
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
	.main-nav-outer ul li:last-child{
		padding-bottom: 15px;
	}
	.navbar-collapse.in{
		overflow: inherit;
	}
	.dropdown .fa-angle-down{
		display: none;
	}
	ul.sub-menu{
	  position: relative;
	  width: auto;
	  display: block;
	  background: transparent;
	  box-shadow: none;
	  top: 0;
	  left: 0;
	  display: block !important;
	  border: none;
	  padding: 0;
	}
	.main-nav-outer li ul.sub-menu li a {
		padding: 7px 45px;
	}
	.sub-menu li{
		background: transparent;
	}
	.navbar-toggle {
		background-color: #000;
	}
}