@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:Jura;src:url(../fonts/Jura/Jura-Regular.woff2) format("woff2"),url(../fonts/Jura/Jura-Regular.woff) format("woff");font-weight:400;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:Jura;src:url(../fonts/Jura/Jura-Bold.woff) format("woff2"),url(../fonts/Jura/Jura-Bold.woff) format("woff");font-weight:700;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Libre Franklin";src:url(../fonts/Libre_Franklin/LibreFranklin-Light.woff2) format("woff2"),url(../fonts/Libre_Franklin/LibreFranklin-Light.woff) format("woff");font-weight:300;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Libre Franklin";src:url(../fonts/Libre_Franklin/LibreFranklin-Regular.woff2) format("woff2"),url(../fonts/Libre_Franklin/LibreFranklin-Regular.woff) format("woff");font-weight:400;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:"Libre Franklin";src:url(../fonts/Libre_Franklin/LibreFranklin-Bold.woff2) format("woff2"),url(../fonts/Libre_Franklin/LibreFranklin-Bold.woff) format("woff");font-weight:600;font-display:swap;font-optical-sizing:auto}
@font-face{font-family:Oswald;src:url(../fonts/Oswald/Oswald-Bold.woff2) format("woff2"),url(../fonts/Oswald/Oswald-Bold.woff) format("woff");font-weight:600;font-display:swap;font-optical-sizing:auto}
@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 {
	--black: #000;
	--main-color: #333;
	--main-color2: #666;
	--hover-color: #fca114;
	--logo-color1: #043d8e;
	--logo-color2: #d5030e;
	--bg-25:#252525;
	--bg-f1: #f1f1f1;
	--bg-f2: #f2f2f2;
	--bg-f3: #f3f3f3;
	--bg-f4: #f4f4f4;
	--bg-f5: #f5f5f5;
	--bg-f6: #f6f6f6;
}
.bg-25 {background-color: var(--bg-25) !important;}
.bg-f5 {background-color: var(--bg-f5) !important;}
* {box-sizing: border-box;padding: 0;margin: 0;}
#header,#container,#footer {width: 100%;}
body{color:var(--black);font-family:Arial,Helvetica,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;}
h1,h2,h3,h4,h5,h6 {color: inherit;font-weight: 600;margin-bottom: 0;}
.h1,.h2,.h3,.h4,.h5,.h6 {margin-bottom: 0;}
h2 {font-size: 2.5rem;}
h3 {font-size: 2rem;}
h4 {font-size: 1.5rem;}
h5 {font-size: 1.25rem;}
h6 {font-size: 1rem;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;font-size: inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color: var(--hover-color);}
p {font-size: 0.95rem;	line-height: 1.5625rem; margin: 1rem 0 0 0;}
strong,b {font-weight: 600;}
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}
figure{display:flex;flex-wrap:wrap;margin:0}
.imgbox{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all 0.4s}
.imgbox-100::before{content:"";display:block;padding-top:100%}
.imgbox-75::before{content:"";display:block;padding-top:75%}
.imgbox-625::before{content:"";display:block;padding-top:62.5%}
.imgbox-5625::before{content:"";display:block;padding-top:56.25%}
.imgbox-50::before{content:"";display:block;padding-top:50%}
.imgbox-375::before{content:"";display:block;padding-top:37.5%}
.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}
@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% - 40px)}}
@media (min-width:1100px){.container{max-width:calc(100% - 50px)}}
@media (min-width:1200px){.container{max-width:1200px}}
/* public */
.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_btn2{background: url(../images/video_btn2.png) no-repeat center center; background-size: 100% 100%;}
.video_smallbtn{width: 6vh;}
.more{display:flex;margin-top:1rem;}
.more>a,.more>span{width:fit-content;display:flex;align-items: center; line-height:1;font-size:1rem;color:#fff;background-color:var(--black);text-transform:uppercase;position:relative;padding:0.5rem 1.5rem;border-radius:30px;transition:all 0.4s;position:relative;z-index:0;overflow:hidden;}
.more>a::before,.more>span::before{content: '';width: 0; height: 100%; position: absolute; right: 0; top: 0; background-color: var(--hover-color); transition: all .4s ease-in-out;z-index: -1;}
.more>a::after,.more>span::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;	-webkit-font-smoothing: antialiased; font-size: 1.25rem; margin-left: .5rem;}
.more>a:hover{color:var(--black); background-color: var(--hover-color);}
.more>a:hover::before{width: 100%; left: 0;}
.smallmore>a,.smallmore>span{padding: 0; width: 30px; height: 30px; display:flex;align-items: center;justify-content: center;}
.smallmore>a::after,.smallmore>span::after{content: "\f105";font-size: .9rem;margin-left:0;}
.more1{display: flex;margin-top: 1rem;}
.more1>a{display: flex;align-items: center; padding: .25rem 1rem .25rem 2rem; background-color: var(--black); color: #fff; border-radius: 30px; position: relative;}
.more1>a::before{content:"\f055";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; color: var(--hover-color); font-size: 1.7rem; margin-right: .5rem; transition: all .3s; position: absolute; left: .25rem; top: 50%; transform: translateY(-50%);}
.more1>a:hover{color: var(--hover-color);}
.more1>a:hover::before{font-size: 1.4rem;}
ul{display: flex; flex-wrap: wrap;}
ul li{display: flex; flex-wrap: wrap;}
ul li>ol{width: 100%;display: flex; flex-wrap: wrap; transition: all .4s ease-in-out;}
.etw_phone{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px;margin-top:20px}
.etw_phone li{width:100%;padding:0 10px;margin-top:20px;display:flex;flex-direction:column;position:relative}
.etw_phone li a,.etw_phone li .imgbox{display:flex;align-items:center;justify-content:center;width:100%;box-shadow: 0 0 5px rgba(0,0,0,0.1);position: relative;}
.etw_phone li span{flex:1;width:100%;display:flex;align-items:flex-start;justify-content:center;text-align:center;color:#333;overflow:hidden;line-height:1.25rem;padding:0.5rem; padding-bottom: 0; background-color: #fff;}
.etw_phone_bg li a,.etw_phone_bg li .imgbox{background-color:#fff}
.etw_phone_bg li a>img,.etw_phone_bg li .imgbox>img{mix-blend-mode:multiply}
.etw_phone2{width:100%;margin:0;justify-content:space-between}
.etw_phone2 li{width:calc(50% - 10px);padding:0}
.etw_phone3 li{width:calc(100% / 3)}
.etw_phone4 li{width:25%}
.etw_phone5 li{width:20%}
.etw_phone6 li{width:calc(100% / 6)}
.etw_phone_m li{margin: 0 0 20px 0;}
.items{display:flex;flex-wrap:wrap;margin-top:0.2rem}
.items>li{width:100%;line-height:24px;margin-bottom:0.3125rem;padding-left:1rem;position:relative}
.items>li::before{content:"";width: 6px; height: 6px; border-radius: 50%; background-color:var(--logo-color2);position: absolute; left: 0; top: 9px;}
.items>li:last-child{margin: 0;}
.items2{justify-content:space-between}
.items2>li{width:calc(50% - 20px)}
@media (max-width:1199.98px){
	.etw_phone6 li{width:calc(100% / 5)}
	/* .etw_phone6 li:last-child{display:none} */
}
@media (max-width:991.98px){
	.etw_phone5 li{width:calc(100% / 4)}
	/* .etw_phone5 li:last-child{display:none} */
	.etw_phone6 li{width:calc(100% / 3)}
	.etw_phone6 li:last-child{display:block}
}
@media (max-width:767.98px){
	.etw_phone3 li{width:calc(100% / 2)}
	/* .etw_phone3 li:last-child{display:none} */
	.etw_phone5 li{width:calc(100% / 2)}
	.etw_phone6 li{width:calc(100% / 2)}
	.more>a, .more>span{font-size: 0.9rem;padding: 0.3rem 1.2rem;}
	.video_btn{width: 6vh;}
	.video_smallbtn{width: 5vh;}
	p{font-size: 0.85rem;line-height: 1.4rem;margin-top: 0.6rem;}
	.imgbox img{width: 100%;}
	.etw_phone li {margin-bottom: 1rem;margin-top: 0;}
	.etw_phone4 li{width: 50%;}
}
@media (max-width:575.98px){
	.etw_phone3 li,.etw_phone2 li{width:100%}
	.etw_phone3 li:last-child{display:block}
	.etw_phone5 li{width:100%}
	.etw_phone5 li:last-child{display:block}
	.etw_phone6 li{width:100%}
}
@media (max-width:380.98px){}
/* public-End */
/* etw_language */
.etw_language{width: 100%; background-color: #252525; position:absolute;left: 0; top: 0; z-index:12}
.etw_language>ul{display:flex;flex-wrap:wrap; justify-content: flex-end; max-width: 1200px; width: calc(100% - 40px); margin: 0 auto;}
.etw_language>ul>li{display:flex;flex-wrap:wrap;}
.etw_language>ul>li>ol{width: auto;}
#etw_language{display:flex;flex-direction: row-reverse; height:100%;flex-wrap: nowrap;}
#etw_language>a{padding:0 1rem;color:#fff;display:flex;justify-content:center;align-items:center; height: 40px; position: relative;background: none!important;}
#etw_language>a::before{content: '';width: 1px; height: 10px;background-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#etw_language>a:last-child:before{display: none;}
#etw_language>a>img{margin-right: .5rem;}
#etw_language>a:hover{background-color: var(--bg-25); color:var(--hover-color)}
/* 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;display:flex;flex-direction:column;padding-top: 40px;}
#etw_logo{padding:14px 0;float:left;display:flex;align-items:center}
#etw_logo a{display:flex;align-items:center}
#etw_logo a>img{display:block;max-width:100%;height:60px}
.logo_text{display:flex;flex-direction:column;margin-left:1rem;padding-left:1rem;border-left:1px solid #ccc;line-height:1.5rem;font-size: 1.09rem; color:#333; font-weight: 600; width: 150px;}
nav{float: right; display: flex;}
nav .navbar{width:100%;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:center}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;align-items:center;justify-content:center;}
.navbar-expand-lg .navbar-nav .nav-link{width:100%;color:var(--black);padding:0 0.8rem;min-height:100px;display:flex;align-items:center;justify-content:center;position:relative; font-size: 1rem;}
.navbar-light .navbar-nav a.nav-link::before{display:none;content:"";position:absolute;left:50%;top:50%;width:0px;height:0;background-color:var(--hover-color);transform:translate(-50%,-50%);transition:0.3s;border-radius:5px;z-index:-1}
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:last-child .nav-link{background-color: var(--hover-color); color: var(--black); font-weight: 600; padding: 0 1rem;}
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%;height:100%}
nav .navbar-nav .nav-item:last-child .nav-link:hover,nav .navbar-nav .nav-item:last-child.active .nav-link{background-color: var(--logo-color2); color: #fff;}
.pro_icon{display:none}
.dropdown-menu{left:0;top:150%;border:none;margin:0;padding:0;border-radius:0;background:linear-gradient(to bottom,#fff,var(--bg-f5));backdrop-filter:blur(10px);border-radius:0 0 1rem 1rem;overflow:hidden;transition:all 0.3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block}
.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:var(--black);font-size:0.9rem;position:relative;display:block;transition:all 0.5s;padding:0.6rem 1.2rem;font-weight:200}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active{color:#fff;background:var(--hover-color);text-decoration:none}
.dropdown-menu .dropdown-item:hover::before,.dropdown-menu .dropdown-item.active::before{color:var(--hover-color)}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block}
.dropdown-menu1{min-width: 800px; padding: 1.5rem;}
.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: 1.1rem; font-weight: bold; width: fit-content; padding: 0;}
.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::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);}
@media (max-width:1199.98px){
	.navbar-expand-lg .navbar-nav .nav-link{padding:0 0.3rem;font-size: 0.85rem;min-height: 80px;}
	nav .navbar-nav .nav-item:last-child .nav-link{padding: 0 0.8rem;}
	#etw_logo {padding: 15px 0;}
	#etw_logo a>img{height: 50px;}
	.logo_text{font-size: 1.2rem;line-height: 1.4rem;}
}
@media (max-width:991.98px){
	#header{position:relative;padding-top: 0;}
	#header>.container{display:flex !important;align-items:center;justify-content:flex-end;flex-wrap: wrap;}
	#header>.container>content{flex:1}
	#etw_logo{flex: 1;}
	.etw_language{width: auto; margin:0 2.5rem 0 0;background-color: initial;position: relative; overflow: visible; min-height: initial;}
	.etw_language>.container{margin: 0;}
	.etw_language>ul{width: auto;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%)}
	#etw_language{flex-direction: column;}
	#etw_language>a{margin:0;height:30px;padding:0 1rem;background-color:var(--bg-f5);border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,0.2);margin-top:0.5rem;color:#000}
	#etw_language>a:last-child {padding: 0 1rem;}
	#etw_language>a:hover{background-color: var(--hover-color);color: #fff; text-decoration: none;}

	.navbtn{float:right;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;border-radius:5px}
	.navbar-toggler{padding: 0.3rem 0.6rem;}
	nav {
		width: 100%;
		border-top: 1px solid #ccc;
	}
	nav .navbar{position:relative;right:initial;top:inherit;z-index:10}
	nav .nav-item{width:100%;flex-direction:column}
	nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding:0 1.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 ul>li:last-child{border-bottom:1px dashed rgba(255,255,255.5)}
	.dropdown-menu1 li .dropdown-item{font-size:1rem;padding:0.5rem 2rem}
	.dropdown-menu1 li>ol{margin-top:0.5rem}
	.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:0;display:block;border-radius: 0;}
	nav .navbar-light .navbar-nav .nav-link{min-height: 48px;}
	.dropdown-menu_list>li>a.dropdown-item{font-size: 1rem;}
	.dropdown-menu_list>li>ol>li>a{font-size: 0.9rem;}
	figure a,figure a img{width: 100%;}
}
/* Banner */
.etw_banner{width:100%;overflow:hidden;position:relative;}
.etw_banner .swiper{width:100%}
.etw_banner .swiper .swiper-slide{height: auto;position:relative;overflow:hidden;min-height:300px;max-height:600px;display: flex;}
.etw_banner .swiper .swiper-slide::before{content: ''; display: block; padding-top: 31.25%;}
.etw_banner .swiper .swiper-slide img{transform: scale(1.1); transition: all 3s linear;}
.etw_banner .swiper .swiper-slide-active img{transform: scale(1);}
.banner_box{flex: 1; width:100%; position: relative; z-index: 2; display:flex; flex-direction: column;justify-content: center;}
.banner_box span{width: fit-content; padding: .9rem 1.5rem; line-height: 1; font-size: 1rem; font-weight: 600; background-image: linear-gradient(-45deg, var(--logo-color2) 50%,var(--logo-color1) 50%); color: #fff;text-transform: uppercase; margin-bottom:2rem;}
.banner_box h2{max-width:50%;font-size:2rem;line-height:2.6rem;color:var(--black);text-transform:uppercase; margin-bottom: 2rem;}
.banner_box p{max-width: 50%; margin: 0; font-size: 1.1rem;line-height: 30px;}
.banner_box a{width:fit-content;display:flex; align-items: center; padding:0.5rem 1.5rem;border-radius:30px;font-size:1rem;color:var(--black);background-color:rgba(255,255,255,1);border:2px solid var(--hover-color);text-transform:uppercase;margin-top:1.5rem;font-weight:700;}
.banner_box a::after{content: "\f105";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;	-webkit-font-smoothing: antialiased; font-size: 1.25rem; margin-left: .5rem;}
.banner_box a:hover{background-color:var(--black); color:var(--hover-color);border-color: var(--black);}
.banner_box2{max-width: 70%; background-color: rgba(0,0,0,0.3); padding: 2rem 3rem; align-items: center;text-align: center;}
.banner_box2 h2,.banner_box2 p{max-width: 100%; color: #fff;}
.banner_box3{max-width: 55%; align-items:flex-end; text-align: right;background-color: rgba(0,0,0,0.3);padding: 2rem; transform: translateX(40%);}
.banner_box3 h2,.banner_box3 p{max-width: 100%; color: #fff;}
.etw_banner .swiper-pagination{bottom: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; padding: 1rem .5rem;}
.etw_banner .swiper-pagination-bullet{width: 1rem; height: 1rem; background-color: #fff; opacity: 1;}
.etw_banner .swiper-pagination-bullet-active{background-color: var(--hover-color);}
@media (max-width:1199.98px){
	.banner_box a{display: none;}
	.banner_box3{max-width: 60%;transform: translateX(35%);}
}
@media (max-width:991.98px){
	.etw_banner{display:flex}
	.etw_banner .swiper{width:100%;flex:1}
	.etw_banner .swiper .swiper-slide img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
	.banner_box h2{font-size: 1.5rem;line-height: 1.9rem;margin-bottom: 1.5rem;max-width: 60%;}
	.banner_box p{font-size: 1rem;line-height: 1.4rem;max-width: 60%;}
	.banner_box2{padding: 2rem;}
	.banner_box2 h2, .banner_box2 p,.banner_box3 h2, .banner_box3 p{max-width: 100%;}
	.banner_box3{max-width: 70%;transform: translateX(20%);}
}
@media (max-width:767.98px){
	.banner_box p{display: none;}
	.banner_box h2{font-size: 1.5rem;line-height: 1.9rem;margin-bottom: 0rem;max-width: 70%;}
	.banner_box2{max-width: 80%;}
	.banner_box2 h2, .banner_box2 p,.banner_box3 h2, .banner_box3 p{max-width: 100%;}
	.etw_banner .swiper-pagination-bullet{width: 0.8rem;height: 0.8rem}
	.banner_box3{max-width: 80%;transform: translateX(12%);}
	#header>.container{max-width: calc(100% - 2rem);}
}
@media (max-width:649.98px){
	.banner_box{display: none;}
}
/* Banner-end */
/* index */
.etw_box{padding:3rem 0}
.hometitle{display: flex; flex-direction: column; align-items: center;}
.hometitle::after{content: '';display: block; width: 100px; height: 3px; background-image: linear-gradient(-45deg,var(--logo-color2) 50%,var(--logo-color1) 50%);margin-top: 1rem;}
.homeAbout{padding: 4rem 0 2rem 0;background: url(../images/white-texture.jpg) no-repeat center center;background-size: cover;position: relative;overflow: hidden;}
.homeAbout::before{content: ''; position: absolute; inset: 0; background-color: #fff; opacity: .4;}
.homeAbout .hometitle{align-items: flex-start;}
.homeAbout .container{display: flex; flex-wrap: wrap; justify-content: space-between;position: relative; z-index: 2;}
.homeAbout_left{width: calc(50% - 20px); display: flex; flex-direction: column; justify-content: center;}
.homeAbout_left small{font-size: 1.3rem; color: var(--hover-color);display: block; margin-bottom: .5rem; text-transform: uppercase;}
.homeAbout_left h3{font-size: 2.25rem;}
.homeAbout_left h3 span{color: var(--hover-color);}
.homeAbout_left p{max-width: 90%; font-size: 1.25rem; font-weight: 300; line-height: 2rem; margin-top: 2rem;}
.homeAbout_left ul{display: flex; flex-wrap: wrap; margin-top: 3rem; width: 120%; position: relative; z-index: 2; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 20px;}
.homeAbout_left ul li{width: 25%;display: flex; flex-direction: column; text-align: center; padding: 2rem 1rem; border-right: 1px solid #ccc;}
.homeAbout_left ul li:last-child{border-right: none;}
.homeAbout_left ul li strong{font-size: 1.7rem; font-weight: 600; color: var(--logo-color2); display: block; margin-bottom: 1rem;}
.homeAbout_left ul li strong sub{font-size: .9rem; bottom: -.1em; color: var(--logo-color2);}
.homeAbout_left ul li span{font-size: .9rem; line-height: 20px;}
.homeAbout_right{width: calc(50% - 20px);position: relative;}
.homeAbout_right a.imgbox{width: 80%; margin-bottom: 5rem;}
.homeAbout_subimg{width: 50%; position: absolute; right: 0; bottom: 0;}
/* Our Products */
.homePro{background: url(../images/pros_bj.jpg) no-repeat center center; background-size:cover; background-attachment: fixed; position: relative;overflow: hidden;}
.homePro::before{content: '';position: absolute;inset: 0;background-color: #fff; opacity: .8;}
.homePro .container{position: relative;z-index: 2;}
.homePro_title{display: flex; flex-direction: column; justify-content: center; }
.homePro_title .h3{font-weight: 600;}
.homePro_title .h3:hover{color: var(--hover-color);}
.homePro_title .more a{background-color: var(--hover-color); border-color: var(--hover-color); color: var(--black);}
.homePro_title .more a::before{background-color:var(--black);}
.homePro_title .more a:hover{color: #fff; border-color: var(--black);}
.homePro ul{width: calc(100% + 30px); margin-left: -15px;}
.homePro ul li{width: 25%; padding: 0 15px; margin-top: 30px;}
.homePro ul li>ol{flex-direction: column; background-color: #fff;border: 2px solid #fff;}
.homePro ul li>ol a.imgbox{background-color: var(--bg-f5);}
.homePro ul li>ol a.imgbox img{mix-blend-mode: multiply;}
.homePro ul li>ol .textbox{padding: 1rem;display: flex; flex-direction: column; flex: 1;}
.homePro ul li>ol .textbox .h6{font-weight: 700;flex: 1;}
.homePro ul li>ol .textbox .h6:hover{color: var(--hover-color);}
.homePro ul li>ol .textbox p{overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; min-height: 72px; max-height: 72px;}
.homePro ul li>ol .textbox .more{justify-content: flex-end;}
.homePro ul li>ol .textbox .more>a{background-color: var(--hover-color);}
.homePro ul li>ol .textbox .more>a::before{display: none;}
.homePro ul li>ol .textbox .more>a:hover{background-color: var(--logo-color2); color: #fff;}

.homePro ul li>ol:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
/* Наши преимущества */
.homeAdv{background-color: #f5f5f5; background-size: cover;}
.homeAdv_content{display: flex; flex-wrap: wrap; justify-content: space-between;}
.homeAdv_left{width: 50%;display: flex;}
.homeAdv_left ul{width: 100%; display: flex; flex-wrap: wrap;}
.homeAdv_left ul li{width: 40%; border: 3px solid #fff;}
.homeAdv_left ul li .imgbox::before{content: ''; display: block; padding-top: 56.25%;}
.homeAdv_left ul li:nth-child(2){width: 60%;}
.homeAdv_left ul li:nth-child(3){width: 60%;}
.homeAdv_right{width: 45%;}
.homeAdv_right small{font-size: 1.25rem; text-transform: uppercase; color: var(--hover-color);}
.homeAdv_right .hometitle{align-items: flex-start;}
/* Our Successful cases */
.homeCases .swiper{width: 100%; margin-top: 30px; padding-bottom: 20px;}
.homeCases .swiper .swiper-slide{height: auto; display: flex; padding-bottom: 20px;}
.homeCases .swiper .swiper-slide>ol{flex: 1;display: flex; flex-direction: column; padding-top: 10px;}
.homeCases .swiper .swiper-slide>ol:hover .imgbox{transform: translateY(-10px);}
.homeCases .swiper .swiper-slide>ol .textbox{width: 90%; margin: -1rem auto 0 auto; position: relative; z-index: 2; background-color: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.1); padding: 1rem; flex: 1; display: flex; flex-direction: column;}
.homeCases .swiper .swiper-slide>ol .textbox small{width: fit-content; position: absolute; left: 0; top: 0; line-height: 24px; background-color: var(--hover-color); color: #000; font-size: .8rem; display: block; padding: .25rem 1rem;}
.homeCases .swiper .swiper-slide>ol .textbox p{overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; min-height: 72px; max-height: 72px; margin-top: 0;}
.homeCases .swiper .swiper-slide>ol .textbox .more1>a{background-color: #fff; border: 1px solid var(--black); color: var(--black); padding-left: 2.4rem;}
.homeCases .swiper .swiper-slide>ol .textbox .more1>a::before{content: "\f105"; width: 26px; height: 26px; border-radius: 50%; background-color: var(--hover-color); color: var(--black);display: flex;align-items: center; justify-content: center;font-size: 1.05rem;}
.homeCases .swiper .swiper-slide>ol .textbox .more1>a:hover{background-color: var(--black); color: var(--hover-color);}
.homeCases .swiper-pagination{bottom: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; padding: 1rem .5rem;}
.homeCases .swiper-pagination-bullet{width: .5rem; height: .5rem; background-color: #000; opacity: 1;}
.homeCases .swiper-pagination-bullet-active{background-color: var(--hover-color);}
/* homeInquiry */
.homeInquiry{padding: 0;position: relative;}
.homeInquiry_box{width: 100%; max-width: 1000px; margin: 0 auto; background: url(../images/Cta-bg.jpg) no-repeat center center; background-size: cover; padding: 2rem 4rem;}
.homeInquiry_box{display: flex; flex-direction: column;align-items: center; justify-content: center; text-align: center;}
.homeInquiry_box h2{max-width: 65%;}
.homeInquiry_box .more>a{border-width: 0;}
.homeFooter{padding-top: 5rem; margin-top: -5rem;}
/* index-end */
@media (max-width: 1199.98px) {
	.homeAbout_subimg{top: 50%;bottom: auto;}
}
@media (max-width: 1099.98px) {
	.homeAbout_subimg{top: 40%;}
}
@media (max-width: 991.98px) {
	.homeAbout{padding: 2rem 0 1rem;}
	.homeAbout .container{flex-direction: column-reverse;}
	.homeAbout_left,.homeAbout_right,.homeAbout_left ul{width: 100%;}
	.homeAbout_right a.imgbox{margin-bottom: 3rem;}
	.homeAbout_subimg{top: auto;bottom: 1rem;}
	.homeAbout_left p{max-width: 100%;font-size: 1.2rem;}
	.hometitle h3{font-size: 2.2rem;line-height: 1.2;}
	.homeAbout_left ul{margin-top: 1.5rem;}
	.etw_box{padding: 2rem 0;}
	.homePro ul li{padding: 0 0.5rem;}
	.homeAdv_right{width: 48%;}
	.homeInquiry_box h2{font-size: 2.2rem; line-height: 1.2;}
}
@media (max-width: 767.98px) {
	.homeAbout_left p{font-size: 1.1rem;line-height: 1.6rem;}
	.hometitle h3{font-size: 2rem;line-height: 1.2;}
	.hometitle::after{margin-top: 0.5rem;}
	.homeAbout_left p{margin-top: 1rem;}
	.homeAbout_left ul li{width: 50%;padding: 1.2rem 1rem;}
	.homeAbout_left ul li:nth-child(1), .homeAbout_left ul li:nth-child(2){border-bottom: 1px solid #ccc;}
	.homeAbout_left ul li:nth-child(2){border-right: 0;}
	.homeAbout_left ul li strong{font-size: 1.5rem;margin-bottom: 0.5rem;}
	.homePro ul li{width: 50%;margin-top: 1rem;}
	.homeAdv_left,.homeAdv_right{width: 100%;}
	.homeAdv_left{margin-bottom: 1rem;}
	.homeCases .swiper{margin-top: 1rem;}
	.homeInquiry_box{padding: 2rem;}
	.homeInquiry_box h2{font-size: 2rem;}
}
@media (max-width: 575.98px) {
	.hometitle h3{font-size: 1.8rem;line-height: 1.2;}
	.homeAbout_right a.imgbox{width: 90%;margin-bottom: 2rem;}
	.homeAbout_subimg{bottom: 0.5rem;}
	.etw_box{padding: 1rem 0;}
	.homePro ul li{width: 100%;}
	.homeInquiry_box{padding: 1.2rem;}
	.homeInquiry_box h2{font-size: 1.8rem;}
}
@media (max-width: 380.98px) {}
/* #footer */
#footer{background:var(--bg-25);}
.footer{width:100%;padding:3rem 0;position:relative}
.footer_logo{display:flex;}
.footer_logo>a{display:flex;align-items:center;line-height:1rem;color:#fff;font-size:0.85rem;width: 220px;}
.footer_logo img{float:left;display:block;max-width:100%;height:60px;}
.footer_logo span{flex:1;padding-left:0.65rem;margin-left:0.65rem;border-left:1px solid rgba(255,255,255,0.5); font-size: 1.25rem; line-height: 1.5rem;}
.footer_title{color:#fff;font-size: 1.25rem;}
.footer_list{display:flex;flex-direction:column;margin-top:1rem}
.footer_list li{display:block;margin-bottom:5px;}
.footer_list li a{color:#fff;font-weight:300;opacity:0.9}
.footer_list li a:hover{opacity:1;color:var(--hover-color)}
.footer_contact{display:flex;flex-direction:column;margin-top:0.5rem}
.footer_contact p{margin-top:5px;color:#fff;display:block; overflow: hidden;}
.footer_contact p a{color: #fff;}
.footer_contact p i{margin-right:10px; float: left;}
.footer_contact p a:hover{color:var(--hover-color)}
/*share*/
.left_share{position:relative;display:flex;flex-wrap:wrap;margin:1.5rem 0 0 0}
.left_share a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:0.5rem;transition:all 0.5s;background:#fff;border-radius:5px;font-size:1.4rem}
.left_share a svg{transition:0.3s all ease-in-out;width:30px;height:30px}
.left_share a svg g,.left_share a svg path{fill:var(--hover-color);transition: all .3s;}
.left_share a:hover{background-color:var(--hover-color);transform:translateY(-5px)}
.left_share a:hover svg g,.left_share a:hover svg path{fill:var(--black)}
.left_share a.icon_twitter,.left_share a.icon_linkedin{padding:0.5rem}
.left_share a.icon_telegram{padding:0.3rem 0.4rem}
.left_share a.icon_facebook{padding:0.3rem}
.left_share a.icon_pinterest{padding:0.4rem}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:1rem 0;border-top:1px solid rgba(255,255,255,0.5);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;border-radius:50%;transition:0.5s all ease-in-out}
#etw_top a{color:#fff;font-size:0.9rem}
#etw_top:hover{background:var(--logo-color2);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:var(--black)!important;border-left:1px solid var(--hover-color) !important}
/* nBanner */
.nbanner{width:100%;overflow:hidden;position:relative;min-height:300px;max-height: 500px;display:flex;flex-direction:column;}
.nbanner_title{flex: 1; width: 100%; display: flex; align-items: center; position: relative;z-index: 2;}
.nbanner_title content{display: block;max-width: 50%;}
.nbanner_title h2{color: var(--bg-25); font-size: 2.25rem;}
.nbanner_title>.video_btn{left: 65%;}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2;background-color: #f3faff;}
#quicknav ul{width:100%;display:flex;}
#quicknav ul li{display:flex;align-items: center; padding: 0 16px 0 32px; position: relative;height: 40px;}
#quicknav ul li::before{content: '';width:0;height:0;border-left:18px solid #fff;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;right:-18px;top:0;z-index: 1;}
#quicknav ul li::after{content: '';width:0;height:0;border-left:18px solid #f3faff;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;right:-16px;top:0;z-index: 1;}
#quicknav ul li:last-child{background-color: #eaf6ff;}
#quicknav ul li:last-child::after{border-left-color: #eaf6ff;}
#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{color:#000;}
#quicknav ul>li:first-child>a{color: var(--logo-color2);}
#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)}
/* #quicknav-End */
@media (max-width: 1199.98px) {
	.nbanner_title content{max-width: 60%;}
}
@media (max-width: 991.98px) {
	.footer .row .col-md-6:nth-child(1){display: none;}
	.nbanner_title h2{font-size: 2.2rem;line-height: 1.2;}
	#quicknav ul li{padding: 0 10px 0 20px;font-size: 0.8rem;}
}
@media (max-width: 767.98px) {
	#quicknav{display: none;}
	.nbanner1{min-height: 240px;}
	.nbanner_title h2{font-size: 2rem;}
	.nbanner_title content{max-width: 80%;}
	.nbanner_title>.video_btn{top: auto;right: 0;left: auto;bottom: 0;}
}
@media (max-width: 575.98px) {
	.nbanner_title h2{font-size: 1.8rem;}
	.nbanner_title content{max-width: 100%;}
}
@media (max-width: 380.98px) {}
/* Products */
.pros_fixed{width: 100%; min-height: 230px;}
.pros{position: relative; width: 100%; padding: 3rem 0; overflow: hidden; background-color: #fff; transition: all .4s;}
.pros::before{content: '';width: 100%;height: 55px;background: url(../images/banner_shadow.jpg) no-repeat center center; position: absolute; left: -15%; top: 0;z-index: 0; opacity: .4;}
.pros>.container{position: relative;z-index: 2;}
.pros_menu{display: flex; flex-wrap: wrap; justify-content: center;position: relative;z-index: 9; background-color: #fff;}
.pros_menu li{width: calc(100% / 6); border-right: 1px dashed #ccc; padding: 1rem; display: flex; flex-direction: column; cursor: pointer; justify-content: center;}
.pros_menu li .icon{display: block; overflow: hidden; height: 70px;}
.pros_menu li .icon>img{width: auto; height: 70px; filter: drop-shadow(0 70px #000);position: relative;transform: translateY(-70px); opacity: .8;}
.pros_menu li text{display: block;width: 100%;margin-top: .5rem; font-size: .8rem; font-weight: bold; text-align: center; opacity: .8;}
.pros_menu li:last-child{border-right: none;}
.pros_menu li:hover .icon>img,.pros_menu li.dq .icon>img{filter: drop-shadow(0 70px var(--hover-color));}
.pros_menu li:hover text,.pros_menu li.dq text{color: var(--hover-color);}
.tabfixed{position: fixed; top: 140px; box-shadow: 0 0 10px rgba(0,0,0,0.1);transition: all .4s; padding: 1rem 0;z-index: 9;}
.tabfixed::before{display: none;}
.tabfixed li{padding: .5rem;}
.tabfixed li .icon{height: 40px;}
.tabfixed li .icon>img{height: 40px; filter: drop-shadow(0 40px #000);transform: translateY(-40px);}
.tabfixed li:hover .icon>img,.tabfixed li.dq .icon>img{filter: drop-shadow(0 40px var(--hover-color));}
.tabfixed li:hover text,.tabfixed li.dq text{color: var(--hover-color);}
.pro_model{padding:3rem 0; min-height: 300px;}
.pros_title{display: flex; justify-content:center;position: relative;}
.pros_title::before{content: '';width: 50%; height: 2px; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);background-color: #555;}
.pros_title>a{display:flex;width: fit-content; color: #000; font-size: 1.875rem; font-weight: 600; text-transform: capitalize;position: relative;z-index: 2;padding: 0 1rem;background-color: #fff;line-height: 1;}
.pros_title>a:hover{color: var(--hover-color);}
.pro_model.bg-f5 .pros_title>a,.pro_model.bg-f5 .pros_title::after{background-color: #f5f5f5;}
.pros_subtitle{display: block; text-align: center; font-size: 1.15rem; margin: 1rem auto 0;max-width: 90%; font-weight: 300;}
.pros_list{display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; margin-top: 2rem; justify-content: center;}
.pros_list li{width: calc(100% / 3); padding: 0 10px; margin-bottom: 20px;display: flex;}
.pros_list li>ol{display: flex; width: 100%; flex-direction: column; background-color: #fff; padding: .5rem;position: relative;overflow: hidden;}
.pros_list li>ol::before{content: '';width: 0; height: .5rem; position: absolute;right: 0;top: 0;background-image: linear-gradient(-45deg,var(--logo-color2),var(--logo-color1));transition: all .4s ease-in-out;}
.pros_list li>ol .imgbox{background-color: #f5f5f5;}
.pros_list li>ol .imgbox>img{mix-blend-mode: multiply;}
.pros_list li>ol .textbox{flex: 1;display: flex; flex-direction: column;justify-content: center;padding: 1rem 0 .5rem 0;}
.pros_list li>ol .textbox .h5{display: flex;flex-direction: column;align-items: center; font-weight: bold;color: #000;}
.pros_list li>ol .textbox .h5>span{width: fit-content;display: flex; font-weight: 300; font-size: .9rem; background-image: linear-gradient(-45deg,var(--logo-color2) 50%,var(--logo-color1) 50%);padding: .25rem 1rem; border-radius: 30px; color: #fff; margin-top: .5rem;}
.pros_list li>ol .textbox .h5:hover{color: var(--hover-color);}
.pros_list li>ol .textbox p{overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;min-height: 72px; max-height: 72px; text-align: center;font-size: .9rem;}
.pros_list li>ol .textbox .more{justify-content: center;}
.pros_list li>ol .textbox .more>a{border-radius: 0;background-color: #fff; border-width: 1px;color:var(--black); padding: .25rem .6rem; font-size: .85rem;}
.pros_list li:hover>ol::before{width: 100%;left: 0;}
.pro_model .pros_list li>ol{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.pros_list2{width: 100%;margin-left: 0; justify-content: space-between;}
.pros_list2 li{width: calc(50% - 10px); padding: 0;}
.pros_list2 li>ol{flex-direction: row; flex-wrap: wrap;}
.pros_list2 li>ol .imgbox{width: 50%;}
.pros_list2 li>ol .textbox{width: 50%; padding: .5rem 0;padding-left: 1.5rem; align-items: flex-start;}
.pros_list2 li>ol .textbox .h5{align-items: flex-start;}
.pros_list2 li>ol .textbox p{text-align: left;}
.pros_list2 li>ol .textbox .more>a{padding: .25rem .5rem;}
.pros_list2 li>ol .imgbox1::before{content: ''; width: 100%; height: 5px; background-color: #fff;position: absolute; left: 0; top: 50%; transform: translateY(-50%);z-index: 1;}
.pros_list2 li>ol .imgbox1::after{content: ''; width: 5px; height: 100%; background-color: #fff;position: absolute; left: 50%; top: 0; transform: translateX(-50%);z-index: 1;}
.pros_list3{width: 100%; margin-left: 0;}
.pros_list3 li{width: 100%; padding: 0;}
.pros_list3 li>ol{flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.pros_list3 li>ol::before{width: .5rem; right: initial; top: initial; bottom: 0; left: 0; height: 0;background-image: linear-gradient(var(--logo-color1),var(--logo-color2));}
.pros_list3 li>ol .imgbox{width: 35%;}
.pros_list3 li>ol .textbox{width: 65%; padding: .5rem;padding-left: 2rem; align-items: flex-start;}
.pros_list3 li>ol .textbox p{text-align: left; min-height: initial; max-height: initial; -webkit-line-clamp:initial}
.pros_list3 li>ol .textbox .more>a{padding: .5rem 60px .5rem 1rem;}
.pros_list3 li>ol .textbox .more>a::before{width: 54px; right: -10px; background-color: var(--black); transform: skewX(-20deg);}
.pros_list3 li>ol .textbox .more>a::after{width: 34px; height: 100%; position: absolute; right: 0; top: 0;background: initial; display: flex; align-items: center; justify-content: center;margin: 0; color: #fff; transition: all .2s;}
.pros_list3 li>ol .textbox .more>a:hover::before{left: auto;width: 110%; background-color: var(--hover-color);}
.pros_list3 li>ol .textbox .more>a:hover::after{color: var(--black);}
.pros_list3 li:hover>ol::before{width: .5rem; height: 100%; top: 0;}
.pros_list4 li{width: 25%;}
.pros_list4 li>ol::before{height: .25rem;}
.inquiryform{padding: 3rem 0; position: relative; overflow: hidden;background: url(../images/Cta-bg.jpg) no-repeat center center; background-size: cover;}
.inquiryform::before{content: '';position: absolute; inset: 0; background-color: #fff; opacity: .5;}
.inquiryform>.container{position: relative;z-index: 2;}
.inquiryform>.container>content{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.inquiryform .inquiryform_title{max-width: 100%; text-align: left; font-size: 2.25rem;font-weight: 600; color: #000; line-height: 1.2;}
.inquiryform>.container>content>p{max-width: 60%; text-align: center;}
.inquiryform .more>a{border: 1px solid var(--black); height: 40px; padding: .5rem 1rem; padding-right: 50px;}
.inquiryform .more>a::before{width: 40px; height: 40px; background-color: var(--hover-color); border-radius: 20px;}
.inquiryform .more>a::after{width: 40px; height: 40px; position: absolute; right: 0; top: 0; z-index: 2;display: flex; align-items: center; justify-content: center; background-color: var(--hover-color); border-radius: 50%;}
.inquiryform .more>a:hover::before{left: auto; width: 100%;}
.prosCases{padding: 3rem 0;}
.prosCases ul{width: calc(100% + 20px); margin-left: -10px; margin-top: .5rem;}
.prosCases ul li{width: 25%; padding: 0 10px; margin-top: 20px; flex-direction: column;}
.prosCases ul li span{flex: 1; display: flex; padding: 1rem; overflow: hidden; text-align: center; background-color: #f5f5f5; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
	.pros,.pro_model{padding: 2rem 0;}
	.pros_title>a{font-size: 1.8rem;}
	.pros_subtitle{font-size: 1.1rem;}
	.pros_list li>ol .textbox .h5{font-size: 1.2rem;}
}
@media (max-width: 767.98px) {
	.pros_fixed,.pros_title::before{display: none;}
	.pros_title>a{font-size: 1.6rem;}
	.pros_subtitle{font-size: 1.05rem;max-width: 100%;}
	.pros_list{margin-top: 1rem;}
	.pros_list li>ol .textbox .h5{font-size: 1.1rem;}
	.pros_list li>ol .textbox .more>a{font-size: 0.8rem;}
	.pros_list li{width: 50%;margin-bottom: 1rem;}
	.pros_list2 li,.pros_list3 li{width: 100%;}
}
@media (max-width: 575.98px) {
	.pros_list3 li:hover>ol::before{display: none;}
	.pro_model{padding: 1rem 0;}
	.pros_list li,.pros_list2 li>ol .imgbox,.pros_list li>ol .textbox,.pros_list3 li>ol .imgbox{width: 100%;}
	.pros_list li>ol .textbox{flex: none;padding: 1rem 0 .5rem 0;padding-left: 0;}
	.pros_list li>ol .textbox,.pros_list2 li>ol .textbox .h5{align-items: center;}
}
@media (max-width: 380.98px) {}
/* Products-End */
/* Hub */
.proshub{position: relative; overflow: hidden;}
/* .proshub::before{content:'';width:100%;height:55px;background:url(../images/banner_shadow.jpg) no-repeat center center;position:absolute;left:0;top:0;z-index:0;opacity:.4} */
.proshub .container{position: relative;z-index: 2;display: flex; flex-wrap: wrap;}
.proshub_icon{width: 200px; position: absolute; left: 0; top: 0; overflow: hidden;z-index: -1;}
.proshub_icon>img{width: 100%;display: block; opacity: .1; filter: drop-shadow(200px 0 var(--hover-color));position: relative; transform: translateX(-200px);}
.proshub .container h2{max-width: 85%; margin: 0 auto 1rem auto;}
.proshub .container p{max-width: 85%; margin: 0 auto;}
.proshub_title{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.proshub_title::after{content: ''; width: 150px; height: 5px; background-image: linear-gradient(-45deg,var(--logo-color2) 50%,var(--logo-color1) 50%); border-radius: 10px; margin: 1rem 0 2rem 0;}
.proshub_title a.h2{font-weight: 600;}
.proshub_title a.h2:hover{color: var(--hover-color);}
.proshub_list{display: flex; flex-direction: column;}
.proshub_list li{width: 100%;display: flex; margin-bottom: 3rem;}
.proshub_list li:last-child{margin: 0;}
.proshub_list li>ol{width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content:space-between;}
.proshub_list li>ol a.imgbox{width: 40%; background-color: #f5f5f5;}
.proshub_list li>ol a.imgbox>img{mix-blend-mode: multiply;}
.proshub_list li>ol .textbox{width: 60%;padding-left: 2.5rem;}
.proshub_list li>ol .textbox .h4{font-weight: 600;}
.proshub_list li>ol .textbox .h4>span{color: var(--logo-color2);}
.proshub_list li>ol .textbox .h4:hover{color: var(--hover-color);}
.proshub_list li>ol .textbox .more>a{padding: 0 54px 0 1rem; height: 34px; border-radius: 0; border-width: 1px; background-color: #fff; color: var(--black); border-color: var(--hover-color);}
.proshub_list li>ol .textbox .more>a::before{width: 32px; height: 32px; background-color: var(--hover-color); transform: skewX(-20deg); right: 6px;}
.proshub_list li>ol .textbox .more>a::after{width: 32px; height: 32px;display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; margin: 0; background-color:var(--hover-color);}
.proshub_list li>ol .textbox .more>a:hover{padding-right: 34px;}
.proshub_list li>ol .textbox .more>a:hover::before{left: auto; width: 100%;}
/* Small Hub */
.etw_hometitle{width: 100%; text-align: center; font-size: 2.5rem; font-weight: 600; line-height: 1.2;display: flex;justify-content: center; align-items: center; flex-direction: column; margin-bottom: 1rem;}
.etw_hometitle::after{content:'';width:150px;height:5px;background-image:linear-gradient(-45deg,var(--logo-color2) 50%,var(--logo-color1) 50%);border-radius:10px;margin:1rem 0 0 0}
.prosmallhub_list li>ol{background-color: #fff;position: relative;padding-bottom: 3px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.prosmallhub_list li>ol::before{content: ''; width: 100%; height: 3px; background-image: linear-gradient(to left,var(--logo-color2) 60%,var(--logo-color1) 40%); position: absolute; left: 0; bottom: 0;z-index: 1;}
.prosmallhub_list li>ol .textbox{height: 100%; display: flex; flex-direction: column;justify-content: center; padding: 2rem; padding-left: 3rem;}
.prosmallhub_list li:nth-child(even)>ol{flex-direction: row-reverse;}
.prosmallhub_list li:nth-child(even)>ol::before{background-image: linear-gradient(to right,var(--logo-color2) 60%,var(--logo-color1) 40%);}
.prosmallhub_list li:nth-child(even)>ol .textbox{padding: 2rem; padding-right: 3rem;}
.strong{display: block;font-weight: bold;font-size: 1.1rem; color: var(--black);position: relative;padding-left: 1.5rem;}
.strong::before{display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: var(--hover-color); font-size: 1.25rem;}
.strong_icon1::before,.strong_icon2::before,.features_icon::before{content: ""; width: 1rem; height: 1rem; background: url(../images/icon3.png) no-repeat center center; background-size: 100% 100%;}
.ptext{margin: .2rem 0 1.5625rem 0;}
.inquiryform2{position: relative;overflow: hidden;padding: 3rem 0; background-color: #f6f6f6;}
.inquiryform2::before{content: '';position: absolute;inset: 0; background: url(../images/inquiry_bg.jpg) no-repeat center center; background-size: cover; opacity: .6; margin-top: 10%;}
.inquiryform2 .inquiry_title{max-width: 75%; font-size: 2rem; color: #000; font-weight: 600; line-height: 1.2;}
.inquiryform2 .inquiry_title::after{content: '';width: 80%; height: 3px; background-image: linear-gradient(-45deg,var(--logo-color2) 50%,var(--logo-color1) 50%); display: block; margin: 1rem 0 2rem 0;}
.inquiryform2 p{max-width: 90%; font-size: 1.1rem; line-height: 1.875rem;}
.inquiryform2 .more{margin-top: 2rem;}
.inquiryform2 .more>a{margin-right: 1rem;}
#etw_set_feedback_form{width: 100%;}
#etw_form_title{font-size: 2rem; color: var(--black); font-weight: 600; text-transform: capitalize;padding: 0 15px; margin-bottom: 1rem;}
.related{margin-top: 1rem;}
.related_title{display: flex;font-size: 1.625rem; font-weight: bold;text-transform: capitalize; position: relative;padding: 1rem; padding-top: 0;}
.related_title::after{content: '';width: 100%; height: 2px;background-image: linear-gradient(to left,var(--logo-color2),var(--logo-color1));position: absolute; left: 0; bottom: 0;}
.related_list{display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px;}
.related_list li{width: calc(100% / 3); padding: 0 15px; margin-top: 30px;display: flex;}
.related_list li>ol{display: flex; flex-wrap: wrap; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.related_list li>ol a.imgbox{width: 50%;padding-right: 4px; background-color: #f5f5f5;}
.related_list li>ol a.imgbox>img{mix-blend-mode: multiply;}
.related_list li>ol a.textbox{width: 50%;display: flex;font-size: .95rem; text-align: center;align-items: center;justify-content: center;padding:1rem;}
.related_list li>ol:hover a.textbox{color: var(--hover-color);}

.otherPros_title{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 2.4rem;  font-weight: 700;color: var(--hover-color); line-height: 1.1;}
.otherPros_title>span{color: #000; font-size: 1.25rem;}
.otherPros_title::after{content: '';width: 140px; height: 3px;background-image: linear-gradient(to left,var(--logo-color2),var(--logo-color1));display: block; border-radius: 5px; margin-top: 1.5rem;}
.otherPros_list{display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px;}
.otherPros_list li{width: 25%; padding: 0 15px; margin-top: 30px;display: flex;}
.otherPros_list li>ol{display: flex; flex-direction: column;padding: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: relative; overflow: hidden;}
.otherPros_list li>ol::before,.otherPros_list li>ol::after{content: '';width: 0; height: 0;background-image: linear-gradient(to left,var(--logo-color2),var(--logo-color1));position: absolute; left: 0; top: 0; transition: all .4s ease-in-out;z-index: -1;}
.otherPros_list li>ol::after{left: auto;top: auto; right: 0; bottom: 0;z-index: 0;}
.otherPros_list li>ol:hover::before,.otherPros_list li>ol:hover::after{width: 100%;height: 100%;}
.otherPros_list li>ol a.imgbox{background-color: #f5f5f5;z-index: 1;}
.otherPros_list li>ol a.imgbox>img{mix-blend-mode: multiply;}
.otherPros_list li>ol a.textbox{flex: 1;display: flex; align-items: center; justify-content: center; padding: .5rem; font-size: 1rem;background-color: #fff;position: relative;z-index: 1;}
.otherPros_list li>ol:hover a.textbox{color: var(--hover-color);}
@media (max-width: 1099.98px) {
	.inquiryform2 .inquiry_title{max-width: 80%;}
}
@media (max-width: 991.98px) {
	.inquiryform,.prosCases,.inquiryform2{padding: 2rem 0;}
	.inquiryform .inquiryform_title,.proshub .container h2,.inquiryform2 .inquiry_title{font-size: 2.2rem;line-height: 1.2;}
	.otherPros_title{font-size: 2rem;}
	.proshub_title .h2,#etw_form_title{font-size: 1.8rem;}
	.proshub_list li>ol .textbox .h4{font-size: 1.4rem;}
	.proshub .container p,.proshub .container h2{max-width: 90%;}
	#etw_set_feedback_form{margin-top: 1.5rem;}
	.inquiryform2 .inquiry_title,.inquiryform2 p{padding: 0 15px;}
	.otherPros_list li>ol a.textbox{font-size: 0.9rem;}
}
@media (max-width: 767.98px) {
	.inquiryform .inquiryform_title,.proshub .container h2,.inquiryform2 .inquiry_title{font-size: 2rem;}
	.otherPros_title{font-size: 1.8rem;}
	.otherPros_title::after{margin-top: 1rem;}
	.prosCases ul li,.otherPros_list li{width: 50%;margin-top: 1rem;}
	.prosCases ul li a img{width: 100%;}
	.proshub_title .h2,#etw_form_title{font-size: 1.6rem;}
	.proshub_title::after,.inquiryform2 .inquiry_title::after{margin: 0.5rem 0 1rem;}
	.proshub_list li>ol .textbox .h4{font-size: 1.2rem;}
	.proshub_list li>ol .textbox{padding-left: 1.5rem;}
	.proshub_list li{margin-bottom: 2rem;}
	.proshub .container p,.proshub .container h2,.inquiryform2 .inquiry_title,.inquiryform2 p{max-width: 100%;}
	.etw_hometitle::after{margin-top: 0;}
	.inquiryform2 p{font-size: 1rem;}
	#etw_form_title{margin-bottom: 0.5rem;}
	.nbanner2 .etw_hometitle::after{margin-top: 1rem;}
}
@media (max-width: 575.98px) {
	.inquiryform .inquiryform_title,.inquiryform2 .inquiry_title{font-size: 1.8rem;}
	.prosCases,.inquiryform2{padding: 1rem 0;}
	.otherPros_title{font-size: 1.6rem;}
	.prosCases ul li,.proshub_list li>ol a.imgbox,.proshub_list li>ol .textbox,.otherPros_list li{width: 100%;}
	.proshub_list li>ol a.imgbox{margin-bottom: 1rem;}
	.proshub_list li>ol .textbox{padding-left: 0;}
	.prosmallhub_list li>ol .textbox{height: auto;padding: 0 1rem 1rem;}
}
@media (max-width: 380.98px) {}
/* Hub-End */
/* Products-Details-Hub */
.main{padding: 3rem 0 2rem 0;}
.main>.container{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.main_left{width: 25%; border: 2px solid var(--hover-color); border-radius: 20px; overflow: hidden; position: sticky; top: 140px;}
.main_box{display: flex; flex-direction: column; background-color: #fff; padding: 2rem 1rem; border-radius: inherit;}
.main_title{display: flex; justify-content: center;align-items: center; background-color: var(--hover-color); color: #fff; border-radius: 30px 0 30px 0; padding: 1rem .5rem; font-size: 1.5rem; font-weight: 600;}
.pros_menuList{display: flex; flex-direction: column; padding: 1rem .5rem;}
.pros_menuList>li{margin-bottom: 1rem;}
.pros_menuList>li:last-child{margin-bottom: 0;}
.pros_menuList>li>a{position: relative;padding-left: 1.2rem;font-size: 1rem; font-weight: 600; color: var(--black);}
.pros_menuList>li>a::before{content: "\f231";display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position: absolute; left: 0; top: 3px; color: var(--hover-color);}
.pros_menuList>li>a:hover,.pros_menuList>li>a.dq{color: var(--hover-color);}
.pros_menuList>li>ol>ul{display: flex; flex-direction: column;padding-left: 1.2rem;}
.pros_menuList>li>ol>ul>li{position: relative;padding-left: 1rem;margin-top: .5rem;}
.pros_menuList>li>ol>ul>li::before{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: 0; top: 3px; color: var(--logo-color2);}
.pros_menuList>li>ol>ul>li>a{color:var(--black); line-height: 1.25rem;}
.pros_menuList>li>ol>ul>li>a:hover,.pros_menuList>li>ol>ul>li>a.dq{color: var(--hover-color);}
.main_right{width: 72%;}
.mainDetails .main_right{width: 100%;}
.left_pic{width:100%;}
.left_pics{width:100%;overflow:hidden}
.left_pics>a{display: block;border:1px solid #ccc;}
.left_pic img{max-width:100%;text-align:center;transition:.3s all ease-in-out;}
.related_pic{width:100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0 0}
.related_pic ul{display:flex;flex-flow:wrap; width: calc(100% + 6px); margin-left: -3px;}
.related_pic li{width:25%; padding:0 3px;display:flex;}
.related_pic li a{display:block;position:relative;border:1px solid #ccc;}
.related_pic li a.imgdq{border:1px solid var(--hover-color);}
.related_pic2 li{width: 20%;}
.main_right .etw_hometitle{justify-content: flex-start; align-items: flex-start;}
.main_right .etw_hometitle h2{text-align: left; font-size: 1.7rem;}
.main_right .etw_hometitle::after{display:none;}
.inquiry_btn{display: flex; margin-top: 1rem;}
.inquiry_btn>a{display: flex; padding-left: 1rem; line-height: 40px; color: #000; border: 2px solid var(--hover-color); text-transform: capitalize;position: relative;z-index: 0; overflow: hidden; font-size: 1rem;}
.inquiry_btn>a::before{content: ''; position: absolute; left: calc(100% - 44px); top: 0; width: 130%; height: 100%; background-color: var(--hover-color);z-index: -1;transform: skewX(-30deg); transition: all .4s ease-in-out;}
.inquiry_btn>a::after{content: "\f178";font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-left: 1rem; color: #fff; transition: all .4s ease-in-out;}
.inquiry_btn>a:hover{color: #fff;}
.inquiry_btn>a:hover::before{left: -10%;}
.inquiry_btn>a:hover::after{margin-left: .3rem;}
.feedback{padding: 2rem; margin-top: 2.5rem;}
.related2{margin: 0;padding: 0 0 2rem 0;}
.related2 .related_list{width: calc(100% + 20px); margin-left: -10px; margin-top: 30px;}
.related2 .related_list>li{width: 25%; padding: 0 10px; margin-top: 0; margin-bottom: 20px;}
.related2 .related_list>li>ol{flex-direction: column;}
.related2 .related_list>li>ol .imgbox{width: 100%;padding: 0;}
.related2 .related_list>li>ol .textbox{padding: 1rem;flex: 1;display: flex; flex-direction: column;}
.related2 .related_list>li>ol .textbox01{display: block;}
.related2 .related_list>li>ol .textbox .h6{flex: 1; font-weight: bold;font-size: 1.1rem;}
.related2 .related_list>li>ol .textbox .h6:hover{color: var(--hover-color);}
.related2 .related_list>li>ol .textbox p{min-height: 72px; max-height: 72px; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;}
.related2 .related_list>li>ol .textbox .more>a{padding: .2rem .8rem; font-size: .9rem;border-width: 1px;}
.bg-black05{background-color: rgba(0,0,0,.05);}
.table-responsive{margin-top: .5rem;}
.table-responsive a{color: var(--logo-color2);}
.table-responsive a:hover{color: var(--logo-color2);}
.table td, .table th {padding: .5rem 1rem;}
.table .top{background-color: #fca114 !important;}
.table .top td{border-top: none !important;}
.details_nav{display: flex;flex-wrap: wrap;border-bottom: 1px solid var(--logo-color1);}
.details_nav>li{background-color: var(--logo-color1); color: #fff; padding: .25rem 0.95rem; display: flex; margin-right: 1px; font-size: .9rem; cursor: pointer; transition: all .4s; margin-top: 1px;}
.details_nav>li:hover,.details_nav>li.active{background-color: var(--logo-color2);}
.details_content{display: block; margin-top: 1rem;}
.details_content>div{display: none;}
.details_content>div:first-child{display: block;}
.details_content .h5{font-weight: bold; margin-bottom: 1rem;}
.prosmallhub_list li:nth-child(even)>ol .textbox {padding: 2rem;	padding-left: 3rem;}
.related2 .related_list2>li{width:calc(100% / 3);}
.related2 .related_list2>li.active>ol .textbox>a.h6{color: var(--hover-color);}
.proshub_list2>li:last-child>ol{align-items: initial;}
.proshub_list2>li:last-child>ol .textbox{flex: 1; display: flex; flex-direction: column; padding: 2rem 0 2rem 2.5rem;}
.proshub_list2>li:last-child>ol .textbox>p{flex: 1;}
.details-items>.col-12{margin-bottom: 1.5rem;}
.details-items>.col-12:last-child{margin-bottom: 0;}
.cust_list{width: 100%; display: flex; flex-direction: column;}
.cust_list li{width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px; background-color: #f5f5f5;}
.cust_list li .left_pic{width: 40%;}
.cust_list li .textbox{width: 60%; padding: 2rem; padding-left: 3rem; flex: 1; display: flex; flex-direction: column;}
.cust_list li .textbox .inquiry_btn{width: 100%;}
.cust_list li .textbox .inquiry_btn>a{width: fit-content;}
.proshub2 .container{justify-content: center; align-items: center;}
.proshub2 .proshub_icon{position: relative;max-width: 80px; margin-right: 1rem;}
.proshub2 .container h2{max-width: 100%; margin: initial;}
.related2 .related_list3 li{width: 50%;}
.related2 .related_list3 li>ol{flex-direction: row;}
.related2 .related_list3 li>ol a.imgbox{width: 50%;}
.related2 .related_list3 li>ol .textbox{width: 50%;}
.related2 .related_list3 li>ol .textbox p{min-height: 120px; max-height: 120px;-webkit-line-clamp: 5;}
.related2 .related_list3 li.active>ol .textbox .h6{color: var(--hover-color);}
.otherDrilling_list{display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10x; margin-top: 20px;}
.otherDrilling_list li{width: 100%; margin-bottom: 20px;display: flex; padding: 0 10px;}
.otherDrilling_list li>ol{width: 100%; display: flex; flex-wrap: wrap; background-color: #f5f5f5; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.otherDrilling_list li .imgbox{width: 25%;background-color: #fff;}
.otherDrilling_list li .textbox{width: 75%;padding: 1.5rem; padding-left: 2.5rem;}
.otherDrilling_list li .textbox strong{display: block; font-size: 1rem;}
.otherDrilling_list li .textbox p{margin: 0 0 1rem 0;}
.otherDrilling_list li.li1 .imgbox{width: 100%;}
.otherDrilling_list li.li1 .textbox{width: 100%;}
.mud .etw_phone6 li>span{align-items: flex-start; padding-bottom: 0;}
/* Products-Details-End */
/* About Us */
.nbanner1::before{content: '';position: absolute;inset: 0; background-color: var(--logo-color1); opacity: .8;z-index: 1;}
.nbanner1 .nbanner_title>.container{display: flex; justify-content: center;}
.nbanner1 .nbanner_title .etw_hometitle{color: #fff; text-transform: uppercase;}
.nbanner1 .nbanner_title .etw_hometitle::after{display: none;}
.about{padding: 3rem 0;}
.about_items{width: 100%; padding: 3rem 0;}
.about_items:nth-child(1){padding:0 0 3rem 0;}
.about_left{width: 50%;}
.about_left .h3{font-weight: bold;}
.about_left .more>a{background-color: var(--hover-color);border-color: var(--hover-color);color: #000;}
.about_left .more>a::before{display: none;}
.about_left .more>a:hover{background-color: var(--logo-color2);border-color: var(--logo-color2); color: #fff;}
.about_right{width: 45%;}
.about_right>ul{display: flex; flex-wrap: wrap;width: calc(100% + 20px); margin-left: -10px;}
.about_right>ul>li{width: 50%; margin-bottom: 20px; padding: 0 10px; display: flex;}
.about_right>ul>li>ol{flex: 1; padding: 1rem;display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; background-image: linear-gradient(#fff,#f5f5f5);}
.about_right>ul>li>ol .iconbox{width: 100%; height: 50px; overflow: hidden;}
.about_right>ul>li>ol .iconbox>img{width: auto; height: 50px; transform: translateY(-50px); position: relative; filter: drop-shadow(0 50px var(--hover-color));}
.about_right>ul>li>ol .textbox{width: 100%; padding-top: 1rem; text-align: center;}
.about_right>ul>li>ol .textbox strong{font-size: 1rem;}
.about_right>ul>li>ol .textbox strong text{color: var(--logo-color2); font-size: 1.5rem;}
.about_right>ul>li>ol .textbox strong sub{bottom: .1em;}
.about_right>ul>li>ol .textbox span{display: block; line-height: 1; font-size: .9rem;margin-top: .25rem;}
.about_list{display: flex; flex-direction: column;}
.about_list>li{width: 100%; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px dashed #ccc;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.about_list>li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.about_list>li a.imgbox{width: 40%;}
.about_list>li .textbox{width: 55%;}
.about_list>li .textbox a.h3{font-weight: bold;}
.about_list>li .textbox a.h3:hover{color: var(--hover-color);}
.about_list>li .textbox .more>a{border-width: 1px;background-color: #fff;color: #000;}
.about_items .webtitle{font-size: 1.75rem; text-align: center; font-weight: bold; line-height: 1;}
.about_items .webtitle>a{color: inherit;}
.about_items .webtitle>a:hover{color: var(--hover-color);}
.about_more{margin-top: 1.6rem;}
.about_more>a{background-color: #fff;color: #000; border-width: 1px;}
.exhibition_left{width: 50%;}
.exhibition_right{width: 45%;}
.exhibition_right .webtitle{text-align: left;}
.otherPros_list2>li>ol{padding: 0;}
.otherPros_list2>li>ol::before,.otherPros_list2>li>ol::after{display: none;}
.otherPros_list2>li>ol .textbox{flex: 1;display: flex; flex-direction: column; padding: 1rem;}
.otherPros_list2>li>ol .textbox a.h6{font-weight: bold;font-size: 1.1rem; flex: 1;}
.otherPros_list2>li>ol .textbox a.h6:hover{color: var(--hover-color);}
.otherPros_list2>li>ol .textbox p{text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;min-height: 72px;max-height: 72px;}
.otherPros_list2>li>ol .textbox .more>a{font-size: .85rem; padding: .15rem .6rem;border-width: 0;}
.company_nav{padding-top: 0;}
.company_nav ul{display: flex; flex-wrap: wrap; justify-content: center;}
.company_nav ul li{width: calc(100% / 7); display: flex; border-right: 1px dashed #ccc;}
.company_nav ul li>a{flex: 1; width: 100%;align-items: center; justify-content: center; text-align: center; padding: 0 1rem;font-size: .95rem; color: #000;}
.company_nav ul li:last-child{border-right: none;}
.company_nav ul li>a .iconbox{width: 100%; height: 50px; overflow: hidden;display: block; margin-bottom: .5rem;}
.company_nav ul li>a .iconbox>img{width: auto; height: 50px;position: relative;transform: translateY(-100%);filter: drop-shadow(0 50px #000);}
.company_nav ul li>a:hover,.company_nav ul li.active>a{color: var(--hover-color);}
.company_nav ul li>a:hover .iconbox>img,.company_nav ul li.active>a .iconbox>img{filter: drop-shadow(0 50px var(--hover-color));}
.history_title{font-size: 1.5rem; font-weight: bold;}
.advantages-items{display: block; margin-bottom: 2rem;}
.advantages-items:last-child{margin-bottom: 0;}
.exhibition>.col-12{margin-bottom: 1.5rem;}
.exhibition>.col-12:last-child{margin-bottom: 0;}
/* About Us-End */
/* Профиль компании */
.mainCompany{padding-top: 1rem;}
.mainCompany .main_right{width: 100%;}
.nbanner2{padding: 2rem 0 0 0;}
.company .imgbox{margin-top: 1rem;}
.companytour{padding: 3rem 0;}
.companytour_title{font-size: 1.5rem; font-weight: bold;margin-bottom: 1rem;}
.companytour .etw_phone{margin-top: 0; margin-bottom: 1rem;}
.companytour .etw_phone>li{margin-top: 0; margin-bottom: 20px;}
.services{display: flex;flex-direction: column;}
.services-items{width: 100%;padding: 2rem 0;}
.services-items{padding-bottom: 3rem;}
.services_title{font-size: 1.4rem;font-weight: bold;}
.services p{font-size: 1rem; line-height: 30px;}
.services .items>li{font-size: 1rem;}
.service_spec p{display: flex; flex-direction: column; padding: 2rem; flex: 1; margin: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 20px;}
.service_spec p strong{width: fit-content; display: flex; align-items: center; justify-content: flex-start; margin-bottom: .5rem;}
.service_spec p strong>img{width: 40px; height: auto; margin-right: 1rem;}
/* Профиль компании-End */
/* Contact Us */
.contact{padding:3rem 0}
.contact p{font-size:1rem;line-height:24px;margin-top:0.6rem}
.contact a{font-size: 1rem;}
.contact strong{color:var(--black)}
.contact a{color:var(--hover-color)}
.contact a:hover{color:var(--logo-color2);text-decoration:underline}
.contact .co_name{font-size:1.4rem;font-weight:600;margin-bottom:0.5rem;color:#333}
.contact img{float: left;margin-top: .5rem;}
.contact .feedback{padding:2rem}
.contact .feedback .webtitle{font-size:1.875rem !important;color:var(--hover-color); font-weight: 600;}
.contact_map{margin-top: 1.5rem;}
/* Contact Us-End */
/* Overview */
.overview_box{padding:3rem 0;background-color:#fff}
.overview_box:nth-child(even){background-color:var(--bg-f5)}
.overview_box:first-child{margin-top:0}
.overview_title{font-size:2rem;color:var(--black);text-transform:uppercase;text-align:center;font-weight:bold;position:relative}
.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:var(--bg-f5);color:var(--hover-color)}
.overviewAbout .overview_title{text-align:left;color:var(--black);padding-left:1rem;border-left:5px solid var(--hover-color)}
.overviewAbout .overview_title::before{display:none}
.overviewAbout .overview_title>span{padding:0}
.overviewCompany ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.overviewCompany li{width:calc(50% - 20px);margin-top:30px}
.overviewCompany li .overviewCompany-label{padding-bottom:1rem;position:relative;font-size:1.5rem;margin-bottom:1rem;color:var(--black)}
.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 p{margin-bottom:0;color:#333;font-size:1.1rem;font-size:300}
.overviewCompany li:hover .overviewCompany-label::after{width:100%}
.overviewPro ul{display:flex;flex-wrap:wrap;flex-direction:column}
.overviewPro ul li{width:100%;display:flex;flex-wrap:wrap;align-items:center;margin-top:30px;background-color:var(--bg-f5);transition:all .3s}
.overviewPro ul li>a.imgbox{width:50%;display:flex;align-items:center;justify-content:center}
.overviewPro ul li .textbox{width:50%;padding:1.25rem;padding-left:2.5rem;display:flex;flex-direction:column}
.overviewPro ul li .textbox h4{color:var(--black)}
.overviewPro ul li .textbox dl{display:flex;flex-direction:column;margin:1rem 0 0 0}
.overviewPro ul li .textbox dl dd{margin:5px 0 0 0}
.overviewPro ul li .textbox dl dd:first-child{margin-top:0}
.overviewPro ul li .overview_more{display:flex;justify-content:flex-end;margin-top:1rem}
.overviewPro ul li .overview_more>a{display:flex;align-items:center;justify-content:center;color:var(--black);width:30px;height:30px;border:1px solid var(--black);transition:all .4s}
.overviewPro ul li .overview_more>a:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}
.overviewPro ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.2)}
.overviewApp ul li>ol{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.overviewApp ul li>ol .textbox .more>a{background-color:#fff}
.overview_inquiryForm::before{background-image:linear-gradient(rgba(255,255,255,0.9),rgba(245,245,245,0.4),rgba(255,255,255,0.9))}
/* Overview-End */
@media (max-width:1199.98px) {}
@media (max-width:991.98px) {
	.main{padding: 2rem 0 1rem;}
	.left_pic{margin-bottom: 1rem;}
	.left_pic figure{justify-content: center;}
	.left_pic .left_pics{width: 80%;}
	.left_pic .related_pic{width: 20%;flex-direction: column;padding-left: 0.5rem;margin-top: 0;}
	.left_pic .related_pic li,.about_right,.about_left{width: 100%;}
	.main_right .etw_hometitle h2,.about_left .h3,.about_list>li .textbox a.h3,.about_items .webtitle{font-size: 1.6rem;}
	.related_title{font-size: 1.5rem;}
	.details_content .h5{font-size: 1.2rem;}
	.left_pic .related_pic2{width: 15%;}
	.cust_list .left_pic{margin-bottom: 0;}
	.cust_list .left_pic .left_pics{width: 100%;}
	.cust_list li .textbox{padding-left: 2rem;}
	.etw_hometitle{font-size: 2.2rem;}
	.about,.about_items{padding: 2rem 0;}
	.about_left{margin-bottom: 1rem;}
	.about_items:nth-child(1),.services-items{padding-bottom: 2rem;}
	.about_more{margin-top: 1rem;}
	.company_nav ul li{width: calc(100% / 6);}
	.mainCompany{padding-top: 1rem;}
	.advantages-items .etw_phone{margin-top: 1rem;}
}
@media (max-width:767.98px) {
	.main_right .etw_hometitle,.details_content .h5{margin-bottom: 0.5rem;}
	.main_right .etw_hometitle h2,.about_left .h3,.about_items .webtitle{font-size: 1.5rem;}
	.related_title,.about_list>li .textbox a.h3,.history_title{font-size: 1.4rem;}
	.related2 .related_list>li>ol .textbox .h6{font-size: 1rem;}
	.related2 .related_list>li{width: 50%;padding: 0 0.5rem;margin-bottom: 1rem;}
	.related2 .related_list{margin-top: 1.2rem;}
	.inquiry_btn>a{font-size: 0.9rem;}
	.details_nav{border-bottom: 0;}
	.details_nav>li{margin-bottom: 2px;}
	.left_pic .related_pic2{width: 18%;}
	.cust_list li{margin-top: 1rem;}
	.related2 .related_list3>li,.about_list>li a.imgbox,.about_list>li .textbox{width: 100%;}
	.related2 .related_list3 li>ol .textbox{justify-content: center;}
	.related2 .related_list>li>ol .textbox .h6{flex: none;}
	.related2 .related_list3 li>ol .textbox p{min-height: 112px;max-height: 112px;}
	.etw_hometitle{font-size: 2rem;}
	.about_list>li a.imgbox,.services_title{margin-bottom: 1rem;}
	.company_nav ul li{width: calc(100% / 3); padding: 0.5rem 0;}
	.company_nav ul li:nth-child(1),.company_nav ul li:nth-child(2),.company_nav ul li:nth-child(3){border-bottom: 1px dashed #ccc;}
	.company_nav ul li:nth-child(3){border-right: 0;}
	.service_spec.etw_phone2 li{width: 100%;}
	.services p{font-size: 0.9rem;line-height: 1.5rem;}
	.prosmallhub_list li:nth-child(even)>ol .textbox{padding-left: 2rem;padding-right: 1.5rem;}
}
@media (max-width:575.98px) {
	.left_pic .left_pics,.left_pic .related_pic,.related2 .related_list>li,.cust_list li .left_pic,.cust_list li .textbox,.related2 .related_list3 li>ol a.imgbox,.related2 .related_list3 li>ol .textbox{width: 100%;}
	.left_pic .related_pic{padding-left: 0;flex-direction: row;margin-top: 0.5rem;}
	.left_pic .related_pic li{width: 25%;}
	.related2 .related_list>li>ol .textbox p{min-height: auto;}
	.left_pic .related_pic2 li{width: 20%;}
	.cust_list li .textbox{padding: 1rem;}
	.otherDrilling_list li .imgbox,.otherDrilling_list li .textbox{width: 100%;}
	.otherDrilling_list li .textbox{padding: 1rem 1rem 0;padding-left: 1rem;}
	.etw_hometitle{font-size: 1.8rem;}
	.about,.about_items{padding: 1rem 0;}
	.about_items:nth-child(1),.services-items{padding-bottom: 1rem;}
	.etw_phone4 li{width: 100%;}
	.service_spec p{padding: 1rem 1.5rem;}
	.prosmallhub_list li:nth-child(even)>ol .textbox{padding: 0 1rem 1rem;}
	.proshub_list2>li:last-child>ol .textbox{padding: 0;}
}
@media (max-width:479.98px) {
	.company_nav ul li{width: 50%;}
	.company_nav ul li:nth-child(4){border-bottom: 1px dashed #ccc;}
	.company_nav ul li:nth-child(2),.company_nav ul li:nth-child(4){border-right: 0;}
	.company_nav ul li:nth-child(3){border-right: 1px dashed #ccc;}
}
@media (max-width:380.98px) {
	.about_right>ul>li{width: 100%;}
}
/* videos */
.videoHub{padding:1rem 0 3rem 0}
.videoHub .etw_hometitle{color:var(--hover-color);font-size:2.5rem;line-height:3rem;font-weight:600;text-transform:uppercase;margin-bottom:1.5rem}
.video_title{font-size:1.75rem;line-height:1.8rem;font-weight:600;text-transform:capitalize;display:flex;justify-content:center;color:var(--black);margin-bottom:1.5rem;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;}
.video_hub1{width:100%;margin-bottom:20px}
.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:var(--black);font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:all 0.4s}
.video_hub1 a .video_text>p{margin:0;color:var(--black);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% + 20px);margin-left:-10px;display:flex;flex-wrap:wrap;}
.video_hub ul>li{width:calc(100% / 3);padding:0 10px;display:flex;transition:all 0.4s;margin-top:20px}
.video_hub ul>li>ol{ flex-direction: column;}
.video_hub ul>li>ol .product_img{width: 100%; position: relative;}
.video_hub ul>li>ol .product_con{width:100%; flex: 1; display:flex; color:var(--black);background-color: #f5f5f5;}
.video_hub ul>li>ol .product_con>a{width: 100%; display: flex; align-items: flex-start; justify-content: center; text-align: center; padding:1rem;font-size:1rem;line-height:1.25rem; text-transform:capitalize;transition:all 0.4s;}
.video_hub ul>li>ol:hover .product_con{box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.video_hub ul>li>ol:hover .product_con>a{color: var(--hover-color);}

.video{width:100%;padding:3rem 0}
.video>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
#video_right{width:65%}
#video_right h2{font-size:1.875rem;font-weight:600;color:var(--black)}
#video_right p{margin: 0 0 1rem 0;}
#video_right video{width:100%}
.video_more{display:flex;margin-bottom:2rem}
.video_more a{padding:0.4rem 1.2rem;border:2px solid var(--black);color:var(--black);border-radius:20px;font-weight: bold;}
.video_more a:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
.feedback .webtitle{font-size:1.5rem !important;font-weight:500 !important;text-transform:uppercase}
#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;border-radius:10px 10px 0 0}
#etw_videolist ul{display:flex;flex-direction:column;padding:1.5rem}
#etw_videolist ul li{margin-bottom:1rem;display: flex;}
#etw_videolist ul li a{display:flex;align-items:center; width: 100%;}
#etw_videolist ul li a img{width:30%}
#etw_videolist ul li a span{width:70%;font-size:0.875rem;padding-left:1rem;font-weight:300}
#etw_videolist ul li a.dq span{color:var(--hover-color)}
#etw_videolist ul li:last-child{margin:0}
.videohid{display:none}
.etw_videolist_more{display:flex;justify-content:center;margin-bottom:1.5rem}
.etw_videolist_more span{padding:0.4rem 1.2rem;border:2px solid var(--black);color:var(--black);border-radius:20px;font-weight:bold;cursor:pointer}
.etw_videolist_more span:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
.videohid{display:none}
.etw_videolist_more{display:none;justify-content:center;margin-bottom:1.5rem}
.etw_videolist_more span{padding:0.4rem 1.2rem;border:2px solid var(--black);color:var(--black);border-radius:20px;font-weight:bold;cursor:pointer}
.etw_videolist_more span:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
@media (max-width:991.98px){
	#video_right{width:100%}
	#video_sidebar{width:100%;margin-top:2rem}
	.video_title{font-size: 1.6rem;}
	.video{padding: 2rem 0;}
	#video_right h2{font-size: 1.8rem;}
	#etw_videolist ul{flex-direction:row;}
	#etw_videolist ul li{width: 50%;}
	#etw_videolist ul li a span{padding-right: 0.5rem;}
}
@media (max-width:767.98px){
	#video_sidebar{margin-top:1rem}
	.video_hub1 a .video_img,.video_hub1 a .video_text{width: 100%;}
	.video_hub1 a .video_img .video_btn{width: 50px;height: 50px;}
	.video_hub1 a .video_text>h3{font-size: 1.2rem;}
	.video_hub1 a .video_text>p{font-size: 0.9rem;}
	.video_hub1 a .video_text{padding: 1.2rem;padding-left: 1.2rem;}
	.video_title{font-size: 1.5rem;margin-bottom: 1rem;}
	.video_title::before{display: none;}
	.video_hub ul>li{width: 50%;margin-top: 0;margin-bottom: 1rem;}
	#video_right h2{font-size: 1.6rem;}
	#etw_videolist ul li a img{width: 45%;}
	#etw_videolist ul li a span{width: 55%;}

}
@media (max-width:649.98px){
	#etw_videolist ul li{width: 100%;}
	#etw_videolist ul li a span{padding-right: 0rem;}
	#etw_videolist ul{padding: 1rem;}
}
@media (max-width:575.98px){
	.video_hub1 a .video_text>h3{margin-bottom: 0.5rem;}
	.video_hub ul>li{width: 100%;}
	.video{padding: 1rem 0;}
}
.video_btn1{display:flex;flex-wrap:wrap;position:absolute;transition:.3s all ease-in-out;right:3rem;bottom:2rem;z-index:1}
.video_btn1:hover{transform:translateX(-5px)}
.video_btn1:before{position:absolute;content:'';background:#d21034;width:120%;height:100%;left:-10%;top:0;transform:skewX(-15deg);border-radius:0.5rem 0}
.video_btn1 a{display:block;width:100%;padding:0.8rem 1rem 0.8rem 3rem;color:#fff;font-size:1rem;line-height:1rem;font-weight:400;position:relative}
.video_btn1 a:before{position:absolute;content:'';background:url(../images/video_btn1.png) no-repeat;background-size:auto;background-size:cover;width:30px;height:21px;left:8px;top:10px}


/* videos-End */
/* @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) {} */