﻿header { position: relative; }
.navbar { z-index: 400; font-family: 'Open Sans', sans-serif; padding: 0; }
.navbar-brand {display:inline-block;}
.navbar-brand, .navbar-brand img { padding: 0; margin: 0; }
	.navbar a, .navbar-brand, .navbar-brand img, .topnav { transition: ease-in-out all 0.3s; }
	.navbar a:hover { color:#b08a4a; }
.navbar .nav-link { color: #333; }
	.navbar .nav-link:hover { color: #b08a4a; }
.direct-contact a { color: #705c37; margin-right: 16px; }
	.direct-contact a:hover { color: #000; }
.nav-bg { background-color: #f5f0e9; }

@media(min-width:1500px) {
	.navbar a { font-size: 18px; line-height: 1; }
}

@media(min-width:1200px) and (max-width:1499px) {
	.navbar a { font-size: 16px; line-height: 1; }
}

@media(min-width:1200px) {
	.contraheader { height: 200px; }
	.navbar-brand { max-width: 200px; display: inline-block; }
		.navbar-brand img { width: 200px; }
	.navfixed .navbar-brand { max-width: 140px; }
		.navfixed .navbar-brand img { width: 140px; }
	.mainnav { padding: 0 40px; }
		.mainnav .btn-cta1 { font-weight: 400; }
	.mainmenu .nav-item { /*font-size: 18px; line-height: 1;*/ border-right: solid 1px #333; }
		.mainmenu .nav-item:last-child { border-right: 0; }
		.mainmenu .nav-item .nav-link { padding: 0 12px; }
			.mainmenu .nav-item:first-child .nav-link { padding: 0 12px 0 0; }
	.topnav { padding: 22px 40px; }
	.navfixed .topnav { padding: 12px 40px; }
}

@media(max-width:1199px) {
	.contraheader { height: 160px; }
	.topnav { padding: 12px 14px; }
	.navfixed .topnav { padding: 3px 14px; }
	.navbar a { font-size: 16px; line-height: 1; }
	.navbar-brand img { max-width: 160px; }
	.navfixed .navbar-brand img { max-width: 120px; }

		.offcanvas .btn-close { background-color: #f4f0e9 !important; transition: ease-in-out 0.3s all; }
			.offcanvas .btn-close:hover { transform: rotate(90deg); }

	.navbar-toggler, .navbar-toggler:focus { border: 0; box-shadow: none; }
	.navbar-toggler { padding-left: 15px; }
		.navbar-toggler .nt-inner { width: 140px; height: 60px; }
			.navbar-toggler .nt-inner .nt-left { float: left; font-size: 18px; width: 90px; height: 60px; line-height: 60px; text-align: center; color: #333; }
			.navbar-toggler .nt-inner .nt-right { position: relative; float: right; width: 50px; height: 60px; }
		.navbar-toggler:focus { outline: none; }
		.navbar-toggler span:nth-child(1) { top: 20px; }
		.navbar-toggler span:nth-child(2) { top: 28px; }
		.navbar-toggler span:nth-child(3) { top: 36px; }
		.navbar-toggler span { background: #333; position: absolute; display: block; height: 3px; width: 28px; opacity: 1; left: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out; }
}

@media(max-width:767px) {
	.contraheader { height: 130px; }
	.navbar-brand img { max-width: 130px; }
	.navfixed .navbar-brand img { max-width: 100px; }
	.navbar a { font-size: 14px; line-height: 1; }
}

@media(max-width:575px) {
	.topnav { padding: 6px 14px; }
	.direct-contact span {display:block;}
	.navbar-toggler .nt-inner { width: 140px; height: 45px; }
		.navbar-toggler .nt-inner .nt-left { float: left; font-size: 18px; width: 90px; height: 45px; line-height: 45px; text-align: center; color: #333; }
		.navbar-toggler .nt-inner .nt-right { position: relative; float: right; width: 50px; height: 45px; }
	.navbar-toggler span:nth-child(1) { top: 14px; }
	.navbar-toggler span:nth-child(2) { top: 20px; }
	.navbar-toggler span:nth-child(3) { top: 26px; }
}
