body:lang(cn) .text-black{font-family:notosanssc-black;}
body .text-black{font-family:montserrat-black;}

body:lang(cn) .text-bold{font-family:notosanssc-bold;}
body .text-bold{font-family:montserrat-bold;}

body:lang(cn) .text-extrabold{font-family:notosanssc-extrabold;}
body .text-extrabold{font-family:montserrat-extrabold;}

body:lang(cn) .text-extralight{font-family:notosanssc-extralight;}
body .text-extralight{font-family:montserrat-extralight;}

body:lang(cn) .text-light{font-family:notosanssc-light;}
body .text-light{font-family:montserrat-light;}

body:lang(cn) .text-medium{font-family:notosanssc-medium;}
body .text-medium{font-family:montserrat-medium;}

body:lang(cn) .text-regular{font-family:notosanssc-regular;}
body .text-regular{font-family:montserrat-regular;}

body:lang(cn) .text-semibold{font-family:notosanssc-semibold;}
body .text-semibold{font-family:montserrat-semibold;}

body:lang(cn) .text-thin{font-family:notosanssc-thin;}
body .text-thin{font-family:montserrat-thin;}

.bg-black{ background:#000000; }
.bg-black-pearl{ background:#0e1218; }
.bg-black-russian{ background:#10102d; }
.bg-bubbles{ background:#ebf1ed; }
.bg-fallow{ background:#c89d65; }
.bg-jaguar{ background:#222235; }
.bg-light-green{ background:#25d366; }
.bg-midnight-express{ background:#192336; }
.bg-white{ background:#ffffff; }

.txt-black{ color:#000000; }
.txt-black-pearl{ color:#0e1218; }
.txt-black-russian{ color:#10102d; }
.txt-bubbles{ color:#ebf1ed; }
.txt-fallow{ color:#c89d65; }
.txt-jaguar{ color:#222235; }
.txt-light-green{ color:#25d366; }
.txt-midnight-express{ color:#192336; }
.txt-white{ color:#ffffff; }

.top-bar-inner{ margin:0 auto;max-width:80%; }
.top-working-hour{ font-size:0.75em; }
.top-company-info span{ font-size:0.75em; }
.top-company-info i{ font-size:1.5em; }

.footer{ background:url(../images/footer-bg.jpeg);background-size:cover;background-position:center; }
.overlay{ background:rgba(34, 47, 70, 0.9);width:100%; }
.footer-inner{ max-width:80%;margin:0 auto; }
.footer-title{ font-size:1.25em; }
.footer-list{ font-size:1em; list-style-type: none;padding-inline-start: 0px;}
.footer-contact{ margin-top:1em; }
.copyright{ font-size:0.75em; }

.header{z-index:999;}
.header-inner{ margin:0 auto; }
.header-menu ul{ list-style-type: none;padding-inline-start: 0px; font-size:1em; }
.header-menu ul li.active{ color:#c89d65; }
.header-menu ul li a:hover{ color:#c89d65;  }
.header-contact span{ cursor:pointer; }

.contact-btn{ padding:10px 15px; border-radius:4px; border:none; cursor:pointer;}

.head-navi{ background:url(../images/page-bg.jpg); background-size:cover; background-position:center; height:50vh;}
.head-navi .overlay{ background:rgba(34, 47, 70, 0.9);width:100%;height:100%; }
.head-navi-inner{ margin:0 auto; height:100%;}
.head-navi-inner .title{ font-size:3em; }
.head-navi-inner .title::after{ display:block;content:"";height:5px;width:125px;background:#c89d65;margin-top:5px;}

.form-inner{ margin:0 auto;}
.form-title{font-size:2.5em;}
.form-intro{font-size:1em;}
.form-group{font-size:1em;line-height:1.25em;}
.form-input{font-size:1em;line-height:1.25em;background:transparent;border:1px solid #fff;padding:20px 10px;}
.form-input:focus{outline:none;}
.form-input::placeholder{color:#fff;font-size:1em;line-height:1.25em;}
.form-submit{font-size:1em;line-height:1.25em;background:transparent;border:1px solid #fff;border-radius:0px;padding:10px 30px;cursor:pointer;}

.sidebar{width:100%;background:rgba(34, 47, 70, 0.9);height:100vh;position:fixed;z-index:9999;top:0;}
.sidebar-top{margin-top:10%;}
.sidebar-container{width:80%;background:#c89d65;height:100vh;position:fixed;right:0;}
.sidebar-middle{width:60%;margin:50px auto;}
.txt-30{font-size:30pt;}
.side-close{position:absolute;top:5%;right:5%;}
.header-sidebar{display:none;}