.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;margin:0;padding:0;border:0;}
.wpcf7 form .wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;border:2px solid #00a0d2;}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output{display:none;}
.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450;}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232;}
.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{border-color:#ffb900;}
.wpcf7-form-control-wrap{position:relative;}
.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:normal;display:block;}
.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em;}
.wpcf7-list-item{display:inline-block;margin:0 0 0 1em;}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after{content:" ";}
.wpcf7 .ajax-loader{visibility:hidden;display:inline-block;background-color:#23282d;opacity:0.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative;}
.wpcf7 form.submitting .ajax-loader{visibility:visible;}
.wpcf7 .ajax-loader::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite;}
@media (prefers-reduced-motion: reduce) {
.wpcf7 .ajax-loader::before{animation-name:blink;animation-duration:2000ms;}
}
@keyframes spin {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes blink {
from{opacity:0;}
50%{opacity:1;}
to{opacity:0;}
}
.wpcf7 input[type="file"]{cursor:pointer;}
.wpcf7 input[type="file"]:disabled{cursor:default;}
.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed;}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.trs{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease}
.overlay-menu,.bg-footer{background:#f15a29;background:-moz-linear-gradient(55deg, #f15a29 0%, #f15a29 60%, #eda82e 100%);background:-webkit-linear-gradient(55deg, #f15a29 0%, #f15a29 60%, #eda82e 100%);background:linear-gradient(55deg, #f15a29 0%, #f15a29 60%, #eda82e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f15a29",endColorstr="#eda82e",GradientType=1)}
@font-face{font-family:'Xoo';src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/ElectroluxSansVN-Regular.woff2) format("woff2"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/ElectroluxSansVN-Regular.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Xoo';src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/ElectroluxSansVN-DemiBold.woff2) format("woff2"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/ElectroluxSansVN-DemiBold.woff) format("woff");font-weight:bold;font-style:normal;font-display:swap}
button,input,select,textarea{border:none;background-color:#fff;min-height:40px;padding-left:15px;padding-right:15px;font-size:17px;margin-bottom:15px}
.wpcf7-textarea{height:100px}
.wpcf7-submit,.wpcf7-submit:focus{font-weight:700;cursor:pointer;background:transparent;color:#fff;border:3px solid #fff;padding-top:5px;padding-bottom:10px;padding-left:30px;padding-right:30px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;border-radius:7px}
.wpcf7-not-valid-tip{color:yellow;font-size:12px;margin-top:-10px}
.d-flex{display:flex}
.slide-slidebox{position:relative;-ms-touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:-moz-auto;-ms-user-select:auto}
.slide-slidebox.slide-refresh .slide-item{visibility:hidden}
.slide-slidebox.slide-drag .slide-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.slide-slidebox.slide-rtl{direction:rtl}
.slide-slidebox.slide-rtl .slide-item{float:right}
.slide-wrapper{position:relative;margin:auto;transform:translateZ(0);height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slide-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.slide-wrapper-outer{overflow:hidden;position:relative;width:100%}
.slide-item{position:relative;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;transform:translateZ(0)}
.slide-loading{opacity:0;display:block}
.animated-in{z-index:0}
.animated-out{z-index:1}
.autoheight{transition:height 0.5s ease-in-out}
.no-js .slide-slidebox{display:block}
.slide-slidebox .slide-item img.lazyload{opacity:0;transition:opacity .4s ease;transform-style:preserve-3d}
.slide-video-wrapper{background-color:#000}
.slide-video-frame,.slide-video-wrapper{position:relative;width:100%;height:100%}
.slide-video-frame iframe{width:100%;height:100%}
.slide-video-play-icon{width:100px;height:100px;cursor:pointer;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;border-radius:50%;z-index:99999}
.slide-video-play-icon:before{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/play.svg) no-repeat 50%/80%;z-index:1}
.slide-video-play-icon:after,.slide-video-play-icon:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%}
.slide-video-play-icon:after{background:linear-gradient(45deg, #fbc012, #000);transition:opacity .5s ease-in-out;opacity:.5;z-index:-1}
.slide-video-play-icon:hover:after{opacity:1}
.slide-video-playing .slide-video-play-icon,.slide-video-playing .slide-video-tn{display:none}
.slide-video-tn{opacity:0;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 0.4s ease}
.preloader{width:100%;height:100%;position:absolute;left:0;top:0;padding-top:calc(50% - 41px);border:none;background-color:transparent;text-align:center;display:none;z-index:10}
.preloader:before{content:"";width:82px;height:82px;position:absolute;left:50%;top:50%;margin:-41px 0 0 -41px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/cycle.png) no-repeat 50%;animation:Preloader 1s steps(12) infinite}
.loading .preloader{display:block}
.done .preloader{display:none}
.grabbing{cursor:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/hand.svg) 16 16,move}
.slide-buttons,.slide-pagination{width:100%;height:auto;text-align:center;z-index:20}
.slide-buttons svg,.slide-pagination svg{width:100%;height:100%}
.slide-pagination svg{position:absolute;left:0;top:0;pointer-events:none}
.slide-pagination{margin:20px auto 0;position:relative;padding:0 10px}
.slide-buttons{position:absolute;top:50%;left:0;width:100%;max-width:inherit;margin:-20px 0 0;transform:none;z-index:10}
.slide-buttons.hide,.slide-pagination.hide{opacity:0;pointer-events:none}
.slide-page{display:inline-block;position:relative;margin:5px 3px}
.slide-page span:not(.dot-number){display:block;width:12px;height:12px;opacity:.5;border-radius:50%;background-color:#aaa}
.slide-page:not(.active):hover span:not(.dot-number){opacity:1}
.slide-page.active span:not(.dot-number){opacity:1;pointer-events:none;background-color:#fbc012}
.slide-buttons.disabled,.slide-pagination.disabled{display:none}
.slide-next,.slide-page span,.slide-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:all 0.3s ease-in-out}
.slide-prev{left:0;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous.svg) no-repeat 50%/90%}
.slide-next,.slide-prev{top:0;position:absolute;width:60px;height:60px;opacity:0.7}
.slide-next{right:0;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next.svg) no-repeat 50%/90%}
.slide-next:hover{opacity:1;transform:translateX(5px) scale(1.05)}
.slide-prev:hover{opacity:1;transform:translateX(-5px) scale(1.05)}
.slide-next:before,.slide-prev:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;transition:all .3s ease-in-out;z-index:-1}
.slide-next.disabled,.slide-prev.disabled{pointer-events:none;opacity:0.2 !important}
.slide-page .dot-number{color:#ccc;padding:0;font-size:13px;font-weight:600;line-height:25px;text-align:center;width:25px;height:25px;border-radius:50%;margin:0 5px;position:relative;display:inline-block;transition:all 0.3s ease-in-out}
.slide-page .dot-number:before{content:"";width:calc(100% + 4px);height:calc(100% + 4px);left:-2px;top:-2px;position:absolute;border:2px solid #ddd;border-radius:50%;transition:all 0.3s ease-in-out}
.slide-page:not(.active):hover .circle-outer{stroke:#fbc012}
.slide-page.active .dot-number{pointer-events:none;color:#fbc012}
.slide-page.active .dot-number:before{border-color:#fbc012}
.color-grey .slide-page span:not(.dot-number){background-color:#b3b3b3}
.color-grey .slide-page.active span:not(.dot-number){background-color:#7e8387}
.color-grey-dark .slide-page span:not(.dot-number){background-color:#aaa}
.color-grey-dark .slide-page.active span:not(.dot-number){background-color:#fbc012}
.color-grey-dark .slide-buttons{position:absolute;bottom:70px;top:auto;left:auto;right:auto;width:141px;height:auto;margin:0;z-index:10}
.color-grey-dark .slide-prev{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous1.svg) no-repeat 50%/contain;width:70px;height:70px;opacity:1}
.color-grey-dark .slide-next{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next1.svg) no-repeat 50%/contain;width:70px;height:70px;opacity:1}
.color-grey-dark .slide-next:before,.color-grey-dark .slide-prev:before{background-color:#1865c2}
.color-grey-dark .slide-next:hover:before,.color-grey-dark .slide-prev:hover:before{background-color:rgba(0,0,0,0.5)}
.color-grey-dark .slide-next:hover,.color-grey-dark .slide-prev:hover{transform:none}
.color-white .slide-page span:not(.dot-number){background-color:#a7a9ac}
.color-white .slide-page.active span:not(.dot-number){background-color:#fff}
.color-white .slide-prev{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous2.svg) no-repeat 50%/90%}
.color-white .slide-next{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next2.svg) no-repeat 50%/90%}
.circle-outer{stroke:rgba(255,255,255,0.8);fill:none;stroke-width:3;stroke-dasharray:534;transition:all 0.3s ease-in-out}
.slide-page.active .circle-outer{stroke:#fbc012;animation-name:Show100;animation-fill-mode:forwards}
.align-right .slide-pagination{text-align:right}
.align-right .slide-buttons{left:auto;right:0}
.align-left .slide-pagination{text-align:left}
.align-left .slide-buttons{left:0;right:auto}
.align-center .slide-pagination{text-align:center;position:relative;left:auto;bottom:auto;margin:25px 0}
.align-center .slide-buttons{position:relative;width:25%;left:50%;bottom:0;transform:translateX(-50%)}
.align-center .slide-buttons.disabled,.align-center .slide-pagination.disabled{display:none}
.numbers{text-align:center}
.numbers .slide-pagination{counter-reset:slides-num;text-align:center;width:100px;display:inline-block;position:relative;padding:10px}
.numbers .slide-pagination:after{content:counter(slides-num);text-align:right}
.numbers .slide-page.active:before,.numbers .slide-pagination:after{font-size:20px;display:inline-block;vertical-align:middle;position:relative;margin:5px}
.numbers .slide-page.active:before{content:counter(slides-num) " /";text-align:left}
.numbers .slide-page{counter-increment:slides-num;margin:0}
.numbers .slide-page span{display:none}
.thumbs-video{margin:auto;position:relative;display:block}
.thumbs,.thumbs-video{width:90%;max-width:600px}
.thumbs{height:auto;left:50%;bottom:2.5vh;position:absolute;display:inline-block;margin:0;transform:translate(-50%);z-index:5}
.thumb-item{width:auto;height:auto;max-width:90px;max-height:50px;position:relative;border:3px solid #ddd;overflow:hidden;transition:border 0.3s ease-in-out}
.thumb-item,.thumb-item a{display:block}
.slide-item.current .thumb-item{pointer-events:none;border-color:#fbc012}
.thumb-item:hover{border-color:#fbc012}
.thumb-item img{width:100%;height:auto;display:block;pointer-events:none}
.center-slidebox .slide-wrapper{width:100% !important;white-space:nowrap;text-align:center}
.center-slidebox .slide-item{float:none !important;display:inline-block !important;vertical-align:top}
.album-center .slide-next{right:20px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next.svg) no-repeat 50%/110%}
.album-center .slide-prev{left:20px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous.svg) no-repeat 50%/110%}
.slide-pic-nav{position:absolute;top:50%;left:0;width:100%;max-width:inherit;margin:-40px 0 0;transform:none;z-index:10}
.next-pic{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next.svg) no-repeat 50%/contain;right:10px}
.next-pic,.prev-pic{width:80px;height:80px;position:absolute;top:0;cursor:pointer;transition:all 0.3s ease-in-out}
.prev-pic{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous.svg) no-repeat 50%/contain;left:10px}
.next-pic:not(.disabled):hover,.prev-pic:not(.disabled):hover{transform:scale(1.2)}
.next-pic.disabled,.prev-pic.disabled{opacity:.2;pointer-events:none}
.slide-mask .slide-next,.slide-mask .slide-prev{width:60px;height:100px;color:#fff;border-radius:0;background-image:none}
.slide-mask .slide-next:hover,.slide-mask .slide-prev:hover{color:#fbc012;transform:scale(1)}
.slide-mask .slide-next:hover{transform:translate3d(5px, 0, 0)}
.slide-mask .slide-prev:hover{transform:translate3d(-5px, 0, 0)}
.slide-mask .slide-next{right:10px}
.slide-mask .slide-prev{left:10px}
.slide-mask .slide-page .dot-number{font-size:15px;line-height:30px;width:30px;height:30px;font-weight:600;color:#fff;background-color:transparent}
.slide-mask .slide-page.active .dot-number{color:#fbc012}
.slide-mask .slide-page .dot-number:before{display:none}
.slide-mask .slide-pagination{position:absolute;bottom:180px;width:100px;margin:0 0 0 -200px;right:0px}
.slide-mask .slide-buttons{margin:0 0 0 -200px;width:400px;left:50%;top:auto;bottom:90px}
.special-slide .slide-buttons{width:280px;left:calc(50% - 140px);top:auto;bottom:-20px;margin:0}
.special-slide .slide-buttons:before{content:"";width:80px;height:80px;position:absolute;left:50%;top:50%;margin:-10px 0 0 -40px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/hand.svg) no-repeat 50%/80%;opacity:.5;transition:opacity .3s ease-in-out;z-index:-1}
.special-slide-grey .slide-buttons{width:280px;left:calc(50% - 140px);top:auto;bottom:-30px;margin:0}
.special-slide-grey .slide-next{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next-2.svg) no-repeat 50%/90%}
.special-slide-grey .slide-prev{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous-2.svg) no-repeat 50%/90%}
.special-slide-grey .slide-buttons:before{content:"";width:80px;height:80px;position:absolute;left:50%;top:50%;margin:-10px 0 0 -40px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/hand-2.svg) no-repeat 50%/80%;opacity:.5;transition:opacity .3s ease-in-out;z-index:-1}
.grabbing .slide-buttons:before{opacity:0}
.slide-four.special-slide .slide-buttons:before{display:none}
.slide-four.special-slide .slide-buttons{bottom:75px;z-index:21}
.slide-masterplan .slide-buttons{left:50%;margin:0 0 0 -70px}
.slide-member .slide-buttons{margin:-50px 0 0}
.slide-member .slide-next{right:-80px}
.slide-member .slide-prev{left:-80px}
.slider-inner .slide-prev{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous1.svg) 50%/contain;left:-60px}
.slider-inner .slide-next{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next1.svg) 50%/contain;right:-60px}
.slider-inner .slide-next,.slider-inner .slide-prev{width:50px;height:50px}
.slider-inner .slide-buttons{margin:-28px 0 0}
.slider-inner .slide-pagination{display:none}
.slide-pics .slide-prev{left:40px;width:80px;height:80px}
.slide-pics .slide-next{right:40px;width:80px;height:80px}
.slide-pics .slide-pagination{margin:0 0 0 -200px;width:400px;left:50%;top:auto;bottom:30px;position:absolute}
@font-face{font-family:'sfu_futura';src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaheavy-webfont.eot);src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaheavy-webfont.eot?#iefix) format("embedded-opentype"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaheavy-webfont.woff2) format("woff2"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaheavy-webfont.woff) format("woff"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaheavy-webfont.ttf) format("truetype"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaheavy-webfont.svg#sfu_futuraheavy) format("svg");font-weight:600;font-style:normal}
@font-face{font-family:'sfu_futura';src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturalight-webfont.eot);src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturalight-webfont.eot?#iefix) format("embedded-opentype"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturalight-webfont.woff2) format("woff2"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturalight-webfont.woff) format("woff"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturalight-webfont.ttf) format("truetype"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturalight-webfont.svg#sfu_futura_light) format("svg");font-weight:100;font-style:normal}
@font-face{font-family:'sfu_futura';src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturabold-webfont.eot);src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturabold-webfont.eot?#iefix) format("embedded-opentype"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturabold-webfont.woff2) format("woff2"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturabold-webfont.woff) format("woff"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturabold-webfont.ttf) format("truetype"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturabold-webfont.svg#sfu_futurabold) format("svg");font-weight:700;font-style:normal}
@font-face{font-family:'sfu_futura';src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaregular-webfont.eot);src:url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaregular-webfont.eot?#iefix) format("embedded-opentype"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaregular-webfont.woff2) format("woff2"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaregular-webfont.woff) format("woff"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaregular-webfont.ttf) format("truetype"),url(//xoo.vn/wp-content/themes/xoosoft/assets/font/sfufuturaregular-webfont.svg#sfu_futuraregular) format("svg");font-weight:300;font-style:normal}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,svg{display:block}
*{-webkit-font-smoothing:antialiased}
*,:after,:before{box-sizing:border-box}
html{-webkit-touch-callout:none;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}
body,html{width:100%;margin:0;padding:0;scrollbar-color:inherit;scrollbar-width:thin}
body{height:100%;font-family:sfu_futura, Arial, Helvetica, sans-serif;line-height:1;overflow:hidden;color:#444}
body.auto{overflow-y:auto}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}:focus{outline:0;border:none}
strong{font-weight:700}
code,dd,dl dt,ins,pre,strong{text-decoration:none}
del{text-decoration:line-through}
img[alt]{font-size:0}
.clear{clear:both}
.clearfix:after,.clearfix:before{content:" ";display:table;box-sizing:border-box}
.clearfix:after{clear:both}
h1,h2,h3,h4,h5,h6{font-family:sfu_futura, sans-serif;font-weight:500;line-height:1.4}
a,p{text-decoration:none;font-family:sfu_futura, sans-serif;font-weight:400}
p{-webkit-text-size-adjust:none;line-height:1.6;font-size:16px}
ol,ul{list-style:none;font-size:15px}
blockquote,ol,q,ul{font-family:sfu_futura,sans-serif}
blockquote,q{quotes:none}
mark{background-color:transparent}
mark,sup{text-decoration:none;font-weight:400;vertical-align:baseline;font-family:sfu_futura,sans-serif}
sup{bottom:5px;font-size:70%;position:relative}
cite,em,i{text-decoration:none;font-weight:400;line-height:1.6;vertical-align:baseline}
button,cite,div,em,i,input,select,span,table,textarea{font-family:sfu_futura,sans-serif}
button,input,select,textarea{-webkit-appearance:none}
img[data-src].lazy{opacity:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#aaa}
.loadicon{position:fixed;top:50%;left:50%;width:18vw;height:18vw;margin:-9vw 0 0 -9vw;z-index:110000}
.load-present{width:100%;height:100%;position:absolute;left:0;top:0}
.stroke-line{fill-opacity:0;stroke:#f15a29;stroke-miterlimit:10;stroke-width:.5;stroke-dasharray:600;stroke-dashoffset:600}
.loading .stroke-line{animation-name:DrawStroke;animation-duration:3s;animation-fill-mode:forwards}
.loadicon.show .stroke-line{transition:all .3s ease-in-out;fill-opacity:1;stroke-opacity:0}
.loadx{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/cycle.png) no-repeat 50%;position:fixed;top:50%;left:50%;width:82px;height:82px;margin:-41px 0 0 -41px;border-radius:50%;animation:Rotate 1s linear infinite;display:none;z-index:110000}
.blur{filter:blur(10px)}
.stroke-line.stroke-01{fill:url(#gradient_1)}
.stroke-line.stroke-02{fill:url(#gradient_2)}
.stroke-line.stroke-03{fill:url(#gradient_3)}
.stroke-line.stroke-04{fill:#e0b03a}
.stroke-line.stroke-05{fill:#004e7c}
.header{position:fixed;height:auto;text-align:center;z-index:100}
.header,.header:before{width:100%;top:0;left:0}
.header:before{height:70px;background-color:rgba(0,0,0,0.5);opacity:0}
.header:after,.header:before{content:"";position:absolute;pointer-events:none}
.logo{position:absolute;left:50px;top:50px;width:200px;height:90px;min-width:120px;z-index:30}
.logo a{display:block}
.logo img,.logo svg{pointer-events:none}
.header.white .logo:after{opacity:0}
.header.white:after{display:none}
.right-header{width:auto;height:auto;position:absolute;right:100px;top:30px;text-align:right;transition:all .3s ease-in-out;z-index:5}
body.auto .title-main{position:relative;top:auto;left:auto;margin:0 0 30px}
body.auto .container{height:auto}
body.auto .footer{position:relative;display:block;width:100%;bottom:auto;left:auto;padding:80px 0 20px;z-index:2}
body.auto .footer:before{content:"";position:absolute;width:100px;height:1px;top:50px;left:calc(50% - 50px);background-color:#fff}
body.auto .copyright,body.auto .left-footer,body.auto .right-footer,body.auto .social{float:none}
body.auto .copyright{margin:20px auto}
body.auto .wheel{bottom:auto;top:65vh}
body.auto .wheel.show{opacity:1;pointer-events:none}
.language{vertical-align:middle;transition:all .3s ease-in-out;z-index:12}
.language,.language li{position:relative;display:inline-block;margin:0}
.language li a{display:block;text-align:center;font-size:15px;padding:0 10px;line-height:40px;font-weight:700;color:#fff;text-transform:uppercase}
.language li.active{display:none}
.seach-top{position:relative;display:inline-block;height:auto;vertical-align:middle;z-index:5}
.search-but{position:relative;display:block;margin:0;width:40px;height:40px;z-index:10;color:#fff;border:1px solid #fff;border-radius:50%;text-align:center}
.search-but svg{width:85%;height:85%;margin:3px 0 0 2px}
.search-form{position:absolute;opacity:0;right:-1px;top:0;display:block;width:0;height:40px;transition:all .3s ease-in-out;pointer-events:none;background-color:#fff;border-radius:40px;border:1px solid #ddd;z-index:5}
.form-row-search{position:relative;width:100%;height:100%}
.form-row-search input[type=text]{border:0;font-size:16px;font-weight:400;color:#666;background-color:transparent;position:absolute;display:block;width:100%;height:100%;padding:2px 43px 0 20px;box-shadow:none}
.form-row-search input[type=text]:focus{color:#000}
.search-form.active{width:340px;pointer-events:auto;opacity:1}
.search-but.active{color:#ff9600}
.search-form button{border:0;padding:0;position:absolute;top:2px;right:5px;display:none}
.search-form button svg{width:35px}
.hotline{position:absolute;display:block;right:210px;top:30px;color:#fff;font-size:18px;font-weight:700;width:auto;height:40px;transition:all .3s ease-in-out;z-index:5}
.hotline.active{right:500px;border-radius:50%}
.hotline.active span{display:none}
.hotline.active:after{background:linear-gradient(135deg, #006db7, #001644);background-size:400% 400%;border-color:transparent;animation:BorderBox 3s infinite;box-shadow:0 20px 20px rgba(0,0,0,0.5);z-index:-1}
.hotline svg{position:relative;display:inline-block;width:40px;height:40px;vertical-align:middle}
.hotline:after{content:"";position:absolute;width:40px;height:40px;top:0;left:0;border:1px solid #fff;border-radius:50%}
.hotline span{position:relative;display:inline-block;vertical-align:middle;padding:0 0 0 5px}
.navigation{width:100%;top:0;height:100%;position:fixed;text-align:right;right:0;margin:0;transition:transform .3s ease-in-out;transform:translateX(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:100}
.nav{height:auto;padding:5vh 10vw;z-index:20}
.nav,.nav li{position:relative;display:block;width:100%}
.nav li{float:none;list-style:none;opacity:0;margin:4vh 0}
.nav li a{display:inline-block;font-size:4vh;font-weight:400;line-height:1.4;color:#fff;position:relative;text-transform:uppercase}
.nav li a span{font-size:2vh;display:inline-block;margin:0 0 0 30px;vertical-align:middle}
.nav li.active-color a,.nav li.current a{color:#fbc012}
.nav li.current{pointer-events:none}
.navigation.show{transform:none}
.navigation:not(.show) .nav li{animation-name:fadeOut;animation-duration:.3s;animation-fill-mode:forwards}
.overlay-menu{height:100%;width:0;position:fixed;left:0;top:0;overflow:hidden;transition:width .5s ease-in-out;z-index:20}
.bg-menu,.overlay-menu.show{width:100%}
.bg-menu{height:100%;left:0;top:0;position:absolute}
.sub-nav{margin:0;text-align:center;overflow:hidden;z-index:10}
.sub-nav,.sub-nav ul{position:relative;display:block;width:100%;height:auto}
.sub-nav ul{white-space:nowrap;z-index:2}
.sub-nav li{position:relative;display:inline-block;width:auto;height:auto;margin:0 -2px;vertical-align:top}
.sub-nav li a{display:block;padding:15px;text-transform:uppercase;vertical-align:top;margin:0 1px;font-weight:700;font-size:14px;color:#444;background-color:#eee}
.outer-nav.second .sub-nav li.current a,.sub-nav li.current a{background-color:#f15a29;color:#fff;pointer-events:none}
.outer-nav.second .sub-nav li.active-color a,.sub-nav li.active-color a{background-color:#f15a29;color:#fff}
.outer-nav{position:relative;display:block;width:100%;height:auto;margin:0;text-align:center;z-index:4}
.outer-nav:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.outer-nav:not(.second){background-color:#fff}
.outer-nav:not(.second).hide{visibility:hidden}
.outer-nav.second{top:-100px;left:0;position:fixed;opacity:0;height:auto;padding:1px;pointer-events:none;transition:all 0.3s ease-in-out}
.outer-nav.second .sub-nav{margin:0}
.outer-nav.second .sub-nav li a{font-size:12px;padding:10px 15px;margin:0;background-color:#fff}
.outer-nav.second.fixed{pointer-events:auto;opacity:1;top:18px}
.outer-nav:not(.second).fixed{pointer-events:none;opacity:0}
.bg-wave{height:100vh;bottom:0;overflow:hidden;pointer-events:none}
.bg-wave,.bg-wave svg{position:absolute;width:100%;left:0}
.bg-wave svg{height:100%;bottom:-50vh}
.control-svg,.play-canvas,.play-svg,.play-wave,.stop-canvas,.stop-svg,.stop-wave{display:none}
.container{position:relative;width:100%;height:100vh;opacity:0;margin:0;display:block;overflow:hidden}
.container.mapshow{position:absolute;left:0;top:0;z-index:999}
section{padding:0;z-index:3}
.content-column,section{width:100%;height:auto;position:relative;display:block;margin:0}
.content-column{overflow:hidden}
.content-page{background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:2}
.content-table{position:relative;display:block;width:100%;height:auto;margin:0;padding:0}
.wrap-content{max-width:1100px}
.wrap-content,.wrap-content-large{position:relative;display:block;width:90%;margin:auto;height:auto;z-index:10}
.wrap-content-large{max-width:1300px}
.wrap-content-small{position:relative;display:block;width:90%;max-width:900px;margin:auto;height:auto;z-index:10}
.full-page{position:absolute;width:100%;height:100%;display:block;top:0;left:0}
.footer{position:absolute;bottom:10px;left:20px;width:calc(100% - 40px);height:auto;text-align:center;color:#fff}
.right-footer{float:right;text-transform:uppercase;font-size:12px}
.left-footer,.right-footer{position:relative;display:block;height:auto;z-index:10}
.left-footer{float:left}
.copyright{font-size:11px;color:#fff;line-height:1.6;display:block;vertical-align:middle;float:left;margin:25px 0 0 10px}
.copyright a{color:#eee;display:none}
.bottom-link{display:none}
.nav-click{width:50px;height:45px;top:30px;right:30px;cursor:pointer;text-align:center;transition:all .3s ease-in-out;opacity:0;z-index:101}
.nav-click,.nav-click:after,.nav-click:before{display:block;position:absolute;pointer-events:none}
.nav-click:after,.nav-click:before{content:"";background-color:#fff;width:100%;height:2px;left:0;transform:rotate(0deg) scaleX(0)}
.nav-click:before{top:0}
.nav-click:after{bottom:10px}
.nav-click .close-click{width:100%;height:110px;position:absolute;left:0;top:0;pointer-events:none}
.nav-click .open-click{display:block;width:100%;height:auto;position:relative}
.nav-click .close-click small,.nav-click .open-click{font-weight:700;line-height:35px;font-size:12px;color:#fff;text-transform:uppercase}
.nav-click .close-click small{transform:rotate(-90deg);position:absolute;left:8px;top:70px;pointer-events:none}
.nav-click .open-click:before{content:"";background-color:#fff;position:absolute;width:20px;left:15px;bottom:-13px;height:1px;display:block;opacity:0}
.nav-click .open-click:before,.nav-click:after,.nav-click:before{transition:all 0.3s ease-in-out}
.nav-click.active:before{transform:rotate(45deg) scaleX(1);top:15px}
.nav-click.active:after,.nav-click.active:before{height:2px;width:30px;left:10px;background-color:#fff}
.nav-click.active:after{transform:rotate(-45deg) scaleX(1);bottom:28px}
.nav-click.active .open-click:before{transform:rotate(90deg) scaleX(1);opacity:1}
.show-line .open-click:before,.show-line:after,.show-line:before{transform:rotate(0deg) scaleX(1)}
.show-line{pointer-events:auto}
.nav-click.active{position:fixed;pointer-events:none}
.nav-click.toclick,.nav-click.toclick .close-click{pointer-events:auto}
.nav-click.active .open-click{pointer-events:none}
.close-click small span,.open-click span{opacity:0}
.nav-click.hide{top:-100px;pointer-events:none}
.nav-click.show{opacity:1}
.mask{position:fixed;height:200vh;overflow:hidden;z-index:99999}
.mask,.mask:before{width:100%;left:0;top:0}
.mask:before{content:"";background:linear-gradient(0deg, #fff, #ffd092)}
.mask:before,.shape-svg{position:relative;height:100vh;display:block}
.shape-svg{width:110vw;margin:-10px 0 0 -5vw;transform-origin:50% 0}
.shape-svg path{fill:#fff}
.mask.finish{pointer-events:none;z-index:-9999}
.option-01,.option-02{overflow:hidden}
.grid-item-img{width:100%;height:100%;position:relative;display:block}
.grid-item-bg{width:100%;height:100%;position:absolute;left:0;top:0}
.grid-item-bg:after{opacity:0;display:none;background-color:rgba(41,77,132,0.8);mix-blend-mode:multiply}
.grid-item-img img{width:auto;min-width:100%;height:100%;display:block;left:0;position:absolute}
.option-01 .grid-item-img img{left:50%;transform:translateX(-50%)}
.grid-item-img img:nth-child(2){opacity:0;transition:opacity 0.5s ease-in-out}
.grid-item-bg canvas,.grid-item-img canvas{width:100%;height:100%;display:block;position:relative}
.grid-item-bg.three .bg-cover,.grid-item-bg.three img,.grid-item-img.three img{display:none}
.grid-item-bg canvas{opacity:0}
.grid-item-bg canvas.show{opacity:1}
.grid-item-bg:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0}
.is-Edge .grid-item-bg:after,.is-IE .grid-item-bg:after{background-color:rgba(0,0,0,0.5) !important;mix-blend-mode:inherit !important}
.captcha{width:220px;height:70px;vertical-align:middle;position:relative;text-align:center;overflow:hidden;transform:scale(0.8)}
.captcha,.captcha:after{display:inline-block;border-radius:10px}
.captcha:after{content:"";position:absolute;right:0;top:5px;width:60px;height:60px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/captcha.png) no-repeat 50%;background-color:#f9f9f9;z-index:2}
.g-recaptcha{width:100%;height:auto;display:inline-block;position:relative;margin:0}
.g-recaptcha>div{width:220px !important;height:70px !important;border-radius:10px;overflow:hidden}
.g-recaptcha>div,.input-select{position:relative;display:block}
.input-select{width:100%;height:auto;margin:0 0 10px;z-index:1}
.input-select select{position:relative;display:block;width:100%;height:64px;line-height:1.6;padding:5px 64px 5px 20px;color:#999;font-size:16px;font-weight:700;overflow:hidden;outline:none;border:none;cursor:pointer;border:1px solid #ddd}
.input-select:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(0deg, #fff, #eee);z-index:-1}
.input-select select::-ms-expand{display:none}
.input-select select option{color:#fff;font-size:14px;font-weight:500;line-height:1.6;padding:15px 20px;background-color:#62676e}
.input-select select [title]{font-size:16px;color:#000;font-weight:700}
.input-select{display:inline-block;width:auto;margin:0 1px;min-width:350px}
.input-select select{height:48px;line-height:48px;padding:0 48px 0 20px;box-shadow:none;border-radius:30px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/arrow-down-grey.svg) no-repeat 100%;font-weight:500;font-size:14px;color:#000}
.input-select:after{background:#fff;border-radius:30px}
.require-col{width:90%;text-align:center}
.input-text,.require-col{height:auto;position:relative;display:inline-block;vertical-align:top}
.input-text{width:48%;margin:0 0 5px}
.input-text:nth-child(6){width:96%}
.input-text input[type=text]{color:#333;font-size:15px;line-height:48px;padding:0 20px;border:none;width:100%;height:50px;background-color:rgba(255,255,255,0.7);transition:all 0.3s ease-in-out}
.input-area{width:calc(96% + 5px);height:auto;position:relative;margin:0;border-radius:10px;display:inline-block;vertical-align:top}
.input-area textarea{color:#333;font-size:15px;line-height:24px;padding:5px 20px;border:none;width:100%;height:120px;background-color:rgba(255,255,255,0.7);transition:all .3s ease-in-out;resize:none;border-radius:10px}
.input-area textarea:focus,.input-text input[type=text]:focus{background-color:#fff;color:#333}
.input-but{width:96%;margin:20px 0}
.input-but,.input-but button{height:auto;position:relative;display:inline-block;text-align:center}
.input-but button{font-weight:700;font-size:18px;line-height:1.4;padding:10px 20px;color:#fff;width:auto;cursor:pointer;margin:0;text-transform:uppercase;border:none;background-color:#00306c}
.input-but button:after{content:"";width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;left:-5px;top:-5px;border:1px solid #00306c}
.social{text-align:center;vertical-align:middle;margin:0 10px 0 0;float:right}
.social,.social ul{position:relative;height:auto;display:block}
.social ul{width:auto;list-style:none}
.social li{margin:0}
.social li,.social li a{position:relative;width:auto;height:auto;display:inline-block;vertical-align:middle}
.social li a{color:#fff}
.social li svg{width:50px;height:50px;display:inline-block;position:relative;vertical-align:middle}
.foreground{fill:transparent;stroke-dasharray:377;stroke-dashoffset:377;stroke-width:1.5;transform-origin:50% 50%}
.slide-mask,.slide-pics{margin:0}
.banner-home,.banner-inner,.slide-mask,.slide-pics{width:100%;height:auto;position:relative;display:block}
.banner-home,.banner-inner{overflow:hidden;background-color:#f15a29}
.bg-home{position:relative;width:100%;height:100vh;display:block;background-position:50%;background-repeat:no-repeat;background-size:cover;transform-origin:50% 50%}
.slide-mask .slide-item:nth-child(2n) .bg-home.move{animation-name:Bg-ZoomOut}
.bg-home.move{animation-name:Bg-ZoomIn;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}
.pause-move{animation-play-state:paused !important}
.bg-inner{height:35vw;max-height:58vh}
.bg-inner,.pic-img{position:relative;width:100%;display:block;background-position:50%;background-repeat:no-repeat;background-size:cover}
.pic-img{height:auto;overflow:hidden;backface-visibility:hidden}
.pic-img img{opacity:0;position:relative;width:100%;height:auto;display:block;pointer-events:none}
.bg-cover{height:100%;position:absolute;left:0;top:0}
.bg-cover,.box-cover{width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}
.box-cover{position:relative;height:56vw;display:none}
.overlay-dark{background:linear-gradient(135deg, rgba(196,163,84,0.95), rgba(0,45,97,0.95));height:0;width:100%;position:fixed;left:0;bottom:0;overflow:hidden;-ms-touch-action:none;-webkit-touch-callout:none;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;transition:height .8s ease-in-out;z-index:1500}
.overlay-dark.level-index-in,.overlay-dark.show{height:100%}
.bg-fixed{background-attachment:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}
.bg-footer{width:100%;height:100vh;position:fixed;bottom:0;left:0;background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:-2}
.is-Edge .bg-screen:after,.is-IE .bg-fixed:after,.is-IE .bg-screen:after{display:none}
.is-Edge .bg-screen:before,.is-IE .bg-screen:before{background:rgba(0,0,0,0.5) !important}
.is-Edge .banner-home:before,.is-IE .banner-home:before{opacity:0.5}
.no-wheel .box-nav{pointer-events:none;z-index:2}
.box-nav{height:100vh;position:absolute;left:0;padding:0;transition:all .3s ease-in-out;z-index:20}
.box-nav:after,.box-nav:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.box-nav ul{text-align:center;list-style:none;width:90%;margin:auto;display:inline-block;vertical-align:middle;padding:4vw 0 0}
.box-nav li,.box-nav ul{height:auto;position:relative}
.box-nav li{display:block;margin:0}
.box-nav li a{display:block;width:30px;height:30px;margin:20px 0;position:relative}
.box-nav li a:before{content:"";position:absolute;background-color:#fff;top:50%;left:0;width:100%;height:2px;transition:all 0.3s ease-in-out}
.box-nav li.current a:before{background-color:#fbc012;height:4px}
.box-nav li.current a{width:50px}
.details-content{position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;text-align:center;overflow-x:hidden;scrollbar-color:inherit;scrollbar-width:none;z-index:3000}
.details-content:after,.details-content:before{content:"";position:relative;display:inline-block;width:auto;height:100%;vertical-align:middle}
.details-content>span{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1}
.details-content.no-after:after,.details-content.no-after:before,.details-content.no-after>span{display:none}
.details-center{position:relative;display:inline-block;width:90%;height:auto;text-align:left;vertical-align:middle;max-width:1000px;margin:0 auto;padding:0;background-color:#fff;z-index:5}
.details-center h2{color:#f15a29;font-size:1.8vw;font-weight:700;line-height:1.4;text-transform:uppercase;display:block;padding:20px 5%}
.details-outer{margin:0;padding:0 5%;background-color:#fff}
.details-outer,.details-text{position:relative;width:100%;height:auto}
.details-text{padding:30px 0;display:block;border-bottom:1px dotted #404040;border-top:1px dotted #404040;text-align:left}
.details-text a{color:#f15a29}
.details-text h3{font-size:18px;font-weight:700;text-transform:uppercase}
.details-text h3,.details-text p{margin:0 0 15px;display:block}
.details-text img,.details-text p img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}
.details-text ol,.details-text ul{text-align:left;list-style:inherit}
.details-text li,.details-text ol li,.details-text p span,.details-text span{text-align:left;margin:5px 0;font-size:inherit;font-weight:inherit;color:inherit}
.details-text table{display:inline-block;width:auto;max-width:100%;border-spacing:1px;margin:20px auto;table-layout:fixed}
.details-text table td,.details-text table th{padding:10px;line-height:1.4;border-radius:5px}
.details-text table tbody:only-child tr:first-child td,.details-text table thead td,.details-text table thead th{background-color:rgba(0,0,0,0.3);color:#fff;text-align:center}
.details-center{opacity:0}
.download-but{display:block;width:100%;height:auto;background-color:#fff;margin:20px 0 5%;padding:0 5%}
.download-but,.download-but a{position:relative;text-align:left}
.download-but a{display:inline-block;color:#fff;padding:20px 80px 20px 30px;background-color:#f15a29;border-radius:25px}
.download-but a:before{content:"";position:absolute;left:-7px;top:-7px;width:calc(100% + 14px);height:calc(100% + 14px);border-radius:30px;border:1px solid #f15a29}
.download-but a:after{content:"";width:40px;height:40px;position:absolute;right:20px;top:50%;margin-top:-20px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/arrow-down.svg) no-repeat 50%/80%;background-color:rgba(0,0,0,0.3);border-radius:50%}
.details-center .download-but span{font-size:20px;font-weight:100}
.details-center .download-but h3{margin-top:5px;font-size:36px;font-weight:700}
.box-slider{position:relative;display:block;float:left;-webkit-tap-highlight-color:transparent;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;z-index:1}
.box-slider,.group-central{width:100%;height:100vh;overflow:hidden}
.group-central{position:absolute;left:0;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateY(100%);background-position:50%;background-repeat:no-repeat;background-size:cover}
.group-central.show-text{z-index:1}
.group-central:first-child{transform:translateY(0)}
.group-central:after,.group-central:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;display:none}
.content-main{width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;overflow:hidden;padding:0;z-index:2}
.content-main.mapshow{z-index:999}
.content-main:after,.content-main:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.content-main.mapshow:after,.content-main.mapshow:before{display:none}
.content-center{display:inline-block;vertical-align:middle;width:90%;max-width:1200px;padding:5vw 0 0;height:auto;text-align:center}
.scrollA{height:auto;max-height:50vh}
.scrollA,.scrollB{width:100%;position:relative;display:block;margin:0;overflow:hidden;scrollbar-color:inherit;scrollbar-width:thin}
.scrollB{height:100%}
.nicescroll-rails{margin-left:30px;cursor:pointer !important}
.nicescroll-cursors{transition:background-color .3s ease-in-out}
.nicescroll-cursors:hover{background-color:#fbc012 !important;width:12px !important}
.touch .scrollA,.touch .scrollB{overflow-x:hidden;overflow-y:auto;padding:0 20px 0 0}
.title-page{position:absolute;top:30px;right:0;width:100%;text-align:center;display:none;color:#fff;pointer-events:none;z-index:5}
.title-page.on-show{display:block}
.title-page.on-hidden{display:none !important}
.title-page h1{font-size:2.4vw;text-transform:uppercase;font-weight:400}
.title-page strong{display:block;font-size:4vw}
.title-page h1>span>span{transition:all .8s ease;opacity:0}
.title-page h1>span>span.move{opacity:1;transition:all 0.3s ease-in-out}
.title-main{position:absolute;top:30px;left:0;width:100%;text-align:center;color:#fff;pointer-events:none;z-index:5}
.title-main h2{font-size:2.4vw;text-transform:uppercase;font-weight:400}
.title-main h2:after{content:"";width:100px;height:1px;background-color:#fff;display:none;margin:10px auto}
.title-pic{display:block;height:auto;pointer-events:none;z-index:2}
.title-pic,.title-pic:before{width:100%;position:absolute;bottom:0;left:0}
.title-pic:before{content:"";height:100px;background:linear-gradient(0deg, rgba(0,0,0,0.8), transparent 90%);opacity:0;z-index:-1}
.title-pic h3{font-weight:500;font-size:1.5vw;display:block;text-transform:uppercase;text-shadow:0 3px 10px rgba(0,0,0,0.2)}
.title-pic h3 span{opacity:0;transition:all 0.3s ease-in-out}
.title-project{text-transform:uppercase;position:relative;display:inline-block;vertical-align:middle;text-align:left;max-width:calc(100% - 170px);margin:0;padding:5% 20px 0 0}
.title-project span{font-weight:400;font-size:13px;display:block}
.title-project h3{font-weight:700;font-size:1.8vw;display:block}
.text-intro{position:relative;width:100%;max-width:900px;height:auto;max-height:60vh;margin:0;padding:0 5%;display:inline-block;vertical-align:middle;text-align:left;z-index:5}
.text-intro h3{font-weight:500;font-size:1.3vw;display:block;margin:0 0 20px;text-transform:uppercase}
.text-intro h3:after{content:"";width:15%;height:1px;background-color:#fff;display:block;margin:20px 0}
.text-intro p{margin:0 0 20px;display:block;text-align:justify}
.text-intro span{font-size:12px}
.text-intro strong{font-size:120%}
.text-intro ul{margin:10px 0;counter-reset:section}
.text-intro li,.text-intro ul{width:100%;height:auto;display:block;position:relative}
.text-intro li{margin:0 0 20px}
.text-intro li>p{padding:0 0 0 4vw}
.text-intro li:before{counter-increment:section;content:"0" counter(section);position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:2.6vw;font-weight:100;line-height:1;color:#bbb;margin:0}
.text-intro a{font-weight:700;color:currentColor}
.text-intro img{width:auto !important;height:auto !important;max-width:100%;display:block;margin:10px 0}
.box-txt{display:inline-block;position:relative;max-width:800px;width:90%;z-index:10}
.box-txt .slide-content .slide-buttons{display:none;pointer-events:none}
.blue{color:#f15a29}
.white{color:#fff}
.yellow{color:#f15a29}
.box-img{position:absolute;margin:0}
.box-img,.box-img img{width:100%;height:auto;display:block}
.svgMask{width:100%;height:100%;position:absolute;left:0;top:0;overflow:visible;filter:drop-shadow(0 20px 30px rgba(0,0,0,0.2));z-index:2}
.svgMask image,.svgMask img{height:100%;width:auto;overflow:visible}
.bg-clip{position:absolute;right:0;top:0;color:#ef7a2b;pointer-events:none;z-index:-1}
.bg-clip,.wave-ani{width:100%;height:100%}
.wave-ani{display:block;position:relative;opacity:0;transition:transform 3s ease-out,opacity 0.6s ease-in-out 1s}
.wave-ani.in-play{opacity:1}
.bg-svg{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}
.morph-value:first-child{position:absolute;width:100vw;height:100vw;top:0;left:0}
.morph-value:nth-child(2){position:absolute;width:70vw;height:70vw;top:0;right:-20vw}
.circle-morph{width:100%;height:100%;display:block;position:relative;color:rgba(0,53,109,0.3)}
.text-banner{position:absolute;bottom:35%;left:150px;padding:20px;color:#fff;width:600px;z-index:10}
.text-banner:before{content:"";width:100%;height:100%;position:absolute;top:0;right:0}
.text-banner h3{font-size:55px;line-height:60px;font-weight:600;margin:0 0 35px}
.box-text,.text-banner h3{display:block;position:relative}
.box-text{width:100%;height:auto;padding:0 0 15px 50px}
.box-text:before{content:"";width:30px;height:30px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/quote.svg) no-repeat 80%/80%;position:absolute;top:0;left:0}
.bg-egg{width:30vw;height:30vw;top:-10vw;left:-4vw;pointer-events:none;z-index:1}
.bg-egg,.egg-1{display:block;position:absolute}
.egg-1{top:0;left:0;width:85%;height:85%;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/egg-1.svg) no-repeat 100%/100%}
.egg-2{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/egg-2.svg) no-repeat 100%/100%}
.list-business{max-width:900px;margin:0 0 0 10vw}
.list-business,.list-business ul{width:100%;height:auto;display:block;position:relative}
.list-business li{position:relative;display:inline-block;width:auto;height:auto;padding:0;margin:0 0 20px;color:#fff;float:left}
.list-business li a{color:currentColor;display:block}
.list-business h3{font-size:18px;font-weight:700;padding:0 0 0 30px;text-transform:uppercase;text-shadow:0 5px 5px rgba(0,0,0,0.2)}
.icon-business,.list-business h3{position:relative;display:inline-block;margin:0 -5px;vertical-align:middle}
.icon-business{width:5vw;height:5vw}
.icon-business:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg, #f15a29, #f2c434);border-radius:50%}
.icon-business span{color:#ffffff;height:110%;width:110%;position:absolute;right:15px;top:10px;font-weight:100;font-size:45px;z-index:999}
.icon-business svg{height:110%;width:110%;position:absolute;right:15px;bottom:0}
.group-central[data-name=project-home]{background-color:#f15a29}
.box-project-home{position:relative;display:inline-block;width:50%;height:auto;margin:0 -5px;text-align:left;vertical-align:top;padding:0 20px;color:#fff}
.box-project-home.only-one{width:100%;max-width:800px}
.box-project-home .pic-project{width:100%;height:33.33333vh;margin:10px 0 0}
.box-project-home .text-project{width:100%}
.box-project-home .project-time span{font-size:16px}
.box-project-home .project-time:before{background-color:#999;margin:10px 0}
.box-project-home .view-detail{margin:15px 0}
.row-project{display:block}
.box-project,.row-project{position:relative;width:100%;height:auto}
.box-project{display:inline-block;margin:0;text-align:left}
.pic-project{overflow:hidden;border-radius:20px}
.pic-project,.text-project{position:relative;display:block;margin:0}
.text-project{height:auto;text-align:left;z-index:2}
.text-project h3{font-size:2.94118vh;line-height:1.4;font-weight:500;text-transform:uppercase;margin:10px 0;color:#fff}
.text-project h3,.text-project p{position:relative;display:block}
.text-project p a{color:#444}
.box-project:nth-child(2n) .pic-project{float:left}
.box-project:nth-child(2n) .text-project{float:right;padding:30px 0 60px 40px}
.box-project:nth-child(odd) .pic-project{float:right}
.box-project:nth-child(odd) .text-project{float:left;padding:0 40px 60px 0}
.project-location{position:relative;display:block;width:100%;height:auto;padding:10px 0}
.project-location p{height:78px;overflow:hidden;display:block}
.title-location{font-size:18px;font-style:italic;font-weight:700;margin:0 0 10px;display:block}
.group-central[data-name=news-home]{background-color:#f15a29}
.row-news-home{width:90%;height:auto;overflow:hidden;vertical-align:middle;max-width:1100px;text-align:left}
.col-news-home,.row-news-home{position:relative;display:inline-block}
.col-news-home{width:33.33%;margin:0 10px;padding:0 5px;vertical-align:bottom}
.item-video{display:block;width:100%;height:auto;position:relative;margin:0;overflow:hidden;border-radius:20px}
.item-video .pic-img{height:30vh;min-height:250px;pointer-events:none}
.item-album{display:block;width:100%;height:auto;position:relative;overflow:hidden;border-radius:20px}
.item-album .pic-img{height:60vh;pointer-events:none}
.item-news{margin:0 0 10px;overflow:hidden;border-radius:20px}
.item-news,.item-news a{display:block;width:100%;height:auto;position:relative}
.item-news .pic-img{height:calc(30vh - 5px);pointer-events:none}
.txt-news{display:inline-block;background-color:rgba(0,0,0,0.5);position:absolute;padding:7px 70px 7px 15px;width:100%;left:0;bottom:0;text-align:left}
.txt-news h3{font-size:15px;height:46px;overflow:hidden;position:relative;color:#fff}
.txt-news:before{content:"";position:absolute;top:0;right:0;width:64px;background:linear-gradient(90deg, #eda82e, #f15a29 90%);height:100%}
.txt-news:after{content:"";width:45px;height:45px;position:absolute;top:7px;right:10px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/arrow.svg) no-repeat 50%/contain}
.item-album .view-album{top:auto;bottom:0;left:auto;right:0;border-radius:0}
.item-album .txt-news:after{display:none}
.group-central[data-name=member-home]{background-color:#f15a29}
.item-member{position:relative;display:inline-block;margin:15px;padding:10px;width:23%;height:auto;text-align:center;border-radius:20px;min-height:220px;background-color:rgba(255,255,255,0.8);vertical-align:top;z-index:2}
.item-member a{display:block;width:100%;height:100%;position:relative}
.item-member img{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:160px;margin:0 auto;pointer-events:none;z-index:-1}
.item-member h3{position:relative;display:block;font-size:12px;font-weight:300;color:#444444}
.list-contact{display:inline-block;vertical-align:middle;width:90%;max-width:1000px;padding:5vw 0 0;height:auto;text-align:center}
.item-contact,.item-recruitment{display:inline-block;vertical-align:top;width:45%;text-align:left;margin:10px;position:relative;min-height:155px;color:#fff}
.item-contact:before,.item-recruitment:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(0deg, #eda82e, #f15a29 80%);opacity:.8;border-radius:20px;z-index:-1}
.item-contact{padding:15px 30px}
.item-recruitment{padding:20px 20px 50px 105px;cursor:pointer}
.company-info{margin:0;text-align:left}
.company-info,.company-info ul{width:100%;height:auto;display:block;position:relative}
.company-info li{width:auto;height:auto;position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top}
.company-info h3,.company-info h2{font-size:18px;font-weight:600;display:block}
.company-info a,.company-info p{font-size:18px;display:block;margin:10px auto;color:currentColor;padding:0 0 0 40px}
.company-info h3:after,.company-info h2:after{content:"";width:100px;height:1px;display:block;margin:20px 0;background-color:#fff}
.company-info li:before{content:"";width:30px;height:30px;position:absolute;left:0;top:50%;margin:-15px 0 0}
.add:before{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/add.svg) no-repeat 50%/contain}
.phone:before{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/phone.svg) no-repeat 50%/contain}
.email:before{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/email.svg) no-repeat 50%/contain}
.date{position:absolute;top:20px;left:20px;text-align:center;width:70px;font-size:48px;color:#ddd;font-weight:100}
.date span{display:block;font-size:11px;font-weight:500;color:#fff;background-color:#f15a29;padding:5px;position:relative;margin:5px 0 0}
.title-recruitment{font-size:18px;font-weight:500;text-transform:uppercase;margin:10px 0}
.item-recruitment h3{font-size:15px;font-weight:400;height:75px;overflow:hidden;text-transform:uppercase}
.item-recruitment .view-more{position:absolute;bottom:20px;left:20px;margin:0}
#about-page .text-intro{max-height:50vh}
#about-page .scrollA{max-height:40vh}
.group-central[data-name=about-intro]{text-align:center}
.group-central[data-name=about-intro] .content-center{max-width:inherit}
.group-central[data-name=about-intro] .text-intro{width:50%;text-align:left}
.group-central[data-name=about-intro] .bg-clip{width:60vw;height:60vw;right:-20vw;top:5vw}
.group-central[data-name=about-intro] .box-img:first-child{width:80%;height:80%;position:absolute;left:0;top:0}
.group-central[data-name=about-intro] .box-img:nth-child(2){width:60%;height:60%;position:absolute;left:40%;top:40%}
.pic-intro{display:inline-block;margin:0 -5px;position:relative;vertical-align:middle;width:50%;height:80vh;z-index:1}
.group-central[data-name=about-value]{background-color:#1865c2}
.group-central[data-name=about-value]:after{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/bg.svg) no-repeat 50%/cover;display:block}
.group-central[data-name=about-value]:before{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/bg1.svg) no-repeat 50%/cover;display:block}
.group-central[data-name=about-value] .content-main{text-align:right}
.box-value{display:inline-block;vertical-align:middle;margin:0 -5px;padding:0;text-align:right;z-index:5}
.box-value,.slide-content{width:100%;height:auto;position:relative}
.slide-content,.value-item{display:block;margin:0}
.value-item{width:100%;height:55vh;position:relative}
.value-item .text-intro{width:35%;max-width:550px;display:inline-block;margin:0 5vw 0 0;vertical-align:middle;padding:0;text-align:left}
.item-pic{width:50%;height:auto;display:inline-block;vertical-align:middle;box-shadow:0 20px 30px rgba(0,0,0,0.2)}
.box-pic,.item-pic{position:relative;margin:0;overflow:hidden}
.box-pic{width:100%;height:55vh;display:block}
.item-pic img{width:auto}
.box-philosophy,.item-pic img{height:100%;display:block;position:relative}
.box-philosophy{width:100%;text-align:left}
.box-philosophy li,.box-philosophy ul{width:100%;position:relative;display:block}
.box-philosophy li{height:calc(55vh/4 - 1px);margin:0 0 1px;color:#fff;padding:15px;background-color:#2d7dd2}
.box-philosophy li span{position:absolute;width:100px;height:100%;left:0;top:0;background-color:#1e6bc7;font-size:5vw;line-height:calc(55vh/4 - 1px);text-align:center;color:#bbc7df;text-transform:uppercase;font-weight:700}
.box-philosophy li h3{font-size:1.2vw;text-transform:uppercase;font-weight:700}
.box-philosophy li h3,.box-philosophy li p{display:block;padding:0 20px 0 110px}
.group-central[data-name=about-chart]{background-color:#1d4d87}
.chart-image{width:100%;height:80vh;margin:0}
.chart-image,.chart-image img{position:relative;display:block}
.chart-image img{width:auto;height:100%;margin:auto}
.group-central[data-name=about-manager]{background-color:#1d4d87}
.rotate-container{position:relative;width:100%;height:100%;margin:0;display:block;z-index:5}
.rotate-item{position:absolute;width:100%;left:100%;bottom:0;transform:translateX(-50%) scale(0.6);opacity:0;transition:all 0.9s cubic-bezier(0.77, 0, 0.175, 1);z-index:-1}
.rotate-item img{width:auto;height:85vh;display:block;position:relative;margin:0;z-index:-1}
.rotate-item.current-item{opacity:1;left:80%;transform:translateY(0) translateX(-50%) scale(1);z-index:2}
.rotate-item.next{opacity:1;left:62%;transform:translateY(10%) translateX(-50%) scale(0.8);filter:brightness(45%);z-index:1}
.rotate-item.prev{opacity:.05;left:110%;transform:translateY(-10%) translateX(-50%) scale(1.2);z-index:-1}
.rotate-item.last{opacity:.8;left:48%;transform:translateY(20%) translateX(-50%) scale(0.7);filter:brightness(25%);transition-delay:.2s;z-index:0}
.box-name{position:absolute;left:28%;top:40%;width:auto;height:auto;padding:0 0 0 50px;opacity:0;z-index:1}
.box-name h3{font-size:16px;text-transform:uppercase;font-weight:400;display:block;margin:0;white-space:nowrap}
.box-name strong{font-size:150%}
.box-name p{font-size:14px;text-transform:uppercase}
.box-name span{position:absolute;background:#b0b0b0 url(//xoo.vn/wp-content/themes/xoosoft/assets/images/zoom-in.svg) no-repeat 50%/70%;width:40px;height:40px;left:0;top:0;border-radius:50%}
.rotate-nav{width:70%;position:absolute;height:auto;bottom:30%;left:15%;z-index:10}
.go-next{background:rgba(0,0,0,0.1) url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next.svg) no-repeat 50%/80%;right:0}
.go-next,.go-prev{width:60px;height:60px;position:absolute;top:0;cursor:pointer;border-radius:50%}
.go-prev{background:rgba(0,0,0,0.1) url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous.svg) no-repeat 50%/80%;left:0}
.go-next.disabled{opacity:.2;pointer-events:none}
#business-page .text-intro{max-height:60vh}
#business-page .scrollA{max-height:50vh}
#business-page .title-page{display:block}
#business-page .title-main{display:none}
#business-page .group-central{background:linear-gradient(135deg, #3b89c5, #213468 80%);text-align:center}
#business-page .content-center{max-width:inherit}
#business-page .text-intro{width:50%;text-align:left}
#business-page .box-img{width:100%;height:100%;position:absolute;left:0;top:0}
#business-page .pic-intro{width:50%}
.group-central[data-name=business-01] .bg-clip{width:50vw;height:50vw;right:-10vw;top:-10vw;transform:rotate(-155deg)}
.group-central[data-name=business-02] .bg-clip{width:60vw;height:70vw;right:-20vw;top:-20vw;transform:rotate(-45deg)}
.group-central[data-name=business-03] .bg-clip{width:50vw;height:80vw;right:-10vw;top:-20vw;transform:rotate(90deg)}
.group-central[data-name=business-04] .bg-clip{width:40vw;height:60vw;right:-10vw;top:-10vw;transform:rotate(45deg)}
.group-central[data-name=business-05] .bg-clip{width:50vw;height:70vw;right:-15vw;top:-15vw;transform:rotate(0deg)}
.group-central[data-name=business-06] .bg-clip{width:50vw;height:50vw;right:-10vw;top:-10vw;transform:rotate(-155deg)}
.group-central[data-name=business-07] .bg-clip{width:60vw;height:70vw;right:-20vw;top:-20vw;transform:rotate(-45deg)}
.group-central[data-name=business-08] .bg-clip{width:50vw;height:80vw;right:-10vw;top:10vw;transform:rotate(90deg)}
.group-central[data-name=business-09] .bg-clip{width:40vw;height:60vw;right:-10vw;top:-10vw;transform:rotate(45deg)}
.group-central[data-name=business-10] .bg-clip{width:50vw;height:70vw;right:-15vw;top:-15vw;transform:rotate(0deg)}
.group-central[data-name=project]{background-color:#006bb4}
.group-central[data-name=project] .grid-item-bg:after{display:block}
.group-central[data-name=project] .content-center{max-width:inherit;padding:0}
.group-central[data-name=project] .box-txt{max-width:inherit;width:35%;display:inline-block;margin:0 -50px 0 0;background-color:#fff;border-radius:30px;overflow:hidden;vertical-align:middle}
.group-central[data-name=project] .slide-pagination{display:none}
.group-central[data-name=project] .slide-buttons{left:0}
.group-central[data-name=project] .box-pic{max-height:60vh}
.group-central[data-name=project] .view-detail{background-color:#eee;float:right;margin:10px 0 0}
.group-central[data-name=project] .text-intro h3:after{display:none}
.group-central[data-name=project] .text-intro{padding:20px 5%;max-height:inherit}
.group-central[data-name=project] .text-intro p{margin:20px 0;text-align:left;display:block;width:100%;float:left}
.group-central[data-name=project] .logo-project{float:right}
.logo-project{position:relative;display:block;width:180px;height:auto;margin:0}
.logo-project>img{margin:auto;pointer-events:none !important;max-height:180px;display:block}
.project-slide{width:55%;height:auto;position:relative;display:inline-block;vertical-align:middle;margin:0;border-radius:30px;box-shadow:0 20px 30px rgba(0,0,0,0.2);z-index:5}
.project-slide .item-pic{width:100%;display:block;box-shadow:none}
.project-slide .slide-item{border-radius:30px;overflow:hidden}
#project-details-page .title-page{top:15vh;display:block}
.title-page h2{font-size:2.2vw;font-weight:100;position:relative;margin:0 0 20px}
.logo-section{position:relative;display:block;width:100%;height:auto;background-color:#f15a29;margin:-5vh 0 0;padding:0 0 20vh;text-align:center}
.logo-section .logo-project{width:300px;height:auto;background-color:#fff;border-radius:20px;position:absolute;top:-15vh;left:50%;margin:0 0 0 -150px;overflow:hidden}
.introduce-project{background-color:#fff;padding:3vw 0 0}
.txt-project{position:relative;display:block;margin:0;width:100%;height:auto}
.txt-project h3,.txt-project p{display:block;margin:0 0 20px}
.txt-project h3{font-size:24px}
.introduce-project .txt-project{padding:0 0 3vw}
.project-masterplan,.slide-masterplan{position:relative;display:block;margin:0;padding:0;width:100%;height:auto}
.slide-masterplan{max-height:calc(100vh - 70px);overflow:hidden}
.slide-masterplan img{width:100%;height:auto;display:block;position:relative}
.project-masterplan:after,.project-masterplan:before{content:"";width:150%;height:100%;position:absolute;top:0;background-color:#fff;transform:skewX(45deg);z-index:1}
.project-masterplan:after{right:-100%}
.project-masterplan:before{left:-100%}
.hide-ground:after,.hide-ground:before{display:none}
.location-project{background-color:#fff;padding:3vw 0}
.location-project:after{content:"";position:absolute;width:100vw;height:20vw;background-color:#f15a29;bottom:0;left:0;z-index:1}
.left-content{padding:0 40px 0 0}
.left-content,.right-content{position:relative;display:inline-block;margin:0 -5px;width:50%;vertical-align:middle}
.pic-description{position:relative;display:block;width:100%;height:55vh;max-width:55vh;margin:auto;border-radius:50%;overflow:hidden}
.pic-description .pic-img{height:100%}
.pic-description img{height:100%;width:auto}
.pic-destination{position:relative;display:block;margin:3vw auto 0;width:100%;max-width:1000px;height:auto;z-index:2}
.pic-destination img{width:100%;height:auto;display:block;margin:0}
.facilities-project{background-color:#f15a29;padding:3vw 0}
.facilities-project:before{content:"";position:absolute;width:100vw;height:17vw;background-color:#fff;left:0;bottom:0;z-index:1}
.facilities-project .txt-project{padding:0 0 3vw}
.item-project-pic{position:relative;display:block;margin:0;width:100%;height:300px;cursor:pointer}
.item-project-pic .pic-img{height:100%}
.slide-facilities{margin:60px auto}
.progress-project{background-color:#f15a29;padding:3vw 0}
.product-project{background-color:#fff;padding:30px 0 0}
.product-project .left-content{padding:0}
.color-line{position:absolute;display:block;width:40%;height:180px;background-color:#f15a29;top:0;left:30%;z-index:-1}
.pic-pro{position:relative;display:block;width:100%;height:40vh;min-height:500px}
.pic-pro .pic-img{height:100%}
.box-scroll-text{height:40vh;min-height:500px;margin:0;padding:5%;background-color:#eee}
.box-scroll-text,.product-sample{position:relative;display:block;width:100%}
.product-sample{background-color:#4c6784;height:auto;padding:3vw 0}
.product-sample .slide-facilities{margin:0 0 60px}
.pic-sample{position:relative;display:block;width:100%;height:300px;margin:0;cursor:pointer}
.pic-sample .pic-img{height:100%}
.title-sample{position:absolute;display:block;bottom:10px;right:10px;padding:10px 15px;background-color:rgba(0,0,0,0.5)}
.title-sample h3{font-size:16px;color:#fff;text-transform:uppercase;font-weight:700}
.library-project{padding:30px 0 0;background-color:#fff;z-index:4}
.slide-four{position:relative;display:block;margin:0;padding:0 0 10px;width:100%;height:auto;background-color:#013976;z-index:5}
.slide-four .slide-pagination{margin:30px 0}
.four-item{margin:0;padding:0;height:auto}
.four-item,.library-pro-pic{position:relative;display:block;width:100%}
.library-pro-pic{height:60vh;overflow:hidden;max-height:500px}
.library-pro-pic .pic-img{position:absolute;top:0;left:0;height:100%}
.library-pro-pic:before{content:"";position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,0.5);height:100%;width:0;z-index:1}
.see-pic{position:absolute;height:6vw;width:6vw;background:linear-gradient(0, #3d86c8, #ffc20e);border-radius:50%;text-align:center;left:calc(50% - 3vw);top:70%;z-index:5}
.see-pic a{font-size:1.5vw;font-weight:700;color:#fff;text-align:center;text-transform:uppercase}
.see-pic:after,.see-pic:before,.see-pic a{display:inline-block;vertical-align:middle}
.see-pic:after,.see-pic:before{content:"";height:100%}
.touch .see-pic{opacity:1}
.video-project{width:100%;height:auto;position:relative;display:block;background-color:#013976;padding:3vw 0 0}
.video-project .video-youtube-full{height:618.75px}
.video-project .youtube-video{overflow:hidden}
.video-project .control{bottom:-25px;background-color:#004583;z-index:20}
.contact-project{text-align:center;position:relative;display:block;margin:0;padding:8vw 0}
.box-contact{position:relative;display:inline-block;padding:10px;border:1px solid #fff;border-radius:20px;z-index:10}
.box-contact .company-info{background-color:#f15a29;padding:20px 60px;border-radius:15px}
.box-contact .company-info li{display:block;margin:40px 0;text-align:left;opacity:1}
.box-contact .company-info li:before{width:40px;height:40px;margin:-20px 0 0;position:absolute;left:0;top:50%}
.box-contact .company-info li a,.box-contact .company-info li p{padding:0 0 0 50px;font-size:24px}
#sustainable-page .text-intro{max-height:60vh}
#sustainable-page .scrollA{max-height:50vh}
.group-central[data-name=message]{background:linear-gradient(135deg, #3b89c5, #213468 80%);text-align:center}
.group-central[data-name=message] .bg-clip{width:70vw;height:70vw;right:-20vw;top:-20vw}
.group-central[data-name=message] .text-intro{width:60%;text-align:left}
.group-central[data-name=message] .pic-intro{width:40%}
.group-central[data-name=message] .content-center{max-width:inherit;padding:0}
.pic-ceo{width:80vh;height:80vh;max-width:800px;max-height:800px;position:absolute;left:50%;margin:0 0 0 -40vh;border-radius:50%;overflow:hidden}
.pic-ceo img{width:100%;height:auto;position:relative;display:block;margin:0}
.group-central[data-name=sustainable]{background:linear-gradient(135deg, #3b89c5, #213468 80%)}
.group-central[data-name=sustainable]:after{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/bg2.svg) no-repeat 50%/cover;display:block}
.group-central[data-name=sustainable]:before{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/bg3.svg) no-repeat 50%/cover;display:block}
.group-central[data-name=sustainable] .text-intro{width:50%;text-align:left;padding:0 3% 0 7%}
.group-central[data-name=sustainable] .content-center{max-width:inherit;width:100%;margin:0 -5px;text-align:right}
.sustainable-slide{width:50%;height:60vh;position:relative;display:inline-block;margin:50px -5px;vertical-align:middle;box-shadow:0 20px 30px rgba(0,0,0,0.2);z-index:5}
.group-central[data-name=sustainable] .item-pic{width:100%}
.group-central[data-name=sustainable] .item-pic .box-pic{height:60vh}
.group-central[data-name=enviroment]{background:linear-gradient(135deg, #3b89c5, #213468 80%)}
.group-central[data-name=enviroment] .text-intro{width:50%;text-align:left;padding:0 3% 0 7%}
.group-central[data-name=enviroment] .content-center{max-width:inherit;width:100%;margin:0 -5px;text-align:right}
.pic-circle{width:70vh;height:70vh;max-width:800px;max-height:800px;position:absolute;left:50%;margin:0 0 0 -35vh;border-radius:50%;overflow:hidden;text-align:center}
.pic-circle img{width:auto;height:100%;position:relative;display:block;margin:auto}
.pic-circle:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:50%;box-shadow:0 20px 30px rgba(0,0,0,0.3);z-index:-1}
.group-central[data-name=member]{background-color:#1d4d87}
.slide-member{width:100%;max-width:800px;height:auto;position:relative;display:block;margin:auto}
.slide-member .slide-wrapper-outer{overflow:visible}
.slide-member .slide-item{opacity:.5;transform:scale(0.7);transition:all 0.3s ease-in-out}
.slide-member .slide-item.active{opacity:1;transform:none}
.member-box{height:auto;padding:30px;color:#00356d;text-align:left;background-color:rgba(255,255,255,0.8);border-radius:30px;min-height:400px}
.member-box,.top-member{position:relative;width:100%;display:block}
.top-member{margin:0 0 20px}
.top-member img{margin:0;width:auto;height:auto;max-width:130px}
.top-member h3,.top-member img{display:inline-block;vertical-align:middle;position:relative}
.top-member h3{font-weight:400;max-width:calc(100% - 140px);padding:0 0 0 10px;text-transform:uppercase}
.top-member h3 strong{display:block;font-size:150%}
.text-member{display:block;width:100%;height:auto;padding:30px 0 0;border-top:1px solid #00356d}
.text-member img{display:block;width:auto;height:auto;max-width:100%;position:relative;margin:10px auto}
.text-member p{margin:0 0 15px;display:block}
.text-member a{color:currentColor}
.group-central[data-name=partner]{background-color:#5787b2}
.item-partner{position:relative;display:inline-block;margin:15px;padding:10px;width:23%;height:auto;text-align:center;border-radius:20px;min-height:200px;background-color:#fff;vertical-align:top;z-index:2}
.item-partner a{display:block;width:100%;height:100%;position:relative}
.item-partner img{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:150px;margin:0 auto 10px;pointer-events:none;z-index:-1}
.item-partner h3{position:relative;display:block;font-size:14px;font-weight:700;text-transform:uppercase;color:#00356d}
#recruitment-page .title-page{display:block}
#recruitment-page .text-intro h3{opacity:1;font-size:24px}
#recruitment-page .text-intro h3:after{display:none}
#recruitment-page .text-intro{max-height:inherit}
.enviroment{padding:3vw 0 5vw;background-color:#fff}
.enviroment:after{content:"";width:100%;height:200px;position:absolute;left:0;bottom:0;background-color:#f15a29;z-index:-1}
.enviroment-box{width:100%;height:auto;position:relative;display:block;text-align:right}
.enviroment-box .pic-intro{width:75%;height:35vw;vertical-align:top}
.enviroment-box .text-intro{padding:30px 50px;width:30%;margin:5vw -15vw -2vw 0;vertical-align:bottom;background-color:#eda82e}
.policy{background-color:#f15a29;padding:3vw 0 0}
.policy-box{width:90%;height:auto;position:relative;display:block;text-align:center;margin:auto;padding:3vw 0;max-width:1300px}
.policy-box .left-content{padding:0;width:45%}
.policy-box .right-content{width:55%}
.policy-box .pic-intro{width:100%;height:33.75vw;overflow:hidden}
.policy-box:last-child{text-align:left}
.full-width,.policy-box:last-child{width:100%;max-width:inherit;padding:0}
.full-width{text-align:right}
.full-width .text-intro,.policy-box:last-child .text-intro{width:90%;padding:0 5vw}
.full-width .bg-clip{width:50vw;height:50vw;bottom:-25vw;right:25vw;top:auto;color:#eda82e}
.oppotunity{padding:3vw 0}
.oppotunity-box{width:100%;height:auto;position:relative;display:block;margin:0 0 5vw;text-align:center}
.oppotunity-box .text-intro{padding:50px;width:100%;margin:0;background-color:rgba(255,255,255,0.8);border-radius:50px}
.career{padding:3vw 0}
.career:after{content:"";height:200px;position:absolute;left:0;top:0;z-index:-1}
.career:after,.list-job{width:100%;background-color:#f15a29}
.list-job{position:relative;display:block;height:auto;margin:0;padding:0 0 30px}
.table-recruitment{width:100%;max-width:900px;margin:0 auto;border-spacing:1px;table-layout:fixed;font-size:16px;line-height:1.4}
.table-recruitment th{padding:20px;background-color:#f15a29;font-size:15px;font-weight:700;text-transform:uppercase;color:#fff;vertical-align:middle}
.table-recruitment td:nth-child(2),.table-recruitment td:nth-child(4),.table-recruitment th:nth-child(2),.table-recruitment th:nth-child(4){text-align:left}
.table-recruitment td{background-color:#eee;font-size:15px;color:#444;vertical-align:middle;font-weight:400;text-align:center;padding:15px}
.table-recruitment tr:nth-child(2n) td{background-color:#fff}
.table-recruitment tr{cursor:pointer}
.table-recruitment td h3{font-size:16px;font-weight:700;text-transform:uppercase}
.table-recruitment td a{display:block;color:currentColor}
.table-recruitment th:first-child{width:60px;padding:0}
.career-form{width:100%;margin:5vw 0}
.career-form,.join-us{position:relative;display:block;height:auto}
.join-us{width:90%;max-width:700px;margin:40px auto 0;padding:50px;background-color:rgba(255,255,255,0.2);text-align:left}
.join-us .input-text{float:left;width:50%;margin:0 0 12px}
.join-us .input-text:nth-child(odd){padding-right:6px}
.join-us .input-text input[type=text]{height:64px;line-height:64px;background-color:#fff;color:#727272;font-weight:400}
.join-us .input-but{margin-top:15px}
.input-text input[type=file]{position:relative;display:block;width:100%;height:64px;z-index:1;opacity:0;cursor:pointer}
.file-up{background-color:#fff;cursor:pointer}
.file-name{left:0;top:0;width:100%;color:#727272;font-weight:400;font-size:15px;white-space:nowrap;padding:0 110px 0 20px;text-align:left;overflow:hidden;text-overflow:ellipsis;height:64px;line-height:64px}
.file-mark,.file-name{display:block;position:absolute}
.file-mark{top:6px;right:6px;width:auto;height:auto;background-color:#f15a29;font-weight:700;padding:0 12px;font-size:18px;line-height:50px;text-transform:uppercase;color:#fff;text-align:center;transition:all .3s ease-in-out;cursor:pointer;z-index:1}
.pagination{z-index:5}
.list-pagination{width:100%;text-align:center;padding:50px 0;opacity:0}
.list-pagination,.slide-pagi{height:auto;position:relative;display:block}
.slide-pagi{width:270px;margin:auto;z-index:5}
.slide-pagi li{width:40px;height:40px;position:relative;display:block;text-align:center;float:left}
.slide-pagi a{font-size:13px;font-weight:700;line-height:40px;display:block;width:100%;height:100%;color:#444;background-color:#fff;border-radius:50%}
.slide-pagi a.current{color:#fff;background-color:#f15a29;pointer-events:none}
.slide-pagi .slide-buttons{top:0;margin:0}
.slide-pagi .slide-prev{background:#bbb url(//xoo.vn/wp-content/themes/xoosoft/assets/images/previous.svg) no-repeat 50%/70%;left:-50px}
.slide-pagi .slide-next,.slide-pagi .slide-prev{width:40px;height:40px;top:0;border-radius:50%;opacity:1}
.slide-pagi .slide-next{background:#bbb url(//xoo.vn/wp-content/themes/xoosoft/assets/images/next.svg) no-repeat 50%/70%;right:-50px}
.slide-pagi .slide-next.disabled,.slide-pagi .slide-prev.disabled{opacity:0.5 !important}
.list-pagination.show{animation-name:fadeInUp;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
#news-page .title-page{display:block}
.news-highlight{background-color:#eee;padding:3vw 0;z-index:5}
.bg-color{width:100%;display:block;padding:0;position:relative;margin:0}
.bg-color:after{content:"";width:100%;height:100%;position:absolute;top:5vw;left:0;z-index:-1}
.wrap-news{position:relative;width:90%;max-width:1300px;height:530px;display:block;margin:0 auto}
.wrap-news .box-news{position:relative;float:left;background-color:#333;width:calc(25% - 10px);margin:0 2px}
.wrap-news .box-news .text-news{position:relative;width:100%;padding:10px 20px}
.wrap-news .box-news .text-news h3{font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-transform:uppercase;display:inline-block;vertical-align:middle;position:relative;margin:0 -3px;max-height:87px;line-height:1.6;float:left}
.wrap-news .box-news:first-child{height:100%}
.wrap-news .box-news:first-child .pic-img{height:400px}
.wrap-news .box-news:nth-child(2),.wrap-news .box-news:nth-child(3),.wrap-news .box-news:nth-child(4),.wrap-news .box-news:nth-child(5){height:calc(50% - 2px)}
.wrap-news .box-news:nth-child(3) .text-news{width:35%;float:right;height:100%}
.wrap-news .box-news:nth-child(4) .text-news h3{float:right;max-height:110px}
.box-news p{color:#fff;text-transform:uppercase;font-size:14px}
.text-news{position:relative;width:100%;padding:10px 20px}
.text-news:after,.text-news:before{content:"";height:100%;display:inline-block;vertical-align:middle}
.text-news h3{font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-transform:uppercase;display:inline-block;vertical-align:middle;position:relative;margin:0 -3px;max-height:87px;line-height:1.6}
.wrap-news .box-news:first-child{height:100%}
.wrap-news .box-news:nth-child(2),.wrap-news .box-news:nth-child(3),.wrap-news .box-news:nth-child(4),.wrap-news .box-news:nth-child(5){height:calc(50% - 2px)}
.wrap-news .box-news:nth-child(3),.wrap-news .box-news:nth-child(4){width:calc(50% + 8px);height:calc(50% - 2px)}
.wrap-news .box-news:nth-child(4),.wrap-news .box-news:nth-child(5){margin:4px 2px}
.wrap-news .box-news:first-child .pic-img{height:400px}
.wrap-news .box-news:nth-child(2) .pic-img,.wrap-news .box-news:nth-child(5) .pic-img{height:160px}
.wrap-news .box-news:nth-child(3) .pic-img{height:100%;width:65%;float:left}
.wrap-news .box-news:nth-child(4) .pic-img{height:100%;width:65%;float:right}
.wrap-news .box-news:nth-child(3) .text-news{width:35%;float:right;height:100%}
.wrap-news .box-news:nth-child(4) .text-news{width:35%;float:left;height:100%}
.wrap-news .box-news:nth-child(3) .text-news h3,.wrap-news .box-news:nth-child(4) .text-news h3{max-height:110px}
.wrap-news .box-news:nth-child(4){text-align:right}
.new-icon{position:absolute;left:5px;top:5px;display:block;width:50px;height:50px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/new-icon.svg) no-repeat 50%/80%;text-align:center;z-index:3}
.load-news-list{position:relative;width:100%;height:auto;min-height:80vh;display:block;margin:0;z-index:5}
.load-news-list.show{min-height:inherit}
.load-news-list:before{content:"";width:100%;height:50vh;position:absolute;left:0;top:0;background-color:#fff}
.load-news-list:after{content:"";height:0;clear:both;display:block}
.news-list-padding{width:100%;margin:0;padding:50px 0;position:relative;display:block}
.news-list-padding .content-center{width:100%;max-width:inherit;margin:auto;padding:0;position:relative;display:block}
.news-list-padding .content-main{width:100%;height:auto;position:relative;display:block;overflow:hidden;left:auto;top:auto;margin:0}
.news-list-padding .content-main:after,.news-list-padding .content-main:before{display:none}
.news-list-padding .date{background-color:#e1e1e1;left:0;top:0;color:#444;font-size:36px}
.news-list{width:100%;max-width:1000px;height:auto;display:block;margin:auto;padding:30px 20px 10px;background-color:#f2f2f2}
.news-item,.news-list{position:relative;overflow:hidden}
.news-item{display:inline-block;vertical-align:top;width:calc(50% - 15px);margin:0 5px 20px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.news-item.current{display:none}
.news-item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff}
.news-pic{position:relative;width:50%;float:left;height:20vh;max-height:170px;min-height:120px;display:block;background-position:50%;background-size:cover;background-repeat:no-repeat}
.news-pic:before{content:" ";width:0;height:0;position:absolute;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid #fff;top:50%;margin-top:-20px;right:0}
.news-pic img{width:100%;height:auto;opacity:0;pointer-events:none;z-index:-1}
.news-pic img,.news-txt{position:relative;display:block}
.news-txt{float:left;padding:10px 20px;width:50%;height:20vh;max-height:150px;min-height:120px;overflow:hidden}
.news-txt:after,.news-txt:before{content:"";height:100%;display:inline-block;vertical-align:middle}
.news-txt>h3{font-size:14px;text-transform:uppercase;line-height:1.4;font-weight:400;color:#444;display:inline-block;vertical-align:middle;position:relative;width:100%;margin:0 -5px;max-height:97px;overflow:hidden}
.news-txt>h3:after{display:none}
#news-details-page .title-page{display:block}
.load-content{position:relative;display:block;width:100%;height:auto;background-color:#fff;overflow:hidden;z-index:4}
.load-content:after{content:"";width:100%;height:50vh;position:absolute;bottom:0;left:0;background-color:transparent;opacity:0;z-index:-1}
.load-data{position:relative;display:block;width:100%;height:auto;min-height:100vh}
.load-content.show:after{animation-name:fadeIn;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.load-data.show{min-height:inherit}
.load-details{margin:0 0 5vw;padding:0}
.load-details,.load-title{position:relative;display:block;width:100%;height:auto}
.load-title{text-align:left;margin:50px 0 0}
.load-title h3{position:relative;display:block;font-weight:700;font-size:24px;color:#f15a29;text-transform:uppercase;line-height:1.4;padding:0 50px 20px}
.load-details img{width:auto !important;height:auto !important;max-width:100%;margin:10px auto;display:block}
.load-details table{width:auto;height:auto;display:table;border-spacing:1px;margin:30px auto;table-layout:fixed}
.load-details table td,.load-details table th{padding:5px 10px;border:1px solid #788892}
.load-details table tbody,.load-details table tr{min-width:360px}
.load-details table td,.load-details table th{background-color:#eee;text-align:left;font-size:15px;font-weight:400;color:#333;line-height:1.6;padding:10px 15px}
.load-details iframe{height:393.75px;width:700px !important;max-width:100%}
.load-details iframe,.load-text{display:block;position:relative;margin:auto}
.load-text{padding:50px}
.load-text ul{list-style-type:circle;padding:0 0 0 20px}
.load-text li{position:relative;width:auto;height:auto}
.load-text h2,.load-text h3,.load-text h4{color:#f15a29;text-transform:uppercase;font-weight:500;margin:10px 0}
.load-text p{margin:0 0 20px}
.load-text a{color:#f15a29}
.news-relative{padding:0 0 5vw}
.news-relative:before{content:"";width:100%;height:50vh;position:absolute;top:0;left:0;background-color:#f15a29;z-index:-1}
.news-relative .title-main{padding:30px 5%;margin:0 !important}
.news-bidding{background-color:#fff;padding:3vw 0;z-index:5}
.transparent-color{background-color:transparent;padding:0 0 5vw}
.transparent-color .title-main{padding:30px 5%;margin:0 !important}
.transparent-color:before{content:"";width:100%;height:180px;position:absolute;top:0;left:0;background-color:#f15a29;z-index:-1}
.news-bidding .bg-color:after{display:none}
.news-bidding .wrap-news{max-width:900px;height:auto;display:block;margin:0 auto;padding:30px 20px 20px;background-color:#9cc3e1;text-align:center}
.bidding-news{position:relative;width:calc(50% - 10px);margin:0 0 5px;display:inline-block;vertical-align:top}
.text-bidding{position:relative;width:100%;display:block;height:130px;line-height:130px;overflow:hidden;background-color:#fff;color:#444;text-align:left}
.text-bidding h3{font-size:18px;font-weight:500;text-transform:uppercase;display:inline-block;vertical-align:middle;position:relative;padding:10px 20px 10px 80px}
.numbers{position:absolute;left:0;top:0;color:#d1d1d1;font-size:48px;font-weight:100;width:80px;height:100%;text-align:center;line-height:130px;z-index:1}
.print{display:block;width:100%;padding:20px 5%;text-align:center;background-color:transparent}
.print,.print-box{position:relative;height:auto}
.print-box{display:inline-block;width:auto;margin:0}
.print-box a{color:#fff;background-color:#333}
.print-but,.save-but,.share-but{padding:0 20px 0 10px;display:inline-block;vertical-align:middle;width:auto;height:50px;line-height:50px;font-size:12px;text-transform:uppercase;color:#fff;border-radius:30px;background:none;z-index:1;margin:0 5px}
.save-but:before{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/favorite.svg) no-repeat 50%/80%}
.print-but:before,.save-but:before{content:"";position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px}
.print-but:before{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/print.svg) no-repeat 50%/80%}
.share-but:before{content:"";position:relative;display:inline-block;vertical-align:middle;width:40px;height:40px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/share.svg) no-repeat 50%/80%}
.share-item{position:absolute;right:-100%;bottom:5px;width:100%;height:40px}
.share-item ul{position:relative;display:block;width:auto;height:auto;text-align:left;padding:0 0 0 10px}
.share-item li{display:inline-block;position:relative;width:40px;height:40px;margin:0 5px;border-radius:50%;border:1px solid #fff;transform:scaleX(0);transform-origin:left top;left:-40px;opacity:0}
.share-item a{display:block;width:40px;height:40px;font-size:0;color:#fff;text-indent:-9999px}
.share-item a svg{width:80%;height:80%;position:absolute;left:10%;top:10%}
.share-but.active+.share-item li{transform:scaleX(1);left:0;opacity:1}
.share-but.active+.share-item li:nth-child(2){transition-delay:0.2s}
.share-but.active+.share-item li:nth-child(3){transition-delay:0.4s}
#library-page .content-center{max-width:inherit;text-align:right;padding:3vw 0 0}
.group-central[data-name=picture]{background-color:#003e93}
.group-central[data-name=picture] .content-main{text-align:right}
.group-central[data-name=picture] .title-pic{padding:15px 20px 15px 90px;text-align:left}
.group-central[data-name=video]{background-color:#465eb5}
.group-central[data-name=video] .content-main{text-align:right;padding:0}
.group-central[data-name=video] .title-pic{padding:15px 20px;text-align:center}
.library-box{width:75vw;height:37.5vw;position:relative;display:inline-block;vertical-align:middle;overflow:hidden;margin:5vw -5px 0}
.slide-library{width:50vw;height:auto;position:relative;display:block;margin:0}
.slide-library .slide-wrapper-outer{overflow:visible}
.pic-library{position:relative;display:block;width:100%;height:65%}
.pic-library .view-album,.pic-library .view-video{opacity:0;pointer-events:none}
.pic-library .dark-color{width:100%;height:100%;position:absolute;left:0;top:0;opacity:1;transition:opacity .5s ease-in-out;background-color:rgba(0,0,0,0.5);z-index:1}
.slide-item.center .pic-library .dark-color{opacity:0}
.slide-item.center .pic-library .view-album,.slide-item.center .pic-library .view-video{opacity:1;pointer-events:auto}
.slide-item.center .title-pic:before{opacity:1;transition:opacity 0.5s ease}
.pic-inner{width:100%;height:100%;position:relative}
.group-central[data-name=contact]{background-color:#5787b2}
.group-central[data-name=contact] .grid-item-bg:after{display:block}
.box-contact-main{max-width:600px;width:40%;text-align:left;transition:all .6s ease-in-out}
.box-contact-main,.company{position:relative;display:inline-block;vertical-align:middle}
.company{width:auto;height:auto;margin:30px 0}
.company .company-info li{width:100%;display:block;margin:0 0 20px}
.gm-style .gm-style-iw>div{max-width:inherit !important;max-height:inherit !important;overflow:inherit !important}
.gm-style .gm-style-iw>div>div{overflow:inherit !important;width:100%;height:auto}
.gm-style div div div div{z-index:200 !important}
.gm-style div div div div:nth-child(4){z-index:10 !important}
.gm-style div div div div div div div{background-color:transparent !important;box-shadow:none !important}
.gm-style .gmnoprint{z-index:300 !important}
.gm-style .infobox{position:relative;text-align:left;line-height:1.6;display:inline-block;width:300px;height:auto;z-index:999 !important}
.gm-style .infobox-inner{height:auto;padding-bottom:20px;background-color:#005294 !important}
.gm-style .infobox-inner,.pic-map{position:relative;display:block;width:100%}
.pic-map{height:130px;overflow:hidden !important}
.pic-map img{width:100%;height:auto;display:block}
.infobox h3{font-size:13px;font-weight:700;text-transform:uppercase;padding:15px 25px 10px 15px}
.infobox h3,.infobox p{color:#fff;position:relative;display:block}
.infobox p{font-size:12px;padding:0 15px}
.infobox strong{font-size:150%;margin:0 5px 0 0;color:#aaa}
.infobox a{color:#fff}
.close-box-map{position:absolute;right:0;top:0;width:30px;height:30px;cursor:pointer;z-index:99999 !important}
.close-box-map:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#005294 url(//xoo.vn/wp-content/themes/xoosoft/assets/images/close.svg) no-repeat 50%/80%}
.gm-style-iw-t:before,.gm-style .gm-style-iw-t:after{display:none}
.gm-style .gm-style-iw-c{overflow:visible !important}
.gm-style button[title=Close]{display:none !important}
.gm-style .gm-style-iw+div img,.gm-style button img{display:none}
.gm-style .gm-style-iw ~ img{right:-10px !important;top:calc(50% - 20px) !important;width:40px !important;height:40px !important;opacity:0}
.zoom-control{position:absolute;bottom:20px;right:20px;display:block;width:auto;height:auto;margin:0;z-index:20}
.zoom-control a{display:block;width:35px;height:35px;border-radius:5px;box-shadow:0 5px 24px rgba(0,0,0,0.2);margin:10px 0}
.zoom-in{background:#005294 url(//xoo.vn/wp-content/themes/xoosoft/assets/images/zoom-in.svg) no-repeat 50%/80%}
.zoom-out{background:#005294 url(//xoo.vn/wp-content/themes/xoosoft/assets/images/zoom-out.svg) no-repeat 50%/80%}
.zoom-full{background:#005294 url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/fullscreen.svg) no-repeat 50%/80%}
.zoom-full.active{background:#005294 url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/cancel-fullscreen.svg) no-repeat 50%/80%}
.put-hide,.put-show{display:none !important}
.gm-fullscreen-control{width:35px !important;height:35px !important;background:#005294 url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/fullscreen.svg) no-repeat 50%/90% !important;box-shadow:0 5px 24px rgba(0,0,0,0.2);display:none}
.gm-control-active>img,.gm-fullscreen-control img{display:none !important}
.full-screen .gm-fullscreen-control{background:#005294 url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/cancel-fullscreen.svg) no-repeat 50%/90% !important;display:block}
.all-album{width:100%;height:100vh;overflow:hidden;position:fixed;left:0;top:0;display:none;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;z-index:9999}
.album-load{height:100%;opacity:0;text-align:center}
.album-center,.album-load{width:100%;position:relative;display:block}
.album-center{height:100vh}
.album-pic-center{width:100%;height:100%;position:relative;text-align:center;display:block}
.album-pic-center .pic-name{position:absolute;left:0;top:1.5%;z-index:5;width:100%;height:auto}
.album-pic-center .pic-name h3{color:#fff;font-weight:500;font-size:16px;line-height:1.4;text-align:center;display:inline-block;position:relative;text-transform:uppercase;padding:10px 50px}
.album-pic-center .pic-name h3>span>span{transition:all .6s ease;opacity:0}
.album-pic-center .pic-name.move h3>span>span.move{opacity:1}
.container-zoom{width:100%;height:100vh;position:relative;display:block}
.container-zoom:after,.container-zoom:before{content:"";display:inline-block;vertical-align:middle;height:100%}
.container-zoom>img{width:auto;height:auto;max-height:80vh;max-width:100%;display:inline-block;vertical-align:middle;position:relative;margin:0 -3px}
.album-pic-center .pinch-zoom-container{height:100vh !important}
.pinch-zoom-container{width:100%;position:relative;display:block;margin:0}
.all-pics .pinch-zoom-container{height:100vh !important}
.pinch-zoom{width:100%;left:0;top:0;text-align:center}
.pinch-zoom:after,.pinch-zoom:before{content:"";display:inline-block;vertical-align:middle;height:100%}
.pinch-zoom>img{width:auto;height:auto;max-width:100%;display:inline-block !important;vertical-align:middle;position:relative;margin:0 -3px}
.all-pics{height:100%;width:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:4000;display:none}
.all-pics.show{display:block}
.all-pics .text-length{width:100%;height:auto;position:absolute;left:0;top:10px;text-align:center;opacity:0;z-index:9998}
.all-pics .text-length h3{font-weight:400;font-size:15px;color:#fff;line-height:1.4;position:relative;text-align:center;padding:10px 20px;text-transform:uppercase;display:inline-block;background-color:rgba(0,0,0,0.2)}
.full{width:100vw;height:100vh;overflow:hidden}
.full,.full img{position:relative;display:block}
.full img{width:auto;max-width:80%;height:auto;outline:none;border:none;margin:0 auto;opacity:0;cursor:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/openhand.png) 6 8,move;z-index:5}
.full span{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:1}
.dragscroll{-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}
.zoom{width:40px;height:40px;position:absolute;right:20px;top:20px;border-radius:50%;background:linear-gradient(90deg, #0061a7, #f15a29);z-index:20}
.zoom:after{left:0;top:0;width:100%;height:100%;border-radius:50%;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/zoom.svg) no-repeat 50%/60%}
.zoom:after,.zoom:before{content:"";position:absolute}
.zoom:before{left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px);border-radius:50%;border:1px solid rgba(255,255,255,0.5)}
.zoom-details{width:50px;height:50px;right:10px;bottom:10px;z-index:20}
.zoom-details,.zoom-details:after{position:absolute;border-radius:50%}
.zoom-details:after{content:"";left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url(//xoo.vn/wp-content/themes/xoosoft/assets/images/zoom.svg) no-repeat 50%/80%}
.zoom-large{width:70px;height:70px;top:20px;right:20px;display:inline-block;vertical-align:middle;z-index:99999}
.zoom-large,.zoom-large:after{position:absolute;border-radius:50%}
.zoom-large:after{content:"";left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url(//xoo.vn/wp-content/themes/xoosoft/assets/images/zoom.svg) no-repeat 50%/90%}
.zoom-grey{background:#a5a5a5}
.zoom-grey:before{display:none}
.view-album{background-size:100% 100%;width:60px;height:60px;position:absolute;left:0;bottom:0;font-size:15px;text-transform:uppercase;backface-visibility:hidden;color:#fff;white-space:nowrap;background:linear-gradient(90deg, #eda82e, #f15a29 90%);z-index:10}
.view-album:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/album.svg) no-repeat 50%/80%}
.view-video{background-size:100% 100%;width:70px;height:70px;left:50%;top:50%;margin:-35px 0 0 -35px;backface-visibility:hidden;background:linear-gradient(90deg, #eda82e, #f15a29 90%);z-index:10}
.view-video,.view-video:after{position:absolute;border-radius:50%}
.view-video:after{content:"";left:0;top:0;width:100%;height:100%;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/player.svg) no-repeat 50%/80%}
.view-pdf{background:linear-gradient(138deg, #202d62, #e2b95d);background-size:100% 100%;width:70px;height:70px;position:absolute;left:20px;bottom:60px;border-radius:50%;z-index:10;backface-visibility:hidden}
.view-pdf:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/pdf.svg) no-repeat 50%/80%;border-radius:50%}
.view-pdf:before{content:"";position:absolute;width:calc(100% + 20px);height:calc(100% + 20px);left:-10px;top:-10px;border:10px solid #202d62;border-radius:50%;opacity:0.5}
.player-vid{transition:opacity .5s ease-in-out;opacity:1}
.player-vid:before{z-index:1}
.player-vid:after,.player-vid:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:50%}
.player-vid:after{background:linear-gradient(180deg, rgba(91,84,80,0.8), rgba(0,0,0,0.8));opacity:0;z-index:-1}
.player-vid.hide,.player-vid.show.hide{display:none;opacity:0}
.view-detail{background-color:#fff;color:#f15a29;font-weight:500;text-transform:uppercase;padding:12px 15px 13px 55px;font-size:13px;font-style:italic;border-radius:30px}
.view-detail,.view-detail span{display:inline-block;position:relative}
.view-detail span{vertical-align:middle}
.view-detail:before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;background:linear-gradient(135deg, #ffc20e, #f15a29);border-radius:30px}
.view-detail:after{content:"";width:36px;height:36px;position:absolute;top:2px;left:2px;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/arrow.svg) no-repeat 50%/contain}
.view-more{color:#fbc012;display:inline-block;text-transform:uppercase;font-size:14px;font-weight:500;margin:0;padding:10px 0;position:relative}
.view-more:after{content:"";display:inline-block;vertical-align:middle;width:50px;height:1px;background-color:#fbc012;margin:0 0 0 10px}
.close,.close-album,.close-details,.close-pics,.close-popup,.close-video{display:block;width:60px;height:60px;cursor:pointer;position:fixed;right:20px;top:20px;color:#fff;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/close.svg) no-repeat 50%/80%;z-index:9999}
.close-album svg,.close-box svg,.close-map svg,.close-news svg,.close-pics svg,.close-popup svg,.close-video svg,.close svg{width:90%;height:90%;margin:5%;display:block}
.close-video{top:50%;margin:-30px 0 0}
.drag-cursor{cursor:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/grabbing.png) 8 8,move}
.go-top{position:fixed;color:#fff;right:20px;bottom:30px;width:50px;height:50px;margin:0;background-color:rgba(241,90,41,0.5);border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);z-index:20}
.go-top svg{width:80%;height:80%;margin:10%}
.go-top.show,.go-top.show-g{opacity:1;pointer-events:auto}
.wheel{position:fixed;left:50%;margin:0 0 0 -20px;bottom:30px;opacity:0;pointer-events:none;width:40px;height:40px;cursor:pointer;z-index:20}
.wheel span{position:absolute;top:5px;left:14px;width:12px;height:12px;border-left:3px solid rgba(255,255,255,0.8);border-bottom:3px solid rgba(255,255,255,0.8);transform:rotate(-45deg);animation:WheelArrow 2s infinite;animation-delay:0s;opacity:0;box-sizing:border-box}
.wheel span:nth-of-type(2){top:10px;animation-delay:.2s;width:20px;height:20px;left:10px}
.wheel.show{opacity:1;pointer-events:auto}
.show-g{left:50%;margin:0 0 0 -25px;right:auto;bottom:15px}
.cursor-modern{display:none;position:fixed;width:100%;height:100%;pointer-events:none;z-index:auto}
.cursor-modern span{border-radius:50%;display:block;overflow:visible;pointer-events:none;position:fixed;display:none}
.cursor-modern .click{background-color:#3b7ecf;width:70px;height:70px;text-align:center;transition:background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1),transform 0.25s cubic-bezier(0.77, 0, 0.175, 1);transform:translate(-50%, -50%) scale(0.12);z-index:3}
.cursor-modern .click:after{font-size:11px;line-height:1;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;text-align:center;padding:0 0 0 3px;top:29px;right:0;left:0;transition:all 0.3s cubic-bezier(0.77, 0, 0.175, 1);position:absolute;width:100%;height:100%;z-index:100}
.cursor-modern .first{background-color:#fff;width:60px;height:60px;overflow:hidden;transition:background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1),left 0.1s ease,top 0.1s ease;transform:translate(-50%, -50%) scale(0.2);opacity:.8;z-index:2}
.cursor-modern .second{background-color:#fff;width:40px;height:40px;overflow:hidden;transition:background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1),left 0.2s ease,top 0.2s ease;transform:translate(-50%, -50%) scale(0.1);opacity:.7;z-index:1}
.cursor-modern.level-index-in{z-index:99999 !important;display:block}
.cursor-modern.level-index-in span{background-color:#fbc012}
.cursor-modern.level-index-in.hover-open .click:after{content:"CLOSE";opacity:1}
.cursor-modern.level-index-in.hover-nav-next .first,.cursor-modern.level-index-in.hover-nav-prev .first,.cursor-modern.level-index-in.hover-open .first{border-color:#fbc012}
.cursor-modern.desktop,.cursor-modern.desktop span,.cursor-modern.drag-x{display:block}
.cursor-modern.drag-x .click{background-color:rgba(4,29,73,0.2);transform:translate(-50%, -50%) scale(0.7)}
.cursor-modern.drag-x .click:after{content:"";background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/hand.svg) no-repeat 50%/80%;position:absolute;left:0;top:0;width:100%;height:100%;transition:all 0.3s cubic-bezier(0.77, 0, 0.175, 1);transform:scale(1.3)}
.cursor-modern.drag-x .first,.cursor-modern.drag-x .second{opacity:0}
.cursor-modern.drag-x.grabbing .click{background-color:rgba(4,29,73,0.7);transform:translate(-50%, -50%) scale(1.2)}
.cursor-modern.hover-wheel{display:block;z-index:30}
.cursor-modern.hover-wheel .click{transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-wheel .click:after{content:"NEXT";opacity:1}
.cursor-modern.hover-wheel .first{background-color:transparent;border:1px solid #3b7ecf;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-wheel .second{opacity:0}
.cursor-modern.hover-gotop{display:block;z-index:30}
.cursor-modern.hover-gotop .click{background-color:#fbc012;transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-gotop .click:after{content:"PREVIOUS";opacity:1}
.cursor-modern.hover-gotop .first{background-color:transparent;border:1px solid #fbc012;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-gotop .second{opacity:0}
.cursor-modern.hover-close{display:block;z-index:999999}
.cursor-modern.hover-close .click{background-color:#fbc012;transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-close .click:after{content:"CLOSE";opacity:1}
.cursor-modern.hover-close .first{background-color:transparent;border:1px solid #fbc012;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-close .second{opacity:0}
.cursor-modern.hover-zoom{display:block;z-index:30}
.cursor-modern.hover-zoom .click{background-color:#3b7ecf;transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-zoom .click:after{content:"ZOOM";opacity:1}
.cursor-modern.hover-zoom .first{background-color:transparent;border:1px solid #3b7ecf;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-zoom .second{opacity:0}
.cursor-modern.hover-full{display:block;z-index:30}
.cursor-modern.hover-full .click{background-color:#fbc012;transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-full .click:after{content:"FULL SCREEN";opacity:1;top:22px}
.cursor-modern.level-index-in.hover-full .click:after{content:"EXIT";opacity:1;top:29px}
.cursor-modern.hover-full .first{background-color:transparent;border:1px solid #fbc012;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-full .second{opacity:0}
.cursor-modern.hover-view{display:block;z-index:30}
.cursor-modern.hover-view .click{background-color:#3b7ecf;transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-view .click:after{content:"VIEW";opacity:1}
.cursor-modern.hover-view .first{background-color:transparent;border:1px solid #3b7ecf;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-view .second{opacity:0}
.cursor-modern.hover-open{display:block;z-index:120}
.cursor-modern.hover-open .click{transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-open .click:after{content:"OPEN";opacity:1}
.cursor-modern.hover-open .first{background-color:transparent;border:1px solid #3b7ecf;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-open .second{opacity:0}
.cursor-modern.hover-but{display:block}
.cursor-modern.hover-but .click{background-color:#3b7ecf}
.cursor-modern.hover-but .first{background-color:rgba(0,0,0,0.1);transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-but .second{background-color:rgba(0,0,0,0.1);transform:translate(-50%, -50%) scale(1.2)}
.cursor-modern.hover-nav-next{display:block;z-index:120}
.cursor-modern.hover-nav-next .click{transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-nav-next .click:after{content:"NEXT";opacity:1}
.cursor-modern.hover-nav-next .first{background-color:transparent;border:1px solid #3b7ecf;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-nav-next .second{opacity:0}
.cursor-modern.hover-nav-prev{display:block;z-index:120}
.cursor-modern.hover-nav-prev .click{transform:translate(-50%, -50%) scale(1)}
.cursor-modern.hover-nav-prev .click:after{content:"PREVIOUS";opacity:1}
.cursor-modern.hover-nav-prev .first{background-color:transparent;border:1px solid #3b7ecf;transform:translate(-50%, -50%) scale(1.5)}
.cursor-modern.hover-nav-prev .second{opacity:0}
.no-scroll{overflow-x:hidden;overflow-y:hidden !important;overflow:hidden}
.no-index{position:static !important;display:none !important}
.level-index-out,.no-link{pointer-events:none}
.level-index-out{z-index:-9999}
.level-index-in{z-index:9990 !important}
.visible{overflow:visible}
.class-hidden,.display-none{display:none !important}
.cursor-none{cursor:none}
.zoom-pic{pointer-events:auto !important}
.desktop{display:block}
.mobile{display:none}
img.desktop{display:block}
img.mobile{display:none}
.two-column{-moz-column-count:2;-moz-column-gap:5vw;-webkit-column-count:2;-webkit-column-gap:5vw;column-count:2;column-gap:5vw;text-align:justify}
.allvideo{position:fixed;overflow:hidden;display:none;z-index:2200}
.allvideo,.video-list{width:100%;height:100%;left:0;top:0}
.video-list{position:absolute;z-index:100;text-align:center}
.video-wrap{position:relative;width:100vw;height:100vh;overflow:hidden;z-index:100;display:block;vertical-align:middle}
.video-skin{bottom:0;height:auto;min-height:100%}
.video-skin,.video-wrap iframe{position:absolute;left:0;width:100%;z-index:10}
.video-wrap iframe{height:100%;background-color:#000;display:block;top:0}
.video-wrap h3{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:rgba(0,0,0,0.6);padding:8px 10px;z-index:10;color:#fff;font-weight:700;min-width:200px;text-transform:uppercase;font-size:14px}
.pic-video{display:block;background-repeat:no-repeat;background-position:50%;background-size:cover;background-attachment:scroll;transition:all .8s ease-in-out;z-index:2}
.pic-video,.pic-video:after{width:100%;height:100%;position:absolute;left:0;top:0}
.pic-video:after{content:"";background:linear-gradient(0deg, rgba(33,71,106,0.5), rgba(1,33,59,0.5) 80%);opacity:0}
.pic-video.hide{opacity:0;z-index:-1}
.box-video-center{width:100vw;height:100vh;position:absolute;display:block;left:0;top:0;margin:0;padding:0;text-align:center;background-color:#000;z-index:10}
.box-video-center:after,.box-video-center:before{content:"";width:100%;height:100px;position:absolute;left:0;pointer-events:none;transition:all .3s ease-in-out;z-index:1}
.box-video-center:before{top:0;background:linear-gradient(0deg, transparent, rgba(0,0,0,0.4) 80%)}
.box-video-center:after{bottom:0;background:linear-gradient(0deg, rgba(0,0,0,0.6), transparent 80%)}
.box-video-center.hide:after,.box-video-center.hide:before,.fullscreen .box-video-center:after,.fullscreen .box-video-center:before{display:none}
.video-cover-inline{width:100%;height:100%;position:relative;display:block}
.video-full{background-color:#000;min-width:100%;min-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.overlay-video{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}
.player-vid{background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/play.svg) no-repeat 50%/contain;width:140px;height:140px;position:absolute;left:50%;top:50%;margin:-70px 0 0 -70px;transition:all .5s ease-in-out;border-radius:50%;opacity:0;z-index:99999}
.player-vid:hover{background-color:rgba(0,0,0,0.3)}
.player-vid.hide{display:none;opacity:0}
.player-vid.show{display:block;opacity:1}
button[data-state=play]{background-image:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/play.svg)}
button[data-state=pause]{background-image:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/pause.svg)}
button[data-state=stop]{background-image:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/stop.svg);display:none}
button[data-state=mute]{background-image:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/mute.svg)}
button[data-state=unmute]{background-image:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/unmute.svg)}
button[data-state=go-fullscreen]{background-image:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/fullscreen.svg)}
button[data-state=cancel-fullscreen]{background-image:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/video/cancel-fullscreen.svg)}
.video-youtube-full{height:100vh}
.video-youtube-full,.youtube-video{position:relative;width:100%;display:block}
.youtube-video{height:100%}
.youtube-video:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;z-index:-2}
.youtube-video iframe{width:100%;height:56.25vw;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}
.full-frame .youtube-video iframe{width:100%;height:100vh;top:0;left:0;transform:none}
.youtube-video img{width:100%;height:auto;display:block;opacity:0;pointer-events:none}
.bg-video{width:100%;height:100%;position:absolute;left:0;top:0;background-position:50%;background-repeat:no-repeat;background-size:cover;backface-visibility:hidden;transition:opacity .6s ease-in-out;z-index:12}
.bg-video.hide,.play-button{opacity:0;pointer-events:none}
.play-button{width:100px;height:100px;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;transition:all .5s ease-in-out;border-radius:50%;z-index:99999}
.play-button:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/play.svg) no-repeat 50%/contain}
.play-button:before{content:" ";position:absolute;background:linear-gradient(0deg, #eda82e, #f15a29 80%);width:calc(100% - 20px);height:calc(100% - 20px);top:10px;left:10px;border-radius:50%}
.play-button:hover{background-color:rgba(0,0,0,0.6)}
.play-button.show{opacity:1;pointer-events:auto}
.pause-button{width:0;height:0;left:0;top:0;margin:0;pointer-events:none}
.control,.pause-button{position:absolute;opacity:0}
.control{width:auto;height:auto;padding:10px;bottom:70px;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;color:#fff;font-size:12px;transition:opacity .5s ease-in-out;font-family:Arial, Helvetica, sans-serif;font-weight:400;z-index:10}
.control:after{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background-color:transparent;transition:background-color .3s ease-in-out;z-index:-1}
.control.show{opacity:1}
.control.hide{opacity:0}
.control:hover:after{background-color:rgba(0,45,97,0.5)}
.control span{margin:0 5px}
.control button,.control span{display:inline-block;vertical-align:middle}
.control button{outline:none;background-color:transparent;border:none;cursor:pointer;transition:all .3s ease-in-out;overflow:hidden;position:relative;margin:0 20px;background-position:50%;background-size:contain;background-repeat:no-repeat;width:30px;height:30px}
.control button:hover{opacity:.5;background-color:transparent}
.control button:focus{opacity:1;background-color:transparent}
.fullscreen .control{bottom:10px !important;position:absolute;margin:0}
.is-IOS .youtube-video iframe{z-index:auto}
.is-IOS .control{display:none}
#contact-loader{position:fixed;top:50%;left:50%;z-index:110000;width:82px;height:82px;margin:-41px 0 0 -41px;border-radius:50%;animation:Rotate 2.5s linear infinite;display:none}
.contact-success,.register-success{position:fixed;top:50%;left:50%;margin:-30px 0 0 -150px;padding:20px;font-size:15px;line-height:1.6;width:300px;height:auto;background-color:#c30004;border-radius:20px;color:#fff;font-weight:700;text-align:center;z-index:99999;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
.color-red{background-color:#d00;color:#fff}
.color-blue{background-color:#008c44;color:#fff}
.inputContainer{position:relative;float:left}
.formError{position:absolute;top:-30px;left:20px;display:block;cursor:pointer;z-index:99999}
.formErrorContent{background-color:rgba(209,0,8,0.8);position:relative;display:inline-block;color:#fff;width:auto;height:auto;max-width:250px;font-size:14px;line-height:1.4;box-shadow:0 0 10px rgba(0,0,0,0.3);padding:8px 12px;border-radius:10px;z-index:9999}
.formErrorContent:after{content:"";position:absolute;left:20px;bottom:-10px;width:0;height:0;border-style:solid;border-width:10px 7px 0;border-color:rgba(209,0,8,0.8) transparent transparent}
.greenPopup .formErrorContent{background-color:#008c44}
.blackPopup .formErrorContent{background-color:#393939;color:#fff}
.ajaxSubmit{padding:20px;background-color:#008c44;display:none}
.upload_target{width:1px;height:0;border:0 solid #fff;opacity:0;overflow:hidden;visibility:hidden;z-index:-99999;position:absolute;left:-999999px;top:-999999px}
.data-updating{margin:20px 0;text-align:center}
.btn-search svg{pointer-events:none}
.popup-home{overflow:hidden !important;opacity:0}
.popup-home .details-center{width:98%;max-width:1100px;margin:0 -5px;background-color:transparent}
.popup-home img{width:100%;height:auto;display:block;pointer-events:none}
.popup-home .details-center{min-height:0}
.popup-home.details-content{position:fixed;width:100%;height:100%;opacity:0;z-index:9999;text-align:center;overflow:hidden;overflow-y:auto;margin:0}
.popup-home.details-content:after,.popup-home.details-content:before{content:"";position:relative;display:inline-block;width:auto;height:100%;vertical-align:middle}
.popup-home.details-content>span{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1}
.popup-home .details-center{position:relative;display:inline-block;width:90%;height:auto;vertical-align:middle;max-width:1000px;padding:0;margin:0 auto;z-index:5;background-color:#fff;opacity:0}
.popup-home.details-content .close-popup{top:30px;right:30px;position:fixed;margin:0}
#search-page .title-page{display:block;text-transform:uppercase}
#search-page .content-picture,#search-page .content-text p,#search-page .slide-award .slide-item{opacity:1 !important}
.search-content{background-color:#fff;z-index:1}
.search-content .title{padding:0 0 20px}
.search-content h2{font-size:36px}
.search-result{position:relative;display:block;width:90%;height:auto;margin:0 auto;padding:0}
.search-box{counter-reset:div}
.resultCount,.search-box{position:relative;display:block;width:100%;height:auto}
.resultCount{padding:10px 0}
.resultCount span{font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:1.4;color:#444;font-weight:700;text-transform:uppercase}
.item-search{margin:0 0 1px;text-align:left}
.item-search,.item-search a{position:relative;display:block;width:100%;height:auto}
.item-search a{padding:15px 30px}
.item-search:nth-child(odd) a{background-color:#676767}
.item-search:nth-child(2n) a{background-color:#788892}
.item-link-name{position:relative;display:block;width:100%;height:auto;font-size:13px;line-height:1.4;margin:7px 0;color:#d2d2d2;word-break:break-word}
.item-link-name,.item-search:before{font-family:Arial,Helvetica,sans-serif}
.item-search:before{content:counter(div) " ";counter-increment:div;position:absolute;left:-20px;top:50%;width:40px;height:40px;margin:-20px 0 0;line-height:40px;font-weight:700;font-size:15px;color:#fff;border-radius:50%;text-align:center;z-index:1}
.item-search:nth-child(-n+9):before{content:"0" counter(div)}
.item-search:nth-child(odd):before{background-color:#44484d}
.item-search:nth-child(2n):before{background-color:#676767}
.item-search h3{font-size:15px;font-weight:700;color:#fff;margin:0}
.item-search h3:after{content:normal !important}
.item-date{display:block;width:100%;height:auto;text-align:left;margin:0 0 5px}
.item-date,.item-search p{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#eee}
.item-search p{line-height:1.4;margin:7px 0}
.item-search h3 strong,.item-search p strong{font-weight:700;color:#fff}
.item-search p .item-date{display:inline-block;width:auto;margin:0 5px 0 0}
.search-mess{position:relative;display:block;width:100%;height:auto;padding:30px 0}
.search-mess p{font-family:Arial, Helvetica, sans-serif;font-size:18px;line-height:1.4;color:#333;text-transform:uppercase;text-align:center}
.search-content .page-num{max-width:252px}
.search-tempty{padding:5% 0}
.search-tempty p{font-size:18px;text-transform:uppercase;text-align:center}
@media screen and (max-width: 1500px){p{font-size:15px}.right-header{right:90px}
.hotline{right:190px}
.logo{left:20px}
#sustainable-page .text-intro{max-height:50vh}
#sustainable-page .scrollA{max-height:40vh}
}@media screen and (max-width: 1400px){.content-center{max-width:1000px}
.rotate-item.current-item{left:70%}
.rotate-item.next{left:52%}
.rotate-item.prev{left:100%}
.rotate-item.last{left:38%}
.box-name{left:30%}
.box-name h3{font-size:15px}
.box-name p{font-size:13px}
.rotate-nav{width:80%;left:10%}}@media screen and (max-width: 1300px){.outer-nav.second .sub-nav{padding:0 200px 0 0}}@media screen and (max-width: 1200px){#business-page .text-intro{width:45%}
#business-page .pic-intro{width:55%}}@media screen and (max-width: 1100px){p{font-size:15px}.loadicon{width:180px;height:180px;margin:-90px 0 0 -90px}
.cursor-none{cursor:default}
.bg-canvas,.desktop,.wheel{display:none}
.mobile,.mobile-call{display:block}
.bg-fixed{background-attachment:scroll}
body,body.auto{overflow-x:hidden;overflow-y:auto;height:auto}
.container{margin:60px 0 0;height:auto;background-color:#ef832b}
section{float:left}
.header{height:60px}
body.auto .header:before{box-shadow:none;z-index:5}
.header:before{background:linear-gradient(90deg, #f15a29, #ef832b 50%, #f15a29);opacity:1;height:60px;box-shadow:0 20px 30px rgba(0,0,0,0.2)}
.header:after{display:none}
.header.hide .logo{height:60px;background-color:transparent}
.logo{top:0;left:50px;width:120px;height:70px;min-height:inherit;min-width:inherit;padding:5px 0;margin:0 0 0 -60px;transition:all .5s ease-in-out;z-index:10}
.header.hide .logo.active,.logo.active{width:120px;height:100px;box-shadow:none;top:0;left:0;margin:0;z-index:110}
.right-header{top:10px;right:80px;z-index:20}
.nav-click{top:12px;right:20px}
.hotline{top:10px;right:auto;margin:0;left:20px}
.footer{position:relative;width:100%;bottom:auto;left:auto;margin:0;text-align:center;padding:20px 0;background:linear-gradient(145deg, #eda82e, #f15a29)}
.right-footer{float:none;margin:0 0 20px}
.left-footer,.social{float:none}
.copyright{float:none;margin:0}
.navigation{height:100%;top:0;right:auto;left:0;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.nav{padding:100px 0 60px;margin:0}
.nav li{margin:1px 0;padding:0;text-align:center;border-bottom:1px solid rgba(255,255,255,0.2)}
.nav li a{display:block;padding:15px;font-size:3vw;color:#fff;text-align:center}
.nav li.current:before{width:30px}
.nav:after,.navigation:after,.navigation:before,.navigation>span,.nav li a span{display:none}
.overlay-menu{height:100%;background:linear-gradient(0deg, #f15a29, #eda82e 90%);z-index:80}
.bg-wave{width:200%;left:-50%}
.seach-top{z-index:20}
.search-form{top:60px;height:50px;border-radius:0;width:0;right:0;max-width:440px;position:fixed;border:none}
.form-row-search input[type=text]{padding:10px 20px;color:#fff}
.form-row-search input[type=text]:focus{color:#fff}
.search-form.active{width:100%;background-color:#f15a29}
.search-but.active{color:#fbc012;border-color:#fbc012}
.sub-nav{width:100%;height:auto;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;float:none;text-align:center}
.sub-nav>*{transform:translateZ(0)}
.sub-nav ul:after{display:none}
.sub-nav li a{padding:10px 15px;font-size:13px}
.outer-nav:not(.second){margin:0}
.outer-nav.second.fixed{top:60px;background-color:#fff;box-shadow:0 20px 30px rgba(0,0,0,0.2);z-index:1}
.outer-nav.second.fixed .sub-nav{width:100%;padding:0}
.outer-nav{float:left}
.box-slider{float:none}
.box-slider,.content-main{height:auto;position:relative;left:auto;top:auto;overflow:visible}
.content-main{padding:0 0 30px}
.content-center{padding:0}
.content-main:after,.content-main:before{display:none}
.group-central{width:100%;height:auto;float:none;display:block;text-align:center;transform:translate(0) !important;z-index:auto !important}
.bg-cover,.box-cover,.group-central{position:relative;left:auto;top:auto}
.bg-cover,.box-cover{background-attachment:scroll;background-position:bottom}
.bg-home{height:56.25vw}
.bg-cover,.box-cover{height:56.25vw;max-height:400px}
.bg-inner{height:45vw}
.group-left,.group-right{position:relative;right:auto;left:auto;width:100% !important;padding:0;margin:0}
.box-nav,.group-left:after,.group-left:before,.group-right:after,.group-right:before{display:none}
.view-detail{font-size:13px}
.view-more{font-size:12px;margin:0;padding:12px 20px;background:linear-gradient(135deg, #ffc20e, #f15a29);color:#fff;border-radius:30px}
.view-more:after{display:none}
.close,.close-album,.close-details,.close-map,.close-pics,.close-popup,.close-video{width:40px;height:40px;margin:0;right:0;top:0;background-color:#f15a29;border-radius:0}
.close-pics-small{display:block}
.close{width:40px;height:40px;right:50%;top:auto;bottom:-25px;margin:0 -25px 0 0}
.go-top{width:50px;height:50px;bottom:30px;right:10px;border:none;background-color:rgba(0,46,97,0.3);z-index:99}
.thumb-content{bottom:60px}
.gallery-thumbs .item-container{width:80px;height:50px}
.thumb-box{position:relative;bottom:auto;left:auto}
.video-wrap{width:100%;height:100%}
.zoom-control{display:none}
.detail-popup{position:relative}
.details-center{width:100%;min-height:100vh}
.details-center h2{font-size:24px;padding:20px 60px 20px 5%}
.details-text h3{font-size:16px}
.details-text table tbody:only-child tr:first-child td,.details-text table thead td,.details-text table thead th{font-size:14px}
.download-but{padding:20px 5%}
.download-but a{padding:10px 60px 10px 20px;border-radius:40px}
.download-but a:after{right:10px;width:30px;height:30px;margin-top:-15px}
.download-but a:before{border-radius:50px}
.details-center .download-but span{font-size:14px;font-weight:400}
.details-center .download-but h3{font-size:18px}
.content-page{width:100%;height:auto;position:relative}
.box-content{top:auto;left:auto;width:auto}
.box-content,.colum-box{position:relative;height:auto;display:block}
.colum-box{width:100%;float:left;margin:0;padding:0}
.full.lock{overflow-x:hidden}
.full img{max-width:100%}
.all-pics .text-length h3{font-size:14px}
.allvideo{width:100%;z-index:5000}
.allvideo,.video-skin{height:100%;left:0;top:0}
.video-skin{bottom:auto}
.overlay-video.show{height:100%}
.album-pic-center img{max-width:98%;max-height:inherit}
.album-pic-center .pic-name h3{font-size:14px}
.slide-pic-nav{top:auto;margin-top:0;bottom:60px;left:0}
.container-zoom.zoomin{height:90vh}
.grid-item-bg{position:relative;left:auto;top:auto;height:auto}
.grid-item-bg.three .bg-cover{display:block}
.grid-item-bg canvas,.grid-item-bg img{display:none}
.print-box{width:100%;display:block;text-align:center}
.print-but,.save-but,.share-but,.share-but:before{display:none}
.share-but{display:none;line-height:30px;padding:0;margin:0 5px 0 0;background-color:transparent;color:#fff !important}
.share-item{height:auto;display:inline-block;vertical-align:middle}
.share-item{position:relative;right:auto;bottom:auto;width:auto;margin:0 auto;display:block}
.share-item ul{text-align:center;padding:0}
.share-item li{transform:none;left:auto;opacity:1}
.item-num{padding:0 10px}
.video-cover,.video-full{min-height:inherit}
.video-full{height:100%;min-height:inherit;transform:translate(0)}
.box-video-center,.video-full{position:relative;left:auto;top:auto;width:100%}
.box-video-center{height:56.25vw}
.box-video-center:after,.box-video-center:before{display:none}
.video-youtube-full{height:auto}
.control{font-size:11px;padding:10px;bottom:0;opacity:1}
.control button{width:20px;height:20px;transition:none;pointer-events:auto}
.control button:hover{opacity:1}
.control:after{transition:none;background-color:rgba(0,0,0,0.5)}
.youtube-video iframe{position:relative;left:auto;top:auto;transform:translateY(0)}
.play-button{width:80px;height:80px;margin:-40px 0 0 -40px}
.group-central[data-name=video-home].fullmode{height:100vh;position:fixed;left:0;top:0;background-color:#000;overflow:hidden !important;z-index:9999 !important}
.fullmode .box-video-center{height:100vh;position:absolute;left:0;top:0;z-index:9999}
.fullmode .video-youtube-full{height:100%}
.fullmode .youtube-video iframe{width:100%;height:100%;left:0;top:0;position:absolute}
.fullscreen .control{bottom:0 !important}
.is-IOS .youtube-video iframe{z-index:auto}
.box-video-center .thumb-image,.thumb-image{display:none}
.scrollA,.scrollB{width:100%;height:auto;max-height:inherit !important;position:relative;left:auto;top:auto;padding:0 !important;margin:0 !important;overflow:visible !important}
#home-page .title-page{display:none}
.title-page{top:-20px;right:-8px;display:block;transform:rotate(-90deg);width:auto;height:100px;z-index:15}
.title-page h1,body.auto .title-page h1{font-size:18px;white-space:nowrap;position:absolute;right:0;top:0;font-weight:700}
.title-main,body.auto .title-main{position:relative;top:auto;left:auto;padding:30px 5%;margin:0}
.title-main h2{font-size:3vw}
.title-main h2 span{opacity:1}
.title-pic h3{font-size:24px}
.title-pic h3 span{opacity:1 !important}
.title-project{display:block;max-width:inherit;margin:0;padding:0;width:auto}
.title-project span{font-size:12px}
.title-project h3{font-size:3vw}
.text-intro{display:block;margin:auto;height:auto;max-height:inherit}
.text-intro h3{font-size:3vw}
.box-txt{display:block;margin:20px auto;max-width:700px}
.group-central[data-name=banner-home]{padding:0 0 20px}
.text-banner{position:relative;bottom:auto;right:auto;width:100%;padding:0 20px 40px;background-color:#ef832b;left:0}
.text-banner:before{display:none}
.text-banner h3{font-size:24px;text-transform:uppercase;display:inline-block;background-color:#ef832b;padding:30px 20px 0px 20px}
.box-text{max-width:500px;margin:auto;padding:10px 30px}
.group-central[data-name=business-home]{overflow:hidden;background:linear-gradient(145deg, #f15a29, #eda82e)}
.group-central[data-name=business-home] .bg-cover{display:none}
.bg-egg{top:0;left:-30%;width:80vw;height:80vw;z-index:-1}
.icon-business{width:100px;height:100px;display:block;margin:10px auto}
.list-business{max-width:800px;margin:0 auto 40px;padding:0}
.list-business h3{padding:0}
.list-business li{border-bottom:1px solid #eda82e;padding:20px;width:100%}
.group-central[data-name=project-home]{background:linear-gradient(145deg, #f15a29, #eda82e)}
.box-project-home{width:100%;padding:0}
.box-project-home .pic-project{width:50%;height:35.71429vw;float:left;border-radius:0}
.box-project-home .text-project{width:50%;float:left}
.box-project-home:nth-child(2) .text-project{float:left;padding:20px 30px 0 0}
.box-project-home:first-child .text-project{float:right;padding:0 0 0 30px}
.text-project h3{font-size:22px}
.project-location p{height:auto}
.box-project-home.only-one .pic-project{width:100%;height:50.625vw}
.box-project-home.only-one .text-project{width:100%}
.col-news-home{width:50%}
.col-news-home:last-child{width:100%}
.item-album .pic-img,.item-news .pic-img,.item-video .pic-img{height:250px}
.item-video{margin:0}
.item-news{width:50%;float:left;padding:0 5px;margin:10px 0 0}
.item-album .view-album{right:auto;top:50%;left:50%;bottom:auto;margin:-35px 0 0 -35px}
.txt-news{width:100%}
.txt-news h3{font-size:15px}
.item-album .txt-news:before{display:none}
.group-central[data-name=member-home]{background:linear-gradient(145deg, #eda82e, #f15a29)}
.item-member{width:auto;margin:10px 0;min-height:inherit;text-align:center}
.item-member img{margin:0;z-index:auto}
.item-member h3,.item-member img{display:inline-block;vertical-align:middle}
.item-member h3{font-size:18px;padding:0 20px}
.group-central[data-name=recruitment-home]{background:linear-gradient(145deg, #5dadf2, #12375e)}
.group-central[data-name=recruitment-home] .bg-cover{position:absolute;left:0;top:0;height:100%;max-height:inherit;z-index:-1}
.item-contact{padding:10px 20px}
.item-recruitment{padding:10px 20px 10px 105px}
.company-info h3{font-size:24px}
.company-info a,.company-info p{font-size:15px}
.item-recruitment h3{font-size:13px;height:auto}
.date{font-size:40px}
#about-page .scrollA,#about-page .text-intro{max-height:inherit}
.morph-value:nth-child(2){width:90vw;height:90vw}
.wave-ani{opacity:1;transition:none;overflow:visible}
.group-central[data-name=about-intro] .title-main{display:none}
.group-central[data-name=about-intro] .text-intro{width:100%}
.group-central[data-name=about-intro] .content-main{padding:10vw 0}
.group-central[data-name=about-intro] .bg-clip{width:90vw;height:90vw;top:0}
.group-central[data-name=about-intro] .text-intro{padding:0 10% 0 0}
.group-central[data-name=about-intro] .box-img:first-child{width:90%;height:90%}
.group-central[data-name=about-intro] .box-img:nth-child(2){width:60%;height:60%}
.pic-intro{display:block;margin:0;width:100%;height:60vh;max-height:650px}
.group-central[data-name=about-value] .content-main{text-align:left;padding:0 5% 5%}
.box-value{width:100%;display:block;margin:0;padding:0;overflow:visible}
.item-pic{width:100%;margin:0 0 5%}
.box-pic,.item-pic img{width:100%;height:auto}
.item-pic img{opacity:1}
.value-item{height:auto}
.value-item .text-intro{width:100%;max-width:inherit;display:block;margin:0;background-color:#0c3464;padding:5%}
.item-pic{display:block;box-shadow:none}
.box-philosophy,.item-pic{height:auto}
.box-philosophy li{height:auto;margin:0 0 1px}
.box-philosophy li span{width:80px;font-size:36px;padding:20px 0;line-height:1}
.box-philosophy li h3{font-size:16px;padding:0 20px 10px 90px}
.box-philosophy li p{padding:0 20px 0 90px}
.group-central[data-name=about-chart] .grid-item-bg{position:absolute;left:0;top:0;height:100%}
.group-central[data-name=about-chart] .bg-cover{position:absolute;left:0;top:0;height:100%;max-height:inherit;z-index:-1}
.chart-image{height:auto}
.chart-image img{width:100%;height:auto}
.group-central[data-name=about-manager]{background-color:#1d4d87;overflow:hidden}
.rotate-item{transition:all 0.4s ease-in-out}
.rotate-item.current-item{left:50%}
.rotate-item.next{left:70%;transition-delay:0s}
.rotate-item.prev{left:100%;transform:translateY(20%) translateX(-50%) scale(0.6)}
.rotate-item.last{left:20%;transition-delay:0s}
.box-name{text-align:left;padding:10px 20px 10px 50px;background-color:rgba(0,0,0,0.3);border-radius:10px}
.box-name span{width:30px;height:30px;left:10px;top:10px}
.box-name h3{font-size:14px}
.box-name p{font-size:12px}
.rotate-nav{width:80%;bottom:30vw;left:10%}
.go-next,.go-prev{width:50px;height:50px}
.group-central[data-name=project] .box-txt,.group-central[data-name=project] .slide-content{display:none}
.group-central[data-name=project] .text-intro{margin:0;width:100%;padding:20px;background-color:#fff;max-width:inherit}
.group-central[data-name=project] .text-intro p{margin:0 0 15px;display:inline-block;float:none}
.group-central[data-name=project] .box-pic{max-height:inherit}
.group-central[data-name=project] .text-intro h3{display:block;width:100%;max-width:inherit;margin:0;padding:10px 0}
.group-central[data-name=project] .logo-project{float:right;width:180px}
.group-central[data-name=project] .view-detail{float:none}
.logo-project>img{max-height:150px}
.project-slide{width:100%;border-radius:0;max-width:inherit;height:auto;margin:0 0 30px;box-shadow:none}
.title-project{display:inline-block;width:calc(100% - 185px);padding:20px 20px 0 0}
#business-page .scrollA,#business-page .text-intro{max-height:inherit}
#business-page .title-main,#business-page .title-main h2:after{display:block}
#business-page .text-intro h3{display:none}
#business-page .content-center{width:100%;box-sizing:content-box;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#business-page .text-intro{width:100%;padding:5%;order:2}
#business-page .content-main{padding:5vw 0 0}
#business-page .pic-intro{width:100%;height:56.25vw;max-height:500px;order:1}
#business-page .bg-clip{width:100vw;height:100vw}
.group-central[data-name=business-01] .title-main{padding:10vw 10vw 0}
.group-central[data-name=message]{padding:5vw 0 0}
.group-central[data-name=message] .bg-clip{width:100vw;height:100vw}
.group-central[data-name=message] .content-center{width:100%;display:flex;box-sizing:content-box;flex-wrap:wrap;align-items:center;justify-content:center}
.group-central[data-name=message] .text-intro{width:100%;display:block;margin:0;padding:0 5%;order:2}
.group-central[data-name=message] .text-intro img{max-width:150px}
.group-central[data-name=message] .pic-intro{width:90%;margin:auto auto 20px;display:block;height:auto;order:1}
.pic-ceo{width:100%;height:auto;max-width:500px;max-height:500px;margin:auto;position:relative;left:auto}
#sustainable-page .scrollA,#sustainable-page .text-intro{max-height:inherit}
.group-central[data-name=sustainable] .text-intro{width:100%;padding:0;margin:0 auto 5vw}
.group-central[data-name=sustainable] .content-center{margin:0;text-align:left;padding:0 5%}
.sustainable-slide{width:100%;height:auto;display:block;margin:0;box-shadow:none}
.sustainable-slide .box-pic{width:100%}
.sustainable-slide .item-pic{margin:0}
.group-central[data-name=sustainable] .item-pic .box-pic{height:auto}
.group-central[data-name=enviroment] .text-intro{width:55%;display:inline-block;margin:0;padding:0 0 0 3%}
.group-central[data-name=enviroment] .content-center{text-align:left;margin:0}
.group-central[data-name=enviroment] .pic-intro{width:40vw;display:inline-block;height:auto;vertical-align:top;max-height:inherit}
.pic-circle{width:60vw;height:60vw;position:absolute;left:auto;margin:0;right:-25vw;top:0}
.text-intro li:before{font-size:3vw}
.text-intro li p{padding:0 0 0 5vw}
.top-member h3{font-size:14px}
.member-box{min-height:inherit}
#project-details-page .title-page{right:0;width:100%;top:5vw;height:auto;transform:none}
#project-details-page .title-page h1{font-size:3vw !important;position:relative !important;top:auto !important;right:auto !important}
.logo-section{padding:0 0 10vw}
.logo-section .logo-project{width:220px;border-radius:10px;top:-80px;margin:0 0 0 -110px;overflow:hidden}
.logo-section .logo-project>img{width:90%;height:auto}
.introduce-project{padding:0}
.txt-project{text-align:left}
.txt-project h3{font-size:18px}
.introduce-project .txt-project{padding:0}
.project-masterplan{height:auto}
.project-masterplan:after,.project-masterplan:before{display:none}
.location-project{padding:0}
.left-content{padding:0 20px 0 0}
.left-content,.right-content{margin:0;float:left}
.pic-description{height:48vw;width:48vw;max-width:inherit}
.pic-destination{margin:50px 0 0;width:100%;max-width:inherit;display:inline-block}
.facilities-project{padding:0}
.facilities-project:before{display:none}
.facilities-project .txt-project{padding:0}
.item-project-pic{height:260px}
.slide-facilities{width:100%;height:auto;position:relative;display:block;margin:30px auto}
.progress-project{padding:0}
.wrap-content-large{width:100%;text-align:center}
.product-project{padding:0}
.color-line{width:100%;top:0;left:0;background-color:#f15a29}
.pic-pro{position:relative;display:block;width:100%}
.box-scroll-text,.pic-pro{height:50vh;min-height:500px}
.box-scroll-text{padding:20px 0 20px 20px}
.box-scroll-text .scrollB{overflow-x:hidden !important;overflow-y:auto !important;height:100%;-webkit-overflow-scrolling:touch;padding:0 20px 0 0 !important}
.product-sample{padding:0;float:left}
.product-sample .slide-facilities{margin:0 0 30px}
.pic-sample{height:260px}
.title-sample{bottom:0;right:0}
.title-sample h3{font-size:15px}
.library-project{padding:0}
.library-pro-pic{height:56.25vw}
.library-pro-pic:before{display:none}
.see-pic{height:40px;width:40px;left:auto;top:20px;right:20px;background:linear-gradient(90deg, #0061a7, #f15a29)}
.see-pic a{font-size:0;line-height:0}
.see-pic:before{position:absolute;left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px);border-radius:50%;border:1px solid rgba(255,255,255,0.5)}
.see-pic:after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background:url(//xoo.vn/wp-content/themes/xoosoft/assets/images/zoom.svg) no-repeat 50%/60%}
.video-project .wrap-content{width:100%}
.video-project{padding:0}
.video-project .video-youtube-full{height:56.25vw}
.video-project .control{bottom:-20px}
.contact-project{padding:30px 0}
.box-contact{padding:10px;border:1px solid #fff;border-radius:20px}
.box-contact .company-info{padding:10px 30px}
.box-contact .company-info li{margin:30px 0}
.box-contact .company-info li:before{width:30px;height:30px;margin:-15px 0 0}
.box-contact .company-info li a,.box-contact .company-info li p{padding:0 0 0 40px;font-size:18px}
.wrap-news{height:500px;width:100%}
.wrap-news .box-news:first-child .pic-img{height:330px}
.wrap-news .box-news:nth-child(2) .pic-img,.wrap-news .box-news:nth-child(5) .pic-img{height:140px}
.wrap-news .box-news:nth-child(2) .text-news h3,.wrap-news .box-news:nth-child(5) .text-news h3{max-height:68px}
.news-txt>h3,.text-news h3{font-size:13px}
.news-txt>h3{max-height:68px}
.news-pic,.news-txt{height:120px;max-height:inherit;min-width:inherit}
.news-bidding,.transparent-color{padding:0}
.transparent-color .title-main{padding:30px 5%;margin:0 !important}
.text-bidding{height:120px;line-height:120px}
.text-bidding h3{font-size:16px}
.numbers{font-size:36px;width:70px;line-height:120px}
.group-central[data-name=partner]{background-color:transparent}
.group-central[data-name=partner] .grid-item-bg{position:absolute;left:0;top:0;height:100%}
.group-central[data-name=partner] .bg-cover{position:absolute;left:0;top:0;height:100%;max-height:inherit}
.item-partner img{z-index:auto}
.item-partner{width:30%;margin:0 0 5px}
#recruitment-page .text-intro{margin:auto;text-align:left}
.enviroment{padding:0}
.enviroment-box{text-align:left}
.enviroment-box .pic-intro{width:100%;height:45vw}
.enviroment-box .text-intro{padding:30px 5%;width:100%}
.policy{padding:0}
.policy-box{margin:0;padding:30px 0 0;width:100%;box-sizing:content-box;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.policy-box .left-content{padding:0;width:100%;order:2}
.policy-box .right-content{width:100%;order:1}
.policy-box .pic-intro{width:100%;height:50.625vw;overflow:hidden}
.full-width{text-align:left}
.full-width .text-intro,.policy-box:last-child .text-intro{padding:30px 5%}
.full-width .bg-clip{width:80vw;height:120vw;bottom:auto;right:0;top:-30vw;color:#eda82e}
.oppotunity{padding:0}
.oppotunity-box{margin:0 0 30px}
.oppotunity-box .text-intro{padding:30px 5%;background-color:rgba(255,255,255,0.9);border-radius:30px;width:90%}
.table-recruitment{width:90%}
.career{padding:30px 0 0}
.list-job{position:relative;display:block;width:100%;height:auto;margin:0;background-color:#f15a29;padding:0 0 30px}
.table-recruitment td,.table-recruitment th{padding:10px}
.table-recruitment td h3{font-size:16px}
.table-recruitment th:first-child{width:50px;padding:0}
.table-recruitment th:nth-child(2){width:auto;max-width:280px}
.table-recruitment th:nth-child(3){width:120px}
.table-recruitment th:nth-child(4){width:200px}
.table-recruitment th:nth-child(5){width:120px}
.table-recruitment th:nth-child(6){width:140px}
.table-recruitment th:nth-child(7){width:120px}
.career-form,.join-us{display:none}
.table-recruitment td a{padding:0}
#library-page .content-center{text-align:center;padding:0}
.group-central[data-name=picture] .title-main{padding:60px 5% 30px}
.group-central[data-name=picture] .content-main,.group-central[data-name=video] .content-main{text-align:center;padding:30px 0}
.group-central[data-name=picture] .title-pic,.group-central[data-name=video] .title-pic{padding:10px 20px;text-align:center}
.library-box{width:100%;height:auto;overflow:visible;margin:20px 0}
.slide-library{width:90%;margin:auto}
.slide-library .pic-library{width:100%;height:66.66667vw;max-height:450px;pointer-events:none}
.pic-library .dark-color,.slide-item.center .title-pic:before{transition:opacity 0.3s ease-in-out}
.pic-library .view-album{top:50%;left:50%;bottom:auto;margin:-35px 0 0 -35px;border-radius:10px}
.group-central[data-name=contact]{background-color:#1d4d87}
.group-central[data-name=contact] .content-main{padding:0}
.group-central[data-name=contact] .box-contact-main{max-width:inherit;width:90%;text-align:center;margin:0}
.group-central[data-name=contact] .company-info{text-align:center}
.group-central[data-name=contact] .company-info h3{font-size:5vw}
.group-central[data-name=contact] .company-info li{margin:0 0 10px}
.group-central[data-name=contact] .company-info li:before{position:relative;left:auto;top:auto;margin:0;display:inline-block;vertical-align:middle}
.group-central[data-name=contact] .company-info h3:after{margin:20px auto}
.company-info li a,.group-central[data-name=contact] .company-info li p{font-size:16px;display:inline-block;padding:0 10px;vertical-align:middle}
.map-box,.map-box.show{position:relative;width:100%;max-width:inherit;height:70vh;max-height:500px;display:block;margin:0;left:auto;top:auto;box-shadow:none;z-index:auto}
.content-map-box,.map-box,.map-box.show{border-radius:0;transition:none}
.full-map{display:none}
.gm-fullscreen-control{display:block}
}.news-list::-webkit-scrollbar,.sub-nav::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important}
.content-table::-webkit-scrollbar,.navigation::-webkit-scrollbar{width:0 !important;height:0 !important;display:none !important}
.controls progress::-webkit-progress-bar,.controls progress::-webkit-progress-value{background-color:rgba(255,255,255,0.5) !important}:-webkit-full-screen,:-webkit-full-screen-ancestor:not(iframe){background-color:#fff !important;position:fixed !important;left:0;top:0;z-index:2147483647 !important}
.content-table,.details-content,.navigation,.news-list,.sub-nav,.sub-news{scrollbar-color:inherit;scrollbar-width:none}
@keyframes Start{0%{visibility:hidden}to{visibility:visible}
}@keyframes Preloader{to{transform:rotate(1turn)}}@keyframes Play{0%{background-position:0}to{background-position:-360px}
}@keyframes BorderBox{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}
}@keyframes Bg-ZoomIn{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}
}@keyframes Bg-ZoomOut{0%{transform:scale(1.2)}50%{transform:scale(1)}to{transform:scale(1.2)}
}@keyframes empty{0%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}
}@keyframes fadeOut{0%{opacity:1}to{opacity:0}
}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100px, 0)}to{opacity:1;transform:none}
}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -100px, 0)}to{opacity:1;transform:none}
}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg) scale(0.5);opacity:0}to{transform:perspective(400px) rotateX(0deg) scale(1);opacity:1}
}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg) scale(1);opacity:1}to{transform:perspective(400px) rotateX(90deg) scale(0.5);opacity:0}
}@keyframes Leftpage{0%{left:-100%}to{left:100%}
}@keyframes Rotate{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}
}@keyframes scaleSmall{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}
}@keyframes scaleLarge{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}
}@keyframes goHeight{0%{transform:scaleY(0)}to{transform:scaleX(1)}
}@keyframes goWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}
}@keyframes aniHeight{0%{transform:scaleX(1)}to{transform:scaleY(0)}
}@keyframes aniWidth{0%{transform:scaleX(1)}to{transform:scaleX(0)}
}@keyframes moveLeft{to{transform:translateX(-100%)}}@keyframes moveRight{to{transform:translateX(100%)}}@keyframes toRight{0%{opacity:0;right:-100px}to{opacity:1;right:0}
}@keyframes goRight{0%{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:none}
}@keyframes goLeft{0%{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}
}@keyframes DrawStroke{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}
}@keyframes Revealer{0%{width:100%;opacity:1}to{width:0;opacity:0}
}@keyframes goBg{0%{transform:translate3d(-50%, 0, 0)}to{transform:none}
}@keyframes bounceInDown{0%,
60%,
75%,
90%, to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
0%{opacity:0;transform:translate3d(0, -3000px, 0)}
60%{opacity:1;transform:translate3d(0, 25px, 0)}
75%{transform:translate3d(0, -10px, 0)}
90%{transform:translate3d(0, 5px, 0)}to{transform:none;opacity:1}}@keyframes FillCorlor{0%{fill:#fff}to{fill:#ca930f}
}@keyframes WheelArrow{0%{transform:rotate(-45deg) translate(0);opacity:0}50%{opacity:1}to{transform:rotate(-45deg) translate(-5px, 5px);opacity:0}
}@keyframes Show100{0%{stroke-dashoffset:537}to{stroke-dashoffset:0}
}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}
}@keyframes slideInUp{0%{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translateZ(0)}
}.animated{animation-duration:2s;animation-fill-mode:both}
.slideout-Up{animation-name:slideOutUp}
.slidein-Up{animation-name:slideInUp}
.fade-In{animation-name:fadeIn}
.fade-Out{animation-name:fadeOut}
.fadein{animation-name:fadeIn;animation-fill-mode:forwards}
.fadein,.fadeout{animation-duration:1s}
.fadeout{animation-name:fadeOut;animation-fill-mode:forwards}
.fadeindown{animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:forwards}
.fadeinup{animation-name:fadeInUp;animation-fill-mode:forwards}
.fadeinup,.fadeoff{animation-duration:1s}
.fadeoff{animation-name:fadeOff;animation-fill-mode:forwards}
.fadeon{animation-name:fadeOn;animation-fill-mode:forwards}
.fadeon,.goleft{animation-duration:1s}
.goleft{animation-name:goLeft;animation-fill-mode:forwards}
.goright{animation-name:goRight;animation-duration:1s;animation-fill-mode:forwards}
.scalelarge{animation:scaleLarge;animation-duration:1s;animation-fill-mode:forwards}
.scalesmall{animation:scaleSmall;animation-duration:1s;animation-fill-mode:forwards}
.container,.footer,.go-top,.header,.register-form{animation:Start 1s steps(1) 0s 1 normal both}
.current-item .box-name{animation:goLeft;animation-duration:1.5s;animation-delay:.5s;animation-fill-mode:forwards}
@media screen and (min-width: 1100px){.grid-item-bg:after,.grid-item-bg canvas{opacity:0}
.show-text .grid-item-bg:after{animation:fadeIn;animation-duration:2s;animation-delay:1s;animation-fill-mode:forwards}
.grid-item-bg canvas.show{animation:fadeIn;animation-duration:1s;animation-fill-mode:forwards}
.bg-wave,.header:after,.logo,.nav-click,.right-header{opacity:0}
.header.show .right-header{animation:goLeft;animation-duration:.9s;animation-delay:.2s;animation-fill-mode:forwards}
.header.show .logo{animation:goRight;animation-duration:1s;animation-fill-mode:forwards}
.overlay-menu.show .bg-wave{animation:fadeInUp;animation-duration:.6s;animation-delay:1s;animation-fill-mode:forwards}
.nav li{opacity:0}
.navigation.show .nav li{animation-name:goLeft;animation-duration:1s;animation-fill-mode:forwards}
.group-central .slide-buttons,.group-central .slide-pagination{opacity:0;transition:opacity 0.3s ease-in-out}
.show-text .slide-buttons,.show-text .slide-pagination{opacity:1}
.slide-pics .txt-banner{opacity:0;right:0;transition:all 2s cubic-bezier(0.23, 1, 0.38, 1)}
.slide-pics .active .txt-banner{opacity:1;right:10vw;animation-delay:1s}
.left-footer,.right-footer{opacity:0}
.show .left-footer{animation:fadeInUp;animation-duration:.9s;animation-delay:.9s;animation-fill-mode:forwards}
.show .right-footer{animation:fadeInUp;animation-duration:.9s;animation-delay:1s;animation-fill-mode:forwards}
.title-main h2 span{opacity:0;transition:all 0.3s ease-in-out}
.title-main h2 span.move{opacity:1}
.show-text .title-main h2 span:nth-child(odd),.show .title-main h2 span:nth-child(odd){animation:fadeInUp;animation-duration:1.5s;animation-delay:.3s;animation-fill-mode:forwards}
.show-text .title-main h2 span:nth-child(2n),.show .title-main h2 span:nth-child(2n){animation:fadeInDown;animation-duration:1.5s;animation-delay:.5s;animation-fill-mode:forwards}
.box-text,.text-banner .view-more,.text-banner h3{opacity:0}
.text-banner:before{transform:scaleX(0);transition:transform 0.6s ease-in-out}
.ani-text .text-banner:before{transform:scaleX(1)}
.ani-text .text-banner .box-text{animation:fadeInUp;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.ani-text .text-banner h3{animation:fadeInUp;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}
.ani-text .text-banner .view-more{animation:fadeInUp;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards}
.bg-egg,.list-business li{opacity:0}
.show-text .list-business li:first-child{animation-delay:0.3s}
.show-text .list-business li:nth-child(2){animation-delay:0.4s}
.show-text .list-business li:nth-child(3){animation-delay:0.5s}
.show-text .list-business li:nth-child(4){animation-delay:0.6s}
.show-text .list-business li:nth-child(5){animation-delay:0.7s}
.show-text .list-business li{animation:fadeInUp;animation-duration:1s;animation-fill-mode:forwards}
.show-text .bg-egg{animation:goRight;animation-duration:1s;animation-fill-mode:forwards}
.box-project-home,.box-project-home .view-detail{opacity:0}
.show-text .box-project-home{animation:fadeInUp;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.show-text .box-project-home .view-detail{animation:fadeInUp;animation-duration:1s;animation-delay:1.5s;animation-fill-mode:forwards}
.item-album,.item-news,.item-video{opacity:0}
.show-text .item-video{animation:fadeInUp;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}
.show-text .item-album{animation:fadeInUp;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards}
.show-text .item-news:first-child{animation:fadeInUp;animation-duration:1s;animation-delay:.9s;animation-fill-mode:forwards}
.show-text .item-news:nth-child(2){animation:fadeInUp;animation-duration:1s;animation-delay:1.2s;animation-fill-mode:forwards}
.item-member{opacity:0}
.show-text .item-member:nth-child(odd){animation-delay:0.3s}
.show-text .item-member:nth-child(2n){animation-delay:0.6s}
.show-text .item-member{animation:fadeInUp;animation-duration:1s;animation-fill-mode:forwards}
.item-contact,.item-recruitment{opacity:0}
.show-text .item-recruitment:nth-child(2){animation-delay:0.6s}
.show-text .item-recruitment:nth-child(3){animation-delay:0.7s}
.show-text .item-recruitment:nth-child(4){animation-delay:0.8s}
.show-text .item-recruitment{animation:fadeInUp;animation-duration:1s;animation-fill-mode:forwards}
.show-text .item-contact{animation:fadeInUp;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.box-img,.scrollA,.text-intro h3{opacity:0}
.text-intro h3:after{transform:scaleX(0);transform-origin:left top}
.show-text .text-intro h3:after{animation:goWidth;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards}
.show-text .text-intro h3{animation:fadeInUp;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
.show-text .text-intro .scrollA{animation:fadeInUp;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards}
.show-text .box-img{animation:goLeft;animation-duration:1.5s;animation-delay:.3s;animation-fill-mode:forwards}
.show-text .box-img:nth-child(2n){animation-delay:0.6s}
.group-central:after,.group-central:before,.slide-content{opacity:0}
.show-text .slide-content{animation:fadeInUp;animation-duration:1.5s;animation-delay:.3s;animation-fill-mode:forwards}
.show-text .slide-number{animation:scaleLarge;animation-duration:1s;animation-delay:1.5s;animation-fill-mode:forwards}
.group-central.show-text:after{animation:goRight;animation-duration:1.5s;animation-delay:0s;animation-fill-mode:forwards}
.group-central.show-text:before{animation:goLeft;animation-duration:1.5s;animation-delay:.5s;animation-fill-mode:forwards}
.chart-image{opacity:0}
.show-text .chart-image{animation:fadeInUp;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.group-central[data-name=about-manager]{transition:box-shadow 2s ease-in-out 0.6s}
.bg-svg,.rotate-container{opacity:0}
.show-text .bg-svg{animation:scaleLarge;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards}
.show-text .rotate-container{animation:fadeInUp;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
.group-central[data-name=about-manager].show-text{box-shadow:inset 0 0 100px 100px rgba(0,0,0,0.3)}
.group-central[data-name=project].show-text{box-shadow:inset 0 0 100px 100px rgba(0,45,97,0.6)}
.pic-ceo{opacity:0}
.show-text .pic-ceo{animation:fadeInUp;animation-duration:1.5s;animation-delay:.3s;animation-fill-mode:forwards}
.sustainable-slide{opacity:0}
.show-text .sustainable-slide{animation:goLeft;animation-duration:1.5s;animation-delay:.3s;animation-fill-mode:forwards}
.pic-circle img{opacity:0}
.show-text .pic-circle img{animation:scaleLarge;animation-duration:1.5s;animation-delay:.3s;animation-fill-mode:forwards}
.show-text .pic-circle:after{animation:fadeIn;animation-duration:1.5s;animation-delay:1s;animation-fill-mode:forwards}
.group-central[data-name=member] .slide-member{opacity:0}
.group-central[data-name=member]{transition:box-shadow 2s ease-in-out 0.6s}
.group-central[data-name=member].show-text{box-shadow:inset 0 0 100px 100px rgba(0,0,0,0.3)}
.group-central[data-name=member].show-text .slide-member{animation:fadeInUp;animation-duration:.6s;animation-delay:.3s;animation-fill-mode:forwards}
.item-partner{opacity:0}
.show-text .item-partner:nth-child(odd){animation-delay:0.3s}
.show-text .item-partner:nth-child(2n){animation-delay:0.6s}
.show-text .item-partner{animation:fadeInUp;animation-duration:1s;animation-fill-mode:forwards}
.slide-library{opacity:0}
.show-text .slide-library{animation:fadeInUp;animation-duration:1s;animation-fill-mode:forwards}
.company-info h3:after{transform:scaleX(0)}
.company-info h3,.company-info li,.map-box{opacity:0}
.show-text .company-info h3:after{animation:goWidth;animation-duration:1s;animation-delay:1.2s;animation-fill-mode:forwards}
.show-text .company-info h3{animation:fadeInUp;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards}
.show-text .company-info li{animation:fadeInUp;animation-duration:1s;animation-delay:.4s;animation-fill-mode:forwards}
.show-text .company-info li:nth-child(2){animation-delay:0.6s}
.show-text .company-info li:nth-child(3){animation-delay:0.8s}
.map-box.showup{animation-name:goLeft;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards}
.ani-item{opacity:0}
.ani-item.on-show{animation:fadeInUp;animation-duration:1s;animation-delay:0s;animation-fill-mode:forwards}
.bg-color.on-show{animation-delay:0.8s}
.color-line,.four-item{transform:scaleX(0)}
.project-masterplan.on-show{animation:none;opacity:1}
.pic-description.on-show{animation:scaleLarge;animation-duration:1.5s;animation-delay:1s;animation-fill-mode:forwards}
.pic-destination.on-show{animation:scaleSmall;animation-duration:1.5s;animation-delay:1s;animation-fill-mode:forwards}
.color-line.on-show{animation:goWidth;animation-duration:1s;animation-delay:1.2s;animation-fill-mode:forwards;opacity:1}
.four-item.on-show{animation:goWidth;animation-duration:1.5s;animation-fill-mode:forwards;opacity:1}
.project-masterplan.on-show:before{animation:moveLeft;animation-duration:3s;animation-delay:.6s;animation-fill-mode:forwards}
.project-masterplan.on-show:after{animation:moveRight;animation-duration:3s;animation-delay:.6s;animation-fill-mode:forwards}
.enviroment-box .pic-intro.on-show{animation-name:goLeft;animation-duration:1.5s;animation-delay:.5s;animation-fill-mode:forwards}
.enviroment-box .text-intro.on-show{animation-name:goRight;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards}
.left-content .text-intro.on-show{animation-name:goRight;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.right-content .pic-intro.on-show{animation-name:goLeft;animation-duration:1.5s;animation-delay:1s;animation-fill-mode:forwards}}@media screen and (max-width: 1100px){.box-text,.text-banner .view-more,.text-banner h3{transition:.6s ease-in-out;opacity:0;transform:translate3d(0, 100px, 0)}
.ani-text .text-banner h3{opacity:1;transform:none;transition-delay:0s}
.ani-text .text-banner .box-text{opacity:1;transform:none;transition-delay:0.2s}
.ani-text .text-banner .view-more{opacity:1;transform:none;transition-delay:0.4s}
.ani-text .go-page{animation:none;animation-duration:0s;animation-delay:0s}
.navigation.show .nav li{animation-name:goRight;animation-duration:.6s;animation-fill-mode:forwards}}.slide-page .dot-number svg{opacity:0}
.slide-page.active .dot-number svg{opacity:1}
.box-news-home{display:inline-block;margin:0;vertical-align:middle;width:90%;max-width:1100px;height:auto;z-index:20}
.slider-news{width:100%;height:auto;margin:0}
.box-news{width:auto;height:auto;cursor:pointer}
.pic-news-home{width:100%;float:left;overflow:hidden}
.item-news-home .pic-img{max-height:35vh;height:100%}
.txt-news-home{width:70%;float:left;padding:15px 0;color:#fff;text-align:left}
.txt-news-home .view-detail{margin-top:30px}
.item-news-home{width:calc(50% - 10px);height:auto;float:left;margin:0 10px 10px 0}
.item-news-home:nth-child(2) .pic-news-home{width:40%}
.item-news-home:nth-child(2) .txt-news-home{width:60%;padding:0 15px}
.item-news-home:nth-child(3) .pic-news-home,.item-news-home:nth-child(3) .txt-news-home{width:80%}
@media screen and (min-width: 1100px){.show-text .item-news-home{animation:fadeInUp;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.show-text .item-news-home:nth-child(1){animation-delay:.3s}
.show-text .item-news-home:nth-child(2){animation-delay:.6s}}.single__header__meta{padding-left:50px;font-size:14px}
.single__header__meta__day{margin-right:10px}
.single__header__meta__day a{color:#222}
.single__header__meta__views{margin-right:10px}
@media screen and (max-width: 1100px){.slide-pic-nav{top:auto;margin:0;bottom:0;height:50px;background-color:rgba(0,0,0,0.3);z-index:9999}
.next-pic,.prev-pic,.slide-next,.slide-page span,.slide-prev{transition:none;transform:none}
.next-pic,.prev-pic,.slide-next,.slide-prev{width:30px;height:30px}
.next-pic,.slide-banner .slide-next,.slide-mask .slide-next{right:0}
.prev-pic,.slide-banner .slide-prev,.slide-mask .slide-prev{left:0}
.next-pic:hover,.prev-pic:hover,.slide-next:hover,.slide-prev:hover{opacity:.5;transform:none}
.slide-page{margin:0 3px}
.slide-page span:not(.dot-number){transform:scale(0.8)}
.slide-page:not(.active):hover span:not(.dot-number){opacity:0.5}
.slide-next:hover,.slide-prev:hover{transform:none;background-color:transparent;border-width:0}
.slide-video-play-icon{height:80px;width:80px;margin:-40px 0 0 -40px;transition:none}
.slide-video-play-icon:after{opacity:1}
.thumb-item{transition:none}
.thumb-item:hover{border-color:#ddd}
.album-center .slide-buttons{display:none}
.slide-page .dot-number{margin:0 2px}
.slide-page:not(.active):hover .dot-number{color:#ccc}
.slide-page:not(.active):hover .dot-number:before{border-color:#ddd}
.slide-buttons{margin:-30px 0 0}
.slide-banner .slide-next,.slide-banner .slide-prev,.slide-mask .slide-next,.slide-mask .slide-prev{width:50px;height:50px}
.slide-banner .slide-next:hover,.slide-banner .slide-prev:hover,.slide-mask .slide-next:hover,.slide-mask .slide-prev:hover{transform:none;color:#fff;opacity:0.5}
.slide-banner .slide-page span:not(.dot-number),.slide-mask .slide-page span:not(.dot-number){transform:scale(0.7)}
.slide-banner .slide-buttons{display:none}
.slide-banner .slide-pagination{bottom:10px}
.slide-mask .slide-pagination{display:block;left:auto;bottom:auto;margin:0;width:auto;padding:10px 0;position:relative}
.slide-mask .slide-buttons{width:100%;left:0;margin:0;bottom:50px}
.slider-inner .slide-pagination{display:block}
.slider-inner .slide-buttons{display:none}
.slide-pics .slide-prev{left:0;width:50px;height:50px}
.slide-pics .slide-next{right:0;width:50px;height:50px}
.slide-pics .slide-pagination{display:none}
.slide-pics .slide-buttons{margin:-25px 0 0}
.slide-page .dot-number:before{border:3px solid #fff}
.slide-page .dot-number{transform:scale(0.9)}}@media screen and (max-width: 840px){.slide-page span:not(.dot-number){transform:scale(0.7)}
.slide-banner .slide-page span:not(.dot-number),.slide-mask .slide-page span:not(.dot-number){transform:scale(0.6)}
.box-contact-main{width:unset}}@media screen and (max-width: 620px){.thumbs,.thumbs-video{max-width:300px}
.slide-page .dot-number{font-size:10px;line-height:20px;width:20px;height:20px;margin:0 2px}
.slide-banner .slide-page .dot-number,.slide-mask .slide-page .dot-number{transform:scale(0.7);margin:0}}@media screen and (max-width: 440px){.slide-video-play-icon{height:60px;width:60px;margin:-30px 0 0 -30px}
.slide-page span:not(.dot-number){transform:scale(0.6)}
.slide-banner .slide-page span:not(.dot-number),.slide-mask .slide-page span:not(.dot-number){transform:scale(0.5)}
.slide-page .dot-number{font-size:10px;line-height:18px;width:18px;height:18px}
.thumb-item{height:45px}}@media screen and (min-width: 1100px){.search-but{transition:all 0.3s ease-in-out}
.header.hide .search-but:hover,.search-but:hover{color:#fbc012;border-color:#fbc012}
.wheel,.wheel span{transition:all 0.3s ease-in-out}
.wheel:hover span{border-color:#fbc012;animation-play-state:paused;opacity:1 !important;transform:rotate(-45deg) translate(-5px, 5px) !important}
.nav li a{transition:all 0.3s ease-in-out}
.nav li a:hover{color:#fbc012}
.sub-nav li a{transition:all 0.3s ease-in-out}
.outer-nav.second .sub-nav li:hover a,.sub-nav li:hover a{background-color:#f15a29;color:#fff}
.info-company a{transition:all 0.3s ease-in-out}
.info-company a:hover{color:#fbc012}
.contact-phone a,.social li a{transition:all 0.3s ease-in-out}
.foreground{transition:stroke-dashoffset 0.6s ease-in-out}
.social li a:hover .foreground{stroke-dashoffset:0}
.contact-phone:hover a,.social li a:hover{color:#fbc012}
.box-nav li,.box-nav li a{transition:all 0.3s ease-in-out}
.box-nav{opacity:0;transform:translateX(-100%)}
.box-nav.show{opacity:1;transform:translateX(0)}
.box-nav li a:hover:before{background-color:#fbc012;height:4px}
.box-nav li a:hover{width:50px}
.nav-click:not(.active):hover .open-click:before,.nav-click:not(.active):hover:after,.nav-click:not(.active):hover:before{background-color:#fbc012;box-shadow:0 30px 30px rgba(0,0,0,0.2)}
.nav-click:not(.active):hover .open-click{color:#fbc012;text-shadow:0 30px 30px rgba(0,0,0,0.2)}
.nav-click:not(.active).brown:hover .open-click{color:#fff;text-shadow:0 30px 30px rgba(0,0,0,0.2)}
.nav-click:not(.active).brown:hover .open-click:before,.nav-click:not(.active).brown:hover:after,.nav-click:not(.active).brown:hover:before{background-color:#fff;box-shadow:0 30px 30px rgba(0,0,0,0.2)}
.nav-click.active:hover small{color:#fbc012}
.nav-click.active:hover .open-click:before,.nav-click.active:hover:after,.nav-click.active:hover:before{background-color:#fbc012}
.hotline,.hotline:after,.language a{transition:all 0.3s ease-in-out}
.hotline:hover,.language a:hover{color:#fbc012}
.hotline:hover:after{border:1px solid #fbc012}
.hotline.active:hover{color:#fff;background-color:#fbc012}
.hotline.active:hover:after{border-color:transparent;animation-play-state:paused;background-image:none}
.header:before{transition:all 0.3s ease-in-out}
.header.hide:before{opacity:1}
.header.hide .logo{height:50px;width:100px;top:10px;left:0;min-height:inherit;min-width:inherit}
.header.hide .hotline,.header.hide .nav-click,.header.hide .right-header{top:15px}
.logo,.logo:after,.logo:before{transition:all 0.3s ease-in-out}
.header.hide .logo.active,.logo.active{left:40px;top:40px;width:300px;height:168px;min-width:130px;min-height:130px}
.header.hide .logo.active:before,.logo.active:before{opacity:1;transform:scale(1.5)}
.header.more-light:after{width:45vw;height:45vw;background:radial-gradient(circle, #fff 0, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0) 70%)}
.print-box>a{transition:all 0.3s ease-in-out}
.share-but.active,.share-but:hover{background-color:rgba(0,0,0,0.2)}
.share-item li a:after,.share-item li a:before{transition:all 0.3s ease-in-out}
.share-item li a:hover:after{opacity:1}
.share-item li a:hover:before{opacity:0}
.share-item li:hover{border-color:#002366}
.share-item li{transition:all 0.3s cubic-bezier(0.44, 0.39, 0.34, 1.03)}
.close,.close-album,.close-details,.close-map,.close-news:after,.close-news svg,.close-pics,.close-popup,.close-top,.close-video,.file-mark,.full-map,.go-back svg,.go-next,.go-prev,.zoom,.zoom:after,button{transition:all 0.3s ease-in-out}
.close-details:hover,.close-top:hover{transform:scale(0.9)}
.zoom-large:hover{background-color:#a89c85}
.close-album:hover,.close-news:hover:after,.close-news:hover svg,.close-pics:hover,.close-popup:hover,.close-video:hover,.close:hover,.go-back:hover:after,.go-back:hover svg,.zoom-large:hover:after{transform:rotate(90deg)}
.btn-1,.go-top{transition:all 0.3s ease-in-out}
.go-top:hover{background-color:rgba(0,0,0,0.4)}
.close-infobox,.zoom-control a{transition:all 0.3s ease-in-out}
.full-map:hover,.zoom-control a:hover{background-color:#202d62}
.close-infobox:hover,.close-map:hover{background-color:#fbc012 !important}
.input-but button:hover{background-color:#fbc012}
.input-but button:hover:after{border-color:#fbc012}
.file-up:hover .file-mark,.go-next:hover,.go-prev:hover,.zoom:hover:after{background-color:#fbc012}
.play-button:before,.view-detail:before,.view-detail span,.view-more,.view-more:after{transition:all 0.3s ease-in-out}
.view-detail:hover:before{width:100%}
.view-detail:hover span{color:#fff;margin:0 0 0 -10px}
.view-more:hover:after{width:70px;background-color:#fff}
.view-more:hover{color:#fff}
.download-but a,.download-but a:after,.download-but a:before{transition:all 0.3s ease-in-out}
.download-but a:hover{background-color:#fbc012}
.download-but a:hover:before{border:11px solid #fbc012}
.download-but a:hover:after{background-color:#202d62}
.item-search:before,.item-search a{transition:all 0.3s ease-in-out}
.item-search:hover:before,.item-search:hover a{background-color:#002366 !important}
.item-album,.item-news,.item-video{cursor:pointer}
.grid-item-bg canvas,.pic-img,.txt-news,.txt-news:before{transition:all 0.3s ease-in-out}
.play-button:hover:before{opacity:0}
.icon-business:before,.icon-business svg,.list-business h3{transition:all 0.3s ease-in-out}
.list-business li:hover{color:#fbc012}
.list-business li:hover .icon-business:before{transform:scale(0)}
.pic-project,.pic-project:after{transition:all 0.3s ease-in-out}
.pic-project:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none;border:5px solid #f15a29;border-radius:20px;opacity:0}
.box-project-home:hover .pic-project:after{opacity:1}
.box-project-home:hover .pic-project{background-position:100% 100%}
.box-project-home:hover .view-detail:before{width:100%}
.box-project-home:hover .view-detail span{color:#fff;margin:0 0 0 -10px}
.view-album,.view-album:after,.view-video,.view-video:after{transition:all 0.3s ease-in-out}
.item-album:after,.item-news:after,.item-video:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border:5px solid #f15a29;transition:all .3s ease-in-out;opacity:0;pointer-events:none;border-radius:20px}
.item-album:hover:after,.item-news:hover:after,.item-video:hover:after{opacity:1}
.item-album:hover .pic-img,.item-news:hover .pic-img,.item-video:hover .pic-img{background-position:100% 100%}
.item-album:hover .view-album:after{transform:rotate(90deg)}
.item-video:hover .view-video:after{transform:rotate(120deg)}
.item-album:hover .txt-news:before,.item-news:hover .txt-news:before{width:100%}
.item-member{transition:background-color 0.3s ease-in-out}
.item-member:before{transition:all .3s ease-in-out;content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:20px;border:5px solid #f15a29;box-shadow:inset 0 20px 50px 0 rgba(0,0,0,0.2);opacity:0}
.item-member:hover{background-color:#fff}
.item-member:hover:before{opacity:1}
.item-member:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%)}
.item-recruitment:before{transition:all 0.3s ease-in-out}
.item-recruitment:hover:before{opacity:1}
.table-recruitment td:nth-child(2),.table-recruitment td a{transition:all 0.3s ease-in-out}
.table-recruitment td:nth-child(2):hover,.table-recruitment tr:hover td,.table-recruitment tr:nth-child(2n):hover td{background-color:#f15a29;color:#fff}
.box-news,.details-text a,.news-item:before,.news-pic,.news-pic:before,.news-txt h3,.text-bidding{transition:all 0.3s ease-in-out}
.news-list:not(.first) .news-item:hover h3{color:#fff}
.news-list:not(.first) .news-item:hover:before{background-color:#f15a29}
.news-list:not(.first) .news-item:hover .news-pic{background-position:100% 100%}
.news-list:not(.first) .news-item:hover .news-pic:before{border-right:20px solid #f15a29}
.details-text a:hover{color:#444}
.news-list.first .news-item:hover:before{background-color:transparent}
.box-news:hover{background-color:#f15a29}
.box-news:hover .pic-img{background-position:100% 100%}
.bidding-news:hover .text-bidding{background-color:#f15a29;color:#fff}
.print-box>a,.share-item li{transition:all 0.3s ease-in-out}
.print-but:hover,.save-but:hover,.share-but.active,.share-but:hover{background-color:#f15a29}
.share-item li:hover a{color:#fbc012}
.share-item li:hover{border-color:#fbc012;transition-delay:0s}
.slide-pagi a{transition:all 0.3s ease-in-out}
.slide-pagi a:hover{background-color:#f15a29;color:#fff}
.slide-pagi .slide-next:hover{background-color:#f15a29;transform:translateX(5px)}
.slide-pagi .slide-prev:hover{background-color:#f15a29;transform:translateX(-5px)}
.library-pro-pic:before,.see-pic,.title-sample{transition:all 0.3s ease-in-out}
.see-pic{opacity:0}
.library-pro-pic .pic-img{transition:all 0.6s ease-in-out}
.library-pro-pic{cursor:pointer}
.library-pro-pic:hover .see-pic{top:calc(50% - 3vw);opacity:1}
.library-pro-pic:hover:before{width:100%}
.library-pro-pic:hover .pic-img{background-position:70% 70%}
.pic-sample:hover:hover .pic-img{background-position:100% 100%}
.pic-sample:hover .view-album:after{transform:rotate(90deg)}
.pic-sample:hover:hover .title-sample{background-color:#fbc012}
.item-project-pic:hover .pic-img{background-position:100% 100%}
.item-project-pic:hover .zoom:after{background-color:#fbc012}
.item-partner:before{transition:all .3s ease-in-out;content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:20px;border:5px solid #f15a29;box-shadow:inset 0 20px 50px 0 rgba(0,0,0,0.2);opacity:0}
.item-partner:hover:before{opacity:1}
.pic-library:hover .view-album:after{transform:rotate(90deg)}
.pic-library:hover .view-video:after{transform:rotate(120deg)}
.company-info li a{transition:all 0.3s ease-in-out}
.company-info li a:hover{color:#fbc012}
.close-box-map:after,.full-map,.infobox a,.zoom-control a{transition:all 0.3s ease-in-out}
.zoom-control a:hover{background-color:#fbc012}
.close-box-map:hover:after{background-color:#fbc012 !important}
.full-map:hover{background-color:#fbc012}
.infobox a:hover{color:#fbc012}}@media screen and (max-width: 540px){p{font-size:14px}.title-page{top:-30px}
.title-page h1,body.auto .title-page h1{font-size:14px}
.title-main h2{font-size:5vw}
.title-pic h3{font-size:18px}
.navigation li a{font-size:5vw}
.header.hide .logo{left:0}
.title-main,body.auto .title-main{padding:20px 5%}
.loadicon{width:56vw;height:56vw;margin:-28vw 0 0 -28vw}
.header:before{background:linear-gradient(90deg, #ef832b, #f15a29)}
.logo{top:3px;left:15px;width:100px;height:55px;margin:0}
.play-button{width:60px;height:60px;margin:-30px 0 0 -30px}
.play-button:before{width:calc(100% - 10px);height:calc(100% - 10px);top:5px;left:5px}
.item-album .view-album,.pic-library .view-album,.view-album,.view-video{width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:10px;bottom:auto;right:auto;top:50%;left:50%}
.text-banner h3,.text-project h3{font-size:32px;line-height:46px}
.bg-egg{width:120vw;height:120vw}
.box-philosophy li span{width:60px;font-size:30px;padding:20px 0}
.box-philosophy li h3{padding:0 20px 10px 70px}
.box-philosophy li p{padding:0 20px 0 70px}
.group-central[data-name=about-manager]{max-height:600px}
.group-central[data-name=about-manager] .title-main{padding:20px;text-align:center}
.rotate-item.current-item{left:25%}
.rotate-item.next{left:60%}
.rotate-item.prev{left:110%}
.rotate-item.last{left:0}
.box-name h3{font-size:13px}
.box-name strong{font-size:130%}
.rotate-nav{width:90%;bottom:50vw;left:5%}
.item-partner{width:90%;min-height:inherit}
.slide-member .slide-wrapper-outer{overflow:hidden}
.top-member{text-align:center}
.top-member img{display:block;max-width:100%;max-height:150px;margin:auto}
.top-member h3{max-width:100%;padding:0}
#project-details-page .title-page h1{padding:0 5%}
.title-page strong{font-size:6vw}
.logo-section{padding:0 0 30vw}
.logo-section .logo-project{top:-40px}
.left-content,.right-content{width:100%;padding:20px 5%}
.pic-description{width:100%;height:45vw;border-radius:0}
.box-scroll-text{width:100%;padding:0}
.two-column{-moz-column-count:1;-moz-column-gap:0;-webkit-column-count:1;-webkit-column-gap:0;column-count:1;column-gap:0;text-align:left}
.wrap-news{width:90%}
.box-news,.wrap-news .box-news:nth-child(3),.wrap-news .box-news:nth-child(4){width:100%}
.wrap-news .box-news:first-child .pic-img,.wrap-news .box-news:nth-child(2) .pic-img,.wrap-news .box-news:nth-child(3) .pic-img,.wrap-news .box-news:nth-child(4) .pic-img,.wrap-news .box-news:nth-child(5) .pic-img{height:200px}
.text-news{min-height:inherit}
.news-item{width:100%;margin:0 0 10px}
.news-list{padding:10px}
.news-pic{width:40%}
.news-txt{width:60%}
.load-news-list:before{height:60vh}
.news-relative .title-main,.print-box{text-align:left}
.bidding-news{width:100%;margin:0 0 10px}
.text-bidding h3{font-size:15px;padding:10px 20px 10px 70px}
#recruitment-page .text-intro h3{font-size:18px}
.policy-box{padding:0}
.full-width .pic-intro{width:70vw;height:70vw;border-radius:50%;margin:20px auto 0}
.full-width .pic-intro .pic-img{height:100%}
.full-width .bg-clip{height:180vw;width:100vw}
.career,.policy-box .right-content{padding:0}
.oppotunity-box{margin:30px 0}
.oppotunity-box .text-intro{border-radius:20px;margin:20px 0}
.slide-pagi{width:130px}
}@media screen and (max-width: 440px){.title-page h1{font-size:14px}
.title-main h2{font-size:6vw}
.title-main h2:after{margin:10px auto}
.text-intro h3{font-size:16px}
.company-info h3,.group-central[data-name=contact] .company-info h3{font-size:7vw}
.slide-library .pic-library{height:50vh;min-height:300px;max-width:450px}}@media screen and (max-width: 380px){.rotate-item.current-item{left:18%}
.rotate-item.next{left:60%}
.rotate-item.last{left:-10%}
.box-name{left:35%}}@media only screen and (max-width: 1100px) and (orientation: landscape){.group-central[data-name=about-manager]{height:100vh;max-height:650px}
.rotate-item img{height:65vw}
.box-name{left:45%;top:30%}}@media only screen and (max-width: 1100px) and (orientation: portrait){.group-central[data-name=about-manager]{height:100vh;max-height:650px;overflow:hidden}
.rotate-item img{height:85vh;max-height:600px}
.box-name{left:30%;top:50%}}@media screen and (max-width: 900px) and (orientation: landscape){.group-central[data-name=about-manager] .title-main{padding:20px 10vw 20px 20px;text-align:right}}@media screen and (max-width: 900px){.item-contact,.item-recruitment{min-height:190px}
.company-info li{display:block;margin:0 0 20px}
.item-partner{width:48%;min-height:inherit}}@media screen and (max-width: 780px){.title-main h2{font-size:4vw}
.title-pic h3{font-size:20px}
.navigation li a{font-size:4vw}
.copy-right a{display:block}
.footer .copy-right{line-height:16px}
.input-area,.input-but,.input-text,.input-text:nth-child(6){width:100%}
.input-but{margin:20px 0 30px}
.input-but button:after{width:calc(100% + 10px);height:calc(100% + 10px);left:-5px;top:-5px;transition:none}
.item-member{width:100%}
.item-member img{display:block;margin:auto}
.item-member h3{display:block;font-size:16px}
.item-contact,.item-recruitment{min-height:inherit;width:100%;display:block}
.item-recruitment{margin:10px 0 0;padding:20px 20px 40px 105px}
.item-contact:before{display:none}
.company-info{text-align:center}
.company-info li{margin:0 0 10px}
.company-info li:before{position:relative;left:auto;top:auto;margin:0;display:inline-block;vertical-align:middle}
.company-info h3{font-size:5vw}
.company-info h3:after{margin:20px auto}
.company-info li a,.company-info li p{font-size:15px;display:inline-block;padding:0 10px;vertical-align:middle}
.item-recruitment .view-more{position:relative;left:auto;bottom:auto;margin:20px 0 0}
.logo-section .logo-project{width:180px;margin:0 0 0 -90px}
.slide-four{width:90%;margin:auto;background-color:transparent}
.item-project-pic,.pic-sample{height:50.625vw}
.product-project .left-content,.product-project .right-content{width:100%}
.box-scroll-text .scrollB{height:auto;padding:0 !important;overflow-y:visible !important}
.box-scroll-text{width:90%;height:auto;min-height:inherit;background-color:transparent;padding:20px 5%;margIn:auto}
.pic-pro{height:56.25vw;min-height:inherit}
.news-list-padding{padding:0}
.wrap-news{height:auto;max-width:700px}
.box-news{width:calc(50% - 3px);margin:0}
.wrap-news .box-news:first-child{height:auto;width:100%;margin:0 0 3px}
.wrap-news .box-news:nth-child(2),.wrap-news .box-news:nth-child(3),.wrap-news .box-news:nth-child(4),.wrap-news .box-news:nth-child(5){height:auto}
.wrap-news .box-news:nth-child(3),.wrap-news .box-news:nth-child(4){width:calc(50% - 3px);height:auto}
.wrap-news .box-news:nth-child(4),.wrap-news .box-news:nth-child(5){margin:0}
.wrap-news .box-news:nth-child(3) .pic-img,.wrap-news .box-news:nth-child(4) .pic-img{width:100%;float:none}
.wrap-news .box-news:nth-child(2) .pic-img,.wrap-news .box-news:nth-child(3) .pic-img,.wrap-news .box-news:nth-child(4) .pic-img,.wrap-news .box-news:nth-child(5) .pic-img{height:220px}
.wrap-news .box-news:nth-child(3) .text-news,.wrap-news .box-news:nth-child(4) .text-news{width:100%;float:none;height:auto}
.wrap-news .box-news:nth-child(4){text-align:left}
.wrap-news .box-news:nth-child(2),.wrap-news .box-news:nth-child(4){margin:3px 6px 3px 0}
.wrap-news .box-news:nth-child(3),.wrap-news .box-news:nth-child(5){margin:3px 0}
.text-news:after,.text-news:before{display:none}
.text-news{min-height:90px}
.text-news h3{display:block}
.text-news h3,.wrap-news .box-news:nth-child(2) .text-news h3,.wrap-news .box-news:nth-child(3) .text-news h3,.wrap-news .box-news:nth-child(4) .text-news h3,.wrap-news .box-news:nth-child(5) .text-news h3{max-height:inherit}
.load-details .wrap-content{width:100%}
.load-title h3{font-size:18px;padding:0 5% 20px}
.load-text{padding:0 5% 5%;box-shadow:none}
.single__header__meta{padding-left:5% !important}
.news-list{padding:20px 10px 0}
.table-recruitment td{background-color:#eee}
.table-recruitment th{display:none}
.table-recruitment tr:last-child{margin:0}
.table-recruitment td:nth-child(2),.table-recruitment td:nth-child(4){text-align:right}
.table-recruitment td{border-bottom:1px solid #f15a29;border-bottom-style:dotted;background-color:#fff;display:block;text-align:right;padding:20px 10px 20px 130px;position:relative}
.table-recruitment td:before{content:attr(data-label);float:left;font-size:12px;color:#888;font-weight:700;position:absolute;left:10px;top:50%;margin:-8px 0 0}
.table-recruitment td:first-child{background-color:#007edf !important;color:#fff !important;font-size:18px;padding:10px}
.table-recruitment td:first-child:before{color:#fff}
.status.hot{display:inline-block}
.text-banner{left:0}}@media screen and (max-width: 670px){.captcha{width:110px}
.hotline{position:fixed;top:auto;bottom:30px;left:10px;margin:0}
.hotline,.hotline svg{height:50px;width:50px}
.hotline span{display:none}
.hotline:after{width:100%;height:100%;background:linear-gradient(145deg, #fbc012, #ff8c00 50%, #fbc012);background-size:300% 300%;border:none;animation:BorderBox 3s infinite;z-index:-1}
.list-business h3{font-size:16px;padding:10px}
.list-business li{padding:20px}
.box-project-home{margin-bottom:10px}
.box-project-home:last-child{margin:0}
.box-project-home .pic-project{width:100%;height:50.625vw;float:none}
.box-project-home .text-project{width:100%}
.box-project-home:first-child .text-project,.box-project-home:nth-child(2) .text-project{float:none;padding:15px;background-color:#eda82e}
.box-project-home:nth-child(2) .pic-project{position:absolute;top:0;left:0}
.box-project-home:nth-child(2) .text-project{margin-top:50.625vw}
.project-location p{height:auto}
.box-contact .company-info li{margin:10px 0}
.col-news-home{float:none}
.col-news-home,.col-news-home:last-child{width:100%;padding:0}
.item-video{margin:0}
.item-news{width:100%;float:none;padding:0}
.txt-news{position:relative;display:block;bottom:auto;left:auto;padding:5px 60px 5px 20px}
.item-album{margin:10px 0 0}
.item-album .pic-img,.item-news .pic-img,.item-video .pic-img{height:auto}
.txt-news:after{top:5px;right:5px;width:40px;height:40px}
.txt-news:before{width:50px}
.group-central[data-name=enviroment] .content-center{width:100%;box-sizing:content-box;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.group-central[data-name=enviroment] .text-intro{width:100%;display:block;padding:0 5%;order:2}
.group-central[data-name=enviroment] .pic-intro{width:100%;display:block;order:1}
.pic-circle{position:relative;right:auto;top:auto;border-radius:0;display:block;margin:0 0 20px}
.pic-circle,.pic-circle img{width:100%;height:auto}
.pic-circle:after{display:none}
.text-intro li:before{font-size:6vw}
.text-intro li>p{padding:0 0 0 8vw}
.group-central[data-name=project] .text-intro{text-align:center}
.group-central[data-name=project] .logo-project{float:none;width:auto}
.title-project{display:block;width:100%;padding:0;text-align:center}
.pic-sample{max-height:300px}
.title-sample{right:10px;bottom:10px}
.title-sample h3{font-size:13px}
.box-scroll-text h3,.box-scroll-text p{font-size:14px;margin:3px 0}}@media (max-width: 540px){.item-news-home:nth-child(1){width:100%;margin:0 0 10px}.box-news{width:100%}.pic-news-home{width:100%;float:left;overflow:hidden}.txt-news-home{width:100%;padding:15px 10px !important}.txt-news-home h3{font-size:13px;font-weight:500;display:block;margin-bottom:15px}.item-news-home:nth-child(2),.item-news-home:nth-child(3){width:50%;margin:0 0 10px}.item-news-home:nth-child(2) .pic-news-home,.item-news-home:nth-child(2) .txt-news-home,.item-news-home:nth-child(3) .pic-news-home,.item-news-home:nth-child(3) .txt-news-home{width:100%}.item-news-home:nth-child(2){padding-right:5px}.item-news-home:nth-child(3){padding-left:5px}}