#_10d_topbar{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120px;
	padding:10px;
	z-index:800;
}

#_10d_topbarbg {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition:  all 0.4s linear;
	-o-transition: all 0.4s linear;
	position:absolute;
	background-color: #2B81D5;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity :0.9;
	z-index:0;
}

#_10d_topbar._10d_topbar_scrolled #_10d_topbarbg, 
#_10d_topbar._10d_topbar_static #_10d_topbarbg {
	opacity : 1;

}

#_10d_topbar._10d_topbar_scrolled, 
#_10d_topbar._10d_topbar_static {

	-webkit-transition: height 0.4s linear;
	-moz-transition: height 0.4s linear;
	-ms-transition:  height 0.4s linear;
	-o-transition: height 0.4s linear;
	transition: height 0.4s linear;
	border-bottom:1px solid #CEE2EF;
}	

@media screen and (min-width: 830px){
	#_10d_topbar {
		height:30px;
	}
	#_10d_topbar #_10d_logo {
		width: 100px;
		top:0px;
		margin: 100px auto 0;
	}
}

@media screen and (max-width: 830px){
	#_10d_topbar {
		background-color:#ffffff;
		height:40px;
		display:block;
	}
	#_10d_topbar #_10d_logo {
		width: 190px;
		margin: 5px;
	}
}

#_10d_topbar #_10d_logo {
	position:relative;
	display:block;
	height:auto;
}

#_10d_topbar._10d_topbar_scrolled #_10d_logo {
	position:absolute;
	margin: 5px;
	display:block;
	height:auto;
}




@media screen and (min-width: 1100px){
	#_10d_topbar #_10d_logo_image {display:none;}
	#_10d_topbar #_10d_logo_image_small {display:none;}
	#_10d_topbar._10d_topbar_scrolled #_10d_logo_image {display:block;}
	#_10d_topbar._10d_topbar_scrolled #_10d_logo_image_small {display:none;}
}

@media screen and (min-width: 830px) and (max-width: 1100px){
	#_10d_topbar #_10d_logo_image {display:none;}
	#_10d_topbar #_10d_logo_image_small {display:none;}
	#_10d_topbar._10d_topbar_scrolled #_10d_logo_image {	display:none;}
	#_10d_topbar._10d_topbar_scrolled #_10d_logo_image_small {	display:block;}
}

@media screen and (max-width: 830px){
	#_10d_topbar #_10d_logo_image_small {	display:block; height:37px; width:37px;}
	#_10d_topbar #_10d_logo_image {display:none;}
	#_10d_topbar._10d_topbar_scrolled #_10d_logo_image {	display:block; height:37px; width:37px;}
	#_10d_topbar._10d_topbar_scrolled #_10d_logo_image_small {	display:none;}
}