:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}
.aligncenter{clear:both}
@-ms-viewport{width:device-width}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
nav{display:block}
a{background-color:transparent}
h1{font-size:2em;margin:0.67em 0}
img{border:0}
button,input{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button{text-transform:none}
button{-webkit-appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
[class^="w-icon-"]{font-family:'webflow-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.w-icon-slider-right:before{content:"\e600"}
.w-icon-slider-left:before{content:"\e601"}
.w-icon-nav-menu:before{content:"\e602"}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{height:100%}
body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}
img{max-width:100%;vertical-align:middle;display:inline-block}
.w-inline-block{max-width:100%;display:inline-block}
.w-clearfix:before,.w-clearfix:after{content:" ";display:table}
.w-clearfix:after{clear:both}
.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;border-radius:0}
input.w-button{-webkit-appearance:button}
h1,h2{font-weight:bold;margin-bottom:10px}
h1{font-size:38px;line-height:44px;margin-top:20px}
h2{font-size:32px;line-height:36px;margin-top:20px}
p{margin-top:0;margin-bottom:10px}
button{border:0;-webkit-appearance:button}
.w-form{margin:0 0 15px}
.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}
.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}
label{display:block;margin-bottom:5px;font-weight:bold}
.w-input{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.428571429;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}
.w-input:-moz-placeholder{color:#999}
.w-input::-moz-placeholder{color:#999;opacity:1}
.w-input:-ms-input-placeholder{color:#999}
.w-input::-webkit-input-placeholder{color:#999}
.w-hidden-main{display:none!important}
@media screen and (max-width:991px){.w-hidden-main{display:inherit!important}
.w-hidden-medium{display:none!important}
}
@media screen and (max-width:767px){.w-hidden-main{display:inherit!important}
.w-hidden-medium{display:inherit!important}
.w-hidden-small{display:none!important}
}
@media screen and (max-width:479px){.w-hidden-main{display:inherit!important}
.w-hidden-medium{display:inherit!important}
.w-hidden-small{display:inherit!important}
.w-hidden-tiny{display:none!important}
}
.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both}
.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}
.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}
.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center}
.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;overflow:hidden;color:white;font-size:40px}
.w-slider-arrow-left [class^="w-icon-"],.w-slider-arrow-right [class^="w-icon-"]{position:absolute}
.w-slider-arrow-left{z-index:3;right:auto}
.w-slider-arrow-right{z-index:4;left:auto}
.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}
.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}
.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}
.w-dropdown-toggle{display:inline-block;padding-right:40px}
.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}
.w-dropdown-link{padding:10px 20px;display:block;color:#222222}
@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-dropdown,.w-nav[data-collapse="medium"] .w-dropdown-toggle{display:block}
.w-nav[data-collapse="medium"] .w-dropdown-list{position:static}
}
@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}
}
.w-nav{position:relative;background:#dddddd;z-index:1000}
.w-nav:before,.w-nav:after{content:" ";display:table}
.w-nav:after{clear:both}
.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}
.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}
.w-nav-menu{position:relative;float:right}
.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none}
@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}
.w-nav[data-collapse="medium"] .w-nav-button{display:block}
}
@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}
}
body{font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;color:#333;font-size:14px;line-height:20px}
p{margin-bottom:10px;font-size:16px;line-height:24px}
a{color:#3d7dcc;text-decoration:none}
.navbar{position:fixed;z-index:1000;display:block;width:100%;height:80px;padding-top:10px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1);background-color:#fff}
.wrapper{position:relative;display:block;max-width:1280px;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;text-align:center}
.wrapper.search{padding-top:16px;padding-right:41px;padding-left:41px;border-bottom:1px none #3d7dcc;text-align:left}
.brand{z-index:100;margin-top:12px}
.nav-link{margin-right:1px;margin-left:1px;padding:12px 16px;border-radius:50px;color:#fff;font-size:15px;text-decoration:none;text-shadow:none}
.nav-link.blue{padding-top:12px;padding-bottom:12px;border-radius:50px;color:#154c90;text-decoration:none}
.navmenu{z-index:1;margin-top:6px;float:none}
.body{height:100%;font-weight:400}
.nav-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;float:right;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.key-text{position:absolute;left:0px;top:55%;right:0px;z-index:100;display:block;width:100%;max-width:960px;margin-right:auto;margin-left:auto;-webkit-transform:translate(0px,-50%);-ms-transform:translate(0px,-50%);transform:translate(0px,-50%);color:#fff;font-size:20px;text-align:center}
.button{margin-top:30px;padding:12px 40px;border-style:none;border-width:1px;border-color:hsla(0,0%,100%,.5);border-radius:100px;background-color:#154c90;font-size:16px}
.button.green{background-color:#6ca928;color:#fff}
.button.green.margin{margin-right:10px;margin-left:10px}
.section-green{position:relative;z-index:100;padding-top:45px;padding-bottom:45px;background-color:#84bf42;text-align:center}
.button-down{position:absolute;left:0px;top:-34px;right:0px;z-index:10;display:block;width:68px;height:68px;margin-right:auto;margin-left:auto;background-image:url(../image/button-down.svg);background-position:50% 50%;background-size:cover;background-repeat:no-repeat;-webkit-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px)}
.h1{color:#fff;font-size:36px;line-height:42px;font-weight:700}
.h1.green{color:#6ca928;font-weight:700}
.bodytext{display:block;max-width:870px;margin-right:auto;margin-left:auto;font-family:'Dinpro light',sans-serif;color:#fff;font-size:18px;line-height:26px;text-align:center}
.section-white{position:relative;z-index:100;padding-top:60px;padding-bottom:60px;background-color:#fff;text-align:center}
.kv-slider{z-index:100;width:100%;height:80vh;min-height:540px;clear:none;background-color:#154c90}
.slider-nav{bottom:40px;display:none;font-size:10px}
.slide{display:inline-block;background-image:url(../image/home-bg-3-2.jpg);background-position:50% 100%;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}
.slider-mask{position:fixed;overflow:hidden}
.slider-arrow{top:5%;display:block;opacity:0.45}
.wholewrapper{position:relative;overflow:hidden;background-color:#f6f6f6}
.nav-dropdown-list{display:none;height:0px;margin-top:20px}
.nav-dropdown-link{display:block;padding-right:30px;padding-left:30px;color:#fff}
.nav-arrow{position:absolute;bottom:-22px;display:none;width:76px;height:33px;background-image:url(../image/dropdown-arrow2.svg);background-position:0px 100%;background-size:16px;background-repeat:no-repeat}
.dropdown-wrap{padding-top:10px;padding-bottom:10px}
.dropdown-arrow{display:none}
.nav-arrow-mobile{display:none}
.trigger{position:absolute;width:100%;height:10px}
.backtotop{position:fixed;right:20px;bottom:20px;z-index:1000;display:block;overflow:hidden;width:48px;height:48px;padding:10px;background-color:rgba(0,0,0,.3);text-align:center}
.btn-search{position:relative;width:36px;height:36px;border-radius:50px;background-image:url(../image/icon-search-grey.svg);background-position:50% 50%;background-size:24px;background-repeat:no-repeat}
.search-box{position:absolute;right:0px;z-index:1000;display:block;overflow:hidden;width:0px;height:36px;padding-top:5px;border:1px none #fff;border-radius:50px;background-color:#3d7dcc;opacity:0;text-align:right}
.icon-search-inside{margin-right:8px}
.search-block{position:absolute;left:0px;top:0px;z-index:101;display:none;width:100%;height:80px;padding-right:20px;padding-left:20px;background-color:#fff;color:#666;font-size:20px;font-style:italic}
.search-close{position:absolute;top:15px;right:0px;z-index:102;width:48px;height:48px;background-image:url(../image/cross.svg);background-position:50% 50%;background-size:22px;background-repeat:no-repeat}
.search-field{height:48px;padding-left:0px;border-style:none none solid;border-bottom-width:1px;border-bottom-color:#3d7dcc;background-color:transparent;color:#444;font-size:20px;line-height:28px;letter-spacing:0px}
@media (max-width:991px){.navbar{height:auto;padding-top:0px;padding-bottom:0px}
.wrapper{padding-right:25px;padding-left:25px}
.wrapper.nav{display:block;padding-right:0px}
.brand{margin-top:15px;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
.nav-link{display:block;margin-right:0px;margin-left:0px;padding-top:20px;padding-bottom:20px;padding-left:30px;border-radius:0px;text-align:left}
.nav-link.blue{margin-right:0px;margin-left:0px;padding:20px 20px 20px 30px;border-radius:0px;color:#fff}
.navmenu{left:auto;display:none;overflow:visible;width:40%;margin-top:15px;float:right;border-top-left-radius:0px;border-bottom-left-radius:0px;background-color:#154c90}
.key-text{width:100%;padding-right:30px;padding-left:30px}
.h1{font-size:36px;line-height:44px}
.bodytext{line-height:24px}
.section-white{padding-top:40px;padding-bottom:40px}
.menu-button{padding-top:14px;padding-bottom:14px;color:#fff;font-size:40px}
.menu-button.blue{color:#154c90}
.nav-dropdown-link{padding-top:15px;padding-bottom:15px;padding-left:40px;border-bottom:1px none #999;background-color:#3d7dcc;text-align:left}
.dropdown-wrap{padding-top:0px;padding-bottom:0px}
.dropdown-arrow{position:absolute;top:26px;right:30px;display:block}
.nav-arrow-mobile{position:absolute;top:-20px;right:27px;z-index:1000}
.search-block{display:none;padding-right:20px;padding-left:20px}
}
@media (max-width:767px){.wrapper{padding-right:15px;padding-left:15px}
.brand{margin-top:15px}
.nav-link{border-radius:0px}
.navmenu{width:60%}
.key-text{width:90%;padding-right:20px;padding-left:20px;font-size:18px}
.button{margin-top:10px}
.section-white{padding-bottom:60px}
.menu-button{display:block}
.kv-slider{height:90vh;max-height:630px}
.slider-arrow{opacity:0}
}
@media (max-width:479px){.wrapper{padding-right:15px;padding-left:15px;text-align:center}
.wrapper.nav{height:58px}
.wrapper.search{padding-left:0px}
.brand{width:110px;margin-top:15px;-webkit-transform:none;-ms-transform:none;transform:none}
.navmenu{width:100%;margin-top:0px}
.key-text{padding-right:0px;padding-left:0px;font-size:16px}
.button.green{min-width:240px;margin-top:20px}
.section-green{padding-top:25px;text-align:center}
.button-down{top:-28px;width:54px;height:54px}
.h1{font-size:30px;line-height:36px;text-align:center}
.h1.green{margin-bottom:30px}
.bodytext{font-size:16px;line-height:24px}
.menu-button{padding-top:10px;padding-bottom:10px}
.menu-button.blue{margin-bottom:-8px;padding:9px 12px 12px}
.kv-slider{overflow:hidden;height:73vh;max-height:600px;min-height:400px}
.nav-arrow-mobile{position:absolute;top:-20px;right:26px;z-index:1000;display:block}
.search-close{top:20px;width:28px;height:28px}
}
@font-face{font-family:'Dinpro light';src:url(../font/DINPro-Light.eot) format('embedded-opentype'),url(../font/DINPro-Light.woff) format('woff'),url(../font/DINPro-Light.ttf) format('truetype'),url(https://www.sateri.com/wp-content/themes/odf-theme/resources/fonts/DINPro-Light.otf) format('opentype');font-weight:300;font-style:normal}
@font-face{font-family:'Dinpro regular';src:url(../font/DINPro-Regular.eot) format('embedded-opentype'),url(../font/DINPro-Regular.woff) format('woff'),url(../font/DINPro-Regular.ttf) format('truetype'),url(https://www.sateri.com/wp-content/themes/odf-theme/resources/fonts/DINPro-Regular.otf) format('opentype');font-weight:400;font-style:normal}
@font-face{font-family:'Dinpro bold';src:url(../font/DINPro-Bold.eot) format('embedded-opentype'),url(../font/DINPro-Bold.woff) format('woff'),url(../font/DINPro-Bold.ttf) format('truetype'),url(https://www.sateri.com/wp-content/themes/odf-theme/resources/fonts/DINPro-Bold.otf) format('opentype');font-weight:700;font-style:normal}
body,.bodytext,h2{font-family:'Dinpro regular','Microsoft Yahei','΢���ź�','STXihei','����ϸ��','sans-serif';-webkit-font-smoothing:antialiased}
h1{font-family:'Dinpro bold','Microsoft Yahei','΢���ź�','STXihei','����ϸ��','sans-serif'}
@media (min-width:992px){.nav-right{position:absolute;right:20px;top:5px}
.blue.nav-link._lang{//position:absolute;//top:-17px;//right:5px}
.nav-link.blue{//padding:22px 20px 27px 20px}
}
@media (max-width:1199px){.nav-link{padding:12px 6px}
}
@media (max-width:991px){.nav-right .w-dropdown-toggle{color:rgb(100,100,100)}
.nav-right{position:absolute;right:78px}
.nav-link{padding:22px 10px 27px 10px}
.nav-link.blue{padding:22px 10px 27px 10px}
.dropdown-arrow{top:28px}
}
@media (max-width:479px){.nav-right{position:absolute;right:65px}
.nav-link{padding:19px 10px 20px 10px}
.nav-link.blue{padding:18px 10px 21px 10px}
.dropdown-arrow{top:23px}
.nav-arrow-mobile.w-hidden-main img{display:none}
a.brand{width:inherit}
}
@media (max-width:991px){.nav-right .w-dropdown-toggle{color:#fff}
.nav-right .blue.w-dropdown-toggle{color:rgb(100,100,100)}
}.nav-right{z-index:1}
.pum-container,.pum-content,.pum-content+.pum-close,.pum-overlay{background:0 0;border:none;bottom:auto;clear:none;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}
.pum-content{position:relative;z-index:1}
.pum-overlay{position:fixed}
.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none}
.pum-overlay,.pum-overlay *,.pum-overlay:after,.pum-overlay:before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}
.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}
.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}
.pum-container.pum-responsive img{max-width:100%;height:auto}
@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}
}
.pum-container .pum-content>:last-child{margin-bottom:0}
.pum-container .pum-content>:first-child{margin-top:0}
.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;min-width:1em;z-index:2;background-color:transparent}
.pum-theme-1531,.pum-theme-enterprise-blue{background-color:rgba(0,0,0,0.70)}
.pum-theme-1531 .pum-container,.pum-theme-enterprise-blue .pum-container{padding:28px;border-radius:5px;border:1px none #000000;box-shadow:0px 10px 25px 4px rgba(2,2,2,0.50);background-color:rgba(255,255,255,1.00)}
.pum-theme-1531 .pum-content,.pum-theme-enterprise-blue .pum-content{color:#2d2d2d;font-family:inherit;font-weight:100}
.pum-theme-1531 .pum-content+.pum-close,.pum-theme-enterprise-blue .pum-content+.pum-close{position:absolute;height:28px;width:28px;left:auto;right:8px;bottom:auto;top:8px;padding:4px;color:#ffffff;font-family:Times New Roman;font-weight:100;font-size:20px;line-height:20px;border:1px none #ffffff;border-radius:42px;box-shadow:0px 0px 0px 0px rgba(2,2,2,0.23);text-shadow:0px 0px 0px rgba(0,0,0,0.23);background-color:rgba(49,91,124,1.00)}
#pum-1789{z-index:1999999999}
#pum-1537{z-index:1999999999}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@-ms-viewport{width:device-width}
 img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-0.1em !important;background:none !important;padding:0 !important}
 
 
 
 
 
 
 a.note-top{position:relative;top:-100px;display:block;height:0;width:0}
.table-col{padding:15px 15px 33px 15px}
.cell-rowspan{position:absolute;width:22%}
.lists-txt{margin-top:15.5%;height:auto;color:#666;font-size:14px;line-height:20px;text-align:left}
.social-bottom{float:left;margin:0 5px}
@media (min-width:768px){.operation-col-pic-spec{float:right;display:block}
}
@media (max-width:767px){.operation-col-pic-spec{width:100% !important;min-height:500px !important;background-position:50% 50%}
}
.operation-col-pic-spec{width:35%;height:100%;min-height:526px;margin-top:20px;background-image:url(https://www.sateri.com/images/sfj180.jpg);background-position:50% 50%;background-size:500px;background-repeat:no-repeat}
.mapplic-pin.circular{background-color:#154c90 !important}
.mapplic-sidebar-nosearch .mapplic-filter{margin-top:-44px;height:44px}
.mapplic-sidebar{width:25% !important}
.mapplic-container{width:75% !important}
.mapplic-list-location>a{background-color:#f5f2f2 !important}
.mapplic-list-expandable{background-color:#f5f2f2 !important;padding:0px 0 !important}
.mapplic-list-container:before{height:0px !important}
@media (min-width:768px){.blog-img,.blog-img2{float:right;display:block}
}
@media (max-width:767px){.blog-img,.blog-img2{width:100% !important;min-height:150px!important}
}
.blog-img{width:25%;height:100%;min-height:142px;margin-top:20px}
.blog-img2{width:35%;height:100%;min-height:142px;margin-top:20px}
.blog-col{width:75%;padding-right:20px;text-align:left}

 .banner_2047{background-image:url('../image/photo_2020-10-30-11.03.05.jpeg') !important}
.banner_2047{background-image:url('../image/photo_2020-10-30-11.03.05.jpeg') !important}
 .banner_2322{background-image:url('../image/20190530_SJX_Mill_Exterior_New_CNSTRSJXCOM-3-scaled.jpg') !important}
.banner_2322{background-image:url('../image/20190530_SJX_Mill_Exterior_New_CNSTRSJXCOM-3-scaled.jpg') !important}
 .banner_2323{background-image:url('../image/innovation-circularity-banner.jpg') !important}
.banner_2323{background-image:url('../image/innovation-circularity-banner.jpg') !important}
 .banner_2326{background-image:url('../image/inclusive-growth-banner.jpg') !important}
.banner_2326{background-image:url('../image/inclusive-growth-banner.jpg') !important}

 .infobox-info p {
 font-size: inherit;
 line-height: inherit;
 margin: 0px;
 }
 
 .map-pin {
 background-image: url('../image/map-pin-grey.svg');
 width: 34px;
 height: 43px;
 }
 
 .map-pin:hover {
 background-image: url('../image/map-pin-blue.svg');
 }
