/*Head*/
.wrap{
	width:96%;
}
header .wrap{
	transition:0.5s;
}
.head {
	position:relative;
	padding: 0px 0px;
}


.hlogo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
	height: 100%;
	width: 14%;
	padding: 0 20px 0 0;
	border-right: 1px solid #E6E9F0;
}
.hlogo a{
	display:block;
}
.hlogo img,.hlogo svg{
	display: block;
	max-width: 100%;
	margin: 0;
	max-height: 100%;
	padding: 10px 0;
}
/*Top Menu*/
.tophead{
	display: flex;
	padding: 0px 3%;
	justify-content: space-between;
	border-bottom: 1px solid #E6E9F0;
	height: 90px;
}
.fix .tophead{
	display:none;
}
.tophead nav{
	display:flex;
}
.tophead nav > div {
	display: flex;
	width: 100%;
}
.thmenu{ 
	width: 50%;
	padding: 0 20px;
	height: 100%;
	align-items: center;
	border-right: 1px solid #E6E9F0;
}
/*End Top Menu*/
.hgeo {
	width: auto;
	display:flex;
	align-items:center;
	padding: 0 20px;
	
	/*border-right: 1px solid #E6E9F0;*/
	justify-content: center;
	display: flex;
	align-items: center;
	gap: 10px;
}
.headphone{
	width: 12%;
	text-align: center;
	padding: 0 0 0 20px;
	display: flex;
	align-items: center;
	border-left: 1px solid #E6E9F0;
}
.headphone a{
	display: block;
	color: #323237;
	padding: 0 0 0 25px;
	font-size: 16px;
	position:relative;text-wrap: nowrap;
}
.headphone a:hover{
	text-decoration:none;
}
.headphone svg{
	position:absolute;
	height:16px;
	width:16px;
	left:0;
	top:5px;
}
.headwt{
	padding: 5px 0 0 25px;
	text-align: left;
	font-weight:normal;
	font-family: 'OSR', sans-serif;
	font-size: 12px;
	color:#949CAD;
}
.hspphone{ 
	font-size: 18px;
	padding: 25px 40px 0 0;
	overflow: hidden;
	transition: 0.2s;
	display: inline-block;
}
.hspphone a{
	display:block;
	width: 100%;
	padding: 0 0 0 25px;
	position:relative;
	margin-top:11px;
}
.hspphone a:hover{
	text-decoration:none;	
}
.hspphone svg{
	position:absolute;
	height:18px;
	width:18px;
	left:0;
	top:4px;
}
.mainhead {
	border-bottom: 1px solid #E6E9F0;
	display: flex;
	padding: 20px 3%;
	align-items: center;
	justify-content: space-between;
	position:relative;
}
.mainmenu {	
	position:relative;
	
}
.mainmenu .mmparent{
	/*font-size: 16px;*/
}
.mainmenu .mmparent a{
	
}

.mainmenu .mmsub{
	
}
.custommenu {
  border-bottom: 1px solid #E6E9F0;
}
.hspstit {
	
}

.mhcatcall{
	display:flex;
	align-items:center;
	height: 40px;
	width: 12%;
	justify-content: center;
	padding: 0 5px;
	gap: 10%;
	margin-right: 4%;
}
.smcall {
	transition:0.3s;
	fill:#fff;
	margin-right: 4px;
}
.smcall svg{
	height:15px;
	width:15px;
	margin: 0;
	display:block;
}
.smhamb{
	position: relative;
	width: 20px;
	transition: .3s;
	display: block;
}
.smhamb span{
	width: 100%;
	position: absolute;
	height: 1px;
	background-color:  #fff;
	left: 0;
	top: -2px;
	content: '';
	transition: .3s;
	border-radius: 1px;
}
.smhamb.act span {
  transform: scaleX(0);
  opacity: 0;
}
.smhamb:before {
	width: 100%;
	position: absolute;
	height: 1px;
	background-color: #fff;
	left: 0;
	top: -9px;
	content: '';
	transition: .3s;
	border-radius: 1px;
}
.smhamb.act:before{
	transform: translateY(7px) rotate(45deg);
}
.smhamb:after {
	width: 100%;
	position: absolute;
	height: 1px;
	background-color: #fff;
	left: 0;
	top: 5px;
	content: '';
	transition: .3s;
	border-radius: 1px;
}
.smhamb.act:after{
	transform: translateY(-7px) rotate(-45deg);
}

.smtit {
	font-size: 14px;
	letter-spacing: 2px;
}
.hstit {
	width: 43%;
	margin: 0 30px 0 0;
}
.hsearch{
	display:none;
}
.fix .hsearch {
	
}

.hstit .popclose{
	display:none;
}
.shsoc{
	width: 15%;
	padding: 0 30px;
}
#callback {
	text-wrap: nowrap;
	padding: 10px 0px;
	width: auto;
	display: block;
}

.hspsoc {
	
}
.mheadserv {
  width: 18%;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.hfeature, .hfeature svg {
	display: block;
}
.hfeature svg {
	display: block;
}
.hfeature.act {
	position: relative;
}
.hfeature.act:before {
	content: "!";
	position: absolute;
	font-weight: bold;
	color: #fff;
	right: -4px;
	top: -5px;
	display: block;
	width: 15px;
	height: 15px;
	border: 1px solid red;
	background: red;
	text-align: center;
	line-height: 14px;
	border-radius: 50%;
}

.hauthicon{
	display: block;
}
.hauthicon svg {
	display: block;
}
.hcart {
	
}
.hcount {
	
}
.hcount.act{
	
}
.hcart svg {
	
}

.mainmenu{
	display:none;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	padding-left: 3%;
	background: #fff;
	top: 82px;
	font-family: 'OM', sans-serif;
	box-shadow: 0 6px 15px -4px #ccc;
}
.mainmenu .popclose{
	z-index: 13;
}
.hmenutit {
	display:none;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
}

.hservpop{
	display:none;
}
.fix .tophead{
	
}
header{
	background:#fff;
}
header.fix{
	position:fixed;
	left:0;
	top:0;
	right:0;
	z-index:160;
	background:#fff;
	padding: 0;
	box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2);
}
header.fix .wrap{
	width:96%;
}
.smhlogo{
	width:0;
	transition: 0.3s;
	opacity:0;
	
}
.smhlogo img{
	display:block;
	width:100%;
}
.fix .head{
	padding: 0px 0px;
}

.fix .hlogo img,.fix .hlogo svg{
	height:60px;
	width:auto;
}
.fix .mainhead{
	
}
.fix .mhcatcall{
	width:40px;
}
.fix .mhcatcall .smtit{
	display:none;
}
.fix .mhcatcall .smcall{
	margin:0;
}
.fix .custommenu{
	display:none;
}
.fix .smhlogo{
	display:block;
	width: 5%;
	margin: -15px 4% -15px 0;
	opacity:1;
}
.fix .headwt{
	display:none;
}
.fix .headphone{
	
}
.fix .hstit{
	
}
.fix .shsoc{
	
}
.fix .mainmenu {
  
}
.fix .hlogo,.fix .smcall,.fix .hcart,.fix .hsearch{
	
}
.mheadsicons{
	display:none;
	
}

.mheadsicons .geoloc svg {
	height: 32px;
	width: 32px;
	
}
/*End Head*/

@media screen and (max-width:1220px){
	.hlogo{width: 12%; padding: 0 10px 0 0;}
	.thmenu{}
	.hgeo{padding: 0 10px;}
	.mainhead {}	
	.headphone{width: 14%;padding: 0 0 0 10px;text-wrap: nowrap;}
	.headphone a{}
	.headphone svg{}
}
@media screen and (max-width:1080px){
	.headphone a{font-size: 14px;}
	.headwt{font-size: 10px;}
	.geoloc{font-size: 12px;}
	.hstit{width: 35%;}
	.mheadserv{width: 22%;}
	.custommenu {line-height: 13px;font-size: 12px;}
	.custompmenu a{padding: 10px 5px;}
}
@media screen and (max-width:960px){
	.hlogo{width: 25%;padding: 0 20px 0 0;}
	.hgeo{padding: 0 20px;width: 25%;}
	.geoloc {font-size: 14px;}
	.headphone{width: auto;justify-content: end;padding: 0 0 0 20px;}
	.headphone a{font-size: 18px;}
	.headwt{font-size: 12px;}
	.tophead nav.thmenu{display:none;}
	.smtit {font-size: 12px;letter-spacing: 1px;}
	
}
@media screen and (max-width:870px){
	
}
@media screen and (max-width:850px){
	#callback{font-size: 10px;}
	.mhcatcall{margin-right: 10px;}
	.hcompname {}
	.mainhead {}
	.smtit {font-size: 10px;letter-spacing: 0px;}	
	.hstit {margin: 0 10px 0 0;}
	.shsoc{width: 17%;padding: 0;}
	.hsearch{}
	.soclink{}
	.hstit:before{}
	.hstitform{}
	.mainmenu .mmparent {}
	.fix .mainmenu .wrap{}
	.fix .hsearch {}
	.hcompname{}
	
}
@media screen and (max-width:780px){
	
}
@media screen and (max-width:740px){
	.mainmenu{top:153px;padding-left: 0;position: fixed;bottom: 47px;overflow: hidden;overflow-y: auto;}
	.fix .mainmenu {top: 62px;}
	.smtit{display:none;}
	.smcall{margin-right:0;}
	.smhlogo{margin-left:-4%;}
	.shsoc{display:none;}
	.mhcatcall{width: 8%;}
	.hstit {width: 80%;}	
	.shsoc{display:none;}	
	.fix .hstit{display:none;}
	.mheadserv {width: auto;position: fixed;bottom: 0;background: #161313;padding: 10px 3% 5px 3%;left: 0;right: 0;z-index: 10;}
	.mheadserv svg, .fix .mheadserv svg path{fill: #fff;stroke: none;}
	.fix .mheadserv {width: auto;}
	.mainhead{padding: 10px 3%;}
	.hgeo {padding: 0 10px;width: auto;}
	.fix .smhlogo{width: 8%;margin: -15px 0% -15px 0;}
	.hcdrop {bottom: 49px;right: 0;position: fixed;left: 0;top: auto;width: auto;}
	.fix .hsearch {display: flex;width: 20%;justify-content: center;align-items: end;}
	.fix .mheadsicons{display:flex;width:50%;}
}
@media screen and (max-width:640px){
	.tophead{height:auto;}
	.hlogo{border: 0;width:30%;height: 63px;}
	.smhlogo{height: 60px;}
	.hlogo img, .hlogo svg{padding: 0;}
	.headphone{border: 0;width:30%;}
	.headphone a {font-size: 22px;}
	.headphone svg{top: 7px;}
	.hsearch {display:flex;align-items: center;}
	.fix .hsearch {display: flex;width: 20%;justify-content: center;}
	.hstit{display:none;position:absolute;width:auto;left:0;right:0;background:#fff;z-index:10;padding:15px 10% 15px 3%;margin:0;bottom:-60px;}
	.hstit .popclose {display: block;top: 25px;right: 3%;}
	/*.mheadserv {width: 80%;}
	.mheadserv .geoloc{display:block;}*/
	.mheadsicons{display:flex;width:80%;}
	/*.hgeo{display:none;}*/
	.tophead.white .geoloc{display:none;}
	.headwt{display:none;}
	.geoloc {width: 50%;}
	.fix .smhlogo {margin: -15px 10% -15px 0;}
	.mainmenu{top:64px;}
	.mheadsicons {width: 80%;display:flex;	justify-content:space-around;}
	.hsearch {display: block;}
	.fix .hsearch {display: flex;width: 20%;justify-content: center;align-items: end;}
	.fix .mheadsicons{display:flex;width:50%;}
	
}
	
}

@media screen and (max-width:600px){
	
}
@media screen and (max-width:580px){
	
}
@media screen and (max-width:560px){
	
}
@media screen and (max-width:520px){
	header {position: fixed;left: 0;right: 0;top: 0;z-index: 160;}
	.wrapper{padding-top: 66px;padding-bottom: 45px;}
	/*.tophead.white{display:none;}*/
	.tophead.white .hlogo{display:none;}
	.tophead.white .headphone{display:none;}
	.smhlogo {display: block;width: 9%;margin: 0 3% 0 0;opacity: 1;}
	.fix .smhlogo{margin: 0 3% 0 0;width: 12%;}
	.smhlogo {width: 12%;}
	.mheadsicons{width: 55%;}
	.mainhead {padding: 2px 3%;}
	.mainmenu .popclose{display:none;}
	/*.hmenutit{display:block;}*/
}
	
@media screen and (max-width:420px){
	
	
}

@media screen and (max-width:380px){
	
}
@media screen and (max-width:360px){
	
}
@media screen and (max-width:320px){
	
}