@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:"Oswald";font-style:normal;font-display:swap;font-weight:200;src:local(''),url(../fonts/Oswald/Oswald-ExtraLight.woff2) format("woff2"),url(../fonts/Oswald/Oswald-ExtraLight.woff) format("woff")}
@font-face{font-family:"Oswald";font-style:normal;font-display:swap;font-weight:300;src:local(''),url(../fonts/Oswald/Oswald-Light.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Light.woff) format("woff")}
@font-face{font-family:"Oswald";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/Oswald/Oswald-Regular.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Regular.woff) format("woff")}
@font-face{font-family:"Oswald";font-style:normal;font-display:swap;font-weight:500;src:local(''),url(../fonts/Oswald/Oswald-Medium.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Medium.woff) format("woff")}
@font-face{font-family:"Oswald";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/Oswald/Oswald-SemiBold.woff2) format("woff2"),url(../fonts/Oswald/Oswald-SemiBold.woff) format("woff")}
@font-face{font-family:"Oswald";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/Oswald/Oswald-Bold.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Bold.woff) format("woff")}

@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:100;src:local(''),url(../fonts/Raleway/Raleway-Thin.woff2) format("woff2"),url(../fonts/Raleway/Raleway-Thin.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:200;src:local(''),url(../fonts/Raleway/Raleway-ExtraLight.woff2) format("woff2"),url(../fonts/Raleway/Raleway-ExtraLight.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:300;src:local(''),url(../fonts/Raleway/Raleway-Light.woff2) format("woff2"),url(../fonts/Raleway/Raleway-Light.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/Raleway/Raleway-Regular.woff2) format("woff2"),url(../fonts/Raleway/Raleway-Regular.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:500;src:local(''),url(../fonts/Raleway/Raleway-Medium.woff2) format("woff2"),url(../fonts/Raleway/Raleway-Medium.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:600;src:local(''),url(../fonts/Raleway/Raleway-SemiBold.woff2) format("woff2"),url(../fonts/Raleway/MontsRalewayrrat-SemiBold.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/Raleway/Raleway-Bold.woff2) format("woff2"),url(../fonts/Raleway/Raleway-Bold.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:800;src:local(''),url(../fonts/Raleway/Raleway-ExtraBold.woff2) format("woff2"),url(../fonts/Raleway/Raleway-ExtraBold.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-display:swap;font-weight:900;src:local(''),url(../fonts/Raleway/Raleway-Black.woff2) format("woff2"),url(../fonts/Raleway/Raleway-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 {
	--main-color: #002F6C;
	--hover-color: #002F6C;
	--bgColor1: #00b3ff;
	--bgColor2: #002F6C;
	--logoColor: #354990;

	--hoverColor: #00b3ff;
	--bgF1: #f1f1f1;
	--bgF2: #f2f2f2;
	--bgF3: #f3f3f3;
	--bgF4: #f4f4f4;
	--bgF5: #f5f5f5;
	--bgF6: #f6f6f6;
	--max-width:1200px;
}
.review{font-size: 1.5rem; color: #f00; font-weight: 700;}
.bgF5 {background-color: var(--bgF5) !important;}
.bgDF{background-color: #f1f1f1 !important;}
.inquiry{text-decoration: none; color: inherit; font-size: inherit;}
* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:#333; font-family:"Oswald",sans-serif; font-weight:300; 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: 700; margin-bottom: 1rem; font-family:"Oswald",sans-serif;}
h2,.h2 {font-size: 2.5rem;}
h3,.h3 {font-size: 2rem;}
h4,.h4 {font-size: 1.5rem;}
h5,.h5 {font-size: 1.25rem;font-family:"Raleway",sans-serif; font-weight:600;}
h6,.h6 {font-size: 1rem;font-family:"Raleway",sans-serif; font-weight:600;}
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(--hover-color) !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(--hover-color);}
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:calc(100% + 16px);margin:0 -8px; margin-bottom: 10px;}
ul.etw_phone li{width:100%;padding:0 8px; margin-bottom:10px; flex-direction: column;}
ul.etw_phone li>ol{flex: 1; position: relative; overflow: hidden; flex-direction: column;}
ul.etw_phone li span{flex: 1; width:100%;display:flex;align-items:flex-start;justify-content:center;text-align:center;color:#000;overflow:hidden; font-weight: 400; font-size: 1rem; padding: .5rem; background-color: #fff; transition: all .4s ease-in-out;}
ul.etw_phone li p{margin-bottom: 0; color: #000; font-weight: 400; font-size: .95rem; line-height: 1; text-align: center; margin-top: .5rem;}
ul.etw_phone li>ol:hover span{bottom: -100%;}
ul.etw_phone2{width:100%;margin:0;justify-content:space-between}
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_phone5 li span{padding: .5rem; font-size: .95rem;}
ul.etw_phone6 li{width:calc(100% / 6)}
ul.etw_phone8 li{width:calc(100% / 8);}
ul.etw_phone_border li{font-size: .95rem; line-height: 1.2; text-align: center; font-weight: 400; color: #000; margin-bottom: 20px;}
ul.etw_phone_border li>ol{background-color: #f5f5f5; padding: 1rem;}
ul.etw_phone_border li a{margin-bottom: 1rem;}
ul.etw_phone_border li a img{border: 1px solid #ccc; transition: all .4s;}
ul.etw_phone_border li>ol a img{border: none;}
ul.etw_phone_border li a:hover img{border-color: var(--hover-color);}

.etw_phone1_2{display: block;}
.etw_phone1_2>li{display: block; width: 33%; float: left; padding-left: 10px; margin-bottom: 10px;}
.etw_phone1_2>li:first-child{width: 67%;}
.etw_phone1_2_column{display: block;}
.etw_phone1_2_column>li{display: block; width: 50%; float: left; padding-left: 10px; margin-bottom: 10px;}
.etw_phone1_2_column>li:first-child{width: 100%;}
.etw_phone1_4{display: block;}
.etw_phone1_4>li{display: block; float:left; width: 25%; padding-left: 10px; margin-bottom: 10px;}
.etw_phone1_4>li:first-child{width: 50%;}
.etw_border img{border: 1px solid #ccc;}
ul.etw_phone_bg li img{mix-blend-mode: multiply;}
@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_phone4 li{width:calc(100% / 3)}
	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}
	.etw_phone1_2,.etw_phone1_2_column{display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: 0 -10px;}
	.etw_phone1_2>li,.etw_phone1_2_column>li{width: calc(100% / 3); padding: 0 10px; margin-bottom: 20px;}
	.etw_phone1_2>li:first-child,.etw_phone1_2_column>li:first-child{width: calc(100% / 3);}
	.etw_phone1_4>li{ width: 50%;}
	.etw_phone1_4>li:first-child{display: none;}
}@media (max-width:767.98px){
	ul.etw_phone3 li,ul.etw_phone4 li,	ul.etw_phone5 li,	ul.etw_phone6 li{width:calc(100% / 2)}
	ul.etw_phone3 li:last-child{display:none}
	.etw_phone1_2>li,.etw_phone1_2_column>li{width: calc(100% / 2);}
	.etw_phone1_2>li:first-child,.etw_phone1_2_column>li:first-child{display: none;}
	.etw_hometitle>div{font-size: 1.7rem;}
}@media (max-width:575.98px){
	ul.etw_phone2 li,ul.etw_phone3 li,ul.etw_phone4 li,ul.etw_phone5 li,ul.etw_phone6 li{width:100%}
	ul.etw_phone3 li:last-child{display:block}
	.etw_phone1_4>li{ width: 100%; padding-left: 0;}
	.etw_phone1_4>li:first-child{width: 100%; display: block;}
	.etw_phone1_4>li img,ul.etw_phone li a,ul.etw_phone li img{width: 100%;}
	.etw_phone1_2>li,.etw_phone1_2_column>li{width: 100%;}
	.etw_hometitle>div{font-size: 1.4rem;}
}
@media (max-width:475.98px){
	ul.etw_phone li img{width: 100%;}
	ul.etw_phone5 li{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(--hover-color); 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(--main-color); border-radius: 50%; top: 9px;}
/* table */
.table table{width: 100%;}
.table table td{border-top: none !important; vertical-align: middle; font-size: .95rem; padding: 5px .8rem; color: #000; font-weight: 300; font-family: Arial, sans-serif;}
.table table tr{background-color: #fff;}
.table table tr:nth-child(even){background-color: #f8f9fa;}
.table table .top1 td{background-color: #d7f2fd; text-align: center;}
.table table .top11 td{background-color: #dcdcdc;}
.table table .top1 td>a{color: #000 !important;}
.table table .top1 td>a:hover{color: var(--hoverColor) !important;}
.table table .top1 td:first-child{width: 20%;}
.table table .top1 td:nth-child(2){width: 15%;}
.table table .top1 td:last-child{width: 26%;}
.table table .top2 td:first-child{width: 20%; background-color: #eee;font-size: 1.1rem; text-align: center; font-family: "Oswald", sans-serif;}
.table table tr a,.table table tr a:not([href]):not([class]){color: var(--main-color); cursor: pointer; font-size: .95rem;font-family:"Oswald",sans-serif; font-weight: 500;}
.table table tr a:hover,.table table tr a:not([href]):not([class]):hover{color: var(--hover-color); text-decoration: underline;}
.table.table2 table .top1 td:nth-child(2){width: 12%;}
.table.table2 table .top1 td:last-child{width: 40%;}
.table .table-center tr:first-child{background-color: #f1f1f1;}
.table .table-center tr td{width: calc(100% / 3);}
.table .table-center2 tr td{width: calc(100% / 5);}
.table3 tr td{width: 25%;}
.table5 tr td{width: 20%;}
.table7 table .top1 td:nth-child(2){width: 5%; text-align: center;}
.table7 table tr td:nth-child(2){text-align: center;}
.table6 tr td{width: calc(100% / 6);}
.hide-table{display: none;}
.table-row1{margin-bottom: 10px;}
.table-row1:last-child{margin-bottom: 0;}
.table-row1 tr{margin-bottom: 5px;}
.table-row1 td,.table-bordered td{border: 2px solid #f5f5f5;}
.table-row1 td:first-child{ background-color: #d7f2fd; text-align: center; }
@media (max-width:767.98px){
	.table table{width: 1200px;}
	.table-sm table{width: 100%;}
}
/* video_btn */
.video_btn{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::before{content: '';display: block; padding-top: 100%;}
.video_btn::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%;}
.video_smallbtn{width: 50px;}
@media (max-width:575.98px){
	.video_btn{width: 50px;}
	.video_smallbtn {width: 30px;}
}
.morebig{display:flex;}
.morebig>a{width:fit-content; padding: .4rem 1.2rem; display:flex; align-items: center; justify-content: center; font-size:.85rem; color:#fff; transition:all 0.4s ease; position:relative; overflow:hidden; background-color: var(--bgColor1); font-weight: 400;}
.morebig>a:hover{background-color: var(--hover-color); color: #fff;}
/* 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; padding: 0 1rem; font-size: .95rem; text-transform: uppercase; color: var(--hover-color);}
#etw_language{display:flex; height: auto; position: relative; z-index: 9;}
#etw_language>a{width: fit-content; padding:0 1rem; color:#666; display:flex;justify-content:center;align-items:center; height: 30px; position: relative; text-align: center; font-size: .85rem; font-weight: 300; font-family: Arial;}
#etw_language>a::after{content: ''; width: 1px; height: 50%; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#etw_language>a:last-child{margin-bottom: 0; padding-right: 0;}
#etw_language>a:last-child::after{display: none;}
#etw_language>a:hover{color:var(--hover-color); text-decoration: underline; background: initial;}
@media (max-width:991.98px){
	.etw_language ul>li>span{color: #333; font-size: 1.875rem; padding: 0; margin-right: 3rem;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:100%;left:50%;transform:translateX(-70%); 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(--hover-color);color: #fff; text-decoration: none;}
}
@media (max-width:375.98px){.etw_language ul>li>span{margin-right: 1.5rem;}}
/* 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);}
#etw_logo{float: left; position: relative;z-index: 10; padding: 20px 0;}
#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; padding: 10px 0; position: relative;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:#000; padding:0; min-height:40px;display:flex;align-items:center;justify-content:center;position:relative; font-size: 1.2rem; font-weight: 400;}
.navbar-light .navbar-nav a.nav-link::before{content: ''; width: 0; height: 5px; background-image: linear-gradient(to right, var(--bgColor1),var(--bgColor2)); position: absolute; right: 0; bottom: -10px; 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(--hover-color)}
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,.8); backdrop-filter: blur(5px); border-radius:0 0 1rem 1rem;overflow:hidden;transition:all 0.3s ease 0s;border-top: 2px solid var(--hover-color); visibility:hidden;pointer-events:none;opacity:0;display:block;}
.dropdown-menu>ul>li{width: 100%; border-bottom:1px dashed #fff;}
.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:var(--hover-color); background-color: #f8f9fa; text-decoration:none}
.dropdown-menu>ul>li .dropdown-item:hover::before{transform: translateX(3px);}
.dropdown-menu>ul>li .dropdown-item:hover::before,.dropdown-menu>ul>li .dropdown-item.active::before{color:var(--hover-color)}

.dropdown-menu1{width: 140%; transform: translateX(-22%); padding: 1rem;}
.dropdown-menu1>.row>.col-lg-4:nth-child(1){-ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%;}
.dropdown-menu1>.row>.col-lg-4:nth-child(2){-ms-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%;}
.dropdown-menu1>.row>.col-lg-4:nth-child(3){-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.dropdown-menu1 ul>li{width: 100%;}
.dropdown-menu1 ul>li .dropdown-item{ border-bottom:1px dashed #fff; color:#000;font-size:1rem;position:relative;display:flex;transition:all 0.5s;padding:0.6rem 1rem;font-weight:700; align-items: center;}
.dropdown-menu1 ul>li>ol>ul{width: 100%; padding: .5rem 1rem;}
.dropdown-menu1 ul>li>ol>ul>.row{max-width: initial; flex: 1;}
.dropdown-menu1 ul>li>ol>ul li{display: flex; align-items: center; line-height: 24px; font-weight:400; position: relative; padding: 5px 0 5px 1rem;}
.dropdown-menu1 ul>li>ol>ul li>a{color:#000; font-size:.9rem;}
.dropdown-menu1 ul>li>ol>ul li::before{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; line-height: 24px; position: relative; transition: all .4s ease; position: absolute; left: 0; top: 5px;}
.dropdown-menu1 ul>li>ol>ul li>a:hover,.dropdown-menu1 ul>li>ol>ul li>a.active{color: var(--hover-color); text-decoration: underline;}
.dropdown-menu1 ul>li:hover .dropdown-item,.dropdown-menu1 ul>li .dropdown-item.active{color:var(--hover-color); background-color: #f8f9fa; text-decoration:none}
.dropdown-menu1 ul>li:hover .dropdown-item::before{transform: translateX(3px);}
.dropdown-menu1 ul>li:hover .dropdown-item::before,.dropdown-menu1 ul>li .dropdown-item.active::before{color:var(--hover-color)}
.navbar-nav .dropdown-menu.show,.navbar-nav .nav-item:hover .dropdown-menu,.navbar-nav .dropdown-menu:hover{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}

.nav_btn{width: 240px; display: flex; align-items: center; margin-left: 3rem;}
.nav_btn>a{width: 100%; height: 44px;display: flex; align-items: center; justify-content: center; text-align: center; background-image: linear-gradient(to right,var(--bgColor1),var(--bgColor2)); color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 400;}
.nav_btn>a>i{width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; line-height: 1; border-right: 1px solid #fff; font-size: 12px;}
.nav_btn>a>span{width: calc(100% - 44px); flex: 1; padding: 0 10px; letter-spacing: 1px;}
.nav_btn>a:hover{background-image: linear-gradient(to right,var(--bgColor2),var(--bgColor2));}
@media (max-width:1399.98px){
	.dropdown-menu1{width: 140%; transform: translateX(-18%); max-width: 1200px;}
}
@media (max-width:1199.98px){
	.dropdown-menu1{width: 120%; transform: translateX(-18%);}
	.navbar-expand-lg .navbar-nav .nav-item {margin-left: 2rem;}
	.nav_btn{ margin-left: 2rem;}
}
@media (max-width:1099.98px){
	.dropdown-menu1{width: 130%; transform: translateX(-22%);}
	.navbar-expand-lg .navbar-nav .nav-item {margin-left: 1.5rem;}
	.nav_btn{ margin-left: 1.5rem;}
}
@media (max-width:991.98px){
	#header{position:relative;padding-top: 0;}
	#header>.container{display:flex;align-items:center; flex-wrap: wrap; justify-content: flex-end;}
	#header>.container>content{flex:1}
	#etw_logo {flex: 1;display: flex;z-index: 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%; border-top: 1px solid #ccc;}
	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:10px 1.5rem;position:relative;font-size:1rem;justify-content:flex-start}
	.navbar-light .navbar-nav a.nav-link::before{bottom: 0;}
	.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px;width:30px;height:calc(100% - 12px);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;}
	.dropdown-menu ul>li:last-child{border-bottom:1px dashed #ddd;}
	.dropdown-menu1{width: 100%; transform: translateX(0); padding: .5rem 1rem;}
	.dropdown-menu1>.row>.col-lg-4:nth-child(1),.dropdown-menu1>.row>.col-lg-4:nth-child(2),	.dropdown-menu1>.row>.col-lg-4:nth-child(3){-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.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{width: 100%; position: relative; padding: 0;}
.etw_banner .swiper{width: 100%;}
.etw_banner .swiper .swiper-slide{min-height: 200px; max-height: 650px;}
.etw_banner .swiper .swiper-slide::before{content: ''; display: block; padding-top: 35%;}
.etw_banner .prev-button,.etw_banner .next-button {position: absolute; left: 2%; top: 50%; transform: translateY(-50%); z-index: 2; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; transition: all 0.4s; opacity: .7; border: 1px solid #fff; padding: .4rem .6rem;}
.etw_banner .next-button {left: auto;	right: 2%;}
.etw_banner .prev-button:hover{transform: translateX(-10px);}
.etw_banner .next-button:hover {transform: translateX(10px);}
.banner_hover{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center;}
.banner_hover::before{content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.5); z-index: -1;}
.banner_hover .h2{font-size: 3rem; color: #fff; max-width: 50%; line-height: 1.3; margin-bottom: 2.5rem; }
.banner_hover p{color: #fff; max-width: 60%; line-height: 30px; margin-bottom: 2.5rem; font-size: 1.2rem;}
.banner_hover a{width: fit-content; position: relative; z-index: 0; overflow: hidden; padding: .5rem 1.2rem; border-radius: 30px; color: #fff; font-size: .85rem;}
.banner_hover a::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(to right, var(--bgColor1),var(--bgColor2));z-index: -2;border-radius: 30px;}
.banner_hover a:hover{background-color: var(--hover-color);}
.banner_hover2>.container>content {display: flex; flex-direction: column; align-items: flex-end; text-align: right;}
@media (max-width:1399.98px){
	.banner_hover .container{max-width: 85%;}
	.banner_hover .h2{max-width: 60%;}
}
@media (max-width:1199.98px){
	.banner_hover .h2{max-width: 70%; font-size: 2.5rem;}
}
@media (max-width:991.98px){
	.banner_hover .h2{max-width: 100%; font-size: 2rem; text-align: center;}
	.banner_more{justify-content: center; display: flex;}
	.banner_hover2>.container>content { align-items: center; text-align: center;}
}
@media (max-width:767.98px){
	.banner_hover .h2{font-size: 2rem; margin-bottom: 1rem;}
}
@media (max-width:575.98px){
	.banner_hover .h2{font-size: 1.25rem; line-height: 1.2; margin-bottom: 1rem;}
	.etw_banner .prev-button,.etw_banner .next-button {font-size: 1rem;padding: .2rem .4rem;}
}
@media (max-width:375.98px){
	.banner_hover .h2{font-size: 1rem;margin-bottom: .5rem;}
}
/* Banner-end */
/* index */
section{width: 100%; padding:4rem 0; display: block; position: relative;}

.homePros{position: relative; overflow: hidden; padding-bottom: 1.5rem;}
.homePros_title{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin-bottom: 2rem;}
.homePros_title .h3{font-size: 2.5rem;}
.homePros_left{width: 40%;}
.homePros_left img{max-width: 70%;}
.homePros_right{width: 60%; padding-left: 5%;}
.homePros_right>dl{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2rem;}
.homePros_right>dl>dd{width: 50%; padding-left: 1.5rem; position: relative;}
.homePros_right>dl>dd::before{content: '\F271';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(--bgColor2); position: absolute; left: 0; top: 4px;}
.homePros_right>dl>dd>a{color: #000;}
.homePros_right>dl>dd>a:hover{text-decoration: underline; color: var(--hover-color);}
.homePros_right ul{width: calc(100% + 20px); margin-left: -10px;}
.homePros_right ul>li{width: calc(100% / 3); padding: 0 10px; margin-bottom: 10px;}
.homePros_right ul>li>ol{align-items: center; width: 100%;}
.homePros_right ul>li>ol .imgbox{width: 60px; border-radius: 50%; background-color: #fff; padding: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.homePros_right ul>li>ol .imgbox>img{width: 40px; height: 40px; filter: drop-shadow(40px 0 var(--hover-color)); position: relative; transform: translateX(-40px);}
.homePros_right ul>li>ol .h6{width: calc(100% - 60px); padding-left: 1rem; margin-bottom: 0; font-weight: 400;}

.homeParts{padding-top: 0;}
.homeParts p{font-size: 1rem; text-align: center; color:#000; font-weight: 600;}
.homeParts ul{width: calc(100% + 20px); margin-left: -10px;margin-top: .5rem;}
.homeParts ul>li{width: 20%; padding: 0 10px; margin-top: 30px;}
.homeParts ul>li>ol{position: relative; flex-direction: column;}
.homeParts ul>li>ol .imgbox{border-radius: 50%; background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.1); overflow: visible; margin-bottom: .5rem;}
.homeParts ul>li>ol .imgbox>img{mix-blend-mode: multiply; max-width: 80%;}
.homeParts ul>li>ol .textbox{width: 100%; color: #000; font-weight: 500; text-align: center; align-items: flex-start; justify-content: center; font-size: 1rem; overflow: hidden; transition: all .3s ease-in-out;}

.homeAbout{padding-bottom: 0; position: relative; overflow: hidden; background: url(../images/about_img01.jpg) no-repeat center center; background-size: cover; backdrop-filter: blur(5px);}
.homeAbout::before{content: ''; position: absolute; inset: 0; background-color: #CCffff; opacity: .6;}
.homeAbout>.container{position: relative; z-index: 2;}
.homeAbout .h3{font-size: 3rem; color: #000; text-align: center;}
.homeAbout small{display:block; max-width: 70%; margin: 0 auto; margin-bottom: 2rem; text-align: center; color: #000; font-size: 1.1rem; line-height: 1.7; opacity: .8;}
.homeAbout_btn{display: flex; justify-content: center;}
.homeAbout_btn .video_btn{position: relative; transform: initial; left: initial; top: initial;}
.homeAbout_nav{padding: 5rem 0; justify-content: center;}
.homeAbout_nav>li{margin: 10px;}
.homeAbout_nav>li>a{padding: .5rem 1.4rem; border: 1px solid #333; font-size: 1.3rem; color: #000; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 700; position: relative;}
.homeAbout_nav>li>a>span{width: auto; height: 40px; position: relative; overflow: hidden; margin-right: 1rem;}
.homeAbout_nav>li>a>span>img{width: auto; height: 40px; filter: drop-shadow(0 40px var(--main-color));position: relative; transform: translateY(-40px);}
.homeAbout_nav>li>a:hover{background-color: var(--hover-color); border-color: var(--hover-color); transform: translateY(-5px); color: #fff;}
.homeAbout_nav>li>a:hover>span>img{filter: drop-shadow(0 40px #fff);}
.homeAbout .imgsList{width: 100%; margin-top: 2rem; justify-content: center; background-color: rgba(255,255,255,.5); backdrop-filter: blur(5px); position: relative; z-index: 2; padding: 2rem 0;}
.homeAbout .imgsList ul{width: 100%; justify-content: center;}
.homeAbout .imgsList ul>li{width: auto; padding: 0 15px;}
.homeAbout .imgsList ul>li img{ width: auto; height: 100px;}

.homeFactory .h3{max-width: 70%; font-size: 2.3rem; text-align: center; line-height: 1.2; margin:0 auto 2rem auto;}
.homeFactory p{max-width: 70%; margin: 0 auto;}
.homeFactory_lists{overflow: hidden;}
.homeFactory_lists>ul{width: calc(100% + 4px); margin-left: -2px; display: block;}
.homeFactory_lists>ul>li{width: 25%;padding: 2px;float: left;}
.homeFactory_lists>ul>li>ol .imgbox::before,.homeFactory_lists>ul>li>ol .imgbox::after{content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; top: 0; z-index: 1; transition: all .4s; opacity: .1;}
.homeFactory_lists>ul>li>ol .imgbox::after{left: auto; right: 0;}
.homeFactory_lists>ul>li>ol:hover .imgbox::before{left: -100%;}
.homeFactory_lists>ul>li>ol:hover .imgbox::after{right: -100%;}
.homeFactory_lists>ul>li:nth-child(1),.homeFactory_lists>ul>li:nth-child(2),.homeFactory_lists>ul>li:nth-child(3){width: calc(100% / 3);}

@media (max-width:1199.98px){
	section{padding:3rem 0;}
	.homeFactory .h3 {font-size: 2.2rem; max-width: 80%;}
	.homeFactory p{max-width: 80%;}
}
@media (max-width:991.98px){
	section{padding:2.5rem 0;}
	.homeFactory .h3 {font-size: 2rem; margin-bottom: 1.5rem; max-width: 100%;}
	.homeFactory p{max-width: 100%;}
}
@media (max-width:767.98px){
	section{padding:2rem 0;}
	.homeFactory .h3 {font-size: 1.7rem;}
}
@media (max-width:575.98px){
	section{padding:1.5rem 0;}
	.homeFactory .h3 {font-size: 1.25rem; margin-bottom: 1rem;}
	.homeFactory_lists>ul>li{width: 50%;}
	.homeFactory_lists>ul>li:nth-child(1), .homeFactory_lists>ul>li:nth-child(2), .homeFactory_lists>ul>li:nth-child(3) {width: 50%;}
	.homeFactory_lists>ul>li:last-child{display: none;}
}
@media (max-width:375.98px){
	section{padding:1.25rem 0;}
	.homeFactory_lists>ul>li{width: 100%;}
	.homeFactory_lists>ul>li:nth-child(1), .homeFactory_lists>ul>li:nth-child(2), .homeFactory_lists>ul>li:nth-child(3) {width: 100%;}
	.homeFactory_lists>ul>li:last-child{display: block;}
}
/* index-end */
/* #footer */
#footer{background: url(../images/footer-fastener-system.png) no-repeat right bottom;  position: relative; overflow: hidden;background-size: contain;}
#footer::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(to right, #294964, #1d58a5, #217fa5, #192c41); opacity: .9;}
.footer{padding: 4rem 0 2rem 0; position: relative;z-index: 2;}
.footer a.h3{display: block; font-size: 1.2rem; 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: 10px; position: relative;padding-left: 1rem;}
.footer_list>li:last-child{margin-bottom: 0;}
.footer_list>li>a{display: block; font-size: .9rem; color: #fff; font-weight:400; }
.footer_list>li>a:hover{color: var(--hover-color); 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_logo{display: flex; justify-content: flex-start; margin-bottom: 1rem;}
.footer_logo img{display:block;max-width:60%;height:auto; margin-left: 0;}
.footer_text{display: block; font-size: .95rem; color: #fff;}

.footer_contact{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:0.5rem;}
.footer_title{font-size: 1.3rem; color: #fff; margin-bottom: .5rem;}
.footer_contact p{width: 100%; color:#fff; display:flex; flex-wrap:wrap; align-items:center; margin-bottom: 5px; font-size: 1rem; padding-left: 1.5rem; position: relative; font-weight: 300;}
.footer_contact p i{position: absolute; left: 0; top: 0; color:#fff;}
.footer_contact p a:hover{text-decoration: underline; color: var(--hover-color);}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:0 0 1.5rem 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; opacity: .7;}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--hover-color);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(--bgColor1);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(--bgColor2);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(--bgColor2) !important;border:1px solid var(--bgColor2) !important;}
.theme-box-name{background:var(--bgColor1) !important;border-left:1px solid var(--bgColor2) !important}
@media (max-width:991.98px){
	.footer {padding: 3rem 0 2rem 0;}
	.footer .container>.row>.col-lg-3{margin-bottom: 2rem !important;}
}
@media (max-width:767.98px){
	.footer {padding: 2rem 0;}
	.footer .container>.row>.col-lg-3:nth-child(1){display: none;}
}
@media (max-width:575.98px){
	.footer {padding: 1.5rem 0;}
}
@media (max-width:375.98px){
	.footer {padding: 1.2rem 0;}
}

/* #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: #000;font-weight: 400;}
#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(--hoverColor);}
#quicknav ul li a:hover{text-decoration:underline;color:var(--hover-color)}
@media (max-width:991.98px){#quicknav{display: none !important;}}
/* #quicknav-End */
/* Products */
.product_bannner{width: 100%; position: relative; overflow: hidden; padding: 0; min-height: 400px;}
.product_hover{width: 100%; position: absolute; right: 0; top:50%; transform: translateY(-50%); z-index: 2;}
.product_hover>.container{display: flex; justify-content: end;}
.product_hover .textbox{width: 45%; flex: none; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; padding: 2rem 3.5rem;}
.product_hover .textbox::after{content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle,var(--logoColor),var(--bgColor1),var(--bgColor1),var(--logoColor)); opacity: .9; backdrop-filter: blur(5px);z-index: -1; transform: skewX(-22deg);}
.product_hover .textbox .etw_hometitle{ margin-bottom: 0;}
.product_hover .textbox .etw_hometitle h2{font-size: 2.5rem; color: #fff; margin-bottom: 1rem; line-height: 1; text-align: left;}
.product_hover .textbox .etw_hometitle h2>span{font-size: inherit; display: block;}
.product_hover .textbox p{margin-bottom: 0; font-size: 1.25rem; color: #fff; line-height: 1.2; text-align: right;}
.product_hover .textbox .video_btn{left: auto; right: 3%; top: 30%;}
.product_text{color: #fff; margin-top: 1.25rem;}

.prosAll{padding: 0; background: url(../images/bg-pattern.png) repeat center center;}
.prosAll>.row>.col-12{padding: 4rem 0;}
.prosAll>.row>.col-12 .h3{font-size: 2.5rem; color: #002F6C; text-align: center; margin-bottom: 0;}
.prosAll>.row>.col-12 ul{width: calc(100% + 30px); margin-left: -15px;}
.prosAll>.row>.col-12 ul>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.prosAll>.row>.col-12 ul>li>ol{background-color: #fff; flex-direction: column; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.prosAll>.row>.col-12 ul>li>ol .textbox{padding: 2rem; flex-direction: column; justify-content: space-between;}
.prosAll>.row>.col-12 ul>li>ol .textbox a.h4{font-size: 1.25rem;}
.prosAll>.row>.col-12 ul>li>ol .textbox p{min-height:96px; max-height:96px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.prosAll>.row>.col-12 ul>li>ol .textbox .morebig{margin: 0 -2rem -2rem 0; justify-content: flex-end;}
.prosAll>.row>.col-12 ul>li>ol .textbox .morebig>a{width: 40px; height: 40px; position: relative; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 1.4rem;}
.prosAll>.row>.col-12 ul>li>ol .textbox .morebig>a::before{content: '\F13F'; 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; transition: all .3s;}
.prosAll>.row>.col-12 ul>li>ol .textbox .morebig>a>span{width: 100px; height: 40px; line-height: 40px; text-align: center; position: absolute; left: 100%; top: 0; font-size: .85rem; text-align: center;}
.prosAll>.row>.col-12 ul>li>ol:hover .textbox .morebig>a{width: 100px;}
.prosAll>.row>.col-12 ul>li>ol:hover .textbox .morebig>a::before{margin: 0 0 0 -150px;}
.prosAll>.row>.col-12 ul>li>ol:hover .textbox .morebig>a>span{left: 0;}
.prosAll>.row>.col-12 ul.hubList2>li>ol a.imgbox{background-color: #f5f5f5;}
.prosAll>.row>.col-12 ul.hubList2>li>ol a.imgbox img{mix-blend-mode: multiply;}
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13),
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(14){width: 50%;}
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13)>ol,
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(14)>ol{flex-direction: row;}
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13)>ol a.imgbox,
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(14)>ol a.imgbox{width: 50%;}
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13)>ol .textbox,
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(14)>ol .textbox{width: 50%; padding: 1rem; padding-left: 2rem;}
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13)>ol .textbox .morebig,
.prosAll>.row>.col-12 ul.hubList2>li:nth-child(14)>ol .textbox .morebig{margin: 0 -1rem -1rem 0;}

.prosAll>.row>.col-12 ul.hubList3>li:nth-child(7),
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(8){width: 50%;}
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(7)>ol,
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(8)>ol{flex-direction: row;}
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(7)>ol a.imgbox,
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(8)>ol a.imgbox{width: 50%;}
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(7)>ol .textbox,
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(8)>ol .textbox{width: 50%; padding: 1rem; padding-left: 2rem;}
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(7)>ol .textbox .morebig,
.prosAll>.row>.col-12 ul.hubList3>li:nth-child(8)>ol .textbox .morebig{margin: 0 -1rem -1rem 0;}

.inquiryform{position: relative; overflow: hidden; background-image: url(../images/inquiry_bj1.jpg); background-repeat: no-repeat; background-size: cover;}
.inquiryform::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(to right,#f5f5f5 45%, rgba(0,0,0,.3),rgba(0,0,0,.9));z-index: 1;}
.inquiryform .container{position: relative;z-index: 2;}
.inquiryformMain{width: 50%; position: relative; padding-left: 2.5rem; display: flex; flex-direction: column;}
.inquiryformMain::before{content: ''; width: 5px; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(var(--bgColor1),var(--bgColor2));}
.inquiryform .inquiryform_title{line-height: 1.2; margin-bottom: 1.4rem; font-size: 1.25rem;}
.inquiryform p{font-size: 1.1rem; color: var(--bgColor1); font-weight: 400; margin-bottom: 1rem;}
.inquiryform dl{display: flex; flex-direction: column;}
.inquiryform dl>dd{display: flex; align-items: center;margin-bottom: 1rem; color: #000; font-size: 1rem;}
.inquiryform dl>dd>i {font-size: 1.3rem;margin-right: 1rem;}
.inquiryform .inquiry_btn{display: flex; margin-left: -2.5rem; position: relative;z-index: 2;}
.inquiryform .inquiry_btn>a{width: fit-content; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: .5rem 1.5rem; background-image:linear-gradient(to right, var(--bgColor2),var(--bgColor1)); text-decoration: none; color: #fff; transition: all .4s ease-in-out; font-size: .8rem; line-height: 1.2;}
.inquiryform .inquiry_btn>a span{display: block; font-weight: 700; font-size: .95rem;}
.inquiryform .inquiry_btn>a:hover{background-image:linear-gradient(to right, var(--bgColor1),var(--bgColor2)); color: #fff;}

.productsService{position: relative; overflow: hidden; background: url(../images/products_app_bj.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 5rem 0;}
.productsService::before{content: ''; position: absolute; inset: 0; background-color: #000; opacity: .5;}
.productsService .container{position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between;}
.productsService_left{width: 75%; display: flex; flex-direction: column}
.productsService_title{width: 100%; background-color: var(--bgColor1); color: #fff; padding: 1.5rem 2rem;}
.productsService_title .h3{color: #fff; text-transform: uppercase;}
.productsService_list{width: 100%; background-color: #fff;}
.productsService_list>li{width: calc(100% / 3);}
.productsService_list>li>ol{flex-direction: column;}
.productsService_list>li>ol .imgbox{max-height: 50%;}
.productsService_list>li>ol .imgbox::before{content: ''; display: block; padding-top: 100%;}
.productsService_list>li>ol .imgbox::after{content: ''; width:0;height:0; border-bottom:25px solid #fff;border-left:25px solid transparent;border-right:25px solid transparent;position:absolute; left:50%; bottom: 0; transform: translateX(-50%);}
.productsService_list>li>ol .textbox{flex-direction: column; padding: 1.5rem; justify-content: center;}
.productsService_list>li>ol .textbox .h6{font-size: 1.25rem;}
.productsService_list>li>ol .textbox p{min-height:48px; max-height:96px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 0;}
.productsService_list>li:nth-child(2)>ol{flex-direction: column-reverse;}
.productsService_list>li:nth-child(2)>ol .imgbox::after{border-bottom:initial; border-top: 25px solid #fff; top: 0; bottom: auto;}

.productsService_right{width: 25%; display: flex;}
.productsService_right>ol{flex-direction: column; display: flex; width: 100%; background-color: #f5f5f5;}
.productsService_right>ol .h3{margin-bottom: 0; display: flex; align-items: center; justify-content: center; padding: 1.5rem 2rem; text-align: center; background-color: #ddd; font-size: 1.3rem; font-weight: 400; line-height: 1.5;}
.productsService_right>ol>dl{display: flex; flex-direction: column; padding: 2rem; }
.productsService_right>ol>dl>dd{color: #000; position: relative; padding-left: 1.875rem;}
.productsService_right>ol>dl>dd::before{content: "\f865"; 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; left: 0; top: 50%; transform: translateY(-50%); color: var(--hover-color);}

@media (max-width:1199.98px){
	.product_hover .textbox {padding: 2rem 2rem 2rem 2.5rem;}
	.product_hover .textbox .video_btn {right: 0%; top: 25%;}
	.prosAll>.row>.col-12 {padding: 3.5rem 0;}
	.inquiryformMain{width: 60%;}
	.productsService{padding: 4rem 0;}
}
@media (max-width:991.98px){
	.product_bannner{min-height: 300px;}
	.product_hover .textbox{width: 55%;}
	.prosAll>.row>.col-12 {padding: 3rem 0;}
	.inquiryformMain{width: 70%;}
	.productsService{padding: 3rem 0;}
	.productsService_left{width: 100%;}
	.productsService_right{width: 100%;}
	.productsService_right>ol {display: block;}
	.productsService_right>ol .h3{height: auto !important;}
	.productsService_right>ol .imgbox{width: 50%; float: left;}
	.productsService_right>ol>dl{width: 50%; float: left;}
}
@media (max-width:767.98px){
	.product_bannner{min-height: 250px;}
	.product_hover .textbox{width: 100%;}
	.product_hover .textbox .video_btn{width: 50px;}
	.product_hover .textbox .etw_hometitle h2{font-size: 2rem;}
	.prosAll>.row>.col-12 {padding: 2rem 0;}
	.prosAll>.row>.col-12 .h3 {font-size: 2rem;}
	.prosAll>.row>.col-12 ul>li {width: 50%;}
	.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13)>ol a.imgbox, .prosAll>.row>.col-12 ul.hubList2>li:nth-child(14)>ol a.imgbox,.prosAll>.row>.col-12 ul.hubList3>li:nth-child(7)>ol a.imgbox, .prosAll>.row>.col-12 ul.hubList3>li:nth-child(8)>ol a.imgbox {width: 100%;}
	.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13)>ol .textbox, .prosAll>.row>.col-12 ul.hubList2>li:nth-child(14)>ol .textbox,.prosAll>.row>.col-12 ul.hubList3>li:nth-child(7)>ol .textbox, .prosAll>.row>.col-12 ul.hubList3>li:nth-child(8)>ol .textbox {width: 100%; padding: 2rem;}
	.inquiryform::before {background: #f5f5f5; opacity: .8;}
	.inquiryformMain{width: 100%;}
	.productsService{padding: 2rem 0;}
	.productsService_list>li {width:100%;}
	.productsService_list>li>ol{flex-direction: row;}
	.productsService_list>li>ol .imgbox{width: 50%; max-height: initial;}
	.productsService_list>li>ol .imgbox::after{display: none;}
	.productsService_list>li>ol .imgbox::before {padding-top: 75%;}
	.productsService_list>li>ol .textbox{width: 50%;}
	.productsService_list>li:nth-child(2)>ol{flex-direction: row-reverse;}
	.productsService_right>ol .h3{padding: 1rem;}
	.productsService_right>ol>dl {padding: 1rem 1rem 1rem 2rem; margin-bottom: 0;}
}
@media (max-width:575.98px){
	.product_hover .textbox .etw_hometitle h2{font-size: 1.5rem;}
	.product_text{margin-top: .5rem;}
	.prosAll>.row>.col-12 {padding: 1.5rem 0;}
	.prosAll>.row>.col-12 .h3 {font-size: 1.5rem;}
	.prosAll>.row>.col-12 ul>li {width: 100% !important;}
	.prosAll>.row>.col-12 ul>li>ol>a.imgbox img{width: 100%;}
	.productsService{padding: 1.5rem 0;}
	.prosAll>.row>.col-12 ul>li>ol .textbox{padding: 1.5rem;}
	.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13)>ol .textbox, .prosAll>.row>.col-12 ul.hubList2>li:nth-child(14)>ol .textbox, .prosAll>.row>.col-12 ul.hubList3>li:nth-child(7)>ol .textbox, .prosAll>.row>.col-12 ul.hubList3>li:nth-child(8)>ol .textbox{padding: 1.5rem;}
	.prosAll>.row>.col-12 ul>li>ol .textbox .morebig {margin: 0 -1rem -1rem 0;}
	.productsService_title{padding: 1.5rem;}
	.productsService_title .h3{font-size: 1.5rem;}
	.productsService_list>li>ol .imgbox {width: 100%;}
	.productsService_list>li>ol .textbox {width: 100%; padding: 1rem;}
	.productsService_right>ol .imgbox {width: 100%;}
	.productsService_right>ol>dl {width: 100%; padding: 1rem;}
}
@media (max-width:375.98px){
	.product_hover .textbox .etw_hometitle h2{font-size: 1.25rem;}
	.prosAll>.row>.col-12 {padding: 1rem 0;}
	.prosAll>.row>.col-12 .h3 {font-size: 1.25rem;}
	.productsService{padding: 1rem 0;}
	.prosAll>.row>.col-12 ul>li>ol .textbox{padding: 1rem;}
	.prosAll>.row>.col-12 ul.hubList2>li:nth-child(13)>ol .textbox, .prosAll>.row>.col-12 ul.hubList2>li:nth-child(14)>ol .textbox, .prosAll>.row>.col-12 ul.hubList3>li:nth-child(7)>ol .textbox, .prosAll>.row>.col-12 ul.hubList3>li:nth-child(8)>ol .textbox{padding: 1rem;}
	.productsService_title{padding: 1rem;}
	.productsService_title .h3{font-size: 1.25rem;}
}
/* Products-End */
/* ProsHub */
.etw_hometitle{display: flex; justify-content: center; margin-bottom: 1rem;}
.etw_hometitle h2,.etw_hometitle>div.h2{text-align: center; font-size: 2rem; color: #000;}
.etw_hometitle h2>span,.etw_hometitle div.h2>span{display: block; font-size: 1.4rem; text-transform: uppercase; color: var(--hover2-color);}

.nbannner{width: 100%; padding: 0; position: relative; min-height: 400px; max-height: 650px; display: flex; flex-direction: column;}
.nbannner::before{content: ''; position: absolute; inset: 0; background-color: #000; opacity: .4;z-index: 1;}
.nbannner_hover{position: relative;z-index: 2; flex: 1; display: flex; flex-direction: column; justify-content: center;}
.nbannner_hover .etw_hometitle{margin-bottom: 0;}
.nbannner_hover .etw_hometitle h2{color: var(--hoverColor); text-transform: uppercase; margin-bottom: 1.5rem;}
.nbannner_hover p{color: #fff; max-width: 50%; font-size: 1.1rem; margin: 0 auto; text-align: center; line-height: 30px;}

.nbannner_hover2{justify-content: center;}
.nbannner_hover2 .etw_hometitle{width: 100%; justify-content: flex-start;}
.nbannner_hover2 .etw_hometitle>div{max-width: 50%; line-height: 1.3; color: #fff; text-align: left; text-transform: uppercase; margin-bottom: 1.5rem;}
.nbannner_hover2 p{max-width: 100%; margin: 0; text-align: left;}

.nbannner_hoverimg{position: absolute; right: 1rem; bottom: -15%; display: flex; z-index: 3;}
.nbannner_hoverimg img{max-width: 260px;margin-right: 2rem;}

.left_pics{width: 100%; display: flex;}
.left_pics>a{width: 100%; position: relative; overflow: hidden; display: block; border: 1px solid #ccc;}
.left_pics>a>img{mix-blend-mode: multiply;}
.left_pics>a::before{content: ''; display: block; padding-top: 75%;}
.related_pic ul{width: 100%; flex-direction: column;}
.related_pic ul>li{width: 100%; margin-bottom: 10px;}
.related_pic ul>li>a{border: 1px solid #ccc;}
.related_pic ul>li>a.imgdq{border-color: var(--hover-color);}
.hubMain_pics .related_pic{width: 80px; position: absolute; left: 1rem; top: 1rem;}

.request_btn{width: 100%; display: flex; margin-top: 1.5rem;}
.request_btn a{padding: .5rem 1.65rem; position: relative; overflow: hidden; z-index: 0; background-color: var(--bgColor1); color: #fff; font-weight: 700; font-style: italic; text-transform: capitalize;}
.request_btn a::after{content: ''; width: 120%; height: 100%; background-color: var(--hover-color); position: absolute; left: calc(100% - 12px); top: 0; z-index: -1; transform: skewX(-30deg); transition: all .4s;}
.request_btn a:hover::after{left: -10%;}

.hubPros ul{justify-content: space-between;}
.hubPros ul li{width: calc(50% - 20px); margin-bottom: 40px;}
.hubPros ul li>ol{background-image: linear-gradient(45deg, #f5f5f5, transparent); border-radius: 10px; overflow: hidden; padding: 1.25rem;}
.hubPros ul li>ol a.imgbox{width: 45%;}
.hubPros ul li>ol a.imgbox img{mix-blend-mode: multiply;}
.hubPros ul li>ol .textbox{width: 55%; padding:0 0 0 1.5rem; flex-direction: column; justify-content: center;}
.hubPros ul li>ol .textbox a.h3{font-size: 1.25rem;}
.hubPros 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;}
.hubPros ul li>ol .textbox .more{border-top: 1px solid #ccc; padding-top: 1rem;}
.hubPros ul li>ol .textbox .more>a{font-size: .85rem; font-weight: 700; color: var(--bgColor1); line-height: 1; display: flex; align-items: center;}
.hubPros ul li>ol .textbox .more>a::after{content: "\f285"; display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none; vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; width: 24px; height: 24px; line-height: 1; border: 1px solid var(--bgColor1); border-radius: 50%; line-height: 22px; text-align: center; margin-left: .5rem; font-size: .85rem; transition: all .4s;}
.hubPros ul li>ol .textbox .more>a:hover{color: var(--hover-color);}
.hubPros ul li>ol .textbox .more>a:hover::after{margin-left: 1rem; color: var(--hover-color); border-color: var(--hover-color);}
.hubPros ul li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.hubPros2 ul li{width: 100%;}
.hubPros2 ul li>ol a.imgbox{width: 35%;}
.hubPros2 ul li>ol .textbox{width: 65%; padding-left: 2.5rem;}
.hubPros2 .etw_hometitle h2{color: var(--hoverColor);}

.inquiryform p.inquiryform_text{font-size: 1rem; color: #000; font-weight: 300;}

.otherPros_title{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.otherPros_title>.h3{font-size: 2rem; color: #000; margin-bottom: 0; display: flex; flex-direction: column;}
.otherPros_title>.h3 small{font-size: 1rem; display: block; color: #999;}
.otherPros_title_more>a{font-size: 1rem; color: #333; display: flex; align-items: center; border-bottom: 2px solid var(--hover-color); font-size: .9rem; text-transform: uppercase; font-weight: 600;}
.otherPros_title_more>a::after{content: "\f138"; 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; margin-left: .5rem; transition: all .4s;}
.otherPros_title_more>a:hover{color: var(--hover-color);}
.otherPros_title_more>a:hover::after{margin-left: 1rem;}
.otherPros ul{width: calc(100% + 30px); margin-left: -15px;}
.otherPros ul>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.otherPros ul>li>ol{flex-direction: column; background-color: #f8f9fa; padding: 1.25rem;}
.otherPros ul>li>ol a.imgbox{background-color: #fff;}
.otherPros ul>li>ol a.imgbox img{mix-blend-mode: multiply;}
.otherPros ul>li>ol .textbox{flex-direction: column; padding-top: 1.25rem; justify-content: space-between;}
.otherPros ul>li>ol .textbox a.h4{font-size: 1.25rem;}
.otherPros 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;}
.otherPros ul>li>ol .textbox .more{display: flex;}
.otherPros ul>li>ol .textbox .more>a{width: fit-content; font-size: 1rem; color: #333; display: flex; align-items: center; border-bottom: 2px solid var(--hover-color); font-size: .9rem; text-transform: uppercase; font-weight: 600;}
.otherPros ul>li>ol .textbox .more>a::after{content: "\f138"; 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; margin-left: .5rem; transition: all .4s;}
.otherPros ul>li>ol .textbox .more>a:hover{color: var(--hover-color);}
.otherPros ul>li>ol .textbox .more>a:hover::after{margin-left: 1rem;}
.otherPros ul>li.active>ol .textbox a.h4{color: var(--hover-color);}
@media (max-width:991.98px){
	.nbannner{min-height: 300px;}
	.nbannner_hover p{max-width: 60%;}
	.hubMain_pics .related_pic-2{position: relative; width: 100%; left: initial; top: initial;}
	.hubMain_pics .related_pic-2 ul{flex-direction: row; width: calc(100% + 20px); margin: 0 -10px;}
	.hubMain_pics .related_pic-2 ul>li{width: 50%; padding: 0 10px;}
	.hubMain_pics .related_pic-2 ul>li>a{width: 100%;}
	.hubMain_pics .related_pic-2 ul>li>a>img{width: 100%; height: auto;}
	.hubPros ul li {width: 100%; margin-bottom: 30px;}
}
@media (max-width:767.98px){
	.nbannner{min-height: 250px;}
	.nbannner_hover .etw_hometitle h2{font-size: 1.7rem; margin-bottom: 1rem;}
	.nbannner_hover p{max-width: 70%;}
	.hubPros ul li {margin-bottom: 20px;}
	.otherPros ul>li {width: 100%; margin-top: 20px;}
	.otherPros ul>li>ol{flex-direction: row;}
	.otherPros ul>li>ol a.imgbox{width: 50%;}
	.otherPros ul>li>ol .textbox{width: 50%; padding: 0 0 0 1.5rem;}
}
@media (max-width:575.98px){
	.nbannner{min-height: 200px;}
	.nbannner_hover .etw_hometitle h2{font-size: 1.4rem; margin-bottom: .5rem;}
	.nbannner_hover p{max-width: 90%; font-size: .95rem; line-height: 24px;}
	.hubMain_pics .related_pic-2 ul{width: 100%; margin: 0;}
	.hubMain_pics .related_pic-2 ul>li{width: 100%; padding: 0;}
	.hubPros ul li {margin-bottom: 10px;}
	.hubPros ul li>ol a.imgbox{width: 100%;}
	.hubPros ul li>ol .textbox{width: 100%; padding: 1.5rem 0 0 0;}
	.otherPros ul>li>ol a.imgbox{width: 100%;}
	.otherPros ul>li>ol .textbox{width: 100%; padding: 1rem 0 0 0;}
}
/* Hub-End */
/* Products-Details */
.detailsMain{padding: 0;}
.detailsMain>content>.row>.col-12{padding: 4rem 0;}
.detailsMain>content>.row>.col-12:nth-child(1){padding-top: 2rem;}

.left_pics_box{position: sticky;}
.left_pics_box .left_pics{width: 100%;}
.left_pics_box .left_pics>a{border:none; background-color: #f8f9fa;}
.left_pics_box .left_pics>a>img{mix-blend-mode: multiply;}
.left_pics_box .left_pics>a::before {padding-top: 75%;}

.left_pics_box .related_pic{width: 72px; height: 100%; margin: 0; display: flex; position: absolute; right: 1rem; top: 1rem;}
.left_pics_box .related_pic>ul{flex-direction: column; width: 100%; height: 100%;}
.left_pics_box .related_pic>ul>li{width: 100%; height: 72px;}
.left_pics_box .related_pic>ul>li>a{position: relative; width: 100%; height: 100%; background-color: #fff;}


.detailsMain .etw_hometitle{flex-direction: column;}
.detailsMain .etw_hometitle h2,.detailsMain .etw_hometitle>div.h2{font-size: 2.2rem; color: var(--main-color); margin-bottom: 0; line-height: 1.5;}
.detailsMain .etw_hometitle small{display: block; font-size: 1.25rem; color: #333;}
.h3_title{font-size: 1.875rem; margin-bottom: 1.25rem; text-align: center;}

.components{padding:3rem 0 2rem 0 !important; background-color: #eee; position: relative; z-index: 2;}
.components .container{position: relative; z-index: 2;}
.components::before{content: '';width:0;height:0;border-bottom:51px solid #eee;border-left: 50px solid transparent;border-right:50px solid transparent;position:absolute;left:60%;top:-50px;}
.components .h3_title{position: relative;z-index: 2; text-align: left;}
.components_subimg{width: 130%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 0;}
.components_content{display: flex; flex-wrap: wrap; justify-content:space-between;}
.components_left{width: calc(40% - 5px);}
.components_right{width: calc(60% - 5px);}
.components_bj1::after{content: ''; position: absolute; inset: 0; background-image: url(../products/2-2-nabla-clip-rail-fastening-system_img10.jpg); background-repeat: no-repeat; background-position: left center; background-size: contain; opacity: .2;}
.components_bj2::after{content: ''; position: absolute; inset: 0; background-image: url(../products/2-3-skl-clip-rail-fastening-system_img10.jpg); background-repeat: no-repeat; background-position: left center; background-size: contain; opacity: .2;}
.components_bj3::after{content: ''; position: absolute; inset: 0; background-image: url(../products/2-4-kpo-clamp-rail-fastening-system_img09.jpg); background-repeat: no-repeat; background-position: left center; background-size: contain; opacity: .2;}
.components_bj4::after{content: ''; position: absolute; inset: 0; background-image: url(../products/2-1-e-clip-rail-fastening-system_img00.jpg); background-repeat: no-repeat; background-position: left center; background-size: contain; opacity: .2;}


.relatedPros .relatedPros_title{font-size: 2rem; text-align: center; margin-bottom: 2rem;}
.relatedPros .swiper{width: 100%;}
.relatedPros .swiper .swiper-slide{height: auto; display: flex;}
.relatedPros .swiper .swiper-slide>ol{flex: 1; display: flex; flex-direction: column; background-color: #f5f5f5; padding: 1.25rem;}
.relatedPros .swiper .swiper-slide>ol a.imgbox{background-color: #fff;}
.relatedPros .swiper .swiper-slide>ol a.imgbox img{mix-blend-mode: multiply;}
.relatedPros .swiper .swiper-slide>ol .textbox{flex-direction: column; justify-content: space-between;padding-top: 1.25rem;}
.relatedPros .swiper .swiper-slide>ol .textbox a.h3,.relatedPros .swiper .swiper-slide>ol .textbox a.h4{font-size: 1.25rem; font-weight: 400;}
.relatedPros .swiper .swiper-slide>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;}
.relatedPros .swiper .swiper-slide>ol .textbox .more{display: flex;}
.relatedPros .swiper .swiper-slide>ol .textbox .more>a{font-size: .85rem; font-weight: 700; color: var(--bgColor1); line-height: 1; display: flex; align-items: center;}
.relatedPros .swiper .swiper-slide>ol .textbox .more>a::after{content: "\f285"; display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none; vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; width: 24px; height: 24px; line-height: 1; border: 1px solid var(--bgColor1); border-radius: 50%; line-height: 22px; text-align: center; margin-left: .5rem; font-size: .85rem; transition: all .4s;}
.relatedPros .swiper .swiper-slide>ol .textbox .more>a:hover{color: var(--hover-color);}
.relatedPros .swiper .swiper-slide>ol .textbox .more>a:hover::after{margin-left: 1rem; color: var(--hover-color); border-color: var(--hover-color);}
.relatedPros .prev-button,.relatedPros .next-button{width: 50px; height: 50px; position: absolute; left: 0; top:50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 2; font-size: 1rem; color: #fff;}
.relatedPros .next-button{left: auto; right: 0;}
.relatedPros .prev-button.swiper-button-disabled,.relatedPros .next-button.swiper-button-disabled{display: none;}
.relatedPros-white .swiper .swiper-slide>ol{background-color: #fff;}
.relatedPros-white .swiper .swiper-slide>ol a.imgbox{background-color: #f5f5f5;}

.inquiryform2{position: relative; overflow: hidden; min-height: 600px;}
.inquiryform2::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(45deg, #eee,var(--bgColor2)); opacity: .5;}
.inquiryform2::after{content: ''; position: absolute; inset: 0;background: url(../images/bj1.jpg) no-repeat center center; background-size: cover; mix-blend-mode: multiply;}
.inquiryform2 .container{position: relative; z-index: 2;}
.inquiryform2 .h3{color: var(--main-color); font-size: 1.5rem; margin-bottom: 1.25rem;}
.inquiryform2 p{font-weight: 400; font-size: 1.1rem; color: #000; opacity: .8; margin-bottom: 1.5rem;}
.inquiryform2 dl{display: flex; flex-direction: column;}
.inquiryform2 dl>dd{margin-bottom: 1rem; color: #000; font-size: 1rem; display: flex; align-items: center;}
.inquiryform2 dl>dd>i{font-size: 1.3rem; margin-right: 1rem; color:var(--bgColor2)}
.feedback{padding: 2rem; background-color: #fff;}
.feedback .webtitle{color: #000;font-size: 1.875rem; text-align: center;}

.table-items{width: 100%; display: flex; flex-direction: column;}
.table-items li{width: 100%; margin-bottom: 40px;}
.table-items li:last-child{margin-bottom: 0;}
.table-items li .imgbox{width:  30%; background-color: #fff;}
.table-items li .imgbox>figure{width: 100%; height: 100%;}
.table-items li .textbox{width: 70%; padding-left: 2.5rem; position: relative;}
.table-items li .textbox .table{margin-bottom: 0;}
.table-items li .textbox .table .top1 a{font-size: 1.1rem; padding: .5rem; /* padding: .5rem 2rem .5rem 0;*/ display: inline-block;}
.table-items li .textbox .table_btn{ position: absolute; right: 1rem; top: .8rem; cursor: pointer; z-index: 2;}
.table-items li .textbox .table_btn:hover>i{color: var(--hoverColor);}
.table-items li .textbox .table_btn>i{font-size: 1.25rem; color: var(--main-color);}
.table-items li .textbox>p:first-child{margin-top: 1rem;}

.left_pics2 a::before{display: none;}
.related_pic2 ul{width: calc(100% + 10px); margin:0 -5px; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.related_pic2 ul li{width: calc(100% / 6); padding: 0 5px; margin: 10px 0 0 0;}

.related_pic3 ul{width: calc(100% + 10px); margin:0 -5px; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.related_pic3 ul li{width: 25%; padding: 0 5px; margin: 10px 0 0 0;}

.details-item{width: 100%; margin-bottom: 5rem;}
.details-item .container{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.details-item_left{width: calc(40% - 20px);}
.details-item_left .left_pics>a>img{mix-blend-mode: initial;}
.details-item_right{width: calc(60% - 20px);}

.detailsPros2>.col-12{padding: 3rem 0;}
.detailsPros2>.col-12:nth-child(1){padding: 2rem 0 3rem 0;}

@media (max-width:1199.98px){
	.details-item{margin-bottom: 4rem;}
}
@media (max-width:991.98px){
	.detailsMain{padding: 0 30px;}
	.detailsMain>content>.row>.col-12 {padding: 3rem 0 !important;}
	.left_pics_box .left_pics{display: none;}
	.left_pics_box .related_pic{width: 100%;position: relative; right: initial; top: initial;}
	.left_pics_box .related_pic>ul{width: calc(100% + 20px); margin: 0 -10px; flex-direction: row;}
	.left_pics_box .related_pic>ul>li{width: 25%; height: auto; padding: 0 10px; margin-bottom: 20px;}
	.left_pics_box .related_pic>ul>li>a::before{content: ''; display: block; padding-top: 100%;}
	.left_pics_box .related_pic-2>ul>li{width: 50%;}
	.left_pics_box .related_pic-3>ul>li{width: calc(100% / 3);}
	.detailsMain .etw_hometitle h2, .detailsMain .etw_hometitle>div.h2{font-size: 2rem;}
	.details-item{margin-bottom: 3rem;}
	.details-item_left {width: 100%; margin-bottom: 1.5rem;}
	.details-item_left .left_pics{display: none;}
	.details-item_left .left_pics-1{display: block !important;}
	.details-item_right {width: 100%;}
	.related_pic ul>li>a{width: 100%;}
	.related_pic-2,	.related_pic-3,	.related_pic-4,	.related_pic-5{width: 100%;}
	.related_pic-2 img,	.related_pic-3 img,	.related_pic-4 img 	.related_pic-5 img{width: 100%;}
	.related_pic-2>ul>li{width: 50%;}
	.related_pic-3>ul>li{width: calc(100% / 3);}
	.related_pic-4>ul>li{width: 25%;}
	.related_pic-5>ul>li{width: 25%;}
	.related_pic-5>ul>li:last-child{display: none;}
	.related_pic-6>ul>li{width: calc(100% / 3);}
	.details-item1 .details-item_left{width: 45%;}
	.details-item1 .details-item_left .left_pics{display: block;}
	.details-item1 .details-item_right {width: 55%; padding-left: 2rem;}
}
@media (max-width:767.98px){
	.detailsMain>content>.row>.col-12 {padding: 2rem 0 !important;}
	.left_pics_box .related_pic>ul>li{width: 50%;}
	.detailsMain .etw_hometitle h2, .detailsMain .etw_hometitle>div.h2{font-size: 1.7rem;}
	.h3_title{font-size: 1.6rem;}
	.relatedPros .relatedPros_title {font-size:1.7rem; margin-bottom: 1rem;}
	.inquiryform2 .h3{font-size: 1.25rem; margin-bottom: .5rem;}
	.feedback {padding: 1rem;}
	.otherPros_title>.h3 {font-size: 1.7rem;}
	.otherPros_title_more{display: none;}
	.left_pics_box .related_pic-3>ul>li:last-child{display: none;}
	.table-items li .imgbox {width: 100%;}
	.table-items li .imgbox a img{position: relative;}
	.table-items li .textbox{width: 100%; padding: 1rem 0 0 0;}
	.table-items li { margin-bottom:30px;}
	.details-item{margin-bottom: 2rem;}
	.related_pic-3>ul>li,.related_pic-4>ul>li,.related_pic-5>ul>li,.related_pic-6>ul>li{width: 50%;}
	.related_pic-3>ul>li:last-child{display: none;}
	.related_pic-5>ul>li:last-child{display: block;}
	.img-100 img{width: 100%;}
	.details-item2 .details-item_left{width: 100%;}
	.details-item2 .details-item_left .left_pics {display: block;}
	.details-item2 .details-item_right{width: 100%; padding-left: 0;}

}
@media (max-width:575.98px){
	.detailsMain>content>.row>.col-12 {padding: 1.5rem 0 !important;}
	.detailsMain .etw_hometitle h2, .detailsMain .etw_hometitle>div.h2{font-size: 1.5rem;}
	.h3_title{font-size: 1.2rem;}
	.relatedPros .relatedPros_title {font-size:1.4rem;}
	.otherPros_title>.h3 {font-size: 1.4rem;}
	.left_pics_box .related_pic-3>ul>li{width: 100%;}
	.left_pics_box .related_pic-3>ul>li:last-child{display: flex;}
	.table-items li { margin-bottom:20px;}
	.details-item{margin-bottom: 1rem;}
	.left_pics_box .related_pic>ul>li {width: 100%;}
	.related_pic-2>ul>li,.related_pic-3>ul>li,.related_pic-4>ul>li,.related_pic-5>ul>li,.related_pic-6>ul>li{width: 100%;}
	.details-item1 .details-item_left{width: 100%;}
	.details-item1 .details-item_right{width: 100%; padding-left: 0;}
}
@media (max-width:375.98px){
	.detailsMain .etw_hometitle h2, .detailsMain .etw_hometitle>div.h2{font-size: 1.25rem;}
	.left_pics_box .related_pic>ul>li{width: 100%;}
}
/* Products-Details-End */
/* About Us */
.about{padding: 0;position: relative; overflow: hidden; z-index: 0;}
.about>content>.row>.col-12{padding: 3rem 15px;}
.about>content>.row>.col-12:nth-child(1){padding-top: 1rem;}
.about_heng{padding: 1.5rem 0 !important; position: relative;}

.h5_title{font-weight: 700;}
.h5_title::after{content: ''; width: 80px; height:3px; display: block; background-image: linear-gradient(to right, var(--bgColor1),var(--bgColor2)); margin-top: .5rem;}

.about-items li{width: 100%; margin-bottom: 2rem;}
.about-items li>ol {width: 100%; align-items: center; justify-content: space-between; background-color: #f8f9fa; padding: 0; flex-wrap: wrap;}
.about-items li>ol .imgbox{width: calc(50% - 20px);}
.about-items li>ol .textbox{width: calc(50% - 20px); flex: none;}
.about-items li>ol .textbox p:last-child{margin-bottom: 0;}
.about-items li>ol .textbox2{width: 100%;}

.history{position: relative; overflow: hidden; margin-top: 2rem;}
.history .swiper{width: 100%;}
.history .swiper .swiper-slide{height: auto; display: flex; flex-direction: column; background-color: #f5f5f5; padding: 1.25rem;}
.history .swiper .swiper-slide .history_icon{width: 100%; height: 60px; overflow: hidden;position: relative; margin-bottom: 1rem;}
.history .swiper .swiper-slide .history_icon>img{height: 60px; filter: drop-shadow(0 60px var(--main-color)); position: relative; transform: translateY(-100%);}
.history .swiper .swiper-slide .history_year{width: 100%; text-align: center; font-size: 1.5rem; font-weight: 700; color: #000; position: relative;}
.history .swiper .swiper-slide .history_text{width: 100%; color: #000; text-align: center; padding-top: 1rem;}
.history .prev-button,.history .next-button{width: 50px; height: 50px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #fff;}
.history .next-button{right: 0; left: auto;}
.history .prev-button.swiper-button-disabled,.history .next-button.swiper-button-disabled{display: none;}

.inquiryform3{background: url(../images/inquiry_bj3.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 2rem 0;}
.inquiryform3::before{content: ''; position: absolute; inset: 0; background-image: linear-gradient(to left,var(--bgColor1),var(--bgColor2)); opacity: .9;}
.inquiryform3 .inquiryform3_left .h3{color: #fff; margin-bottom: 1rem; font-size: 1.4rem; line-height: 1.3;}
.inquiryform3 .inquiryform3_left p{color: #fff; font-size: 1.1rem; margin-bottom: 1rem;}
.inquiryform3 .inquiryform3_left dl{display: flex; flex-direction: column; margin-bottom: 0;}
.inquiryform3 .inquiryform3_left dl>dd{width: 65%; color: #fff; display: flex; align-items: center; font-size: 1rem;}
.inquiryform3 .inquiryform3_left dl>dd>i{font-size: 1.25rem; margin-right: 1rem;}
.inquiryform3 .inquiryform3_right{width: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center;}
.inquiryform3 .inquiryform3_right h6{width: 100%; font-weight: 400; display: flex; align-items: center; justify-content: flex-end; color: #fff;}
.inquiryform3 .inquiry_btn{display: flex; justify-content: flex-end; align-items: center; position: relative;z-index: 2; width: fit-content; margin-left: 1rem;}
.inquiryform3 .inquiry_btn>a{width: fit-content; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: .5rem 1rem; background-image:linear-gradient(to right, var(--main-color),var(--logoColor)); text-decoration: none; color: #fff; transition: all .4s ease-in-out; font-size: 1.1rem; line-height: 1.2;}
.inquiryform3 .inquiry_btn>a span{display: block; font-weight: 700; font-size: .95rem;}
.inquiryform3 .inquiry_btn>a:hover{background-image:linear-gradient(to right, var(--bgColor1),var(--bgColor2)); color: #fff !important;}

.ourPros .ourPros_title{font-size: 2rem; color: #000; text-align: center; margin-bottom: 0; text-transform: uppercase;}
.ourPros_nav{display: flex; flex-wrap: wrap; border-bottom: 2px solid #f5f5f5; margin-top: 1.5rem;}
.ourPros_nav>li{margin-right: 2px;}
.ourPros_nav>li>a{padding: .5rem 1.25rem; background-color: #f5f5f5; color: #000; font-size: 1.25rem;}
.ourPros_nav>li>a:hover,.ourPros_nav>li.active>a{background-color: var(--hover-color); color: #fff;}

.ourPros_content{display: block; margin-top: 10px;}
.ourPros_content>div{display: none;}
.ourPros_content>div:first-child{display: block;}
.ourPros_content ul{width: calc(100% + 20px); margin-left: -10px;}
.ourPros_content ul>li{width: 20%; padding: 0 10px; margin-top: 20px;}
.ourPros_content ul>li>ol{flex-direction: column; background-color: #f5f5f5; padding: 10px; transition: all .4s;}
.ourPros_content ul>li>ol .textbox{align-items: center; justify-content: center; padding: 15px 0 5px 0;}
.ourPros_content ul>li>ol .textbox a.h3,.ourPros_content ul>li>ol .textbox a.h4{font-size: .9rem; margin-bottom: 0; text-align: center; font-weight: 500;}
.ourPros_content ul>li>ol:hover{background-color: var(--hover-color);}
.ourPros_content ul>li>ol:hover .textbox a.h3,.ourPros_content ul>li>ol:hover .textbox a.h4{color: #fff;}

@media (max-width:991.98px){
	.about{padding: 0 15px;}
	.about>content>.row>.col-12{padding: 2.5rem 15px;}
	.ourPros_content ul>li{width: 25%;}
	.ourPros_content ul>li:last-child{display: none;}
	.ourPros_nav>li>a{font-size: 1.1rem;}
	.ourPros .ourPros_title{font-size: 1.7rem;}
}
@media (max-width:767.98px){
	.about>content>.row>.col-12{padding: 2rem 15px;}
	.ourPros_content ul>li{width: 50%;}
	.ourPros_nav>li {width: 100%; margin: 0 0 2px 0;}
	.ourPros_nav>li>a{width: 100%;}
	.ourPros .ourPros_title{font-size: 1.4rem;}
}
@media (max-width:575.98px){
	.about>content>.row>.col-12{padding: 1.5rem 15px;}
	figure{width: 100%;}
	.ourPros_content ul>li{width: 100%;}
	.nbannner_hover2 .etw_hometitle>div{max-width: 100%; font-size: 1.5rem;}
}
@media (max-width:375.98px){
	.about>content>.row>.col-12{padding: 1rem 15px;}
}
/* About Us-End */
.h4_hover{position: relative; padding-bottom: 5px;}
.h4_hover::after{content: ''; width: 100%; height: 1px; background-color: var(--bgColor1); right: 0; bottom: 0; position: absolute;}
/* Service */
.service{padding: 0 0 2rem 0;}
.service>.container>.row>.col-12{padding: 1.25rem 0;}
.service-items{padding: 30px 15px; align-items: center;}
.service-items .textbox{margin-bottom: 1.875rem;}
.service-items .textbox .h6_title{font-size: 1.25rem; font-weight: 700; color: #000; margin-bottom: .7rem;}
.service-items .textbox p{font-weight: 300; color: #333; font-size: 1rem; font-family: Arial;}
.service-items .textbox p:last-child,.service-items .textbox:last-child{margin-bottom: 0;}
.service-items2{padding: 30px;}
/* Service-End */

/* Contact Us */
.contact{padding:3rem 0}
.contact p{font-size:1rem; line-height:24px; margin:0.5rem 0; font-weight: 400; color: #333;}
.contact a{font-size: 1rem;}
.contact strong{color:#000; margin-right: .25rem;}
.contact a{color:var(--main-color); text-decoration:underline}
.contact a:hover{color:var(--hover-color); text-decoration:none}
.contact .co_name{font-size:1.5rem; font-weight:700;margin-bottom:1rem; color:var(--hover-color)}
.contact img{float: left;margin-top: .5rem;}
.contact .feedback{padding:2rem}
.contact .feedback .webtitle{font-size:1.875rem;color:#000; font-weight: 700; margin-bottom: 1rem;}
.contact_map{margin-top: 1.5rem;}
/* Contact Us-End */

/* videos */
.videoHub{padding:2rem 0 4rem 0;}
.videoHub .etw_hometitle{color:#000; font-size:2.5rem; line-height:3rem; font-weight:900; justify-content: flex-start; margin-bottom:1rem}
.video_title{font-size:1.75rem;line-height:1.8rem;font-weight:600;display:flex; justify-content: center; color:#000; position:relative;margin-bottom: 1.5rem;}
.video_title::after{content: ''; width: 100%; height: 2px; background-image: linear-gradient(to right, transparent,var(--main-color),transparent); position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.video_title>span{width: fit-content; background-color: #fff; padding: 0 1.5rem;}

.video_hub{width:100%;display:flex;flex-wrap:wrap}
.video_hub ul{width:calc(100% + 30px);margin-left:-15px;}
.video_hub ul li{width:50%; padding:0 15px; margin-bottom:30px; transition: all .4s;}
.video_hub ul li>ol{-webkit-clip-path: polygon(100% 0, 100% 80%, 95% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 80%, 95% 100%, 0 100%, 0 0); background-color: #f5f5f5; padding: 3px;}
.video_hub ul li>ol>a.imgbox{width: 40%;}
.video_hub ul li>ol>a.textbox{width: 60%; display: flex; align-items: center; padding-left: 2rem; font-size: 1.25rem; font-weight: 600; color: #000;}
.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(--hover-color)}

.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% 80%, 90% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 80%, 90% 100%, 0 100%, 0 0);}
.video_hub1 a.imgbox{width: 50%;}
.video_hub1 .textbox{width: 50%; padding: 2rem;}
.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}
#video_right{width:65%}
#video_right .h2{font-size:1.875rem; font-weight:600; color:#000}
#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(--hover-color);color:#000;border-color:var(--hover-color)}
.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(--main-color);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{margin-bottom:1rem;width: 100%;}
#etw_videolist ul li a{display:flex;align-items:center;width: 100%;}
#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(--hover-color); font-weight: 600;}
#etw_videolist ul li:last-child{margin:0}
.videohid{display:none}
@media (max-width:991.98px){
	.video_hub ul li {width: 100%; margin-bottom: 20px;}
	#video_right{width:100%}
	#video_sidebar{width:100%;margin-top:2rem}
	#video_right .h2 {font-size: 1.6rem;}
}
@media (max-width:767.98px){
	.video_title{font-size: 1.4rem;}
	.video_hub1{margin-bottom: 1.5rem;}
	.video_hub1 a.imgbox {width: 100%;}
	.video_hub1 .textbox{width: 100%; padding: 1.5rem;}
	.video_hub ul li>ol>a.textbox {padding-left: 1rem;font-size: 1rem;}
	#video_sidebar{margin-top:1rem}
	#video_right .h2 {font-size: 1.3rem;}
}
/* videos-End */

/*added by mysteo start*/
.home_main_pro{background-image:url('../images/bg-train.jpg');background-size:cover;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:60px 0 80px 0;position:relative}
.home_main_pro::before{content:"";position:absolute;left:0;top:0;background:linear-gradient(to bottom,#d3d7e3,#d1d5df,#c1c5d1);inset:0;opacity:.6}
.home_main_pro .small-container{max-width:1000px}
.home_main_pro .small-container .img-box{width:55%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;z-index:2}
.home_main_pro .small-container .img-box .img-box-bg{background:linear-gradient(to bottom,#f2f3f4,#d1d5df,#e1e3ea)}
.home_main_pro .small-container .img-box .img-box-bg .img,.img-effect-multi{mix-blend-mode:multiply}
.home_main_pro .small-container .img-box .related_pic{width:100%}
.home_main_pro .small-container .img-box .related_pic ul{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end}
.home_main_pro .small-container .img-box .related_pic ul li{width:auto;padding:0;margin:0;margin-right:10px}
.home_main_pro .small-container .img-box .related_pic ul li .img{height:70px}
.home_main_pro .small-container .text-box{width:calc(45% - 40px );padding:40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:linear-gradient(to right,#fff,#fff);margin:0 20px;z-index:2;transition:.3s all ease-in-out;position:relative;overflow:hidden}
.home_main_pro .small-container .text-box:hover{box-shadow:0 0 4rem 0 rgba(0,0,0,.15);background:linear-gradient(to right,#fff,#f5f5f5)}
.home_main_pro .small-container .text-box p{font-weight: 300;}
.home_main_pro .small-container .text-box .h3{font-size: 2.3rem;}
.home_main_pro .small-container .text-box .more-icons-links{width:60px;height:60px;position:absolute;right:-100%;bottom:-100%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff; overflow: hidden; padding: 25px 0 0 25px;}
.home_main_pro .small-container .text-box .more-icons-links::before{content: ''; position: absolute; inset: 0; background:#00b3ff;z-index: -1;-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);	clip-path: polygon(100% 0, 0 100%, 100% 100%);}
.home_main_pro .small-container .text-box:hover .more-icons-links{right:0; bottom:0;}

.text-box>p{font-size:1.2rem;line-height:1.5rem;font-weight:400}
.text-box>dl>dd{position:relative}
.text-box>dl>dd::before{content:'\F271';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:#A7C0E1;position:absolute;left:0;top:4px}
.text-box>dl>dd>a{padding-left:25px;color:#787c86}
.featured-pro{background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:60px 0;position:relative}
.featured-pro::before{content:'';width:0;height:0;border-bottom:51px solid #fff;border-left:50px solid transparent;border-right:50px solid transparent;position:absolute;left:25%;top:-50px}
.item4{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}
.item4 .item{width:calc( 100% / 4 - 20px );margin-bottom:30px}
.item-col-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.3s all ease-in-out}
.item-col-flex:hover{box-shadow:0 0 4rem 0 rgba(0,0,0,.15)}
.item-col-flex>a>img{transition:.3s all ease-in-out}
.item-col-flex>a>img:hover{filter:brightness(110%)}
.item4 .item .text{flex: 1; background:#f5f5f5;box-sizing:border-box;padding:30px;width:100%;display:flex;flex-direction:column;}

.item4 .item .text .links{font-size:1.3rem;font-weight:600;color:var(--bgColor2);position:relative;width:100%;margin-bottom:40px}
.item4 .item .text .links::after{position:absolute;left:0px;bottom:-20px;content:"";width:40%;height:2px;background-color:var(--bgColor1);transition:.3s all ease-in-out}
.item4 .item .text:hover .links::after{width:80%}
.home-company{width:100%;position:relative;padding:80px 0}
.home-company::before{content:"";position:absolute;inset:0;top:0;left:0;opacity:.7}
.home-company{display:flex;flex-direction:row;justify-content:center;align-items:center}
.home-company .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.home-company .container .imgs{width:100%}
.home-company .container .imgs{overflow:hidden}
.home-company .container .imgs .img{padding:0;margin:0;width:100%}
.swiper-company .swiper-slide{width:100%}
.company-flex{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}
.company-flex .alltxt{width:80%;height:80px;background:#eff1f4;display:flex;flex:row;justify-content:space-between;align-items:center;font-size:1rem;padding:0 30px}
.company-flex .alltxt .icon_links{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.company-flex .alltxt .icon_links .links{width:40px;height:40px;background:#ced2d9;margin-right:10px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;transition:.3s all ease-in-out}
.company-flex:hover .alltxt .icon_links .links{background:#002F6C}
.company-flex .alltxt .icon_links .links:hover{width:50px;height:50px}
.company-flex .alltxt .txt{flex-direction:row;justify-content:center;align-items:center;margin-right:20px}
.company-text{color:#666;font-size:1rem;box-sizing:border-box;padding:30px;line-height:1.6rem;letter-spacing:.075rem;margin:20px}
.big-txt{font-size:1.2rem}
.cer-gallery{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.cer-gallery>li{width:20%}
.homeFactory_lists>ul>li{padding:10px;box-sizing:border-box}
.w-70{width:70%;margin:0 auto}
.bg-light-gray{background:linear-gradient(to right,#d4dce1,#fff,#dcdfec);letter-spacing:.075rem}
.cer-icon{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.cer-icon .iconimg{background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:5px}
.cer-icon .iconimg .img{width:60px;height:60px;margin:10px}
.app-icons{display:flex;flex-direction:row;justify-content:center;align-items:center}
.app-icons>li{width:calc(calc(100% / 5) - 20px);min-width:177px;margin:10px}
.app-icons>li>ol{display:flex;height:100px;flex-direction:column;justify-content:center;align-items:center;position:relative}
.app-icons>li>ol>.imgbox{padding:10px;box-sizing:border-box;background:linear-gradient(to right,#00b3ff,#2b408b);position:relative}
.app-icons>li>ol>.imgbox>img{width:80px}
.app-icons>li>ol>.h6{font-size:.8rem;position:absolute;bottom:-60px;font-weight:400;right:0px;text-align:center;box-sizing:border-box;height:60px;width:90%;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:0 10px}
.app-icons-roll{margin-top:80px;overflow:hidden}
.swiper-applications{width:100%;position:relative;transition:all .3s ease-in-out}
.gray_img{filter:grayscale(100%);transition:all .3s ease-in-out}
.gray_img:hover{filter:grayscale(0%)}
.swiper-applications .app_icon_links{position:absolute;left:0;top:50%;width:100%;z-index:5;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.swiper-applications .app_icon_links .links{width:50px;height:50px;background:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;opacity:0}
.swiper-applications:hover .app_icon_links .links{opacity:1}
.footer_icons{width:100%;display:flex;flex-direction:row;justify-content:flex-end}
.footer_icons>.img{width:100px;margin:0px}

@media (max-width:1199.98px){
	.home_main_pro,.featured-pro,.home-company{padding: 60px 0;}
	.app-icons{width: calc(100% + 20px); margin: 0 -10px;}
	.app-icons>li{width:calc(20% - 20px); min-width:initial;}
	.company-text{margin: 0; padding: 0 0 0 30px;}
}
@media (max-width:991.98px){
	.home_main_pro,.featured-pro,.home-company{padding: 40px 0;}
	.home_main_pro .small-container{flex-wrap: wrap;}
	.home_main_pro .small-container .img-box{width: 100%;}
	.home_main_pro .small-container .img-box .img-box-bg{margin-bottom: 1.5rem;}
	.home_main_pro .small-container .img-box .related_pic ul{justify-content: center;}
	.home_main_pro .small-container .text-box{width: 100%; margin: 1.5rem 0 0 0; padding: 30px;}
	.home_main_pro .small-container .text-box .h3 {font-size: 2rem;}
	.item4 .item {width: calc(calc(100% / 3) - 20px); margin-bottom: 20px;}
	.item4 .item:last-child,.item4 .item:nth-last-child(2){display: none;}
	.item4 .item .text {padding: 20px;}
	.app-icons>li {width: calc(25% - 20px);}
	.app-icons>li:last-child{display:none;}
	.app-icons>li>ol{ height: auto;}
	.app-icons>li>ol>.h6{position: relative; bottom: initial; width: 100%; height: auto; padding: 1rem; margin-bottom: 0;}
	.app-icons-roll{margin-top: 1rem;}
	.home-company .container {flex-direction: column;}
	.company-flex{margin-bottom: 1.5rem;}
	.company-flex .alltxt{width: 100%;}
	.company-text{margin: 0; padding: 0;}
}
@media (max-width:767.98px){
	.home_main_pro,.featured-pro,.home-company{padding: 20px 0;}
	.home_main_pro .small-container .text-box .h3 {font-size: 1.5rem;}
	.item4 .item {width: calc(calc(100% / 2) - 10px);}
	.item4 .item:last-child,.item4 .item:nth-last-child(2){display: block;}
	.item4 .item .text {padding: 20px;}
	.app-icons>li {width: calc(50% - 20px);}
	.company-flex .alltxt .icon_links{position: absolute; width: 100%; top: 30%; left:0; z-index: 2;}
	.company-flex .alltxt {height: auto; padding: 1rem;}
	.company-flex .alltxt .txt{width: 100%; margin: 0;}
	.details-item1 .details-item_left,.details-item1 .details-item_right{width: 100%;}
	.details-item1 .details-item_right{padding: 0;}
	.details-item1 .details-item_left .left_pics{width: 100%;}
}
@media (max-width:575.98px){
	.home_main_pro,.featured-pro,.home-company{padding: 10px 0;}
	.home_main_pro .small-container .text-box{padding: 20px; margin-top: 0;}
	.home_main_pro .small-container .text-box .h3 {font-size: 1.25rem;}
	.home_main_pro .small-container .img-box .related_pic ul li{width: 100%; margin: 0 0 10px 0;}
	.home_main_pro .small-container .img-box .related_pic ul li a{width: 100%;}
	.home_main_pro .small-container .img-box .related_pic ul li .img{width: 100%; height: auto;}
	.item4 .item {width: 100%;}
	.item-col-flex>a,.item-col-flex>a>img{width: 100%;}
	.item4 .item .text .links {font-size: 1.2rem; margin-bottom: 20px;}
	.item4 .item .text .links::after {bottom: -10px;}
	.app-icons>li {width: 100%; margin: 0 0 10px 0;}
	.app-icons>li:last-child{display:block;}
}
/*added by mysteo stop*/