/*------- TOPMENU CSS -------*/

#topmenu {
    opacity: 1;
    width: 95%;
    background-color: transparent;
    padding-left: 60px;
    padding-top: 15px;
    padding-bottom: 10px;
}
#topmenu #navbar { background-color: transparent; }
	#topmenu .logo {
		font-size: 27px;
		color: #c2a664;
		letter-spacing: 3px;
		font-weight: bold;
		float: left;
		text-transform: uppercase;
		margin-left: 150px;
		text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
		padding-bottom: 15px;
		
	}
	#topmenu .logo:hover { text-decoration:none; }
 
	.navbar {
		min-height: 25px;
	}
	
	#topmenu nav .menu ul{
	float:left;

	background-color: rgba(26,34,73, 1.0);
	}

	#topmenu nav .menu li{
	float:left;
	}

	#topmenu nav .menu ul li{
		float: left;
		list-style:none;
		margin-top:0;
		border-right: 0;
	}
	#topmenu nav .menu ul li:first-child{
		border-left: 0;
	}


	#topmenu nav .menu li a,
	#topmenu nav .open-submenu{
		cursor: pointer;
		position: relative;
		display: inline-block;
		transition: backgrund-color .5s;
		color: #fff;
		font-weight: 300;
		letter-spacing: 0px;
		margin-left: 0;
		padding: 10px 17px;
		border-radius: 0;
		background-color: transparent;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 15px;
	}



	#topmenu nav .menu li a:hover,
	#topmenu nav .menu li a:active,
	#topmenu nav .open-submenu:hover,
	#topmenu nav .open-submenu.active,
	#topmenu nav .menu-toggle.active  {
		color:#fff;
		text-decoration:none;
		transition:backgrund-color 0.5s;
		-webkit-transition: backgrund-color 0.5s; 
		background:#f68103;
	}






	#topmenu nav .menu ul ul{
	z-index:100;
	display:none;
	float:none;
	position:absolute;
	background-color:rgba(228,226,221, 0.9);
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-left:30px;
	padding-left:7px;
	padding-right:7px;

	}

	#topmenu nav .menu ul ul li{
	float:none;border-bottom:1px dotted #514c42;

	}

	#topmenu nav .menu ul ul a{
	font-family:Century Gothic;
	font-size:14px;
	color:#514c42;
	transition:background-color .5s;
	}



	#topmenu nav .menu ul ul a:hover{
	transition:background-color .3s;
	color:#35231e;
	}


	#topmenu nav .menu-toggle.active {
	color:#4c4c5b;
	background-color:#background: rgb(178, 178, 178);
	background: -moz-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	background: -webkit-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	background: -o-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	background: -ms-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	background: linear-gradient(180deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	text-decoration:none;
	padding:10px 5px 5px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

	#topmenu nav .navbar{
		float:left;
		background-color:#background: rgb(178, 178, 178);
		background: -moz-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
		background: -webkit-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
		background: -o-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
		background: -ms-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
		background: linear-gradient(180deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
		max-width:1200px;
		width:100%;
		margin: 0 auto;
		display:inline-block;
		padding-right:0px;
	}

	#topmenu nav .menu-toggle{
	cursor:pointer;
	display:none;
	float:right;
	padding:0;
	margin:10px 0;
	background-color:#background: rgb(178, 178, 178);
	background: -moz-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	background: -webkit-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	background: -o-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	background: -ms-linear-gradient(90deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);
	background: linear-gradient(180deg, rgb(178, 178, 178) 10%, rgb(219, 217, 219) 70%);

	}

	#topmenu nav .icon-bar{
	background:#fff;
	display:block;
	width:22px;
	height:2px;}

	#topmenu nav .icon-bar+ .icon-bar {
	margin-top: 4px;}


	#topmenu h1 img{
	float:left;
	}
		

	@media only screen and (max-width : 320px) {
		#floatingmenu {
			background-color: rgba(29,32,75, 0.9);
			color: #ffffff;
			display: block;
			padding: 3px 0px 0px;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 200;
		}
		#header {
			min-height: 145px;
			background-image: url(img/banner.jpg);
			background-position: top left;
			background-size:  auto 100%;
			background-repeat: no-repeat;
		}
		
		#navbar { 
			background-color: #000c;position: fixed;top: 0;left: 0;right: 0;bottom: 0;
		}
		#topmenu nav .menu ul {
			float: left;
			padding-top: 30%;
			z-index: 300;
		}
		#topmenu nav .navbar { 
			background:none; 
			background-color: transparent;
		}
		#topmenu nav .menu ul li {
			width: 100%;
			display: inline-block;
			margin-bottom: 10px;
		}
		#topmenu nav .menu li a {
			width: 90%;
			padding: 10px 15px;
		}
		#topmenu .logo {
			font-size: 18px;
			color: #fff;
			letter-spacing: 3px;
			font-weight: bold;
			float: left;
			text-transform: uppercase;
			margin-left: 0px;
			text-shadow: none;
			padding-bottom: 0px;
		}
    }

    @media only screen and (max-width : 480px) {
		#floatingmenu {
			background-color: rgba(29,32,75, 0.9);
			color: #ffffff;
			display: block;
			padding: 3px 0px 0px;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 200;
		}
		#header {
			min-height: 145px;
			background-image: url(img/banner.jpg);
			background-position: top left;
			background-size:  auto 100%;
			background-repeat: no-repeat;
		}
		#navbar { 
			background-color: #000c;position: fixed;top: 0;left: 0;right: 0;bottom: 0;
		}
		#topmenu nav .menu ul {
			float: left;
			padding-top: 30%;
			z-index: 300;
		}
		#topmenu nav .navbar { 
			background:none; 
			background-color: transparent;
		}
		#topmenu nav .menu ul li {
			width: 100%;
			display: inline-block;
			margin-bottom: 10px;
		}
		#topmenu nav .menu li a {
			width: 90%;
			padding: 10px 15px;
		}
		#topmenu .logo {
			font-size: 18px;
			color: #fff;
			letter-spacing: 3px;
			font-weight: bold;
			float: left;
			text-transform: uppercase;
			margin-left: 0px;
			text-shadow: none;
			padding-bottom: 0px;
		}
    }

    @media only screen and (max-width : 768px) {
		#floatingmenu {
			background-color: rgba(29,32,75, 0.9);
			color: #ffffff;
			display: block;
			padding: 3px 0px 0px;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 200;
		}
		#header {
			min-height: 145px;
			background-image: url(img/banner.jpg);
			background-position: top left;
			background-size:  auto 100%;
			background-repeat: no-repeat;
		}
		#navbar { 
			background-color: #000c;position: fixed;top: 0;left: 0;right: 0;bottom: 0;
		}
		#topmenu nav .menu ul {
			float: left;
			padding-top: 30%;
			z-index: 300;
		}
		#topmenu nav .navbar { 
			background:none; 
			background-color: transparent;
		}
		#topmenu nav .menu ul li {
			width: 100%;
			display: inline-block;
			margin-bottom: 10px;
		}
		#topmenu nav .menu li a {
			width: 90%;
			padding: 10px 15px;
		}
		#topmenu .logo {
			font-size: 18px;
			color: #fff;
			letter-spacing: 3px;
			font-weight: bold;
			float: left;
			text-transform: uppercase;
			margin-left: 0px;
			text-shadow: none;
			padding-bottom: 0px;
		}
    }



#topmenu  h1{
	font-family:Monotype Corsiva;
	font-size:40px;
	font-weight:normal;
	color:#8f6d12;
	text-align:right;
	padding:15px 150px 35px 0;
	background-color:#b2b2b2;
}
 
#topmenu h2{
	font-family:Century Gothic;
	font-size:40px;
	font-weight:normal;
	color:#8f6d12;
	text-align:right;
	padding:15px 150px 35px 0;

	text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}