@charset "utf-8";
/* Fonts */
@import '../fonts/fontawesome/font-awesome.min.css';
@import '../fonts/bootstrap-icons/bootstrap-icons.min.css';
@import '../fonts/Roboto/Roboto.min.css';
@import '../fonts/Jura/jura.min.css';
/* Animate */
@import 'animate.min.css';
@font-face{font-weight:200;font-style:normal;font-family:Poppins;src:local('Poppins-Light'),local('Poppins-Light'),url(../fonts/Poppins-Light.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Poppins;src:local('Poppins-Regular'),local('Poppins-Regular'),url(../fonts/Poppins-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:400;font-style:normal;font-family:Poppins;src:local('Poppins-Medium'),local('Poppins-Medium'),url(../fonts/Poppins-Medium.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:500;font-style:normal;font-family:Poppins;src:local('Poppins-SemiBold'),local('Poppins-SemiBold'),url(../fonts/Poppins-SemiBold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:600;font-style:normal;font-family:Poppins;src:local('Poppins-Bold'),local('Poppins-Bold'),url(../fonts/Poppins-Bold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:700;font-style:normal;font-family:Poppins;src:local('Poppins-Black'),local('Poppins-Black'),url(../fonts/Poppins-Black.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@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:#231f20;--hover-color:#ee2928;--title-color:#ee2928}
*{box-sizing:border-box;padding:0;margin:0}
#header,#container,#footer{width:100%}
body{color:var(--main-color);font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:1rem;line-height:1.5rem;background-color:#fff;overflow-x:hidden}
figure{margin-bottom:0}
li,ol,ul{list-style:none;margin-bottom:0}
h1,h2,h3,h4,h5,h6{color:inherit;font-weight:600}
h2{font-size:2.1rem;font-weight:600;margin-bottom:1.25rem}
h3{font-size:1.5rem;margin-bottom:1rem}
h4{font-size:1.5rem;margin-bottom:1rem}
h5{font-size:1.25rem;margin-bottom:1rem}
h6{font-size:1rem;margin-bottom:1rem}
h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:var(--hover-color)}
p{font-size:1rem;line-height:1.5rem}
strong{font-weight:700}
b{font-weight:500}
img{display:block;max-width:100%;height:auto;margin:0 auto}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;transition:all .5s;color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:var(--hover-color)}
.imgbox{width:100%;display:block;overflow:hidden;position:relative}
.imgbox img{transition:all 0.5s}
.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% - 50px)}
}@media (min-width:1200px){.container{max-width:1230px}
}
/* 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}
#etw_logo{padding:25px 0 0 0;float:left;display:flex}
#etw_logo>a{display:flex;align-items:center}
#etw_logo>a>img{display:block;max-width:100%;height:40px}
/* etw_language */
.etw_language{display:flex;justify-content:flex-end;align-items:flex-end;min-height:34px}
.etw_language ul{width:100%;display:flex;flex-wrap:wrap; justify-content: flex-end;}
.etw_language ul>li{display:flex;flex-wrap:wrap;}
.etw_language ul>li>ol{width: auto;}
#etw_language{display:flex; height:100%;}
#etw_language>a{width: fit-content; padding:0 1rem;color:#000;display:flex;justify-content:center;align-items:center; height: 40px; position: relative;}
#etw_language>a::after{content: '';width: 1px; height: 10px;background-color: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#etw_language>a:last-child{padding-right: 0;}
#etw_language>a:last-child:after{display: none;}
#etw_language>a:hover{background: none; color:var(--hover-color);text-decoration: underline;}
nav{display:flex;justify-content:flex-end;padding:10px 0 0 0}
nav .navbar{width:100%;padding:0;justify-content:flex-end}
nav .navbar-collapse{flex-grow:0;border:none;height:100%;align-items:initial}
.navbar-expand-lg .navbar-nav .nav-item{display:flex;margin-left:2rem;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.navbar-expand-lg .navbar-nav .nav-item:nth-child(1){margin-left:0}
.navbar-expand-lg .navbar-nav .nav-link{color:var(--main-color);text-transform:capitalize;padding:0;min-height:50px;display:flex;align-items:center;justify-content:center;position:relative}
.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}
nav .navbar-nav .nav-item.active .nav-link,nav .navbar-nav .nav-item:hover .nav-link{color:var(--hover-color) !important}
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%}
.pro_icon{display:none}
.dropdown-menu{left:0;top:150%;border:none;margin:0;border-radius:0;padding:0 1rem;box-shadow:0 0 10px rgba(0,0,0,0.1);background-color:#fff;transition:all .3s ease 0s;visibility:hidden;pointer-events:none;opacity:0;display:block;}
.dropdown-menu ul>li{border-bottom:1px dashed #ccc}
.dropdown-menu ul>li:last-child{border-bottom:none}
.dropdown-menu .dropdown-item{color:var(--main-color);padding:.8rem;font-size:.95rem;line-height:1.3rem;position:relative;white-space:initial}
.dropdown-menu .dropdown-item::before{content:"\f105";color:var(--hover-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item.active{color:var(--hover-color);background:none;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:450%}
.dropdown-menu2{min-width:710%;left:-300%}
.dropdown-menu2 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.dropdown-menu2 li{width:31%}
.dropdown-menu3{min-width:380%}
.top_link{position:relative;float:right;background:var(--hover-color);display:flex;margin:15px 0 15px 20px;padding:5px}
.top_link a{width:100px;height:54px;padding:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-transform:uppercase;text-align:center;font-weight:700;color:#fff;font-size:0.9rem;line-height:1rem;border:1px solid #fff}
@media (max-width:1099.98px){.navbar-expand-lg .navbar-nav .nav-item{margin-right:0.5rem;font-size:.95rem}
}
@media (max-width:991.98px){
    #header{position: initial;}
	#header>.container{display: flex; flex-wrap: wrap; align-items: center;}
	.etw_language{width: fit-content; margin:0 1.5rem 0 0; background-color: initial;position: relative; overflow: visible; min-height: initial;}
	.etw_language ul>li{position:relative}
	.etw_language ul>li>ol{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index: 14;}
	#etw_language{display: inherit;background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.2); padding:0.5rem 0;margin-top: 0.5rem;}
	#etw_language>a{margin:0;height: auto;padding:0.5rem 1rem;color:#000; display:block;width: 100%;}
	#etw_language>a:last-child{padding:0.5rem 1rem;}
	#etw_language>a::after{ display:none;}
	#etw_language>a:hover{background-color: var(--hover-color);color: #fff; text-decoration: none;}
  .navbtn{border: 1px solid #000; width: fit-content; display: flex; border-radius: 5px;}
  .navbtn .navbar-toggler{ padding: .25rem .5rem; font-size: 1.4rem;}
#etw_logo {flex: 1; padding: 15px 0;}
#etw_logo>a>img{height:50px}
nav{width: 100%; align-items:center;flex-direction:row;justify-content:flex-end;margin:0 auto;padding:0;flex:none;position: relative;z-index: 13;}
nav .navbar{margin-top:0.5rem;position:inherit;}
nav .navbar .navbar-nav{border-top: 1px solid #ccc;}
nav .navbar-collapse{background-color:#fff;padding-bottom:1rem;}
nav .nav-item{width:100%;margin:0}
nav .navbar-light .navbar-nav .nav-link{border-bottom:1px solid #ddd;padding: 1rem .5rem;position:relative;font-size:1rem}
.navbar-nav .dropdown-menu{display:none;width:100%;min-width:initial;max-width:100%;box-shadow: initial;}
.dropdown-toggle::after{display:none}
.nav-item span.pro_icon{position:absolute;top:0;right:0;color:#999;padding:0;font-size:34px;width:30px;height:calc(100% - 2px);display:flex;align-items:center;justify-content:center;background-color:#fff;text-align:center;font-weight:200;z-index:2}
.dropdown-menu .dropdown-item{padding: 0 1rem;}
.dropdown-menu1 li .dropdown-item{font-size:1rem;padding:0.25rem 0.5rem}
.dropdown-menu1 li>ol{margin-top:0.5rem}
.top_link {margin: 10px 0 10px 20px;}
.top_link a {width: 80px; height: 44px;}
}
/* #footer */
#footer{background-color:#f5f5f5}
.footer_bg{width:100%;height:70px;background:url(../images/footer_bj.svg) no-repeat top center;background-size:100% 100%}
.footer{width:100%;padding:80px 0 40px 0;position:relative}
.footer>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
.footer_left{width:30%}
.footer_logo{display:block;overflow:hidden;margin-bottom:1.25rem}
.footer_logo img{float:left}
.footer_text{display:block;overflow:hidden;font-size:.9rem}
.footer_contact{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1rem}
.footer_contact p{display:flex;align-items:center;width:48%;margin-bottom:.5rem}
.footer_contact p i{margin-right:.6rem}
.footer_right{width:60%;display:flex;flex-wrap:wrap;padding-top:2rem}
.footer_center{width:calc(100% / 3);display:flex;flex-direction:column}
.footer_center h5{width:fit-content;padding-right:3rem;border-bottom:1px solid var(--main-color)}
.footer_center ul{display:flex;flex-direction:column}
.footer_center ul li a{display:block;opacity:.8;margin:.5rem 0}
.footer_center ul li a:hover{color:var(--hover-color);text-decoration:underline}
/* #otherlink */
.etw_root{width:100%;overflow:hidden;padding:1.5rem 0;border-top:1px solid rgba(0,0,0,0.2);position:relative;z-index:2}
#otherlink{clear:both;width:100%;height:auto;font-size:1rem;display:flex;justify-content:center}
#otherlink a{color:var(--main-color);display:inline-block;padding:0 4px;margin:0 4px;line-height:22px;margin-bottom:10px;border:1px solid var(--main-color);font-size:1rem}
#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;justify-content:center}
#etw_coper a{color:var(--main-color);font-size:1rem}
/* #etw_top */
#etw_top{position:fixed;width:40px;height:40px;right:15px;bottom:100px;text-align:center;background:var(--main-color);z-index:100;cursor:pointer;line-height:38px;border-radius:50%;transition:.5s all ease-in-out}
#etw_top a{color:#fff;font-size:.9rem}
#etw_top:hover{background:var(--hover-color);transform:translateY(-.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,.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(--main-color) !important;border-left:1px solid var(--hover-color) !important}
@media (max-width:1299.98px){.footer_left{width:35%}
.footer_right{width:58%}
.navbar-expand-lg .navbar-nav .nav-item{margin-left:0}
.navbar-expand-lg .navbar-nav .nav-link{text-transform:capitalize}
}@media (max-width:1199.98px){.footer{padding:40px 0}
.footer_contact p{width:100%}
.top_name{display:none}
}@media (max-width:991.98px){.navbar-expand-lg .navbar-nav .nav-item{display:block}
nav .navbar-light .navbar-nav .nav-link{text-align:left;display:block}
.navbar-expand-lg .navbar-nav .nav-item:nth-child(1){margin-left:0}
.dropdown-menu ul>li{padding:0.5rem}
}
.call_btn{display:flex;margin-top:1rem}
.call_btn a{font-family:Arial, Helvetica, sans-serif;font-weight:300;color:#fff;border:none;padding:0.5rem 1.25rem;border-radius:30px;font-size:0.9rem;transition:all 0.4s;overflow:hidden;text-transform:uppercase;position:relative;z-index:0;background-color:var(--hover-color)}
.call_btn a::before{content:'';width:0;height:100%;background-color:var(--main-color);transition:all 0.5s ease 0s;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-2}
.call_btn a:hover::before{width:100%}
.items{display:flex;flex-wrap:wrap}
.items li{width:100%;line-height:24px;margin-bottom:0.4rem;padding-left:20px;position:relative}
.items li::before{content:'';width:6px;height:6px;background-color:var(--hover-color);position:absolute;left:5px;top:9px;transform:rotate(45deg)}
.items li p{margin-bottom:5px;position:relative}
.items li p:last-child{margin-bottom:0}
.pdf_more{display:flex}
.pdf_more a{display:flex;align-items:center;padding:.5rem 1.5rem;border:1px solid var(--main-color);color:var(--main-color);font-family:Arial, Helvetica, sans-serif;border-radius:30px;font-style:italic;position:relative;z-index:0;overflow:hidden}
.pdf_more a::before{content:"\f295";font-size:1.5rem;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-right:.6rem}
.pdf_more a:hover{background-color:var(--main-color);color:#fff}
/* etw-imgs-list */
.etw_photo figure{margin:0}
.etw_photo{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.etw_photo li{width:100%;padding:0 10px;margin-bottom:20px;display:flex;flex-direction:column}
.etw_photo li>ol{flex:1;width:100%;display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;position:relative;transition:all .4s;top:0;background-color:#fff}
.etw_photo li a{width:100%;display:flex;flex-direction:column;transition:all 0.4s;overflow:hidden}
.etw_photo li>ol{flex:1;width:100%;display:flex;flex-direction:column;border-radius:1rem;box-shadow:0 5px 8px -5px rgba(151,163,184,0.5),0 15px 16px -15px rgba(151,163,184,0.5),0 25px 32px -25px rgba(151,163,184,0.5);overflow:hidden}
.etw_photo li span{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.5rem;text-align:center;line-height:1.4}
.etw_photo li:hover>ol{top:-5px}
.etw_photo li:hover>ol a.imgbox img,.etw_photo li:hover>ol .imgbox img{transform:scale(1.02)}
.etw_photo2{justify-content:space-between}
.etw_photo2 li{width:50%}
.etw_photo3 li{width:calc(100% / 3)}
.etw_photo4 li{width:25%}
.etw_photo5 li{width:20%}
.etw_photo6 li{width:calc(100% / 6)}
.table-responsive table{width:100%;margin:0;color:#000}
.table td,.table th{padding:0.25rem 0.5rem;line-height:1.5rem;vertical-align:middle}
.table a{color:var(--hover-color);text-decoration:underline}
.table a:hover{text-decoration:none}
.table .top{background-color:rgba(0,0,0,.05)}
.table .top a{display:inline-block;font-family:"Source Sans SemiBold",sans-serif;color:#000;padding:.5rem}
.table .top a:hover{color:var(--hover-color)}
.video_btn{z-index:3;cursor:pointer;width:60px;height:60px;background-color:var(--hover-color);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;padding-left:5px}
.video_btn::before{content:'\f04b';font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;color:#fff;font-size:1.5rem}
.more{display:flex}
.more a{line-height:1;font-size:0.9rem;font-weight:500;color:var(--main-color);font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;position:relative;text-decoration:none;border-radius:10px;font-weight:300}
.more a::after{content:"\f178";color:var(--hover-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;margin-left:.5rem;transition:all .5s}
.more a:hover{color:var(--hover-color)}
.more a:hover::after{margin-left:1rem}
.more span{line-height:1;font-size:0.8rem;font-weight:400;color:var(--main-color);font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;position:relative;text-decoration:none;padding-bottom:.25rem}
.more span::before{content:'';width:0;height:2px;background-color:var(--hover-color);position:absolute;left:0;bottom:0}
.more span::after{content:"\f105";color:var(--hover-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;margin-left:.5rem;transition:all .5s}
a:hover .more span{color:var(--hover-color)}
a:hover .more span::after{margin-left:1rem}
.more1{display:flex;padding-top:.6rem;}
.more1 a{font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;background-color:#fff;border:1px solid var(--main-color);padding:.7rem 1.4rem;font-size:1.2rem;line-height:1;transition:all .4s;position:relative;border-radius:5px}
.more1 a::after{content:"\f105";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;transition:all .2s;position:absolute;right:1rem;top:50%;transform:translateY(-50%);opacity:0}
.more1 a:hover{border-color:var(--hover-color);background-color:var(--hover-color);color:#fff;padding-right:2.5rem}
.more1 a:hover::after{opacity:1}
.more1 span{font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;color:var(--hover-color);font-size:.78rem;line-height:1;transition:all .4s;position:relative;border-radius:5px;display:flex;align-items:center;font-weight:400}
.more1 span::before{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-right:.5rem}
/* #banner */
.etw_banner{width:100%;overflow:hidden}
.etw_banner .prev-button,.etw_banner .next-button{font-size:2rem;color:#fff;padding:1rem;text-shadow:0 0 50px rgba(0,0,0,1);position:absolute;left:-100%;top:50%;transform:translateY(-50%);z-index:9;cursor:pointer;transition:all .5s}
.etw_banner .next-button{left:auto;right:-100%}
.etw_banner .prev-button::before,.etw_banner .next-button::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:var(--hover-color);opacity:0;z-index:-1;transition:all .4s}
.etw_banner:hover .prev-button{left:0}
.etw_banner:hover .next-button{right:0}
.etw_banner .prev-button:hover::before,.etw_banner .next-button:hover::before{opacity:1}
.banner_box{width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center}
.banner_box>content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;align-items:center;max-width:1200px;position:relative;color:#fff}
.banner_box::before{display:none;content:"";width:100%;height:100%;background-image:linear-gradient(to right,transparent 20%,rgba(0,0,0,.5),transparent 80%);display:block;left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);z-index:-1}
.banner_box h2{font-size:2rem;color:#fff;text-transform:uppercase;font-weight:700;margin-bottom:2rem}
.banner_box p{font-size:1.5rem;font-weight:300;margin-bottom:2rem}
.banner_box a{min-width:200px;height:60px;font-size:1.25rem;border:1px solid #fff;display:flex;align-items:center;justify-content:center;font-family:Arial, Helvetica, sans-serif;font-weight:500;text-transform:uppercase;border-radius:5px}
.banner_box a:hover{background-color:#fff;color:var(--hover-color)}
/* index */
.etw_box{padding:4rem 0}
.etw_title{display:flex;justify-content:center;position:relative;text-align:center}
.etw_title h3{line-height:1;color:var(--main-color);margin-bottom:1.25rem;text-transform:uppercase}
ul.etw_ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
ul.etw_ul li{padding:0 10px;margin-top:20px;display:flex}
ul.etw_ul li a{display:flex;flex-direction:column;justify-content:space-between}
.etw_box small{opacity:.8}
.homeAbout{background-image:url(../images/about_bj.png);background-position:110% center;background-repeat:no-repeat;overflow:hidden;position:relative}
.homeAbout::before{content:'';width:100%;height:100%;background-image:linear-gradient(to left,transparent,#fff 30%);position:absolute;left:0;top:0}
.homeAbout::after{content:'';width:100%;height:100%;background-image:linear-gradient(to right,transparent,rgba(0,0,0,0.3));position:absolute;left:0;top:0}
.homeAbout>.container{position:relative;z-index:2}
.homeAbout small{display:block;max-width:77%;font-size:1rem;margin:0 auto 1.25rem auto}
.homeAbout ul{display:flex;flex-wrap:wrap;max-width:80%;margin:0 auto}
.homeAbout ul li{width:25%;border-right:1px solid #f5f5f5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem 1.5rem;font-size:.9rem;line-height:1.875rem}
.homeAbout ul li>div{display:flex;align-items:center;color:var(--main-color);font-size:1.1rem;font-weight:900;margin-bottom:.5rem}
.homeAbout ul li>div>span{font-size:1.2rem;margin-right:.2rem}
.homeAbout ul li>p{margin:0;opacity:.8}
.homeAbout ul li:last-child{border-right:none}
.homePro small{display:block;margin:0 auto 1.25rem auto;font-size:1rem;text-align:center;text-transform:uppercase}
.thumbs{display:flex;justify-content:center;margin-bottom:1.5rem}
.thumbs .swiper{width:100%}
.thumbs .swiper .swiper-slide h4{font-size:1.4rem;font-weight:300;text-align:center;text-transform:uppercase;margin-bottom:0;padding-bottom:1rem;position:relative;cursor:pointer}
.thumbs .swiper .swiper-slide h4::before{content:'';width:0;height:1px;background-color:var(--hover-color);position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition:all .4s}
.thumbs .swiper .swiper-slide-thumb-active h4::before{width:60%}
#gallery{width:100%}
#gallery .swiper-slide{height:auto;display:flex;background-color:#fff}
.homePro_left{width:55%;position:relative}
.finishes{width:100%;position:absolute;left:0;bottom:20px;z-index:3}
.finishes_list{display:flex;flex-wrap:wrap;justify-content:center}
.finishes_list li{width:20px;height:20px;margin:.5rem;border-radius:50%;overflow:hidden;position:relative}
.finishes_list li img{width:100%;height:100%}
.homePro_right{width:45%;padding:2rem;display:flex;flex-direction:column;justify-content:space-around}
.homePro_right p{font-size:.95rem}
.homePro_right dl{display:flex;flex-direction:column;padding-left:.5rem}
.homePro_right dl dd a{font-size:1.1rem;display:inline-block;position:relative;padding-left:1rem}
.homePro_right dl dd a::before{content:"\f105";color:var(--hover-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.homePro_right dl dd p{margin-bottom:.5rem;font-size:.9rem;padding-left:1rem}
.homePro_right dl dd:last-child{margin-bottom:0}
.homePro_right .more1 a{padding:.4rem 1.1rem;background-color:var(--main-color);color:#fff}
.homePro_right .more1 a:hover{padding-right:2.5rem;background-color:var(--hover-color)}
.homeProcess small{display:block;max-width:50%;margin:0 auto 1.25rem auto;font-size:1rem;text-align:center}
.homeProcess_list{display:flex;flex-wrap:wrap}
.homeProcess_list li{width:calc(100% / 6);display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:20px}
.homeProcess_list li::before{content:'';width:80px;height:30px;background:url(../images/jiantou1.png) no-repeat center center;background-size:100% 100%;position:absolute;right:-20%;top:25px;z-index:2}
.homeProcess_list li:nth-child(even):before{background:url(../images/jiantou2.png) no-repeat center center;background-size:100% 100%;top:35px}
.homeProcess_list li:last-child:before{display:none}
.homeProcess_list li .imgbox{width:100px;overflow:visible;display:flex;justify-content:center}
.homeProcess_list li .imgbox>span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;color:var(--main-color);background-color:#f5f5f5;position:absolute;right:-2px;top:-2px;z-index:2}
.homeProcess_list li .imgbox>a{display:block;width:100%;position:relative;border-radius:50%;margin-bottom:1rem;overflow:hidden}
.homeProcess_list li .imgbox>a::before{content:'';display:block;padding-top:100%}
.homeProcess_list li h6{font-weight:400;font-size:1rem;text-align:center}
.homeProcess_list2{flex-direction:row-reverse}
.homeProcess_list2 li::before{transform:rotate(180deg);background:url(../images/jiantou2.png) no-repeat center center;background-size:100% 100%}
.homeProcess_list2 li:nth-child(even):before{background:url(../images/jiantou1.png) no-repeat center center;background-size:100% 100%;top:35px}
.homeProcess_list2 li:first-child::before{display:none}
.homeProcess_list2 li:last-child:before{display:block}
.homeProducts small{display:block;max-width:65%;margin:0 auto 1.25rem auto;font-size:1rem;text-align:center}
.homeProducts_list{display:flex;flex-direction:column}
.homeProducts_item{width:100%;display:flex;margin-top:30px}
.homeProducts_item dl{width:calc(100% + 20px);margin-left:-10px;display:flex;flex-wrap:wrap}
.homeProducts_item dl dt,.homeProducts_item dl dd{width:20%;padding:0 10px;margin-bottom:20px;display:flex;flex-direction:column}
.homeProducts_item dl dt>h3{font-size:1.6rem;margin-bottom:1rem}
.homeProducts_item dl dt>small{max-width:100%;text-align:left;font-size:.9rem;line-height:1.375rem;margin-bottom:0}
.homeProducts_item dl dd>a{flex:1;width:100%;display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.2);background-color:#fff}
.homeProducts_item dl dd>a .textbox{border-top:1px solid #ddd;flex:1;padding:1rem;display:flex;flex-direction:column}
.homeProducts_item dl dd>a .textbox h5{font-weight:400;font-size:1.1rem;line-height:1.5rem;margin-bottom:0}
.homeProducts_item dl dd>a:hover .imgbox img,.homeProducts_item dl dd>a .imgbox:hover img{transform:scale(1)}
.homeDown{padding:2rem 0}
.homeProductsDown{display:flex;flex-direction:column;padding-top:1rem}
.homeProductsDown h5{font-weight:300;font-size:1.75rem}
.homeProductsDown ul{display:flex;flex-wrap:wrap}
.homeProductsDown ul li{margin:0 10px 10px 0;display:flex}
.homeProductsDown ul li a{display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem 1rem;border:1px solid var(--main-color);position:relative}
.homeProductsDown ul li a::before{content:"\f295";font-size:1.5rem;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-right:.6rem}
.homeProductsDown ul li a:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}
/* index-end */
/* nbanner */
.etw_nbanner{width:100%;overflow:hidden;min-height:250px;position:relative;display:flex;flex-direction:column;align-items:center}
.etw_nbanner>.container{flex:1;position:relative;z-index:3;display:flex;align-items:center;justify-content:center}
.etw_nbanner::before{content:'';width:100%;height:100%;background-image:linear-gradient(to right,transparent 15%,rgba(0,0,0,.5),transparent 85%);position:absolute;left:0;top:0;z-index:1}
.etw_nbanner_title{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative}
.nbanner_title h2,.nbanner_title .etw_hometitle{line-height:1.4;color:#fff;font-weight:bold;font-style:italic;margin:0 0 1.5rem 0;text-align:center}
.nbanner_title p{display:block;color:#fff;font-size:1.25rem;text-align:center}
.nbanner_title .etw_hometitle{border-bottom:none;padding:0}
/* #quicknav */
#quicknav{width:100%;position:relative;z-index:2}
#quicknav ul{width:100%;display:flex;align-items:center;color:rgba(255,255,255,.7)}
#quicknav ul::before{content:"\f015";font-size:1.25rem;margin-right:0.75rem;color:rgba(255,255,255,1);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
#quicknav a{color:rgba(255,255,255,.7);font-size:.9rem}
#quicknav li{display:flex;align-items:center;text-transform:capitalize;padding:0.2rem .625rem 0.2rem 0}
#quicknav li+li::before{content:"\f105";padding:0 .625rem 0 0;color:rgba(255,255,255,.7);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased}
#quicknav a:hover{text-decoration:underline;color:#fff}
#quicknav li:last-child{padding-right:0;color:#fff}
#quicknav ul.quicknav{padding:5px 0}
#quicknav ul.quicknav,#quicknav ul.quicknav li+li::before,#quicknav ul.quicknav,#quicknav ul.quicknav a{color:rgba(0,0,0,.7)}
#quicknav ul.quicknav::before{color:rgba(0,0,0,1)}
#quicknav ul.quicknav a:hover{color:#000}
#quicknav ul.quicknav li:last-child{color:var(--hover-color)}
#quicknav ul.quicknav,#quicknav ul.quicknav li+li::before{color:rgba(0,0,0,.7)}
/* etw_brief */
.etw_Probrief{padding:3rem 0}
.etw_Probrief .container{display:flex;flex-wrap:wrap}
.etw_Probrief h2{width:100%;text-align:center;line-height:3.5rem;font-family:Arial, Helvetica, sans-serif}
.etw_Probrief h2 span{color:var(--hover-color)}
.etw_Probrief h2::after{content:'';width:120px;height:3px;background-color:var(--hover-color);display:block;margin:.5rem auto 0 auto}
.etw_Probrief_text{width:100%}
.etw_Probrief_text p{font-size:1rem;line-height:1.875rem}
.etw_Probrief_text p:last-child{margin-bottom:0}
/* Products */
.proetw_brief{padding:0 0 2rem 0}
.proetw_brief h2{padding-bottom:0;border-bottom:none;margin:.5rem 0;text-align:center}
.proetw_brief p{line-height:1.5}
.proetw_brief p:last-child{margin:0}
.etw_pro1{padding:3rem 0}
.etw_pro1 ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.etw_pro1 ul li{width:20%;display:flex;padding:0 10px;margin-bottom:20px}
.etw_pro1 ul li>a{flex:1;display:flex;align-items:center;flex-direction:column;position:relative;overflow:hidden;padding:1rem}
.etw_pro1 ul li>a::before{content:'';width:100%;height:70%;background-color:#f5f5f5;position:absolute;left:0;bottom:0;z-index:-1;transition:all .4s}
.etw_pro1 ul li>a .imgbox{overflow:visible;margin-bottom:1.5rem}
.etw_pro1 ul li>a .imgbox img{max-width:70%}
.etw_pro1 ul li>a .textbox{flex:1;display:flex;flex-direction:column;align-items:center}
.etw_pro1 ul li>a .textbox h5{color:var(--main-color);font-size:1.1rem}
.etw_pro1 ul li>a .textbox p{flex:1;font-size:.9rem;opacity:.9;color:var(--main-color)}
.etw_pro1 ul li>a:hover::before{height:100%}
.etw_pro1 ul li>a:hover .imgbox img,.etw_pro1 ul li>a .imgbox:hover img{transform:scale(1)}
.etw_pro1 .more1.justify-content-center a{border-color:var(--hover-color);border-width:2px;color:#fff;background-color:var(--hover-color)}
.etw_pro1 .more1.justify-content-center a:hover{background-color:#fff;color:var(--hover-color)}
.etw_pro2{padding:3rem 0;background-color:#f5f5f5}
.etw_pro2 ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.etw_pro2 ul li{width:calc(100% / 6);padding:0 10px;margin-bottom:20px;display:flex}
.etw_pro2 ul li a{flex:1;display:flex;flex-direction:column}
.etw_pro2 ul li a .imgbox{background-color:#fff;padding:1rem;margin-bottom:1.25rem}
.etw_pro2 ul li a:hover .imgbox img,.etw_pro2 ul li a .imgbox:hover img{transform:scale(1)}
.etw_pro2 ul li a .textbox{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.etw_pro2 ul li a .textbox h5{margin-bottom:.5rem;color:var(--main-color);transition:all .4s}
.etw_pro2 ul li a .textbox small{flex:1;display:block;margin-bottom:.5rem;color:var(--main-color)}
.etw_pro2 ul li a .textbox .more1 span{font-size:1rem;color:var(--main-color)}
.etw_pro2 ul li a:hover .textbox h5,.etw_pro2 ul li a:hover .textbox .more1 span{color:var(--hover-color)}
.etw_pro2 .more1.justify-content-center{margin-top:.6rem}
.etw_pro3{padding:3rem 0;overflow:hidden;position:relative;background:url(../images/pro3_bj.jpg) no-repeat center center;background-size:cover}
.etw_pro3::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:100%;z-index:1;display:block;background:rgba(20,20,20,0.5)}
.etw_pro3>.container{position:relative;z-index:2}
.etw_pro3 .etw_title h3{color:#fff;padding-bottom:1.25rem}
.etw_pro3_content{position:relative;padding:0 70px;margin-bottom:1.25rem}
.etw_pro3 .swiper .swiper-slide{padding:48px 0 12px 0}
.etw_pro3 .prev-button,.etw_pro3 .next-button{width:45px;height:45px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.8125rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.etw_pro3 .next-button{left:auto;right:0}
.etw_pro3_box{padding:1.5rem;background-color:#fff;min-height:330px;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.etw_pro3_box .imgbox{overflow:visible;width:50%;position:absolute;left:0;top:-48px;bottom:-48px}
.etw_pro3_box .imgbox:hover img{transform:scale(1)}
.etw_pro3_box .textbox{width:55%;padding:48px 72px 48px 48px}
.etw_pro3_box .textbox small{display:block;text-transform:uppercase;color:var(--hover-color);font-weight:400;font-family:Arial, Helvetica, sans-serif}
.etw_pro3_box .textbox h3{padding-bottom:.8rem;position:relative;font-family:Arial, Helvetica, sans-serif}
.etw_pro3_box .textbox h3::before{content:'';width:80px;height:4px;background-color:var(--hover-color);position:absolute;left:0;bottom:0}
.etw_pro3_box .textbox p{font-size:1rem;line-height:1.5rem}
.etw_pro3_box .textbox .more1>a{border-color:var(--hover-color);border-width:2px;color:#fff}
.etw_pro3_box .textbox .more1>a:hover{background-color:var(--hover-color);color:#fff}
.etw_pro3 .more1.justify-content-center a{border-color:var(--hover-color);border-width:2px;color:#fff;background-color:var(--hover-color)}
.etw_pro3 .more1.justify-content-center a:hover{background-color:#fff;color:var(--hover-color)}
.etw_pro4{padding:3rem 0}
.etw_pro4 ul{display:flex;flex-wrap:wrap;width:calc(100% + 30px);margin-left:-15px}
.etw_pro4 ul li{width:20%;padding:0 15px;margin-bottom:30px;display:flex}
.etw_pro4 ul li a{flex:1;display:flex;flex-direction:column}
.etw_pro4 ul li a .imgbox{overflow:visible;margin-bottom:1.25rem}
.etw_pro4 ul li a .imgbox img{max-width:70%}
.etw_pro4 ul li a .textbox{flex:1;padding-top:.5rem;display:flex;flex-direction:column}
.etw_pro4 ul li a .textbox h4{color:var(--main-color);margin-bottom:.5rem;font-family:Arial, Helvetica, sans-serif;font-weight:500}
.etw_pro4 ul li a .textbox p{flex:1;color:var(--main-color);opacity:.8}
.etw_pro4 ul li a:hover .imgbox img,.etw_pro4 ul li a .imgbox:hover img{transform:scale(1)}
.etw_pro5 ul li{width:25%}
.inquiryForm{padding:3rem 0;background-image:linear-gradient(#ddd 50%,#fff)}
.inquiryForm .container{display:flex;flex-wrap:wrap}
.inquiryForm_left{width:50%;color:var(--main-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}
.inquiryForm_left .inquiry_h2{font-size:1.52rem;line-height:2.5rem;margin-bottom:2rem;font-style:italic;text-align:center;font-weight: 600;}
.inquiryForm_btn{display:flex}
.inquiryForm_btn>a{display:inline-block;font-size:1.1rem;padding:1rem 1.875rem;border:1px solid var(--main-color);font-family:Arial, Helvetica, sans-serif;font-size:.85rem;color:var(--main-color);text-transform:uppercase}
.inquiryForm_btn>a:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}
.inquiryForm_right{width:50%}
.inquiryForm_right img,.inquiryForm_right video{width:100%;height:auto;display:block}
.proCap{padding:3rem 0}
.proCap ul{display:flex;flex-wrap:wrap;width:calc(100% + 10px);margin-left:-5px}
.proCap ul li{width:calc(100% / 6);padding:0 5px;margin-bottom:10px;display:flex}
.proCap ul li a{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}
.proCap ul li a .textbox{width:100%;height:100%;display:flex;align-items:flex-end;background-image:linear-gradient(transparent 50%,rgba(0,0,0,0.8));position:absolute;left:0;bottom:0;z-index:2}
.proCap ul li a .textbox h5{margin-bottom:0;width:100%;padding:.5rem 1rem;font-size:.9rem;color:#fff;font-weight:300}
.proCap .more1{margin-top:1rem}
/* Products-End */
/* Products-Hub */
.proHub{display:flex;flex-direction:column}
.proHub_item{width:100%;padding:3rem 0}
.proHub_title{text-align:center}
.proHub_title h3{margin-bottom:.5rem}
.proHub_title p{margin-bottom:0}
.proHub_item ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.proHub_item ul li{width:25%;padding:0 10px;margin-top:20px;display:flex;flex-direction:column}
.proHub_item ul li a.imgbox:hover img{transform:scale(1)}
.proHub_item ul li .textbox{flex:1;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}
.proHub_item ul li .textbox h5{margin-bottom:.5rem;font-family:Arial, Helvetica, sans-serif}
.proHub_item ul li .textbox p{flex:1;font-size:0.95rem;color:#555}
.proHub_item .more1{margin-top:1.5rem;justify-content:center}
.proHub_item .more1 a{border:1px solid var(--hover-color);color:var(--hover-color);background-color:#fff}
.proHub_item .more1 a:hover{background-color:var(--hover-color);color:#fff}
.proHub_item2 ul{width:calc(100% + 30px);margin-left:-15px}
.proHub_item2 ul li{width:calc(100% / 3);padding:0 15px;margin-top:30px}
.proHub_item2 ul li .textbox{background-color:#fff}
.otherPro{padding:3rem 0}
.otherPro .proHub_title h3{margin-bottom:1.5rem}
.otherPro ul{display:flex;flex-wrap:wrap;padding-left:1px}
.otherPro ul li{width:25%;margin-left:-1px;display:flex}
.otherPro ul li a{width:100%;display:flex;flex-direction:column;padding:2rem;position:relative}
.otherPro ul li a::before{content:'';width:100%;height:100%;border:1px solid #ccc;position:absolute;left:0;top:0}
.otherPro ul li a .imgbox{margin-bottom:1rem}
.otherPro ul li a .imgbox img{max-width:70%}
.otherPro ul li a:hover .imgbox img,.otherPro ul li a .imgbox:hover{transform:scale(1)}
.otherPro ul li a .textbox{flex:1;display:flex;flex-direction:column;text-align:center}
.otherPro ul li a .textbox h5{color:var(--main-color)}
.otherPro ul li a .textbox p{flex:1;font-size:.95rem;line-height:1.3rem;color:var(--main-color)}
.otherPro ul li a .textbox .more{justify-content:center}
.otherPro ul li a:hover::before{border-width:2px;border-color:var(--hover-color)}
.otherPro ul li a:hover .textbox h5{color:var(--hover-color)}
.proAbout{padding:3.5rem 0}
.proAbout>.container{display:flex;flex-wrap:wrap}
.proAbout_left{width:45%;position:relative;display:flex;align-items:flex-end}
.proAbout_left>img{width:60%;float:left}
.proAbout_left .imgbox{width:60%;position:absolute;right:0;top:0}
.proAbout_left .imgbox:hover img{transform:scale(1)}
.proAbout_right{width:55%;padding-left:60px}
.proAbout_right small{display:block;margin-bottom:.5rem;font-size:1.25rem;line-height:1;text-transform:uppercase}
.proAbout_right h3{font-weight:400;font-size:2rem}
.proAbout_right h3 span{color:var(--hover-color);font-weight:900}
.proAbout_right p{font-weight:300;font-size:1.1rem;line-height:1.875rem;margin-bottom:1.25rem}
.proAbout_right .more1 a{border-color:var(--hover-color);background-color:var(--hover-color);color:#fff}
.proAbout_right .more1 a:hover{border-color:var(--main-color);background-color:var(--main-color)}
.proCaps{padding:3rem 0;background-image:linear-gradient(#f5f5f5 70%,#fff)}
.proCaps_item{display:block;overflow:hidden}
.proCaps_title{width:34%;text-align:right}
.proCaps_title p{font-size:1.1rem;line-height:1.75rem;font-weight:300;margin-bottom:0}
.proCaps_item ul{width:calc(100% + 20px);margin-left:-10px;display:flex;flex-wrap:wrap}
.proCaps_item ul li{width:20%;display:flex;padding:0 10px;margin-top:20px}
.proCaps_item ul li a{width:100%;display:flex;position:relative;overflow:hidden}
.proCaps_item ul li a h6{width:100%;height:100%;font-size:.95rem;margin:0;background-image:linear-gradient(transparent,rgba(0,0,0,0.5));position:absolute;left:0;bottom:0;z-index:2;display:flex;align-items:flex-end;padding:1rem;color:#fff;font-weight:400;font-family:Arial, Helvetica, sans-serif}
.proCaps_item:first-child{display:flex;flex-wrap:wrap}
.proCaps_item:first-child ul{width:66%;padding-left:20px;margin:0}
.proCaps_item:first-child ul li{width:36.6%;padding:0 0 0 20px;margin:0}
.proCaps_item:first-child ul li a .imgbox::before{content:'';display:block;padding-top:45%}
.proCaps_item:first-child ul li:nth-child(2){width:63.4%}
/* Products-Hub-End */
/* Hub */
.etwHub{padding:3rem 0;background-color:#f8f9fa}
.etwHub_title .etw_hometitle{text-align:center;margin-bottom:0}
.etwHub_title .etw_hometitle h2{margin:0;font-size:2rem}
.etwHub_title small{display:block;overflow:hidden;font-size:1.4rem;opacity:.5;text-align:center;margin-bottom:1rem}
.etwHub_title p{font-weight:300;font-size:1.1rem;line-height:1.75rem}
.etwHub_list{display:flex;flex-wrap:wrap;margin-top:30px}
.etwHub_list li{width:100%;margin-bottom:30px;display:flex}
.etwHub_list li a{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;border:1px solid #ccc}
.etwHub_list li a .imgbox{width:50%;background-color:#fff}
.etwHub_list li a .imgbox .finishColors{height:100%;background-color:rgba(0,0,0,.5);position:absolute;right:-100%;top:0;display:flex;align-items:center;flex-direction:column;justify-content:center;margin:0;padding:.7rem;transition:all .4s}
.etwHub_list li a .imgbox .finishColors dd{width:20px;height:20px;overflow:hidden;position:relative;margin:4px 0;border-radius:50%;border:1px solid #fff}
.etwHub_list li a .textbox{width:50%;padding:50px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.etwHub_list li a .textbox p{color:var(--main-color);font-weight:300;font-size:1.1rem;line-height:1.75rem}
.etwHub_list li a .textbox .more span{font-size:1.25rem;color:var(--hover-color)}
.etwHub_list li:nth-child(even) a{flex-direction:row-reverse}
.etwHub_list li:nth-child(even) a .imgbox .finishColors{right:auto;left:-100%}
.etwHub_list li a:hover .imgbox .finishColors{right:0}
.etwHub_list li:nth-child(even) a:hover .imgbox .finishColors{right:auto;left:0}
.otherkitchen{padding:3.5rem 0}
.otherkitchen h3{text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:500;font-size:1.8rem;line-height:2rem}
.otherkitchen ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.otherkitchen ul li{width:20%;padding:0 10px;margin-top:20px;display:flex}
.otherkitchen ul li a{width:100%;display:flex;flex-direction:column;border:1px solid #ccc}
.otherkitchen ul li a .imgbox{padding:1rem}
.otherkitchen ul li a:hover .imgbox img,.otherkitchen ul li a .imgbox:hover img{transform:scale(1)}
.otherkitchen ul li a h6{border-top:1px solid #ccc;margin:0;text-align:center;padding:1rem .5rem}
.otherPro2 ul li a .imgbox{padding:0}
.inquiryForm2{padding:3.5rem 0;background-image:url(../images/inquiryForm2_bj.jpg);background-position:-1% center;background-repeat:no-repeat;background-size:20% auto;position:relative;overflow:hidden}
.inquiryForm2::before{content:'';width:100%;height:100%;background-image:linear-gradient(to right,transparent,#f5f5f5 18%);position:absolute;left:0;top:0}
.inquiryForm2::after{content:'';width:100%;height:100%;background-image:linear-gradient(to left,transparent,rgba(0,0,0,0.2));position:absolute;left:0;top:0}
.inquiryForm2>.container{display:flex;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:2}
.inquiryForm2 .inquiryForm_left{max-width:500px;align-items:flex-start;text-align:left}
.inquiryForm2 .inquiryForm_left .inquiry_h2{font-weight:700;margin-bottom:2rem;text-align:left}
.inquiryForm2 .inquiryForm_left p{font-size:1.25rem;font-weight:300;line-height:2rem}
.inquiryForm2 .inquiryForm_left .inquiryForm_btn>a{border-radius:10px;font-size:1.25rem;padding:.8rem 1.6rem}
.proAbout2{padding:3.5rem 0;background-image:linear-gradient(#f5f5f5 50%,#fff)}
.proAbout2 .proAbout_left{width:40%;align-items:center}
.proAbout2 .proAbout_left>img{width:50%}
.proAbout2 .proAbout_left .imgbox{position:relative;width:50%}
.proAbout2 .proAbout_right{width:60%}
/* Hub-End */
/* Products-Details */
.proDetails{padding:2rem 0}
.proDetails>.container{display:flex;flex-wrap:wrap}
.proDetails_item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:2rem}
.proDetails_item .pdf_more{flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.proDetails_item .pdf_more a{width:fit-content;display:flex}
.proDetails_item:nth-child(1)>.row>.col-6:nth-child(2){padding-left:35px}
.proDetails_item:nth-child(1)>.row>.col-6:nth-child(2) .items{margin-bottom:1rem}
/* .proDetails_item-End */
/* .left_pics */
.left_pics{width:100%;position:relative}
.left_pics a{width:100%;overflow:hidden;position:relative;display:block}
.left_pics a::before{content:'';display:block;padding-top:75%}
.related_pic{width:100%;display:flex;flex-flow:wrap;justify-content:center;margin-top:15px}
.related_pic a{width:calc(calc(100% / 5) - 10px);margin:5px;border:1px solid #ccc;overflow:hidden;position:relative}
.related_pic a::before{content:'';display:block;padding-top:75%}
.related_pic a:hover,.related_pic a.imgdq{border:1px solid var(--hover-color)}
.proDetails h2{font-size:2rem;color:var(--main-color);margin-bottom:.25rem}
.proDetails small{font-size:1.25rem;line-height:1;display:block;color:var(--main-color);opacity:.5;padding-bottom:.6rem;border-bottom:1px dashed var(--main-color);margin-bottom:1.25rem}
.proDetails p{line-height:1.5}
.finishColor{display:flex;flex-wrap:wrap}
.finishColor dd{width:30px;overflow:hidden;position:relative;border-radius:50%;border:1px solid var(--main-color);margin:5px 5px 0 0}
.finishColor dd::before{content:'';display:block;padding-top:100%}
.finishColor dd::after{content:'';width:100%;height:100%;border-radius:50%;border:2px solid #fff;position:absolute;top:0;right:0;bottom:0;left:0}
.tag_nav{display:flex;flex-wrap:wrap;margin-bottom:0}
.tag_nav dt{width:100%;font-size:1.25rem;font-weight:bold;color:var(--hover-color);margin-bottom:.7rem}
.tag_nav dd{padding:.5rem 1.2rem;background-color:#f5f5f5;margin:0 10px 10px 0;transition:all .4s;cursor:pointer}
.tag_nav dd:hover,.tag_nav dd.active{background-color:var(--hover-color);color:#fff}
.tag_content{display:block}
.tag_content>div{display:none}
.tag_content>div:nth-child(2){display:block}
.tag_content1>div{display:none}
.tag_content1>div:first-child{display:block}
.tag_content1>div:nth-child(2){display:none}
.tag_list{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.tag_list li{width:calc(100% / 6);padding:0 10px;margin-top:20px;display:flex}
.tag_list li ol{width:100%;display:flex;flex-direction:column;transition:all .4s;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;background-color:#fff;transition:all .4s;position:relative;top:0}
.imgbox-133::before{content:'';display:block;padding-top:133.3333333%}
.tag_list li:hover>ol .imgbox img{transform:scale(1.02)}
.tag_list li ol .textbox{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem}
.tag_list li:hover>ol{top:-5px}
.tag_list2 li{width:calc(100% / 5)}
.proDetails_item_title{font-size:1.25rem;color:var(--hover-color)}
.relatedPro{padding:3rem 0;background-image:linear-gradient(#f5f5f5,#fff)}
.relatedPro>.container>.row>.col-12{margin-bottom:1rem}
.relatedPro h3{text-transform:uppercase;margin-bottom:0}
.relatedPro>.container>.row>.col-md-6{display:flex;flex-direction:column}
.relatedPro>.container>.row>.col-md-6{padding-right:20px}
.relatedPro>.container>.row>.col-md-6:nth-child(3){padding-left:20px}
.relatedPro h5{width:100%;margin-bottom:0}
.relatedPro ul{flex:1;display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.relatedPro ul li{width:calc(100% / 3);padding:0 10px;margin-top:15px;display:flex}
.relatedPro ul li a{width:100%;display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,0.1);position:relative;overflow:hidden;border-radius:10px;background-color:#fff;top:0;transition:all .4s}
.relatedPro ul li a .textbox{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem .5rem}
.relatedPro ul li a:hover{top:-5px}
.relatedPro ul li a:hover .imgbox img{transform:scale(1.02)}
.relatedPro2 h3{text-align:center}
.relatedPro2 ul li{width:25%}
.relatedPro3 ul li{width:20%}
.relatedPro ul.relatedPro_list1 li{width:50%}
.relatedPro ul.relatedPro_list2 li{width:25%}
.proDetails_faqs{padding:3rem 0}
.card{margin-bottom:.625rem;background-color:#f5f5f5;border:none;border-radius:10px}
.card-header{padding:0;background-color:#f5f5f5;border:none}
.card-link{width:100%;display:block;padding:1rem;font-size:1rem;font-weight:bold;position:relative;line-height:1.5rem}
.card-link>span{display:block;font-size:1.1rem;overflow:hidden;padding-right:1.5rem;font-family:"Source Sans SemiBold",sans-serif}
.card-link::before{content:"\f059";font-size:1.2rem;color:var(--hover-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;float:left;margin-right:.5rem}
.card-link::after{content:"\f055";font-size:1.2rem;color:var(--hover-color);font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;right:1rem;top:1rem;transition:all 0.3s}
.card-body{padding:1rem;padding-top:0;padding-left:2.5rem;line-height:1.4rem;font-family:"Source Sans",sans-serif}
.card-link[aria-expanded="true"]::after{transform:rotate(-45deg)}
.inquiryForm3{position:relative;overflow:hidden;padding:3rem 0;background:url(../images/pro_bg.jpg) no-repeat center center;background-size:cover}
.inquiryForm3 video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;opacity:.5}
.inquiryForm3::before{content:'';width:100%;height:100%;background-color:#ddd;opacity:0;position:absolute;left:0;top:0;z-index:1}
.inquiryForm3>.container{position:relative;z-index:2}
.inquiryForm3_title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--main-color)}
.inquiryForm3_title small{display:block;font-size:1rem;text-transform:uppercase;color:var(--hover-color);font-family:Arial, Helvetica, sans-serif}
.inquiryForm3_title .inquery_h2{font-size:1.625rem;max-width:40%;text-transform:uppercase;margin-bottom:1rem;font-weight: 600;line-height: 1.2;}
.inquiryForm3_title>content>.inquery_h2{max-width: 65%; margin: 0 auto 1rem auto;}
.inquiryForm3_title p{margin-bottom:2rem}
.feedback{max-width:600px;margin:0 auto;background-color:#fff;border-radius:10px;padding:2rem}
.feedback>.webtitle{color:var(--main-color);font-weight:bold;text-align:center;margin-bottom: 1.25rem;line-height: 1.2;}
.otherkitchen2 ul{width:100%;margin:0;justify-content:space-between}
.otherkitchen2 ul li{width:calc(50% - 20px);margin-top:20px;padding:0}
.otherkitchen2 ul li a{border:none;background-color:#f5f5f5;border-radius:10px;overflow:hidden;flex-direction:row;padding:1.5rem;align-items:center}
.otherkitchen2 ul li a .imgbox{width:35%;padding:0}
.otherkitchen2 ul li a .textbox{width:65%;padding-left:30px;display:flex;flex-direction:column}
.otherkitchen2 ul li a .textbox h6{border-top:none;text-align:left;padding:0;margin-bottom:1rem;font-size:1.3rem;font-family:Arial, Helvetica, sans-serif;font-weight:500}
.otherkitchen2 ul li a .textbox p{color:var(--main-color)}
.otherkitchen2 ul li a .more>span{padding:.5rem 1rem;background-color:var(--main-color);color:#fff;border-radius:20px;transition:all .4s}
.otherkitchen2 ul li a .more>span::after{color:#fff}
.otherkitchen2 ul li a:hover .more>span{background-color:var(--hover-color);color:#fff}
.detailsAbout{padding:3rem 0}
.detailsAbout h3{max-width:50%;line-height:2.5rem}
.detailsAbout_content{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse}
.detailsAbout_content .imgbox{width:50%;padding-left:3.125rem;margin-top:-6rem}
.detailsAbout_left{width:50%}
.detailsAbout_left h4{color:var(--hover-color)}
.detailsAbout_left p{font-size:1.1rem;font-weight:300;line-height:1.875rem}
.detailsAbout_left .more1 a{background-color:var(--main-color);color:#fff}
.detailsAbout_left .more1 a:hover{background-color:var(--hover-color);border-color:var(--hover-color);color:#fff}
.detailsproCap{padding:3rem 0}
.detailsproCap ul{display:flex;flex-wrap:wrap;width:calc(100% + 10px);margin-left:-5px}
.detailsproCap ul li{width:20%;padding:0 5px;margin-bottom:10px;display:flex}
.detailsproCap ul li a{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;padding:20px;padding-top:0}
.detailsproCap ul li a::before{content:"";width:100%;height:85%;position:absolute;left:0;bottom:0;background-color:#f5f5f5;z-index:-1}
.detailsproCap ul li a .textbox{flex:1;display:flex;flex-direction:column;justify-content:space-between;width:100%;padding-top:1rem}
.detailsproCap ul li a .textbox h5{font-size:1rem;font-weight:500}
.detailsproCap ul li a .textbox p{flex:1}
/* Products-Details-End */
/* Галерея продукции */
.gallery_list{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.gallery_list li{width:calc(100% / 5);padding:0 10px;margin-top:20px;display:flex}
.gallery_list li a{flex:1;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#fff,#dfdfdf);border-bottom:2px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,0.1);overflow:hidden;position:relative;top:0;transition:all .4s;border-radius:10px}
.gallery_list li a .textbox{padding:.5rem;flex:1;display:flex;align-items:center;justify-content:center}
.gallery_list li a .textbox span{display:block;overflow:hidden;position:relative;font-size:0.85rem;font-weight:300;text-align:center;font-family:Arial, Helvetica, sans-serif}
.gallery_list li a:hover{top:-5px}
.gallery_list li a:hover .imgbox img{transform:scale(1.02)}
.inquiryForm4{padding:3rem 0;position:relative;overflow:hidden}
.inquiryForm4::before{content:"";width:100%;height:100%;background:url(../images/inquiryForm4_bj.jpg) no-repeat center center;background-size:cover;filter:blur(2px);position:absolute;left:0;top:0}
.inquiryForm4::after{content:"";width:100%;height:100%;background-color:#f5f5f5;opacity:.9;position:absolute;left:0;top:0}
.inquiryForm4>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;z-index:2}
.inquiryForm4 video{width:100%;max-width:600px;height:200px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.7;object-fit:cover;margin-left:60px}
.inquiryForm4_left{width:30%}
.inquiryForm4_left h2{font-weight:300;font-family:Arial, Helvetica, sans-serif;font-size:2rem;font-style:italic}
.inquiryForm4_left p{margin:0;font-size:1.2rem;line-height:1.875rem;font-weight:300}
.inquiryForm4_right{width:30%;display:flex;justify-content:flex-end}
.inquiryForm4_right .inquiryForm_btn>a{background-color:var(--main-color);color:#fff}
.inquiryForm4_right .inquiryForm_btn>a:hover{background-color:var(--hover-color)}
.inquiry_text{padding:3rem 0;overflow:hidden;position:relative;background-image:url(../images/about_bj1.png),url(../images/bj1.jpg);background-position:110% center,-12% 45%;background-repeat:no-repeat}
.inquiry_text::before{content:'';width:100%;height:100%;background-image:linear-gradient(to left,transparent,#fff 30%,#fff 78%,transparent);position:absolute;left:0;top:0}
.inquiry_text::after{content:'';width:100%;height:100%;background-image:linear-gradient(to right,transparent,rgba(0,0,0,0.1),rgba(0,0,0,0.1),transparent);position:absolute;left:0;top:0}
.inquiry_text>.container{position:relative;z-index:2;min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.inquiry_text p{margin:0 auto;max-width:76%;font-size:1.6rem;line-height:3rem;font-weight:300;text-align:center}
.inquiry_text .inquiryForm_btn a{margin-top:1.25rem;background-color:var(--main-color);color:#fff}
.inquiry_text .inquiryForm_btn a:hover{background-color:var(--hover-color)}
.proGallery_nav{padding:0 0 3rem 0}
.proGallery_nav ul{display:flex;flex-wrap:wrap;width:calc(100% + 10px);margin-left:-5px}
.proGallery_nav ul li{width:calc(100% / 3);padding:0 5px;margin-top:10px;display:flex}
.proGallery_nav ul li a{display:flex;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}
.proGallery_nav ul li a .textbox{display:flex;border-top:none;font-size:.95rem;line-height:1.875rem;padding:.4rem .8rem}
.proGallery_nav ul li a .textbox span{display:flex;align-items:center;justify-content:center}
.proGallery_nav ul li.active a,.gallery_list li.active a{background:var(--hover-color);color:#fff}
/* Галерея продукции-End */
/* Certificates */
.capBanner h2{margin:0 auto;max-width:70%}
.capabilities{padding:3rem 0}
.capabilities_list{display:flex;flex-wrap:wrap;justify-content:space-between}
.capabilities_list>li{width:100%;display:flex;flex-wrap:wrap;align-items:center;background:#f5f5f5;margin:0 0 2rem 0;padding:1.5rem;overflow:hidden;border-radius:0.6rem;box-shadow:0 5px 8px -5px rgba(151,163,184,0.5),0 15px 16px -15px rgba(151,163,184,0.5),0 25px 32px -25px rgba(151,163,184,0.5)}
.capabilities_list>li .imgbox{width:35%;border-radius:10px}
.capabilities_list>li .textbox{width:65%;padding-left:3rem}
.capabilities_list>li .textbox .capabilities_title{width:100%;position:relative;margin-bottom:1rem}
.capabilities_list>li .textbox .capabilities_title h4{margin-bottom:0}
.capabilities_list>li .textbox .capabilities_title::after{content:'';width:80px;height:3px;background-color:var(--hover-color);display:block;margin-top:5px}
.capabilities_list>li .textbox p:last-child{margin-bottom:0}
.capabilities_list>li .textbox2{width:100%;margin-top:1rem}
.local{width:100%;height:0;display:block;position:relative;top:-100px}
.imgbox .swiper .prev-button,.imgbox .swiper .next-button{width:30px;height:30px;border:1px solid #fff;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;position:absolute;left:2%;top:50%;transform:translateY(-50%);z-index:5}
.imgbox .swiper .next-button{left:auto;right:2%}
.capPro{padding:0 0 3rem 0}
.capPro ul{display:flex;flex-wrap:wrap}
.capPro ul li{width:50%;overflow:hidden;position:relative}
.capPro ul li .imgbox::after{content:'';width:100%;height:100%;background-color:rgba(255,255,255,.7);position:absolute;left:0;top:0;z-index:1}
.capPro ul li .textbox{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:0;top:0;z-index:2}
.capPro ul li .textbox .more>a{padding-bottom:.35rem;color:var(--hover-color);border-radius:0;border-bottom:1px solid var(--hover-color)}
.capPro ul li:nth-child(2) .imgbox::after{background-color:rgba(0,0,0,.4)}
.capPro ul li:nth-child(2) .textbox{color:#fff}
.capPro ul li:nth-child(2) .textbox .more>a{color:#fff;border-color:#fff}
.capPro ul li:nth-child(2) .textbox .more>a::after{color:#fff}
/* Certificates-End */
/* About */
.about_items{padding:3rem 0;background-color:#f5f5f5}
.about_items>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
.about_items_icon{width:130px;display:flex;justify-content:center}
.about_items_icon svg{width:50px;height:50px}
.about_items_icon svg{fill:#4a6e81}
.about_items_text{width:calc(100% - 260px);padding:50px;font-size:1.5rem;font-weight:500;line-height:2.5rem}
.about_items_icon:last-child{align-items:flex-end}
.about{padding:3rem 0}
.about ul{display:flex;flex-wrap:wrap}
.about ul li{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}
.about ul li h4{font-size:2rem}
.about ul li:last-child{margin-bottom:0}
.about ul li .about_left{width:40%}
.about ul li .about_right{width:60%;padding:2rem;padding-left:3rem}
.about ul li .about_right p{font-size:1.1rem;font-weight:300;line-height:1.625rem}
.aboutStory{background-color:#f5f5f5;padding:2rem;border-radius:20px;align-items:center;flex-direction:column}
.aboutStory h4{text-align:center}
.aboutFaqs{flex-direction:column}
.aboutFaqs_accordion{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.aboutFaqs_accordion .card{width:49%;margin-bottom:1rem}
/* About-End */
/* Профиль компании */
.company{padding:3rem 0}
.company figure{width:100%;margin:0}
.company_item{display:flex;flex-wrap:wrap;margin-bottom:30px}
.company_item h3{width:100%;display:flex;flex-direction:column;align-items:center}
.company_item h3::after{content:'';width:80px;height:2px;background-color:var(--hover-color);display:block;margin-top:.5rem}
.company_item1 .row{align-items:center}
.company_item1 p{font-size:1.1rem;line-height:2rem;font-weight:300}
.company_item1 h3{align-items:flex-start}
.company_item2 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.company_item2 ul li{width:calc(50% - 10px);margin-top:20px;background-color:#f5f5f5;padding:2rem}
.company_item2 ul li p{margin-bottom:0}
.company_item2 ul li:first-child{width:100%;margin-top:0}
.company_item2 ul li:nth-child(4),.company_item2 ul li:nth-child(5),.company_item2 ul li:nth-child(6){width:calc(calc(100% / 3) - 10px)}
.company_item .etw_photo li a{display:block;overflow:hidden;position:relative;border:1px solid #ccc}
.company_item .etw_photo li a::before{content:'';display:block;padding-top:75%}
.company_item:last-child{margin-bottom:0}
.company_nav{padding-bottom:3rem}
.company_nav ul{display:flex;flex-wrap:wrap}
.company_nav ul li{width:calc(100% / 6);border-right:1px solid #ccc;display:flex;padding:1rem}
.company_nav ul li a{flex:1;display:flex;flex-direction:column;align-items:center}
.company_nav ul li a .imgbox{width:80px;background-color:var(--main-color);overflow:hidden;border-radius:50%;transition:all .4s}
.company_nav ul li a .imgbox::before{content:'';display:block;padding-top:100%}
.company_nav ul li a .imgbox>span{width:80px;height:80px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:-100%;z-index:2}
.company_nav ul li a .imgbox>span>img{max-width:40px;filter:drop-shadow(0 80px #fff)}
.company_nav ul li a .textbox{margin-top:1rem;text-align:center;font-weight:500}
.company_nav ul li.active a .imgbox,.company_nav ul li:hover a .imgbox{background-color:var(--hover-color)}
.company_nav ul li.active a .textbox,.company_nav ul li:hover a .textbox{color:var(--hover-color)}
.company_nav ul li:last-child{border-right:none}
/* Профиль компании-End */
/* History */
.history{padding:3rem 0}
.history_item{display:flex;flex-wrap:wrap;margin-bottom:30px}
.history_title{width:100%;display:flex;flex-direction:column;align-items:center}
.history_title::after{content:'';width:80px;height:2px;background-color:var(--hover-color);display:block;margin-top:.5rem}
.history_item p{font-size:1.1rem;font-weight:300;line-height:2rem}
.history_item p:last-child{margin-bottom:0}
.history_list{display:flex;flex-direction:column;position:relative;margin-top:1rem;width:100%}
.history_list::before{content:'';width:2px;height:100%;background-color:#ccc;position:absolute;left:50%;top:0;transform:translateX(-50%)}
.history_list li{width:100%;margin-bottom:5rem;display:flex;flex-wrap:wrap;padding-right:50%;position:relative}
.history_list li h6{line-height:40px;font-size:2rem;margin-bottom:0;color:var(--hover-color);position:absolute;left:50%;top:20px;padding:0 8rem}
.history_list li h6::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#ccc;width:120px;height:2px}
.history_list li h6::after{content:'';position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--hover-color);box-shadow:0 1px 2px rgba(0,0,0,0.1);overflow:hidden;z-index:2}
.history_list li>div{opacity:0;flex:1;position:relative;transition:all .8s}
.history_list li>div::after{content:'';position:absolute;top:39px;right:-40px;height:2px;width:40px;background-color:#ccc;z-index:-1}
.history_list li>div strong{font-size:1.1rem}
.history_list li>div p{margin-bottom:.5rem;line-height:1.7rem}
.history_list li:nth-child(even){padding:0 0 0 50%}
.history_list li:nth-child(even) h6{left:auto;right:50%}
.history_list li:nth-child(even) h6::before{left:auto;right:0}
.history_list li:nth-child(even) h6::after{left:auto;right:0;transform:translate(50%,-50%)}
.history_list li:nth-child(even)>div{margin:0 0 0 40px}
.history_list li:nth-child(even)>div::after{right:auto;left:-40px}
.history_list li.active>div{opacity:1;margin-right:40px;background-color:#fff;padding:2rem;box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .8s}
.history_list li.active:nth-child(even)>div{margin:0 0 0 40px}
.history_list li>div p:last-child{margin-bottom:0}
.history_list li:last-child{margin-bottom:0}
/* History-End */
/* Контроль качества */
.quality{padding:3rem 0}
.quality figure{margin-bottom:0}
.quality_item{display:flex;flex-wrap:wrap;margin-bottom:30px}
.quality_list{display:flex;flex-wrap:wrap}
.quality_list>li{width:100%;margin-bottom:30px;display:flex;flex-wrap:wrap}
.quality_list>li:last-child{margin-bottom:0}
.quality_list>li h4{width:100%}
.quality_box{flex-direction:row-reverse}
.quality_left{width:70%;padding-left:50px}
.quality_right{width:30%}
.quality_box2{flex-direction:row}
.quality_box2 .quality_left{padding:0 50px 0 0}
.quality_pdf{display:flex;flex-wrap:wrap}
.quality_pdf a{padding:.6rem 1rem;padding-left:3rem;font-size:.95rem;border:1px solid #ccc;border-radius:30px;margin:10px 10px 0 0;overflow:hidden;position:relative;color:var(--main-color)}
.quality_pdf a::before{content:"\f756";font-size:1.5rem;color:var(--hover-color);display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:1rem;top:50%;transform:translateY(-50%)}
.quality_pdf a:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
.quality_pdf a:hover::before{color:#fff}
.quality_item:last-child{margin-bottom:0}
/* Контроль качества-End */
/* FAQs */
.faqs{padding:3rem 0}
.faqs .faqs_title{width:100%;display:flex;flex-direction:column;align-items:center;font-size:2rem;font-weight:bold;margin:60px 0 20px 0}
.faqs .faqs_title::after{content:'';width:80px;height:2px;background-color:var(--hover-color);display:block;margin-top:1rem}
.faqs .faqs_title:first-child{margin-top:0}
/* FAQs-End */
/* Download In Kolego */
.download{padding:3rem 0}
.download_item{margin-bottom:30px}
.download_item:last-child{margin-bottom:0}
.download_item .etw_photo li a{border:1px solid #ccc}
.download_pdf{display:flex;flex-wrap:wrap;margin-top:-10px}
.download_pdf a{padding:.6rem 1rem;padding-left:3rem;font-size:.95rem;box-shadow:0 12px 18px 0 rgba(25,42,70,.12);border-radius:30px;overflow:hidden;position:relative;color:#fff;margin:0 15px 0 0;background:var(--hover-color)}
.download_pdf a::before{content:"\f756";font-size:1.5rem;color:#fff;display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:1rem;top:50%;transform:translateY(-50%)}
.download_pdf a:hover{box-shadow:0 12px 18px 0 rgba(25,42,70,.33)}
.download_pdf a:hover::before{color:#fff}
/* Download In Kolego-End */
/* videos */
.videoHub{padding:1rem 0 3rem 0}
.videoHub .etw_hometitle{color:var(--main-color);font-size:2.5rem;line-height:4rem;font-weight:600;text-transform:uppercase}
.video_title{font-size:1.75rem;line-height:1.8rem;font-weight:bold;text-transform:capitalize;display:flex;justify-content:center;color:var(--main-color);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;font-style:italic}
.video_hub1{width:100%;margin-bottom:50px;-webkit-clip-path:polygon(100% 0,100% 80%,90% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 80%,90% 100%,0 100%,0 0)}
.video_hub1 a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:#f8f9fa}
.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(--main-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem;transition:all 0.4s}
.video_hub1 a .video_text>p{margin:0;color:var(--main-color);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:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.video_hub ul li{width:calc(50% - 15px);display:flex;transition:all 0.4s;margin-bottom:30px}
.video_hub ul li a{width:100%;display:flex;flex-direction:row-reverse;background-color:#f8f9fa;box-shadow:0 0 10px rgba(0,0,0,0.1);overflow:hidden}
.video_hub ul li a .video_img{width:50%;position:relative}
.video_hub ul li a .video_img .video_btn{width:40px;height:40px;font-size:1rem}
.video_hub ul li a .video_text{width:50%;display:flex;align-items:center;text-transform:capitalize;padding:1rem;padding-left:1.7rem;font-size:1.25rem;line-height:1.875rem;font-weight:500;color:var(--main-color);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:#f8f9fa;position:absolute;right:-20px;top:50%;transform:translateY(-50%)}
.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-bottom:3rem}
.video>.container{display:flex;flex-wrap:wrap;justify-content:space-between}
#video_right{width:65%}
#video_right .webtitle{font-size:2rem;font-weight:700;color:var(--main-color)}
#video_right video{width:100%}
.video_more{display:flex;margin-bottom:2rem}
.video_more a{padding:.4rem 1.2rem;border:2px solid var(--main-color);color:var(--main-color);border-radius:20px;font-family:"Source Sans SemiBold",sans-serif;font-style:italic}
.video_more a:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
.feedback2{max-width:100%}
#video_sidebar{width:30%;background-color:#f8f9fa;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1)}
#etw_videolist .webtitle{font-size:1.4rem;font-weight:700;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:.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:.4rem 1.2rem;border:2px solid var(--main-color);color:var(--main-color);border-radius:20px;font-family:"Source Sans SemiBold",sans-serif;font-style:italic;cursor:pointer}
.etw_videolist_more span:hover{background-color:var(--hover-color);color:#fff;border-color:var(--hover-color)}
/* videos-End */
/* Overview */
.overview{width:100%;overflow:hidden}
.overview_box{padding:3rem 0}
.overview_title{font-size:2rem;color:var(--main-color);text-transform:uppercase;text-align:center;font-weight:bold;position:relative;margin-bottom:1.25rem}
.overview_title>span{position:relative;padding:0 1.5rem;background-color:#fff}
.overview_title::before{content:'';width:100%;height:1px;background-image:linear-gradient(to right,transparent,var(--main-color),transparent);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.overview_more{display:flex}
.overview_more>a{display:inline-block;padding:.5rem 1.5rem;padding-right:1.5rem;padding-right:2.5rem;color:#fff;font-size:1rem;background-color:var(--main-color);font-family:Arial, Helvetica, sans-serif;font-weight:300;border-radius:30px;position:relative}
.overview_more>a::after{content:"\f138";color:#fff;display:inline-block;font-family:bootstrap-icons !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .4s}
.overview_more>a:hover{background-color:var(--hover-color);padding-right:4rem}
.overview_more>a:hover::after{right:1.5rem}
.overview_com{display:flex;flex-wrap:wrap;justify-content:space-between;font-family:"Source Sans",sans-serif}
.overview_com li{width:calc(50% - 20px);margin-bottom:20px}
.overview_com li h3{padding-bottom:1rem;position:relative;font-size:1.5rem}
.overview_com li h3::before{content:'';width:100%;height:1px;background-color:#ccc;position:absolute;left:0;bottom:2px}
.overview_com li h3::after{content:'';width:50px;height:5px;background-color:var(--hover-color);position:absolute;left:0;bottom:0;transition:all .4s}
.overview_com li p{margin-bottom:0;color:#000;opacity:.8}
.overview_com li:hover h3::after{width:100%}
.overview_title2 span{max-width:55%;display:inline-block;background-color:#f8f9fa}
.overviewCap_content{padding:0 40px;position:relative;margin-bottom:1.25rem}
.overviewCap .swiper-slide{height:auto;display:flex}
.overviewCap .swiper-slide>a{flex:1;display:flex;flex-direction:column}
.overviewCap .swiper-slide>a .imgbox span{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--main-color);color:#fff;font-size:.8rem;position:absolute;left:5px;top:5px;z-index:2}
.overviewCap .swiper-slide>a h6{flex:1;font-weight:400;text-align:center;padding:.5rem;margin-bottom:0;background-color:#fff;display:flex;align-items:center;justify-content:center}
.overviewCap_content .prev-button,.overviewCap_content .next-button{width:30px;height:50px;background-color:rgba(238,41,40,.8);position:absolute;left:0;top:50%;transform:translateY(-50%);margin-top:-25px;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff}
.overviewCap_content .next-button{left:auto;right:0}
.overview_title3 span{max-width:40%;display:inline-block}
.overviewPro{display:flex;flex-wrap:wrap}
.overviewPro_item{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:1.875rem}
.overviewPro_item h6{margin-bottom:0;font-size:1.25rem;padding-bottom:.625rem;position:relative}
.overviewPro_item h6::after{content:'';width:100%;height:1px;background-color:var(--hover-color);position:absolute;left:0;bottom:0;z-index:2}
.overviewPro_item>ul{display:flex;flex-wrap:wrap;margin-top:-1px;padding-left:1px;margin-bottom:20px}
.overviewPro_item>ul>li{width:calc(100% / 5);margin-left:-1px;display:flex}
.overviewPro_item>ul>li>ol{flex:1;display:flex;flex-direction:column;border:1px solid #ccc;padding:.6rem}
.overviewPro_item>ul>li>ol .textbox{padding-top:1rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}
.overviewPro_item>ul>li>ol .textbox h5{font-size:1rem}
.overviewPro_item>ul>li>ol .textbox p{flex:1;font-size:.95rem;line-height:1.375rem}
.overviewPro_item2{margin-bottom:0}
.overviewPro_item2>ul>li{width:calc(100% / 5);margin-bottom:-1px}
.overviewPro_item>ul>li>a{flex:1;display:flex;flex-direction:column;border:1px solid #ccc;padding:1rem}
.overviewPro_item>ul>li>a .imgbox img{max-width:70%}
.overviewPro_item>ul>li>a .textbox{padding-top:1rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}
.overviewPro_item>ul>li>a .textbox h5{font-size:1rem}
.overviewPro_item>ul>li>a .textbox p{flex:1;font-size:.95rem;line-height:1.375rem}
.overviewVideo{background-image:linear-gradient(#f5f5f5,#fff)}
.overviewVideo .overview_title span{background-color:#f5f5f5}
.overviewVideo ul{display:flex;flex-wrap:wrap;width:calc(100% + 20px);margin-left:-10px}
.overviewVideo ul li{width:25%;padding:0 10px;margin-bottom:20px}
.overviewVideo ul li>a{display:flex;flex-direction:column;background-color:#f8f9fa;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.overviewVideo ul li .textbox{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;font-family:"Source Sans",sans-serif;transition:all .4s}
.overviewVideo ul li:hover .textbox{background-color:var(--hover-color);color:#fff}
.overviewVideo ul .video_btn{width:50px;height:50px}
.video_btn::before{font-size:1.2rem}
/* Overview-End */
.contact{padding:1rem 0 2rem 0;font-family:"Source Sans",sans-serif}
.co_name{font-size:1.25rem;font-weight:700;color:var(--hover-color);font-family:"Fira Sans",sans-serif}
.co_name strong{font-size:1rem;color:#000}
.contact a{color:var(--hover-color);text-decoration:underline}
.contact a:hover{text-decoration:none}
.contact .webtitle span{color:var(--hover-color);text-align:left;text-transform:uppercase;font-weight:bold;font-size: 2.5rem;margin-bottom: 1.25rem;line-height: 1.2;display: block;}
/* jxc */
.banner_box h2{font-size:3.2rem;line-height:3.5rem;color:#fff;text-transform:uppercase;font-weight:500;margin-bottom:2rem;font-family:Arial, Helvetica, sans-serif;text-shadow:2px 2px #000;text-align:center}
.banner_box h2 span{display:block}
.banner_box p{font-family:Arial, Helvetica, sans-serif;text-shadow:2px 2px #000}
.banner_box a{min-width:200px;height:60px;font-size:1.25rem;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;font-weight:300;text-transform:none;background:rgba(255,255,255,.85);color:#333;font-family:Arial, Helvetica, sans-serif}
#gallery{box-shadow:rgba(27,26,26,0.1) 0 3.125rem 6.25rem -1.25rem,rgba(27,26,26,0.3) 0 1.875rem 3.75rem -1.875rem}
.finishes_list li{box-shadow:1px 2px 3px #999}
.homePro_left .imgbox{padding:0}
.etw_title h3{font-family:Arial, Helvetica, sans-serif;font-weight:300;font-size:2.6rem;line-height:3rem}
.homeAbout ul li{border-right:1px solid #eee;justify-content:start;position:relative}
.homeAbout ul li>div>span{font-family:Arial, Helvetica, sans-serif;font-weight:500}
.homeAbout{background-image:none}
.homeAbout::before{content:'';width:100%;height:100%;background-image:url(../images/about_bj.png);background-size:cover;width:600px;height:531px;position:absolute;right:0;top:0;left:auto;opacity:.3}
.homeAbout::after{display:none}
.homePro_right h4{font-family:Arial, Helvetica, sans-serif;font-weight:500;font-size:1.6rem;line-height:1.8rem}
.homePro small{display:block;margin:0 auto 1.25rem auto;font-size:1rem;text-align:center;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;font-weight:600}
.homePro_right{width:45%;padding:2rem 4rem;display:flex;flex-direction:column;justify-content:space-around}
.homePro_right h4{font-family:Arial, Helvetica, sans-serif;font-weight:500;font-size:1.6rem;line-height:1.8rem;border-bottom:1px solid #eee;padding:0.5rem 0;margin:0 0 0.5rem}
.homePro_right .more1 a{padding:.4rem 1.1rem;padding-right:1.1rem;background-color:var(--main-color);color:#fff}
.homePro_right p{margin:0}
.homePro_right .finishes{width:100%;z-index:3;position:relative;left:auto;bottom:auto}
.homePro_right .finishes_list{justify-content:start}
.homePro_right .finishes_list li{width:35px;height:35px;margin:0 3% 0 0}
.homePro_right dl{margin:0;padding:0}
.homePro_right .more1 a{font-family:Arial, Helvetica, sans-serif;font-weight:200;font-size:0.9rem;line-height:0.9rem;border-radius:2rem;padding:0.5rem 1.5rem}
.homePro_right dl dd a{font-size:1rem;display:inline-block;position:relative;padding-left:1rem;font-family:Arial, Helvetica, sans-serif;font-weight:300}
.homePro_right dl dd a::before{content:'';font-weight:normal;left:-2px;top:48%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;position:absolute;border:3px solid var(--hover-color);opacity:.7}
.more1 a{font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;background-color:#fff;border:none;padding:.7rem 1.4rem;padding-right:1.4rem;font-size:1.2rem;line-height:1;transition:all .4s;position:relative;border-radius:0;background-color:var(--hover-color);color:#fff}
.top_name{width:150px;position:relative;float:left;margin:2.3rem 0 0 1rem}
.top_name h5{font-size:0.9rem;line-height:1rem;display:block;margin:0;color:#545454;font-weight:600;font-family:Arial, Helvetica, sans-serif;border-left:1px solid #ddd;padding:0 0 0 1rem;text-transform:uppercase}
#etw_language>a.dropdown-item{font-size:0.85rem;line-height:1rem}
.navbar-expand-lg .navbar-nav .nav-link{font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:0.95rem;line-height:0.95rem}
.small_title{color:var(--hover-color);text-align:center;font-size:0.9rem;text-transform:uppercase;font-weight:400;font-family:Arial, Helvetica, sans-serif}
.homeAbout small{display:block;max-width:80%;font-size:1rem;margin:0 auto 1.25rem auto;text-align:center;line-height:1.6rem}
.thumbs .swiper{width:100%;border-bottom:1px solid #ddd}
.homeAbout ul li>div{font-weight:400}
.banner_box h2{font-size:3rem;line-height:3.6rem;color:#fff;text-transform:uppercase;font-weight:500;margin-bottom:2rem;font-family:Arial, Helvetica, sans-serif;text-shadow:2px 2px #000;text-align:center}
.banner_box h2 span{display:block}
.banner_box p{font-family:Arial, Helvetica, sans-serif;text-shadow:2px 2px #000}
.banner_box a{min-width:200px;height:60px;font-size:1.25rem;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;font-weight:300;text-transform:none;background:rgba(255,255,255,.85);color:#333;font-family:Arial, Helvetica, sans-serif}
.banner_box1>content{max-width:900px}
#gallery{box-shadow:rgba(27,26,26,0.1) 0 3.125rem 6.25rem -1.25rem,rgba(27,26,26,0.3) 0 1.875rem 3.75rem -1.875rem}
.finishes_list li{box-shadow:1px 2px 3px #999}
.thumbs .swiper .swiper-slide h4{font-family:Arial, Helvetica, sans-serif;font-size:.9rem;padding:0 0 0.5rem;font-weight:400}
.homePro_left .imgbox{padding:0}
.etw_title h3{font-family:Arial, Helvetica, sans-serif;font-weight:300;font-size:2.6rem;line-height:3rem}
.homeAbout ul li{border-right:1px solid #eee;justify-content:start;position:relative}
.homeAbout ul li>div>span{font-family:Arial, Helvetica, sans-serif;font-weight:600;font-size:1.6rem;display:inline-block;color:#333}
.homeAbout{background-image:none}
.homeAbout::before{content:'';width:100%;height:100%;background-image:url(../images/about_bj.png);background-size:cover;width:600px;height:531px;position:absolute;right:0;top:0;left:auto;opacity:.3}
.homeAbout::after{display:none}
.homePro_right h4{font-family:Arial, Helvetica, sans-serif;font-weight:500;font-size:1.6rem;line-height:1.8rem}
.homePro small{display:block;margin:0 auto 1.25rem auto;font-size:1rem;text-align:center;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;font-weight:600}
.homePro_right{width:45%;padding:2rem 4rem;display:flex;flex-direction:column;justify-content:space-around}
.homePro_right h4{font-family:Arial, Helvetica, sans-serif;font-weight:500;font-size:1.6rem;line-height:1.8rem;border-bottom:1px solid #eee;padding:0.5rem 0;margin:0 0 0.5rem}
.homePro_right .more1 a{padding:.4rem 1.1rem;padding-right:1.1rem;background-color:var(--main-color);color:#fff}
.homePro_right p{margin:0}
.homePro_right .finishes{width:100%;z-index:3;position:relative;left:auto;bottom:auto}
.homePro_right .finishes_list{justify-content:start}
.homePro_right .finishes_list li{width:35px;height:35px;margin:0 3% 0 0}
.homePro_right dl{margin:0;padding:0}
.homePro_right .more1 a{font-family:Arial, Helvetica, sans-serif;font-weight:200;font-size:0.9rem;line-height:0.9rem;border-radius:2rem;padding:0.5rem 1.5rem}
.homePro_right dl dd a{font-size:1rem;display:inline-block;position:relative;padding-left:1rem;font-family:Arial, Helvetica, sans-serif;font-weight:300}
.homePro_right dl dd a::before{content:'';font-weight:normal;left:-2px;top:48%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;position:absolute;border:3px solid var(--hover-color);opacity:.7}
.more1 a{font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;background-color:#fff;border:none;padding:.7rem 1.4rem;padding-right:1.4rem;padding-right:1.4rem;font-size:0.9rem;line-height:1;transition:all .4s;position:relative;border-radius:0;background-color:var(--hover-color);color:#fff;font-weight:300}
.homeProducts_item dl dd>a{box-shadow:none}
.homeProducts_item dl dd>a:hover{box-shadow:0 5px 8px -5px rgba(151,163,184,0.5),0 15px 16px -15px rgba(151,163,184,0.5),0 25px 32px -25px rgba(151,163,184,0.5)}
.homeProducts_item .imgbox{padding:1rem}
.etw_box_bg{background:url(../images/pro_bg.jpg) no-repeat;background-size:cover;background-attachment:fixed}
.etw_box_bg .container{max-width:1300px}
.homeProducts small{display:block;max-width:68%;margin:0 auto 1.25rem auto;font-size:1.1rem;text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:300;line-height:1.6rem}
.homeProducts_item dl dd>a:hover .imgbox img,.homeProducts_item dl dd>a .imgbox:hover img{transform:scale(1.03)}
.homeProducts_item dl dd>a .textbox h5{font-weight:400;font-size:1.1rem;line-height:1.3rem;margin-bottom:0;font-family:Arial, Helvetica, sans-serif}
.homeProducts_item dl dd>a .textbox{border-top:none;flex:1;padding:1.5rem;display:flex;flex-direction:column}
.homeProducts_item dl{justify-content:space-between}
.homeProducts_item dl dt>h3{font-size:1.6rem;line-height:2rem;font-family:Arial, Helvetica, sans-serif;font-weight:500}
.homeProducts_item dl dt>h3 span{display:block}
.homeProducts_item dl dt,.homeProducts_item dl dd{width:calc(calc(100% / 5) - 1%)}
.homeProducts_item dl dd{padding:0;transition:.3s all ease-in-out}
.homeProducts_item dl dd:hover{transform:translateY(-5px)}
.homeProducts_item dl dt{display:flex;flex-wrap:wrap;align-content:center;padding:2rem 0;z-index:0;position:relative;flex-direction:row}
.homeProducts_item dl dt>h3{color:#333;text-align:left;position:relative;margin:1rem 0 2rem}
.homeProducts_item dl dt h3:before{position:absolute;content:'';background:var(--hover-color);width:60px;height:3px;left:1px;bottom:-10px;z-index:-1}
.homeProducts_item dl dt a.more{position:relative;font-weight:400;font-family:Arial, Helvetica, sans-serif;font-size:0.85rem;line-height:0.85rem;display:inline-block;position:relative;text-transform:uppercase;color:#666;padding-right:20px}
.homeProducts_item dl dt a.more:after{content:"";background:url(../images/icon4.png) no-repeat;background-size:cover;width:16px;height:16px;top:-3px;position:absolute;margin:0 0 0 5px;transition:.3s all ease-in-out;right:0}
.homeProducts_item dl dt a.more:hover:after{margin:0 0 0 10px}
.homeProducts_item dl dt>small{color:#fff;font-size:0.8rem;line-height:1.2rem}
.homeProcess_list{justify-content:space-between}
.homeProcess small{display:block;max-width:80%;margin:0 auto 1.25rem auto;font-size:1rem;text-align:center}
.homeProcess_list li{width:calc(calc(100% / 6) - 2%);background:url(../images/process_img.jpg) no-repeat;background-size:cover;padding:1rem;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:center;border-radius:0.5rem;box-shadow:1px 3px 5px rgba(0,0,0,.3)}
.homeProcess_list li h6{font-size:0.85rem;line-height:1.1rem;display:flex;flex-wrap:wrap;align-items:center;margin:0;font-family:Arial, Helvetica, sans-serif}
.homeProcess_list li::before{content:'';background:url(../images/icon3.png) no-repeat center center;background-size:cover;width:18px;height:18px;position:absolute;right:-24px;top:40%;z-index:2;opacity:.7}
.homeProcess_list2 li:nth-child(2n)::before{background:url(../images/icon3.png) no-repeat center center;background-size:cover;top:38%}
.homeProcess_list li:nth-child(2n)::before{background:url(../images/icon3.png) no-repeat center center;background-size:cover;top:38%}
.application2{position:relative;width:94%;margin:3rem auto 0;max-width:1200px;font-family:Arial, Helvetica, sans-serif}
.application2 .etw_title h3{margin:0}
.application2 ul{display:flex;flex-wrap:wrap}
.application2 ul li{padding:1rem;position:relative;display:flex;flex-wrap:wrap;align-items:center}
.footer_center h5{width:fit-content;padding-right:3rem;border-bottom:none;font-family:Arial, Helvetica, sans-serif;font-weight:400}
.footer_center ul li a{display:block;opacity:1;margin:.5rem 0;font-family:Arial, Helvetica, sans-serif;font-size:0.9rem;font-weight:300;line-height:1.1rem}
.footer_center1{padding:0 0 0 2rem}
.footer_bg{position:relative}
.footer_text{font-size:1rem}
.home_video{position:relative;margin:0 0 2rem}
.home_video::before{position:absolute;content:'';background:url(../images/bg-slider.png) no-repeat;background-size:cover;max-width:800px;height:33px;bottom:-33px;left:0;right:0;margin:0 auto}
.video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_btn2{display:flex;flex-wrap:wrap;position:absolute;width:80px;height:80px;opacity:1;cursor:pointer;z-index:10;background:url(../images/video_btn.png) no-repeat;background-size:auto;background-size:cover;border-radius:50%}
.item_box>li p{font-size:0.9rem;line-height:1.4rem}
.item_box1{position:relative}
.item_box_bg p{font-size:0.9rem;line-height:1.4rem}
.item_box_bg h4{font-size:1.2rem;line-height:1.3rem;font-family:Arial, Helvetica, sans-serif;font-weight:500}
.item_box_bg{background:#f5f5f5;margin:0 0 1rem;padding:1.5rem;overflow:hidden;border-radius:0.6rem;box-shadow:0 5px 8px -5px rgba(151,163,184,0.5),0 15px 16px -15px rgba(151,163,184,0.5),0 25px 32px -25px rgba(151,163,184,0.5)}
@media (max-width:1199.98px){.banner_box h2{font-size:2.5rem}
}@media (max-width:991.98px){.banner_box h2{font-size:2rem;line-height:2.5rem;margin-bottom:1rem}
.banner_box p{font-size:1.25rem;line-height:1.6rem;margin-bottom:1rem}
.banner_box a{font-size:1rem;height:50px}
.homePro_right{padding:1rem 1.5rem;justify-content:inherit}
.homePro_right .finishes_list{margin-top:0.5rem;margin-bottom:0.5rem}
.etw_pro1 ul li{width:25%}
}@media (max-width:767.98px){.banner_box p,.banner_box a{display:none}
.banner_box h2{font-size:1.4rem;line-height:1.8rem}
.homeAbout ul li{width:50%}
.homeAbout ul li:nth-child(2){border-right:none}
.etw_title h3{font-size:2rem;line-height:2.5rem}
.thumbs .swiper .swiper-slide h4{text-transform:capitalize;font-size:0.9rem}
#gallery .swiper-slide{display:block}
.more1{margin-top:1rem}
.homePro_right,.homePro_left{width:100%}
.homeProcess_list li{width:32%}
.homeProcess_list li:nth-child(3)::before,.homeProcess_list2 li:nth-child(4)::before{display:none}
.homeProcess_list2 li:nth-child(3)::before{background:url(../images/icon3.png) no-repeat center center;background-size:cover;top:38%;display:block}
.homeProducts_item dl dd{width:32%}
.homeProducts_item dl{margin-left:0}
.homeProducts_item dl dt{margin-left:0;width:32%}
.footer_left,.footer_right{width:100%}
.nbanner_title h2,.nbanner_title .etw_hometitle{font-size:2rem;line-height:2.4rem;margin-bottom:0.75rem}
.etw_pro1 ul li,.etw_pro2 ul li,.proCap ul li,.etw_pro4 ul li,.proCaps_item ul li,.etw_photo5 li,.etw_photo6 li,.relatedPro3 ul li,.gallery_list li,.company_nav ul li{width:33.33%}
.company_nav ul li:nth-child(3n){border-right:none}
.inquiryForm_left,.inquiryForm_right,.etw_pro3_box .imgbox,.etw_pro3_box .textbox{width:100%}
.etw_pro3_box .imgbox{position:relative;top: 0; bottom: 0;}
.etw_pro3_box .textbox{padding:0}
.proHub_item ul li,.otherPro ul li{width:50%}
.proAbout_left,.proAbout_right{width:100%}
.proAbout_left>img{width:100%}
.proAbout_left .imgbox img{display:none}
.proAbout_right{padding:20px 0 0 0}
.proCaps_title{width:100%;text-align:left}
.proCaps_item:first-child ul{width:100%;padding-left:0;padding-top:20px}
.imgbox img.img-cover{display:block}
.proCaps_item:first-child ul li:nth-child(1){padding-left:0}
.tag_list li{width:25%}
.proDetails h2{margin-top:1rem}
.inquiryForm3_title .inquery_h2{max-width:100%}
.otherkitchen2 ul li,.video_hub ul li,#video_right,#video_sidebar{width:100%}
.inquiry_text p{max-width:100%;font-size:1.5rem;line-height:1.8rem}
.etw_photo4 li{width:50%}
.inquiryForm_left{padding:1rem}
#etw_videolist ul li{width:49%;float:left;margin-right:2%}
#video_sidebar{margin-top:1rem}
#etw_videolist ul{display:flex;flex-wrap:wrap;width:100%;flex-direction:inherit}
#etw_videolist ul li:nth-child(2n){margin-right:0}
}@media (max-width:575.98px){.banner_box h2{font-size:1.1rem;line-height:1.4rem}
#etw_logo>a>img{width:120px;height:auto}
.homeAbout ul li{width:100%;border-right:none;border-bottom:1px solid #eee}
.homeProcess_list li{width:49%}
.homeProcess_list li:nth-child(2n):before{display:none}
.homeProcess_list li:nth-child(3):before{display:block}
.homeProcess_list2 li:nth-child(2n)::before{display:block}
.homeProcess_list2 li:nth-child(1)::before,.homeProcess_list2 li:nth-child(5)::before,.homeProcess_list2 li:nth-child(3)::before{display:none}
.homeProducts_item dl dd{width:49%}
.homeProducts_item dl dt{width:49%}
.footer_center{width:100%;margin-top:1rem}
.footer_center1{padding-left:0}
.footer_center h5{padding-right:1rem;margin-bottom:0}
.nbanner_title h2,.nbanner_title .etw_hometitle{font-size:1.5rem;line-height:1.8rem}
.nbanner_title p{font-size:1rem}
.etw_pro1 ul li,.etw_pro2 ul li,.proCap ul li,.etw_pro4 ul li,.proCaps_item ul li,.etw_photo5 li,.tag_list li,.etw_photo6 li,.relatedPro2 ul li,.gallery_list li,.company_nav ul li{width:50%}
#quicknav{display:none}
.etwHub_list li a .imgbox,.etwHub_list li a .textbox,.about ul li .about_left,.about ul li .about_right,.aboutFaqs_accordion .card,.company_item2 ul li,.company_item2 ul li:nth-child(4),.company_item2 ul li:nth-child(5),.company_item2 ul li:nth-child(6){width:100%}
.company_nav ul li:nth-child(3n){border-right:1px solid #ccc}
.company_nav ul li:nth-child(2n){border-right:none}
.etwHub_list li a .textbox{padding:1rem}
.proAbout2 .proAbout_left,.proAbout2 .proAbout_right,.etw_photo3 li,.video_hub1 a .video_img,.video_hub1 a .video_text{width:100%}
.card-link>span{font-size:1rem}
.inquiry_text p{font-size:1.25rem;line-height:1.7rem}
.about ul li .about_right{padding:1rem}
.history_list li,.history_list li:nth-child(even),#etw_videolist ul li{width:100%;padding-right:0;padding-left:0}
.history_list li.active>div,.history_list li.active:nth-child(even)>div{margin-right:0;padding-top:4rem;margin-left:0}
.history_list li h6{left:0;z-index:10}
.history_list li>div::after,.history_list::before{display:none}
.history_list li:nth-child(even) h6{right:auto;left:0}
.history_list li:nth-child(even) h6::before{right:auto;left:0}
.history_list li:nth-child(even) h6::after{right:auto;left:0;transform:translate(-50%,-50%)}
.video_hub ul li a .video_text>span{font-size:1rem;line-height:1.5rem}
.contact .webtitle span{font-size:2rem}
.thumbs .swiper .swiper-slide h4{font-size:0.75rem; padding-left:12px;}
}@media (max-width:380.98px){.etw_pro1 ul li,.etw_pro2 ul li,.etw_pro4 ul li,.proHub_item ul li,.otherPro ul li,.proCaps_item ul li,.proCaps_item:first-child ul li:nth-child(1),.proCaps_item:first-child ul li:nth-child(2){width:100%;padding-left:0}
.relatedPro ul li,.otherkitchen2 ul li a .imgbox,.otherkitchen2 ul li a .textbox,.etw_photo5 li,.etw_photo6 li{width:100%}
.proCaps_item:first-child ul li:nth-child(2){padding-top:20px}
.relatedPro h5,.otherkitchen2 ul li a .imgbox,.otherkitchen2 ul li a .textbox{margin-top:1rem}
.otherkitchen2 ul li a .more>span{text-transform:capitalize}
.otherkitchen ul li a{display:block}
}@media(max-width:1200px){.homePro_right dl dd p,.homePro_right p{display:none}
}@media(max-width:991px){
	.etw_pro3{padding: 2rem 0;}
	.etw_pro3_content{padding:0 30px;}
	.etw_pro3 .swiper .swiper-slide{padding-top: 0;}
	.etw_pro3 .prev-button,.etw_pro3 .next-button{width:30px;height:30px;font-size:1.5rem;}
	.etw_pro3 .etw_title h3 {padding-bottom: 0;}
}
@media(max-width:780px){.homePro_right h4,.homePro_right .finishes{text-align:center}
.homePro_right .finishes_list{justify-content:center}
.more1{display:flex;flex-direction:row;justify-content:center}
}
/* 2024-08-01 */
@media(max-width:991.98px){
	.overviewPro_item>ul>li {width: calc(100% / 4);}
}
@media(max-width:776.98px){
	.etw_pro3_content {padding: 0;}
	.etw_pro3_content .swiper{padding-bottom: 24px;}
	.etw_pro3_content .swiper	.swiper-pagination-bullet{background-color: #fff;}
	.otherkitchen {padding: 2.5rem 0;}
	.otherkitchen ul li {width: calc(100% / 3);}
	.inquiryForm2{padding: 2.5rem 0;}
	.detailsproCap {padding: 2rem 0;}
	.detailsproCap ul li {width: calc(100% / 3);}
	.overview_box {padding: 2rem 0;}
	.overview_com li {width: 100%;}
	.overview_title {font-size: 1.5rem; margin-bottom: 1rem;}
	.overview_title span {max-width: 85%; padding: 0 10px;}
	.overviewPro_item>ul>li {width: calc(100% / 3);}
	.overviewVideo ul li {width: calc(100% / 3);}
	.download {padding: 2rem 0;}
	.company_item2 ul li:nth-child(4),.company_item2 ul li:nth-child(5){width: calc(50% - 10px);}
	.company_item2 ul li:nth-child(6){width: 100%;}
}
@media(max-width:575.98px){
	.otherkitchen {padding: 2rem 0;}
	.otherkitchen ul li {width: 50%;}
	.inquiryForm2{padding: 2rem 0;}
	.detailsproCap ul li {width: 50%;}
	.overview_box {padding: 1.5rem 0;}
	.homeProcess_list li::before{display: none !important;}
	.overviewPro_item>ul>li {width: 50%;}
	.overviewVideo ul li {width: 50%;}
	.download {padding: 1.5rem 0;}
	.company_nav {padding-bottom: 1.5rem;}
	.company_item2 ul li:nth-child(4),.company_item2 ul li:nth-child(5){width: 100%;}
}
@media(max-width:480.98px){
	.etw_pro1 ul li, .etw_pro2 ul li, .proCap ul li, .etw_pro4 ul li, .proCaps_item ul li, .etw_photo5 li, .tag_list li, .etw_photo6 li, .relatedPro2 ul li, .gallery_list li, .company_nav ul li {width: 100%;}
	.gallery_list li img{ width:100%;}
	.proCap ul li .imgbox>img{width: 100%;}
	.proHub_item ul li,.otherPro ul li{width: 100%;}
	.proHub_item ul li .imgbox>img,.otherPro ul li .imgbox>img{width: 100%;}
	.relatedPro ul li a .imgbox>img{width: 100%;}
	.etw_photo2 li {width: 100%;}
	.otherkitchen ul li {width: 100%;}
	.otherkitchen ul li .imgbox>img{width: 100%;}
	.detailsproCap ul li {width: 100%;}
	.detailsproCap ul li .imgbox>img{width: 100%;}
	.overviewPro_item>ul>li {width: 100%;}
	.overviewVideo ul li {width: 100%;}
	.overviewVideo ul li .imgbox img{width: 100%;}
	.download_pdf a {padding: .6rem .8rem; padding-left: 3rem; margin: 0 10px 10px 0;}
	.company_nav ul li {width: 50%;}
	.etw_photo_customers li{width: 50%;}
}
@media(max-width:375.98px){
	.company_nav ul li {width: 100%; border-right: none !important; border-bottom: 1px solid #ccc;}
	.etw_photo_customers li{width: 100%;}
}