.nav_outer              { padding: 10px 0; }

.nav_inner       {max-width: 1100px; margin: 0 auto; }
.nav_right      { float:right; position:relative; z-index: 1 }
.nav_inner .container {
    float: right;
}


#topMain        { position:relative; z-index: 100}



#topNav a.onepage.logo {
	height: 50px; overflow: hidden; margin-top: 3px; display: inline-block;
}
#topBar a.social {
	width: 24px; height: 24px; line-height: 26px; font-size: 16px;
}
#topNav {
	left: 0px; top: 0px; right: 0px; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); display: block; position: relative; 
    z-index: 10; 
}
#topNav .nav-pills > li > a {
	background-color: transparent;
}
#topNav .nav-pills > li > a:hover {
	background-color: transparent;
}
#topNav .nav-pills > li > a:focus {
	background-color: transparent;
}
#topNav .nav-pills > li.active > a {
	background-color: transparent;
}
#topNav .nav-pills > li.active > a:hover {
	background-color: transparent;
}
#topNav .nav-pills > li.active > a:focus {
	background-color: transparent;
}
#topNav div.navbar-collapse {
	padding: 0px;
}








/* ------------------------- main navigation styles ------------------------ */




#topNav ul          { float:left; padding: 0px; margin: 0px 0px 0px 15px;;}


#topNav ul.nav > li {	margin: 0px; text-align: center; color: rgb(102, 102, 102); position: relative;  text-transform:uppercase; font-family:"Roboto Condensed" }



/*main nav button*/




#topNav ul.nav > li a {
	padding: 10px 18px; color:#f8d670;  line-height: 14px; font-size: 15px; font-weight: 700; text-decoration: none; display: block; position: relative; 



transition:0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;
}



/* dropdown background color */
#topNav ul.nav > li:hover a { 
	background-color:#344768; color:white;
}

#topNav ul.nav > li:hover a:hover {
    background-color:#233047; color:white;
    transition:0.2s;   -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s;
}



#topNav ul.nav > li:hover a > span {
	color:yellow;
}





#topNav ul.dropdown-menu li.divider {
	border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor rgba(0, 0, 0, 0.2); margin: -1px 0px 0px; padding: 0px; border-image: none;
}
#topNav .nav li:hover > ul.dropdown-menu { 
	padding: 0px; margin: 0; display: block; z-index: 100;
}
#topNav ul.dropdown-menu {
	list-style: none; border-image: none; text-align: left; margin-top: 0px; min-width: 200px; box-shadow: 0px 6px 12px rgba(0,0,0,0.2);  
}

#topNav ul.dropdown-menu li {
	position: relative;
}
#topNav ul.dropdown-menu > li a {
	margin: 0px; padding: 10px 15px; color: white; font-size: 13px; font-weight: 400; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}





#topNav ul.dropdown-menu > li a i.fa {
	margin-right: 4px;
}
#topNav ul.dropdown-menu a.dropdown-toggle::after {
	top: 9px; right: 10px; color: rgb(153, 153, 153); font-size: 15px; position: absolute; content: "\f105";
}
#topNav .dropdown-submenu > a::after {
	border-width: 5px 0px 5px 5px; border-style: solid; border-color: transparent transparent transparent rgb(234, 234, 234); width: 0px; height: 0px; margin-top: 5px; margin-right: -10px; float: right; display: block; content: " ";
}
#topNav .dropdown-submenu li:hover > a::after {
	color: green !important;
}
#topNav ul.dropdown-menu li:last-child > a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.dropdown-menu > li:hover > a {
	color: rgb(255, 255, 255) !important; 
}
.dropdown-menu > li:focus > a {
	color: rgb(255, 255, 255) !important; 
}
#topNav ul.dropdown-menu > li:hover > ul.dropdown-menu {
	margin: 0px; padding: 0px; border-image: none; left: 100%; top: 0px; border-top-color: currentColor !important; border-right-color: currentColor !important; border-bottom-color: currentColor !important; border-left-color: rgb(234, 234, 234); border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 1px; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: solid; display: block; position: absolute; 
}
#topNav form.search {
	margin: 12px 0px 0px; padding: 0px; float: right; max-width: 180px;
}
#topNav form.search {
	position: relative;
}
#topNav form.search input {
	padding: 6px 26px 6px 6px;  width: 100%; height: auto; font-size: 13px; position: relative; z-index: 0; 
}
#topNav form.search button {
	top: 10px; right: 10px; color: rgb(204, 204, 204); position: absolute; z-index: 1;
}




#topNav button.btn-mobile {
	display: none;
}
#topNav button.btn-mobile {
	padding: 0px; color: rgb(255, 255, 255); margin-top: 8px; margin-bottom: 6px; display: none; height: 29px; width: 30px;
    background-image:url('//s3.amazonaws.com/oa-bookings/2630/images/menu.gif'); background-repeat: no-repeat;

}
#topNav button.btn-mobile i {
	margin: 0px; padding: 0px;
}




#topNav ul.nav > li.mega-menu {
	position: inherit;
}
#topNav ul.nav > li.mega-menu p {
	margin: 0px; padding: 10px 10px 0px; font-size: 13px;
}
#topNav ul.nav > li.mega-menu div {
	display: table;
}
#topNav ul.nav > li.mega-menu div div {
	margin-left: -1px; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; float: none; display: table-cell;
}
#topNav ul.nav > li.mega-menu div div:first-child {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
#topNav ul.nav > li.mega-menu > ul {
	border: currentColor; border-image: none; width: 100%; box-shadow: none; background-color: transparent;
}
#topNav ul.nav > li.mega-menu > ul.dropdown-menu > li {
	margin: 0px 15px; padding: 15px; border: 1px solid rgb(238, 238, 238); border-image: none; box-shadow: 0px 6px 12px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
#topNav ul.nav > li.mega-menu > ul ul {
	list-style: none; margin: 0px !important; padding: 0px !important;
}
#topNav ul.nav > li.mega-menu h3 {
	margin: 10px 10px 20px; padding: 0px; line-height: 18px; font-size: 18px;
}
#topNav ul.nav > li.mega-menu > ul li > a {
	padding: 6px 10px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#topNav ul.nav > li.mega-menu > ul li.active > a {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
#topNav ul.nav > li.mega-menu > ul li:hover > a {
	color: rgb(255, 255, 255); background-color: rgb(51, 51, 51);
}
#topNav ul.nav > li.mega-menu > ul li.divider {
	margin: 10px 0px; border: 1px solid rgba(0, 0, 0, 0.01); border-image: none;
}















#barMain {
	font-size: 12px; margin-top: 6px; float: right;
}
#barMain .nav > li > a {
	padding: 5px 10px;
}
#barMain .nav > li > a:hover {
	background-color: rgba(0, 0, 0, 0.03);
}
#barMain .nav > li > a:focus {
	background-color: rgba(0, 0, 0, 0.03);
}
#barMain .nav > li.quick-cart {
	margin-left: 10px; background-color: rgb(248, 248, 248);
}
.styleBackgroundColor#topBar .nav > li.quick-cart {
	background-color: rgba(0, 0, 0, 0.1) !important;
}
.styleBackgroundColor#topBar .nav > li.open.quick-cart > a {
	color: rgb(0, 0, 0);
}
.styleBackgroundColor#topBar .nav > li.quick-cart p {
	color: rgb(0, 0, 0);
}
#barMain .nav > li.quick-cart > .dropdown-menu {
	margin: 0px; border: 0px currentColor; border-image: none; width: 250px; background-color: rgb(240, 240, 240);
}
#barMain .nav > li.quick-cart .quick-cart-content {
	padding: 10px 10px 0px;
}
#barMain .nav > li.quick-cart p {
	margin: 0px; padding: 10px 10px 0px; font-size: 13px;
}
#barMain .nav > li.quick-cart a.quick-cart-item {
	background: rgba(0, 0, 0, 0.05); padding: 10px 8px; line-height: 16px; clear: both; font-size: 13px; text-decoration: none; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid; display: block; min-height: 60px;
}
#barMain .nav > li.quick-cart a.quick-cart-item {
	color: rgb(153, 153, 153) !important;
}
#barMain .nav > li.quick-cart a.quick-cart-item a {
	color: rgb(153, 153, 153) !important;
}
#barMain .nav > li.quick-cart a.quick-cart-item:hover {
	background: rgba(0, 0, 0, 0.08);
}
#barMain .nav > li.quick-cart .cart-footer {
	margin-top: 10px;
}
























@media only screen and (max-width:1166px)
{
#topNav ul.nav > li a {
	padding: 15px 20px;
}
}






































@media only screen and (max-width:990px)
{

.nav_right      { float:none; width: 100%; border: 0px;}


#topNav ul      { width: 100%; float:none; }


.navbar-collapse {
	max-height: 100%;
}

#topNav button.btn-mobile {
	margin-right: 15px; float: right; display: block;
}
#topNav form.search {
	margin-top: 10px; margin-bottom: 0px; margin-left: 15px; float: left;
}
#topNav nav.nav-main {

}
#topNav div.nav-main-collapse {
	margin: 50px 0px 0px; width: 100%;
}
#topNav div.in.nav-main-collapse {
	margin: 50px 0px 0px; width: 100%;
}
#topNav div.nav-main-collapse {
	float: none; -ms-overflow-x: hidden;
}
#topNav div.collapse.nav-main-collapse {
	display: none !important;
}
#topNav div.in.nav-main-collapse {
	display: block !important;
}
#topNav div.nav-main-collapse {
	position: relative;
}
#topMain > li > a > span {
	display: none !important;
}
#topMain li {
text-align: left; float: none; display: block !important; 
}
#topMain > li > a {
	border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor rgba(0, 0, 0, 0.1); border-image: none; text-align: left; 
}
#topMain > li:hover {
	border-top-color: currentColor !important; border-top-width: 0px !important; border-top-style: none !important;
}
#topMain > li:hover > a {
	border-top-color: currentColor !important; border-top-width: 0px !important; border-top-style: none !important;
}



#topNav ul.nav > li > a::after {
	top: 15px; right: 20px; color: rgb(153, 153, 153); font-size: 14px; position: absolute; content: "\f107";
}
#topMain ul.dropdown-menu {
	clear: both; border-left-color: currentColor !important; border-left-width: 0px !important; border-left-style: none !important; 
    float: none; display: none !important; position: static; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}


#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none; display: block !important;
}
#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
#topNav ul.nav > li:hover > a::before {
	background-color: transparent;
}
#topNav ul.nav > li.active > a::before {
	background-color: transparent;
}
#topNav ul.dropdown-menu > li:hover > ul.dropdown-menu {
	position: static;
}
#topNav ul.nav > li.mega-menu > ul.dropdown-menu > li {
	margin: 0px 30px 0px 0px; padding: 0px; border: 0px currentColor; border-image: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
#topNav ul.nav > li.mega-menu h3 {
	margin-left: 8px;
}
#topNav ul.nav > li.mega-menu > ul li > a {
	border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
#topNav ul.nav > li.mega-menu div {
	border: 0px currentColor; border-image: none; width: 100%; margin-bottom: 30px; display: block;
}
#topNav ul.nav > li.mega-menu div div {
	border: 0px currentColor; border-image: none; width: 100%; margin-bottom: 30px; display: block;
}
#topNav ul.nav > li.mega-menu div div:last-child {
	margin-bottom: 0px;
}
}






























@media only screen and (max-width:479px)
{
#topNav form.search {
	margin-left: 4px;
}
#topNav button.btn-mobile {
	margin-right: 4px;
}
#topBar a.logo {
	margin: 6px 0px; text-align: center; float: none; display: block;
}
.hide_mobile {
	display: none;
}
}