@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap');

html, body, div{ margin:0; padding:0; }
html { 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
 
body{
 font-family: 'Prompt', Arial, Tahoma; font-size:16px; line-height:1.4; font-weight:400; 
   background:#ebebeb; color:#333333; min-width: 320px;  overflow-x:hidden; -webkit-text-size-adjust: none;   } 
body#popupage{ background:#fff; }
 
img{ border:none; max-width:100%; outline:0; vertical-align:middle;  }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 
.clear{ clear:both; }
.clearvdo{ clear:both; }
.box{ display:block; position:relative; }
.boxleft, .left{ float:left; }
.boxright, .right{ float:right; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; width:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

a:link{ text-decoration:none; color:#333333; }
a:visited{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#333333; }
 

h1, .h1{ font-size:65px; line-height:0.9; padding:0; margin:0; font-weight:700;  }
h2, .h2{ font-size:46px; line-height:1; padding:0; margin:0; font-weight:700;  }
h3, .h3{ font-size:36px; line-height:1; padding:0; margin:0; font-weight:700;  }
h4, .h4{ font-size:26px; line-height:1; padding:0; margin:0; font-weight:400;  }
h5, .h5{ font-size:18px; line-height:1; padding:0; margin:0; font-weight:400;  } 
h6, .h6{ font-size:14px; line-height:1; padding:0; margin:0; font-weight:400;  } 

#page{ display:block; position: relative;  /*transition: transform 1000ms ease-out;*/	 }
#page.bgwhite{ background:#fff; }
.content{ display:block; position: relative; width:92.8125%; margin: 0 auto; }


.tb{ display:table; position: relative; width:100%; height:100%;  }
.tb > .tc{ display:table-cell; position: relative;  }
.tb > .tc.vtop{ vertical-align:top; }
.tb > .tc.vmid{ vertical-align:middle; }
.tb > .tc.vbtm{ vertical-align:bottom; }

#bxheader{   display:block; position: fixed; z-index:6999; background:#fff; width:100%; transition: ease 0.5s;  }

.headerbxtop{ display:block; position: relative; background:#30358e; height:56px; font-size:14px; z-index:999; transition: ease 0.5s;  }
.headerbxtop > .content{ height:100%;  } 
.headerbxtop > .content > .tb{ display:table; position:relative; width:100%; height:100%;  }
.headerbxtop > .content > .tb > .c1{ display:table-cell; position: relative; vertical-align:middle; text-align: right; }

.headerbxtop > .content > .tb > .c2{ display:table-cell; position: relative; width:102px; vertical-align: bottom; }
.headerbxtop > .content > .tb > .c2 > .bx{ display:block; position:relative; text-align:center; }
.headerbxtop > .content > .tb > .c2 > .bx > a{ display:inline-block; position: relative; border-bottom:#30358e solid 3px; padding:15px 0; color:#ffff; text-transform:uppercase; transition: ease 0.5s;  }
.headerbxtop > .content > .tb > .c2 > .bx > a.activ,
.headerbxtop > .content > .tb > .c2 > .bx > a:hover{ border-bottom-color:#fff; }

.headerbxtop > .content > .tb > .c3{ display:table-cell; position: relative; vertical-align:top; width: 126px; }
.headerbxtop > .content > .tb > .c3 > .bx{ display:table; position:relative; text-align:center; width:100%; height:100%; }
.headerbxtop > .content > .tb > .c3 > .bx > a{ display:table-cell; position: relative; background:#0078dd; color:#ffff; text-transform:uppercase; transition: ease 0.5s; vertical-align: middle; }
.headerbxtop > .content > .tb > .c3 > .bx > a.activ,
.headerbxtop > .content > .tb > .c3 > .bx > a:hover{ color:#30358e; background:#fff; }
.headerbxtop > .content > .tb > .c4{ display:table-cell; position: relative; vertical-align:middle; width:60px; text-align: right; }
.headerbxtop > .content > .tb > .c4 > div > a > img{ transition: ease 0.5s; }
.headerbxtop > .content > .tb > .cm{ display:none; }

/* search */
.searchbx{ display:block; position:relative; }
.bxsearch{ display:block; position:relative; width:318px; margin:0 0 0 auto; padding-right:9px; border-right:rgba(255,255,255,0.3) solid 1px;  }
.sb-search{ 
  display:inline-block; position:relative; top:0px; right:0; bottom:0px; width:0%; min-width:26px; height:36px; overflow:hidden; vertical-align:middle; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }
.sb-search-input {
  position:absolute; top:0; right:0; outline:none; background:none; font-family:inherit; color:#ffffff; 
  font-size:inherit; width:100%; height:100%; margin:0; z-index:20; padding:0px; border:#999999 solid 1px; border-radius:10px; text-indent:12px;  }
.sb-search-input::-webkit-input-placeholder{ color: #ffffff; }
.sb-search-input:-moz-placeholder{ color: #ffffff; }
.sb-search-input::-moz-placeholder{ color: #ffffff; }
.sb-search-input:-ms-input-placeholder{ color: #ffffff; }
.sb-icon-search,
.sb-search-submit{
	width:26px; height:100%; display:block; position:absolute; right:0; top:0; padding:0; margin:0;
	line-height:0px; text-align:center; cursor:pointer; }
.sb-search-submit {
	background: #e5e5e5; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity:0; color:transparent; border:none; outline:none; z-index:-1; }
.sb-icon-search{
	background:url("../img/icon-search.png") center no-repeat #30358e; z-index:90; 
	speak: none; font-style: normal; font-weight: normal; font-variant: normal;
	text-transform: none; -webkit-font-smoothing: antialiased; }
.sb-icon-search:before { }

.sb-search.sb-search-open,
.no-js .sb-search{ width:100%; }
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search{ background:url("../img/icon-search.png") center no-repeat; z-index:61; }
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit{ z-index: 90; }
/* end search */
 
.headerbxbtm{ display:block; position: relative; height:72px; font-size:14px; z-index:999; background:#fff; }
#bxnav{ display:block; position:relative; text-align: right;  }
#bxnav > ul{ position:relative; padding:0; margin:0; list-style:none; }
#bxnav > ul > li{ display:inline-block; position: relative; margin:0 0 0 26px;  }
#bxnav > ul > li > a{ display:block; position: relative; border-bottom:transparent solid 3px; padding:24px 0 20px; font-size:18px; font-weight:600; text-transform:uppercase;transition:ease 0.5s;  }
#bxnav > ul > li > a:hover{ color:#30358e; border-bottom-color:#30358e;  }
#bxnav > ul > li > a.activ{ color:#30358e; border-bottom-color:#30358e;  } 
#bxnav > ul > li > a.activx{ color:#30358e; border-bottom-color:#30358e;  } 

.bxlogo{ display:inline-block; position: absolute; top:23px; left:3.59375%; max-width:100%; z-index:1999;  }
.bxlogo > a{ display:block; position: relative; width:460px;    }
.bxlogo > a > img{ max-width:100%; transition: ease 0.5s;  }
 
.bxsearchmb{ display:none; }



.mproduct{ cursor:pointer; }
#navproduct{ display:none; }
.bxsubnav{ display:block; position:fixed; background:rgba(128,46,75,0.9); width:100%; z-index:599; top:0; overflow-y: auto;  }
.subnav{ display:block; position: relative; width:100%; padding:128px 0 36px; background:#fff; transition: ease 0.5s; }
.subnavpro{ display:block; position: relative; padding:75px 0 104px; width:96%; margin:0 auto; }
.subnavpro > .bx{ display:block; position: relative; }
.navprobx{ display:block; position: relative; vertical-align: top; width:12.5%; float:left; margin-bottom:26px; }
.navprobx > .bx{ display:block; position: relative; width:92%; margin:0 auto; }
.navprobx > .bx > .bximg{ display:table; position: relative; text-align: center; width:100%; height:171px;  }
.navprobx > .bx > .bximg > div{ display:table-cell; position:relative; width:100%; height:100%; vertical-align: middle; }
.navprobx > .bx > .bxname{ display:table; position: relative; width:100%; height:36px; }
.navprobx > .bx > .bxname > .bx{ display:table-cell; position: relative; text-align: center; vertical-align: middle; }
.navprobx > .bx > .bxname > .bx > h5{ font-weight:600; color:#30358e; }
.navprobx > .bx > .bxname > .bx > h5 > div{ font-size:12px; font-weight:400; }
.navprobx > .hover{ position: absolute; top:0; left:0; bottom:0; right:0; background:#fff; transition:ease 0.5s; opacity:0;  }
.navprobx > .hover > .tb{ display:table; position: relative; width:100%; height:100%;  }
.navprobx > .hover > .tb > .tc{ display:table-cell; position:relative; text-align: center; vertical-align: middle; }
.navprobx:hover > .hover{ opacity:1; }
 

 
#bxheader.fixtop .headerbxtop{ height:34px; font-size:13px; }
#bxheader.fixtop .headerbxtop > .content > .tb > .c2 > .bx > a{ padding:6px 0;  }
#bxheader.fixtop .headerbxtop > .content > .tb > .c4{ width:40px;  }
#bxheader.fixtop .headerbxtop > .content > .tb > .c4 > div > a > img{ max-width:26px;  }
#bxheader.fixtop .sb-search{   height:26px;  }

#bxheader.fixtop .headerbxbtm{ height:52px; font-size:13px;  }
#bxheader.fixtop #bxnav > ul > li{    }
#bxheader.fixtop #bxnav > ul > li > a{ padding:14px 0; font-size:16px; }
#bxheader.fixtop .bxlogo > a > img{ max-width:62%;  }
#bxheader.fixtop .subnav{ padding:86px 0 36px; }


.bxnavmb{ display:none; }
#bxnavmobile{ display:none; }

  
#bxhomeslide{ display:block; position: relative; height:90.5vh; }
#bxslide{ display:block; position:relative; width:100%; height:100%; }
.slidebx{ display:block; position:relative; width:100%; height:90.5vh; } 
.slidebxbg{ display:block; position:relative; width:100vw; height:90.5vh; background-size:cover!important;  } 
.slidebxbg iframe{ width:100%; height:100%; }
.slidebxbg > .slidebxx{ display:block; position:relative; padding-top: 128px;  }
.slidebxbg > .slidebxx > .tb{ display:table; position: relative; width:100%; height:69vh;  } 
.slidebxbg > .slidebxx > .tb > .bximg{ display:table-cell; position: relative; width:50%; vertical-align:middle;   }
.slidebxbg > .slidebxx > .tb > .bximg > .bx{ display:block; position:relative;   } 
.slidebxbg > .slidebxx > .tb > .bximg > .bx > img{ max-width:100%; max-height:100%;  }
.slidebxbg > .slidebxx > .tb > .bxtxt{ display:table-cell; position: relative; width:50%; vertical-align:middle; }
.slidebxbg > .slidebxx > .tb > .bxtxt > .bx{ display:block; position: relative; width:66%; margin:0 0 0 46px; text-align: left; color:#fff; margin-top:-26px;  }
.slidebxbg > .slidebxx > .tb > .bxtxt > .bx > .logo{ display:block; position: relative; padding:0 0 26px; }
.slidebxbg > .slidebxx > .tb > .bxtxt > .bx > .txt{ display:block; position: relative; padding:0 0 26px; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25); }
.slidebxbg > .slidebxx > .tb > .bxtxt > .bx > .link{ display:block; position: relative;   }

 

#bxhome{ display:block; position: relative; background: url("../img/bg-home.jpg") top center no-repeat;  }
#bxhomewelc{ display:block; position: relative; width:96.40625%; background: url("../img/bg-home-welc.png") top right no-repeat; padding:75px 0; color:#fff; top:-72px; z-index:6; margin-bottom:-72px; }
.bxhomewelc{ display:block; position: relative; width:52%; margin:0 auto; text-align: center; }
.bxhomewelc > h1{ display:block; position: relative; padding:0 0 42px; text-transform:uppercase; }
.bxhomewelc > h1 > div{ font-weight:400; }

#bxhomepro{ display:block; position: relative; width:96.40625%; background: url("../img/bg-home-tab-products.jpg") top right no-repeat #fff;  z-index:6;  }
#bxhomepro > .bxhead{ display:block; position: relative; width:92.5%; margin:0 auto; text-align: center; padding:52px 0 39px;  }
#bxhomepro > .bxhead > h3{ text-transform: uppercase; color:#30358e;  }
.bxtabscat{ display:block; position: relative;  }
.bxtabscat > .bximg{ display:block; position: relative; text-align: center; }
.bxtabscat > .bximg img{ max-height:142px; }
.bxtabscat > .bximg > .activ{ display:block; position:absolute; width:163px; height:163px; op:0px; left:0; z-index:-1; opacity:0;    }
.bxtabscat > .bxtxt{ display:block; position: relative; width:90%; margin:0 auto;  }
.bxtabscat > .bxtxt > .namebx{ display:block; position: relative; margin:0 0 16px;   }
.bxtabscat > .bxtxt > .namebx > span{ display:table; position: relative; width:112px; height:35px; background:#a3a3a3; margin:0 auto; border-radius:6px; color:#fff; }
.bxtabscat > .bxtxt > .namebx > span > h5{ display:table-cell; position: relative; width:100%; height: 100%; vertical-align: middle; font-weight:600; }
.bxtabscat > .bxtxt > .namebx > span > h5 > div{ font-size:12px; font-weight:400;  }
.bxtabscat > .bxtxt > .descbx{ display:block; position: relative; color:rgba(51,51,51,0.4);    }
.bxtabscat > .bxtxt > .descbx > h6{ line-height:1.3; }

.bxprocatinner{ display:block; position: relative;  background:#ebebeb;  }
.bxsliderpro{ display:block; position: relative; width:100%; }
.slidebxpro{ display:block; position: relative; width:100%;    }
.slidebxpro > .tb{ display:table; position: relative; width:100%; height:100%;  }
.slidebxpro > .tb > .c1{ display:table-cell; position:relative; width:68%; vertical-align: middle; }
.slidebxpro > .tb > .c1 > .bx{ display:block; position:relative; width:65%; margin:0 8.8% 0 auto; text-align: right; padding:26px 0;   }
.slidebxpro > .tb > .c1 > .bx > h1{ padding:0 0 26px; }
.slidebxpro > .tb > .c1 > .bx > .txt{ padding:0 0 39px; font-weight:600; text-transform: uppercase; }

.slidebxpro > .tb > .c2{ display:table-cell; position:relative; width:32%; vertical-align: middle; background-size: cover;  }
.slidebxpro > .tb > .c2 > .bx{ display:block; position: relative; width:100%; text-align: left;  }
.slidebxpro > .tb > .c2 > .bx > img{ width:100%; } 
.slidebxpro > .tb > .cm{ display:none; position:relative; width:36%; vertical-align: middle; background-size: cover;  }
.slidebxpro > .tb > .cm > .bx{ display:block; position: relative; width:100%; height:100%; text-align: left; }

.homeprocat{ display:block; position: relative; width:92%; margin:0 auto; max-width:1280px;   }
.homeprocatbx{ display:block; position: relative; text-align: center; }
.procatbx{ display:inline-flex; position: relative; width:19.5%; vertical-align: top; }
.procatbx > .bx{ display:block; position: relative; width:72%; margin: 0 auto; padding:0 0 36px;  }
.procatbx > .bx > .bxprocat{ display:block; position: relative;   }
.procatbx > .bx > .bxprocat > .bximg{ display:block; position: relative;  }
.procatbx > .bx > .bxprocat > .bximg > div{ display:block; position: relative; vertical-align: middle;   text-align: center;    }
.procatbx > .bx > .bxprocat > .bximg img{ max-height:100%; margin:0 auto; } 
.procatbx > .bx > .bxprocat > .bxtxt{ display:block; position: relative; width:90%; text-align: center; margin:0 auto; transition:ease 0.5s;   }
.procatbx > .bx > .bxprocat > .bxtxt > .namebx{ display:block; position: relative; margin:0 0 16px;   }
.procatbx > .bx > .bxprocat > .bxtxt > .namebx > span{ display:table; position: relative; width:112px; height:35px; background:#a3a3a3; margin:0 auto; border-radius:6px; color:#fff; }
.procatbx > .bx > .bxprocat > .bxtxt > .namebx > span > h5{ display:table-cell; position: relative; width:100%; height: 100%; vertical-align: middle; font-weight:600; }
.procatbx > .bx > .bxprocat > .bxtxt > .namebx > span > h5 > div{ font-size:12px; font-weight:400;  }
.procatbx > .bx > .bxprocat > .bxtxt > .descbx{ display:block; position: relative; color:rgba(51,51,51,0.4);    }
.procatbx > .bx > .bxprocat > .bxtxt > .descbx > h6{ line-height:1.3; }
.procatbx:hover > .bx > .bxprocat >.bxtxt{ -webkit-transform: translateY(-16px); transform: translateY(-16px); }


#bxhomeservice{ display:block; position: relative; height:650px; background: url("../img/bg-home-services.jpg") center no-repeat; background-size: cover; margin-top:-34px; z-index:5; color:#fff;    }
#bxhomeservice > .content{ height:100%;   }
#bxhomeservice > .content > .tb{ display:table; position: relative; width:100%; height:100%;  }
#bxhomeservice > .content > .tb > .tc{ display:table-cell; position: relative; vertical-align: middle; text-align:center; }
#bxhomeservice > .content > .tb > .tc > .bx{ display:block; position: relative; width:26%; margin:0 auto; }
#bxhomeservice > .content > .tb > .tc > .bx > h2{ text-transform:uppercase; padding:0 0 26px;  }
#bxhomeservice > .content > .tb > .tc > .bx > div{  padding:0 0 52px;  }




 
.bxhomeyt{ display:block; position: relative;  padding:46px 0; background:#080a2a;   }
#bxslideyt{ display:block; position: relative;   }
.bxslideryt{ display:block; position: relative; }
.slidebxyt{ display:block; position: relative;   } 
 


.bxiframe{ position:relative; overflow:hidden; padding-top:56.25%; width: 100%; height: 0;}
.bxiframe iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.bxiframe video{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }


#bxhomenews{ display:block; position: relative; background:#070929; }
.bxhomenews{ display:block; position: relative; width:96.40625%; background:#30358e; margin:0 0 0 auto; z-index:6; padding:46px 0; color:#fff;   }
.homenewsbx{ display:block; position: relative; width: 86.87%; margin:0 auto; }
.homenewsbx > h3{ display:block; position: relative; text-transform:uppercase; padding:0 0 36px; }

.lastnewsbx{ display:block; position: relative; }
.lastnewsbx > a{ display:block; position: relative; width:30%; margin-right:5%; float: left; color:#fff; }
.lastnewsbx > a:nth-child(3){ margin-right:0;}
.lastnewsbx > a > .bx{ display:block; position: relative; }
.lastnewsbx > a > .bx > .bximg{ display:block; position: relative; overflow:hidden; }
.lastnewsbx > a > .bx > .bximg > img{ width:100%; transition:ease 0.5s; }
.lastnewsbx > a > .bx > .bxtxt{ display:block; position: relative; padding:26px 0 26px; }
.lastnewsbx > a > .bx > .bxtxt > .date{ display:block; position: relative; padding:0 0 20px;  }
.lastnewsbx > a > .bx > .bxtxt > .subj{ display:block; position: relative;  }
.lastnewsbx > a > .bx > .bxtxt > .subj > .desc{ font-weight:300; padding:13px 0 0; line-height:1.4;  }
.lastnewsbx > a > .bx > .bxicon{ display:block; position: relative;  }
.lastnewsbx > a > .bx > .bxicon > .icon{ display:block; position: relative; width:52px; height: 52px; background: url("../img/icon-arrow-right-white.png") center no-repeat; background-color:#0078dd; transition: ease 0.5s;  }

.lastnewsbx > a:hover > .bx > .bximg > img{ transform: scale(1.1);  }
.lastnewsbx > a:hover > .bx > .bxicon > .icon{ background-color:#1c1c1c; }



.bxleadinner{ display:block; position: relative; height: 362px;  }
.bxleadinner.leadproducts{ background: url("../img/lead-products.jpg") center no-repeat; background-size:cover; }
.bxleadinner.leadservices{ background: url("../img/lead-services.jpg") center no-repeat; background-size:cover; }
.bxleadinner.leadcareers{ background: url("../img/lead-careers.jpg") center no-repeat; background-size:cover; }


.bxleadinner > .tb{ display:table; position: relative; width:100%; height: 100%; padding:128px 0 0;  }
.bxleadinner > .tb > .tc{ display:table-cell; position: relative; vertical-align: middle; text-align: center; }
.leadinnerbx{ display:block; position: relative;  }
.leadinnerbx > h2{ color:#fff; text-transform:uppercase; }
.leadinnerbx > h2 > div{ font-size:20px; font-weight:400; text-transform: none; }

.bxproduct{ display:block; position: relative; padding:39px 0 0; background:#fff; overflow:hidden; }
.productbx{ display:block; position: relative;  }
.productbx > .bximg{ display:block; position: absolute; width:40%; z-index:16; top:0; height:100%; }
.productbx > .bximg > div{ display:block; position:relative; width:100%; height:100%; text-align: center;  }
.productbx > .bximg img{ max-height:100%;  }
.productbx > .bxtxt{ display:block; position: relative; width:62%; }
.productbx > .bxtxt > .bx{ display:block; position: relative; width:80%; margin:0 auto; padding:60px 0 90px;  }
.productbx > .bxtxt > .bx > .numpro{ display:block; position:relative; text-align:right; font-weight:700; color:#0078dd;  }
.productbx > .bxtxt > .bx > .numpro > span{ color:#333333;}
.productbx > .bxtxt > .bx > .txtbx{ display:block; position: relative; padding:36px 0 0; }
.productbx > .bxtxt > .bx > .txtbx > h1{ font-weight:600; padding:0 0 26px; text-transform:uppercase; }
.productbx > .bxtxt > .bx > .txtbx > .txt{ display:block; position: relative; padding:0 0 26px;  }
.productbx > .bxtxt > .bx > .txtbx > .txt > .txt-sb{ font-weight:600; padding:0 0 16px; text-transform:uppercase; }
.productbx > .bxtxt > .bx > .txtbx > .txt ul{ padding:0 0 0 15px; margin:0;   }
.productbx > .bxtxt > .bx > .txtbx > .catalogbx{ display:block; position: relative; padding:0 0 26px; }
.productbx > .bxtxt > .bx > .txtbx > .catalogbx > .txth{ text-transform:uppercase; font-weight:600; padding:0 0 16px;   }
.productbx > .bxtxt > .bx > .txtbx > .catalogbx > .link{ display:block; position: relative; }
.productbx > .bxtxt > .bx > .txtbx > .catalogbx > .link > div{ display:block; position: relative; } 
.productbx > .bxtxt > .bx > .txtbx > .catalogbx > .link > div > a.btndownload{ height: auto; font-weight:400; margin-bottom:16px; }
.productbx > .bxtxt > .bx > .txtbx > .catalogbx > .link > div > a.btndownload > span{ height:25px;  }
.productbx > .bxtxt > .bx > .txtbx > .catalogbx > .link > div > a.btndownload > span > .icon{ width:36px; height:25px;  background:url("../img/icon-download.png") left no-repeat; } 
.productbx > .bxtxt > .bx > .txtbx > .catalogbx > .link > div > a.btndownload:hover > span > .icon{ background:url("../img/icon-download-blue.png") left no-repeat; }


.productbx > .bxtxt > .bx > .txtbx > .link{ display:block; position: relative;  }
.productbx > .bxtxt > .bx > .txtbx > .link > span{ display:inline-block; position: relative; vertical-align: middle; margin-right:9px; }
.productbx > .bxtxt > .bx > .txtbx > .link > span:nth-child(3){ margin-right:0; } 

.productbx.one > .bximg{ right:3.59375%;   }
.productbx.one > .bxtxt{ background:#ebebeb; }

.productbx.two{ margin:-39px 0; z-index:9; }
.productbx.two > .bximg{ left:3.59375%; text-align: right; }
.productbx.two > .bxtxt{ background:#fff;  margin:0 0 0 auto; }

 

.pageservices{ display:block; position: relative; padding:0 0 104px; background:url("../img/bg-services.jpg") top center  repeat;  }
.bxservicestop{ display:block; position: relative; width:36%;  margin:0 auto; padding:75px 0; text-align: center; line-height:1.5; }
.bxservicestop > h3{ font-weight:600; }
.bxservicestop > b{ font-weight:600; }

.servicesbxtab{ display:block; position: relative;  background:#30358e; padding:52px 0 0; color:#fff;  }
.servicesbx{ display:block; position: relative; width: 96.40625%; margin:0 0 0 auto; text-align: left; }
.servicesbx > .bxtxt{ display:block; position: relative; width:35%; float:left; }
.servicesbx > .bxtxt > .bx{ display:block; position: relative; width:96%; padding:75px 0 26px; }
.servicesbx > .bxtxt h1{ text-transform: uppercase; font-weight:600; }
.servicesbx > .bximg{ display:block; position: relative; width:65%; float:left; }
.servicesbx > .bximg > .bxgallery{ display:block; position: relative;  margin-bottom:-34px;   }
.slidebxgall{ display:block; position: relative;  text-align:center;   }
.slidebxgall > img{ width:auto !important;  max-height:600px;  text-align:center; margin:0 auto; cursor:url("../img/icon-pause.cur"),auto;   }
.slidebxgall > .bxdesc{ display:block; position: absolute; bottom:0; width:100%;  }
.slidebxgall > .bxdesc > .bx{ display:inline-block; position: relative; background: rgba(48,53,142,0.9); padding:20px ; text-align: left; }
.slidebxgall > .bxdesc > .bx > h5{ font-weight:700; }

/*.slidebxgall > .bxdesc{ display:block; position: absolute; bottom:79px; width: 56.875%;  }
.slidebxgall > .bxdesc.bxr{ right:0;  }
.slidebxgall > .bxdesc.bxl{ left:0; }*/
 

.leadwhoweare{ display:block; position: relative; height:100vh; background:url("../img/lead-whoweare.jpg") center no-repeat; background-size:cover; color:#fff; }
.leadwhoweare > .tb{ display:table; position:relative; width:100%; height:100%;  }
.leadwhoweare > .tb > .tc{ display:table-cell; position: relative; text-align: center; vertical-align: middle; }
.leadwhoweare > .tb > .tc > .content > .bxtxt{ display:block; position: relative; width:95%; margin:0 auto; }
.leadwhoweare h5{ display:block; position: relative; text-transform:uppercase; padding:0 0 52px; font-weight:600;  }
.leadwhoweare h3{ font-weight:400; line-height:1.3 }
.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;    }

.bxwhowearepro{ display:block; position: relative;  }
.bxwwapro{ display:block; position: relative; background: url("../img/bg-tab-products-wwa.jpg") top center no-repeat; margin-top:-52px;  }
.bxwwapro h3{ display:block; position: relative;  text-align: center; padding:52px 0 39px; text-transform: uppercase; color:#30358e; z-index:9;   }
.wwproduct{ display:block; position: relative; text-align: center; padding:0 0 52px; max-width:1280px; margin:0 auto; }
/*.wwproduct > a{ display:inline-flex; position: relative; width:13.5%; vertical-align: top;  } 
.wwproduct > a .bxtabscat{ margin:0 auto; }
.wwproduct > a .bxtabscat > .bxtxt{ transition: all .2s ease; } 
.wwproduct > a .bxtabscat > .bxtxt > .namebx > span{   background:#30358e;  } 
.wwproduct > a .bxtabscat > .bxtxt > .descbx{ color:#333;    }
.wwproduct > a:hover .bxtabscat > .bxtxt{ -webkit-transform: translateY(-16px); transform: translateY(-16px); }*/
 

.pagenews{ display:block; position: relative; padding:128px 0 0;  }
.pagenews .content{ width:88.125%; }
.bxnewstop{  display:block; position: relative; background: url("../img/bg-newstop.jpg") center no-repeat; background-size:cover; padding:60px 0 52px; color:#fff; }
.bxnewstop h3{ display:block; position: relative; text-transform: uppercase; padding:0 0 36px; }
/*.bxnewstop a{ display:block; position: relative; color:#fff; } 
.bxnewstop a > .bximg{ display:block; position: relative; width:53%; float:left; }
.bxnewstop a > .bximg > .imgbx{ display:block; position: relative; width:89%; overflow:hidden;  }
.bxnewstop a > .bximg > .imgbx > img{ width:100%; transition:ease 0.5s;  }
.bxnewstop a > .bxtxt{ display:block; position: relative; width:47%; float:left;  }
.bxnewstop a > .bxtxt > .bx{ display:block; position: relative;  }
.bxnewstop a > .bxtxt > .bx > .namebx{ display:block; position: relative; padding: 0 0 32px; }
.bxnewstop a > .bxtxt > .bx > .namebx > .desc{ font-weight:300; padding:13px 0 0; }
.bxnewstop a > .bxtxt > .bx > .iconbx{ display:block; position: relative;  }
.bxnewstop a > .bxtxt > .bx > .iconbx{ display:block; position: relative; width:52px; height: 52px; background: url("../img/icon-arrow-right-white.png") center no-repeat; background-color:#0078dd; transition: ease 0.5s;  }
.bxnewstop a:hover > .bximg > .imgbx > img{ transform: scale(1.1);  }
.bxnewstop a:hover > .bxtxt > .bx > .iconbx{ background-color:#1c1c1c; }*/

.bxnewstop .newsbxtop{ display:block; position: relative; color:#fff; margin:0 0 39px; }
.bxnewstop .newsbxtop:last-child{ margin:0 0 0; }
.bxnewstop .newsbxtop > .bx{ display:table; position: relative; width:100%;  }
.bxnewstop .newsbxtop > .bx > .bximg{ display:table-cell; position: relative; width:276px; vertical-align: top;  }
.bxnewstop .newsbxtop > .bx > .bximg > .imgbx{ display:block; position: relative; max-width:240px;  overflow:hidden;  }
.bxnewstop .newsbxtop > .bx > .bximg > .imgbx > img{ width:100%; transition:ease 0.5s;  }
.bxnewstop .newsbxtop > .bx > .bxtxt{ display:table-cell; position: relative; vertical-align: top; }
.bxnewstop .newsbxtop > .bx > .bxtxt > .datebx{ display:block; position: relative;   }
.bxnewstop .newsbxtop > .bx > .bxtxt > .txtbx{ display:block; position: relative;  }
.bxnewstop .newsbxtop > .bx > .bxtxt > .txtbx > .desc{ font-weight:300; line-height:1.3; padding:13px 0 0;    }
.bxnewstop .newsbxtop > .bx > .bxtxt > .iconbx{ display:block; position: relative; margin:29px 0 0;   }
.bxnewstop .newsbxtop > .bx > .bxtxt > .iconbx > .icon{ display:block; position: relative; width:52px; height: 52px; background: url("../img/icon-arrow-right-white.png") center no-repeat; background-color:#0078dd; transition: ease 0.5s;  }
 
.bxnewstop .newsbxtop:hover > .bx > .bximg > .imgbx  > img{ transform: scale(1.1);  }
.bxnewstop .newsbxtop:hover > .bx > .bxtxt > .iconbx > .icon{ background-color:#1c1c1c; }


.bxnewsbtm{  display:block; position: relative; padding:65px 0 78px;  }
.bxnewsfilter{ display:block; position: relative; background:#011143; padding: 26px; color:#fff; margin:0 0 52px;  }
.bxnewsfilter > .bx{ display:block; position: relative; }
.bxnewsfilter > .bx > .c1{ display:block; position: relative; float: left;  }
.bxnewsfilter > .bx > .c2{ display:block; position: relative; float: right; text-align: right; }


.newssearchform{ display:block; position: relative;  }
.newssearchform input[type=text]{ 
  display:inline-block; position:relative; width:235px; background: transparent; border: none;  
  border-bottom:#999999 solid 1px; color:inherit; font-family: inherit; font-size:inherit; margin-right:6px; }
.newssearchform input[type=text]:focus{ border-bottom:#fff solid 1px; }  
.newssearchform input[type=submit]{ 
  display:inline-block; position: relative; width:18px; height: 18px; border: none; background: url(../img/icon-search.png) no-repeat; background-size:100%; cursor: pointer; }
.newssearch{ display:block; position: relative; }
.newssearch span{ margin-right:6px; font-weight:600;  }


.newsselform{ display:block; position: relative; }
.newsselform > .selectbx{ display:block; position: relative; }
.newsselform > .selectbx span{ margin-right:6px; font-weight:600; } 
.newsselform .selbx select {
   background:transparent; color:#0078dd; padding:0; width:106px; border:none; cursor:pointer; font-family: inherit; font-size:inherit;  }
.newsselform .selbx option {
   border:none !important; background:none; padding:0px; color:inherit; font-family: inherit; font-size:inherit;   }
.newsselform .selbx{
   display:inline-block; position: relative;  width:90px; border-bottom:#999 solid 1px; overflow: hidden; cursor:pointer; background: url(../img/sel.png) right no-repeat; vertical-align: middle;   }


.bxnewslist{ display:block; position: relative; }
a.newsbx{ display:inline-flex; position: relative; width:28%; margin-right:7.4%; vertical-align: top; background:#fff; margin-bottom:65px; transition: ease 0.5s;  }
/*a.newsbx:nth-child(3n){ margin-right:0!important;  }*/
a.newsbx.mrnone{ margin-right:0!important;  }
a.newsbx > .bx{ display:block; position: relative; width:100%; }
a.newsbx > .bx > .bximg{ display:block; position: relative; overflow:hidden; }
a.newsbx > .bx > .bximg > img{ width:100%; transition:ease 0.5s; }
a.newsbx > .bx > .bxtxt{ display:block; position: relative; padding:26px 26px 39px;}
a.newsbx > .bx > .bxtxt > .datebx{ display:block; position: relative; color:#30358e; padding:0 0 20px;   }
a.newsbx > .bx > .bxtxt > .txtbx{ display:block; position: relative; height:122px;  overflow:hidden;   }
a.newsbx > .bx > .bxtxt > .txtbx > .desc{ font-weight:300; line-height:1.3; padding:13px 0 0;    }
a.newsbx > .bx > .bxtxt > .txtbx > .desc ul,
a.newsbx > .bx > .bxtxt > .txtbx > .desc ol{ padding:0 0 0 15px; }
a.newsbx > .bx > .bxtxt > .iconbx{ display:block; position: relative; margin:26px 0 0;   }
a.newsbx > .bx > .bxtxt > .iconbx > .icon{ display:block; position: relative; width:52px; height: 52px; background: url("../img/icon-arrow-right-white.png") center no-repeat; background-color:#0078dd; transition: ease 0.5s;  }

a.newsbx:hover{ box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.2); }
a.newsbx:hover > .bx > .bximg > img{ transform: scale(1.1);  }
a.newsbx:hover > .bx > .bxtxt > .iconbx > .icon{ background-color:#1c1c1c; }

.bxbtnmore{ display:block; position: relative; text-align: center; }

.bxnewstop.newsde{  padding:65px 0 0; }
.bxnewsde{ display:block; position: relative; width:71%; margin:0 auto; max-width:910px;  }
.bxnewsde > .bximg{ display:block; position:relative; z-index:6; border:transparent solid 1px; }
.bxnewsde > .bximg > .owl-carousel{ display:block; position:relative; margin-bottom: -34px; }
.bxnewsde > .bximg > img{ width:100%; }

.newsdesubj{ display:block; position: relative; padding:74px 0 36px;  }
.newsdesubj .date{ display:block; position: relative; color:#30358e; }
.newsdetail{ display:block; position: relative; padding:52px 0 75px; background:#fff;  }
.bxback{ display:block; position:relative; padding:46px 0 0; }


.pagecontact{ display:block; position: relative; padding:128px 0 0;   }
.bxcontactgg{ display:block; position: relative; height:600px;  }
.bxcontactgg iframe{ width:100%; height: 100%;  }
.pagecontact > .content{ width:88.125%;  }
.bxcontact{ display:block; position: relative;  }
.bxcontact > .bxl{ display:block; position: relative; width:38%; float: left;  }
.bxcontact > .bxr{ display:block; position: relative; width:62%; float: left; }
 
.bxaddress{ display:block; position: relative; padding:65px 0; width:78%;   }
.bxaddress h3{ display:block; position: relative; text-transform:uppercase; color:#30358e; font-weight:600; padding:0 0 36px; }
.bxaddress h5{ text-transform:uppercase; font-weight:600;  }
.bxaddress h5.bxh{ padding:0 0 26px; }
.bxaddress > .bxtxt{ display:block; position: relative; padding:0 0 26px;    } 
.bxaddress a{ transition:0.5s ease; } 
.bxaddress a:hover{ color:#30358e; }

.bxcontactform{ display:block; position: relative; background:#fff; box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.1); padding:52px 0; margin:-52px 0 -26px; z-index:6;   }
.contactformbx{ display:block; position: relative; width:88.5%; margin:0 auto; }
.contactformbx > h3{ display:block; position: relative; text-transform:uppercase; color:#30358e; font-weight:600; padding:0 0 20px; }
.contactformbx > .txttop{ display:block; position: relative; width:79%; padding:0 0 36px;   }

.contactbx{ display:block; position: relative; margin:0 0 26px;  }
.contactbx.bxlast{ margin-top:13px; }
.contactbx > .bxl{ display:block; position: relative; float:left; width:48%; }
.contactbx > .bxr{ display:block; position: relative; float:right;  width:48%; }
.contactbx > .bxf{ display:block; position: relative; width:100%; }

.contactbx > .bxl > .bx,
.contactbx > .bxr > .bx,
.contactbx > .bxf > .bx{ display:block; position: relative; padding:20px 0 0;  }

#contactform{ display:block; position:relative; margin:0; font-family:inherit; font-size:inherit; color:inherit;   } 
#contactform input{
  display:block; position:relative; width:100%; font-family:inherit; font-size:inherit; color:inherit;
  border:none; border-bottom:#e5e5e5 solid 2px; padding:6px 10px; }
#contactform input[type=text]{     }
#contactform textarea{ 
  display:block; position:relative; width:100%; font-family:inherit; font-size:inherit; color:inherit;
  border:none; border-bottom:#e5e5e5 solid 2px; padding:6px 10px;  height:90px; resize: none; }


#contactform input[type=submit]{ display:block; position: relative; width:185px; background:#0078dd url("../img/btn-submit.png") left no-repeat; color:#fff; height: 52px; transition: ease  0.4s all; font-family:inherit; font-weight:600; border: none; text-indent:52px; cursor: pointer; }
#contactform input[type=submit]:hover{ background-position:right; text-indent:-52px;  }
#contactform input[type=submit]:disabled { opacity:0.2; cursor:no-drop; background-position:left; text-indent:52px;  }
 
 
#contactform input:focus{ border-bottom-color:#b2b2b2;  }  
#contactform textarea:focus{  border-bottom-color:#b2b2b2;   }  

#contactform .placeholder{ position: absolute; top:0; padding:0; margin:0; pointer-events: none; color:#b9b9b9; }
#contactform .placeholder.txta{ bottom:90px; }
#contactform .input:focus ~ .placeholder { color: #333; }
 

#contactform label.error{ display:block; position:relative; padding:0; color:#ff0000; font-size:13px; font-style:italic; text-align: left; font-weight:300; }
#contactform input.error, #contactform textarea.error{ border-bottom-color:#ff0000;   }


.g-recaptcha > div{  margin:20px auto 0; }



.pagecareers{ display:block; position: relative; }
.bxcareertxttop{ display:block; position: relative; max-width:536px; margin:0 auto; text-align: center; padding:75px 0; line-height:1.5;   }

.bxcareers{ display:block; position:relative; background:#fff; }
.bxcareers > .bxwhite{ display:block; position: relative; width:50%; float:left; padding:52px 0; }
.bxcareers > .bxwhite > .bx{ display:block; position: relative; width: 92.8125%; margin:0 0 0 auto; }
.careeraddbx{ display:block; position: relative; width:90%; margin:0 auto; }
.careeraddbx > .bx{ display:block; position: relative; margin:0 0 36px;  }
.careeraddbx > .bx:nth-child(2){ margin:0;  }
.careeraddbx > .bx > h3{ font-weight:600; color:#30358e; padding:0 0 36px;  }
.careeraddbx > .bx > .tb{ display:table; position: relative; width:100%; }
.careeraddbx > .bx > .tb > .tc1{ display:table-cell; position: relative; width:172px; vertical-align: top; font-weight:600; text-transform: uppercase; }
.careeraddbx > .bx > .tb > .tc{ display:table-cell; position: relative; width:9px;  vertical-align: top;   }
.careeraddbx > .bx > .tb > .tc2{ display:table-cell; position: relative; vertical-align: top;   }


.bxcareers > .bxblue{ display:block; position: relative; width:50%; float:left; background:#30358e; color:#fff; margin:-52px 0 -26px; z-index:6; padding:104px 0 75px; min-height:712px;   }
.bxcareers > .bxblue > .bx{ display:block; position: relative; width: 84.6875%; margin:0 7.1875% 0 auto; }

.careerbxlist{ display:block; position: relative; padding:0 0 36px; }
a.careerbx{ display:block; position: relative; background:#fff; padding:20px; margin-bottom:2px; transition: ease 0.5s; }
a.careerbx > .bx{ display:block; position: relative; }
a.careerbx > .bx > .tb{ display:table; position: relative; width:100%;  }
a.careerbx > .bx > .tb > .tc1{ display:table-cell; position: relative; vertical-align:middle; }
a.careerbx > .bx > .tb > .tc1 > .bx{ display:block; position: relative; -webkit-transform: translateX(0); transform: translateX(0); margin-left:6px; transition: all .2s ease;  }
a.careerbx > .bx > .tb > .tc1 > .bx > h5{ font-weight:700; color:#30358e; }
a.careerbx > .bx > .tb > .tc2{ display:table-cell; position: relative; vertical-align:middle; width:52px;  }
a.careerbx > .bx > .tb > .tc2 > .icon{ display:block; position: relative; background:#0078dd url("../img/icon-arrow-right-white.png") center no-repeat; width:52px; height: 52px; transition: ease 0.5s; }
a.careerbx:hover{ box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3); }
a.careerbx:hover > .bx > .tb > .tc1 > .bx{  -webkit-transform: translateX(13px); transform: translateX(13px);   }
a.careerbx:hover > .bx > .tb > .tc2 > .icon{ background-color:#000;  }

.careerbxtxt{ display:block; position: relative; }
.careerbxtxt > h3{ font-weight:400;  padding:0 0 36px;  }
.careerbxtxt > .bxtxt{ display:block; position: relative; }
.careerbxtxt > .bxtxt > b{ font-weight:600; }
.careerbxtxt > .bxtxt > a{ color:#0078dd; transition: ease 0.5s; }
.careerbxtxt > .bxtxt > a:hover{ color:#999999; }

.bxcareerde{ display:block; position: relative; width:70.70%; margin:0 auto; }
.bxcareerdeh{ display:block; position: relative; padding:60px 0 75px; }
.bxcareerdeh > h3 > div{ font-weight:400; }

.bxcareerwhite{ display:block; position: relative; background:#fff; padding:39px 0 65px;  }
.careerdebx{ display:block; position: relative; padding:0 0 52px; }
.careerdebx > .txth{ display:block; position: relative; font-weight:600; padding:0 0 26px; }
.careerdebx ul{ margin:0; padding:0 0 0 15px; }
.careerdebxblue{ display:block; position: relative; max-width:640px; background:#30358e; color:#fff; padding:52px; }
.careerdebxblue > b{ font-weight:600; }
.careerdebxblue > a{ color:#0078dd; transition: ease 0.5s; }
.careerdebxblue > a:hover{ color:#999999; }

.bxcareerdeback{ display:block; position: relative; padding:39px 0 79px; }


.pagesearch{ display:block; position: relative; padding:128px 0 0;  }
.bxsearchtop{  display:block; position: relative; background: url("../img/bg-newstop.jpg") center no-repeat; background-size:cover; color:#fff; padding:65px 0; text-align: center; text-transform:uppercase; }
.bxsearchpro{ display:block; position: relative; width:88.125%; margin: 0 auto; }
.searchprobx{ display:inline-flex; position: relative; width:24%; vertical-align: top; }
.searchprobx > .bx{ display:block; position: relative; width:72%; margin:0 auto; padding:36px 0; text-align: center;}
.searchprobx > .bx > .bximg{ display:block; position: relative;  height:162px;  }
.searchprobx > .bx > .bximg > img{ max-height:100%; }
.searchprobx > .bx > .bxlogo{ display:block; position: relative; height:62px; margin-bottom:20px; }
.searchprobx > .bx > .bxlogo > img{ max-height:100%; }
.searchprobx > .bx > .bxname{ display:block; position: relative; font-weight:600;   }
.searchprobx > .bx > .bxdesc{ display:block; position: relative; }


.bxprorq{ display:block; position: relative; max-width: 620px; margin:0 auto; padding:52px 0;  }
.bxprorq > .bxtxttop{ display:block; position: relative; padding:0 0 26px; }
.bxprorq > .bxtxttop > h3{ font-weight:600; text-transform:uppercase; color:#30358e; padding:0 0 10px;  }



#bxfooter{ display:block; position: relative; background:#070929; padding:52px 0;  } 

.bxfooter{ display:block; position: relative; color:#d1d1d1; }
.bxfooter > .tb{ display:table; position: relative; width:100%; }
.bxfooter > .tb > .c1{ display:table-cell; position: relative; width:68%; vertical-align: top; }
.bxfooter > .tb > .c2{ display:table-cell; position: relative; width:32%; vertical-align: top; }
.bxfooter > .tb > .c1 > .bx{ display:block; position: relative; width:96%; }
.bxfooter > .tb > .c1 > .bx > h5{ color:#fff; font-weight:700; text-transform:uppercase; display:block; position: relative; padding:0 0 26px; }
.bxfooter > .tb > .c1 > .bx > .tb{ display:table; position: relative; width:100%;  padding:26px 0 0;  }
.bxfooter > .tb > .c1 > .bx > .tb > .tc{ display:table-cell; position: relative; vertical-align: top; }
.bxfooter > .tb > .c1 > .bx > .tb > .tc:nth-child(1){ width:163px; }
.bxfooter > .tb > .c1 > .bx > .tb > .tc:nth-child(2){ width:220px; }
.bxfooter > .tb > .c1 > .bx > .tb > .tc:nth-child(3){   }
.bxfooter > .tb > .c1 > .bx > .tb > .tc > h3{ color:#0078dd; font-weight:700; text-transform:uppercase; }
.bxfooter > .tb > .c1 > .bx > .tb > .tc a{ color:#d1d1d1; transition: ease 0.5s;  }
.bxfooter > .tb > .c1 > .bx > .tb > .tc a:hover{ color:#0078dd; }


.footerlink{ display:block; position: relative; }
.footerlink > .tb{ display:table; position: relative; width:100%; }
.footerlink > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; width:200px; }
.footerlink > .tb > .c2{ display:table-cell; position: relative; vertical-align: top;  }
.footerlink .linkbx{ display:block; position: relative; padding:0 0 16px; }

.bxfooter > .tbbtm{ display:table; position: relative; width:100%; }
.bxfooter > .tbbtm > .c1{ display:table-cell; position: relative; width:50%; vertical-align: bottom; }
.bxfooter > .tbbtm > .c2{ display:table-cell; position: relative; width:100%; vertical-align: bottom; }
.bxfooter a{ color:#d1d1d1; transition: ease 0.5s; }
.bxfooter a:hover{ color:#666666; }
.copy{ display:block; position: relative; font-size:14px; margin-top:-14px; }

.bxsocial{ display:block; position:relative; text-align:right; }
a.btnfb{ display:inline-block; position: relative; width:40px; height:40px; background: url("../img/btn-fb.png") no-repeat #070929; background-size:100%; margin:0 0 0 20px; }
a.btnfb > span{ position:absolute; top:0; bottom:0; left:0; right:0; background: url("../img/btn-fb-hover.png") no-repeat #070929; background-size:100%; transition: ease 0.5s; opacity:0; }
a.btnfb:hover > span{ opacity:1; }
a.btnig{ display:inline-block; position: relative; width:40px; height:40px; background: url("../img/btn-ig.png") no-repeat #070929; background-size:100%; margin:0 0 0 20px; }
a.btnig > span{ position:absolute; top:0; bottom:0; left:0; right:0; background: url("../img/btn-ig-hover.png") no-repeat #070929; background-size:100%; transition: ease 0.5s; opacity:0; }
a.btnig:hover > span{ opacity:1; }
a.btnline{ display:inline-block; position: relative; width:40px; height:40px; background: url("../img/btn-line.png") no-repeat #070929; background-size:100%; margin:0 0 0 20px; }
a.btnline > span{ position:absolute; top:0; bottom:0; left:0; right:0; background: url("../img/btn-line-hover.png") no-repeat #070929; background-size:100%; transition: ease 0.5s; opacity:0; }
a.btnline:hover > span{ opacity:1; }
 



a.btnbx{ display:inline-block; position: relative; width:185px; background:#0078dd; color:#fff; height: 52px; transition: ease  0.4s all; cursor: pointer; font-weight:600; text-transform: uppercase; vertical-align: middle;}
a.btnbx > span{ 
  display:table-cell; position: relative; width: 185px; height:52px; vertical-align: middle; }
a.btnbx > span > .icon{ 
  position:absolute; top:0; left:0; bottom:0; width:52px; z-index:3; transition: ease  0.4s all;
  background: #000 url("../img/icon-arrow-right-white.png") center no-repeat;  transform: translateX(0px); }
a.btnbx > span > .icon.down{ 
  position:absolute; top:0; left:0; bottom:0; width:52px; z-index:3; transition: ease  0.4s all;
  background: #000 url("../img/icon-arrow-down-white.png") center no-repeat;  transform: translateX(0px); }
a.btnbx > span > .icon.back{ 
  position:absolute; top:0; left:0; bottom:0; width:52px; z-index:3; transition: ease  0.4s all;
  background: #000 url("../img/icon-arrow-left-white.png") center no-repeat;  transform: translateX(0px); }
a.btnbx > span > .txt{ display:block; position:relative; padding:0 10px; transition: ease  0.4s all; transform: translateX(52px); width: 133px; text-align: center; }
a.btnbx:hover > span > .txt{ transform: translateX(0px); }
a.btnbx:hover > span > .icon{ transform: translateX(133px); }


a.btnbx.w200{ width:200px; }
a.btnbx.w200 > span{ width: 200px; }
a.btnbx.w200 > span > .txt{  width: 148px;  } 
a.btnbx.w200:hover > span > .icon{ transform: translateX(148px); }

a.btnbx.w224{ width:224px; }
a.btnbx.w224 > span{ width: 224px; }
a.btnbx.w224 > span > .txt{  width: 172px;  } 
a.btnbx.w224:hover > span > .icon{ transform: translateX(172px); }


a.btnbxblue{ display:inline-block; position: relative; width:212px; border:#0078dd solid 1px; color:#333333; height: 52px; transition: ease  0.4s all; cursor: pointer; font-weight:600; text-transform: uppercase; vertical-align: middle; }
a.btnbxblue > span{ 
  display:table-cell; position: relative; width: 212px; height:52px; vertical-align: middle; }
a.btnbxblue > span > .icon{ 
  display:inline-block; width:43px; height:52px; transition: ease  0.4s all;  background:url("../img/icon-arrow-right-black.png") center no-repeat; vertical-align: middle; }
a.btnbxblue > span > .txt{ display:inline-block; position:relative; padding:0; text-align: left;  }
a.btnbxblue:hover{ background:#0078dd; color:#fff; }
a.btnbxblue:hover > span > .icon{ background:url("../img/icon-arrow-right-white.png") center no-repeat; }

a.btndownload{ display:inline-block; position: relative; color:#333333; height: 52px; transition: ease  0.4s all; cursor: pointer; font-weight:600; text-transform: uppercase; vertical-align: middle; }
a.btndownload > span{ 
  display:table-cell; position: relative; height:52px; vertical-align: middle; }
a.btndownload > span > .icon{ 
  display:inline-block; width:46px; height:52px; transition: ease  0.4s all;  background:url("../img/icon-download.png") center no-repeat; vertical-align: middle; }
a.btndownload > span > .txt{ display:inline-block; position:relative; padding:0; text-align: left;  }
a.btndownload:hover{ color:#0078dd; }
a.btndownload:hover > span > .icon{ background:url("../img/icon-download-blue.png") center no-repeat; }


#ppaudio{ position:fixed; bottom:10px; right:66px; z-index:66; width:46px; height:46px; background:#fff url("../img/play-01.svg") center no-repeat; background-size:52%;  border-radius:50%; cursor: pointer; border:none; }
#ppaudio.atv{ background:#fff url("../img/stop-01.svg") center no-repeat; background-size:52%; }	


#topcontrol{ z-index:199;  }
#btntop{ display:block; position: relative; width:46px; height:46px; background:#cccccc; text-align: center; bottom:10px; right:10px; border-radius:50%;   }
#btntop > span{ 
 display:inline-block; position: relative; width:9px; height:6px; background: url("../img/icon-top.png") no-repeat;  
 -webkit-transform: translateY(10px); transform: translateY(10px); transition: all .2s ease; background-size:100%;  }
#btntop:hover > span{  -webkit-transform: translateY(6px); transform: translateY(6px); }