@charset "utf-8";
/* font-awesome */
@import "../fonts/fontawesome/font-awesome.min.css";
/* bootstrap-icons */
@import "../fonts/bootstrap-icons/bootstrap-icons.min.css";
/* Animate */
@import "animate.min.css";

@font-face{font-family:"NotoSans";font-style:normal;font-display:swap;font-weight:200;src:local(''),url(../fonts/NotoSans/NotoSans-ExtraLight.woff2) format("woff2"),url(../fonts/NotoSans/NotoSans-ExtraLight.woff) format("woff")}
@font-face{font-family:"NotoSans";font-style:normal;font-display:swap;font-weight:300;src:local(''),url(../fonts/NotoSans/NotoSans-Light.woff2) format("woff2"),url(../fonts/NotoSans/NotoSans-Light.woff) format("woff")}
@font-face{font-family:"NotoSans";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/NotoSans/NotoSans-Regular.woff2) format("woff2"),url(../fonts/NotoSans/NotoSans-Regular.woff) format("woff")}
@font-face{font-family:"NotoSans";font-style:normal;font-display:swap;font-weight:500;src:local(''),url(../fonts/NotoSans/NotoSans-Medium.woff2) format("woff2"),url(../fonts/NotoSans/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:"NotoSans";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/NotoSans/NotoSans-SemiBold.woff2) format("woff2"),url(../fonts/NotoSans/NotoSans-SemiBold.woff) format("woff")}
@font-face{font-family:"NotoSans";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/NotoSans/NotoSans-Bold.woff2) format("woff2"),url(../fonts/NotoSans/NotoSans-Bold.woff) format("woff")}
@font-face{font-family:"NotoSans";font-style:normal;font-display:swap;font-weight:800;src:local(''),url(../fonts/NotoSans/NotoSans-ExtraBold.woff2) format("woff2"),url(../fonts/NotoSans/NotoSans-ExtraBold.woff) format("woff")}
@font-face{font-family:"NotoSans";font-style:normal;font-display:swap;font-weight:900;src:local(''),url(../fonts/NotoSans/NotoSans-Black.woff2) format("woff2"),url(../fonts/NotoSans/NotoSans-Black.woff) format("woff")}

@font-face{font-family:"RobotoSlab";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/RobotoSlab/RobotoSlab-Regular.woff2) format("woff2"),url(../fonts/RobotoSlab/RobotoSlab-Regular.woff) format("woff")}
@font-face{font-family:"RobotoSlab";font-style:normal;font-display:swap;font-weight:500;src:local(''),url(../fonts/RobotoSlab/RobotoSlab-Medium.woff2) format("woff2"),url(../fonts/RobotoSlab/RobotoSlab-Medium.woff) format("woff")}
@font-face{font-family:"RobotoSlab";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/RobotoSlab/RobotoSlab-SemiBold.woff2) format("woff2"),url(../fonts/RobotoSlab/RobotoSlab-SemiBold.woff) format("woff")}
@font-face{font-family:"RobotoSlab";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/RobotoSlab/RobotoSlab-Bold.woff2) format("woff2"),url(../fonts/RobotoSlab/RobotoSlab-Bold.woff) format("woff")}
@font-face{font-family:"RobotoSlab";font-style:normal;font-display:swap;font-weight:800;src:local(''),url(../fonts/RobotoSlab/RobotoSlab-ExtraBold.woff2) format("woff2"),url(../fonts/RobotoSlab/RobotoSlab-ExtraBold.woff) format("woff")}
@font-face{font-family:"RobotoSlab";font-style:normal;font-display:swap;font-weight:900;src:local(''),url(../fonts/RobotoSlab/RobotoSlab-Black.woff2) format("woff2"),url(../fonts/RobotoSlab/RobotoSlab-Black.woff) format("woff")}

@font-face{font-family:iconfont;src:url(../fonts/iconfont.ttf?t=1622274305876) format("truetype")}
.iconfont{cursor:pointer;font-family:iconfont !important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
:root {
	--bg-main: #800000;
	--bg-hover: #c7081b;
	--max-width:1200px;
}
.bg-WhiteSmoke {background-color: #f5f5f5 !important;}
.bg-Gainsboro{background-color: #DCDCDC !important;}
.bg-LightGray{background-color: #D3D3D3 !important;}
.bg-Silver{background-color: #C0C0C0 !important;}
.bg-DarkGray{background-color: #A9A9A9 !important;}
.bg-Gray{background-color: #808080 !important;}
.bg-DimGray{background-color: #696969 !important;}
.bg-E{background-color: #eee !important;}

* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:#333; font-family:"NotoSans",sans-serif; font-weight:400; font-size: 1rem; line-height:24px; background-color:#fff; overflow-x:hidden}
li,ol,ul {list-style: none;margin-bottom: 0;}
h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6 {color: #000; font-weight: 400; margin-bottom: 1rem; }
h2,.h2 {font-size: 2.5rem; font-weight: 900;}
h3,.h3 {font-size: 2rem;}
h4,.h4 {font-size: 1.5rem;}
h5,.h5 {font-size: 1.25rem;}
h6,.h6 {font-size: 1rem; }
h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;font-size: inherit;}
a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: var(--bg-hover) !important;}
p {font-size: 1rem; line-height: 24px;}
strong,b {font-weight: 700;}
img{display:block;max-width:100%;height:auto;margin:0 auto;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;transition:all 0.5s;color:inherit;text-decoration:none}
a:hover{text-decoration:none;color: var(--bg-hover);}
figure{display:flex;flex-wrap:wrap;margin:0}
figure>a{width: 100%; display: block;}
.imgbox{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all 0.4s}
.imgbox-100::before{content:"";display:block;padding-top:100%}
.imgbox-75::before{content:"";display:block;padding-top:75%}
.img-abs{position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;display:block;margin:auto;padding:auto;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.img-cover{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.textbox{width: 100%;display: flex; flex-wrap: wrap; flex: 1;}
@media (min-width:320px){.container{max-width:calc(100% - 10px)}}
@media (min-width:476px){.container{max-width:calc(100% - 20px)}}
@media (min-width:768px){.container{max-width:calc(100% - 30px)}}
@media (min-width:992px){.container{max-width:calc(100% - 50px)}}
@media (min-width:1200px){.container{max-width:var(--max-width);display: block;}}
/* public */
ul{display: flex; flex-wrap: wrap; width: 100%;}
ul li{display: flex; flex-wrap: wrap;}
ul li>ol{width: 100%; display: flex; flex-wrap: wrap; transition: all .4s ease-in-out;}

ul.etw_phone{width:100%;}
ul.etw_phone li{width:100%; flex-direction: column;}
ul.etw_phone li>ol{position: relative; overflow: hidden; flex-direction: column;}
ul.etw_phone li a{display: block; width: 100%;}
ul.etw_phone li a.imgbox>img,.etw_phone li .imgbox>img{mix-blend-mode:multiply}
ul.etw_phone li span{width:100%; display:flex; align-items:flex-start; justify-content:center; text-align:center; color:#000; overflow:hidden; font-weight: 400; font-size: .9rem; line-height: 1.1; margin-top: .5rem; flex: 1;}
ul.etw_phone li a.imgbox:hover img,ul.etw_phone li a:hover img{opacity: .8;}
ul.etw_phone li>ol:hover span{bottom: -100%;}
ul.etw_phone2 li{width:50%;}
ul.etw_phone3 li{width:calc(100% / 3)}
ul.etw_phone4 li{width:25%}
ul.etw_phone5 li{width:20%}
ul.etw_phone6 li{width:calc(100% / 6)}
ul.etw_phone-pt1,ul.etw_phone-pb1{width: calc(100% + 20px); margin: 0 -10px;}
ul.etw_phone-pt1 li,ul.etw_phone-pb1 li{padding: 0 10px; }
ul.etw_phone-pt1 li{margin-top: 20px;}
ul.etw_phone-pb1 li{margin-bottom: 20px;}
ul.etw_phone-pt2,ul.etw_phone-pb2{width: calc(100% + 10px); margin: 0 -5px;}
ul.etw_phone-pt2 li,ul.etw_phone-pb2 li{padding: 0 5px; }
ul.etw_phone-pt2 li{margin-top: 10px;}
ul.etw_phone-pb2 li{margin-bottom: 10px;}
ul.etw_phone_bg li img{mix-blend-mode: multiply;}
ul.etw_phone_border li img{border: 1px solid #ccc; border-radius: 10px; padding: 5px;}
ul.etw_phone_shadow li a{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.etw_phone1-6{display: block; width: 100%; overflow: hidden;}
.etw_phone1-6 li{width: 20%; float: left;}
.etw_phone1-6 li:first-child{width: 40%;}
.etw_phone1-6 li a:hover img{opacity: .8;}
@media (max-width:1199.98px){
	ul.etw_phone6 li{width:calc(100% / 5)}
	ul.etw_phone6 li:last-child{display:none}
}
@media (max-width:991.98px){
	ul.etw_phone5 li{width:calc(100% / 4)}
	ul.etw_phone5 li:last-child{display:none}
	ul.etw_phone6 li{width:calc(100% / 3)}
	ul.etw_phone6 li:last-child{display:block}
}
@media (max-width:767.98px){
	ul.etw_phone3 li{width:calc(100% / 2)}
	ul.etw_phone3 li:last-child{display:none}
	ul.etw_phone4 li{width:calc(100% / 3)}
	ul.etw_phone5 li{width:calc(100% / 2)}
	ul.etw_phone6 li{width:calc(100% / 2)}
	.etw_phone1-6{display: flex;}
	.etw_phone1-6 li,	.etw_phone1-6 li:first-child{width: calc(100% / 3);}
	.etw_phone1-6 li:last-child{display: none;}
}
@media (max-width:575.98px){
	ul.etw_phone3 li{width:100%}
	ul.etw_phone3 li:last-child{display:block}
	ul.etw_phone4 li{width:50%}
	ul.etw_phone6 li{width:100%}
	.etw_phone1-6 li,	.etw_phone1-6 li:first-child{width: 50%;}
}
@media (max-width:375.98px){
	ul.etw_phone li img{width: 100%;}
	ul.etw_phone2 li,ul.etw_phone3 li,ul.etw_phone4 li,	ul.etw_phone5 li,.etw_phone1-6 li,	.etw_phone1-6 li:first-child{width:100%;}
}
.items{width: 100%;margin-bottom: 1rem;}
.items>.row{width: 100%;}
.items li{width:100%; line-height:24px; position:relative; margin-bottom: 2px; font-size: 16px; color: #333;}
.items li::before{display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; color: var(--bg-hover); position: absolute; left: 0;}
.items li strong{margin-right: .5rem; font-weight: 600; font-size: 14px;color: #000;}
.items_col li{flex-direction: column;}

.items_icon1 li{padding-left: 1.875rem;}
.items_icon1 li::before{content: "\f269"; font-size: 1.25rem; top: 2px;}
.items_icon2 li{padding-left: 1rem;}
.items_icon2 li::before{content: ""; width: 6px; height: 6px; background-color: var(--bg-main); border-radius: 50%; top: 9px;}
/* table */
.table td,.table th{vertical-align: middle; font-size: .9rem; line-height: 1.2;}
.table-bordered td, .table-bordered th{border: 2px solid #f8f9fa;}
.table-bordered-white td, .table-bordered-white th{border: 2px solid #fff;}
.table .top1 td{background-color: #DCDCDC; color: #000; font-weight: 500;}
.table a,.table a:not([href]):not([class]){color: var(--bg-hover); cursor: pointer; font-size: 1rem; text-decoration: underline;}
.table a:hover,.table a:not([href]):not([class]):hover{color: var(--bg-main); text-decoration: none;}
.table1 tr td:first-child{text-align: center;}
/* video-Btn */
.video_btn{width: 70px; color:#fff; background-color: var(--bg-main); position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer; overflow: hidden; opacity: .95;  border-radius: 50%;}
.video_btn_action{animation:pulse 2s infinite;}
.video_btn::before{content: '';display: block; padding-top: 100%;}
.video_btn>i{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 2.5rem; line-height: 1;}
.video_smallbtn{width: 50px;}

/* More */
.more{display:flex;}
.more>a{width:fit-content; padding: .5rem 1.2rem; display:flex; align-items: center; justify-content: center; font-size:.85rem; line-height: 1; color:#fff; transition:all 0.4s ease; position:relative; overflow:hidden; background-color: var(--bg-main); font-weight: 400;}
.more>a>i{font-size: 1rem; margin-left: .5rem; position: relative;transition:all 0.4s ease;}
.more>a:hover{background-color: var(--bg-hover); color: #fff;}
.more>a:hover>i{transform: translateX(5px);}
/* Inquiry-Btn */
.inquiryBtn{display: flex; margin-bottom: 1rem;}
.inquiryBtn>a{padding:.5rem 1.5rem .5rem 1rem;background-color:var(--bg-main);color:#fff;font-size:.85rem;text-transform:uppercase;font-family:"Oswald",sans-serif;font-weight:200;position:relative;overflow:hidden;z-index:0;border-radius:5px;box-shadow:0 0 2rem #a1a1a1}
.inquiryBtn>a::before{content: ''; width: 130%; height: 100%; background-color: var(--bg-hover); position: absolute; left: 91%; top: 0; transform: skewX(-30deg); transition: all .3s ease-in-out; z-index: -1;}
.inquiryBtn>a:hover::before{left: -10%;}

/* public-End */
/* etw_language */
.etw_language{min-height: 40px; display: flex; position: relative; z-index: 14;}
.etw_language ul{width:100%;display:flex;flex-wrap:wrap; justify-content: flex-end;}
.etw_language ul>li{display:flex;flex-wrap:wrap; position: relative;}
.etw_language ul>li>span{width: 100%; display: flex; align-items: center; justify-content: center; font-size: .95rem; text-transform: uppercase; color: var(--bg-hover);}
#etw_language{display:flex; height: auto; position: relative; z-index: 9;}
#etw_language>a{width: fit-content; padding:0 .8rem; color:#fff; display:flex;justify-content:center;align-items:center; height: 40px; position: relative; text-align: center; font-size: .85rem;}
#etw_language>a::after{content: ''; width: 1px; height: 40%; background-color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: .5;}
#etw_language>a:last-child{margin-bottom: 0; padding-right: 0;}
#etw_language>a:last-child::after{display: none;}
#etw_language>a:hover{color:#fff; text-decoration: underline; background: initial;}
@media (max-width:991.98px){
	.etw_language{padding-top: 0;}
	.etw_language ul>li{margin-right:3rem;}
	.etw_language ul>li>span{color: #333; font-size: 1.875rem;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:150%;left:50%;transform:translateX(-50%); width: 120px; z-index: 9;}
	#etw_language{background-color: #eee;}
	#etw_language>a{width: 100%; height:auto; padding:.7rem .5rem; margin:0;color:#000; font-size: .95rem; line-height: 1;}
	#etw_language>a::after{display: none;}
	#etw_language>a:last-child{padding:.7rem .5rem;}
	#etw_language>a:hover{background-color: var(--bg-hover);color: #fff; text-decoration: none;}
}
/* header */
#header{position:sticky; left:0; top:0; background-color: #fff; z-index:12; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#header::before{content: ''; width: 100%; height: 40px; background: url(../images/pattern.png) repeat-x; position: absolute; left: 0; top: 0; z-index: -1;}
#etw_logo{float: left; position: relative;z-index: 10; padding: 15px 0; margin-top: 40px;}
#etw_logo a{display: block;}
#etw_logo a>img{display:block;max-width:100%; height:60px;}

nav{display: block;}
nav .navbar{padding:0;justify-content:flex-end}
nav .navbar-collapse{flex-grow:0;width:100%;border:none;height:100%;align-items:initial}
.navbar-expand-lg .navbar-nav{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;align-items:center;justify-content:center;margin-left: 3rem;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:#000; padding:0; min-height:90px;display:flex;align-items:center;justify-content:center;position:relative; font-size: 1rem; font-weight: 400;}
.navbar-light .navbar-nav a.nav-link::before{content: ''; width: 0; height: 4px; background-color: var(--bg-hover); position: absolute; right: 0; bottom: 0; z-index: -1; transition: all .3s ease-in-out;}
nav .navbar-nav .nav-item .dropdown-toggle::after{transition:all 0.3s;margin-left:0.5rem;content: "\f107";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; border: none;}
nav .navbar-nav .nav-item.active .nav-link,nav .navbar-nav .nav-item:hover .nav-link,.navbar-light .navbar-nav .show>.nav-link{color:var(--bg-hover);}
nav .navbar-nav .nav-item.active .dropdown-toggle::after,nav .navbar-nav .nav-item:hover .dropdown-toggle::after{transform:rotate(180deg)}
.navbar-light .navbar-nav .nav-item:hover .nav-link::before{left: 0; right: auto; width: 100%;}
.pro_icon{display:none}
.dropdown-menu{left:0;top:150%;border:none;margin:0;padding:0;border-radius:0; background-color: rgba(255,255,255,.7); backdrop-filter: blur(5px); border-radius:0 0 1rem 1rem;overflow:hidden;transition:all 0.3s ease 0s; visibility:hidden;pointer-events:none;opacity:0;display:block; box-shadow: 0 10px 10px rgba(0,0,0,.15);}
.dropdown-menu>ul>li{width: 100%; border-bottom:1px dashed #eee;}
.dropdown-menu>ul>li:last-child{border-bottom:none}
.dropdown-menu>ul>li .dropdown-item{color:#000;font-size:1rem;position:relative;display:flex;transition:all 0.5s;padding:0.6rem 1rem;font-weight:400; align-items: center;}
.dropdown-menu>ul>li .dropdown-item::before{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; margin-right: 10px; line-height: 1; position: relative; transition: all .4s ease;}
.dropdown-menu>ul>li .dropdown-item:hover,.dropdown-menu>ul>li .dropdown-item.active{color:#fff; background-color: var(--bg-hover); text-decoration:none}
.dropdown-menu>ul>li .dropdown-item:hover::before,.dropdown-menu>ul>li .dropdown-item.active::before{color:#fff}
.dropdown-menu1{width: 1000px; left: auto; right: 0;}
.dropdown-menu1>ul li{width: 100%; border-bottom:1px dashed #fff;}
.dropdown-menu1>ul li>a{display: flex; align-items: center; padding: 1rem; color: #fff;}
.dropdown-menu1>ul li>a>img{width: 120px;}
.dropdown-menu1>ul li>a>div{width: calc(100% - 120px); padding-left: 1.5rem; display: flex; flex-direction: column; overflow: hidden;}
.dropdown-menu1>ul li>a>div>span{width: 100%; font-size: 1.1rem; font-weight: 700; margin-bottom: .5rem;font-family:"Oswald",sans-serif;}
.dropdown-menu1>ul li>a>div>p{width: 100%; margin-bottom: 0; font-size: .95rem; line-height: 1.3;}
.dropdown-menu1>ul li .dropdown-item::before{display: none;}
.dropdown-menu1>ul li>a:hover,.dropdown-menu1>ul li.active>a{background-color: var(--bg-hover);}
.dropdown-menu1>ul li:last-child{border-bottom: none;}
.dropdown-menu1>ul .row>.col-12 li{border-bottom:1px dashed #fff;}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}

@media (max-width:1220.98px){
	.navbar-expand-lg .navbar-nav .nav-item {margin-left: 2rem;}
}
@media (max-width:1099.98px){
	.navbar-expand-lg .navbar-nav .nav-item {margin-left: 1rem;}
}
@media (max-width:991.98px){
	#header{position:relative;padding-top: 0;}
	#header::before{display: none;}
	#header>.container{display:flex;align-items:center; flex-wrap: wrap; justify-content: flex-end;}
	#etw_logo {flex: 1;display: flex;z-index: 0; margin-top: 0;}
	.navbtn{width:40px;height:36px;float:right;border:1px solid #000;display:flex;align-items:center;justify-content:center;border-radius:5px}
	nav{width: 100%;}
	nav .navbar{position:relative;right:initial;top:inherit;z-index:10}
	.navbar-expand-lg .navbar-nav .nav-item{width:100%;flex-direction:column;margin: 0; padding: 0;}
	nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0 1rem; min-height: 40px; position:relative;font-size:1rem;justify-content:flex-start}
	.navbar-light .navbar-nav a.nav-link::before{display: none;}
	.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px;width:30px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:200;z-index:2}
	.navbar-nav .dropdown-menu{display:none;width:100%;min-width:initial;max-width:100%;position:relative;left:initial;top:initial}
	.dropdown-toggle::after{display:none}
	.dropdown-menu{border-top: none; box-shadow: initial;}
	.dropdown-menu ul>li:last-child{border-bottom:1px dashed #ddd;}
	.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:0;display:block}
}
@media (max-width:767.98px){
	#etw_logo{padding: 10px 0;}
}
@media (max-width:375.98px){
	#etw_logo a>img {height: 40px;}
}
/* Banner */
.etw_banner{padding: 0;}
.banner{width: 100%; overflow: hidden; position: relative;}
.banner .h2{width: 100%; position: absolute; left: 0; top: 25%; z-index: 2; color: #fff; text-align: left; text-shadow: 2px 2px 2px var(--bg-main); font-weight: 300; font-size: 3rem;}

.banner::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(to right, rgba(0,0,0,.8) 30%, transparent, transparent, #000 98%);}
.banner_list{width: calc(100% + 30px); margin: 0 -15px; margin-top: -7rem;}
.banner_list li{width: calc(100% / 3); padding: 0 15px;}
.banner_list li>ol{position: relative; overflow: hidden;}
.banner_list li>ol a.imgbox{width: 50%;}
.banner_list li>ol a.imgbox::before{content: ''; display: block; padding-top: 82%;}
.banner_list li>ol .textbox{width: 65%; height: 100%; flex-wrap: nowrap; padding: 1rem; justify-content: center; align-items: flex-end; flex-direction: column; text-align: right; position: absolute; right: 0; top: 0; z-index: 2;}
.banner_list li>ol .textbox::before{content: ''; width: 120%; height: 100%; background-color: #eff5fb; position: absolute; left: 0; top: 0; transform: skewX(-20deg);z-index: -1;}
.banner_list li>ol .textbox a.h6{color: #dc3545; font-size: 1.2rem; margin-bottom: .25rem;}
.banner_list li>ol .textbox small{display: block; color: #333; font-size: 1rem; font-weight: 300; margin-bottom: 1rem;}
.banner_list li>ol .textbox p{font-size: .8rem; margin-bottom: 0; color: #333; line-height: 18px; min-height:54px; max-height:54px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 110%; margin-left: -10%;}
.banner_list li:nth-child(2)>ol .textbox p{width: 100%; margin: 0;}
/* Banner-end */
/* index */
section{width: 100%; padding:4rem 0; display: block; position: relative; overflow: hidden;}
.home_title{text-align: center; font-size: 2.2rem; text-transform: capitalize; color: #000;}
.home_smalltitle{display: block; text-align: center; font-size: 1rem; max-width: 1000px; margin: 0 auto; color: #555;}

.row-flex{display: flex;flex-direction: row;justify-content: space-between;}
.row-flex .text{width:45%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box;padding-right:30px}
.row-flex .text .small-text{font-size:1rem;color:#000;margin:10px 0}
.row-flex .text .caption{font-size:2rem;line-height:2.3rem}
.row-flex .text .more-des{margin-top:20px;line-height:1.5rem;font-size:.9rem}
.row-flex .provideo{width:52%;border-radius:150px 0 150px 0;overflow:hidden;position:relative}
.row-flex .provideo::before{content:"";position:absolute;top:0;left:0;width:100%;height:99%;background:linear-gradient(45deg,rgb(10 8 158),#fff);opacity:.4;transition:.3s all ease-in-out}
.row-flex .provideo:hover::before{opacity:0}
.row-flex .provideo>video{width:100%;height:100%;object-fit:fill}

.home_applications{margin-top:20px;background: linear-gradient(45deg, #dddada, transparent);position:relative; overflow: visible;}
.home_applications .app_caption{position:absolute;left:23%;top:20px;color:#000; font-weight:bold; text-transform:uppercase;font-size:1.3rem;}
.home_applications::before{content:'';width:1px;height:120px;background:#dc3545;position:absolute;left:22%;top:-70px;z-index:9}
.home_applications::after{content:'';background-image:url('../images/tyre-line.jpg');background-repeat:no-repeat;background-position:left bottom;background-size:28% 40%;position:absolute;bottom:-50px;left:-50px;width:100%;height:100%;z-index:-1}
.home_applications .container-fluid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 20px 0 20px; max-width:1200px}
.home_applications .container-fluid .clip-path{clip-path:polygon(0 0,100% 0%,100% 81%,53% 100%,0 81%);width: calc(calc(100% / 3) - 30px); position:relative;overflow:hidden;margin-bottom:40px}
.home_applications .container-fluid .clip-path::before{content: ""; display: block; padding-top: 75%;}
.home_applications .container-fluid .clip-path>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.home_applications .container-fluid .clip-path .cover{width:100%;height:100%;position:absolute; inset: 0; display:flex;flex-direction:row;justify-content:center; align-items: flex-start;}
.home_applications .container-fluid .clip-path .cover .txt{clip-path:polygon(0 0,100% 0%,100% 78%,50% 100%,0 78%);width:85%;min-height:100px;background:linear-gradient(45deg,#cbdce7,#e4eaf1);margin-top:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.2rem;font-weight:bold; padding:.5rem .5rem 1.5rem .5rem; text-align: center;}

.homeCustomization::before,.homeCustomization::after{content: ''; width: 100%; height: 106px; background: url(../images/tire.png) repeat-x left center; position: absolute;  opacity: .2;}
.homeCustomization::before{left: -35%; top: 0; transform: rotate(-45deg);}
.homeCustomization::after{right: -35%; bottom: 0; transform: rotate(-45deg);}
.homeCustomization .container{position: relative; z-index: 2;}
.homeCustomization ul{width: calc(100% + 30px); margin: 0 -15px;}
.homeCustomization ul li{width: 20%; padding: 0 15px; margin-top: 30px; clip-path: polygon(0 0, 100% 0%, 100% 81%, 50% 100%, 0 81%); overflow: hidden;}
.homeCustomization ul li>ol{flex-direction: column; background-color: #fff; position: relative; overflow: hidden; cursor: pointer;}
.homeCustomization ul li .imgbox{padding: 1rem 2rem 2rem 2rem;}
.homeCustomization ul li .imgbox>img{max-width: 40%; filter: grayscale(100%); transition: all .4s ease-in-out;}
.homeCustomization ul li:hover .imgbox>img{filter: grayscale(0%);}
.homeCustomization ul li .h6{flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; font-size: 1.1rem; margin-bottom: 0; text-transform: uppercase; margin-bottom: 0;}
.homeCustomization ul li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.homeCustomization ul li>ol:hover .h6{color: var(--bg-hover);}

.home-brief{background-color:#efefef;clip-path:polygon(0 0,100% 0%,100% 81%,53% 100%,0 81%);width:100%;overflow:hidden;position:relative}
.home-brief .container-fluid{width:75%}
.home-brief .container-fluid .row-flex{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
.home-brief .container-fluid .row-flex .left-box{width:50%;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;padding-bottom:50px}
.home-brief .container-fluid .row-flex .left-box .box{width:50%;min-height:248px}
.home-brief .container-fluid .row-flex .left-box .box>img{height:100%;object-fit:cover}
.home-brief .container-fluid .row-flex .left-box .box:nth-child(1),.home-brief .container-fluid .row-flex .left-box .box:nth-child(4){display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#dc3545;color:#fff;box-sizing:border-box;padding:30px}
.home-brief .container-fluid .row-flex .left-box .box:nth-child(4){background:#ac2533;}
.home-brief .container-fluid .row-flex .left-box .box:nth-child(1) .year{font-size:4.8rem;line-height:5.2rem;font-weight:bold}
.home-brief .container-fluid .row-flex .left-box .box:nth-child(1) .up-txt{margin-top:10px;font-size:1.2rem;text-transform:uppercase}
.home-brief .container-fluid .row-flex .right-box{width:50%;box-sizing:border-box;position:relative}
.home-brief .container-fluid .row-flex .right-box .caption{font-size:2rem;line-height:2.3rem}
.home-brief .container-fluid .row-flex .right-box .moredes{font-size:1.1rem}
.home-brief .container-fluid .row-flex .right-box .container{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-brief .container-fluid .row-flex .right-box .textbox{width:60%;flex-direction:column;padding:2rem;padding-right:0}
.home-brief .container-fluid .row-flex .right-box  .textbox small{display:block;text-transform:uppercase;color:var(--bg-main)}
.home-brief .container-fluid .row-flex .right-box  .textbox .more>a{padding:1rem 1.5rem}
.homeAbout_img{width: 35%; position: relative;}
.homeAbout_img::before{content: ''; display: block; padding-top: 100%;}
.homeAbout_img::after{content: ''; width: 500px; height: 500px; position: absolute; left:20%; top: 50%; transform: translateY(-50%); border: 1px solid #ccc; border-radius: 50%;}
.homeAbout_img .video_btn{left:20%;}
.gear{width: 300px;height: auto; position: absolute; left: 50%; top: 50%; transform: translateY(-50%);	-webkit-animation:spin 4s linear infinite;	-moz-animation:spin 4s linear infinite;	animation:spin 4s linear infinite; filter: grayscale(1); opacity: .5;}
@-moz-keyframes spin { 100% { -moz-transform: translateY(-50%) rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: translateY(-50%) rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: translateY(-50%) rotate(360deg); transform: translateY(-50%) rotate(360deg); } }

.homeWhy{padding: 2.5rem 0;}
.homeWhy ul{width: calc(100% + 20px); margin: 0 -10px;}
.homeWhy ul>li{width: 20%; padding: 0 10px; margin: 10px 0; transition: all .4s ease-in-out;}
.homeWhy ul>li>ol{background-color: #f8f9fa; padding: 1rem; -webkit-clip-path: polygon(100% 0, 100% 85%, 90% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 85%, 90% 100%, 0 100%, 0 0); flex-direction: column;}
.homeWhy ul>li>ol .imgbox{width: 100%;}
.homeWhy ul>li>ol .imgbox img{width: 60px; height:60px;}
.homeWhy ul>li>ol .textbox{width: 100%; flex-direction: column; align-items: center; text-align: center; padding-top: 1rem;}
.homeWhy ul>li>ol .textbox .h6{margin-bottom: .7rem;}
.homeWhy ul>li>ol .textbox p{font-size: .85rem; line-height: 1.2;}
.homeWhy ul>li>ol .textbox p:last-child{margin-bottom: 0;}
.homeWhy ul>li:hover{filter: drop-shadow(0 0 10px rgba(128,0,0,.2));}
.homeWhy-white ul>li>ol{background-color: #fff;}
@media (max-width:1599.98px){
	.home-brief .container-fluid{width: 80%;}
}
@media (max-width:1399.98px){
	.home-brief .container-fluid{width: 85%;}
}
@media (max-width:1199.98px){
	section{padding:3rem 0;}
	.banner_list {margin-top: -5rem;}
	.banner_list li>ol .textbox{width: 75%;}
	.banner_list li>ol .textbox small{margin-bottom: .5rem; font-size: .9rem;}
	.banner_list li>ol .textbox p{min-height:36px; max-height:36px; -webkit-line-clamp: 2;}
	.home-brief .container-fluid{width: calc(100% - 40px);}
	.home-brief .container-fluid .row-flex .right-box .textbox{padding: 0;}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(1), .home-brief .container-fluid .row-flex .left-box .box:nth-child(4){padding: 20px;}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(1) .year{width: 4rem; line-height: 4.8rem;}
}
@media (max-width:991.98px){
	section{padding:2.5rem 0;}
	.banner .h2{top: 50%; transform: translateY(-50%); font-size: 2.5rem;}
	.banner_list {margin-top: 2rem;}
	.banner_list li>ol{flex-direction: column;}
	.banner_list li>ol a.imgbox {width: 100%;}
	.banner_list li>ol a.imgbox::before {padding-top: 50%;}
	.banner_list li>ol .textbox{width: 100%; height: auto; position: relative; align-items: flex-start; flex: 1;}
	.banner_list li>ol .textbox::before{width: 100%; transform: initial;}
	.banner_list li>ol .textbox small{font-size: .95rem; text-align: left;}
	.banner_list li>ol .textbox p{flex: 1; min-height:initial; max-height:initial; -webkit-line-clamp: initial; text-align: left; width: 100%; margin: 0;}
	.home_applications .container-fluid .clip-path{margin-bottom: 30px;}
	.home_applications .container-fluid .clip-path .cover .txt{margin-top: 20px;}
	.home_title{font-size: 2rem;}
	.homeCustomization ul{justify-content: center;}
	.homeCustomization ul li{width: calc(100% / 3); margin-top: 20px;}
	.home-brief {clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);}
	.home-brief .container-fluid .row-flex .left-box,.home-brief .container-fluid .row-flex .right-box{width: 100%;}
	.home-brief .container-fluid .row-flex .left-box .box>img{width: 100%;}
	.homeWhy ul{justify-content: center;}
	.homeWhy ul>li{width: calc(100% / 3);}
}
@media (max-width:767.98px){
	section{padding:2rem 0;}
	.banner .h2{font-size: 2rem; margin-bottom: 0;}
	.banner_list li{width: 100%; margin-bottom: 20px;}
	.banner_list li>ol{flex-direction: row;}
	.banner_list li>ol a.imgbox {width: 30%;}
	.banner_list li>ol .textbox{width: 70%; padding-left: 2rem;}
	.row-flex{flex-wrap: wrap;}
	.row-flex .text{padding: 0; margin-bottom: 1rem;}
	.row-flex .text,.row-flex .provideo{width: 100%;}
	.row-flex .provideo{border-radius: 70px 0 70px 0;}
	.home_applications::before{display: none;}
	.home_applications .app_caption{left: 1.25rem;}
	.home_applications .container-fluid{padding-top: 30px;}
	.home_applications .container-fluid .clip-path{width: calc(50% - 20px);}
	.home_title{font-size: 1.75rem;}
	.homeCustomization ul li .h6{padding: 10px; font-size: 1rem;}
	.home-brief .container-fluid{width: calc(100% - 30px);}
	.homeWhy ul>li{width: 100%;}
}
@media (max-width:575.98px){
	section{padding:1.5rem 0;}
	.banner{min-height: 200px; position: relative;}
	.banner .h2{font-size: 1.5rem;}
	.banner img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover; z-index: -1;}
	.memotxt {font-size: .9rem !important; margin: 10px 0 0 0;}
	.banner_list li>ol a.imgbox {width: 40%;}
	.banner_list li>ol .textbox{width: 60%;}
	.row-flex .text .caption {font-size: 1.5rem; line-height: 2rem;}
	.row-flex .provideo{border-radius: 30px 0 30px 0;}
	.home_applications .container-fluid{padding-top: 35px;}
	.home_applications .container-fluid .clip-path .cover .txt{font-size: 1rem;}
	.homeCustomization ul li{width: 50%; margin-top: 1rem;}
	.home_applications .container-fluid .clip-path{width: 100%;}
	.home-brief {clip-path: initial;}
	.home-brief .container-fluid{width: calc(100% - 20px);}
	.home-brief .container-fluid .row-flex .left-box {padding-bottom: 1rem;}
	.home-brief .container-fluid .row-flex .left-box .box{width: 100%; min-height: initial;}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(1){order: 1;}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(2){order: 0;}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(3){order: 2;}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(4){order: 3;}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(1) .year{font-size: 3rem; line-height: 4rem;}
	.home-brief .container-fluid .row-flex .right-box .container{flex-direction: column-reverse;}
	.home-brief .container-fluid .row-flex .right-box .textbox{width: 100%;}
	.home-brief .container-fluid .row-flex .right-box .textbox .h3{font-size: 1.5rem;}
	.homeAbout_img{width: 100%; height: 80px; margin-bottom: 1rem;}
	.homeAbout_img .video_btn{left: 50%; top: 50%;}
	.homeAbout_img::before {padding-top: 0;}
	.homeAbout_img::after{display: none;}
	.gear{display: none;}
}
@media (max-width:375.98px){
	section{padding:1.25rem 0;}
	.banner_list {margin-top: 1.25rem;}
	.banner_list li{width: 100%; margin-bottom: 20px;}
	.banner_list li>ol{flex-direction: column;}
	.banner_list li>ol a.imgbox {width: 100%;}
	.banner_list li>ol .textbox{width: 100%; padding: 1rem;}
	.home_applications .container-fluid .clip-path{width: 100%; margin-bottom: 1rem;}
	.home_title{font-size: 1.5rem;}
	.homeCustomization ul li{width: 100%; margin-top: 1rem;}
	.homeCustomization ul li .imgbox {padding: 1rem; padding-bottom: 2rem;}
	.homeCustomization ul li .imgbox>img {max-width: 50px;}
	.home-brief .container-fluid{width: calc(100% - 10px);}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(1) .year {font-size: 1.5rem;line-height: 2rem;}
	.home-brief .container-fluid .row-flex .left-box .box:nth-child(1) .up-txt,.home-brief .container-fluid .row-flex .right-box .moredes{font-size: .95rem;}
}
/* index-end */
/* #footer */
#footer{ position: relative; overflow: hidden;}
#footer::before{content: ''; position: absolute; inset: 0; background: url(../images/pattern.png) repeat;}
.footer{padding: 4rem 0 2rem 0; position: relative;z-index: 2;}
.footer_logo{display: flex; justify-content: flex-start; margin-bottom: 1rem;}
.footer_logo img{display:block;max-width:100%; height:auto; margin-left: 0;}
.footer_text{display: block; font-size: 1rem; color: #fff; opacity: .8;}

.footer .h3{display: block; font-size: 1.5rem; color: #fff; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase;}
.footer_list{display:flex;flex-direction:column;}
.footer_list>li{display:block;margin-bottom: 5px; position: relative;padding-left: 1rem;}
.footer_list>li:last-child{margin-bottom: 0;}
.footer_list>li>a{display: block; font-size: .9rem; color: rgba(255,255,255,.7);}
.footer_list>li>a:hover{color: var(--bg-hover); opacity: 1; text-decoration: underline;}
.footer_list>li::before{content: "\f105"; font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; position: absolute; left: 0; top: 0; color: #fff;}

.footer_contact{display:flex; flex-direction: column; margin-top:0.5rem; margin-bottom: 0;}
.footer_contact dt{font-size: 1.2rem; color: #fff; font-weight: 600; margin-bottom: .5rem;}
.footer_contact dd{width: 100%; color:rgba(255,255,255,.7); display:flex; flex-wrap:wrap; align-items:center; margin-bottom: 5px; font-size: .9rem; padding-left: 1.8rem; position: relative;}
.footer_contact dd i{font-size: 1.1rem; position: absolute; left: 0; top: 0; color:#fff;}
.footer_contact dd a:hover{text-decoration: underline; color: var(--bg-hover);}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:0 0 2rem 0; position:relative;z-index:2}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #fff;font-size:.9rem;}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--bg-hover);opacity: 1;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.3s ease-in-out}
#etw_coper{width:100%;line-height:22px;font-size:1rem;display:flex;font-weight:300;justify-content:center}
#etw_coper a{color:#fff;font-size:.9rem;}
/* #etw_top */
#etw_top{position:fixed;width:40px;height:40px;right:15px;bottom:100px;text-align:center;background:var(--bg-hover);z-index:100;cursor:pointer;line-height:38px; transition:0.5s all ease-in-out; border-radius: 50%;}
#etw_top a{color:#fff;font-size:0.9rem;}
#etw_top:hover{background:var(--bg-main);transform:translateY(-0.5rem)}
#etw_top:after{position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:1;background:radial-gradient(ellipse at center,rgba(0,0,0,0.25) 0,rgba(0,0,0,0) 80%)}
.theme-send-inquiry-box{background:var(--bg-hover) !important;border:1px solid var(--bg-hover) !important;}
.theme-box-name{background:#000 !important;border-left:1px solid #000 !important}
@media (max-width:991.98px){
	.footer {padding: 3rem 0 2rem 0;}
}
@media (max-width:767.98px){
	.footer {padding: 2rem 0;}
}
@media (max-width:575.98px){
	.footer {padding: 1.5rem 0;}
	.footer .h3{font-size: 1.25rem;}
}
@media (max-width:375.98px){
	.footer {padding: 1.2rem 0;}
	.footer .h3{font-size: 1rem;}
}

/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;}
#quicknav ul{width:100%;display:flex;}
#quicknav ul li{display:flex;align-items: center; padding: 0 16px; position: relative;height: 50px;}
#quicknav ul li::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; position: absolute; right: 0; top:50%; transform: translateY(-50%);}
#quicknav ul li:last-child::after{display: none;}
#quicknav ul li a{ font-size:0.9rem;text-transform:capitalize; }
#quicknav ul>li:first-child{padding-left: 0; padding-right: 1.25rem;}
#quicknav ul>li:first-child>a{text-decoration:none !important; font-size: 1.2rem;}
#quicknav ul>li:first-child>a>i{font-size: inherit;}
#quicknav ul li::after,#quicknav ul li a,#quicknav ul>li:first-child>a{color:#000; opacity: 1;}
#quicknav ul li:last-child{color: var(--bg-hover);}
#quicknav ul.quicknav{justify-content: center;}
#quicknav ul.quicknav li::after,#quicknav ul.quicknav li a{color:#fff;}
#quicknav ul.quicknav li:last-child{color: var(--bg-hover);}
#quicknav ul li a:hover{text-decoration:underline;color:var(--bg-main)}
@media (max-width:767.98px){
	#quicknav ul{padding: .5rem 0;}
	#quicknav ul li{height: auto;}
}
@media (max-width:575.98px){
	#quicknav{display: none !important;}
}
/* #quicknav-End */
/* Products */
.product_bannner{padding: 0;}
.product_hover{width: 100%; position: absolute; inset: 0; z-index: 2; display: flex; align-items: center;}
.product_hover::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to right, rgba(0,0,0,.2), transparent);}
.product_hover .container{position: relative; z-index: 2;}
.product_hover .etw_hometitle{ margin-bottom: 0; justify-content: flex-start; align-items: flex-start;}
.product_hover .etw_hometitle h2{font-size: 3rem; color: #fff; line-height: 1.3; text-align: left; margin-bottom:1rem; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); text-transform: uppercase; letter-spacing: 3px;}
.product_hover .etw_hometitle small{display: block; font-size: 1.25rem; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}

.detailsPros{padding: 0;}
.detailsPros-items{padding: 3rem 0; position: relative; overflow: hidden; z-index: 0;}
.detailsPros-items .container{position: relative; z-index: 2;}
.bg1::before{content: ''; position: absolute; inset: 0; background: url(../images/bj2.png) no-repeat right center; background-size: 500px; filter: grayscale(100%); opacity: .2; z-index: -1;}
.bg2::before{content: ''; position: absolute; inset: 1rem; background: url(../images/bj1.png) no-repeat left center; background-size: contain; filter: grayscale(100%); opacity: .2; z-index: -1;}
.bg3::before{content: ''; position: absolute; inset: 1rem; background: url(../images/bj3.png) no-repeat left bottom; background-size: 35%; filter: grayscale(100%); opacity: .1; z-index: -1;}
.bg4::before{content: ''; position: absolute; inset: 1rem; background: url(../images/customization_icon04.png) no-repeat right  center; background-size: 18%; filter: grayscale(100%); opacity: .1; z-index: -1;}
.bg5::before,.bg5::after{content: ''; width: 50%; height: 100%; position: absolute; top: 0; background: url(../images/tire.png) repeat; transform: rotate(-45deg); opacity: .1;}
.bg5::before{left: -15%;}
.bg5::after{right: -15%;}

.detailsPros_left{width: 100%; overflow: hidden; position: relative;}
.detailsPros_left::before{content: ''; display: block; padding-top: 56.25%;}
.detailsPros_left>video{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover;}
.detailsPros_left .video_btn{width: 60px; height: 60px; left: auto; top: auto; right: 1rem; bottom: 1rem; transform: initial;}

.etw_hometitle{display: flex; flex-direction: column; margin-bottom: 1rem;}
.etw_hometitle>span{display: block; color: var(--bg-hover); font-size: 1.25rem;}
.etw_hometitle h2,.etw_hometitle>div.h3{font-size: 2rem; color: var(--bg-main); margin-bottom: .5rem;}
.etw_hometitle>small{display: block; font-size: 1rem; margin-bottom: .5rem;}
.h4_title{text-align: center; text-transform: uppercase; color: var(--bg-hover);}
.h4_title::after{content: ''; width: 80px; height: 4px; background-color: var(--bg-main); margin: .75rem auto; display: block;}
.h4_title_left{text-align: left;}
.h4_title_left::after{margin-left: 0;}

.card{border:none; overflow:hidden; border-bottom: 1px dashed #ccc;}
.card-header{padding:0; background-color:inherit; border:none; border-radius: 0;}
.card-link{width:100%; display:block; padding:1rem; font-size:1rem; font-weight:500; position:relative; line-height:1;}
.card-link:hover{color:var(--hover-color)}
.card-link::after{content:"\f282"; font-size:1.2rem; color:#000; display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
.card-body{padding:1rem; padding-top:0;}
.card-body p:last-child{margin-bottom:0}
.card-link[aria-expanded="true"]::after{content:"\f286";}

.inquiryform::before{content: ''; position: absolute; inset: 0; background: url(../images/inquiry_bg.png) no-repeat center center; background-size: cover; z-index: 1; opacity: 0.1;}
.inquiryform::after{content: ''; position: absolute; inset: 0; background-color: var(--bg-main); z-index: 0; opacity: 1;}
.inquiryform .container{position: relative;z-index: 2;}
.inquiryform .h3{line-height: 1; color: #fff; font-size: 1.7rem;}
.inquiryform p{font-size: 1rem; color: #fff; opacity: .8; max-width: 90%;}
.inquiryform .inquiry_btn{display: flex; position: relative; z-index: 2; margin-bottom: 1rem;}
.inquiryform .inquiry_btn>a{width: fit-content; padding: .8rem 1.25rem; background-color: #000; color: #fff; transition: all .4s ease-in-out; font-size: .85rem; line-height: 1.2;}
.inquiryform .inquiry_btn>a:hover{background-color: var(--bg-hover); color: #fff;}
.inquiryform dl{display: flex; flex-direction: column; margin-top: 2rem;}
.inquiryform dl>dd{display: flex; align-items: center;margin-bottom: 1rem; color: #fff; font-size: 1rem; position: relative; padding-left: 2rem;}
.inquiryform dl>dd i {font-size: 1.25rem; line-height: 24px; margin-right: 10px; color: #fff; position: absolute; left: 0; top: 0;}
.inquiryform dl>dd a:hover{color: var(--bg-hover);}
.feedback{padding: 1.25rem; background-color: rgba(255,255,255,.8); min-height: 420px; -webkit-clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 100%, 0 0);	clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 100%, 0 0);}
.feedback .webtitle{font-size: 2rem; text-align: center; color: var(--bg-main);}

.prosApps .h3{text-align: center; color: var(--bg-main); font-size: 2rem;}
.prosApps ul{width: calc(100% + 2px); margin: 0 -1px; margin-top: 2rem;}
.prosApps ul li{width: 20%; padding: 0 1px; margin-top: 2px;}
.prosApps ul li>ol{background-color: #f5f5f5; flex-direction: column;}
.prosApps ul li>ol .textbox{padding: 1rem; flex-direction: column; justify-content: space-between;}
.prosApps ul li>ol .textbox .more>a{padding: 0; background: inherit; color: var(--bg-main); text-transform: uppercase; overflow: visible; text-decoration: underline;}
.prosApps ul li>ol .textbox .more>a:hover{color: var(--bg-hover);}
.prosApps ul li>ol .imgbox:hover img{opacity: .8;}
.prosApps-white ul li>ol{background-color: #fff;}
@media (max-width:991.98px){
	.product_bannner{height: 250px;}
	.product_bannner>img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover;}
	.detailsPros-items{padding: 2.5rem 0;}
	.details_box .container{padding: 20px 15px !important;}
	.details_box .container .details_left,.details_box .container .details_right{width: 100% !important;}
	.details_box .container .details_right{margin-top: 1rem; padding: 30px !important;}
	.des_box .container .item{width: 100% !important;}
	.des_box .container .item>.img{width: 20% !important;}
	.des_box .container .item .txt{width: 80% !important; padding: 0 0 0 2rem !important;}
	.flex-4 .items>li{width: 48% !important; margin-bottom: 2% !important;}
	.inside-box{display: block !important;}
	.inside-box>.imgs{float: right; margin: 0 0 1rem 1rem;}
	.inside-box>.txt{width: auto !important;}
}
@media (max-width:767.98px){
	.product_hover .etw_hometitle h2,.details_right .h2{font-size: 2rem;}
	.detailsPros-items{padding: 2rem 0;}
	.des_box .container .item>.img{width: 40% !important;}
	.des_box .container .item .txt{width: 60% !important; padding: 0 0 0 1.5rem !important;}
	.inside-box>.txt, .inside-box>.imgs{width: 100% !important; float: none; margin: 0;}
	.prosApps ul li{width: 50%;}
}
@media (max-width:575.98px){
	.details_box{padding: 0 !important;}
	.product_hover .etw_hometitle h2,.details_right .h2{font-size: 1.5rem;}
	.etw_hometitle h2,.etw_hometitle>div.h3{font-size: 1.5rem;}
	.product_hover .etw_hometitle small{font-size: .95rem;}
	.detailsPros-items{padding: 1.5rem 0;}
	.details_box .container .details_right{padding: 20px !important;}
	.des_box .container .item{padding: 0 !important; flex-direction: column !important;}
	.des_box .container .item>.img{width: 100% !important; position: relative; overflow: hidden;}
	.des_box .container .item>.img::before{content: ''; display: block; padding-top: 50%;}
	.des_box .container .item>.img>img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover !important;}
	.des_box .container .item .txt{width: 100% !important; padding: 1.25rem !important;}
	.flex-4 .items>li{width: 100% !important;}
	.inside-box>.txt {padding: 20px !important;}
	.details_box .container .details_left .related_pic>li{width: calc(100% / 3) !important;}
}
@media (max-width:375.98px){
	.product_bannner{height: 150px;}
	.product_hover .etw_hometitle h2{margin-bottom: 0;}
	.detailsPros-items{padding: 1.25rem 0;}
	.prosApps ul li{width: 100%;}
}
/* Products-End */
/* Applications */
.nbannner{padding: 0;}
.nbannner::before{content: ''; position: absolute; inset: 0; background-color: #000; opacity: .3;}
.nbannner_hover{width: 100%; position: absolute; left: 0; top:50%; transform: translateY(-50%); z-index: 3;}
.nbannner .etw_hometitle{justify-content: center; align-items: center;}
.nbannner .etw_hometitle>div.h3,.apps_title{color: #fff; text-align: center;}
.nbannner_hover p{max-width: 70%; margin: 0 auto; color: #fff; text-align: center; font-size: 1.2rem;}

.applications{ z-index: 0;}
.applications::before{background-position: right 8rem; background-size: 350px auto;}
.applications_left{width: 100%; position: relative; padding: 3rem 3rem 0 0;}
.applications_left>.imgbox{width: 80%; position: absolute; right: 0; top: 0; z-index: -1;}
.applications_left>.imgbox::before{content: ''; position: absolute; inset: 0; background-color: #DCDCDC; backdrop-filter: blur(5px);}

.applications content .h3{color: var(--bg-main);}
.applications ul{width: 100%;}
.applications ul li{width: 100%; margin-top: 40px;}
.applications ul li>ol{justify-content: space-between;}
.applications ul li>ol a.imgbox{width: 35%;}
.applications ul li>ol a.imgbox>span{width: 40%; border-radius: 50%; overflow: hidden; display: block; position: absolute; right: -20%; top: 50%; z-index: 2; transform: translateY(-50%); transition: all .4s;}
.applications ul li>ol a.imgbox>span::before{content: ""; display: block; padding-top: 100%;}
.applications ul li>ol .textbox{width: 60%; flex: none; flex-direction: column; justify-content: center;}
.applications ul li>ol .textbox .more>a{padding: .8rem 1.5rem; background-color: var(--bg-main); color: #fff; font-size: .8rem; text-transform: uppercase;font-family:"Oswald",sans-serif; font-weight: 200; position: relative; overflow: hidden; z-index: 0;border-radius: 5px;	box-shadow: 0 0 2rem #a1a1a1;}
.applications ul li>ol .textbox .more>a::before{content: ''; width: 130%; height: 100%; background-color: var(--bg-hover); position: absolute; left: 91%; top: 0; transform: skewX(-30deg); transition: all .3s ease-in-out; z-index: -1;}
.applications ul li>ol .textbox .more>a:hover::before{left: -10%;}
.applications ul li>ol a.imgbox:hover>span{right: 1rem;}

.recommendedPros ul{width: 100%;}
.recommendedPros ul li{width: 100%;}
.recommendedPros ul li>ol{background-color: #f5f5f5; flex-direction: row-reverse;}
.recommendedPros ul li a.imgbox{width: 50%;}
.recommendedPros ul li .textbox{width: 50%; padding: 2rem; flex-direction: column; justify-content: center;}
.recommendedPros ul li .textbox a.h3{font-size: 1.6rem;}
.recommendedPros ul li .textbox .more>a{padding: .8rem 1.5rem;}

.inquiryform2::before{content: ''; position: absolute; inset: 0; background: url(../images/inquiry_bg.png) no-repeat center center; background-size: cover; z-index: 1; opacity: 0.1;}
.inquiryform2::after{content: ''; position: absolute; inset: 0; background-color: var(--bg-main); z-index: 0; opacity: 1;}
.inquiryform2 .container{position: relative;z-index: 2;}
.inquiryform2 .h3{line-height: 1; color: #fff; font-size: 1.7rem;}
.inquiryform2 p{font-size: 1rem; color: #fff; opacity: .8; max-width: 90%;}
.inquiryform2 .inquiry_btn{display: flex; position: relative; z-index: 2; margin-bottom: 1rem;}
.inquiryform2 .inquiry_btn>a{width: fit-content; padding: .8rem 1.25rem; background-color: #000; color: #fff; transition: all .4s ease-in-out; font-size: .85rem; line-height: 1.2;}
.inquiryform2 .inquiry_btn>a:hover{background-color: var(--bg-hover); color: #fff;}

.inquiryform2 dl{display: flex; flex-direction: column;}
.inquiryform2 dl>dd{display: flex; align-items: center;margin-bottom: 1rem; color: #fff; font-size: 1rem; position: relative; padding-left: 2rem;}
.inquiryform2 dl>dd i {font-size: 1.25rem; line-height: 24px; margin-right: 10px; color: #fff; position: absolute; left: 0; top: 0;}
.inquiryform2 dl>dd a:hover{color: var(--bg-hover);}


.quickLinksApps{width: 60px; position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; display: flex; flex-direction: column;}
.quickLinksApps li{width: 200px; margin: 3px 0; position: relative; transition: all .4s ease-in-out;}
.quickLinksApps li>ol{background-color: #000; position: relative; display: flex; flex-wrap: nowrap; align-items: center;}
.quickLinksApps li>ol a.imgbox{width: 60px; height: 60px;}
.quickLinksApps li>ol a.imgbox img{width: 40px; filter: drop-shadow(60px 0 #fff); position: relative; transform: translateX(-60px);}
.quickLinksApps li>ol a.h6{width: calc(100% - 60px); padding: 0 1rem; font-size: .9rem; margin-bottom: 0;}
.quickLinksApps li:hover{transform: translateX(-140px);}
.quickLinksApps li:hover>ol,.quickLinksApps li.active>ol{background-color: var(--bg-hover);}
.quickLinksApps li:hover>ol a.h6{color: #fff !important;}

.appsDetails{padding: 0;}
.appsDetails-item{padding: 3rem 0; position: relative; z-index: 0;}
.appsDetails_title {margin-bottom: 1.25rem;}
.appsDetails_title span{display: block; text-transform: uppercase; font-size: 1rem; color: var(--bg-main);}
.appsDetails_title .etw_hometitle>div.h3{font-size: 1.8rem; margin-bottom: .5rem; color: #000;}
.appsDetails_title small{display: block; font-size: 1rem; color: #999;}

.h5_title{color: var(--bg-main);}
.subox{display: block; overflow: hidden; margin-bottom: 1.5625rem;}
.subox .h5_title{margin-bottom: .5rem;}
.subox p:last-child{margin-bottom: 0;}

.relApps_title{text-align: center; font-size: 1.3rem; text-transform: uppercase; color: var(--bg-main);}
.relApps ul{width: calc(100% + 2px); margin: 0 -1px; margin-top: 2rem;}
.relApps ul li{width: 20%; padding: 0 1px; margin-top: 2px;}
.relApps ul li>ol{background-color: #fff; flex-direction: column;}
.relApps ul li>ol .textbox{padding: 1rem; flex-direction: column; justify-content: space-between;}
.relApps ul li>ol .textbox .more>a{padding: 0; background: inherit; color: var(--bg-main); text-transform: uppercase; overflow: visible; text-decoration: underline;}
.relApps ul li>ol .textbox .more>a:hover{color: var(--bg-hover);}
.relApps ul li>ol .imgbox:hover img{opacity: .8;}
.relApps ul li.active>ol .textbox a.h6{color: var(--bg-hover);}
.relApps-white ul li>ol{background-color: #f5f5f5;}

@media (max-width:991.98px){
	.nbannner{height: 200px;}
	.nbannner>img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:block;object-fit:cover; z-index: -1;}
	.nbannner .etw_hometitle>div.h3,.apps_title{font-size: 1.7rem;}
	.appsDetails-item{padding: 2.5rem 0;}
	.applications_left{padding: 0;}
	.applications ul li>ol .textbox a.h4{font-size: 1.4rem;}
	.applications ul li>ol .textbox p{min-height:72px; max-height:72px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.relApps ul li{width: 25%;}
	.relApps ul li:last-child{display: none;}
}
@media (max-width:767.98px){
	.nbannner .etw_hometitle>div.h3,.apps_title{font-size: 1.5rem;}
	.appsDetails-item{padding: 2rem 0;}
	.applications content .h3{font-size: 1.7rem;}
	.applications ul li{margin-top: 30px;}
	.applications ul li>ol a.imgbox{width: 40%;}
	.applications ul li>ol .textbox{width: 55%;}
	.recommendedPros ul li a.imgbox,.recommendedPros ul li .textbox{width: 100%; padding: 1.5rem;}
	.relApps ul li{width: calc(100% / 3);}
	.relApps ul li:nth-last-child(2){display: none;}
}
@media (max-width:575.98px){
	.nbannner .etw_hometitle>div.h3,.apps_title{font-size: 1.25rem;}
	.appsDetails-item{padding: 1.5rem 0;}
	.applications content .h3{font-size: 1.4rem;}
	.applications ul li {margin-top: 20px;}
	.applications ul li>ol a.imgbox{width: 100%;}
	.applications ul li>ol .textbox{width: 100%; padding-top: 1rem;}
	.recommendedPros ul li a.imgbox,.recommendedPros ul li .textbox{padding: 1rem;}
	.relApps ul li{width: 50%;}
	.relApps ul li:nth-last-child(2){display: block;}
	.appsDetails_title .etw_hometitle>div.h3{font-size: 1.5rem;}
}
@media (max-width:375.98px){
	.appsDetails-item{padding: 1.25rem 0;}
	.relApps ul li{width: 100%;}
	.relApps ul li:last-child{display: block;}
	.appsDetails_title .etw_hometitle>div.h3{font-size: 1.25rem;}
}
/* Applications-End */
/* Customization */
.custom{padding: 0;}
.custom_left{width: 100%; position: relative; padding: 3rem 0 0 3rem; z-index: 0;}
.custom_left>.imgbox{width: 90%; position: absolute; left: 0; top: 0; z-index: -1;}
.custom_left>.imgbox::before{content: ''; position: absolute; inset: 0; background-color: #DCDCDC; backdrop-filter: blur(5px);}

.custom-item{padding: 3rem 0; position: relative; z-index: 0; overflow: hidden;}
.range{margin-top: 1.5rem;}
.range .h6{font-size: 1.2rem;}
.range p{font-size: .95rem;}
.samples .swiper-slide{width: auto;}
.samples .prev-button,.samples .next-button{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.5); font-size: 1rem; color: #fff; z-index: 2;}
.samples .next-button{left: auto; right: 0;}

.cases .cases_title{text-align: center; color: var(--bg-main); }
.cases ul{width: calc(100% + 16px); margin: 0 -8px;}
.cases ul li{width: 25%;}
.cases ul li>a{margin: 8px;}
.cases ul li>a>img{border-radius: 10px;}
.cases ul li>ol>li{width: 50%;}

@media (max-width:991.98px){
	.custom-item{padding: 2.5rem 0;}
	.custom_left{width: 100%; padding: 0;}
}
@media (max-width:767.98px){
	.custom-item{padding: 2rem 0;}
	.custim-flex>.item{width: 100% !important;}
}
@media (max-width:575.98px){
	.custom-item{padding: 1.5rem 0;}
	.custim-flex>.item{padding: 1.25rem !important; margin-bottom: 20px !important;}
	.cases ul li {width: 50%;}
	.cases ul li:nth-child(1){order: 0;}
	.cases ul li:nth-child(2){order: 1;}
	.cases ul li:nth-child(3){order: 3;}
	.cases ul li:nth-child(4){order: 2;}
}
@media (max-width:375.98px){
	.custom-item{padding: 1.25rem 0;}
	.cases ul li {width: 100%;}
	.cases ul li:nth-child(3){order: 2;}
	.cases ul li:nth-child(4){order: 3;}
}
/* Customization-End */
/* Become Our Dealer */
.choose_list{width: 100%; margin-top: 1rem;}
.choose_list li{width: 100%;}
.choose_list li>ol .imgbox{width: 50%;}
.choose_list li>ol .textbox{width: 50%; flex-direction: column; justify-content: center; padding: 2.5rem;}
.choose_list li:nth-child(even)>ol{flex-direction: row-reverse;}
@media (max-width:1199.98px){
	.choose_list li>ol .textbox{padding: 2rem;}
}
@media (max-width:991.98px){
	.choose_list li>ol .textbox{padding: 1.5rem;}
	.choose_list li>ol .imgbox,.choose_list li>ol .textbox {width: 100%;}
	.choose_list li>ol .imgbox a,.choose_list li>ol .imgbox img{width: 100%;}
}
@media (max-width:767.98px){
	.choose_list li>ol .textbox{padding: 1.5rem 0;}
}
@media (max-width:575.98px){
	.choose_list li>ol .textbox{padding: 1rem 0;}
}
@media (max-width:375.98px){}
/* Become Our Dealer-End */
/* About Us */
.company{padding: 0;}
.company-items{padding: 4rem 0;}
.company_title{font-size: 1.8rem; text-align: center; color: var(--bg-main);}
.company_title>span{color: #000;}
.company-items .more>a{}

.why_list{width: 100%;}
.why_list>li{width: 20%; padding: 0 15px; margin-top: 30px;}
.why_list>li>ol{flex-direction: column; background-color: #fff; padding: 1.5rem; -webkit-clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 100%, 0 0);}
.why_list>li>ol .imgbox img{height: 80px;}
.why_list>li>ol .textbox{flex-direction: column; padding-top: 1rem;}
.why_list>li>ol .textbox .h6{text-align: center;}
.why_list>li>ol .textbox p{font-size: .9rem;}
/* .why_list>li:nth-child(1),.why_list>li:nth-child(2){width: 50%;} */

.row-company>.col-12{padding: 2rem 15px; border-bottom: 1px dashed #ccc;}
.row-company>.col-12:last-child{border-bottom: none; padding-bottom: 0;}

.history{margin-top: 2rem; position: relative;}
.history::before{content: ''; width: 2px; height: 100%; background-color: var(--bg-main); position: absolute; left: 200px; top: 0;}
.history ul{width: 100%; display: flex; flex-direction: column;}
.history ul li{width: 100%; margin-bottom: 2rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.history ul li:last-child{margin-bottom: 0;}
.history ul li .h5{width: 200px; text-align: right; padding-right: 2rem; color: var(--bg-main); position: relative; font-size: 1.3rem; line-height: 30px; margin-top: 10px;}
.history ul li .h5::before{content: ''; width: 16px; height: 16px; border-radius: 50%; background-color:var(--bg-main); position: absolute; right: -9px; top: 7px; margin-left: 1px;}
.history ul li .textbox{width: calc(100% - 250px); flex: none; padding: 2rem; position: relative; background-color: #fff; filter: drop-shadow(0 0 15px rgba(0,0,0,.2));}
.history ul li .textbox::before{content: ''; width:0; height:0; border-right:21px solid #fff;border-top: 15px solid transparent;border-bottom: 15px solid transparent; position:absolute; left:-21px; top:10px;}
.history ul li .textbox p:last-child{margin-bottom: 0;}

.packaging{margin: 1.5rem 0;}
.packaging .prev-button,.packaging .next-button{width: 50px; height: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.5); font-size: 1rem; color: #fff; display: flex; align-items: center; justify-content: center; z-index: 9;}
.packaging .next-button{left: auto; right: 0;}
.packaging .prev-button.swiper-button-disabled{display: none;}
.packaging .next-button.swiper-button-disabled{display: none;}

.company_nav{ padding-top: 0;}
.company_nav ul{width: 100%; justify-content: center;}
.company_nav ul li{width: 20%; padding: 0 1rem; position: relative;}
.company_nav ul li::after{content: ''; width: 1px; height: 50%; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.company_nav ul li:last-child::after{display: none;}
.company_nav ul li>ol{flex-direction: column;}
.company_nav ul li>ol a.imgbox>img{height: 50px; filter: drop-shadow(0 50px #333); position: relative; transform: translateY(-100%);}

.company_nav ul li>ol a.h6{width: 100%; display: flex; flex-direction: column; padding-top: .5rem; text-align: center; justify-content: center; align-items: center; margin-bottom: 0;}
.company_nav ul li:hover>ol a.imgbox>img,.company_nav ul li.active>ol a.imgbox>img{filter: drop-shadow(0 50px var(--bg-hover)); position: relative; transform: translateY(-100%);}
.company_nav ul li:hover>ol a.h6,.company_nav ul li.active>ol a.h6{color: var(--bg-hover);}

.fac{padding: 0;}
.fac-items{position: relative; overflow: hidden; padding: 3rem 0;}
.fac_list{width: calc(100% + 30px); margin: 0 -15px;}
.fac_list>li{width: calc(100% / 2); margin-bottom: 40px; padding: 0 15px;}
.fac_list>li>ol{ flex-direction: column-reverse; background-color: #f5f5f5; padding: 1.25rem;}
.fac_list>li>ol .imgbox{width: 100%;}
.fac_list>li>ol .textbox{width: 100%; padding-bottom: .5rem; flex-direction: column;}
@media (max-width:1199.98px){
	.company-items {padding: 3rem 0;}
	.company_nav ul li {width: 20%;}
	.why_list{justify-content: center;}
	.why_list>li{width: calc(100% / 3);}
}
@media (max-width:991.98px){
	.company-items {padding: 2.5rem 0;}
	.company_title{font-size: 1.6rem;}
	.prosApps ul li{width: 25%;}
	.prosApps ul li:last-child{display: none;}
	.why_list>li{width: 50%;}
}
@media (max-width:767.98px){
	.company-items {padding: 2rem 0;}
	.row-company img{width: 100%;}
	.company_nav ul li {width: calc(100% /  3); margin-bottom: 10px;}
	.history::before{left: 8px;}
	.history ul{padding-left: 2rem;}
	.history ul li .h5 {width: 100%; text-align: left; padding: 0; margin-top: 0;}
	.history ul li .h5::before {right: auto; left: -2rem;}
	.history ul li .textbox {width: 100%; padding: 1.25rem;}
	.prosApps .h3{font-size: 1.7rem;}
	.prosApps ul{margin-top: 1.5rem;}
	.prosApps ul li{width: calc(100% /  3);}
	.prosApps ul li:nth-last-child(2){display: none;}
	.fac-items {padding: 2rem 0;}
	.fac_list>li {width: 100%; margin-bottom: 30px;}
}
@media (max-width:575.98px){
	.company-items {padding: 1.5rem 0;}
	.company_nav ul li {width: 50%;}
	.prosApps .h3{font-size: 1.4rem;}
	.prosApps ul{margin-top: 1rem;}
	.prosApps ul li{width: 50%;}
	.prosApps ul li:nth-last-child(2){display: block;}
	.why_list>li{width: 100%; margin-top: 1rem;}
	.fac-items {padding: 1.5rem 0;}
}
@media (max-width:375.98px){
	.company-items {padding: 1.25rem 0;}
	.prosApps ul li{width: 100%;}
	.prosApps ul li:last-child{display: block;}
	.fac-items {padding: 1.25rem 0;}
	.prosApps .h3{font-size: 1.2rem;}
	.company_nav ul li {width: 100%;}
	.company_nav ul li::after{display: none;}
}
/* About Us-End */
/* Contact Us */
.contact{padding:3rem 0}
.contact dl{display: flex; flex-direction: column;}
.contact dl .h6{font-size:1.6rem; line-height: 1.5; margin-bottom:1rem; color:var(--bg-main)}
.contact dl dd{font-size:1rem; line-height:24px; color: #000; margin-bottom: 5px;}
.contact dl dd strong{color:#000; margin-right: .25rem;}
.contact dl dd a{color:var(--bg-main); text-decoration:underline}
.contact dl dd a:hover{color:var(--bg-hover); text-decoration:none}
.contact .feedback .webtitle{font-size:1.875rem; color:var(--bg-main);}
.contact_map{margin-top: 1.5rem;}
@media (max-width:991.98px){
	.contact {padding: 2rem 0;}
}
@media (max-width:767.98px){
	.contact {padding: 1.5rem 0;}
	.contact dl .h6{font-size:1.3rem;}
}
@media (max-width:575.98px){
	.contact {padding: 1rem 0;}
}
/* Contact Us-End */
/* Overview */
.overview .etw_hometitle{padding: 1.5rem 0; margin-bottom: 0;}
.overview .etw_hometitle>div{margin-bottom: 0; color: var(--bg-hover);}

.overview_title{display: flex; justify-content: center; position:relative; margin-bottom: 2rem;}
.overview_title::before{content:"";width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--bg-main),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overview_title>span{max-width:70%;text-align:center;display:inline-block;position:relative;padding:0 1.5rem;line-height:1.3;background-color:#fff; font-size:2rem; color:var(--bg-main); text-transform:uppercase;}
.overviewMore{display: flex;}
.overviewMore>a{padding: .5rem 1.2rem; font-size: .95rem; background-color: var(--bg-main); color: #fff; text-transform: uppercase;}
.overviewMore>a:hover{background-color: var(--bg-hover); color: #fff;}

.overviewAbout .imgbox{-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%); clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);}

.overviewCompany ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.overviewCompany li{width:calc(50% - 20px);margin-top:30px;flex-direction: column;font-size:1rem; line-height: 24px;}
.overviewCompany li .overviewCompany-label{padding-bottom:1rem;position:relative;font-size:1.4rem;margin-bottom:1rem;color:#000; font-weight: bold;}
.overviewCompany li .overviewCompany-label::before{content:"";width:100%;height:1px; background-color:#ccc;position:absolute;left:0;bottom:2px}
.overviewCompany li .overviewCompany-label::after{content:"";width:50px;height:5px;background-color:var(--bg-main);position:absolute;left:0;bottom:0;transition:all 0.4s}
.overviewCompany li .overviewCompany-value{margin-bottom:0;color:#333;font-size:1rem; line-height: 30px;}
.overviewCompany li .overviewCompany-value dl{margin-bottom: 0;}
.overviewCompany li .overviewCompany-value dl dd{margin-bottom: 0;}
.overviewCompany li .overviewCompany-value dl dd address{margin-bottom: 0; display: inline-block;}
.overviewCompany li .overviewCompany-value dl dd>i{color: var(--bg-main); margin-right: .5rem;}
.overviewCompany li:hover .overviewCompany-label::after{width:100%}

.overviewPro ul{width: 100%;}
.overviewPro ul li{width: 100%; margin-top: 30px;}
.overviewPro ul li>ol{background-color: #f5f5f5; flex-direction: row-reverse;}
.overviewPro ul li a.imgbox{width: 50%;}
.overviewPro ul li .textbox{width: 50%; padding: 2rem; flex-direction: column; justify-content: center;}
.overviewPro ul li .textbox a.h3{font-size: 1.6rem;}
.overviewPro ul li .textbox .more>a{padding: .8rem 1.5rem;}

.overvireVideo ul{width: calc(100% + 30px); margin: 0 -15px;}
.overvireVideo ul li{width: 25%; padding: 0 15px; margin-top: 30px;}
.overvireVideo ul li>ol{flex-direction: column;}
.overvireVideo ul li a.h6{width: 100%; flex: 1; padding: 1rem .5rem; display: flex; align-items: flex-start; justify-content: center; margin-bottom: 0; text-align: center;background-color: #f5f5f5;}

@media (max-width:991.98px){
	.overviewAbout .imgbox img{width: 100%;}
	.overviewCompany li{width: 100%; margin-top: 20px;}
}
@media (max-width:767.98px){
	.overview_title {margin-bottom: 1.5rem;}
	.overview_title>span {font-size: 1.875rem;}
	.overviewPro ul li a.imgbox,.overviewPro ul li .textbox {width: 100%;}
	.overvireVideo ul li{width: calc(100% / 3);}
	.overvireVideo ul li:last-child{display: none;}
}
@media (max-width:575.98px){
	.overview_title {margin-bottom: 1rem;}
	.overview_title>span {font-size: 1.3rem;}
	.overviewAbout .h3{font-size: 1.5rem;}
	.overviewPro ul li .textbox{padding: 20px;}
	.overviewCompany li .overviewCompany-label {font-size: 1.1rem;}
	.overvireVideo ul li{width: 50%;}
	.overvireVideo ul li:last-child{display: block;}
}
@media (max-width:375.98px){
	.overviewPro ul li .textbox{padding: 1rem;}
	.overvireVideo ul li{width: 100%;}
}
/* Overview-End */

/* videos */
.videoHub{padding:2rem 0 4rem 0;}
.videoHub .etw_hometitle{color:var(--bg-main); font-size:2rem; text-transform: uppercase; align-items: center;}

.video_hub{width:100%;}
.video_hub ul{width:calc(100% + 30px); margin:0 -15px;}
.video_hub ul li{width:calc(100% / 3); padding:0 15px; margin-bottom:30px; transition: all .4s;}
.video_hub ul li>ol{background-color: #f5f5f5; flex-direction: column;}
.video_hub ul li>ol>a.imgbox{width: 100%;}
.video_hub ul li>ol>a.h6{flex: 1; width: 100%; display: flex; align-items: center; padding: 1rem .5rem; font-size: 1rem; color: #000; margin-bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center;}
.video_hub ul li:hover{filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%))}
.video_hub ul li:hover a .video_text{color:var(--bg-hover)}

.video_hub1 {width:100%; display: flex; margin-bottom: 3.5rem; transition: all .4s;}
.video_hub1>ol{width: 100%; display: flex; flex-wrap: wrap; align-items: center; background-color: #f5f5f5; -webkit-clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0 0);}
.video_hub1 a.imgbox{width: 50%;}
.video_hub1 .textbox{width: 50%; padding: 2rem; padding-left: 2.5rem;}
.video_hub1:hover{filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%));-webkit-filter:drop-shadow(0 0 6px rgba(0 0 0 / 25%))}

.video{width:100%;padding:3rem 0}
.video>.container{display:flex;flex-wrap:wrap;justify-content:space-between; align-items: flex-start;}
#video_right{width:65%}
#video_right .video_title{font-size:1.875rem; color:#000; text-transform: uppercase;}

#video_right .feedback{clip-path:initial}
#video_right .webtitle{font-size:1.875rem; color:#000; text-transform: uppercase;}
#video_right video{width:100%}
.video_more{display:flex;margin-bottom:2rem;}
.video_more>a,.video_more>span{padding:0.4rem 1.2rem;border:2px solid #000;color:#000;border-radius:20px; transition: all .4s; cursor: pointer; font-weight: 500;}
.video_more>a:hover,.video_more>span:hover{background-color:var(--bg-hover);color:#000;border-color:var(--bg-hover)}
.etw_videolist_more{display: none;}

#video_sidebar{width:30%;background-color:#f8f9fa; border-radius:10px;}
#etw_videolist .webtitle{font-size:1.3rem;font-weight:600;color:#fff;text-transform:uppercase;background-color:var(--bg-main);padding:1rem;text-align:center;font-style:italic;border-radius:10px 10px 0 0}
#etw_videolist ul{display:flex;flex-direction:column;padding:1.5rem}
#etw_videolist ul li{width: 100%; margin-bottom:1rem}
#etw_videolist ul li a{width: 100%; display:flex;align-items:center}
#etw_videolist ul li a img{width:30%;}
#etw_videolist ul li a span{width:70%;font-size:0.875rem; padding-left:1rem; font-weight:500}
#etw_videolist ul li a.dq span{color:var(--bg-hover); font-weight: 600;}
#etw_videolist ul li:last-child{margin:0}
.videohid{display:none}
@media (max-width:991.98px){
	#video_right{width:100%}
	#video_sidebar{width:100%;margin-top:2rem}
	#etw_videolist ul{flex-direction: row; justify-content: space-between;}
	#etw_videolist ul li{width: 48%;}
}
@media (max-width:767.98px){
	.video_hub1{margin-bottom: 30px;}
	.video_hub1 a.imgbox,.video_hub1 .textbox {width: 100%;}
	.video_hub1 .textbox{padding: 20px;}
	.video_hub ul li {width: 50%; margin-bottom: 20px;}
	.video_hub1 .textbox a.h3{font-size: 1.7rem;}
	#video_sidebar{margin-top:1rem}
	#etw_videolist ul{flex-direction: column;}
	#etw_videolist ul li{width: 100%;}
	#video_right .feedback{padding: 1rem .5rem !important;}
	#video_right .video_title{font-size: 1.5rem;}
}
@media (max-width:575.98px){
	.video_hub1{margin-bottom: 10px;}
	.video_hub1 .textbox{padding: 10px;}
	.video_hub ul li {width: 100%; margin-bottom: 10px;}
	.video_hub ul li img{width: 100%;}
	.video_hub1 .textbox a.h3{font-size: 1.3rem;}
	#etw_videolist ul{padding: .5rem;}
	#video_right .webtitle{font-size: 1.2rem;}
	#video_right .video_title{font-size: 1.2rem;}
}
/* videos-End */
/*added by mysteo start*/
.details_box{overflow: visible; position: relative; z-index: 2;}
.details_box .container{display:flex;flex-direction:row;justify-content:space-between;padding:20px 0 40px 0;flex-wrap:wrap}
.details_box .container .details_left{width:48%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.details_box .container .details_left .related_pic{width: calc(100% + 10px); margin: 0 -5px; display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.details_box .container .details_left .related_pic>li{width:calc(100% / 6); padding: 0 5px; margin-top: 10px;}
.details_box .container .details_right{width:48%;background:#fff;padding:30px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;box-shadow:0 0 3rem 0 rgba(0 0 0 / 25%)}
.des_box{padding:10px 0}
.des_box .container .item{background:linear-gradient(0deg,#dddddd,transparent,transparent,transparent);width:48%;padding:30px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
.des_box .container .item>.img{width:40%}
.des_box .container .item>.img>img{object-fit:fill;width:100%}
.des_box .container .item .txt{width:60%;padding:0 20px;font-size:.85rem;line-height:1.4rem}
.des_box .container .item .txt .bigger{font-size:1rem;text-transform:uppercase;font-weight:bold}

.flex-4 .position-caption-txt{position:absolute;top:30px;left:20px;font-weight:300;text-transform:uppercase;font-size:1.2rem}
.white-box::before{display: none;}
.flex-4 .items{display:flex;flex-direction:row;justify-content:space-between;margin-top:50px}
.flex-4 .items>li{width:24%;background:linear-gradient(45deg,rgba(0,0,0,.15),transparent);padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.flex-4 .items>li>.icon>.img{mix-blend-mode:multiply;width:40px;margin-bottom:20px}
.white-box{position:relative}
.white-box::before{width:1px;height:60px;background-color:var(--bg-hover);position:absolute;top:-10px;left:0;content:''}
.h6caption{font-weight:300;text-transform:uppercase;font-size:1.2rem;margin:10px 0;color:var(--bg-hover);display:flex;flex-direction:row;justify-content:flex-start}
.h6caption>i{font-size:1.6rem;padding:0 10px}
.mt-50{margin-top:50px}
.pt-30{padding-top:30px}
swiper-container{width:100%}
swiper-container swiper-slide{width:30%}
.appbox{width:100%;height:280px;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}
.appbox>span{position:absolute;bottom:-220px;left:10%;width:80%;background:rgb(255 255 255 / 90%);padding:10px;transition:.3s all ease-in-out}
.appbox:hover>span{bottom:30px}
.inside-box{display:flex;flex-direction:row-reverse;justify-content:center;background:#ededed}
.inside-box>.txt,.inside-box>.imgs{width:50%}
.inside-box>.txt{padding:30px}
.darkimg{transition:.3s all ease-in-out}

.custim-flex{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
.custim-flex>.item{width:49%;display:flex;flex-direction:column;font-size:.85rem;padding:20px 30px;background:linear-gradient(45deg,#ececec,transparent);margin-bottom:30px}
.custim-flex>.item>.caption{font-size:1.1rem}
.custim-flex>.item>.icon{width:40px;height:40px;margin-bottom:20px}
.custim-flex>.item>.icon>img{mix-blend-mode:multiply}
@-webkit-keyframes pulse{
	0%{-webkit-box-shadow:0 0 0 0 var(--bg-hover);}
	70%{-webkit-box-shadow:0 0 0 45px rgba(1, 2, 1, 0);}
	100%{-webkit-box-shadow:0 0 0 0 rgba(93,158,117,0);}
}
@keyframes pulse{
	0%{-moz-box-shadow:0 0 0 0 var(--bg-hover);box-shadow:0 0 0 0 var(--bg-hover);}
	70%{-moz-box-shadow:0 0 0 45px rgba(93,158,117,0);box-shadow:0 0 0 45px rgba(93,158,117,0);}
	100%{-moz-box-shadow:0 0 0 0 rgba(93,158,117,0);box-shadow:0 0 0 0 rgba(93,158,117,0);}
}
.video_btn_1{width:80px; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer; background-image: radial-gradient(ellipse at center, var(--bgColor1), var(--bgColor2)); border-radius: 50%; overflow: hidden; opacity: .95;}
.video_btn_1::before{content: '';display: block; padding-top: 100%;}
.video_btn_1::after{content: ''; position: absolute; inset: 0; background-image: url(../images/video_btn.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.memotxt{font-size: 1.3rem; margin-top: 10px;  margin-left: 5px;}
/*added by mysteo stop*/
/*news*/
.related_news{ margin-top:30px; border-top:1px #ccc dashed; padding-top:20px; background:#fafafa;box-shadow: 1px 1px 4px 0 rgba(0,0,0,.2);}
.related_news .item{ background:#eee;}
.related_news .item .product_img{height: 150px;overflow: hidden;}
.related_news .item .product_con a{ font-size:12px; line-height:16px; display:block; padding:5px 10px;}
.related_news .item:hover .product_con a{ color:#da251d;}

#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px;   border: 1px #ccc solid; overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:14px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#0e3d8f}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}
.news_detail ul{margin-bottom: 1rem;}
.news_detail strong{padding:0;}
.news_detail img{margin:0 auto;display:block}
#news_video{ max-height:600px; margin-bottom:10px;}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px; margin-bottom:30px;}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block; position:relative; background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105"; font-family:fontawesome; font-size:20px; position:absolute; left:5px; top:20%; color:#0e3d8f;}
.new_prev a{ padding-left:20px;}
.new_prev a:before{content:"\f104"; font-family:fontawesome; font-size:20px; position:absolute; left:8px; top:20%; color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover{color:#0e3d8f}
.news_related_li{width:24%;padding-right:1%;float:left}

.etw_reviewpro{ padding:20px 0;}
.etw_reviewpro li{ width:100%;}
.etw_reviewpro li a{ display:block; color:#333; position:relative; padding-left:16px;}
.etw_reviewpro li a:hover{ color:#ff4e4e;}
.etw_reviewpro li a:before{position:absolute;content:'';width:5px;height:5px;left:0px;top:8px;background:#777;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.etw_reviewpro li a:hover:before{background:#ff4e4e}

@media (max-width:575.98px){
  .news_des{ display:none;}
  .news_list ul>li>ol>li.product_img{width:35%;height:120px;overflow:hidden}
  .news_list ul>li>ol>li.product_con{width:62%}
}