*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
 

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

.slidebxbg > .slidebxx{  height:62vh; }
.slidebxbg > .slidebxx > .tb{ height:62vh; }  
.slidebxbg > .slidebxx > .tb > .bximg > .bx{ height:62vh; } 
 
}

@media screen and (max-width: 1080px){
 
.headerbxtop{  height:34px; font-size:12px; } 
.headerbxtop > .content > .tb{ display:table; position:relative; width:100%; height:100%;   } 
.headerbxtop > .content > .tb > .c2{ display:none;  } 
.headerbxtop > .content > .tb > .c3{ display:none;  }  
 
.headerbxtop > .content > .tb > .c4{ width:40px;  }
.headerbxtop > .content > .tb > .c4 > div > a > img{ max-width:26px;  }	
	
.headerbxtop > .content > .tb > .cm{ display:table-cell; position: relative; vertical-align:top; width:37px; text-align: right; }	
 
.bxnavmb{ display:block; position:relative; padding:4px 0 0;   }
#navmb{ 
  display:inline-block; width:25px; height:18px; position: relative; margin:0; cursor: pointer; vertical-align:middle; 
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top:5px; 
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;  }
#navmb span {
  display:block; position:absolute; height:2px; width:100%; background:#fff; opacity:1; left:0; vertical-align:middle; 
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
#navmb span:nth-child(1) {
  top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#navmb span:nth-child(2) {
  top: 8px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#navmb span:nth-child(3) {
  top:14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

#navmb.open span:nth-child(1) {
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:0px; left:1px; }
#navmb.open span:nth-child(2){ width:0%; opacity:0; }
#navmb.open span:nth-child(3){
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:18px; left: 1px; width:100%; }
	
	
/* search */ 
.bxsearch{ width:280px; }
.sb-search{  height:22px;  }
.sb-search-input { border-radius:6px; text-indent:6px;  }
 
.sb-icon-search{ background-size:14px; }
 
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search{ background-size:14px; }
/* end search */
	
.headerbxbtm{ height:42px; font-size:12px;  }
#bxnav{ display:none;  }
 
.bxlogo{ top:14px; left:3.59375%; max-width:70%;  }
.bxlogo > a{ width:286px;    }
 
	
	
#bxnavmobile{ display:none; position: fixed; top:0; left:0; right:0px; z-index:699; overflow-y:auto; background:#fff;  }
	
.bxnavmobile{ display:block; position: relative; padding:112px 0 52px; text-align: right; font-size:16px; }	
.bxnavmobile > ul{ list-style:none; padding:0; margin:0;  }	
.bxnavmobile > ul > li{ display:block; position: relative; padding:0 0 16px; }	
.bxnavmobile > ul > li > .content > a{ transition:ease 0.5s; border-bottom:#fff solid 3px; cursor: pointer; text-transform: uppercase; font-weight:600; }
	
.bxnavmobile > ul > li > .content > a:hover{ color:#30358e; border-bottom-color:#30358e;  }
.bxnavmobile > ul > li > .content > a.activ,
.bxnavmobile > ul > li > .content > a.activx{ color:#30358e; border-bottom-color:#30358e; } 
 
.bxnavpc{ display:none; position: relative; background:#30358e; padding:39px 0 26px; margin:3px 0 0;  }	
.mnavprocat{ display:block; position: relative; text-align: right;  }
.mnavprocat > .bc{ display:inline-block; position:relative; vertical-align:top; width:49.5%; margin-bottom:16px;   }	
.mnavprocat a{ display:inline-block; position: relative; color:#fff; transition: ease 0.5s; font-size:18px; text-transform: uppercase; font-weight:600;  }
.mnavprocat a > div{ font-size:12px; font-weight:400; text-transform:none; line-height:0.2;   }	
.mnavprocat a.mactiv,
.mnavprocat a.mactivx,	
.mnavprocat a:hover{ color:#0078dd; } 	
	
.mnavclose{ position:absolute; top:-16px; left:0; } 
.mnavclose > span{ cursor: pointer; }
	
.bxmnavtop{ display:block; position: relative; padding:36px 0 0; font-size:12px; text-transform: uppercase;   }
.bxmnavtop > .content{ margin-bottom:13px; }	
.bxmnavtop > .content a{ transition: ease 0.5s; border-bottom:#fff solid 3px;  }	
.bxmnavtop > .content a:hover,
.bxmnavtop > .content a.activ,
.bxmnavtop > .content a.activx{ color:#30358e; border-bottom-color:#30358e; } 
.bxmnavtop > a{ display:block; position: relative; width:105px; margin:0 0 0 auto; background:#0078dd; color:#fff; text-align:center; padding:16px 0; transition: ease 0.5s;  }
.bxmnavtop > a.activ,	
.bxmnavtop > a:hover{ background:#30358e; }	
 
	
#bxheader.fixtop .headerbxtop{  height:34px;  } 
#bxheader.fixtop .sb-search{   height:22px;  }

#bxheader.fixtop .headerbxbtm{ height:42px;  }
#bxheader.fixtop #bxnav > ul > li{ margin:0 26px;  }
#bxheader.fixtop #bxnav > ul > li > a{ padding:14px 0; font-size:16px; }
#bxheader.fixtop .bxlogo > a > img{ max-width:100%;  }
	
 
 
.bxtabscat > .bximg img{ max-height:100px; }
.bxtabscat > .bximg > .activ{  width:102px; height:102px;  }
.bxtabscat > .bxtxt{ display:block; position: relative; width:90%; margin:0 auto;  }
.bxtabscat > .bxtxt > .namebx{ margin:0 0 6px;   }
.bxtabscat > .bxtxt > .namebx > span{ width:90px; } 
 
	
#bxhomeslide{  height:86vh; } 
.slidebx{ height:86vh; } 
.slidebxbg{ height:86vh;  } 
.slidebxbg > .slidebxx{ display:table; padding-top:0; height:100%; }
.slidebxbg > .slidebxx > .tb{ display:table-cell; vertical-align: middle; height:auto; } 
.slidebxbg > .slidebxx > .tb > .bximg{ display:block; width:100%; } 
.slidebxbg > .slidebxx > .tb > .bximg > .bx{ height:auto; }
.slidebxbg > .slidebxx > .tb > .bxtxt{ display:block; width:100%;  }
.slidebxbg > .slidebxx > .tb > .bxtxt > .bx{ width:90.625%; margin:0 auto; margin-top:0px;  }
.slidebxbg > .slidebxx > .tb > .bxtxt > .bx > .logo{  width:60%; padding:0 0 16px; } 
.slidebxbg > .slidebxx > .tb > .bxtxt > .bx > .txt{  padding:0 0 16px; }

	
#bxhomeservice > .content > .tb > .tc > .bx{ width:50%; }	
	
 
.lastnewsbx > a{  width:32%; margin-right:2%; } 
 
	
.bxfooter > .tb{ display:block;  }	
.bxfooter > .tb > .c1{ display:block; width:100%; padding:0 0 26px; }
.bxfooter > .tb > .c2{ display:block; width:100%;  }
	
.bxsocial{ text-align:left; padding:12px 0 26px;  }	
 
 
 	
#btntop{ width:32px; height:32px;  bottom:10px; right:10px;  }
#btntop > span{ -webkit-transform: translateY(4px); transform: translateY(4px);   }
#btntop:hover > span{  -webkit-transform: translateY(0px); transform: translateY(0px); }
	
#ppaudio{ right:46px; z-index:66; width:32px; height:32px;  } 
 
.bxleadinner > .tb{ padding:76px 0 0;  }
.productbx > .bxtxt > .bx > .txtbx > .link > span{ display:block;  margin-bottom:9px;  }
 
.bxservicestop{   width:60%;  }
	
.pagenews{ padding:76px 0 0;  }
a.newsbx{ width:30%;  margin-right:4%;  }
a.newsbx > .bx > .bxtxt{ padding:16px 16px 26px;}	
a.newsbx > .bx > .bxtxt > .txtbx{  height:110px;   }
	
	
.bxnewstop.newsde{  padding:52px 0 0; }
.bxnewsde{   width:80%;  max-width:100%;  }
 
.pagecontact{   padding:76px 0 0;   }
.bxcontactgg{ height:400px;  }
	
.careeraddbx > .bx > .tb > .tc1{ width:136px;  }	
	

.bxcareerde{ width:100%; }

.pagesearch{ padding:76px 0 0;  }
.bxsearchtop{ padding:52px 0; }
.bxsearchpro{ width:92%; } 
.searchprobx > .bx{ width:92%;  }
 
}


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

body{ font-size:14px;  }	

h1, .h1{ font-size:36px; }
h2, .h2{ font-size:25px; }
h3, .h3{ font-size:22px; }
h4, .h4{ font-size:18px; }
h5, .h5{ font-size:16px; }
h6, .h6{ font-size:12px; }	
	
.bxservicestop{   width:65%;  }	 
.pagecontact > .content{ width:90.625%;   }

 
.servicesbx{ width:95.3125%;  }
.servicesbx > .bxtxt{ width:100%;  }
.servicesbx > .bxtxt > .bx{  width:100%; padding:0 0 26px; } 
.servicesbx > .bximg{ width:100%;  }
.servicesbx > .bximg > .bxgallery{ margin-bottom:-26px;   }
 
.slidebxgall > .bxdesc{   }
.slidebxgall > .bxdesc > .bx{ padding:12px;}	
	
.homeprocat{ width:100%; max-width:100%; } 
.procatbx{ display:inline-block; position: relative; width:18%;   }
.procatbx > .bx{ width:86%; max-width:100%;  }


	
}


@media screen and (max-width:640px){
.content{ width:90.625%;   }	
	
.bxsearch{ width:200px; }	

.bxlogo{ max-width:70%;  }
.bxlogo > a > img{ max-width:100%; }	
#bxheader.fixtop .bxlogo > a > img{ max-width:100%;  }

.headerbxtop > .content > .tb > .c1 > .searchbx{ display:none; }	
.bxsearchmb{ display:block; position: absolute; z-index:2999; top:6px; right:90px;   }	
.bxsearchmb .bxsearch{  width:200px; padding-right:0; }
.bxsearchmb .sb-search{ position: absolute; right:0;  }
.bxsearchmb .sb-search-input { font-size:12px;  }
 
.headerbxtop > .content > .tb > .c4{  width:auto; }
#bxheader.fixtop .headerbxtop > .content > .tb > .c4{ width:auto;  }
 
 
#bxhomewelc{ width:95.3125%; padding:72px 0;  top:-39px;  margin-bottom:-39px; background: url("../img/bg-home-welc-mobile.png") top right no-repeat; }
.bxhomewelc{ width:86%; }
.bxhomewelc > h1{ padding:0 0 26px; }
	
 
#bxhomepro{ width:95.3125%; padding: 0 0 26px; background: url("../img/bg-home-tab-products-mobile.jpg") top right no-repeat;    }
#bxhomepro > .bxhead{ width:90%; padding:20px 0 26px;  }
 
.bxtabscat > .bximg{ display:none; position: relative; }
.bxtabscat > .bxtxt{ width:100%; }
.bxtabscat > .bxtxt > .namebx{ margin:0;  }
.bxtabscat > .bxtxt > .namebx > span{ width:100%; height:32px; background:rgba(89,89,89,0.6);  }
.bxtabscat > .bxtxt > .namebx > span > h5 > div{ display:inline-block; }	
.bxtabscat > .bxtxt > .descbx{ display:none;   }

 
.slidebxpro{ height:auto;   }
.slidebxpro > .tb{ display:block;   }
.slidebxpro > .tb > .c1{ display:block; width:100%;  }
.slidebxpro > .tb > .c1 > .bx{ width:90%; margin:0 auto; padding:52px 0;  }
.slidebxpro > .tb > .c1 > .bx > h1{ padding:0 0 16px; }
.slidebxpro > .tb > .c1 > .bx > .txt{ padding:0 0 36px; font-weight:600;  }
.slidebxpro > .tb > .c2{ display:none;  } 
.slidebxpro > .tb > .cm{ display:block; width:100%;  } 

	
 
.procatbx{  width:49%;   }
.procatbx > .bx{  width:92%; max-width:100%; padding:0 0 26px;  } 
.procatbx > .bx > .bxprocat > .bximg{ display:table;  width:100%;  height:140px; } 
 
	
#bxhomeservice{ height:510px; margin-top:-30px;   }  
#bxhomeservice > .content > .tb > .tc > .bx{  width:100%;  }
#bxhomeservice > .content > .tb > .tc > .bx > h2{ padding:0 0 16px;  }
#bxhomeservice > .content > .tb > .tc > .bx > div{  padding:0 0 26px;  }
	
	
 
.bxhomenews{ width:95.3125%; padding:39px 0;  }
.homenewsbx{  width:90%;  }
.homenewsbx > h3{  padding:0 0 32px; }

.bxhomeyt{  padding:26px 0;  }
#bxslideyt{ display:block; position: relative;   }
.bxslideryt{ display:block; position: relative; }
 
	
 
.lastnewsbx > a{ width:100%; margin-right:0; float: none; margin-bottom:36px;  }
.lastnewsbx > a:nth-child(3){  margin-bottom:0; }
	
.lastnewsbx > a > .bx > .bxtxt{ padding:16px 0; }
.lastnewsbx > a > .bx > .bxtxt > .date{  padding:0 0 10px;  } 
 
.lastnewsbx > a > .bx > .bxicon > .icon{  width:40px; height: 40px;  }
 
	
	
a.btnbx{ width:154px; height:40px; font-size:14px; }
a.btnbx > span{ width:154px; height:40px;  }
a.btnbx > span > .icon{ width:40px; }
a.btnbx > span > .txt{ padding:0 2px;  transform: translateX(40px); width: 114px;  }
a.btnbx:hover > span > .txt{ transform: translateX(0px); }
a.btnbx:hover > span > .icon{ transform: translateX(114px); }
	
	
.bxfooter{  padding:0 0;  }
 
.bxfooter > .tb > .c1 > .bx{ width:100%; }
.bxfooter > .tb > .c1 > .bx > h5{ padding:0 0 20px; }
.bxfooter > .tb > .c1 > .bx > .tb{ display:block;  padding:26px 0 0;  }
.bxfooter > .tb > .c1 > .bx > .tb > .tc{ display:block; width:100%; padding:0 0 20px;  }
 
 
.footerlink > .tb{ display:block; }
.footerlink > .tb > .c1{ display:block; width:100%; }
.footerlink > .tb > .c2{ display:block; width:100%;  }
.footerlink .linkbx{ padding:0 0 10px; }

.bxfooter > .tbbtm{ display:block;   } 
.bxfooter > .tbbtm > .c2{ display:block; width:100%; }
 
a.btnfb{ margin:0 20px 0 0; }
a.btnig{ margin:0 20px 0 0; }
a.btnline{ margin:0 0 0 0;  }
.copy{ margin-top:0; }
	
	
	
.bxleadinner{  height: 264px;  } 
.leadinnerbx > img { max-width:60%;  }
 

.bxproduct{ padding:20px 0 0;  }
 
.productbx > .bximg{  position: relative; width:90.625%; margin:0 auto; text-align: center; }
.productbx > .bximg > div{ display:block; position:relative; padding:0 0 0; }
.productbx > .bxtxt{ width:95.3125%; }
.productbx > .bxtxt > .bx{ padding:72px 0 60px; margin-top:-26px;  } 
.productbx > .bxtxt > .bx > .txtbx{ padding:26px 0 0; }
.productbx > .bxtxt > .bx > .txtbx > h1{ padding:0 0 26px; }
.productbx > .bxtxt > .bx > .txtbx > .txt{  padding:0 0 16px;  }
 
.productbx.two{ margin:-26px 0; z-index:9; }
	
 
.bxservicestop{ width:90.625%; padding:52px 0;  }

.servicesbxtab{ padding:39px 0 0;   }	


 
	
.leadwhoweare{ height:80vh; } 
.leadwhoweare > .tb > .tc > .content > .bxtxt{ width:100%;  }
.leadwhoweare h5{ padding:0 0 39px;  } 
.leadwhoweare .icondown{ display:block; position: absolute; bottom:104px; z-index:2; left:50%; margin-left:-16px; -webkit-animation: actionup 0.6s infinite  alternate; animation: actionup 0.6s infinite  alternate;    }
 
.bxwwapro{ margin-top:-39px;  }
.bxwwapro h3{ padding:39px 0 26px;   }
.wwproduct{ padding:0 0 39px;  }
.wwproduct > a{  width:49%; margin-bottom:16px;  } 
.wwproduct > a .bxtabscat{ margin:0 auto; }	
.wwproduct > a .bxtabscat > .bximg{ display:block; }	
.wwproduct > a .bxtabscat > .bxtxt{ width:92%; } 
.wwproduct > a .bxtabscat > .bxtxt > .namebx{ margin:0 0 26px;  }	
.wwproduct > a .bxtabscat > .bxtxt > .namebx > span{  display:table; position: relative; width:112px; height:35px; } 
.wwproduct > a .bxtabscat > .bxtxt > .descbx{ display:block;     }
 
	
 
.pagenews .content{ width:90.625%; }
.bxnewstop{ padding:39px 0;  }
.bxnewstop h3{ padding:0 0 26px; } 
/*.bxnewstop a > .bximg{ width:100%; }
.bxnewstop a > .bximg > .imgbx{ width:100%; padding:0 0 26px;    } 
.bxnewstop a > .bxtxt{  width:100%;   } 
.bxnewstop a > .bxtxt > .bx > .namebx{ padding: 0 0 26px; }
.bxnewstop a > .bxtxt > .bx > .iconbx{ display:block; position: relative;  }
.bxnewstop a > .bxtxt > .bx > .iconbx{ width:40px; height: 40px;   }*/
	
.bxnewstop .newsbxtop{ margin:0 0 26px; } 
.bxnewstop .newsbxtop > .bx{ display:block;  }
.bxnewstop .newsbxtop > .bx > .bximg{ display:block;  width:100%; margin-bottom:16px; }
.bxnewstop .newsbxtop > .bx > .bximg > .imgbx{  max-width:100%;   } 
.bxnewstop .newsbxtop > .bx > .bxtxt{ display:block; width:100%;   }  
.bxnewstop .newsbxtop > .bx > .bxtxt > .iconbx{ margin:20px 0 0;   }
.bxnewstop .newsbxtop > .bx > .bxtxt > .iconbx > .icon{ width:40px; height: 40px;  }	
 

.bxnewsbtm{  padding:39px 0;  }
.bxnewsfilter{ padding: 16px; color:#fff; margin:0 0 39px;  } 
.bxnewsfilter > .bx > .c1{ float:none; padding:0 0 16px; }
.bxnewsfilter > .bx > .c2{ float:none; text-align: left; }
 
.newssearchform input[type=text]{ width:175px;  margin-right:4px; } 
.newssearchform input[type=submit]{ width:16px; height: 16px;  } 
.newssearch span{ margin-right:4px;    }
 
.newsselform > .selectbx span{ margin-right:4px; } 
 
 
a.newsbx{ display:block; width:100%; margin-right:0; margin-bottom:39px; }
a.newsbx > .bx > .bxtxt{ padding:16px 16px 26px;}
a.newsbx > .bx > .bxtxt > .txtbx{  height: auto; } 
a.newsbx > .bx > .bxtxt > .iconbx > .icon{  width:40px; height: 40px;   }
 

.bxnewstop.newsde{  padding:39px 0 0; }
.bxnewsde{ width:90.625%;   } 
.bxnewsde > .bximg > img{ margin-bottom: -26px; }

.newsdesubj{  padding:52px 0 26px;  }
.newsdetail{  padding:39px 0 52px;   }
.bxback{ padding:36px 0 0; }
	
	
 
.bxcontact > .bxl{ width:100%;  }
.bxcontact > .bxr{ width:100%; }
 
.bxaddress{ padding:39px 0; width:100%;   }
.bxaddress h3{ padding:0 0 26px; } 
.bxaddress h5.bxh{ padding:0 0 16px; }
.bxaddress > .bxtxt{ padding:0 0 20px;    } 
 

.bxcontactform{ padding:39px 0; margin:0 0 -26px;  }
.contactformbx{ width:90%; }
.contactformbx > h3{  padding:0 0 20px; }
.contactformbx > .txttop{ width:100%; padding:0 0 26px;   }

.contactbx{ margin:0 0 20px;  } 
.contactbx > .bxl{ width:100%; margin-bottom:20px;  }
.contactbx > .bxr{ width:100%; } 

.contactbx > .bxl > .bx,
.contactbx > .bxr > .bx,
.contactbx > .bxf > .bx{ padding:16px 0 0;  }
 
#contactform input[type=submit]{ width:160px;  height: 40px;  text-indent:40px; background:#0078dd url("../img/btn-submit-mobile.png") left no-repeat;   }
#contactform input[type=submit]:hover{ text-indent:-40px;  }
#contactform label.error{  font-size:12px; } 
	
	
 
.bxcareertxttop{ max-width:100%; padding:39px 0;  }

 
.bxcareers > .bxwhite{  width:100%; padding:39px 0; }
.bxcareers > .bxwhite > .bx{ width:90.625%; margin:0 auto; }
.careeraddbx{ width:100%; margin:0 auto; }
.careeraddbx > .bx{ margin:0 0 26px;  } 
.careeraddbx > .bx > h3{  padding:0 0 26px;  }  
.careeraddbx > .bx > .tb > .tc{ width:6px; } 


.bxcareers > .bxblue{ width:100%;  margin:0; padding:39px 0; min-height:200px;   }
.bxcareers > .bxblue > .bx{ width:90.625%; margin:0 auto; }

.careerbxlist{ padding:0 0 26px; }
a.careerbx{ padding:16px; } 
a.careerbx > .bx > .tb > .tc1 > .bx{ margin-left:0; width:98%; line-height:1.2;   }
a.careerbx > .bx > .tb > .tc1 > .bx > span{   }
a.careerbx > .bx > .tb > .tc2{  width:40px;  }
a.careerbx > .bx > .tb > .tc2 > .icon{ width:40px; height: 40px;  }
 
.careerbxtxt > h3{ padding:0 0 26px;  }
 
.bxcareerdeh{ padding:39px 0 26px; } 

.bxcareerwhite{ padding:26px 0 39px;  }
.careerdebx{ padding:0 0 39px; }
.careerdebx > .txth{ padding:0 0 16px; } 
.careerdebxblue{ max-width:100%; padding:20px; } 
.bxcareerdeback{ padding:26px 0 52px; }	
	
	
.bxprorq{ max-width:90%; margin:0 auto;  padding:39px 0px;  }
.bxprorq > .bxtxttop{ padding:0 0 16px; }
 
 
.bxsearchtop{ padding:36px 0;  } 
.searchprobx{ width:49%; }
.searchprobx > .bx{ padding:26px 0; } 
	
	
	
}

@media screen and (max-width:420px){
 
}

@media screen and (max-width:380px){
 
.bxsearchmb .bxsearch{  width:180px; }
	
}

@media screen and (max-width:320px){
.bxsearchmb .bxsearch{  width:160px; }
	
	
}