/* header menu css start */
#nav {
	position:relative;
	margin:0 auto; 
}

ul#navigation {
	margin:0px auto;
	position:relative;
	float:left;
	background-image: url(../img/header_bg_image.jpg);
	/*border-left:1px solid #f29b4f;
	border-right:1px solid #f29b4f;*/
}

ul#navigation li {
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;
	position:relative;

	/*border-top:1px solid #f29b4f;
	border-bottom:2px solid #f29b4f;*/
}

ul#navigation li a {
	padding:10px 25px;
	color:#393185;
	border-radius: 5px;
	/*text-shadow:1px 1px 0px #fff;*/
	text-decoration:none;
	display:inline-block;
	/*border-right:1px solid #f29b4f;
	border-left:1px solid #f29b4f;
	border-top:1px solid #fff;*/
	/*background: #fff;*/
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

ul#navigation li a:hover {
	background:#393185;
	color:#ef7f1a;
}

ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}

ul#navigation li:hover > a {
	background:#ef7f1a;
	color:#393185;
	
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important, 
being the ones which make the drop-down to appear on hover */
	visibility:visible;
	opacity:1;
	
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
/*the next 2 styles are very important, 
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
	width:180px;
	background:#f8f8f8;
	box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 43px;
    left: 1px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	/*border-bottom:1px solid #f29b4f;*/
}

ul#navigation ul li a {
	background:none;
	padding:7px 15px;
	color:#393185;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:100%;
}

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

	ul#navigation ul li ul{
		left: 163px;
	}
	
	ul#navigation li{
		width: 100%;
	}
}

.header_contact{
	float:left;
	margin-top: 8px;
	padding-right: 10px;
}

/*div#google_translate_element {
    float: right;
    position: fixed;
    z-index: 9999;
    right: 154px;
    top: -8px;
}*/
div#google_translate_element {
    right: 0;
    top: -8px;
    /* margin-left: 69%; */
    float: right;
    margin-right: 42%;
}
@media (min-width: 488px) and (max-width: 1370px) {
	div#google_translate_element {
	    right: 172px;
	}
	
}
@media (min-width: 320px) and (max-width: 487px) {
	.header_contact{
		display: none;
	}
	div#google_translate_element {
	    right: 0px;
	    display: none;
	}
}
.goog-te-gadget-simple{
	margin-top: 7px;
}


/* header menu css start */


.site-content {
    margin-top: 4.2%;
}

@media (min-width: 300px) and (max-width: 455px) {
	.site-content {
    	margin-top: 16%;
	}
}

@media (min-width: 456px) and (max-width: 1194px) {
	.site-content {
    	margin-top: 10%;
	}
}

ul#navigation ul, ul#navigation ul li ul{
	/*width: 1015%;
	margin-left: -435%;*/
	width: 950%;
    margin-left: -365%;
}

.width_div_sub_menu{
	float:left;
	width: 25%;
}

.logo_header{
	width: 100%;
	margin-top: -3px;
}

@media (min-width: 769px) and (max-width: 999px) {
	.width_div_sub_menu{
		width: 50%;
	}
	ul#navigation ul, ul#navigation ul li ul{
		width: 610%;
		margin-left: -410%;
	}
}
@media (min-width: 1000px) and (max-width: 1339px) {
	ul#navigation ul, ul#navigation ul li ul{
		width: 761%;
		margin-left: -499%;
	}
}
@media (min-width: 1340px) and (max-width: 1410px) {
	ul#navigation ul, ul#navigation ul li ul{
		width: 1015%;
		margin-left: -570%;
	}
}
@media (min-width: 320px) and (max-width: 768px) {
	ul#navigation ul, ul#navigation ul li ul
	{
		width: 100%;
		margin-left: 0;
	}
	.width_div_sub_menu
	{
		float:left;
		width: 100%;
	}

	.logo_header{
		width: 50%;
	}
	.navbar-header{
		width: 88% !important;
    	
	}
	.container>.navbar-header{
		margin-right: 0;
    	margin-left: 0;
	}


}

.container{
	margin-bottom: 12px;
}


.margin-bottom {
    font-size: 15px;
    color: #ef7f1a;
}

.main_section{
	margin-top: 1%;
	/*min-height: 740px;*/
	min-height: 665px;
}

@media (min-width: 600px) and (max-width: 991px) {
	.main_section{
		margin-top: 10%;
	}	
}
@media (min-width: 320px) and (max-width: 599px) {
	.main_section{
		margin-top: 20%;
	}	
}

.header_image{
	width: 100%;
	height:500px;
}