/* Main Header Nav
 * Author: Gatman Inc.
 *  All Rights Reserved
*/

/*
Colors:
a20c33 (162,12,51) - 
*/




.navbar { 
	background: none;
	height: 100px;
	}

.navbar-default {
	height: 100px;
}

.navbar-fixed-top {
	background-color: rgba(162,12,51, 0.9); 	
	border-bottom: 3px solid #FFF;
	height: 100px;
}


.navbar-header img.homeLogo {
	margin-top: -9px;
	width: 203px; 
	height: 85px;
	border: 0px solid #000;
	max-width: 100%;
}


.yachtNav { padding-top: 30px; border: 0px solid #CCFF00}

.navbar-right { 
	border: 0px solid #CCFF00;
	}

.navbar-default .navbar-nav > li > a {
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
    color: #FFF;
}

.navbar-brand, .navbar-nav > li > a {
   /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); */
	text-shadow: none;
}


.navbar-nav > li > a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #FFF;
	}

.navbar-default .navbar-nav > li > a:active {
	color: #FFF;
	}

ul.nav.navbar-nav.navbar-right.brokerBrand { padding: 0; margin: 0;}

ul.nav.navbar-nav.navbar-right.brokerBrand  li  {
	border: 0px solid #000;
	top: 8px; 
	text-align: center; 
}
ul.nav.navbar-nav.navbar-right.brokerBrand  li h6 {
	font-size: 1.2em; 
	color: #FFF;
	padding: 0;
	margin: 8px 0px 0px 0px;
	text-align: center;
}


ul.nav.navbar-nav.navbar-right.brokerBrand  li img {
	border: 0px solid #000;
	width: 146px; 
	height: 58px; 
	top: 15px; 
	text-align: center; 
}

ul.nav.navbar-nav.navbar-right.brokerBrand li a {
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
}


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

.nav.navbar-nav.yachtNav li a { 
	padding: 14px 10px 0px 10px;
	border: 0px solid #CCFF00;
	}





}


@media screen and (max-width: 1024px) {
	
	.navbar-header img.homeLogo {
		margin-top: -5px;
		width: 185px !important; 
		height: 77px !important;
		border: 0px solid #000;
		max-width: 100%;
}


ul.nav.navbar-nav.navbar-right.brokerBrand  li  {
	top: 9px; 
	text-align: center; 
	max-width: 140px;
}
ul.nav.navbar-nav.navbar-right.brokerBrand  li h6 {
	font-size: 1.1em; 
	color: #FFF;
	margin: 8px 0px 0px 0px;
}


ul.nav.navbar-nav.navbar-right.brokerBrand  li img {
	width: 100px; 
	height: 40px; 
	top: 5px; 
}






}



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

.navbar.navbar-default.navbar-fixed-top { }
.navbar.navbar-default.navbar-fixed-top .container {
	width: 100%;
}

.navbar-collapse.collapse {
	margin-left: 0px;
	border: 0px solid #009933;	
}



}


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

.navbar-header img.homeLogo {
	margin-top: -5px;
	width: 185px !important; 
	height: 77px !important;
	border: 0px solid #000;
	max-width: 100%;
}

.nav.navbar-nav.yachtNav li a { 
	font-size: 1.2em;
	padding: 14px 5px 0px 5px;
	border: 0px solid #CCFF00;
	}



}

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

.navbar-header img.homeLogo {
	margin-top: -5px;
	width: 185px !important; 
	height: 77px !important;
	border: 0px solid #000;
	max-width: 100%;
}



ul.nav.navbar-nav.navbar-right.brokerBrand  li  {
	max-width: 120px;
}


}


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

	#navbar {
		position: relative; 
		top: 42px; 
		margin-left: -15px !important;	
		}

	.navbar-header .navbar-toggle.collapsed { 
	background-color: #000;
	}

	ul.nav.navbar-nav.yachtNav { 
	background-color: #a20c33 !important;
	padding: 4px 15px !important;
	}

	.navbar-default .navbar-nav > ul {
	margin: 0 !important;
	padding: 0 !important;
	}

	.navbar-default .navbar-nav > li > a {
	font-size: 1.4em;
	color: #fff;
	}
}

@media screen and (max-width: 480px) {
	ul.nav.navbar-nav.navbar-right.brokerBrand { display: none;}
}


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

#nextslide,
#prevslide {
background: none !important;
}

.navbar-header .navbar-toggle.collapsed { 
	background-color: #000;
	}

#navbar {
	position: relative; 
	top: 42px; 
	margin-left: -15px !important;	

	}


ul.nav.navbar-nav.yachtNav { 
	background-color: #a20c33 !important;
	padding: 4px 15px !important;
	}



.navbar-collapse {
    border-top: 0px solid transparent;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset;
}



.navbar-default .navbar-nav > ul {
	margin: 0 !important;
	padding: 0 !important;
}

.navbar-default .navbar-nav > li > a {
	font-size: 1.4em;
    color: #fff;
}



}	

@media screen and (max-width: 320px) {
	.navbar-header {}
	.navbar-header img.homeLogo {
		margin-top: 0px;
		width: 203px; 
		height: 85px;
		max-width: 100%;
	}
}