*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* Content style */
.ha-header-hov:hover .mainMenu a{ color:#fff;}
.ha-header-hov:hover .mainMenu a:before{ background:#fff;}
.ha-header-hov:hover .mainMenu a:after{ background:#fff;}

/* Header styles and animations */

.ha-header {
	/*position: fixed;*/
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.ha-header-white{ background:#ddd;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-white .mainMenu a{	color:#333333;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-white .top_social{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.ha-header-white .mainMenu a:before{ background:rgba(0,0,0,0.7);}
.ha-header-white .mainMenu a:after{ background:rgba(0,0,0,0.7);}
.ha-header-white:hover{/* background:rgba(0,0,0,0.7);*/ background:#1ba0db;}





/*.ha-header-gray{ background:#252525;
	width:100%;
	height:100px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-gray .mainMenu a{color:#fff;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-gray .top_social{
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
}
.ha-header-gray .mainMenu a:before{ background:#fff;}
.ha-header-gray .mainMenu a:after{ background:#fff;}
.ha-header-gray:hover{ background:rgba(0,0,0,0.7);}*/


.ha-header-light{ background:#fffbd6;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-light .mainMenu a{	color:#000;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-light .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-light .mainMenu a:before{ background:#000;}
.ha-header-light .mainMenu a:after{ background:#000;}
.ha-header-light:hover{background:#1ba0db;}






.ha-header-gray{ background:#252525;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-gray .mainMenu a{	color:#fff;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-gray .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-gray .mainMenu a:before{ background:#fff;}
.ha-header-gray .mainMenu a:after{ background:#fff;}
.ha-header-gray:hover{background:#1ba0db;}










.ha-header-yellow{ background:#ffde01;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-yellow .mainMenu a{	color:#000;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-yellow .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-yellow .mainMenu a:before{ background:#000;}
.ha-header-yellow .mainMenu a:after{ background:#000;}
.ha-header-yellow:hover{background:#1ba0db;}











.ha-header-web{ background:#f6a95f;
	width:100%;
	height:40px;
	margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-web .mainMenu a{	color:#333333;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-web .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-web .mainMenu a:before{ background:rgba(0,0,0,0.7);}
.ha-header-web .mainMenu a:after{ background:rgba(0,0,0,0.7);}
.ha-header-web:hover{background:#1ba0db;}












.ha-header-branding{ background:#735050;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-branding .mainMenu a{	color:#fff;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-branding .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-branding .mainMenu a:before{ background:#fff;}
.ha-header-branding .mainMenu a:after{ background:#fff;}
.ha-header-branding:hover{background:#1ba0db;}









.ha-header-explanation{ background:#168e96;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-explanation .mainMenu a{	color:#fff;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-explanation .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-explanation .mainMenu a:before{ background:#fff;}
.ha-header-explanation .mainMenu a:after{ background:#fff;}
.ha-header-explanation:hover{ background:#1ba0db;}











.ha-header-commercial{ background:#f6a95f;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-commercial .mainMenu a{	color:#fff;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-commercial .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-commercial .mainMenu a:before{ background:#fff;}
.ha-header-commercial .mainMenu a:after{ background:#fff;}
.ha-header-commercial:hover{background:#1ba0db;}











.ha-header-print{ background:#bb6717;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-print .mainMenu a{	color:#fff;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-print .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-print .mainMenu a:before{ background:#fff;}
.ha-header-print .mainMenu a:after{ background:#fff;}
.ha-header-print:hover{background:#1ba0db;}














.ha-header-mob_app{ background:#20c2ef;
	width:100%;
	height:40px;margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:10001;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-mob_app .mainMenu a{	color:#fff;
transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}
.ha-header-mob_app .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.ha-header-mob_app .mainMenu a:before{ background:#fff;}
.ha-header-mob_app .mainMenu a:after{ background:#fff;}
.ha-header-mob_app:hover{ background:#1ba0db;}



.ha-header-hide {
	position:fixed;
	top:-40px;
	height:40px;
	z-index:400;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	 width:100%; height:40px;margin:0 auto;
	 
	 transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.ha-header-show{
	width:100%;
	height:40px;
	margin:0 auto;
	position:fixed;
	top:0px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	z-index:400;
	/*border-bottom:1px solid rgba(0, 0, 0, 0.2);*/
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	
	/*box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);*/
}

.ha-header-show .top_social{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.ha-header-gray-hide {
	background:#252525;
	
}
.ha-header-gray-show{
	background:#252525;
	} 



@media only screen and (max-width:960px) 
{

.ha-header { display:none !important;
}

}