@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:"Frutiger LT";font-style:normal;font-display:swap;font-weight:400;src:local(''),url(../fonts/FrutigerLT/FrutigerLTW05-55Roman.woff2) format("woff2"),url(../fonts/FrutigerLT/FrutigerLTW05-55Roman.woff) format("woff")}
@font-face{font-family:"Frutiger LT";font-style:normal;font-display:swap;font-weight:700;src:local(''),url(../fonts/FrutigerLT/FrutigerLTW05-65Bold.woff2) format("woff2"),url(../fonts/FrutigerLT/FrutigerLTW05-65Bold.woff) format("woff")}
@font-face{font-family:"Frutiger LT";font-style:normal;font-display:swap;font-weight:850;src:local(''),url(../fonts/FrutigerLT/FrutigerLTW05-75Black.woff2) format("woff2"),url(../fonts/FrutigerLT/FrutigerLTW05-75Black.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: #666;
	--hover-color: #e6000c;
	--logo1-color: #f7af02;
	--logo2-color: #e6000c;
	--bg-f1: #f1f1f1;
	--bg-f2: #f2f2f2;
	--bg-f3: #f3f3f3;
	--bg-f4: #f4f4f4;
	--bg-f5: #f5f5f5;
	--bg-f6: #f6f6f6;
	--max-width:1230px;
}
.layui-layer-dialog .layui-layer-content{ max-width:380px;}
.bg-f5 {background-color: var(--bg-f5) !important;}
* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:#333;font-family:"Frutiger LT",sans-serif; font-weight:400; font-size: .875rem;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: inherit; font-weight: 850; margin-bottom: 1rem;}
h2,.h2 {font-size: 2.5rem;}
h3,.h3 {font-size: 2rem;}
h4,.h4 {font-size: 1.5rem;}
h5,.h5 {font-size: 1.25rem;}
h6,.h6 {font-size: 1rem;}
h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;font-size: inherit;}
a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: var(--hover-color) !important;}
p {font-size: .875rem; line-height: 24px; color: var(--main-color);}
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%}
.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:576px){.container{max-width:calc(100% - 10px)}}@media (min-width:768px){.container{max-width:calc(100% - 30px)}}@media (min-width:992px){.container{max-width:calc(100% - 50px)}}@media (min-width:1260px){.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% + 10px);margin-left:-5px; margin-bottom: 10px;}
ul.etw_phone li{width:100%;padding:0 5px;margin-bottom:10px;flex-direction:column;}
ul.etw_phone li a.imgbox,.etw_phone li .imgbox{box-shadow: 0 0 5px rgba(0,0,0,0.15); background-color: #fff;}
ul.etw_phone li a.imgbox>img,.etw_phone li .imgbox>img{mix-blend-mode:multiply}
ul.etw_phone li span{flex:1;width:100%;display:flex;align-items:flex-start;justify-content:center;text-align:center;color:var(--main-color);overflow:hidden;line-height:24px;padding:0.5rem; padding-bottom: 0; background-color: #fff; font-weight: 400; font-size: 1rem; text-transform: capitalize;}
ul.etw_phone2{width:100%;margin:0;justify-content:space-between}
ul.etw_phone2 li{width:calc(50% - 10px);padding:0}
ul.etw_phone8{width:100%;margin:0;justify-content:space-between}
ul.etw_phone8 li{width:50%;padding:4px;margin: 0;}
ul.etw_phone3 li{width:calc(100% / 3)}
ul.etw_phone4 li{width:25%}
ul.etw_phone5 li{width:20%}
ul.plastic_juice_bottles li{width: 20%;}
ul.etw_phone6 li{width:calc(100% / 6)}
ul.etw_phone9 li{width:calc(100% / 4)}
ul.etw_phone img{ width:100%;}

ul.items{width: 100%;margin-bottom: 1rem;}
ul.items>li{width:100%;line-height:24px;margin-bottom:1rem;padding-left:1rem;position:relative; flex-direction: column;}
ul.items>li::before{content:"";width: 6px; height: 6px; border-radius: 50%; background-color:var(--hover-color);position: absolute; left: 0; top: 9px;}
ul.items>li>strong{display: block; margin-right: .5rem; color: #000; font-size: 1rem; text-transform: capitalize;}
ul.items>li>p{flex: 1;}
ul.items>li>p:last-child{margin-bottom: 0;}
ul.items>li>p>b{color: #333; text-transform: capitalize;}
ul.items2{justify-content: space-between;}
ul.items2>li{width: calc(50% - 10px);}
@media (max-width:767.98px){
  ul.items2>li{width:100%;}
}
.table-responsive td>a{color: var(--hover-color) !important; font-weight: 400; cursor: pointer !important;}
.table-responsive td>a:hover{color: var(--hover-color)!important; text-decoration: underline !important;}
.table tr.top{background-color: #f5f5f5 !important; color: #000; font-weight: bold;}
.table td, .table th {padding: .5rem; color: #666;}
.table .more>a{background-color: initial; box-shadow: initial; color: #000; padding: 0; border-radius: initial; line-height: 1; text-transform: capitalize; font-size: .9rem;}
.table .more>a::after{font-size: .9rem;}
.table .more>a:hover{color: var(--hover-color);}

.video_btn{width:8vh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;cursor:pointer; background: url(../images/video_btn.png) no-repeat center center; background-size: 100% 100%;}
.video_btn::before{content: '';display: block; padding-top: 100%;}
.video_smallbtn{width: 6vh;}

.more{display:flex;}
.more>a{width:fit-content;display:flex;align-items: center; height: 42px; font-size:1rem; color:#333; background-color:#fff; border: 1px solid #ccc; text-transform:capitalize; padding: 0 1rem; transition:all 0.4s ease; position:relative; overflow:hidden;}
.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: 1rem; position: relative; transition: all .4s ease;}
.more>a:hover{background-color: #f5f5f5;}
.more>a:hover::after{transform: translateX(3px);}
.more2{display:flex;}
.more2>a{width:fit-content;display:flex;align-items: center; height: 42px; font-size:1rem; color:#333; text-transform:capitalize; padding: 0 1rem; transition:all 0.4s ease; position:relative; overflow:hidden;}
.more2>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: 1rem; position: relative; transition: all .4s ease;}
.more2>a:hover{background-color: #f5f5f5; color: #e6000c;}
.more2>a:hover::after{transform: translateX(3px);}
@media (max-width:1199.98px){
ul.etw_phone6 li{width:calc(100% / 5)}
ul.etw_phone6 li:last-child{display:none}
ul.etw_phone9 li{width:calc(100% / 4)}
}
@media (max-width:991.98px){
ul.etw_phone5 li{width:calc(100% / 4)}
ul.etw_phone5 li:last-child{display:none}
ul.plastic_juice_bottles li{width:calc(100% / 4)}
ul.etw_phone6 li{width:calc(100% / 3)}
ul.etw_phone6 li:last-child{display:block}
ul.etw_phone9 li{width:calc(100% / 4)}
}
@media (max-width:767.98px){
ul.etw_phone4 li{width:50%}
ul.etw_phone3 li{width:calc(100% / 2)}
ul.etw_phone3 li:last-child{display:none}
ul.etw_phone5 li{width:calc(100% / 2)}
ul.plastic_juice_bottles li{width:calc(100% / 2)}
ul.etw_phone6 li{width:calc(100% / 2)}
ul.etw_phone9 li{width:calc(100% / 2)}
}
@media (max-width:375px){
ul.etw_phone3 li{width:100%}
ul.etw_phone3 li:last-child{display:block}
ul.etw_phone5 li{width:100%}
ul.etw_phone5 li:last-child{display:block}
ul.plastic_juice_bottles li{width:100%}
ul.etw_phone6 li{width:100%}
ul.etw_phone9 li{width:100%}
}
/* public-End */
/* etw_language */
.etw_language{min-height: 40px; display: flex; padding: 5px 0;}
.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: 1.75rem; text-transform: uppercase;}
#etw_language{display:flex; height: auto;}
#etw_language>a{width: auto; padding:0 1rem;color:#333;display:flex;justify-content:center;align-items:center; height: 30px; position: relative; text-align: center;}
#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;}
/* header */
#header{position:sticky;left:0;top:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:12;}
#etw_logo{float: left; position: relative;z-index: 10;}
#etw_logo a{display: block; padding: 10px 0;}
#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:50px;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:#333;text-transform:uppercase;padding:0;min-height:40px;display:flex;align-items:center;justify-content:center;position:relative; font-size: 1rem;}
.navbar-light .navbar-nav a.nav-link::before{display: none;}
nav .navbar-nav .nav-item .nav-link::after{transition:all 0.3s;margin-left:0.5rem}
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 .nav-link::after,nav .navbar-nav .nav-item:hover .nav-link::after{transform:rotate(180deg)}
.navbar-light .navbar-nav .nav-item.active .nav-link::before,.navbar-light .navbar-nav .nav-item:hover .nav-link::before{width:100%;left: 0;}
.pro_icon{display:none}
.dropdown-menu{left:0;top:150%;border:none;margin:0;padding:0;border-radius:0;background-color:#fff; border-radius:0 0 1rem 1rem;overflow:hidden;transition:all 0.3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block;border-top: 2px solid var(--hover-color);}
.dropdown-menu ul>li{width: 100%; border-bottom:1px dashed #ddd;}
.dropdown-menu ul>li:last-child{border-bottom:none}
.dropdown-menu .dropdown-item{color:#333;font-size:0.8rem;position:relative;display:flex;transition:all 0.5s;padding:0.6rem 1.2rem;font-weight:200; justify-content: space-between; align-items: center;}
.dropdown-menu .dropdown-item::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; margin-left: 2rem; position: relative; transition: all .4s ease;}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active{color:var(--hover-color); background-color: #f1f1f1; text-decoration:none}
.dropdown-menu .dropdown-item:hover::after{transform: translateX(3px);}
.dropdown-menu .dropdown-item:hover::after,.dropdown-menu .dropdown-item.active::after{color:var(--hover-color)}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
.dropdown-menu1{min-width: 1000px; padding: 1.5rem; margin-left: -190px;}
.dropdown-menu_list>li{border-bottom: none !important; margin-bottom: 1.5rem;}
.dropdown-menu_list>li:last-child{margin-bottom: 0;}
.dropdown-menu_list>li>a.dropdown-item{font-size: 1rem; font-weight: bold; width: fit-content; padding: 0;}
.dropdown-menu_list>li>a.dropdown-item::after{display: none;}
.dropdown-menu_list>li>a.dropdown-item:hover,.dropdown-menu_list>li>a.dropdown-item.active{background-color: initial; color: var(--hover-color);}
.dropdown-menu_list>li>ol{display: flex; flex-wrap: wrap;}
.dropdown-menu_list>li>ol>li{width: 100%;border-bottom:1px dashed #ddd;}
.dropdown-menu_list>li>ol>li>a{padding: .4rem 0 .4rem 1.4rem;position: relative;}
.dropdown-menu_list>li>ol>li>a{font-size: 0.9rem;}
.dropdown-menu_list>li>ol>li>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;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:.2rem;top:.7rem;color:var(--hover-color); font-size: .85rem;}
.dropdown-menu_list>li>ol>li>a:hover,.dropdown-menu_list>li>ol>li>a.active{color: var(--hover-color);}
.moulds_title{font-size: 1.3rem !important;color: #000;}
.moulds_title:hover{font-size: 1.3rem !important;color:  var(--hover-color) !important;}
@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_language{width: auto; margin:0 0 0 0; background-color: initial;position: relative; overflow: visible; min-height: initial;}
	.etw_language>.container{margin: 0;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%); width:100px;margin-top: 0.5rem;}
	#etw_language{background-color: var(--bg-f5);box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius:5px; padding:10px;}
	#etw_language>a{margin:0;color:#000; padding:0; border:none; width:100%; display:block; text-align:center; height:auto; line-height:1.75rem;}
	#etw_language>a::after{ display:none;}
	#etw_language>a:hover{color: var(--hover-color); text-decoration: none;}

	#etw_logo {margin-top: 0; 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; margin-top: 1rem;}
	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;}
	nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0 1.5rem 0 .5rem;position:relative;font-size:1rem;justify-content:flex-start}
	.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#000;padding:0;font-size:34px;width:30px;height:calc(100% - 2px);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-menu .dropdown-item{font-size: 14px;}
  .dropdown-menu1{min-width: 100%; padding: 1rem; margin-left:0;}
	.dropdown-menu1 li .dropdown-item{font-size:1rem;padding:0.5rem 0;}
	.dropdown-menu1 li>ol{margin-top:0.5rem}
  .dropdown-menu_list>li{margin-bottom: .5rem;}
  .dropdown-menu_list>li>a.dropdown-item{font-size: 14px;}
  .dropdown-menu_list>li>ol>li>a{font-size: 14px;}
	.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:0;display:block}
}
/* Banner Video */
.etw_banner{width: 100%;  position: relative; padding-bottom: 5rem;}
.pro_banner{ min-height:160px;}
.etw_banner_hidden{ overflow: hidden;}
.etw_video{width: 100%; position: relative; max-height: 600px; min-height: 400px;}
.etw_video::before{content: ''; display: block; padding-top: 31.25%;}
.etw_video::after{content: ''; position: absolute; inset: 0; background-color: #000; opacity: .2; z-index: 2;}
.etw_video>video{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover;}
.etw_videobox{width: 100%; position: absolute; left: 0; bottom: 0;z-index: 3;}
.etw_videobox_bottom_50{bottom: -30px;}
.etw_videobox>.container{display: flex; justify-content: flex-end;}
.etw_videobox .textbox{width: 100%; max-width: 700px; padding: 2.5rem; position: relative; overflow: hidden; z-index: 0; border-bottom: 8px solid #444;}
.etw_videobox .textbox::before{content: ''; position: absolute; inset: 0; background-color: #000; opacity: .6; z-index: -1;}
.etw_videobox .textbox>h1{max-width: 80%; color: #fff; margin-bottom: 1.5rem; font-size: 2rem; line-height: 2.5rem;font-weight: 850;}
.etw_videobox .textbox>p{color: #fff; opacity: .7; margin-bottom: 1.5rem; font-size: 1rem; }
.etw_videobox .textbox>a{color: #fff; font-size: 1.2rem;}
.etw_videobox .textbox>a:hover{text-decoration: underline;}
.etw_banner .full-width{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}
.etw_banner .full-width .container{
	max-width: var(--max-width);
	position: relative;
}
.etw_banner .full-width .container .banner-txt{
	position: absolute;
	top:40px;
	z-index: 5;
	font-size: 2rem;
    font-weight: 850;
    color: #000;
	text-transform: uppercase;
}
.small-icons{
	position: absolute;
	left: 0;
	top: 90px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.small-icons a{
	width: 60px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: 0 10px 0 0;
	transition: .3s all ease-in-out;
}
.small-icons a img{
	width: 60px;
	padding: 10px;
}
.small-icons a:hover{
	background-color:#ccc;
}
@media (max-width:1200px){
  .etw_videobox{ top:10%;}
  .etw_videobox .textbox{ border:none;}
  .etw_videobox>.container{justify-content: flex-start;}
  .etw_banner{ padding-bottom:0;}
  .pro_banner{ display:none;}
}
@media (max-width:767.98px){
.etw_videobox .textbox{ padding:1.5rem;}
.etw_videobox .textbox>h1{ font-size:1.5rem; line-height:2rem;}
.etw_videobox .textbox>a{ font-size:1rem;}
.etw_video{ min-height:300px;}
}

@media (max-width:575.95px){
.etw_videobox{ display:none;}
.etw_video{min-height: inherit;}
}

/* Banner-end */
/* index */
.etw_box{padding:4rem 0;}
.hometitle{display: flex; flex-direction: column; align-items: center;  font-size: 2rem; font-weight: 850; color: #000; margin-bottom: 1rem; text-align: center; line-height: 1.3;}
.hometitle::after{content: ''; width: 100px; height: 6px; background-color: var(--hover-color); margin-top: 1rem;}

.homeSolu{padding-bottom: 1rem; position: relative;}
.homeSolu::before,.homeSolu::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); z-index: -1;  height: 100%; display: block; background-repeat: no-repeat;background-size: contain; opacity: .5;}
.homeSolu::before{left: -200px; top: 100%; width: 434px; background-image:url(../images/tes-best-blow-molding-machines-worldwide.svg);background-position: center left; display: none;}
.homeSolu::after{right: 0; width: 234px; background-image:url(../images/tes-blow-molding-machine-factory-europe.svg); background-position: center right;}
.homeSolu .h2{line-height: 2.5rem; font-size: 2rem; color: #000;}
.homeSolu .h2>span{color: var(--hover-color);}
.homeSolu .h2::after{content: ''; width: 80px; height: 6px; background-color: var(--hover-color); display: block; margin-top: 1rem;}
.homeSolu_right{width: 100%; display: flex; flex-direction: column; justify-content: center;}
.homeSolu_right>p{font-size: 1rem; color: #333;}
.homeSolu_list li{width: 25%; padding: 0 10px; display: flex; flex-direction: column; position: relative; align-items: center; justify-content: center;}
.homeSolu_list li::after{content: ''; width: 1px; height: 50%; position: absolute; right: 0; top: 50%; background-color: #ccc; transform: translateY(-50%);}
.homeSolu_list li p{text-align: center; line-height: 20px; color: #000; font-size: .9rem; font-weight: 700; margin-bottom: 0;}
.homeSolu_list li:last-child::after{display: none;}
.homeProNav_list{width: 100%; margin-top: 2rem;}
.homeProNav_list>li{width: 20%; padding: 0 20px;}
.homeProNav_list>li>ol{flex-direction: column; align-items: center; justify-content: center;}
.homeProNav_list>li>ol a.imgbox{margin-bottom: .5rem;}
.homeProNav_list>li>ol a.imgbox>img{max-width: 50%;}
.homeProNav_list>li>ol a.textbox{flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; color: #000; font-size: 1rem; position: relative; overflow: hidden; padding-bottom: .5rem; transition: all .4s ease-in-out;}
.homeProNav_list>li>ol a.textbox::after{content: ''; width: 0; height: 3px; background-color: var(--hover-color); position: absolute; right: 0; bottom: 0; transition: all .4s ease-in-out;}
.homeProNav_list>li>ol:hover a.textbox{color: var(--hover-color);}
.homeProNav_list>li>ol:hover a.textbox::after{width: 100%; right: 0; left: 0;}

.homePro{padding: 3rem 0; position: relative;}
.homePro::before,.homePro::after{content: ''; position: absolute; width: 100%; height: 80%; right: 0; top: 0; background: url(../images/blow-molding-solution-worldwide-bg2.svg) no-repeat right center; background-size: contain; z-index: -1;}
.homePro::before{display: none;}
.homePro::after{right: auto; top: auto; left: 0; bottom: 0; transform: rotate(180deg); opacity: .5;}
.homePro_list{justify-content: space-between;}
.homePro_list>li{width: calc(50% - 15px); margin-top: 30px;}
.homePro_list>li>ol{flex-direction: column; background-color: #f8f9fa; overflow: hidden; border-radius: 10px; padding: 3px;}
.homePro_list>li>ol a.imgbox{background-color: #fff; border-radius: inherit;}
.homePro_list>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.homePro_list>li>ol .textbox{flex-direction: column; padding: 2rem; justify-content:space-between;}
.homePro_list>li>ol .textbox small{display: block; font-size: 1rem; text-transform: uppercase; margin-bottom: .5rem; color: #576368;}
.homePro_list>li>ol .textbox a.h3{font-size: 1.5rem; color: #000; padding-bottom: 1rem; border-bottom: 1px dashed #ddd;}
.homePro_list>li>ol .textbox .more>a{padding: 0 .5rem 0 0; border: none; height: 32px; background-color: #f8f9fa;}
.homePro_list>li>ol .textbox .more>a>i{margin-left: .5rem;}
.homePro_list>li>ol .textbox .more>a:hover{color: var(--hover-color);}
.homePro_list>li>ol:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}

.homeApps{background-color: rgba(232,241,252,.3);}
.homeApps small{display: block; text-align: center; font-size: 1rem; max-width: 62%; margin: 0 auto 1rem auto;}
.homeApps_list{width: calc(100% + 20px); margin-left: -10px;}
.homeApps_list li{width: calc(100% / 4); padding: 0 10px; margin-top: 20px;}
.homeApps_list li>ol{background-color: #fff; padding: 1.5rem; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.homeApps_list li>ol .textbox{flex-direction: column; justify-content: center;}
.homeApps_list li>ol .textbox a.h4{width: 100%;  position: relative; display: flex; align-items: center; margin-bottom: 0;}
.homeApps_list li>ol .textbox a.h4>span.imgbox{width: 30px; align-items: flex-start;}
.homeApps_list li>ol .textbox a.h4>span.imgbox>img{filter: drop-shadow(30px 0 var(--hover-color)); position: relative; transform: translateX(-100%);}
.homeApps_list li>ol .textbox a.h4>span.text{width: calc(100% - 30px); padding-left: 1rem; padding-right: 1.5rem; font-size: .9rem;position: relative;}
.homeApps_list li>ol .textbox a.h4>span.text::after{content: "\f054";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%);}
.homeApps_list li>ol .textbox p:last-child{margin-bottom: 0; overflow: hidden; min-height: 48px; max-height: 48px; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.homeApps_list li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.homeAbout{padding-bottom: 4rem;}
.homeAbout h6{font-weight: 400; color: var(--hover-color); text-transform: uppercase; margin-bottom: 0;}
.homeAbout h3{line-height: 2.5rem; font-size: 2rem;}
.homeAbout_img{position: relative;}
.homeAbout_img::before{content: ''; width: 100%; height: 100%; position: absolute; left: -15px; top: 15px; background-color: var(--logo1-color);z-index: -1; opacity: .5;}

@media (max-width:991.98px){
.hometitle{ font-size:1.7rem; line-height:2rem;}

.etw_box{ padding-top:2rem;padding-bottom: 2rem;}
.homeSolu .h2{font-size: 1.7rem; line-height:2rem; font-weight:600;}
.homeSolu_list li p,.homeProNav_list>li>ol a.textbox{ font-size:0.8rem; line-height:1.2rem;}

.homeApps small{ max-width:100%;}
.homeApps_list li{width: calc(100% / 3);}
.homeApps_list li > ol{ padding:0.5rem;}

.homeAbout h6{ padding-top:3rem;}
}
@media (max-width:767.98px){
  .hometitle{ font-size:1.5rem; line-height:1.8rem;}
  .homeSolu{ padding-bottom:0;}
  .homeSolu .h2{font-size: 1.45rem; line-height:1.7rem;}
  .homeSolu_list li{ width:50%; margin-bottom:1rem;justify-content: inherit;}
  .homeSolu_list li::after{ display:none;}
  .homeSolu_list li p{ text-align:left; display:inherit; font-weight:600;}
  .homeSolu::after{ display:none;}

  .homeProNav_list>li{ width:33.333%; margin-bottom:1rem; padding:0 10px;}

  .homePro{ padding-top:0;}
  .homePro_list>li>ol .textbox{ padding:0.8rem;}
  .homePro_list > li > ol .textbox small{ font-size:0.9rem;}
  .homePro_list > li > ol .textbox a.h3{ font-size:1.25rem; font-weight:600;}
  .homePro_list > li > ol .textbox .more > a{ font-size:0.9rem;}

  .homeApps .hometitle{ font-size:1.45rem; line-height:1.8rem;font-weight:600;}
  .homeApps_list li > ol .textbox a.h4 > span.text{ font-size:0.8rem; font-weight:500;padding-right: 0.75rem;}

  .homeAbout h3{ font-size:1.7rem; line-height:2rem;}
  .homeAbout .more > a{ font-size:0.85rem;}
}

@media (max-width:575.98px){
  .homeSolu_list li{ width:100%; padding:0;display: block; margin-bottom:0.5rem;}
  .homeSolu_list li p{font-weight:500;}
  .homeProNav_list>li{ width:50%; margin-bottom:1rem;}

  .homePro_list > li{width:100%;}
  .homePro_list > li > ol .textbox small{ font-size:0.8rem;}
  .homePro_list > li > ol .textbox a.h3{ font-size:1rem;}
  .homePro_list > li > ol .textbox .more > a{ font-size:0.8rem;}

  .homeApps_list li{width: calc(100% / 2);}
  .homeApps_list li > ol .textbox a.h4 > span.text{ font-size:0.75rem; padding-left:0.6rem;}
}

@media (max-width:430px){

}
/* index-end */
/* #footer */
#footer{background:#f5f5f5;}
.footer{width:100%;position:relative;z-index: 0; overflow: hidden;}
.footer>.container{max-width: 1300px;}
.footer_left{padding: 3rem 30px 3rem 0;}
.footer_list{display:flex;flex-direction:column;}
.footer_list>li{display:block;margin-bottom: 30px;position: relative;}
.footer_list>li:last-child{margin-bottom: 0;}
.footer_list>li>a{display: block; font-size: 1.3rem; color: #000; font-weight: 700;}
.footer_list>li>a:hover{color: var(--hover-color);}
.footer_list>li>ol{width: 100%; margin-top: 10px;}
.footer_list>li>ol>li{width: 100%;position: relative; margin-top: 5px;}

.footer_right{position: relative; padding:3rem 0 3rem 30px;}
.footer_right::before{content: ''; width: 500%; height: 100%; position: absolute; left: 0; top: 0;z-index: -1; background-color: var(--hover-color);}
.footer_logo{margin-bottom: 20px;}
.footer_logo img{display:block;max-width:100%;height:60px;}
.footer_text{display: block; font-size: .8rem; line-height: 20px; color: #fff; text-align: center; margin-bottom: 2rem;}

.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: fit-content; color:#fff; display:flex; flex-wrap:wrap; align-items:center; margin-bottom: 5px;font-size: .9rem; padding-left: 1.5rem; position: relative;}
.footer_contact p i{position: absolute; left: 0; top: 0;}
.footer_contact p a:hover{text-decoration: underline; color: #fff;}

@media (max-width:991.98px){
  #footer{ padding:0 1rem;}
  .footer_contact p{ width:50%;}
  .footer_left{ padding-right:0; padding-top:1.5rem;}
  .footer_right{padding:2rem 1rem 2rem 1rem;}
}
@media (max-width:767.98px){
  .footer_list{ margin-bottom:1rem;}
  .footer_contact p{ width:100%;}
  .footer_text{ text-align:left;}
  .footer_left{ padding-bottom:1rem;}
}

/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:1.5rem 0; background-color: #000; position:relative;z-index:2}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:#fff;display:inline-block;padding:0 4px;margin:0 4px;font-weight:300;line-height:22px;margin-bottom:10px;border:1px solid #fff;font-size:.9rem}
#otherlink a span{position:relative;top:0}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:var(--hover-color);}
#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(--hover-color);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:#000;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(--hover-color)!important;border:1px solid var(--hover-color) !important;}
.theme-box-name{background:#000!important;border-left:1px solid var(--hover-color) !important}

/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;background-color:#f8f9fa;}
#quicknav ul{width:100%;display:flex;}
#quicknav ul li{display:flex;align-items: center; padding: 0 16px; position: relative;height: 40px;}
#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;}
#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;}
#quicknav ul li:last-child{color: var(--hover-color);}
#quicknav ul.quicknav li::after,#quicknav ul.quicknav li a{color:#000;}
#quicknav ul li a:hover{text-decoration:underline;color:var(--hover-color)}
@media (max-width:991.98px){
	#quicknav{ display:none;}
}
/* #quicknav-End */
/* Products */
.products_banner{width: 100%;}
.products_banner ul{width: 100%;}
.products_banner ul>li{width: 25%;}
.products_banner ul>li>ol{position: relative; overflow: hidden; cursor: pointer;}
.products_banner ul>li>ol .imgbox{min-height: 400px; max-height: 400px;}
.products_banner ul>li>ol .imgbox::before{content: ''; display: block; padding-top: 100%;}
.products_banner ul>li>ol .imgbox::after{content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: #f5f5f5; opacity: .7; transition: all .4s ease-in-out;}
.products_banner ul>li>ol .titlebox{width: 100%; position: absolute; left: 0; bottom: 1rem; z-index: 2; font-size: 1.4rem; color: #000; padding: 2rem; font-weight: 700; line-height: 1.2;transition: all .4s ease-in-out;}
.products_banner ul>li>ol .leftbox{width: 100%; position: absolute; left: -100%; bottom: 0;transition: all .4s ease-in-out;display: flex; align-items: flex-end;}
.products_banner ul>li>ol .leftbox .textbox{width:calc(100% - 100px); background-color: #fff; padding: 2rem; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.products_banner ul>li>ol .leftbox .textbox a.h3{font-size: 1.2rem; color: #000;font-weight: 700; line-height: 1.2;}
.products_banner ul>li>ol .leftbox .textbox p{margin-bottom: 0; min-height: 48px; max-height: 48px; overflow: hidden; text-overflow:ellipsis;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.products_banner ul>li>ol .more{width: 100px; padding:1rem;}
.products_banner ul>li>ol .more>a{width: 42px; height: 42px; padding: 0; background-color: var(--hover-color); border-color: var(--hover-color);}
.products_banner ul>li>ol .more>a::after{margin: 0 auto; color: #fff;}
.products_banner ul>li>ol:hover .imgbox::after,.products_banner ul>li.active>ol .imgbox::after{width: 0;}
.products_banner ul>li>ol:hover .titlebox,.products_banner ul>li.active>ol .titlebox{left: 100%;}
.products_banner ul>li>ol:hover .leftbox,.products_banner ul>li.active>ol .leftbox {left: 0;}

.products{padding: 3rem 0;}
.etw_hometitle{display: flex; justify-content: center; margin-bottom: 1rem;}
.etw_hometitle h2,.etw_hometitle>div.h2{font-size: 2rem; color: #000; text-transform: uppercase; margin-bottom: 0; margin-top: 20px;}
.products_texts {max-width: 80%; margin: 0 auto; text-align: center;}
.products_texts p{font-size: 1rem;}

.products-items{padding-bottom: 3.5rem; position: relative; overflow: hidden;}
.products-items5{padding-bottom: 3.5rem; position: relative; overflow: hidden;}
.products-items::before{content: ''; width: 100%; height: 20px;background: url(../images/prozess-scale.png) repeat-x left bottom; background-size: auto 100%; position: absolute; left: 0; bottom: 0; z-index: -1; opacity: .3;}
.small{font-size: 1rem; display: block; text-align: center; max-width: 75%; margin: 0 auto; color: #999;}
@media (max-width:991.98px){
	.small{ max-width:100%;}
	.etw_hometitle h2{ margin-top:0; font-size:1.7rem; line-height:2rem;}
}
@media (max-width:767.98px){
	.etw_hometitle h2{font-size:1.5rem; line-height:1.8rem;}
}
.products-items ul{width: calc(100% + 30px); margin-left: -15px;}
.products-items ul>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.products-items ul>li>ol{flex-direction: column; overflow: hidden; border-radius: 30px 0; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.products-items ul>li>ol .textbox{flex-direction: column; background-color: #f8f9fa; padding: 1rem;}
.products-items ul>li>ol .textbox a.h4{font-size: 1.2rem; line-height: 1.2;}
.products-items ul>li>ol .textbox p{flex: 1;}
.more_icon{display: flex; justify-content: flex-end;}
.more_icon>a{position: relative; transition: all .3s ease-in-out;}
.more_icon>a>i{font-size: 1.5rem;}
.more_icon>a:hover{transform: translateX(5px);}
.products-items ul.products-items_list>li{width: 50%;}
.products-items ul.products-items_list>li>ol{flex-direction: row; align-items: center; background-color: #f8f9fa; border-radius: 0 30px;}
.products-items ul.products-items_list>li>ol a.imgbox{width: 50%;}
.products-items ul.products-items_list>li>ol .textbox{width: 50%;}
.products-items ul.products-items_list>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; margin-bottom: 1rem; padding-right: 0;}
.products-items ul.products-items_list>li>ol .textbox .more_icon{margin-top: 0; justify-content: flex-start;}
.products-items2::before{display: none;}

@media (max-width:991.98px){
  .products-items ul>li{width: calc(100% / 2);}
}
@media (max-width:767.98px){
  .products-items ul>li>ol .textbox a.h4{ font-size:1rem;}
  .products-items ul.products-items_list>li>ol a.imgbox{width: 100%;}
  .products-items ul.products-items_list>li>ol .textbox{width: 100%;}
  .products-items ul.products-items_list > li > ol .textbox .more_icon{justify-content: flex-end;}
  .products-items ul.products-items_list > li > ol .textbox p{ min-height:inherit; max-height:inherit;}
}
@media (max-width:575.98px){
  .products-items ul>li{width:100%;}
    .products-items ul.products-items_list>li{width: 100%;}
}

.prosApps .hometitle{max-width: 60%; margin: 0 auto 1rem auto;}
.prosApps .homeApps_list {width: calc(100% + 10px); margin-left: -5px;}
.prosApps .homeApps_list>li{width: calc(100% / 8); padding: 0 5px; margin-top: 10px;}
.prosApps .homeApps_list>li>ol{flex-direction: column; padding: 1rem .5rem; border-bottom: none;}
.prosApps .homeApps_list>li>ol .textbox{width: 100%;}
.prosApps .homeApps_list>li>ol .textbox a.h4{margin: 0; flex-direction: column; align-items: center;}
.prosApps .homeApps_list>li>ol .textbox a.h4 span.imgbox{width: 100%; height: 60px; margin-bottom: 1rem;}
.prosApps .homeApps_list>li>ol .textbox a.h4 span.imgbox>img{width: auto; height: 60px; filter: drop-shadow(0 60px #000); transform: translate(0,-60px);}
.prosApps .homeApps_list li>ol .textbox a.h4>span.text {width: 100%;padding:0; text-align: center; font-size: .8rem;}
.prosApps .homeApps_list li>ol .textbox a.h4>span.text::after{display: none;}
.prosApps .homeApps_list>li>ol .textbox a.h4:hover span.imgbox>img{filter: drop-shadow(0 60px var(--hover-color)); }
@media (max-width:991.98px){
  .prosApps .hometitle{ max-width:100%;}
  .prosApps .homeApps_list>li{width: calc(100% / 5);}
}
@media (max-width:767.98px){
  .prosApps .homeApps_list>li{width: calc(100% / 4);}
}
@media (max-width:575.98px){
  .prosApps .homeApps_list>li{width: calc(100% / 3);}
}
@media (max-width:430px){
  .prosApps .homeApps_list>li{width: calc(100% / 2);}
}

.prosAdv{width: 100%; padding-top: 3rem;}
.prosAdv .hometitle{margin-bottom: 2rem;}
.prosAdv ul>li{width: 25%;}
.prosAdv ul>li>ol{position: relative;overflow: hidden; cursor: pointer;}
.prosAdv ul>li>ol .imgbox::before{content: ''; display: block; padding-top: 75%}
.prosAdv ul>li>ol .textbox{position: absolute; left: 0; bottom: 0;z-index: 1; padding: 2rem; overflow: hidden;transition: all .3s ease-in-out;}
.prosAdv ul>li>ol .textbox::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #333; transition: all .3s; z-index: -1;}
.prosAdv ul>li>ol .textbox::after{content: ''; width: 100%; height: 0; position: absolute; left:0; bottom: 0; background-color: #000; transition: all .3s; z-index: -1; opacity: .7;}
.prosAdv ul>li>ol .textbox h6{color: #fff; transition: all .3s ease-in-out; line-height: 1.2; font-size: 1rem; min-height: 48px; margin-bottom: 0;}
.prosAdv ul>li>ol .textbox p{color: #999; margin-bottom: 0; opacity: 0; max-height: 0;transition: all .3s ease-in-out; line-height: 20px; font-size: .85rem;}
.prosAdv ul>li:nth-child(even)>ol .textbox::before{background-color: #ddd;}
.prosAdv ul>li:nth-child(even)>ol .textbox h6{color: #000;}
.prosAdv ul>li>ol:hover .textbox::before{height: 0;}
.prosAdv ul>li>ol:hover .textbox::after{height: 100%;}
.prosAdv ul>li>ol:hover .textbox h6{color: #fff;font-size: .9rem; min-height: initial; margin-bottom: 1rem;}
.prosAdv ul>li>ol:hover .textbox p{color: #fff; opacity: .8;max-height: 100%;}

@media (max-width:1200px){
  .prosAdv ul > li > ol .textbox h6{ font-weight:600;}
}

@media (max-width:991.98px){
  .prosAdv ul{padding: 0 20px; justify-content: space-between;}
  .prosAdv ul>li{width: calc(50% - 10px); margin-bottom: 20px;}
  .prosAdv ul>li>ol{flex-direction: column;}
  .prosAdv ul>li>ol .textbox{position: relative; flex-direction: column;}
  .prosAdv ul>li>ol .textbox::before{height: 0;}
  .prosAdv ul>li>ol .textbox::after{height: 100%;}
  .prosAdv ul>li>ol .textbox h6{color: #fff !important; font-size: .9rem; min-height: initial; margin-bottom: 1rem;}
  .prosAdv ul>li>ol .textbox p{color: #fff; opacity: .8;max-height: 100%;}

  .prosAppsAdv ul>li:nth-child(even)>ol .textbox::before{height: 100%;}
  .prosAppsAdv ul>li:nth-child(even)>ol .textbox::after{height: 0;}
  .prosAppsAdv ul>li:nth-child(even)>ol .textbox h6{color: #000 !important;}

}
@media (max-width:767.98px){
.prosAdv ul > li > ol .textbox{ padding:1rem;}
.prosAdv ul > li > ol .textbox h6{ font-weight:500; font-size:0.875rem;}
/* .prosAdv ul > li > ol .textbox p{ display:none;} */
}
@media (max-width:575.98px){
  .prosAdv ul>li{width: 100%;}
}
@media (max-width:430px){

}

/* Products-End */
/* ProsHub */
.proshub_header{background-color: #f8f9fa; padding: 2rem 0 3rem 0;}
.proshub_header ul.etw_phone_bg{margin-top: -2rem;}
.proshub_header ul.etw_phone_bg li:nth-child(2){margin: 20px 0 0 0;}
.proshub_header ul.etw_phone_bg li>a.imgbox{background-color: #f8f9fa; box-shadow: initial;}
@media (max-width:991.98px){
  .proshub_header .classimg{ margin-top:2rem;}
  .proshub_header .classimg>div{ width:50%;}
  .proshub_header .classimg .mr-1px{ margin-right:0;}
  .proshub_header .classimg img{ width:100%;}

}
.relatedDetails9 ul>li>ol .textbox{
  justify-content: end;
}
.relatedDetails9 ul>li>ol .textbox h6{
  margin: 20px 0;
  padding: 0 20px;
  font-size: .9rem;
  font-weight: 200;
}
.inquiry_btn{display: flex;}
.inquiry_btn>a{display: flex; padding: .5rem 1.5rem; line-height: 1;color: #fff; text-transform: uppercase; background-color: var(--hover-color); font-size: 1rem; border-radius: 30px;font-family:Oswald,sans-serif;}
.inquiry_btn>a:hover{background-color: #000; color: #fff;}

.proshub_list>li{margin-bottom: 40px;}
.proshub_list>li:last-child{margin-bottom: 0;}
.proshub_list>li>ol:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.proshub_list>li>ol a.imgbox{width: 36%; background-color: #f5f5f5;}
.proshub_list>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.proshub_list>li>ol .textbox{width: 50%; padding: 2rem; padding-left: 3rem; flex-direction: column; justify-content: center;}
.proshub_list>li>ol .textbox a.h3{font-size: 1.5rem;}
.proshub_list>li>ol .textbox p{color: #999;}
.proshub_list>li>ol .textbox>dl{width: 100%; display: flex; flex-direction: column;}
.proshub_list>li>ol .textbox>dl>dd{padding-left: 1rem; position: relative; color: #333;}
.proshub_list>li>ol .textbox>dl>dd:last-child{margin-bottom: 0;}
.proshub_list>li>ol .textbox>dl>dd::before{content: ''; width: 6px; height: 6px; background-color: var(--logo1-color); border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.proshub_list>li>ol .textbox>.more>a{border: none; padding: 0; line-height: 24px; height: auto; overflow: visible; color: var(--hover-color);}
.proshub_list>li>ol .textbox>.more>a:hover{background-color: initial; color: var(--hover-color);}
.proshub_list>li:nth-child(even)>ol{flex-direction: row-reverse;}

@media (max-width:767.98px){
	.proshub_list>li>ol .textbox{padding:1rem 1rem 1rem 1.5rem;}
	.proshub_list > li > ol .textbox a.h3{ font-size:1.25rem;}
	.proshub_list > li > ol .textbox > dl > dd,.proshub_list > li > ol .textbox p{ font-size:0.8rem;}
	.proshub_list > li > ol .textbox > .more > a{ font-size:0.875rem;}
}
@media (max-width:575.98px){
	.proshub_list>li>ol a.imgbox{width: 100%;}
    .proshub_list>li>ol .textbox{width: 100%;}
}
.proshub_title{color: var(--hover-color); font-size: 1.6rem; text-align: center; text-transform: uppercase; margin-bottom: 1.5rem; font-weight: 700;}
.proshub_title2{text-align: left; margin-bottom: .5rem;}
.proshub_advantage figure>a.imgbox{background-color: #f8f9fa;}
.proshub_advantage figure>a.imgbox>img{mix-blend-mode: multiply;}
.advantages{max-width: 80%; margin: 0 auto;}
.advantages2{max-width: 100%;}
.card{width: 100%; background-color:#fff; border:none;border-radius:10px; overflow:hidden; margin-bottom:1rem; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.card-header{padding:0;background-color:#fff;border:none;}
.card-link{width:100%; display:block; padding:1rem;  position:relative; line-height:1.5rem}
.card-link>span{display:block; font-size:1rem; font-weight:bold; overflow:hidden; padding-right:1.5rem; color:#000; text-transform: capitalize;}
.card-link:hover>span{color:var(--hover-color)}
.card-link::before{content:"\f055";font-size:1.2rem;color:#000;font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;float:left;margin-right:0.5rem}
.card-body{padding:1rem 2.5rem;padding-top:0;}
.card-body p>b{color: #333; text-transform: capitalize;}
.card-body p:last-child{margin-bottom:0;}

@media (max-width:991.98px){
.advantages{max-width: 100%;}
}

.proshub_imgboxs{width: 100%;}
.proshub_imgboxs>figure{width: 100%;}
.proshub_imgboxs>figure>content{width: 100%;}
.proshub_imgboxs .swiper{width: 100%; padding-bottom: 24px;}
.proshub_imgboxs .swiper .swiper-slide a.imgbox{background-color: #f8f9fa;}
.proshub_imgboxs .swiper .swiper-slide a.imgbox>img{mix-blend-mode: multiply;}
.proshub_imgboxs .swiper .swiper-pagination{bottom: 0;}
.proshub_imgboxs .swiper .swiper-pagination-bullet{width: .5rem; height: .5rem; background-color: var(--hover-color);}
.proshub_imgboxs .prev-button,.proshub_imgboxs .next-button{width: 30px; height: 50px; background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.25rem;}
.proshub_imgboxs .next-button{left: initial; right: 0;}
.proshub_imgboxs .prev-button.swiper-button-disabled,.proshub_imgboxs .next-button.swiper-button-disabled{display: none;}

.inquiryform{padding-top: 3.5rem; position: relative; overflow: hidden;}
.inquiryform::before{content: ''; position: absolute; inset: 0; }
.inquiryform::after{content: '';width:0;height:0;border-top:30px solid #fff;border-left:40px solid transparent;border-right:40px solid transparent;position:absolute;left:50%;top:0;transform: translateX(-50%);}

.inquiryform-with-red-bg::before{content: ''; position: absolute; inset: 0; background-color: var(--hover-color);}

.inquiryform>.container{position: relative;z-index: 2; text-align: center;}
.inquiryform h3{font-size: 2rem; color: #fff; text-transform: uppercase; margin-bottom: .5rem; }
.inquiryform p{font-size: 1.3rem; color: #fff; opacity: .8; text-transform: capitalize; margin-bottom: 1.5rem;}
.inquiryform_btn{display: flex; justify-content: center;}
.inquiryform_btn>a{line-height: 40px; padding: 0 1.5rem; background-color: var(--logo1-color); border-radius: 5px; font-size: 1.1rem; text-transform: uppercase; color: #000;}
.inquiryform_btn>a:hover{background-color: #fff; color: var(--hover-color);}
@media (max-width:991.98px){
	.inquiryform h3{font-size: 1.7rem; line-height:2rem;}
}
@media (max-width:767.98px){
	.inquiryform h3{font-size: 1.5rem; line-height:1.8rem;}
}

.prosApps .proshub_title{font-size: 1.25rem;}
.prosApps2>p{max-width: 70%; margin: 0 auto 1rem auto; text-align: center;}
.prosApps_dl{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
.prosApps_dl .row>.col-12{margin-bottom: 1rem;}
.prosApps_dl dd{margin-bottom: .8rem; width:calc(50% - 15px);}
.prosApps_dl dd>strong{font-size: 1rem; display: block; margin-bottom: .4rem;}
.prosApps_dl dd>ul.items{margin-bottom: 0; padding-left: .5rem;}
.prosApps_dl dd>ul.items>li{margin-bottom: .5rem;}
.prosApps_dl dd>ul.items>li:last-child{margin-bottom: 0;}
.prosApps_dl .imgbox{background-color: #f5f5f5;}
.prosApps_dl .imgbox>img{mix-blend-mode: multiply;}
.prosApps_dl2 dd:first-child{width: 100%;}
@media (max-width:991.98px){
	.prosApps2>p{ max-width:100%;}
}
@media (max-width:767.98px){
	.prosApps_dl dd{width:100%;}
}

.choose_list{width: 100%; margin-top: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.choose_list>li{width: 25%;}
.choose_list>li>ol{background-color: #fff; flex-direction: column;}
.choose_list>li>ol .textbox{padding: 1.5rem; flex-direction: column;}
.choose_list>li>ol .textbox h6{font-size: .95rem; line-height: 1.2;}
.choose_list>li:nth-child(even)>ol{background-color: #ccc;}
@media (max-width:991.98px){
    .choose_list{box-shadow: 0 0 0;}
	.choose_list>li{width: 50%; margin-bottom:2rem;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
}
@media (max-width:575.98px){
	.choose_list>li{width: 100%;}
}
.relatedPros_title{display: flex; justify-content: center; line-height: 1; font-size: 2rem; font-weight: 700; text-transform: capitalize; color: #000;}
.relatedPros ul{width: 100%; justify-content: space-between;}
.relatedPros ul>li{width: calc(50% - 15px); margin-top: 30px; position: relative; padding-top: 5px;}
.relatedPros ul>li::before{content: ''; width: 100%; height: 5px;position: absolute; left: 0; top: 0; background-image: linear-gradient(to right, var(--logo1-color),var(--logo2-color)); opacity: .5;}
.relatedPros ul>li>ol{background-color: #f8f9fa; padding: 1rem; align-items: center; cursor: pointer;}
.relatedPros ul>li>ol a.imgbox{width: 20%;}
.relatedPros ul>li>ol .textbox{width: 80%; padding-left: 2rem;}
.relatedPros ul>li>ol .textbox a.h3{font-size: 1.4rem;}
.relatedPros ul>li>ol .textbox p{margin-bottom: 0;}
.relatedPros ul>li>ol:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
@media (max-width:991.98px){
    .relatedPros_title{ font-size:1.7rem; line-height:2rem;}
	.relatedPros ul>li{display: initial;}
	.relatedPros ul>li>ol a.imgbox{width: 100%; margin-bottom:1.5rem;border-bottom: 1px #eee solid; padding-bottom:1rem;}
    .relatedPros ul>li>ol a.imgbox img{ max-width:100px;}
    .relatedPros ul>li>ol .textbox{width: 100%; padding-left:0;}
}
@media (max-width:767.98px){
   .relatedPros_title{ font-size:1.5rem; line-height:1.8rem;}
}
@media (max-width:575.98px){
   .relatedPros ul>li{width:100%;}
}
/* Hub-End */
/* Products-Details-Hub */
.details{width: 100%; overflow: hidden;}
.details .etw_hometitle{margin-bottom: .5rem;}
.details .etw_hometitle h2{flex: 1; padding-right: 1rem; font-size: 1.9rem;}
.details .etw_hometitle .icon{width: 100px; margin-top: -.5rem;}
.details_small{font-size: 1.25rem; display: block; color: #999; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #ccc;}
.details_p{font-size: .95rem;}
.details_swiper .swiper .swiper-slide .video_btn{width: 100%; height: 100%; background-size: 8vh;}
.details_swiper .swiper .swiper-slide .video_btn::before{display: none;}
.details_swiper_btns{display: flex; justify-content: flex-end; align-items: center;}
.details_swiper_btns .prev-button,.details_swiper_btns .next-button{width: 30px; height: 30px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1;}
.details_swiper_btns .swiper-pagination{position: relative; width: auto; bottom: initial; margin: 0 .5rem; font-size: 2rem; color: #999; font-weight: 400; display: flex; align-items: center;}
.details_swiper_btns .swiper-pagination span{margin: 0 .25rem;}
.details_swiper_btns .swiper-pagination .swiper-pagination-current{font-size: 1.2rem; color: var(--logo2-color); margin-top: -.5rem;}
.details_swiper_btns .swiper-pagination .swiper-pagination-total{font-size: 1rem; color: #000; margin-top: .5rem;}
.swipernone{ display:none !important;}
.details-item{padding: 3rem 0;}
.details_title{font-size: 1.2rem;}
.details_title::after{content: ''; width: 30px; height: 4px; background-color: var(--hover-color);display: block; margin-top: .5rem;}
.details-item .items>li{ flex-direction: row; flex-wrap: wrap;color: #000; margin-bottom: 5px;}
.details-item .items>li>b{margin-right: .5rem; color: #666;}
.details-item .items_apps>li{margin-bottom: 10px; flex-direction: column;}

.details_apps{display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px;}
.details_apps>li{width: calc(100% / 6); padding: 0 5px; margin-bottom: 1rem;}
.details_apps>li .imgbox{cursor: pointer; background-color: #f8f9fa;}
.details_apps>li .imgbox>img{mix-blend-mode: multiply;}
.details_apps>li .imgbox::after{content: ''; position: absolute; inset: 0; background-color: #ddd; opacity: .5; transition: all .3s;}
.details_apps>li .imgbox:hover::after{opacity: 0;}
.details_apps2>li{width: 25%;}
.details_apps3>li{width: 20%;}
.details_apps4>li{width: calc(100% / 3);}
@media (max-width:991.98px){
   .details .etw_hometitle h2{padding-right: 0; font-size: 1.7rem;}
   .details .etw_hometitle .icon{ display:none;}
   .details_swiper_btns{display:none;}
   .swipernone{ display:flex !important;justify-content: center; margin-top:0.2rem;}
   .swipernone i.bi{ font-size:1.5rem;}
   .details_swiper_btns .prev-button, .details_swiper_btns .next-button{ background:#eee; margin-left:2px;}

   .details-item{ padding:1.5rem 0 0.5rem 0;}
   .details-item .col-lg-5,.details-item .col-lg-7,.details-item .col-lg-6{ margin-bottom:1rem;}
}

@media (max-width:767.98px){
   .details .etw_hometitle h2{font-size: 1.5rem; line-height:1.8rem;text-transform: inherit;}
   .details_apps>li{width: calc(100% / 3);}
}
@media (max-width:575.98px){
   .details_apps>li{width: calc(100% / 2);}
}

#features .card{background-color: #f8f9fa;box-shadow: initial; border-bottom: 1px dashed #ccc; border-radius: 0;}
#features .card-link{background-color: #f8f9fa; padding: .5rem;}
#features .card-link::before{display: none;}
#features .card-link::after{content: "\f078";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); transition: all .3s;}
#features .card-link em{font-style: normal; margin-right: .5rem;}
#features .card-body{padding: 1rem;border-top: 1px dashed #ccc;}
#features .card-link[aria-expanded="true"]::after{transform:rotateX(180deg) translateY(50%);}
#features.featuresbg .card,#features.featuresbg .card-link{background-color: #fff;}
.features .items{margin-bottom: 0;}
.features .items>li:last-child{margin-bottom: 0;}
@media (max-width:991.98px){
  #features .card-link{padding: .5rem 0;}
  #features .card{ margin-bottom:0;}
}

.components{width: calc(100% + 10px); margin-left: -5px;}
.components li{width: calc(100% / 3); padding: 0 5px; margin-bottom: 10px;}
.components li>ol{ background-color: #ddd; flex-direction: column;}
.components li>ol .textbox{padding: 1rem; flex-direction: column;}
.components li>ol .textbox>h6{margin-bottom: .5rem;}
.components li>ol .textbox>p{margin-bottom: 0; flex: 1;}
.components2 li{width: 25%;}
.customer_project_cases li{width: 30%;}
@media (max-width:767.98px){
  .components li{width: calc(100% / 2);}
}
@media (max-width:575.98px){
  .components li{width:100%;}
}

.relatedDetails{padding-top: 0;}
.relatedDetails ul{width: calc(100% + 30px); margin-left: -15px;}
.relatedDetails ul>li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;}
.relatedDetails11 ul>li{width: 100%; padding: 0 15px; margin-top: 30px;}
.relatedDetails11 ul>li>ol>.textbox>p{padding: 0 20px;}
.relatedDetails ul>li>ol{background-color: #f5f5f5; padding: 2px;}
.relatedDetails ul>li>ol a.imgbox{width: 100%;}
.relatedDetails ul>li>ol .textbox{width: 100%;}
.relatedDetails ul>li>ol .textbox a.h3{font-size: .95rem; margin: 0; padding: 1rem; padding-left: 2rem; display: flex; align-items: center;}
.relatedDetails11 ul>li>ol .textbox a.h3{font-size: 1.3rem; margin: 0; padding-top: 1rem; padding-left: 2rem; display: flex; align-items: center;}
.relatedDetails11 ul>li>ol a.imgbox{width: 30%;}
.relatedDetails11 ul>li>ol .textbox{width: 70%;}
.relatedDetails ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.relatedDetails ul>li.active>ol .textbox a.h3{color: var(--hover-color);}
.relatedDetails2 ul>li{width: 50%;}
.relatedDetails9 ul>li{width:25%;}
.relatedDetails9 ul>li>ol{padding: 10px;}
.relatedDetails9 ul>li>ol .textbox{width: 60%; padding: 1rem 0 1rem 1rem !important;}
.relatedDetails2 ul>li>ol{align-items: center;}
.relatedDetails2 ul>li>ol a.imgbox{width: 45%;}
.relatedDetails9 ul>li>ol .textbox{display: block;}
.relatedDetails2 ul>li>ol .textbox{width: 55%; padding: 1rem; padding-left: 2rem;}
.relatedDetails2 ul>li>ol .textbox a.h3{padding: 0; margin-bottom: 1rem;}
.relatedDetails2 ul>li>ol .textbox p{overflow: hidden; min-height: 48px; max-height: 48px; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media (max-width:991.98px){
  .relatedDetails9 ul>li>ol .textbox{justify-content: space-between;align-items: center;}
  .relatedDetails ul>li>ol a.imgbox{width: 100%;}
  .relatedDetails ul>li>ol .textbox{width: 100%;}
  .relatedDetails ul>li>ol .textbox a.h3{padding: 1rem;font-weight: 500;}
  .relatedDetails2 ul>li>ol .textbox{padding-left: 1rem;}
  .relatedDetails2 ul>li>ol .textbox a.h3{ padding:0;}
}
@media (max-width:767.98px){
  .relatedDetails ul>li{width: calc(100% / 2); }
  .relatedDetails11 ul>li{width: 100%; }
  .relatedDetails11 ul>li>ol>.textbox>p{padding: 0 20px;}
}
@media (max-width:430px){
  .relatedDetails ul>li{width:100%;}
}

.inquiryform_bj{position: relative; overflow: hidden; background: url(../images/inquiryform_bj.jpg) no-repeat center center; background-size: cover;}
.inquiryform_bj::before{content: ''; position: absolute; inset: 0; }
.inquiryform_bj>.container{position: relative;z-index: 2;}
.inquiryform_left {text-align: left;
    padding: 5rem;
    background: #ccc;
    margin-top: 4rem;
	transition: .3s all ease-in-out;
}
.inquiryform_left:hover{
	box-shadow:0 2px 24px 0 rgba(0,0,0,.15);
}
.inquiryform_left .inquiryform_btn{justify-content: flex-start;}
.inquiryform_left p{ text-transform: none; margin-top: 20px;}
.feedback{background-color: rgba(255,255,255,0.9);  min-height: 480px; padding: 2rem;}
.feedback_webtitle{font-size: 2rem; font-weight: 900; color: #000; margin-bottom: .5rem;}

@media (max-width:991.98px){
  .inquiryform_left{ margin-top:0; padding:2rem; color:#fff;}
  .feedback_webtitle{ font-size:1.7rem; line-height:2rem;}
}
@media (max-width:575.98px){
  .inquiryform_left{padding:1rem 1rem 1.5rem 1rem;}
  .feedback{ padding:2rem 1rem;}
  .feedback_webtitle{ font-size:1.5rem; line-height:1.8rem;}
}
.keyComs_list{display: flex; flex-direction: column;}
.keyComs_list>li{margin-top: 20px;}
.keyComs_list>li:first-child{margin-top: 0;}
.keyComs_list>li>ol{box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.keyComs_list>li>ol a.imgbox{width: 30%; background-color: #f8f9fa;}
.keyComs_list>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.keyComs_list>li>ol .textbox{width: 70%; background-color: #fff; padding: 1rem; padding-left: 2rem;}
.keyComs_list>li>ol .textbox>p{margin-bottom: 0;}
@media (max-width:991.98px){
 .keyComs_list{ padding-bottom:3rem;}
}
@media (max-width:575.98px){
	.keyComs_list>li>ol a.imgbox{width: 100%;}
	.keyComs_list>li>ol .textbox{width: 100%;padding-left:1rem;}
}
/* Products-Details-End */
/* Applications */
.applications{background-color: #f8f9fa; padding: 2rem 0;}
.applications_video{width: 100%; position: relative; overflow: hidden;}
.applications_video::before{content: ''; display: block; padding-top: 75%;}
.applications_video>video{width: 100%; height: 100%; float: left; position: absolute; inset: 0; object-fit: cover;}
.applications_box{width: 100%;}
.applications_box .etw_hometitle{align-items: center; justify-content: center; flex-direction: column;}
.applications_box .etw_hometitle .h2{margin-top: 0;}
.applications_box .etw_hometitle::after{content: ''; width: 80px; height: 3px; background-color: var(--hover-color); display: block; margin-top: .5rem;}
.applications_title{color: var(--hover-color); margin-bottom: .5rem; font-size: 1.1rem;}
.applications_dl{display: block; margin-bottom: 0;}
.applications_dl dd{margin-bottom: .8rem;}
.applications_dl dd:last-child{margin-bottom: 0;}
.applications_dl dd>strong{font-size: 1rem; display: block; margin-bottom: .4rem;}
.applications_dl dd>ul.items{margin-bottom: 0; padding-left: .5rem; width: auto;}
.applications_dl dd>ul.items>li{margin-bottom: .5rem;}
.applications_dl dd>ul.items>li:last-child{margin-bottom: 0;}
@media (max-width:991.98px){
  .applications{ padding-bottom:0;}
  .applications_video{ margin-top:1rem;}
}
.apps_list{width: 100%; flex-direction: column;}
.apps_list>li{width: 100%; margin-bottom: 30px; background-color: #f5f5f5; padding: 2rem; transition: all .4s;}
.apps_list>li .apps_icon{width: 100px; height: 100px; background-color: #fff; padding: 1rem; display: flex; align-items: center; justify-content: center; float: left; margin-right: 2rem; margin-bottom: 1rem; overflow: hidden;}
.apps_list>li .apps_icon>img{max-width: 100%; height: auto; max-height: 100%; position: relative; filter: drop-shadow(100px 0 var(--hover-color)); transform: translateX(-100px);}
.apps_list>li a.h3{display: block; overflow: hidden; font-size: 1.5rem; margin-bottom: 1rem;}
.apps_list>li p{display: block; overflow: hidden;}
.apps_list>li .more{width: 100%;}
.apps_list>li .more>a{flex-direction: row-reverse; border: none; padding: 0; background-color: #f5f5f5;}
.apps_list>li .more>a::after{margin: 0 .5rem 0 0; color: var(--hover-color);}
.apps_list>li .more>a:hover{background-color: #f5f5f5; color: var(--hover-color);}
.apps_list>li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.apps_list>li:last-child{margin-bottom: 0;}
@media (max-width:767.98px){
  .apps_list>li .apps_icon{ display:none;}
  .apps_list > li{padding:1rem;}
  .apps_list > li .more{ margin-bottom:1rem;}
}

.relatedAppsPros ul{width: calc(100% + 20px); margin-left: -10px; justify-content: flex-start; align-items: flex-start;}
.relatedAppsPros ul>li{width: 20%; padding: 0 10px; margin-top: 30px;}
.relatedAppsPros ul>li::before{width: calc(100% - 20px); left: 10px; top: auto; bottom: 0;}
.relatedAppsPros ul>li>ol{flex-direction: column; padding: 1.5rem; background-color: #fff;}
.relatedAppsPros ul>li>ol a.imgbox {width: 100%; margin-bottom: 1rem;}
.relatedAppsPros ul>li>ol a.imgbox>img{height: 80px;}
.relatedAppsPros ul>li>ol .textbox{width: 100%; padding: 0; flex-direction: column;}
.relatedAppsPros ul>li>ol .textbox a.h3{font-size: 1.1rem;}
.relatedAppsPros 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; margin-bottom: 1rem;}
.relatedAppsPros ul>li>ol .textbox .more>a{padding: 0; border: none; background-color: initial; height: 24px; line-height: 24px; flex-direction: row-reverse;position: relative;}
.relatedAppsPros ul>li>ol .textbox .more>a::before{content: ''; width: 40%; height: 2px; background-color: var(--logo1-color); position: absolute; left: 1.5rem; bottom: 0; transition: all .4s;}
.relatedAppsPros ul>li>ol .textbox .more>a::after{margin: 0 .5rem 0 0; color: var(--hover-color);}
.relatedAppsPros ul>li>ol .textbox .more>a:hover::before{width: 100%;}
.relatedAppsPros ul>li>ol .textbox .more>a:hover{color: var(--hover-color);}
@media (max-width:991.98px){
  .relatedAppsPros ul>li{width: calc(100% / 3);}
  .relatedAppsPros ul>li>ol{padding: 1rem;}
  .relatedAppsPros ul>li>ol .textbox a.h3{font-size: 1rem;}
  .relatedAppsPros ul>li>ol .textbox .more>a{ font-size:0.875rem;}
}
@media (max-width:757.98px){
  .relatedAppsPros ul>li{width: calc(100% / 2);}
}
@media (max-width:475.98px){
  .relatedAppsPros ul>li{width: 100%;}
}
@media (max-width:430px){
  .relatedAppsPros ul>li{width:100%;}
}

.prosAppsAdv .hometitle{margin-bottom: 1.5rem;}
.prosAppsAdv .small{margin-bottom: 1.5rem;}
.prosAppsAdv ul>li{width: 50%;}
.prosAppsAdv ul>li>ol .imgbox{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.prosAppsAdv ul>li>ol .imgbox::before {display: none;}
.prosAppsAdv ul>li>ol .textbox{width: 100%; flex-direction: column; position: relative; min-height: 220px;}
.prosAppsAdv ul>li>ol .textbox::before{opacity: .8;}
.prosAppsAdv ul>li>ol .textbox h6{width: 100%; margin-bottom: 1rem; font-size: 1.2rem;}
.prosAppsAdv ul>li>ol .textbox p {flex: 1; color: #fff;	opacity: .8;	max-height: initial;}
.prosAppsAdv ul>li:nth-child(2)>ol .textbox p{color: #000;}
.prosAppsAdv ul>li:nth-child(3)>ol .textbox::before {background-color: #ddd;}
.prosAppsAdv ul>li:nth-child(3)>ol .textbox h6{color: #000;}
.prosAppsAdv ul>li:nth-child(3)>ol .textbox p{color: #fff;}
.prosAppsAdv ul>li:nth-child(4)>ol .textbox::before {background-color: #333;}
.prosAppsAdv ul>li:nth-child(4)>ol .textbox h6{color: #fff !important;}
.prosAppsAdv ul>li:nth-child(4)>ol .textbox p{color: #fff;}
.prosAppsAdv ul>li>ol:hover .textbox h6{font-size: 1rem;}
.prosAppsAdv ul>li>ol:hover .textbox h6,.prosAppsAdv ul>li>ol:hover .textbox p {color: #fff;}

@media (max-width:767.98px){
  .prosAppsAdv ul>li>ol .textbox h6{font-size: 1rem;min-height: auto; margin-bottom:0;}
  .prosAppsAdv ul>li>ol .textbox{min-height:auto;position: absolute;}
  .prosAppsAdv ul > li > ol .imgbox{ position:relative;}
  .prosAppsAdv ul > li > ol .imgbox .img-cover{ position:relative;}

  .prosAppsAdv ul>li {width: 50%;}
  .prosAppsAdv ul>li>ol{flex-direction: column;}
  .prosAppsAdv ul>li>ol .imgbox{height: auto;}
  .prosAppsAdv ul>li>ol .textbox{position: relative; padding: 1rem !important;}
  .prosAppsAdv ul>li>ol .textbox h6{margin-bottom: 1rem;}
  .prosAppsAdv ul>li:nth-child(2)>ol .textbox p{color: #000;}
  .prosAppsAdv ul>li:nth-child(3)>ol .textbox::before {background-color: #ddd;}
  .prosAppsAdv ul>li:nth-child(3)>ol .textbox h6{color: #000;}
  .prosAppsAdv ul>li:nth-child(3)>ol .textbox p{color: #fff;}
  .prosAppsAdv ul>li:nth-child(4)>ol .textbox::before {background-color: #ddd;}
  .prosAppsAdv ul>li:nth-child(4)>ol .textbox h6{color: #000 !important;}
  .prosAppsAdv ul>li:nth-child(4)>ol .textbox p{color: #333;}

}
@media (max-width:575.98px){
  .prosAdv ul>li,.prosAppsAdv ul>li{width: 100%; margin-bottom:1rem;}
}

.apps_banner{width: 100%; overflow: hidden; position: relative; min-height: 300px; max-height: 400px; display: flex; align-items: center; justify-content: center;}
.apps_banner::before{content: ''; display: block; padding-top: 25%;}
.apps_banner::after{content: ''; position: absolute; inset: 0; z-index: 2; background-color: #000; opacity: .6;}
.apps_banner>.container{position: relative; z-index: 3;}
.apps_banner .etw_hometitle{flex-direction: column; align-items: center;color: #fff;}
.apps_banner .etw_hometitle h6{font-weight: 400; margin-bottom: .5rem; opacity: .7;}
.apps_banner .etw_hometitle .h2{color: #fff; margin-bottom: 1rem;}
.apps_banner #quicknav{background: initial;}
.apps_banner #quicknav ul.quicknav{justify-content: center;}
.apps_banner #quicknav ul.quicknav li::after,.apps_banner  #quicknav ul.quicknav li a{color:#fff; opacity: .7;}
.apps_banner #quicknav ul.quicknav li:last-child {color: #fff; opacity: 1;}
@media (max-width:991.98px){
  .apps_banner{min-height: 250px;}

}
@media (max-width:767.98px){
  .apps_banner{min-height: 180px;}
  .apps_banner .etw_hometitle .h2{ font-size:1.7rem; line-height:2rem;}
}

.appsDetails{position: relative;z-index: 5;}
.appsDetails-item{margin-top: -4rem; padding-bottom: 3rem;}
.appsDetails_box{background-color: #ddd; padding: 2rem; position: relative;z-index: 0;}
.appsDetails_icon{overflow: hidden; float: right; margin: -1rem -1rem 0 0;}
.appsDetails_icon>img{width: 60px; height: auto; filter: drop-shadow(60px 0 #fff); position: relative; transform: translateX(-60px);}
.appsDetails_title{display: flex; flex-direction: column;}
.appsDetails_title p{color: var(--logo2-color); font-size: .95rem; margin-bottom: .5rem;}
.appsDetails_title h3{font-size: 1.8rem; color: #000; margin-bottom: .5rem;}
.appsDetails_title small{display: block; color: #666; line-height: 20px; font-size: .9rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #fff;}
.appsDetails-item .imgbox{background-color: #f5f5f5; border: 10px solid #fff}
.appsDetails-item .imgbox>img{mix-blend-mode: multiply;}
.appsDetails_content{display: flex; flex-direction: column; margin-bottom: 1rem;}
.appsDetails_smalltitle{color: var(--hover-color); font-size: 1.3rem; display: flex; flex-direction: column;}
.appsDetails_smalltitle::after{content: ''; width: 60px; height: 2px; background-color: var(--logo1-color);display: block; margin-top: .5rem;}
@media (max-width:991.98px){
  .appsDetails_icon{ display:none;}
  .appsDetails-item{margin-top:1rem; padding-bottom:1.5rem;}
  .appsDetails_box{ padding:0; background:none;}
  .appsDetails_content .col-lg-6{ margin-bottom:1rem;}
}


.recommendedPros{padding-top: 1rem;}
.recommendedPros .hometitle{align-items: flex-start; margin-bottom: 0;}
.recommendedPros .hometitle2{align-items: center; margin-bottom: 0;}
.recommendedPros ul{width: 100%;}
.recommendedPros ul>li{width: 100%; margin-top: 30px;}
.recommendedPros ul>li>ol{border-radius: 20px; background-color: #fff; transition: all .4s ease-in-out; align-items: center; overflow: hidden;}
.recommendedPros ul>li>ol a.imgbox{width: 35%; height: 100%; background-color: #f5f5f5;}
.recommendedPros ul>li>ol a.imgbox>img{mix-blend-mode: multiply;}
.recommendedPros ul>li>ol .textbox{width: 65%; padding: 2rem; padding-left: 3rem; flex-direction: column;}
.recommendedPros ul>li>ol .textbox>dl>dd{position: relative; padding-left: 1rem; margin-bottom: 0;}
.recommendedPros ul>li>ol .textbox>dl>dd::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--hover-color); position: absolute; left:0; top: 9px;}
.recommendedPros ul>li>ol .textbox .more{justify-content: flex-end;}
.recommendedPros ul>li>ol .textbox .more>a{border-radius: 20px;}
.recommendedPros ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

@media (max-width:767.98px){
  .recommendedPros ul>li>ol a.imgbox{width: 100%;height: auto;}
  .recommendedPros ul>li>ol .textbox{width: 100%; padding:1rem;}
}

.moreApps ul{width: calc(100% + 20px); margin-left: -10px;}
.moreApps ul>li{width: calc(100% / 7); padding: 0 10px; margin-top: 20px;}
.moreApps ul>li>ol{background-color: #eee; padding: 1rem; border-radius: 20px; transition: all .4s ease-in-out;}
.moreApps ul>li>ol .textbox{width: 100%; flex-direction: column;}
.moreApps ul>li>ol .textbox>a.h4{margin-bottom: 0;}
.moreApps ul>li>ol .textbox .imgbox{overflow: hidden; margin-bottom: 1rem;}
.moreApps ul>li>ol .textbox .imgbox>img{height: 80px; filter: drop-shadow(0 80px var(--hover-color));position: relative; transform: translateY(-80px);}
.moreApps ul>li>ol .textbox span.text{font-size: .9rem; line-height: 1.2;display: block; text-align: center;}
.moreApps ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

@media (max-width:991.98px){
  .moreApps ul>li{width: calc(100% / 4);}
  .moreApps ul>li>ol .textbox span.text{ font-weight:500;}
}
@media (max-width:767.98px){
  .moreApps ul>li>ol{ padding:0.5rem;}
  .moreApps ul>li{width: calc(100% / 3);}
  .moreApps ul>li>ol .textbox .imgbox>img{ height:60px;}
  .moreApps ul>li>ol .textbox span.text{ font-size:0.8rem;}

}
@media (max-width:575.98px){
  .moreApps ul>li{width: calc(100% / 2);}
  .moreApps ul>li>ol .textbox span.text{ font-size:0.75rem;}
}
/* Applications-End */
/* Solutions */
.solutions{padding-top: 1rem;}
.etw_hometitle2{align-items: center; justify-content: center; flex-direction: column;}
.etw_hometitle2::after{content: ''; width: 80px; height: 3px; background-color: var(--hover-color); display: block; margin-top: .5rem;}

.ourPros ul{width: calc(100% + 30px); margin-left: -15px;}
.ourPros ul>li{width: 25%; padding: 0 15px; margin-top: 30px;}
.ourPros ul>li>ol{flex-direction: column; background-color: #f5f5f5; padding: 3px; transition: all .4s;}
.ourPros ul>li>ol .textbox{padding: 1rem; flex-direction: column; justify-content: space-between;}
.ourPros ul>li>ol .textbox a.h4{font-size: 1rem;}
.ourPros ul>li>ol .textbox p{ overflow: hidden; min-height: 72px; max-height: 72px; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-bottom: .5rem;}
.ourPros ul>li>ol .textbox .more_icon{margin-top: 0;}
.ourPros ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
@media (max-width:991.98px){
.solutions .col-lg-6{ margin-bottom:1rem;}
.ourPros ul > li > ol .textbox a.h4{ font-weight:600; font-size:0.9rem;}
.ourPros ul > li > ol .textbox{ padding:1rem 0.5rem;}
.ourPros ul>li>ol .textbox p{ min-height:inherit; max-height:inherit;line-height: 20px; font-size:0.8rem;}
}
@media (max-width:767.98px){
 .ourPros ul>li{width: 50%; }
}
@media (max-width:575.98px){
 .ourPros ul>li{width: 100%; }
 .ourPros ul>li img{ width:100%;}
 .ourPros ul > li > ol .textbox a.h4{ font-size:1rem;}
}
/* Solutions-End */
/* Case Studies-End */
.cases{padding: 0 0 3rem 0;}
.cases .etw_hometitle{align-items: flex-start;}
.caseStudies{padding-top: 0;}
.caseStudies ul{width: 100%;}
.caseStudies ul>li:last-child{margin-bottom: 0;}
.caseStudies ul>li>ol{align-items: center;}
.caseStudies ul>li>ol a.imgbox{width: 50%;}
.caseStudies ul>li>ol .textbox{width: 50%; padding: 2rem; padding-left: 3rem;}
.caseStudies ul>li>ol .textbox a.h6{font-size: 1.5rem;}
.caseStudies ul>li:nth-child(even)>ol{flex-direction: row-reverse;}
.caseStudies ul>li:nth-child(even)>ol .textbox{padding: 2rem; padding-right: 3rem;}

.caseDetails{padding-top: 2rem;}
.caseDetails .etw_hometitle .h2{max-width: 65%; text-align: center; font-size: 2rem;}
.caseDetails-item{display: flex; flex-direction: column; margin-bottom: 1rem; padding-left: 1rem;}
.caseDetails-item>strong{font-size: 1.2rem;display: block; margin-bottom: .5rem; text-transform: capitalize; color: var(--hover-color);}
.relatedCases .hometitle{align-items: flex-start;}
.relatedCases ul{width: 100%; justify-content: space-between;}
.relatedCases ul>li{width: calc(50% - 15px); margin-top: 30px;}
.relatedCases ul>li>ol{background-color: #f5f5f5; transition: all .4s; align-items: center;}
.relatedCases ul>li>ol a.imgbox{width: 40%;}
.relatedCases ul>li>ol .textbox{width: 60%; padding: 1rem; padding-left: 2rem; flex-direction: column;}
.relatedCases ul>li>ol .textbox p{overflow: hidden; min-height: 48px; max-height: 48px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.relatedCases ul>li>ol .more>a{height: auto; line-height: 1; border: none; background-color: initial; padding: 0; overflow: visible;}
.relatedCases ul>li>ol .more>a:hover{color: var(--hover-color);}
.relatedCases ul>li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}

@media (max-width:767.98px){
  .relatedCases ul>li>ol a.imgbox{width: 100%;}
  .relatedCases ul>li>ol .textbox{width: 100%; padding: 1rem 0.5rem;}
  .caseDetails-item{ padding-left:0;}
}
@media (max-width:575.98px){
 .relatedCases ul>li{width:100%;}
}

.caseDetails_heng{margin-top: 2rem;}
.left_pics{width: 100%;}
.related_pic{width: 100%; margin-top: 10px;}
.related_pic>ul{width: calc(100% + 10px); margin-left: -5px; display: flex; justify-content: center;}
.related_pic>ul>li{width: 25%; padding: 0 5px;}
.related_pic>ul>li>a{display: block; border: 1px solid #ccc;}
.related_pic>ul>li>a.imgdq{ border-color: var(--hover-color);}
.related_pic2>ul>li{width: calc(100% / 6);}

@media (max-width:991.98px){
  .caseDetails .etw_hometitle .h2{ max-width:100%; font-size:1.7rem; line-height:2rem;}
  .caseStudies ul>li>ol a.imgbox{width: 40%;}
  .caseStudies ul > li > ol .textbox{width: 60%; padding:1.5rem 1rem 1.5rem 1.5rem;}
  .caseStudies ul > li > ol .textbox a.h6{ font-size:1.2rem;}
}
@media (max-width:767.98px){
  .caseStudies ul>li{ margin-bottom:1.5rem;}
  .caseStudies ul>li>ol a.imgbox{width: 100%;}
  .caseStudies ul>li>ol a.imgbox img{ width:100%;}
  .caseStudies ul>li>ol .textbox{width: 100%; padding:1rem 0.6rem;background: #eee;}
  .caseStudies ul>li:nth-child(2n)>ol.textbox{padding:1rem 0.6rem;}
  .caseStudies ul>li>ol .textbox a.h6{ font-size:1.2rem;}
  .caseDetails_heng figure{ margin-bottom:1.5rem;}
  .caseDetails .etw_hometitle .h2{ font-size:1.5rem; line-height:1.8rem;}
}
/* Case Studies-End */
/* Services */
.services_box{width: 100%; flex: 1; display: flex; flex-direction: column; background-color: #fff; margin: 1rem 0; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.services_box a.imgbox{width: 100%; background-color: #f5f5f5;}
.services_box a.imgbox>img{mix-blend-mode: multiply;}
.services_box .textbox{width: 100%; flex: 1; padding: 2rem;flex-direction: column;}
.services_box .textbox .h6{font-size: 1.15rem; text-transform: capitalize;}
.services_box .textbox p{margin-bottom: 0;}
.services_box .textbox ul.items:last-child{margin-bottom: 0;}
.services_box .textbox ul.items>li:last-child{margin-bottom: 0;}
.services_box2{flex-direction: row;}
.services_box2 a.imgbox{width: 33%;}
.services_box2 .textbox{width: 67%;}
@media (max-width:991.98px){
  .services_box .textbox{ padding:1rem;}
}
@media (max-width:767.98px){
  .services_box2{display: initial;}
  .services_box2 a.imgbox{width: 100%;}
  .services_box2 a.imgbox img{ width:100%;}
  .services_box2 .textbox{width: 100%;}
}
/* Services-End */
/* About Us */
.aboutText{position: relative; margin-top: -6rem; z-index: 5;}
.aboutText p{background-color: #fff; padding: 2rem; color: #000; font-size: 1rem; line-height:  30px; border-radius: 20px 20px 0 0;}
.aboutCompany_box{padding-left: 2rem;}

.about-items{padding: 3rem 0;}
.aboutCer .etw_phone{ margin-top: 10px;}
.aboutTest{width: 100%; margin: 2rem 0;}
.aboutTest>li{width: 50%;}
.aboutTest>li>ol{background-color: #fff;}
.aboutTest>li>ol a.imgbox{width: 50%;}
.aboutTest>li>ol a.imgbox::before{content: '';width:0;height:0;border-right:21px solid #fff;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute; right:0;top:50%; transform: translateY(-50%);}
.aboutTest>li>ol .textbox{width: 50%; flex-direction: column; justify-content: center; padding: 1rem; padding-left: 2rem;}
.aboutTest>li>ol .textbox>p{margin-bottom: 0; min-height: 144px; max-height: 144px; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; padding-right: 1.5rem;}
.aboutTest>li:nth-child(3)>ol,.aboutTest>li:nth-child(4)>ol{flex-direction: row-reverse;}
.aboutTest>li:nth-child(3)>ol a.imgbox::before,.aboutTest>li:nth-child(4)>ol a.imgbox::before{right: auto; left: 0;border-right:0;border-left:21px solid #fff;}

@media (max-width:991.98px){
  .aboutText{margin-top:0rem; z-index: 5;}
  .aboutText p{ padding:1.5rem 0 0 0;}
  .aboutCompany_box{ padding:0;}
  .aboutCompany .col-lg-6{ margin-bottom:1.5rem;}

  .aboutTest>li{padding:0 10px;display: initial; float:left; margin-bottom:1rem;}
  .aboutTest>li>ol a.imgbox{width: 100%;}
  .aboutTest > li > ol a.imgbox::before{ display:none;}
  .aboutTest>li>ol .textbox{width: 100%; padding:1rem 0.5rem;}
}

@media (max-width:575.98px){
  .aboutTest>li{ width:100%; padding:0;}
  .aboutTest>li img{ width:100%;}
}


/* About Us-End */
/* Company Profile */
.company .hometitle{font-size: 1.4rem;}
.company .hometitle::after{margin-top: .5rem; height: 3px;}
.company_heng{ margin-bottom: 2rem;}
.talent_list{width: calc(100% + 20px); margin-left: -10px; margin-bottom: 1rem;}
.talent_list>li{width: 25%; padding: 0 10px; margin-top: 20px;}
.talent_list>li>ol{flex-direction: column; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.talent_list>li>ol .textbox{padding: 1rem; flex-direction: column;}
@media (max-width:991.98px){
.talent_list>li{width: 50%;}
}

@media (max-width:575.98px){
.talent_list>li{width: 100%;}
.talent_list>li img{ width:100%;}
}

.history{width: 100%; position: relative; flex-direction: column;}
.history::before{content: ''; width: 3px; height: 100%; background-color: #ddd; position: absolute; left: 200px; top: 0;}
.history>li{width: 100%; margin-bottom: 1rem; align-items: center;}
.history>li:last-child{margin-bottom: 0;}
.history>li h6{width: 200px; text-align: right; padding-right: 3rem; margin-bottom: 0; color: #000; position: relative;}
.history>li h6::after{content: ''; width: 1rem; height: 1rem; border-radius: 50%; position: absolute; right: -.6rem; top: 50%; transform: translateY(-50%); background-color: #fff; border: 4px solid var(--hover-color);}
.history>li p{width:calc(100% - 200px); margin-bottom: 0; padding: 1rem; padding-left: 3rem;}

@media (max-width:767.98px){
 .history::before{left:100px;}
 .history>li h6{width: 100px; padding-right:1rem;}
 .history>li p{width:calc(100% - 100px);padding-left: 1.5rem;}
}

.company_nav{display: flex; flex-wrap: wrap; justify-content: center; border-top: 1px dashed #ccc; padding-top: 2rem; margin-top: 2rem;}
.company_nav li{width: calc(100% / 6); padding: 0 10px; display: flex; flex-direction: column;align-items: center; justify-content: center; position: relative;}
.company_nav li::after{content: ''; width: 1px; height: 60%; background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.company_nav li:last-child::after{display: none;}
.company_nav li a.imgbox{width: 90px; border-radius: 50%; box-shadow: 0 15px 15px rgba(0,0,0,0.2); margin-bottom: 1.5rem;}
.company_nav li a.imgbox::before{content: ''; display: block; padding-top: 100%;}
.company_nav li a.imgbox>img{max-width: 60%; filter: drop-shadow(0 90px var(--hover-color)); position: relative; transform: translateY(-90px);}
.company_nav li a.textbox{text-align: center; justify-content: center; color: #000; font-weight: bold;}
.company_nav li.active a.textbox,.company_nav li:hover a.textbox{color: var(--hover-color);}
@media (max-width:767.98px){
  .company_nav{justify-content: inherit;}
  .company_nav li{width: calc(100% / 3); margin-bottom:1.5rem;}
}

@media (max-width:575.98px){
  .company_nav li{width: calc(100% / 2);}
}

.quality{width: 100%;}
.quality>li{width: 100%; border-bottom: 1px dashed #ccc; padding-bottom: 2rem; margin-bottom: 2.5rem;}
.quality>li:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
.quality>li h6{font-size: 1.1rem; margin-bottom: .5rem; color: var(--hover-color);}
.quality>li ul.items{padding-left: .5rem; margin-bottom: 0;}
.quality>li ul.items>li:last-child{margin-bottom: 0;}

.pdf_btn{display: flex; justify-content: flex-end;}
.pdf_btn>a{background-color: #000; padding: .5rem 1rem; border-radius: 30px; color: #fff; font-size: 1rem; margin: 0 5px 5px 0; display: flex;align-items: center;}
.pdf_btn>a>i{font-size: 1.2rem; margin-right: .5rem;}
.pdf_btn>a:hover{background-color: var(--hover-color);}
@media (max-width:991.98px){
.quality>li{ padding-bottom:0;margin-bottom:1.5rem;}
.quality li{display: initial;}
.quality .col-lg-7, .quality .col-lg-5, .quality .col-lg-8, .quality .col-lg-4{ margin-bottom:1rem;}
}
@media (max-width:767.98px){
  .pdf_btn{ width:100%;}
  .quality>li ul.items{ padding-left:0;}
}
.testimonials{width: 100%; flex-direction: column;}
.testimonials>li{width: 100%; margin-top: 20px;}
.testimonials>li>ol{background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); align-items: center;}
.testimonials>li>ol a.imgbox{width: 25%;}
.testimonials>li>ol .textbox{width: 75%; padding: 2rem; padding-left: 3rem; flex-direction: column;}
.testimonials>li>ol .textbox small{font-size: 1rem;display: block; margin-bottom: .5rem; color: var(--hover-color);}

@media (max-width:767.98px){
 .testimonials>li>ol a.imgbox{width: 100%;}
 .testimonials>li>ol a.imgbox img{ width:100%;}
 .testimonials>li>ol .textbox{width: 100%; padding: 1rem;}
}
/* Company Profile-End */
/* Contact Us */
.contact{padding:3rem 0}
.contact p{font-size:1rem;line-height:24px;margin-top:0.6rem; font-weight: 400;}
.contact a{font-size: 1rem;}
.contact strong{color:#000; margin-right: .25rem;}
.contact a{color:var(--hover-color)}
.contact a:hover{color:var(--logo-color2);text-decoration:underline}
.contact .co_name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--hover-color)}
.contact img{float: left;margin-top: .5rem;}
.contact .feedback{padding:2rem}
.contact .feedback .webtitle{font-size:1.875rem;color:var(--hover-color); font-weight: 900; text-transform: uppercase; margin-bottom: 1rem;}
.contact_map{margin-top: 1.5rem;}
@media (max-width:575.98px){
  .contact #floatchatiframe2011{ margin-left:-15px; margin-right:-15px;}
}
/* Contact Us-End */
/* Overview */
.overview .etw_hometitle{padding: 1.5rem 0; margin-bottom: 0;}
.overview .etw_hometitle>div{margin-bottom: 0; color: var(--hover-color);}
.overview_box{padding:3rem 0;}
.overview_box:first-child{margin-top:0}
.overview_title{display: flex; justify-content: center; position:relative; margin-bottom: 2rem;}
.overview_title::before{content:"";width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--hover-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overview_title>span{max-width:70%;text-align:center;display:inline-block;position:relative;padding:0 1.5rem;line-height:1.3;background-color:#fff; font-size:2rem;color:#000;font-weight:bold;text-transform:uppercase;}

.overviewAbout{padding-top: 1rem;}
.overviewAbout .overview_title{justify-content: flex-start; margin-bottom: 1rem;}
.overviewAbout .overview_title::before{display:none}
.overviewAbout .overview_title>span{padding:0;background-color: #f5f5f5; font-size: 2rem; text-transform: uppercase;}
.overview_more{display: flex;}
.overview_more>a{line-height: 40px; padding: 0 1.5rem; font-size: .95rem; background-color: #fff; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); text-transform: uppercase;}
.overview_more>a:hover{background-color: var(--hover-color); color: #fff;}

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

.overview_list>li>ol {flex-direction: row !important;}
.overview_list>li:last-child {margin-bottom: 40px;}
.apps_list2>li{background-color: #f1f1f1;}
.apps_list2>li:last-child {margin-bottom: 30px;}
.apps_list2>li .more>a{background-color: #f1f1f1;}

@media (max-width:767.98px){
.overviewCompany li{width:100%;}
}
/* Overview-End */
/* videos */
.videoHub{padding:2rem 0 3rem 0;}
.videoHub>.container{display: flex; flex-direction: column;}
.videoHub .etw_hometitle{color:var(--hover-color);font-size:2.5rem;line-height:3rem;font-weight:600;text-transform:uppercase;margin-bottom:1rem}
.video_title{font-size:1.75rem;line-height:1.8rem;font-weight:600;text-transform:capitalize;display:flex;justify-content:center;color:#000;margin:2rem 0; position:relative}
.video_title::before{content:"";width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--hover-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.video_title>span{display:inline-block;background-color:#fff;position:relative;z-index:2;padding:0 30px;font-style:italic}
.video_hub1{width:100%;margin-bottom:30px;display:flex;flex-wrap:wrap}
.video_hub1 a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:var(--bg-f5)}
.video_hub1 a .video_img{width:50%;position:relative;overflow:hidden}
.video_hub1 a .video_img .video_btn{width:60px;height:60px}
.video_hub1 a .video_text{width:50%;padding:1.5rem;padding-left:2.5rem;text-align:left}
.video_hub1 a .video_text>h3{color:#000;font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:all 0.4s}
.video_hub1 a .video_text>p{margin:0;color:#000;font-size:1rem}
.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_hub1 a:hover .video_text>h3{color:var(--hover-color)}
.video_hub{width:100%;display:flex;flex-wrap:wrap}
.video_hub ul{width:calc(100% + 30px);margin-left:-15px;display:flex;flex-wrap:wrap;}
.video_hub ul li{width:calc(100% / 4);padding:0 15px;display:flex;transition:all 0.4s;margin-bottom:30px;}
.video_hub ul li a{width:100%;display:flex;flex:1;flex-direction:column;background-color:var(--bg-f5);overflow:hidden}
.video_hub ul li a .video_img{width:100%;position:relative}
.video_hub ul li a .video_img .video_btn{width:60px;height:60px;font-size:1rem}
.video_hub ul li a .video_text{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:capitalize;padding:1rem;font-size:1rem;line-height:1.25rem;font-weight:300;color:#000;transition:all 0.4s;position:relative}
.video_hub ul li a .video_text>span{position:relative;z-index:2}
.video_hub ul li a .video_text::before{content:"";width:100%;height:200%;border-radius:50%;background-color:var(--bg-f5);position:absolute;right:0;top:-20px}
.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_hub ul li a .video_img .video_btn::after{display:none}
.video_hub ul li a .video_img .video_btn::before{font-size:1rem}
.video{width:100%;padding:1rem 0 3rem 0}
.video>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
#video_right{width:65%}
#video_right .webtitle{font-size:2rem; color:#000; margin-bottom: 1rem; line-height:1.2;}
#video_right video{width:100%}
.video_more{display:flex;margin-bottom:2rem; padding: 0 1.5rem;}
.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;}
.video_more>a:hover,.video_more>span:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
#video_right .video_more{padding: 0;}

#video_sidebar{width:30%;background-color:var(--bg-f5);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
#etw_videolist .webtitle{font-size:1.3rem;font-weight:600;color:#fff;text-transform:uppercase;background-color:var(--hover-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}
#etw_videolist ul li a{display:flex;align-items:center}
#etw_videolist ul li a img{width:30%}
#etw_videolist ul li a span{width:70%;font-size:0.875rem;padding-left:1rem;font-weight:300}
#etw_videolist ul li a.dq span{color:var(--hover-color)}
#etw_videolist ul li:last-child{margin:0}
.videohid{display:none}
@media (max-width:991.98px){
	#video_right{width:100%}
	#video_sidebar{width:100%;margin-top:2rem}
	.video_hub ul li a .video_text{ padding:1rem 0.5rem; font-size:1rem;}
	.video_hub1 a .video_text{padding:1rem;}
}
@media (max-width:767.98px){
#video_sidebar{margin-top:1rem}
.video_hub ul li{width:calc(100% / 2);}
.video_hub1 a .video_img{width:100%;}
.video_hub1 a .video_text{width:100%;}
}
@media (max-width:575.98px){
.video_hub ul li{width:100%}
}
/* videos-End */
ul.etw_phone_video{margin-bottom: 2rem;}
ul.etw_phone_video .video_btn{width: 100%; height: 100%; background-size: 4rem;}
ul.etw_phone_video.etw_phone4 .video_btn{width: 100%; height: 100%; background-size: 3rem;}
ul.etw_phone_video .video_btn::before{display: none;}



.mb-1px{ margin-bottom: 1px;}
.mr-1px{ margin-right: 1px;}
/* @media (max-width:1199.98px) {}
@media (max-width:991.98px) {}
@media (max-width:767.98px) {}
@media (max-width:575.98px) {}
@media (max-width:380.98px) {} */
.products_item{
  font-size: 1.3rem;
  color: #000;
  font-weight: 600;
  margin-bottom: 0.2rem !important;
  padding: 0;
}
.project_cases{
  margin-top: 0 !important;
  margin-bottom: 2rem;
}
.customer_project_cases{display: flex;justify-content: space-between}
.title_solution{
  font-size: 1.4rem !important;
}
.case_highlights{
  font-size: 1.2rem;
  color: #666;
  font-weight: 600;
  text-align: center;
}
.solutions_title{
  margin-bottom: 30px;
}
.cavity_title{
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  padding: 6px 0;
  /* text-decoration: underline; */
}
.inquiry_btn_centent{
  margin: 0 auto;
}
.cavity_bottom{
  margin-bottom: 40px;
}
.cavity_bottom div{
  margin-bottom: 10px;
}
.other_recommended_moulds{
  padding-top: 30px;
}
.blow_moulds{
  display: flex;
  justify-content: flex-start;
}
.blow_moulds dl{
  width: 50%;
}
.blow_moulds>dl>dd{
  position: relative;
  padding-left: 14px;
}
.blow_moulds>dl>dd::before{content: ''; width: 6px; height: 6px; background-color: var(--logo1-color); border-radius: 50%; position: absolute; left: 0; top: 46%; transform: translateY(-50%);}
.other_cavity_moulds{
  padding-top: 0px !important;
}
.moulds_moulding_title h2{
  text-align: center;
  margin-bottom: 50px;
}
.footer_list li ol li{
  font-size: 1rem;
}
.footer_list li ol li ol li{
  font-size: .9rem;
  list-style-type: disc;
  margin-left: 15px;
  display: list-item;
}
.title_name{color: #000 !important;}
.blow_moulds_list li ol{
  display: block;
}
.blow_moulds_list li ol a.imgbox{
  width: 100% !important;
  min-height: 184px;
}
.blow_moulds_list li ol .textbox{
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
  
}
.blow_moulds_list li ol .textbox h6{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
}
.layui-layer-btn .layui-layer-btn0 {background-color: #999 !important;border: #999;}