/*********************** HEADER AREA **********************/


#header {
    background: transparent;
}


.topMenuBG {
width: 100%;
background: url(../../images/top-menu-bg.jpg);
background-size: cover;
}



#header-logo img {
	vertical-align: bottom;
}





@media (min-width: 1px) and (max-width: 549px) {
	
		#header-logo {
			float: left;
			width: 140px;
			margin: 0 auto 0 .6em;
			padding-top: .5em;
			padding-bottom: .5em;
		}
		
		#headerRight {
		
		margin: 0 auto;
		}
		
		.topHeaderEmail {
			display: none;
		}
		
		
		
		.topHeaderContact {
		float: right;
		text-align: center;
		margin-right: 0;
		margin: .55em .2em 0 0;
		width: 160px;
		}
		
		.topHeaderContact a {
		font-size: .85em;
		font-weight: 700;
		color: #5399bb;
		width: 160px;
		padding: .4em .5em;
		background: transparent;
		border: 2px solid #5399bb;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #5399bb;
		border: 2px solid #5399bb;
		}

		.topHeaderContactSmall {
		float: right;
		text-align: center;
		margin-right: 0;
		margin: .55em .2em 0 0;
		width: 160px;
		
		}
		
		.topHeaderContactSmall a {
		font-size: .85em;
		font-weight: 700;
		color: #5399bb;
		width: 160px;
		padding: .4em .5em;
		background: transparent;
		border: 2px solid #5399bb;
		}
		
		.topHeaderContactSmall a:hover {
		color: #ffffff;
		background: #5399bb;
		border: 2px solid #5399bb;
		}
		
		#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
       top: 0;
	   background: #ffffff;
	   
        
    }
    .fixedHeaderWrap {
        margin:0 auto;
        
    }
		
		
	
}

	


@media (min-width: 550px) and (max-width: 899px) {
	
		
	
		#header-logo {
		float: left;
		
		
		}
		
		#headerRight {
		float: right;
		
		
		
		}
		
		
		
	.logoWidthFull {
		width: 241px;
		transition: all 0.4s;
		margin-left: .7em;
		padding-top: .75em;
		padding-bottom: .5em;
	}

	.logoWidthSmall {
	width: 191px;
    transition: all 0.4s;
    margin-top: .5em;
    margin-left: .7em;
    margin-bottom: .3em;
	}
	
	
	
	
	.topHeaderContact {
		float: right;
		text-align: center;
		margin-top: 1.3em;
		margin-right: 1.2em;
		transition: all 0.4s;
		}
		
	.topHeaderContact a {
	font-size: 1em;
    font-weight: 700;
    color: #5399bb;
    width: 230px;
    padding: .4em .65em;
    background: transparent;
    border: 3px solid #5399bb;
    letter-spacing: 1px;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #5399bb;
		border: 3px solid #5399bb;
		}

.topHeaderContactSmall {
		float: right;
		margin-top: .8em;
		margin-right: 1.3em;
		transition: all 0.4s;
		}
		
.topHeaderContactSmall a {
		font-size: 1em;
    font-weight: 700;
    color: #5399bb;
    width: 230px;
    padding: .4em .65em;
    background: transparent;
    border: 3px solid #5399bb;
    letter-spacing: 1px;
		}
		
		.topHeaderContactSmall a:hover {
		color: #ffffff;
		background: #5399bb;
		border: 3px solid #5399bb;
		}
		
		#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
       top: 0;
	   background: #ffffff;
	   }
	   
    .fixedHeaderWrap {
        margin:0 auto;
        
    }
		
		
	
}
	

@media (min-width: 900px)  {
	
	#fixedContainer {
        position: fixed;
        width: 100%;
        max-width: 100%;
        z-index: 1000;
       top: 0;
	   background: #ffffff;
	   
        
    }
    .fixedHeaderWrap {
        margin:0 auto;
        
    }
	
	
	#rotating-banner {
		display:block;

	}

	#rotating-banner img {width:100%}
	
	#header-logo {
    float: left;
    
    /*width: 392px;*/
    
	}
	
	.logoWidthFull {
		width: 511px;
		padding-top: .9em;
		padding-bottom: .7em;
		transition: all 0.3s;
	}

	.logoWidthSmall {
		width: 210px;
		padding-top: .5em;
		padding-bottom: .3em;
		transition: all 0.3s;
	}	
	
	
	#headerRight {
	float: right;
	
	}
	
	.topHeaderContact {
		float: right;
		text-align: center;
		margin-right: 0;
		margin-top: 2.1em;
		transition: all 0.4s;
		}
		
		.topHeaderContact a {
		font-size: 1.2em;
		font-weight: 600;
		color: #ffffff;
		/*width: 250px;*/
		padding: .7em 1em;
		background: #5399bb;
		letter-spacing: 1px;
		display:block;
		}
		
		.topHeaderContact a:hover {
		color: #ffffff;
		background: #026696;
		}

.topHeaderContactSmall {
		float: right;
		margin-top: .9em;
		margin-right: 0;
		margin-bottom: .9em;
		transition: all 0.4s;
		}
		
.topHeaderContactSmall a {
		font-size: .95em;
		font-weight: 700;
		color: #5399bb;
		width: 250px;
		padding: .45em .73em;
		background: transparent;
		border: 3px solid #5399bb;
		}
		
		.topHeaderContactSmall a:hover {
		color: #ffffff;
		background: #5399bb;
		border: 3px solid #5399bb;
		}
	
	
	

}

@media (min-width: 900px) and (max-width: 1290px) {
	
		#header-logo {
			margin-left: 1em;
		}
		
		#headerRight { 
		margin-right: 1em;
		}
		
		
	
}