@charset "utf-8";

/* CSS Document */





#topBar{
position: fixed;
width: 100%;
top: 0;
z-index: 19;
font-size: 14px;
/*background: url(../images/navShadow.png) left top repeat-x;*/
background-size: auto 100%;
min-width: 768px;
height:96px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}



#topBar .logo{

max-width: 330px;

display: block;

position: absolute;

left: 10px;

top: 20px;



-webkit-transition: all 0.3s;

-moz-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;

}



#topBar .navbarWrap{

float: right;

padding: 25px 0;

}



#topBar .navbarWrap a{

display: inline-block;

padding: 0 15px;

line-height: 46px;

}

#topBar .navbarWrap a:hover{

color: #007DC5;

}



#topBar .navbarWrap .active{

font-weight: 600;

}



#topBar .navbarWrap a:last-child{

padding: 0 0 0 15px;

}





.subPage #topBar .navbarWrap a{

color: #fff;

}

#promotions {
	width:360px;
}


#topBar.fixed{

background: #fff;

box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);

}



#topBar.fixed .logo{

top: 0px;


}

#topBar.fixed .logo img{



width: 200px;

height:auto;

}


.subPage #topBar.fixed  .navbarWrap a{

color: inherit;

}



#topBar .icon-menu{

display: block;

}



#topBar .icon-close{

display: none;

}



#topBar .menuExpand .icon-menu{

display: none;

}



#topBar .menuExpand .icon-close{

display: block;

}

#topBar .btnMenu{

position: fixed;

font-size: 32px;

top: 10px;

right: 10px;

text-align: center;

line-height: 40px;

}







@media (max-width: 1440px) {

	#topBar{

	font-size: 16px;

	}



}



@media (max-width: 1024px) {



#topBar .navbarWrap {

    padding: 12px 0;

}



#topBar .navbarWrap a {

    line-height: 36px;

}





#topBar.fixed .logo {

    height: 90px;

}



}



@media (max-width: 768px) {

	#topBar{

	font-size: 16px;

	}
	
	#promotions {
		width:300px;
	}


}





@media (max-width: 640px) {





#topBar{

font-size: 18px;

min-width: 300;

min-height: 50px;

}



#topBar .logo {

max-width: 23%;

left: 0;

top: 10px;

}



#topBar .navbar{

display: none;

background: rgba(255,255,255,0.96);

float: none;



position: fixed;

top: 0px;

left: 0;

width: 100%;

height: 100%;

margin: 0!important;



padding-top: 60px;

}





#topBar .navbar a {

display: block;

margin-top: 0px;

line-height: 30px;

height: 30px;

font-size: 16px;

padding: 10px 20px!important;

color: inherit!important;

}





}