@charset "utf-8";body{color: #333333;font-size: 0.75rem;margin: 0;-webkit-text-size-adjust: none;}
body,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,button,select,textarea,fieldset{margin:0;padding:0;font-size:0.75rem;}
a img, img{border:0;}
a:link{color:#666666;}
a:visited{color:#666666;}
a:hover{color:#EF4922;text-decoration: underline;}
a:active{color:#666666;}
a{text-decoration: none;}
h2,h3,h4,h5,h6{font-size:0.75rem;font-weight:normal;}
em{font-style:normal;}
ul,ol,li{list-style:none;}
.clear{height:1px;font-size:0px;clear:both;}
.h10{height:0.625rem;font-size:0px;clear:both;}
.h15{height:0.9375rem;font-size:0px;clear:both;}
.clearfix::after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
::-moz-placeholder{color: #BDC1C2;}
::-webkit-input-placeholder{color: #BDC1C2;}
/*clear input*/
input{-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
/*default set*/
.center{word-wrap: normal;word-break: normal;width:1400px;margin:0 auto;}
.drawer-toggle{display:none;}
/*top*/
#top{height: 32px;background-color: #F2F2F2;}
#top p.welcome{float: left;color: #7A7A7A;line-height: 32px;}
#top p.welcome a{color: #006EBD;text-decoration: underline;}
#top .menu{float: right;line-height: 32px;color: #CCCCCC;}
#top .menu a{margin: 0 5px;color: #7A7A7A;}
#top dl.country{float: right;height: 32px;width: 100px;position: relative;}
#top dl.country dt{line-height: 32px;position: relative;padding-left: 35px;z-index: 10;cursor: pointer;}
#top dl.country dt:before,#top dl.country dd a:before{content: "";background-image: url("/images/language_30.png");background-size: 21px auto;position: absolute;width: 20px;height: 14px;left: 10px;top: 50%;margin-top: -7px;font-size:28px;}
/*current language*/
#top dl.country .en:before{background-position: center -1em;}
#top dl.country .uk:before{background-position: center -2em;}
#top dl.country .de:before{background-position: center -3em;}
#top dl.country .fr:before{background-position: center -4em;}
#top dl.country .ru:before{background-position: center -5em;}
#top dl.country .es:before{background-position: center -6em;}
#top dl.country .pt:before{background-position: center -7em;}
#top dl.country .jp:before{background-position: center -8em;}
#top dl.country .gr:before{background-position: center -9em;}
#top dl.country .it:before{background-position: center -10em;}
#top dl.country .kr:before{background-position: center -11em;}
#top dl.country .ae:before{background-position: center -12em;}
#top dl.country .tr:before{background-position: center -13em;}
#top dl.country .pl:before{background-position: center -14em;}
#top dl.country .fi:before{background-position: center -15em;}
#top dl.country .in:before{background-position: center -16em;}
#top dl.country .gu:before{background-position: center -16em;}
#top dl.country .kn:before{background-position: center -16em;}
#top dl.country .mr:before{background-position: center -16em;}
#top dl.country .ml:before{background-position: center -16em;}
#top dl.country .te:before{background-position: center -16em;}
#top dl.country .ta:before{background-position: center -16em;}
#top dl.country .vn:before{background-position: center -17em;}
#top dl.country .th:before{background-position: center -18em;}
#top dl.country .nl:before{background-position: center -19em;}
#top dl.country .ie:before{background-position: center -20em;}
#top dl.country .ph:before{background-position: center -21em;}
#top dl.country .cz:before{background-position: center -22em;}
#top dl.country .my:before{background-position: center -23em;}
#top dl.country .fa:before{background-position: center -24em;}
#top dl.country .hu:before{background-position: center -25em;}
#top dl.country .hr:before{background-position: center -26em;}
#top dl.country .sk:before{background-position: center -27em;}
#top dl.country .si:before{background-position: center -28em;}
#top dl.country .no:before{background-position: center -29em;}
#top dl.country .iw:before{background-position: center -30em;}
#top dl.country .dk:before{background-position: center -31em;}
#top dl.country .ro:before{background-position: center -32em;}
#top dl.country .se:before{background-position: center -33em;}
#top dl.country .bg:before{background-position: center -34em;}
#top dl.country .al:before{background-position: center -35em;}
#top dl.country .et:before{background-position: center -36em;}
#top dl.country .az:before{background-position: center -37em;}
#top dl.country .ee:before{background-position: center -38em;}
#top dl.country .eu:before{background-position: center -39em;}
#top dl.country .by:before{background-position: center -40em;}
#top dl.country .is:before{background-position: center -41em;}
#top dl.country .ba:before{background-position: center -42em;}
#top dl.country .za:before{background-position: center -43em;}
#top dl.country .xh:before{background-position: center -43em;}
#top dl.country .zu:before{background-position: center -43em;}
#top dl.country .kh:before{background-position: center -44em;}
#top dl.country .kz:before{background-position: center -45em;}
#top dl.country .ht:before{background-position: center -46em;}
#top dl.country .ng:before{background-position: center -47em;}
#top dl.country .gl:before{background-position: center -48em;}
#top dl.country .iq:before{background-position: center -49em;}
#top dl.country .lv:before{background-position: center -50em;}
#top dl.country .la:before{background-position: center -51em;}
#top dl.country .lt:before{background-position: center -52em;}
#top dl.country .mg:before{background-position: center -53em;}
#top dl.country .nz:before{background-position: center -54em;}
#top dl.country .mn:before{background-position: center -55em;}
#top dl.country .bd:before{background-position: center -56em;}
#top dl.country .mm:before{background-position: center -57em;}
#top dl.country .np:before{background-position: center -58em;}
#top dl.country .af:before{background-position: center -59em;}
#top dl.country .mw:before{background-position: center -60em;}
#top dl.country .lk:before{background-position: center -61em;}
#top dl.country .tz:before{background-position: center -62em;}
#top dl.country .tj:before{background-position: center -63em;}
#top dl.country .pk:before{background-position: center -64em;}
#top dl.country .ua:before{background-position: center -65em;}
#top dl.country .uz:before{background-position: center -66em;}
#top dl.country .ge:before{background-position: center -67em;}
#top dl.country .rs:before{background-position: center -68em;}
#top dl.country .id:before{background-position: center -69em;}
#top dl.country dd{width: 360px;position: absolute;left: -260px;padding: 5px 0;display: none;border: 1px solid #F2F2F2;top: 32px;z-index: 9;background-color: #FFFFFF;}
#top dl.country dd a{position: relative;padding-left: 35px;width: 85px;height: 24px;line-height: 24px;float: left;text-decoration: none;}
@media screen and (min-width: 768px)
{
	#top dl.country dd a:hover{background-color: #EEEEEE;}
	#top dl.country:hover dt{background-color: #FFFFFF;border-bottom: 1px solid #FFFFFF;}
	#top dl.country:hover dt+dd{display: block;}
}
/*header*/
#header{height: 95px;}
#header .logo{padding-top: 28px;width: 410px;float: left;}
#header .logo img{display: block;}
#header .searchForm{float: right;width: 580px;padding-top: 25px;}
#header .searchForm input[type=text]{height: 38px;border: 1px solid #D6D6D6;padding-left: 20px;width: 504px;float: left;box-shadow: 1px 2px 2px #DDDDDD inset;}
#header .searchForm s.icon-search{width: 42px;height: 40px;background-color: #FF6600;float: left;line-height: 40px;position: relative;text-decoration: none;text-align: center;color: #FFFFFF;font-size: 1.5rem;}
#header .searchForm s.icon-search input{width: 100%;height: 40px;border: none;position: absolute;left: 0;top: 0;background-color: transparent;cursor: pointer;}
#header .searchForm s.icon-search:hover{background-color: #008FD2;}
#nav a.icon-rfq{background-color: #007CB8;height: 46px;display: inline-block;color: #FFFFFF;width: 262px;line-height: 46px;text-align: center;font-size: 14px;font-weight: bold;text-decoration: none;}
#nav a.icon-rfq:before{border: 1px solid #3F9FC9;margin: 0;padding: 6px;border-radius: 50%;margin-right: 5px;font-size: 20px;padding-left: 9px;padding-right: 5px;}
#nav a.icon-rfq:hover{background-color: #FF6600;}
#nav a.icon-rfq:hover:before{border: 1px solid #FFFFFF;}
/*categories*/
#nav{height: 46px;background-color: #008FD2;}
#nav .categories{float: left;width: 260px;position: relative;}
#nav .categories h2{line-height: 46px;background-color: #FF6600;color: #FFFFFF;font-size: 18px;padding-left: 20px;text-transform: uppercase;cursor: pointer;}
#nav .categories ul{position: absolute;left: 0;top: 46px;width: 258px;border-left: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;display: none;background-color: #FFFFFF;z-index: 9999;}
#nav .categories:hover ul{display: block;}
#nav .categories li{line-height: 34px;position: relative;}
#nav .categories li>a{display: block;padding-left: 16px;color: #626262;text-decoration: none;height: 34px;overflow: hidden;}
#nav .categories li>a:after{content: ">";float: right;margin-right: 10px;font-size: 0.5rem;}
#nav .categories li:hover> a{background-color: #008FD2;color: #FFFFFF;}
#nav .categories li p{position: absolute;left: 258px;width: 800px;-webkit-column-count: 2;-webkit-column-gap: 0;-moz-column-count: 2;-moz-column-gap: 0;background-color: #F2F2F2;border: 1px solid #DDDDDD;padding: 15px;display: none;top: 0;z-index: 2;}
#nav .categories li p a{display: block;text-decoration: none;line-height: 16px;padding: 5px 0;}
#nav .categories li:hover p{display: block;}
/*nav*/
#nav ul.nav{float: left;width: 878px;height: 46px;}
#nav ul.nav li{height: 46px;line-height: 46px;float: left;text-align: center;}
#nav ul.nav li a{color: #FFFFFF;font-size: 16px;display: block;padding: 0 18px;min-width: 110px;text-decoration: none;}
#nav ul.nav li.current a{font-weight: bold;}
#nav ul.nav li a:hover{background-color: #006EA1;}
/*banner*/
#banner{height: 330px;background-color: #EEEEEE;margin-bottom: 5px;}
#banner img{display:block;}
/*footer*/
#footer{background-color: #F1F1F1;padding: 20px 0;}
#footer dl{width: 220px;float: left;}
#footer dt{line-height: 40px;font-weight: bold;color: #323232;font-size: 16px;}
#footer dd{line-height: 26px;}
#footer .inquiry{margin-left: 880px;}
#footer .inquiry h3{font-size: 16px;color: #323232;font-weight: bold;line-height: 40px;}
#footer .inquiry s{text-decoration: none;color: #6C6C6C;}
#footer .inquiry a.rfq{background-color: #008FD2;display: block;width: 350px;line-height: 30px;padding-left: 15px;color: #FFFFFF;font-weight: bold;text-transform: uppercase;margin-top: 20px;}
#copyright{padding: 10px 0 30px 0;background-repeat: no-repeat;background-position: right center;}
#copyright .links{line-height: 24px;}
#copyright .links a{color: #585858;margin: 0 10px;}
#copyright .links a:first-child{margin-left: 0;}
#copyright .text{color: #969696;line-height: 24px;}
/*breadcrumbs*/
.breadcrumbs{line-height: 36px;padding-left: 5px;}
.breadcrumbs a{color: #464646;position: relative;padding-right: 25px;}
.breadcrumbs s{text-decoration: none;color: #929191;}
.breadcrumbs a:after{content: ">";color: #B3B3B3;position: absolute;right: 10px;top: 0;line-height: 16px;}
/*h1*/
h1.title{font-size: 22px;line-height: 50px;text-transform: uppercase;}
/*page*/
#page{background-color: #008FD2;color: #FFFFFF;line-height: 28px;margin: 15px 0;text-align: right;padding: 4px 20px 4px 0;}
#page span,#page s,#page a{display: inline-block;height: 28px;min-width: 28px;text-align: center;text-decoration: none;color: #FFFFFF;border: 1px solid #EEEEEE;margin: 0 2px;}
#page span,#page s{border: 1px solid #008FD2;}
#page span,#page a.btn{font-size: 16px;line-height: 25px;}
#page a:hover{background-color: #FF6600;}
/*form*/
.form-table fieldset{width: 50%;float: left;border: none;padding-bottom: 13px;}
.form-table fieldset:nth-child(2n){float: right;}
.form-table fieldset legend{min-width: 130px;text-align: right;float: left;line-height: 32px;padding-right: 9px;color: #7F7F7F;}
.form-table input.form-input,.form-table textarea.form-input{float: left;border: 1px solid #CCCCCC;width: 329px;box-shadow: 2px 2px 4px #DDDDDD inset;padding-left: 10px;}
.form-table input.form-input{height: 30px;}
.form-table textarea.form-input{width: 752px;height: 90px;padding-top: 10px;}
.form-table .submit{margin-top: 15px;padding-left: 126px;}
.form-table input[type=submit]{height: 36px;margin-left: 15px;background-color: #A8A8A8;width: 140px;border: none;color: #FFFFFF;font-size: 16px;font-weight: bold;text-transform: uppercase;cursor: pointer;}
.form-table input[type=submit]:hover{background-color: #FF6600;}
.form-table fieldset.msg,.form-table fieldset.verify{clear: both;float: none;width: auto;}
.form-table fieldset textarea{float: left;}
.form-table fieldset.verify + .submit{margin-top: 0;}
.form-table fieldset.verify input{width:60px!important;margin-right:10px;}
@media screen and (max-width: 767px)
{
	*{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
	body,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,button,select,textarea,fieldset{margin:0;padding:0;font-size:0.875rem;}
	body{font-size: 0.875rem;margin: 0 auto;}
	h2,h3,h4,h5,h6{font-size:0.875rem;}
	select{border: solid 1px #E2E2E2;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image: url("../images/select-sprite.png");background-position: right 0;background-repeat: no-repeat;background-size: auto 100%;border-radius: 0.2rem;padding-right: 1rem;padding-left:0.5rem;font-size:0.875rem;}
	select option{font-size: 0.875rem;}
	select::-ms-expand{display: none;}
	/*default set*/
	.center{width: auto;}
	.drawer-left .drawer-hamberger{display: block;top: 0;z-index: 1201;position: absolute;left: 0.5rem;}
	.drawer-left .drawer-hamberger span{margin: 0;left: 5px;z-index: 2;}
	.drawer-left .drawer-main{background-color: #002D52;margin-top: 0;line-height: 3rem;}
	.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left: 280px;}
	/*top*/
	#top{background: none;width: 100px;float: right;height: 2.5rem;}
	#top p.welcome{display: none;}
	#top .menu{display: none;}
	#top dl.country{float: none;position: static;}
	#top dl.country dt{color: #FFFFFF;}
	#top dl.country dd{width: 98%;position: fixed;left: 0.5rem;top: 5rem;}
	#top dl.country dd a{width: 33%;margin-top: 0.3rem;margin-bottom: 0.3rem;}
	/*header*/
	#header{background-color: #008FD2;height: auto;background-image: url("../images/mlogo.png");background-repeat: no-repeat;background-position: center 0.5rem;background-size: auto 1.5rem;}
	#header .logo{display:none;}
	#header .searchForm{padding-top: 0;width: auto;float: none;}
	#header .searchForm input[type=text]{width: 90%;border-radius: 0;}
	#header .searchForm s.icon-search{width: 10%;border-radius: 0;}
	#header a.rfq{display: none;}
	/*categories*/
	#nav{height: 100%;}
	#nav .categories{display: none;}
	/*nav*/
	#nav ul.nav{float: none;width: auto;}
	#nav ul.nav li{display: block;float: none;}
	#nav ul.nav li:after{content: "";height: 1px;width: 90%;display: block;background-color: #FFFFFF;margin: 0 auto;}
	#nav a.icon-rfq{display:none;}
	/*footer*/
	#footer{padding: 20px 1rem;}
	#copyright .links a{display: inline-block;}
	#footer dl{float: none;width: auto;}
	#footer .inquiry{margin: 0;}
	#footer .inquiry a.rfq{width: auto;}
	#copyright{background-position: center 0.5rem;padding-top: 3rem;background-size: auto 2rem;text-align: center;padding-bottom: 1rem;}
	#page span{display: none;}
	#page a.item{display: none;}
	/*form*/
	.form-table fieldset{width: auto;float: none;}
	.form-table fieldset:nth-child(2n){float: none;}
	.form-table fieldset legend{min-width: auto;padding-right: 2%;display: block;float: none;text-align: left;width: 100%;}
	.form-table input.form-input,.form-table textarea.form-input{width: 98% !important;}
	.form-table textarea.form-input{margin-bottom: 20px;}
	.form-table fieldset input[type=submit]{margin: 0 auto;display: block;}
}