*{padding:0px; margin:0px; }
html{ font-size: 16px;background: #fff; font-family: 'arial';}
ul,ol,li{ list-style: none; }
h2{ font-size:1.5rem; text-align:center;}
.container-fluid{ width:1200px; overflow: hidden; font-size: 0.875rem; margin:0 auto; text-align: left;}
#otherlink{display: none;}
/*public*/
#otherlink{clear:both;width:100%;height:auto;}
#otherlink a{color:#fff; display:inline-block;padding:2px 5px; font-size:12px; margin-right:10px; border:1px #fff solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#9ba21f;border:1px #9ba21f solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}

.etw_language{width:100%; max-width:1170px; margin:0 auto;}
#etw_language{float:right;text-align:right; width:auto;}
#etw_language>.dropdown-menu{min-width:100px;}
#etw_language>.dropdown-menu:hover{background: none;}
#etw_language a{color:#0f0f0f;line-height:26px;padding:3px 10px 3px 15px;font-size:14px;display:block;font-weight:bold;}
#etw_language a img{ margin-right:3px;}
#etw_language a:hover{color:#db241e; background: none;}
.breadcrumb{padding:0px; padding-top: 5px; font-size: 0.6rem; font-family: 'Comfortaa'}

.gray { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);   filter: gray;}
/*public*/
.header{background: #362e2e; height: auto; width:100%; text-align: center; }
.navright .nav-item .setactive{ color: #fff;  font-size: 1rem; font-family: 'Comfortaa'; transition:0.4s linear color; -webkit-transition:0.4s linear color; -moz-transition:0.4s linear color;}
.navright .nav-item .setactive:hover,.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{ color: #f66d00; }

.banner{width:100%; height:494px; text-align: center;}
.smbanner{ height:300px; background:url(../img/smbanner.jpg) no-repeat; background-size:100% 100%;}
.slogan{ background: rgba(55,46,46,0.46); width:70%; margin:0 auto; padding:23px 60px;}
.slogan h1{ font-family: 'Anton'; font-size: 2rem; color: #fff;  }
.slogan .des{ font-size: 1rem; color: #eee; font-family: 'Arial Narrow'; line-height: 18px; }
.featured .container-fluid .caption a{ font-family: 'Ubuntu'; font-size: 1.2rem; color: #000; padding-bottom: 10px;}
.featured .container-fluid .caption a:hover{ text-decoration: none; }
.featured .container-fluid .caption a:first-child{ margin-right: 10px;display: inline-block;  }
.featured .container-fluid .caption a:last-child{ margin-left: 10px;display: inline-block;  }
.featured .container-fluid .caption a.active{ border-bottom: 4px solid #666;}
.featuredimg{mix-blend-mode: multiply;}
.featureditems{ margin-top: 28px;}
.productcategory .item{ width:23.5%; margin-bottom:1.2rem; margin-right:2%; padding-bottom:1rem;}
.productcategory .item:nth-child(4n){ margin-right:0;}
.productcategory .item:nth-child(4n+1){ clear:both}
.productcategory .featureditems{display:flex;flex-flow: wrap; width:100%; }


.productrange .item{ width:18.4%;margin-bottom:1.2rem; margin-right:2%; padding-bottom:1rem;}
.productrange .item:nth-child(5n){ margin-right:0;}
.productrange .item:nth-child(5n+1){ clear:both}
.productrange .featureditems{display:flex;flex-flow: wrap; width:100%; }

.viewallproducts{ text-align: center; margin-top: 25px; }
.buttonstyle1{ display: inline-block; width:213px; height: 46px; line-height: 46px; background: #3a4058; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border:3px solid #b9b9c5; font-size: 0.9rem; font-family: 'Montserrat'; margin:0 auto; transition:background 0.4s linear; -webkit-transition:background 0.4s linear; -moz-transition:background 0.4s linear;}
.buttonstyle1:hover{ background: #372e2e; }

.popular{ margin-top: 40px; background: #eee; padding:30px 0 0 0; }
.popular .container-fluid .caption{ font-family: 'Anton'; font-size: 1.3rem; color: #000; text-align: center;  margin-bottom: 15px; }
.popular .container-fluid .question{ text-align: center; margin:20px 0 50px 0; }
.popular .container-fluid .question .summary{ font-family: 'Montserrat'; font-size: 1.2rem; font-weight: bold; }
.popular .container-fluid .question .contactnow{ font-family: 'Montserrat'; font-size: 1.4rem; font-weight: bold; color: #000; }

.popularitems{display:flex;flex-flow: wrap; width:100%;}
.popularitems .item{ width:18.4%;margin-bottom:1rem; margin-right:2%;}
.popularitems .item:nth-child(5n){ margin-right:0;}
.popularitems .item:nth-child(5n+1){ clear:both}

.popularitems .item .imgs,.popularitems .item .caption{display: block;}
.popularitems .item .imgs img{border:1px solid #eee;}
.popularitems .item .caption .captiontext{ color: #000; font-family: 'Cairo'; font-size: 1rem;  margin-top: 10px; display: inline-block;}
.brief{ background: url(../img/brief-bg.png) #b7b3b3 top left no-repeat;  width:100%; padding: 60px 0;  font-family: 'Montserrat'; font-size: .85rem;}
.brief .container-fluid .row .companyinfo .caption{ font-family: 'Francois One'; font-size: 2.4rem; color: #fff; text-align: center;}
.brief  .container-fluid .row .companyinfo .summary{ font-family: 'Montserrat';  font-size: .85rem; color: #fff; }
.brief  .container-fluid .row .companyad h3.caption{ font-family: 'Anton'; font-size: 1.8rem; color: #fff; display: inline-block; margin-bottom: 10px; }
.opacity6{ background: rgba(58,64,88,0.6);}
.footer{ background: #eee; }

.footercategory{ font-family: 'Cairo'; font-size: .85rem;}
.footercategory .caption{ font-size: 1.1rem; display: inline-block; margin-bottom: 5px;}
.footercategory li a{ color: #040404; }

.pagefooter{ background: #362e2e; width: 100%; height: 110px; }
.pagefooter .middle-inner .container-fluid .row .pagefooterlinks a{ font-family: 'Montserrat'; font-size: .85rem; color: #fff; display: inline-block; margin-top: 20px; margin-right:20px;}

/*slider*/
.slider{ padding-top:0px;}
.slider .list li{padding:2px 0; font-size: 0.8rem; position:relative}
.slider .setactive{ color: #333; line-height:18px; transition: color 0.5s linear; -webkit-transition: color 0.5s linear; -moz-transition: color 0.5s linear;}
.slider .setactive:hover{ color: #17243e; }
.slider .active{color:#0e5f9b; text-decoration:underline;}
.slider .list li a b{ font-size:0.96rem; padding-top:10px; display:block;}
.new_products:after{content: "";position: absolute;background:url(../img/new.jpg) no-repeat right;top: 0;left:90px;bottom: 0;width: 30px}
/*slider*/



.singleinnerpagepro>.caption,.singleinnerpagepro>.caption a{color:#464646; font-size:1.1rem; font-weight:bold; padding-top:16px;}
.singleinnerpagepro .eachitem .caption a{font-size:0.875rem;font-weight:normal; line-height:18px;}
.singleinnerpagepro .caption a:hover,.singleinnerpagepro .caption a.active{color:#ff7500; text-decoration:underline;}
.singleinnerpagepro .eachitem img{border:1px solid #eaeee5;}
.singleinnerpagepro .eachitem:hover img{border:1px solid #ccc;}
.singleinnerpagepro .eachitem{background:#f4f4f4;margin-bottom:12px; }
.singleinnerpagepro .eachitem .caption{ padding:12px 10px;  line-height:18px;} 
.singleinnerpagepro .eachitem .caption a{color:#464646;}
.singleinnerpagepro .eachitem .caption:hover{background:#ececec;}
.singleinnerpagepro .eachitem .txtcaption{ text-align:left;}

.innerpro .eachitem .caption a{font-weight:bold; display:block; text-align:left;}
.innerpro .eachitem .caption p{text-align:left; padding-top:10px; color:#666; margin-bottom:0; font-size:0.75rem; line-height:1rem;}

.txth2{ font-size:1.5rem;}
.txth2 h2{ display:inline;}

.middle-box{display: table;  margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%;height:20px;line-height:15px;}
.middle-inner span{position:relative; *top:-50%; *left:-50%;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}
.inquiryform .middle-inner{ line-height:26px;}
.inquiryform{ width: 100%; height:80px; background: #e7e9f0; margin: 0;}
.inquirycontact{ font-size:1.3rem; color: #350808; line-height: 2rem; display: inline-block;}
a:hover.inquirycontact{color:#d46309;}

.contenttxt p{ padding:6px 0; margin:0;}
.table td, .table th{ border:1px solid #dee2e6; padding:6px 12px;}

.imgborder img{border:1px solid #CCC;}
.videoplay{
	font-size: 3em; color: Tomato;
	margin: 10px 0;
	display: inline-block;
}


.etwphoto figure{ margin-bottom:0.3rem;}
.etwphoto .text{ line-height:1rem}
.etwphoto>div{ margin-bottom:0.7rem;}

#etw_language a{ color: #fff; font-size: .75rem; font-weight: normal; }
#sitemap{width:100%;list-style:none}
#sitemap li{display:block;width:99%}
#sitemap li a{display:block;padding:5px 0 2px 10px;color:#333;line-height:24px}
#sitemap li.home_directory a{margin-bottom:5px;background:#fff;font-weight:700;line-height:30px}
#sitemap li.big_case a{color:#f39c01;font-weight:700}
#sitemap li a.lists{padding-left:20px;color:#666;line-height:16px;width:50%;float:left}
#sitemap li a:hover{color:#195e30}

.nav-tabs { padding-bottom:3px;}
.nav_tabs>ul>li>a{color:#fff;font-size:.9em;background:#666;border-radius:3px;padding:4px 8px;margin:0 5px 5px 0;border:none;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}
.nav-tabs>li>a.active,.nav-tabs>li>a.active:focus,.nav-tabs>li>a.active:hover,.nav_tabs>ul>li>a:hover{background:#d04a25;border:none;color:#fff}

ul.item{width:100%; padding-bottom:15px; float:none}
ul.item li{list-style: decimal;margin:6px 0 4px 20px; line-height:22px;width:97%; float:none} 
ul.item li.last{ margin-left:22px;}

.item1{ padding:0px 0 10px 0; float:none; width:auto; overflow:hidden}
.item1>li{list-style:disc;margin:6px 0 4px 20px; line-height:22px;width:97%; float:none}

.tablist{margin-bottom:20px; overflow:hidden;}
.tablist ul{width:100%; }
.tablist ul li{float:left;width:auto; min-width:180px;border-left:1px solid #dedede;background:#333;text-align:center;margin-right: 1%;}
.tablist ul li a{color:#ffffff; padding:10px 15px; display:block;}
.tablist ul li.cur,.tablist ul li:hover{background:#f66d00}

.boxdiv{ font-size:12px; padding:15px; line-height:18px; padding-bottom:0;}
.boxdiv a span{ padding-left:10px}
.boxtitle{ text-align:center; font-size:16px; font-weight:bold; line-height:24px; padding-bottom:10px;}
.boxtitle a{ color:#333;}
.boxtitle a:hover{color: #01296e;text-decoration:underline;}
.layui-layer-setwin .layui-layer-close2{ right:-14px!important;}
.layui-layer-btn .layui-layer-btn0{ background:#c30004!important; border:none!important; }
.layui-layer-title{white-space:inherit!important;padding:8px 80px 0 20px!important;line-height: 18px!important;height: 51px!important;color:#fff!important; font-size:16px!important;background-color: #016cb3!important; text-align:left}
.boxdiv a{ display:block; background:#eee; padding:5px 10px; margin-bottom:1rem; color:#1d71b8; font-size:14px; text-align:left}
.boxdiv a:hover{ background:#1d71b8; color:#fff;}