* { margin: 0; padding: 0; border: 0; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: borde; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei"; color: #333333;font-size: 16px;font-weight: 400;line-height: 1.5; background-color: #ffffff; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a,a:hover,a:focus { text-decoration: none; color: #333333;}
iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }
p {color: #333333;font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0 0 20px 0;}
ol, ul { list-style-position: outside; margin: 0 0 20px 0; padding-left: 30px;}
ul li, ol li{ font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0 0 10px 0; color: #333333; }
blockquote { font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0 0 30px 24px; padding: 0 0 0 22px; border-left: 4px solid #bfdeee; color: #9b9b9b; font-style: italic; }
::-moz-selection { background: #B5CAE2; }
::selection { background: #B5CAE2; }
.grid::before,.grid::after,.clearfix::before,.clearfix::after{content: ''; clear: both; display: table;}
.lt, .grid .grid_2, .grid .grid_3, .grid .grid_4,.grid .grid_5, .graphic .graphic-img, .graphic .graphic-info, .content .sidebar, .content .sidebar_info { float: left; }
.rt { float: right; }
h1{font-size: 60px; line-height: 66px; margin: 0;}
h2{font-size: 30px;font-weight: 700;line-height: 150%;margin: 0;color: #004A99;}
h3{font-size: 22px;font-weight: 700;line-height: 150%;margin: 0;color: #1B1B1B;}
input{border-radius:0;-webkit-appearance: none;}
*:hover{-webkit-transition: all .2s;}
*a:hover{cursor:pointer;}
::selection{background: #004A99;color:#ffffff;}

#wrapper{width: 100%; max-width: 2560px; min-width: 1260px;  margin: 0 auto; word-wrap: break-word; overflow: hidden;}
.wrap{width: 1170px; margin: 0 auto;}
#news, #newlist, #about, #error, #sitemap, #privacy,#prdlist,#contact,#blogs,#blogs-con{margin-top: 180px;}
#product h1,#news h1,#newlist h1,#about h1,#sitemap h1,#privacy h1,#contact h1,#blogs h1 {font-size: 30px;font-weight: 700;line-height: 150%;color: #004A99;}

#header{width: 100%;max-width: 2560px;position: fixed;background-color: transparent;z-index: 999;top: 0;height: 100px;background-color: #FFFFFF;box-shadow: 4px 2px 4px rgba(230, 230, 230, 0.8);}
#header .topmenu{height: 100px;position: relative;width: 1170px;margin: 0 auto;}
#header .logo{float: left;margin-right: 220px;width: 120px;position: relative;margin-top: 4px;}
#header .ENBL{width: 120px;height: 33px;display: block;fill: #004499;}


#header .menu,#header .menu-nav{margin: 10px 0 0 0;list-style: none;}
#header .menu ul{margin: 10px 0 0 0;list-style: none;}
#header ul li a,#header .m-nav ul li a{padding: 0;margin: 0;float: left;}
#header ul li:before,#header .m-nav ul li:before{display: none;}
#header ul li a{font-size: 16px; font-weight: 500; line-height:130%; color: #000000; display: block;position: relative;float: left;text-align: center;padding: 4px 20px 40px 0;margin: 0 15px;
  overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
#header .menu-nav a{font-size: 16px; font-weight: 500; line-height:130%; color: #000000; display: block;position: relative;float: left;text-align: center;padding: 4px 20px 40px 20px;margin: 0 15px;
  overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;max-width: 110px;}
#header .menu>li>a,#header .menu-nav>li>a{max-width: 130px;}
#header .menu li:nth-child(1) a::after,#header .menu li:nth-child(2) a::after{content: "";position: absolute;top: 24%;right: 4%;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #888888;}
#header .menu li:nth-child(1):hover a::after,#header .menu li:nth-child(2):hover a::after{content: "";position: absolute;top: 24%;margin-left: 4%;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #147CF3;}
#header .center-menu,#header .menu-nav{display: flex;padding: 0;}

#header .topmenu .language{width: 100px;position: absolute;top: 44px;right: 40px;}
#header .language a{padding: 0;margin: 0;}
#header .language a:hover{color: #147CF3;cursor:pointer;}
#header .language .trp-ls-shortcode-current-language a{font-size: 15px;line-height: 120%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 90px;padding-left: 30px;padding-top: 4px;padding-bottom: 6px;}
#header .language svg{width: 22px;height: 22px;margin: 1px 6px 1px 0;position: absolute; fill: #004499;}
#header .language .trp-ls-shortcode-current-language a:hover{color: #147CF3;}
#header .language:hover svg{fill: #147CF3 !important;-webkit-transition: all .2s;cursor:pointer;}
#header .language li:focus a{color: #147CF3;}
#header .trp-ls-shortcode-current-language a{color: #004499 !important;}
#header .language:hover .trp-ls-shortcode-current-language a{color: #147CF3 !important;}
#header .language .trp-language-switcher{margin: 0; display: block;}
.trp-language-switcher{max-width: 100px !important;}
#header .language .trp-language-switcher .trp-ls-shortcode-current-language{width: auto !important; border: none; padding: 0; border-radius:0; background-images: none; display: block; height:25px; background: transparent;}
#header .language .trp-language-switcher .trp-ls-shortcode-language{border: none; border-radius:0; background-images: none; width: 360px !important; background-color: #004488;position: absolute; right: 0; left:auto; top: 26px; padding: 20px; visibility:visible;height:auto;/*min-height: 580px; */z-index: 1000000;}
#header .language .trp-language-switcher .trp-ls-shortcode-language  a{font-size: 14px;color: #BCBCBC;line-height: 20px;font-weight: 400;border-radius: 0; padding: 0 20px 12px 20px !important; width:50%; float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#header .language .trp-language-switcher:hover .trp-ls-shortcode-language{ display: block }
#header .language .trp-language-switcher:focus .trp-ls-shortcode-current-language,.language .trp-language-switcher:hover .trp-ls-shortcode-current-language{visibility:visible;}
#header .language .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language{color: #147CF3;} /*on_Language color*/
#header .language .trp-language-switcher .trp-ls-shortcode-language a:hover{color: #147CF3; background: transparent;}
#trp-floater-ls.trp-floater-ls-names{display: none;}
.trp-language-switcher > div > a > img{display: none !important;}/*flag icon*/
.trp-language-switcher > div{background-image: none !important;}

#header.{background-color: #001E3B;}
#header.active{background-color: #FFFFFF;box-shadow: 4px 2px 4px rgba(230, 230, 230, 0.8);}
#header.active .topmenu{border-bottom: transparent;min-height: 100px;}
#header.active .topmenu a{color: #000000;}
#header.active .menu ul li:nth-child(1) a::after,#header.active .menu ul li:nth-child(2) a::after{
  content: "";position: absolute;top: 24%;margin-left: 6px;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #888888;}
#header .submenu ul li a:after{display: none !important;}
#header.active .logo .ENBL{width: 120px;height: 33px;fill: #004A99;}
#header.active .trp-ls-shortcode-current-language a{color: #147CF3 !important;}
#header.active .language svg{width: 22px;height: 22px;margin: 1px 6px 1px 0;position: absolute; fill: #004488;}
#header.active .menu li:nth-child(1):hover a::after,#header.active .menu li:nth-child(2):hover a::after{content: "";position: absolute;top: 24%;margin-left: 4%;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #004A99;}
#header.active .search-form input[type="submit"] {width: 32px;height: 32px;background: url('/wp-content/themes/website/svg/search-2.svg') no-repeat;background-size: 70% 70%;border-radius: 50%;background-position: center;position: absolute;right: 0;}
#header.active .search-form input[type="text"]:focus {width: 300px;z-index: 1;cursor: text;border-bottom: 1px solid #004488;color: #666666;}

#header .menu>ul li:hover>a{color: #147CF3;}
#header .menu>li:hover>a{color: #147CF3;}
#header li.focus a,#header a:hover,#header .submenu li a:hover p,#header .menu-nav a:hover,#header ul li.focus a{color: #147CF3;}
#header.active li.focus a,#header.active a:hover,#header.active .submenu li a:hover p,#header.active .menu-nav a:hover,#header.active ul li.focus a{color: #147CF3;}
#header .header_con{padding: 30px 0 0 0;position: relative;}

#header .submenu{position: absolute;width: 100%;left: 0;top: 100px; z-index: 999; display: none; padding: 40px 80px; background: #ffffff;} 
#header .submenu ul{display: block; overflow: hidden; margin: 0 auto; list-style: none; padding: 0;display: grid;grid-template-columns: repeat(3, 33.33%);} 
/*#header .submenu ul li{float: left; margin-bottom: 30px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} */
#header .submenu ul li{float: left; padding: 20px;margin: 0;} 
#header .submenu li a{display: block; width: 100%;padding: 0;} 
#header .submenu li a img{width: 270px; height: 180px;display: block;} 
#header .submenu li a p{padding: 10px 0;color: #000000; font-size: 16px; font-weight: 400; line-height: 140%;text-align: left;margin: 0;}
#header .menu_mask{display: none; position: absolute; width: 100%; left: 0;top: 100px;  box-shadow: 5px 2px 5px rgba(0,0,0,.4); background-color: #ffffff; z-index: 500; }


#header .search-form {width: 20px;display: block;position: absolute;right: 0;top: 42px;}
#header .search-form a{padding: 6px 10px;}
#header .search-form svg{width: 16px;height: 16px;fill: #ffffff;vertical-align: middle;z-index: 100;}
#header .search-form input[type="text"] {height: 30px;font-size: 14px;display: inline-block;
  font-weight: 400;border: none;outline: none;color: #ffffff;padding: 5px 10px;padding-right: 30px;width: 0px;position: absolute;top: 0;right: 0;
  background: none;z-index: 3;transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);cursor: pointer; }
#header .search-form input[type="text"]:focus {width: 260px;z-index: 1;cursor: text;background-color: #004499;margin-right: -2px;color: #ffffff;}
#header .search-form input[type="submit"] {height: 30px;width: 30px;display: inline-block;float: right;background: url('/wp-content/themes/website/svg/search-2.svg') center center no-repeat;
  text-indent: -10000px;border: none;position: absolute;top: -2px;right: 0;z-index: 2;cursor: pointer;transition: opacity .4s ease;}

#home {overflow: hidden;}
#home .banner{width: 100%;height: 720px;background: url('/wp-content/themes/website/images/banner.png?w=1920&h=720') center center/cover no-repeat #004499;background-size: 1920px 720px;}
#home .banner .banner-con{position: absolute;top: 210px;left: 50%;margin-left: -585px;z-index: 10;width: 760px;}
#home .banner .banner-con h1{color: #FFFFFF;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.70);font-size: 36px;font-weight: 700;line-height: 140%;}
#home .banner .banner-con ul{padding: 0;margin: 24px 0 0 0;list-style-position: inside;list-style-type: disc;}
#home .banner .banner-con li{color: #FFF;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.50);font-size: 18px;font-weight: 500;line-height: 140%;}
#home .ce{display: flex;gap: 40px;margin-top: 40px;max-height: 60px;}
#home .ce svg{width: 45px;height: auto;fill: #ffffff;}
#home .ce svg:nth-child(3){width: 78px;}

#home .button{background: #147CF3;position: relative;color: #ffffff;font-size: 16px;font-weight: 400;text-transform: capitalize; padding: 10px 30px;display: inline-block;margin-top: 60px;}
#home .button:hover{background: #004A99;cursor:pointer;-webkit-transition: all .2s ease;}

.advantages{margin-top: 100px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 45px;}
.advantages .adv-con{display: grid;}
.advantages .adv-con .con-top{display: grid;grid-template-columns: 10% 90%;}
.advantages .adv-con svg{width: 30px;height: 26px;fill: #000000;padding-right: 10%;}
.advantages .adv-con .con-title{color: #000;font-size: 20px;font-weight: 500;line-height: 130%;text-transform: capitalize;margin: 0;padding: 0;}
.advantages .adv-con ul{margin-top: 12px;}
.advantages .adv-con ul li{color: #353839;font-size: 16px;font-weight: 400;line-height: 140%;margin-bottom: 10px;padding: 0}

#products{margin-top: 100px;}
#products .pro_grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 80px 45px;margin-top: 20px;}
#products .pro_3{width: 360px;}
#products .pro_3 img{width: 360px;height: 240px;display: block;margin-bottom: 20px;}
#products .pro_3 p{color: #000000;font-size: 18px;font-weight: 500;line-height: 130%;margin: 16px 0 12px 0;}
#products .pro_3 ul{margin: 0;}
#products .pro_3 li{color: #353839;font-size: 16px;font-weight: 400;line-height: 130%;margin-bottom: 8px;position: relative;}
#products .pro_3 span{display: inline-block;margin-top: 30px;font-size: 16px;color: #004A99;line-height: 130%;font-weight: 400;position: relative;}
#products .pro_3 svg{width: 30px;height: 13px;fill: #004A99;top: 7px;position: absolute;padding-left: 8px;}
#products .pro_3 a:hover span,#products .pro_3 a:hover p{color: #147CF3;}
#products .pro_3 a:hover svg{fill: #147CF3;}  


#home .factory{margin-top: 100px;margin-bottom: 110px;background: url('/wp-content/themes/website/images/factory.png?w=1920&h=354') center center/cover no-repeat transparent;
  background-size: 1920px 354px;background-position: center top;background-repeat: no-repeat;}
#home .factory .wrap{padding-top: 70px;}
#home .factory h2{font-size: 30px;font-weight: 700;line-height: 150%;padding-bottom: 19px;color: #ffffff;}
.factory .grid_2{display: grid;grid-template-columns: repeat(2, 1fr);gap: 70px;}
.factory .grid_2 img{width: 550px;height: 220px;display: block;}
.factory .grid_2 P{margin: 16px 0 8px 0;color: #1B1B1B;font-size: 22px;font-weight: 700;line-height: 150%;}
.factory .grid_2 ul{margin: 0;}
.factory .grid_2 ul li{color: #353839;font-size: 18px;font-weight: 400;line-height: 150%;margin-bottom: 6px;}

#home .technology h2{margin-bottom: 20px;}
#home .technology .info{display: grid;grid-template-columns: repeat(3, 1fr);gap: 45px;}
#home .technology .grid_3{background: #F5F5F5;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
/*  background-image:url('/wp-content/themes/website/svg/ENBLbg.svg'); */
  background-size: 85px 140px;background-repeat: no-repeat;background-position: left bottom;}
#home .technology .grid_3 img{width: 360px;height: 240px;display: block;}
#home .technology .grid_3 .grid_info{width: 100%;padding: 26px 30px 30px 30px;}
#home .technology .grid_3 .grid_info p{color: #000000;font-size: 18px;font-weight: 500;text-transform: capitalize;margin-bottom: 12px;}
#home .technology .grid_3 .grid_info ul{margin: 0;padding: 0;list-style-position: inside;}
#home .technology .grid_3 .grid_info ul li{color: #353839;font-size: 16px;font-weight: 400;line-height: 140%;margin-bottom: 10px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}

#cases .stories{margin-top: 100px;}
#cases .stories h2{margin-bottom: 20px;}
#cases .swiper-slide{display: flex;height: 500px;position: relative;max-height: 500px;}
#cases .swiper-slide img{width: 1170px;height: 360px;display: block;position: relative;}
#cases .swiper-wrapper{position: relative;}
#cases .con{width: 1000px;min-height: 176px;background: #F5F5F5;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);position: absolute;bottom: 0;padding: 30px 40px;}
#cases .con h3{color: #1B1B1B;font-size: 22px;font-weight: 500;line-height: 150%;margin-bottom: 20px;}
#cases .coninfo{display: grid;grid-template-columns: 35% 65%;}
#cases .coninfo .grid_3{padding-right: 40px;}
#cases .coninfo span{font-size: 14px;color: #444444;line-height: 140%;font-weight: 400;display: inline-block;margin-bottom: 4px;}
#cases .coninfo p{font-size: 18px;color: #000000;line-height: 140%;font-weight: 400;}
#cases .button{display: flex;position: relative;bottom: 28px;background: transparent;margin-top: 0;}
#cases .button:hover{background: transparent;}
#cases .swiper-button-next{width: 40px;height: 40px;position: absolute;right: 0;background-size: 100% 100%;}
#cases .swiper-button-prev{width: 40px;height: 40px;position: absolute;right: 60px;background-size: 100% 100%;left: auto;}
#cases .swiper-button-next:after,#cases .swiper-button-prev:after{display: none;}
#cases a:hover .con h4{color: #FF2600;}


.cases{margin-top: 80px;}
.cases .gallery{display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 6px;margin-top: 20px;}
.cases .gallery a{position: relative;}
.cases .gallery a img{width: 100%;height: 390px;display: block;}
.cases .gallery a:nth-child(1),.cases .gallery a:nth-child(2){grid-row: 1 / 4;}
.cases .gallery a:nth-child(3) img,.cases .gallery a:nth-child(4) img,.cases .gallery a:nth-child(5) img,.cases .gallery a:nth-child(6) img{height: 100%;}
.cases .gallery a:nth-child(5),.cases .gallery a:nth-child(6){margin-top: 6px;}
.cases .gallery a:hover::after,.cases .gallery a:hover::before{display: block;}
.cases .gallery a:before{content: '';width: 100%;height: 100%;background: rgba(0, 74, 153, 0.60);position: absolute;display: none;z-index: 1;}
.cases .gallery a:after{content: '';width: 40px;height: 40px;position: absolute;top: 44%;left: 44%;display: none;z-index: 100;background: url('/wp-content/themes/website/svg/zoom.svg');background-size: 100% 100%;}


.blog{margin-top: 100px;}
.blog .blog-info{margin-top: 20px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 45px;}
.blog .blog-info .grid_3{padding: 40px 20px;background: #F5F5F5;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);}
.blog .blog-info .grid_3 .day{color: #666666;font-size: 16px;font-weight: 400;line-height: 130%;display: inline-block;margin-bottom: 12px;}
.blog .blog-info .grid_3 p{color: #000;font-size: 18px;font-weight: 500;line-height: 150%;margin: 0 0 60px 0;}
.blog .blog-info .grid_3 .btn{color: #004A99;font-size: 18px;font-weight: 500;line-height: 130%;margin: 0 6px 0 0;padding: 0;display: inline-block;position: relative;}
.blog .blog-info .grid_3 svg{width: 30px;height: 13px;fill: #004A99;top: 7px;position: absolute;padding-left: 8px;}
.blog .blog-info .grid_3:hover{background: #F5F5F5;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);}
.blog .blog-info .grid_3:hover p,.blog .blog-info .grid_3:hover .btn{color: #147CF3;}
.blog .blog-info .grid_3:hover svg{fill: #147CF3;}

.visit{margin-top: 100px;}
.visit .visit-info{display: grid;grid-template-columns: repeat(2, 1fr);gap: 6px;margin-top: 20px;}
.visit .visit-info img:nth-child(1){grid-row: 1 / 4;width: 582px;height: 100%;display: block;}
.visit .visit-info img{width: 582px;height:192px;display:block;}

.clients{margin-top: 60px;}
.clients .clients-info{display: grid;grid-template-columns: repeat(5, 1fr);gap: 34px;margin-top: 20px;}
.clients .clients-info img{border: 1px solid #EEE;background: #FFF;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.10);max-width: 207px;height: 90px;}

footer{margin-top: 130px;background-color: #032142;
/*  background-image:url('/wp-content/themes/website/svg/footer-bg.svg'); */
  background-size: 300px 293px;background-repeat: no-repeat;background-position: 85% 75%;}
footer a:hover{color: #147CF3 !important;}
footer .wrap{padding: 80px 0 60px 0;}
footer ul{list-style: none;padding: 0;}
footer .footer-top{display: flex;}
footer .footer-top .footer-lt{display: grid;height: 100px;width: 20%;}
footer .footer-top .footer-lt img{width: 120px;height: 33px;display: block;margin-bottom: 30px;}
footer .footer-top .footer-lt li{margin-bottom: 20px;padding: 0;display: flex;}
footer .footer-top .footer-lt svg{width: 20px;height: auto;max-height: 20px;fill: #9DACBF;margin-right: 10px;margin-top: 4px;}
footer .footer-top .footer-lt a{color: #9DACBF;font-size: 16px;font-weight: 400;line-height: 160%;padding: 0;margin: 0;}

/*footer .footer-top .footer-rt{margin-left: 90px; display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px;}
footer .footer-top .footer-rt p{color: #FFF;font-size: 18px;font-weight: 400;line-height: 140%;margin-bottom: 16px;}
footer .footer-top .footer-rt li a{color: #9DACBF;font-size: 16px;font-weight: 400;line-height: 150%;margin-bottom: 10px;}*/
footer .footer-top .footer-rt{margin-left: 200px;}
footer .footer-top .footer-rt ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 60px;}
footer .footer-top .footer-rt p{color: #FFF;font-size: 18px;font-weight: 400;line-height: 140%;margin-bottom: 16px;}
footer .footer-top .footer-rt li a{color: #9DACBF;font-size: 16px;font-weight: 400;line-height: 150%;margin-bottom: 10px;}

footer .footer-bottom{margin-top: 100px;position: relative;}
footer .footer-bottom .endinfo{border-bottom: 1px solid #9DACBF;padding-bottom: 30px;}
footer .footer-bottom .endinfo ul{display: flex;width: 40%;gap: 40px;margin: 0;}
footer .footer-bottom .endinfo ul li{margin: 0;padding: 0;}
footer .footer-bottom .endinfo ul li a{color: #9DACBF;font-size: 16px;font-weight: 400;line-height: 140%}
footer .footer-bottom .end-bottom{margin-top: 20px;display: flex;}
footer .footer-bottom .end-bottom ul{display: flex;width: 40%;gap: 40px;margin: 0;}
footer .footer-bottom .end-bottom ul li{margin: 0;padding: 0;}
footer .footer-bottom .end-bottom ul li a{color: #9DACBF;font-size: 14px;font-weight: 400;line-height: 140%;}
footer .year{position: absolute;right: 0;color: #9DACBF;font-size: 14px;font-weight: 400;line-height: 140%;}


.layout {margin: 60px 0 100px;}
.layout .layout_info{width: 800px;}
.layout .layout_info h1{font-size: 40px !important;font-weight: 700;margin: 0 0 30px;line-height: 130%;}
.layout .layout_info h2{font-size: 30px;font-weight: 700;margin: 80px 0 16px 0;line-height: 140%;color: #004A99;}
.layout .layout_info h3{font-size: 20px;font-weight: 500;margin: 40px 0 16px 0;line-height: 140%;padding: 0;color: #1B1B1B;}
.layout .layout_info h4{font-size: 18px;font-weight: 500;margin: 20px 0 10px 0;line-height: 140%;padding: 0;color: #1B1B1B;}
.layout .layout_info a{color: #004A99;}
.layout .layout_info a:hover{color: #147CF3;}
.layout .layout_info .wp-block-columns{margin: 40px 0 20px 0;}
.layout .layout_info .wp-block-columns h3{margin: 0 0 10px 0;}
.layout .layout_info .wp-block-columns img{margin: 0;}
.layout .layout_info p{font-size: 16px;font-weight: 400;margin: 20px 0;line-height: 150%;color: #1B1B1B;}
.layout .layout_info ul li;.layout .layout_info ol li{font-size: 16px;font-weight: 400;margin: 10px 0;line-height: 150%;color: #1B1B1B;}


#about{margin-top: 100px;}
#about .factory{margin-top: 70px;}
.factory h1{font-size: 30px;font-weight: 700;line-height: 150%;padding-bottom: 19px;color: #004A99;}
.factory .factory-con{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 77px;margin-top: 20px;}
.factory .factory-con .info{display: grid;grid-template-columns: 8% 92%;}
.factory .factory-con svg{width: auto;height: 30px; max-width: 32px;fill: #000000;padding-right: 10%;}
.factory .factory-con .con-rt{display: grid;gap: 8px;}
.factory .factory-con .con-title{color: #000;font-size: 20px;font-weight: 500;line-height: 130%;text-transform: capitalize;margin: 0;padding: 0;}
.factory .factory-con p{color: #353839;font-size: 16px;font-weight: 400;line-height: 140%;margin-bottom: 10px;padding: 0;}

.video-box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 40000; display: none; } 
.video-box div{width: 1170px; margin: 0 auto; padding-top: 120px; } 
.video-box iframe{width: 1170px; height: 658px;} 
.video-box a{position: absolute; top: 10px; right: 10px; display: block; width: 40px; height: 40px; border-radius: 50%; } 
.video-box a svg{width: 40px; height: 40px; fill: #fff; } 
.video-box a:hover svg{fill: #147CF3; }

#about .video{margin-top: 20px; width: 1170px; height: 360px; position: relative;}
#about .video #play-btn {position: absolute;top: 150px; left: 48%;display: block; width: 60px; height: 42px;}
#about .video #play-btn svg{width: 60px; height: 42px;}


#about .certificate{margin-top: 100px;}
#about .certificate .honorphoto{margin-top: 20px;}
.honorphoto .swiper-slide{position: relative;}
.honorphoto .swiper-slide img{display: block;width: 275px;height: 390px;}
.honorphoto .swiper-button-next{width: 40px;height: 40px;position: absolute;right: 0;background-size: 100% 100%;}
.honorphoto .swiper-button-prev{width: 40px;height: 40px;position: absolute;background-size: 100% 100%;left: auto;}
.honorphoto .swiper-button-next svg,.honorphoto .swiper-button-prev svg{width: 40px;height: 40px;fill: #ffffff;background: #004499; padding: 8px;}
.honorphoto .swiper-button-next:hover svg,.honorphoto .swiper-button-prev:hover svg{width: 40px;height: 40px;fill: #ffffff;background: #147CF3; padding: 8px;}
.honorphoto .swiper-button-next:after,.honorphoto .swiper-button-prev:after{display: none;}
/*#honor-gallery .swiper-slide:before{content: '';width: 275px;height: 100%;background: rgba(0, 74, 153, 0.60);position: absolute;top: 0;display: none;z-index: 1;
  -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
#honor-gallery .swiper-slide:after{content: '';width: 40px;height: 40px;position: absolute;top: 48%;left: 42%;display: none;z-index: 100;
 background: url('/wp-content/themes/website/svg/zoom.svg');background-size: 100% 100%;}
#honor-gallery .swiper-slide:hover::after,#honor-gallery .swiper-slide:hover::before{display: block;}*/

#about .steps{margin-top: 100px;}
#about .steps .info{display: grid;grid-template-columns: repeat(3, 1fr);gap: 45px;margin-top: 20px;grid-auto-rows: minmax(380px, auto);}
#about .steps .grid_3{background: #F5F5F5;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
/*  background-image:url('/wp-content/themes/website/svg/ENBLbg.svg'); */
  background-size: 85px 140px;background-repeat: no-repeat;background-position: left bottom;}
#about .steps .grid_3 img{width: 360px;height: 240px;display: block;}
#about .steps .grid_3 .grid_info{width: 100%;padding: 26px 30px 30px 30px;}
#about .steps .grid_3 .grid_info .con-title{color: #000000;font-size: 18px;font-weight: 500;text-transform: capitalize;margin-bottom: 8px;}
#about .steps .grid_3 .grid_info p{color: #353839;font-size: 16px;font-weight: 400;line-height: 140%;margin: 0;overflow: hidden;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical;}

.sideBar{width: 240px !important;}
.sideBar .title{margin-bottom: 30px;}
.sideBar .Stitle{font-size: 24px;line-height: 130%;}
.sideBar ul {margin-bottom: 50px;list-style: none;padding: 0;}
.sideBar ul li{padding: 0;}
.sideBar ul li:before{display: none;}
.sideBar ul li a{color: #666666;margin: 0;}
.sideBar ul li a:hover{color: #004A99;}
.sideBar svg{width: 18px;height: 18px;fill: #004A99;vertical-align: middle;margin: 4px 10px 0 0;}
.sideBar>div {margin-bottom: 7px;display: flex;}
.sideBar>div a{color: #004A99;margin: 0;display: inline-block;}
.sideBar>div a:hover{color: #147CF3;}
.sideBar .quote{width: 240px; height: 36px; border-radius: 2px;background: #004A99;color: #ffffff;display: block;text-align: center;line-height: 36px;margin-top: 30px;transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.sideBar .quote:hover{background-color: #147CF3;}



.breadcrumb{font-size: 15px;color: #6e6e6e;margin-top: 30px;display: -webkit-inline-box;}
.breadcrumb i{background: url('/wp-content/themes/website/svg/home.svg') no-repeat;width: 16px;height: 16px;background-size: 100% 100%;display: inline-block;vertical-align: middle;}
.breadcrumb .symbol{margin: 0 10px;}
.breadcrumb svg{display: none;}

.content a{color: #004A99;}
.content a:hover{color: #147CF3;}
.content h3{font-size: 20px;margin:40px 0 15px;font-weight: 400;padding-left: 16px;position: relative;}


.content img{max-width: 100%;height: auto;display: block;margin: 40px 0;}
#product{margin-top: 100px;}
#product .contact h2:after{width: calc(100% - 185px);}
#product .contact .contact_form{width: 100%;}
#product #form .wpcf7-form-control.error{background-position: 355px;}
#product #con-form{width: 100%;}
#product .pgcsimplygalleryblock-slider-next-prev-navi{background-color: #242730 !important;}
#product .pgcsimplygalleryblock-slider-next-prev-navi:hover{background-color: #000000 !important;}

/*progallery-NewProudctsPage*/
.progallery{position: relative;width: 800px;height: 500px !important;margin: 40px 0;}
.progallery .pgcsimplygalleryblock-slider-content{padding: 0 !important;}
.progallery .pgcsimplygalleryblock-slider-collection{height: 500px !important;}
.progallery .pgcsimplygalleryblock-slider-slider-view{width: 800px !important;height: 500px !important;}
.progallery .pgcsimplygalleryblock-slider-main-wrap{padding: 0 !important;}
.progallery .pgcsimplygalleryblock-slider-item-wrap img{width: 800px !important;height: 500px !important;top: 0 !important;}
.progallery .pgcsimplygalleryblock-slider-thumbs-navi{position: absolute !important;bottom: 0;z-index: 100;width: 100%;height: 80px;background-color: rgba(255,255,255,0.4);margin: 0 !important;}
.progallery .pgc-rev-scroll-bar-thumb-item-inner{border: none !important;}
.progallery .pgc-rev-scroll-bar-slider-content-view{height: 67px !important;margin-top: 7px;width: 100% !important;}
.progallery .pgc-rev-scroll-bar-view{width: auto !important;}
.progallery .pgc-rev-scroll-bar-thumb-simple-border{width: 90px !important;height: 67px !important;float: left;position: unset;}
.progallery .pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-item-wrap img{margin: 0 !important;}
.pgcsimplygalleryblock-slider-collection .pgcsimplygalleryblock-slider-slider-view .pgcsimplygalleryblock-slider-next-prev-navi svg{fill: #ffffff !important;}


.wp-block-table{overflow-x: auto;margin-bottom: 30px;overflow-x: auto;overflow-y: hidden;}
.wp-block-table thead tr th{color: #666666;font-weight: 500;border: 0;}
.wp-block-table tbody tr td{color: #333333;font-weight: 400;}
.wp-block-table thead tr th,.wp-block-table tbody tr td{border-bottom: 1px solid;padding: 10px!important;border-top: 0 !important;border-left: 0 !important;border-right: 0 !important;}
table th,table td,table ul li{font-size: 16px !important;line-height: 130%;text-align: left !important;}
.wp-block-table thead,.wp-block-table thead{border-bottom: 0 !important;}
figcaption.wp-element-caption{margin: 0 0 8px 0;}
body .wp-block-table .has-fixed-layout {width: 900px;}
.custom_tables{overflow-y:hidden;-webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-overflow-scrolling: touch; text-align: justify;margin: 20px 0;}
.custom_tables::-webkit-scrollbar{display:block;height:6px}
.custom_tables::-webkit-scrollbar-thumb{background:#a0a4a7;height:6px;top:6px;}
.custom_tables::-webkit-scrollbar-track-piece{background-color:#cfd1d3;}


#contact h1{font-size: 30px;font-weight: 700;line-height: 150%;padding-bottom: 19px;color: #004A99;}
#contact .contact_info{width: 570px;padding-right: 60px;}
#contact .contact_info p{margin-bottom: 50px;}
#contact .contact_info>div{margin-bottom: 20px;}
#contact .contact_info a:hover{color: #147CF3;}
#contact .contact_info .address{position: relative;}
#contact .form{display: grid;grid-template-columns: repeat(2, 1fr);}
#map{width: 100%;height: 450px;margin: 80px 0 100px;}

.contact .contact_form{width: 600px;}
.contact .follow{margin-top: 80px;}
.contact .follow ul{display: grid;grid-template-columns: repeat(4, 25%);margin: 10px 0;width: 50%;}
.contact .follow p{font-size: 16px;font-weight: 700;line-height: 130%;margin: 20px 0 !important;color: #222222;}
.contact .follow ul li{padding: 0;margin: 0;}
.contact .follow ul li:before{display: none;}
.contact .follow ul li svg{width: 30px;height: 30px;fill: #888888;border: 1px solid #888888;padding: 4px;}
.contact .follow ul li:hover svg{fill: #E44027;border: 1px solid #E44027;}

/*contact form-wpforms*/
#con-form div.wpforms-container-full{margin: 0;}
#con-form input{border-radius:0;-webkit-appearance: none;}
#con-form{width: 100%;}
#con-form label{text-align: left;display: block;font-size: 16px;color: #555555;line-height: 130%;font-weight: 400;}
#con-form .wpforms-field-container input{border: 0;border-bottom: 1px solid #AAAAAA;background-color: #F5F5F5;height: 40px;padding: 12px 14px;font-size: 16px;color: #000000;line-height: 130%;margin-bottom: 0;}
#con-form .your-email{width: 48%;float: left;position: relative;clear: none;}
#con-form .your-phone{width: 48%;float: right;position: relative;clear: none;}
#con-form input[type="email"]{border-radius: 0;width: 100%;height: 40px;}
#con-form input[type="tel"]{padding: 12px 14px 12px 56px;}
#con-form textarea{border-radius:0;resize: none;width: 100%;height: 200px;background-color: #F5F5F5;border: 0;border-bottom: 1px solid #AAAAAA;padding: 12px 14px;font-size: 16px;color: #000000;line-height: 140%;font-family: auto;}
#con-form .your-name,#con-form .your-email,#con-form .your-phone,#con-form .your-message{margin-bottom: 20px;padding: 0;}
#con-form .wpforms-uploader {padding: 10px;background: #F5F5F5; border: 1px dashed #AAAAAA;}
#con-form .wpforms-uploader:hover{background-color: #ffffff;border: 1px dashed #242730;}
#con-form button[type="submit"]{top: 10px;left: 0;position: absolute;border: none;max-height: 40px;padding: 10px 30px; background-color: #004A99;font-size: 16px;color: #FFFFFF;text-transform: uppercase; padding: 10px 24px;}
#con-form button[type="submit"]:hover{background: #147CF3;-webkit-transition: all .2s;}
#con-form input:focus,#con-form textarea:focus{color: #000000;outline: none;border: 0;border-bottom: 2px solid #004A99;}
#con-form .wpforms-error{color: #E71F12;font-size: 14px;line-height: 130%;font-weight: 400;margin: 0;}
#wpforms-524-field_1-error,#wpforms-524-field_4-error,#wpforms-524-field_5-error,#wpforms-524-field_3-error{position: absolute;}/*emial/phone/emial-tips*/
#con-form .mailcheck-suggestion{font-size: 14px;color: #000000;line-height: 130%;font-family: auto;}/*email-tips*/
#con-form input.wpforms-error{border: 0;border-bottom: 2px solid #E71F12;}
#con-form .wpforms-confirmation-container-full{background: #F5F5F5;border: 2px dashed #242730;padding: 12px 20px;overflow: auto;margin-top: 30px;}
#con-form .wpforms-confirmation-container-full p{font-size: 18px;line-height: 130%;font-weight: 400;color: #222222;margin: 0;padding: 0;}
#con-form .wpforms-uploader .dz-message svg{display: none;}
#con-form .wpforms-submit-container{min-height: 60px;overflow: visible;}

#blogs .blogs-con{display: grid;grid-template-columns: repeat(3, 1fr);gap: 45px;margin: 20px 0 60px 0;}
#blogs .blogs-con .grid_3{background: #F5F5F5;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10); }
#blogs .blogs-con .grid_3 img{width: 360px;height: 240px;display: block;}
#blogs .blogs-con .grid_3 .con-title{margin: 40px 20px;}
#blogs .blogs-con .grid_3 .con-title span{color: #666666;font-size: 16px;font-weight: 400;line-height: 130%;display: inline-block;margin-bottom: 12px;}
#blogs .blogs-con .grid_3 .con-title p{color: #000000;font-size: 18px;font-weight: 500;text-transform: capitalize;margin: 0;padding: 0;overflow: hidden;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;}
#blogs .blogs-con .grid_3:hover{background: #F5F5F5;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);}
#blogs .blogs-con .grid_3:hover p{color: #147CF3;}


.paging{text-align: center;padding-top: 10px;}
.paging a{text-decoration: none;border:1px solid #004A99; padding: 10px 20px; color: #004A99; margin-right: 20px;font-size: 16px;line-height: 140%;font-weight: 400;display: inline-block;}
.paging span{color: #004A99;display: inline-block;margin-right: 20px;}
.paging a.current,.paging a:hover{border: 1px solid #147CF3;color: #147CF3;}
.paging .next,.paging .prev a{margin: 0;}

#blogs-con .con-title{border-bottom: 1px solid #cccccc;margin-bottom: 60px;}
#blogs-con .titlecon{display: grid;max-height: 40px;grid-template-columns: repeat(2, 1fr);margin-bottom: 10px;position: relative;}
#blogs-con h1{font-size: 30px;font-weight: 700;line-height: 150%;color: #004A99;}
.share{display: flex;gap: 20px; right: 0;position: absolute;}
.share span{font-size: 16px;color: #666666;line-height: 140%;font-weight: 400;text-transform: uppercase;display: inline-block;margin-top: 4px;}
.share a{width: 30px;height: 30px;display: block;}
.share svg{width: 30px;height: 30px;margin: 0;fill: #666666;border: 1px solid #666666;padding: 6px;}
.share a:hover svg{fill: #147CF3;border: 1px solid #147CF3;}
#blogs-con .date{font-size: 16px;color: #666666;line-height: 140%;font-weight: 400;display: inline-block;text-transform: uppercase;margin-top: 4px;}


#error {margin-bottom: 120px;text-align: center;}
#error h1{font-size: 120px;font-weight: 700;line-height: 150%;padding-bottom: 19px;color: #004A99;}
#error p{font-size: 30px;color: #4A4A4A;line-height: 130%;font-weight: 400;}
#error span{font-size: 18px;color: #4A4A4A;line-height: 130%;font-weight: 400;margin-bottom: 60px;display: block;}
#error a{background: #004A99;padding: 10px 60px;font-size: 16px;color: #FFFFFF;line-height: 130%;font-weight: 400;display: inline-block;}
#error a:hover{background: #147CF3;}

#search #blog-mainbody h2{font-size: 22px;font-weight: 700;margin: 20px 0 10px 0;line-height: 140%;padding: 0;color: #1B1B1B;}
#privacy h2,#sitemap h2{margin: 60px 0 10px 0;}
#privacy .layout_info a,#sitemap .layout_info a{margin: 10px 0;display: inline-block;}
#sitemap .layout_info a{color: #666666;}
#sitemap .layout_info a:hover,#privacy .layout_info a:hover{color: #004499;}

#Search{display: flex;margin-top: 200px;margin-bottom: 200px;   position: relative;min-height: 500px;}
#Search h1{font-size: 30px;font-weight: 700;line-height: 150%;padding-bottom: 19px;color: #004A99;}
#Search .search-lt{width: 800px;}
#Search .more-button a{color: #ffffff;background-color: #004A99;text-align: center;line-height: 36px;padding: 10px 30px;}
#Search ol,#Search ul{padding: 0;}
#Search #blog-mainbody ol,#Search #blog-mainbody ul{list-style-position: inside;}
#Search #blog-mainbody ol{display: grid;gap: 30px;margin: 0;padding: 0;width: 800px;}
#Search #blog-mainbody ol a{display: flex;}
#Search #blog-mainbody ol img{width: 210px;height: 140px;display: block;margin-right: 40px;}
#Search #blog-mainbody h2{font-size: 20px;font-weight: 700;line-height: 150%;margin: 0 0 12px 0;}
#Search #blog-mainbody p{color: #666;font-size: 16px;font-weight: 400;line-height: 130%;margin: 0 0 10px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#Search .sideBar{right: 0;position: absolute;margin-top: 10%;}
#Search .more-button:hover a{background-color: #147CF3;}
#Search #blog-mainbody ol:hover h2{color: #147CF3;}
.highlight {color: #004A99;}


.wa{position: fixed;right: 60px;bottom: 60px;z-index: 1000000;border-radius: 50%;background-image: linear-gradient(180deg, #61FD7D 0%, #2BB826 100%);}
.wa .whatsapp{width: 65px;height: 65px;display: block;background-image: url(/wp-content/themes/website/svg/whatsapp.svg);background-size: 70%;background-position: center;background-repeat: no-repeat;}

/*Grab Buckets Landing-Page*/
#contact ul{margin: 20px 0 40px 0;}
#home #contact{margin-top: 100px;}