/*color = bkack blue #043B89 ,blue #0071BA  gray #58595B  red=#BA091F*/


/*gobal*/
#wrapper {
	width: 100%;
	background: #fff;
	 
	margin: 0 auto;
	 
}
#header {
	position: fixed;
	width: 100%;
	z-index: 888;
	top: 0;
	padding: 20px 0;
	height: 96px;
}

.header {
	
	 
	width: 100%;
}




#container {
	width: 100%;
 
}

.logo {
	text-align: left;
}
.logo img {
	width: 100%;
	max-width: 158px;
	margin: 0 auto;
}
.menu-icon {
	text-align: right;
	padding: 15px 0 0 0;
}
.menu-icon img {
	transition: 0.3s;
/*	border:0.5px solid rgba(255, 255, 255, 0.5);*/
	border-radius: 100%;
	margin: 0 5px;
}
.menu-icon img:hover {
	opacity: 0.8;
	transition: 0.3s;
}
/*.menu-icon img {
	margin:0 0 0 25px;
	filter: invert(95%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(85%) contrast(85%);

}
.menu-icon img:hover {
	filter: invert(13%) sepia(87%) saturate(3359%) hue-rotate(340deg) brightness(112%) contrast(104%);
}*/
 
/*menu*/
.menu {
	padding:18px 0 0 0;
	text-align: center;
}
.menu ul {
 
	padding: 0;
	margin: 0;
}
.menu ul li {
	list-style: none;
	text-transform: uppercase;
	display: inline-block;

}

.menu ul li a {
	color:#fff;
	display: block;
	margin: 0 50px;
	position: relative;
	padding: 0 0 10px 0;
	font-weight: 500;
}
.menu ul li:hover {
	color: #003c72;
}
.menu ul li a:hover {
	color: #fff;
}
.menu ul li a:after {
	content: '';
	display: block;
	 width: 0;
	left: 0;
	height: 5px;
	 
	position: absolute;
	bottom:0;
	transition: 0.2s;
}
.menu ul li:hover a:after {
	background: #fff;
	width: 100%;
	transition: 0.2s;
}
.menu ul li a.active-menu:after {
	background: #fff;
	width: 100%;
 
}

.dropdown {
	width: 100%;
	height: 400px;
	background: #fff;
	top: 76px;
	position: absolute;
	z-index: 888;
	left: 0;
	display: none;
	
}

/*banner*/
.banner-hero {
	margin-top: 95px;
}
 
.section-pad {
	padding: 100px 0;
}


.txthead {
	font-size: 40px;
	color: #003B71;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
}
/*.txthead:after {
	content: '';
	background: #003B71;
	height: 7px;
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	bottom: -20px;
}*/
.txt-h2 {
	font-size: 30px;
	margin-bottom: 5px;
	color: #003B71;
}
.txt-h3 {
	font-size: 22px;
	margin-bottom: 5px;
	color: #003B71;
	font-weight: 500;
}
.blog-cover {
	overflow: hidden;
}
.blog-topic {
	min-height: 53px;
}
.txt-readmore {
	font-size: 17px;
	margin-top: 20px;
	display: inline-block;
}

.btn-explore {
	background: #003B71;
	display: inline-block;
	padding: 5px 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	border-radius: 6px;

}
 
.btn-explore:hover {
	color: #fff;
	background: #003B71;
}
  

/*product*/
.box-item {
	background: #fff;
	box-shadow: 0 0 10px #ccc;
	padding: 35px;
	border-radius: 10px;
} 
.logo-cate {
	margin: 0 0 20px 0;
}
 

.bg-gray {
	background: #F2F2F2;
	padding: 60px 0;
}

.bg-white {
	background: #fff;
	padding: 60px 0;
}
/*.layer-content p {
	font-weight: 300;
}*/



/*footer*/

#footer {
	width: 100%;
}
.footer {
	width: 100%;
	padding:30px 0 30px 0;
	font-size: 12px;
}
.adddress-footer {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
}
.adddress-footer a {
	color: #fff !important;
}
.adddress-footer a:hover {
	color: #BA091F !important;
}
.txt-sitemap {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
	display: block;
	margin: 0 0 20px 0;
}
.txt-sitemap:hover {
	color: #BA091F !important;
}
.icon-hover {
	transition: 0.2s;
}
.icon-hover:hover {
	transform: scale(1.05);
	transition: 0.2s;
}
 
.logo-brand {
	background: #EFEFEF;
	padding: 60px 0;
}
.logo-footer {
	text-align: center;
}
.logo-footer img {
	width: 200px;
}
.txt-copy {
	color: #fff;
	margin-top: 15px;
}
.txt-copy a {
	color: #fff;
}
.txt-copy a:hover {
	color: #BA091F !important
}


/*menu bar*/

 
	.menu-icon-mb {
	display: none;
}
.menu-icon-mb {
	width: 50px;
	height: 35px;
	 
  
}
 
.menu-icon-mb div {
  width: 40px;
  height:4px;
  background: white;
  margin: 6px ;
  transition: 0.35s ease-in-out;
  border-radius: 0;
}
.on .line_one {transform: rotate(45deg) translate(7px, 7px);}
.on .line_two {opacity: 0;}
.on .line_three {transform: rotate(-45deg) translate(7px, -7px);}