@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap);
@import url(kyicon/style.css);
@import url(color.css);
@import url(text.css);
@import url(title.css);
@import url(button.css);
[data-dsn=rStories].work-masonry .story-item:before,[data-overlay]:before{content:'';position:absolute;background:rgba(0,0,0,.3);width:100%;height:100%;top:0;left:0;z-index:0}
[data-overlay="0"]:before{opacity:0}
[data-overlay="1"]:before{opacity:0.1}
[data-overlay="2"]:before{opacity:0.2}
[data-overlay="3"]:before{opacity:0.3}
[data-overlay="4"]:before{opacity:0.4}
[data-overlay="5"]:before{opacity:0.5}
[data-overlay="6"]:before{opacity:0.6}
[data-overlay="7"]:before{opacity:0.7}
[data-overlay="8"]:before{opacity:0.8}
[data-overlay="9"]:before{opacity:0.9}
[data-overlay="10"]:before{opacity:1}
/* content */
.cover-bg{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}
.v-middle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.v-middle-horizontal{position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}
.v-middle-vertical{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}
.background-main{background-color:#000}
.v-light:not(.no-light) .background-main{background-color:#f9f9f9}
.background-section{background-color:#ffffff}
.v-light:not(.no-light) .background-section{background-color:#f9f9f9}
.v-light:not(.no-light) .background-white{background-color:#ffffff}
.v-light:not(.no-light) .background-purple{background-color:#7278af}
.v-light:not(.no-light) .background-purpledark{background-color:#9C6AA9}
.v-light:not(.no-light) .background-blue{background-color:#275b95}
.background-theme{background-color:#8cbb84;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color}
.v-light:not(.no-light) .background-theme{background-color:#d90a2c}
.theme-color{color:#8cbb84}
.fb{color:#3b5999}
.tw{color:#55acee}
.linked{color:#0077b5}
.font-color-purple{color:#9c6aa9}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
*{-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
html{-webkit-text-size-adjust:100%}
body{margin:0}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none;max-width:100%;height:auto;vertical-align:middle}
iframe{border:none}
button,input,optgroup,select,textarea{font-family:inherit;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background:inherit;border:none}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0.35em 0.75em 0.625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
button,input,optgroup,select,textarea{text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{color:#fff;font-weight:400;line-height:1.2;font-family:"Jost","Roboto","Microsoft JhengHei";margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.v-light:not(.no-light) h1,.v-light:not(.no-light) h2,.v-light:not(.no-light) h3,.v-light:not(.no-light) h4,.v-light:not(.no-light) h5,.v-light:not(.no-light) h6{color:#275b95}
h1{font-size:55px}
h2{font-size:40px}
h3{font-size:35px}
h4{font-size:30px}
h5{font-size:15px}
h6{font-size:18px}
p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;font-size:18px;line-height:1.8}
cite,dfn,em,i{font-style:italic}
a,span{display:inline-block;color:inherit}
blockquote cite{font-style:normal;font-family:"Roboto","Microsoft JhengHei"}
pre{font-family:"Jost","Roboto","Microsoft JhengHei";overflow:auto}
code,kbd,tt,var{font-family:"Jost","Roboto","Microsoft JhengHei"}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
ins,mark{background:#fff9c0;text-decoration:none}
big{font-size:125%}
a{text-decoration:none}
a:hover{text-decoration:none}
a:focus{text-decoration:underline}
html{font-size:15px}
body{background-color:#275b95;line-height:1.2;color:rgba(255, 255, 255, 0.69);font-family:'Roboto','Noto Sans TC','微軟正黑體',sans-serif;font-weight:400;margin:0;text-rendering:optimizeLegibility;-webkit-transition:2000ms;-o-transition:2000ms;transition:2000ms;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color}
body.dsn-mobile{overflow-y:auto}
body.v-light:not(.no-light){color:#0009;background-color:#9c6aa9}
body.v-light.contentpage{color:#666666;background-color:#fff}
body.v-light.contentpage .wrapper{background-color:#fff}
body.v-light.contentpage .site-header.haslogointro .inner-header .main-logo{visibility:visible;opacity:1}
.main-root{position:relative}
.btn-play-inner-small svg{width:45px;height:45px}
.btn-play-inner-small svg .circle,.btn-play-inner-small svg .stroke{fill:none;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10}
.btn-play-inner-small svg .stroke{stroke:rgba(255, 255, 255, 0.3)}
.btn-play-inner-small svg .circle{stroke:#fff;stroke-dashoffset:700;stroke-dasharray:700;stroke-linecap:butt;-webkit-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}
.btn-play-inner-small svg g{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5)}
.btn-play-inner-small:hover .circle{stroke-dashoffset:0;stroke-dasharray:700;-webkit-transition:all 2s cubic-bezier(0.46, 0.08, 0.12, 0.91);-o-transition:all 2s cubic-bezier(0.46, 0.08, 0.12, 0.91);transition:all 2s cubic-bezier(0.46, 0.08, 0.12, 0.91)}
.section-padding{padding-top:120px;padding-bottom:120px}
@media only screen and (max-width:991px){
.section-padding{padding-top:80px;padding-bottom:80px}
}
.mt-0{margin-top:0!important}
.mb-0{margin-bottom:0!important}
.pt-0{padding-top:0!important}
.pb-0{padding-bottom:0!important}
.mt-10{margin-top:10px!important}
.mb-10{margin-bottom:10px!important}
.pt-10{padding-top:10px!important}
.pb-10{padding-bottom:10px!important}
.mt-30{margin-top:30px!important}
.mb-30{margin-bottom:30px!important}
.pt-30{padding-top:30px!important}
.pb-30{padding-bottom:30px!important}
.section-margin{margin-top:120px;margin-bottom:120px}
@media only screen and (max-width:991px){
.section-margin{margin-top:80px;margin-bottom:80px}
}
.mt-section{margin-top:70px}
@media only screen and (max-width:991px){
.mt-section{margin-top:80px}
}
.mb-section{margin-bottom:120px}
@media only screen and (max-width:991px){
.mb-section{margin-bottom:80px}
}
.pt-section{padding-top:120px}
@media only screen and (max-width:991px){
.pt-section{padding-top:80px}
}
.pb-section{padding-bottom:120px}
@media only screen and (max-width:991px){
.pb-section{padding-bottom:80px}
}
.section-title{position:relative;margin-bottom:70px;padding-top:30px}
@media only screen and (max-width:991px){
.section-title{margin-bottom:50px}
}
@media only screen and (max-width:767px){
.section-title{margin-bottom:40px;padding-top:10px}
}
.section-title.section-title-color span{color:#fff}
.section-title span{position:absolute;width:100px;top:0;line-height:0.8;font-size:90px;font-weight:100;color:#8cbb84;font-family:"Roboto","Microsoft JhengHei"}
.v-light:not(.no-light) .section-title span{color:#d90a2c}
@media only screen and (max-width:767px){
.section-title span{width:62px;font-size:60px}
}
.section-title h2{position:relative;background-color:#000;font-size:42px;font-weight:700;letter-spacing:0px;text-transform:uppercase;-webkit-transition:100ms;-o-transition:100ms;transition:100ms;-webkit-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color}
.v-light:not(.no-light) .section-title h2{background-color:#f9f9f9}
@media only screen and (max-width:767px){
.section-title h2{font-size:32px;letter-spacing:0}
}
.section-title.no-bg h2{background-color:transparent}
.section-title p{margin-left:100px;text-transform:uppercase;letter-spacing:0px}
@media only screen and (max-width:767px){
.section-title p{margin-left:65px;letter-spacing:0}
}
.section-title.text-center{padding:0}
.section-title.text-center span{display:none}
.section-title.text-center p{margin-left:0}
.section-title-2{position:relative;margin-bottom:70px}
@media only screen and (max-width:991px){
.section-title-2{margin-bottom:50px}
}
@media only screen and (max-width:767px){
.section-title-2{margin-bottom:40px;padding-top:10px}
}
.section-title-2 h2{position:relative;font-size:42px;font-weight:700;letter-spacing:0px;text-transform:uppercase;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}
#MixGallery .section-title-2 h2,#GalleryAlbum .section-title-2 h2,#GalleryAlbum .section-title-2 p{color:#ffffff!important}
.v-light .box-gallery-vertical .vertical-title h2{color:#000}
@media only screen and (max-width:767px){
.section-title-2 h2{font-size:32px;letter-spacing:0}
}
.section-title-2 p{position:relative;font-size:16px;letter-spacing:0px;padding-left:70px}
.section-title-2 p:after,.section-title-2 p:before{content:'';position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.section-title-2 p:after{width:6px;height:6px;background-color:#fff;border-radius:50%}
.v-light:not(.no-light) .section-title-2 p:after{background-color:#000}
.section-title-2 p:before{width:60px;height:1px;background:-webkit-gradient(linear, left top, right top, color-stop(0, #eeeeee), color-stop(35%, #bababa), color-stop(65%, #999), to(#212121));background:-webkit-linear-gradient(left, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);background:-o-linear-gradient(left, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);background:linear-gradient(to right, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%)}
@media only screen and (max-width:767px){
.section-title-2 p{letter-spacing:0}
}
.section-title-2.text-center{padding:0}
.section-title-2.text-center span{display:none}
.section-title-2.text-center p{margin-left:0}
.subtitle{position:relative;padding-left:15px;font-size:22px;text-transform:uppercase;letter-spacing:0px;margin-bottom:30px}
.subtitle:after{content:"";position:absolute;top:50%;left:0;width:8px;height:4px;background-color:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.header-scale-hero{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
.img-box-parallax .title-popup{display:none;-webkit-transform:translate(-50%, -90px);-ms-transform:translate(-50%, -90px);transform:translate(-50%, -90px)}
.img-box-parallax:hover .title-popup{display:block}
.cursor{position:fixed;top:43%;left:48%;width:76px;height:76px;z-index:999999;pointer-events:none;background-color:#275b95;border-radius:50%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;-o-transition:transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s;-webkit-transform:scale(0.3) translate(-50%, -50%);-ms-transform:scale(0.3) translate(-50%, -50%);transform:scale(0.3) translate(-50%, -50%);mix-blend-mode:color-burn}
.cursor.cursor-scale-full,.mfp-zoom-out-cur .cursor{-webkit-transform:scale(1.2) translate(-50%, -50%);-ms-transform:scale(1.2) translate(-50%, -50%);transform:scale(1.2) translate(-50%, -50%)}
.cursor.cursor-scale-full span,.mfp-zoom-out-cur .cursor span{color:#000}
.cursor.cursor-scale-half{-webkit-transform:scale(1) translate(-50%, -50%);-ms-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);mix-blend-mode:unset;background:url(../img/deco/blueberry.png) no-repeat}
.cursor.cursor-scale-half span{color:#fff}
.cursor.cursor-drag .cursor-next,.cursor.cursor-drag .cursor-prev{position:absolute;top:0;right:-25px}
.cursor.cursor-drag .cursor-prev{right:auto;left:-25px}
.cursor.cursor-drag.no-drag{mix-blend-mode:exclusion;color:#fff}
.cursor.cursor-drag.no-drag .cursor-drag,.cursor.cursor-drag.no-drag .cursor-next,.cursor.cursor-drag.no-drag .cursor-prev{display:none}
.cursor.cursor-drag.cursor-up-down .cursor-next,.cursor.cursor-drag.cursor-up-down .cursor-prev{position:absolute;top:-50px;right:auto;left:33px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.cursor.cursor-drag.cursor-up-down .cursor-prev{top:auto;bottom:-50px}
.cursor.cursor-drag.no-drag{mix-blend-mode:exclusion;background-color:#fff}
.cursor.cursor-drag.no-drag .cursor-drag,.cursor.cursor-drag.no-drag .cursor-next,.cursor.cursor-drag.no-drag .cursor-prev{display:none}
@media only screen and (max-width:991px){
.cursor{display:none}
}
.cursor .cursor-helper{position:absolute;border-radius:50%;width:100%;text-align:center}
.cursor .cursor-helper span{line-height:76px;font-size:12px;font-weight:bold;text-shadow:20px 20px 20px #000;display:none}
.cursor.cursor-view span.cursor-view{display:block}
.cursor.cursor-close span.cursor-close{display:block}
.cursor.cursor-play span.cursor-play{display:block}
.cursor.cursor-open span.cursor-open{display:block}
.cursor.cursor-prev span.cursor-prev{display:block}
.cursor.cursor-next span.cursor-next{display:block}
.cursor.cursor-drag span.cursor-drag{display:block}
.dsn-ajax-effect:not(.dsn-cursor-effect) .cursor{left:auto;top:auto;right:10px;bottom:10px;-webkit-transform:scale(0.3) translate(-50%, -50%);-ms-transform:scale(0.3) translate(-50%, -50%);transform:scale(0.3) translate(-50%, -50%);mix-blend-mode:unset}
.dsn-ajax-effect .cursor{display:inherit !important;-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transform:scale(0.3);mix-blend-mode:unset}
.dsn-ajax-effect .cursor:after{content:"";position:absolute;width:100px;height:109px;border-radius:50%;left:-9px;top:-15px;border-top:5px solid #fff;-webkit-animation-name:animate-load;animation-name:animate-load;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.cursor.no-scale{-webkit-transform:scale(0) translate(-50%, -50%);-ms-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%)}
@-webkit-keyframes animate-load{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes animate-load{
0%{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes animate-load{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.dsn-arrow{position:relative}
.dsn-arrow [data-cursor]:not(.slick-slider){position:absolute;width:25%;height:100%;top:0;left:0;z-index:1;cursor:pointer}
.dsn-arrow.our-work [data-cursor]:not(.slick-slider){height:60%}
.dsn-arrow [data-cursor=next]:not(.slick-slider){right:0;left:auto}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:#275b95}
.preloader .preloader-before{top:0}
.preloader .preloader-after{bottom:0}
.preloader .percent{position:absolute;font-weight:700;letter-spacing:0px;font-size:16px;color:#fff;bottom:-25px;left:45%}
.preloader .title{width:-webkit-max-content;width:-moz-max-content;width:max-content;line-height:0.9;letter-spacing:0px}
.preloader .title .text-strok{color:transparent;-webkit-text-stroke:1px #fff}
.preloader .title .text-fill{color:#fff;position:absolute;left:0;-webkit-clip-path:inset(100.09% 0% 0% 0%);clip-path:inset(100.09% 0% 0% 0%)}
.preloader .preloader-bar{position:absolute;width:100%;height:5px;top:0;background:#8cbb84}
.preloader .preloader-bar .preloader-progress{width:0;height:100%;background:#9c6aa9}
.view-demo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;height:100vh;position:relative;z-index:1}
.logo-intro{position:absolute;left:50%;top:8%;margin-left:-138px;z-index:999}
.logo-intro img{width:100%}
@media only screen and (max-width:991px){
.view-demo{display:block}
}
.view-demo .half-left,.view-demo .half-right{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;text-align:center;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.view-demo .half-left a,.view-demo .half-right a{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.view-demo .half-left a img,.view-demo .half-right a img{margin:auto;width:70%;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-box-shadow:0 0 0 1px #ebebeb;box-shadow:0 0 0 1px #ebebeb;border-radius:4px}
.view-demo .half-left a:hover img,.view-demo .half-right a:hover img{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
.view-demo .half-left h4,.view-demo .half-right h4{font-size:18px;font-weight:600;letter-spacing:0px;text-transform:uppercase;margin-top:20px}
.view-demo .half-left h4.text-dark,.view-demo .half-right h4.text-dark{color:#333}
@media only screen and (max-width:991px){
.view-demo .half-left h4.text-dark,.view-demo .half-right h4.text-dark{color:#fff}
}
@media only screen and (max-width:991px){
.view-demo .half-left,.view-demo .half-right{width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:60px 15px}
.view-demo .half-left a img,.view-demo .half-right a img{-webkit-box-shadow:0 0 0 1px #161515;box-shadow:0 0 0 1px #161515}
}
.view-demo .overlay-bg{position:fixed;top:0;left:0;right:0;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:-1}
@media only screen and (max-width:991px){
.view-demo .overlay-bg{display:none}
}
.view-demo .overlay-bg div{width:50%;height:100%}
.view-demo .overlay-bg .black{background-color:#110f10}
.view-demo .overlay-bg .white{background-color:#fff}
.margin-lr-0{margin-right:0px;margin-left:0px}
.margin-lr-100{margin-right:100px;margin-left:100px}
@media only screen and (max-width:991px){
.margin-lr-100{margin-right:50px;margin-left:50px}
}
@media only screen and (max-width:767px){
.margin-lr-100{margin-right:30px;margin-left:30px}
}
@media only screen and (max-width:575px){
.margin-lr-100{margin-right:15px;margin-left:15px}
}
.slick-dots{text-align:center;margin-top:20px}
.slick-dots li{display:inline-block;margin:0 5px;line-height:1px}
.slick-dots li button{position:relative;background-color:#8cbb84;width:15px;height:2px;font-size:0;opacity:0.5}
.slick-dots li.slick-active button{opacity:1}
.pointer-events{pointer-events:none}
@media only screen and (max-width:991px){
.header-project .intro-project,.main-slider .dsn-slider-content .slide-content,.next-project .next-inner,.pl-container{padding-left:15px;padding-right:15px}
}
.animation-rotate img{-webkit-animation:rotate 15s linear infinite;animation:rotate 15s linear infinite}
.social-network-box{width:95vh;position:absolute;left:40px;bottom:0;color:#fff;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;z-index:3}
@media only screen and (max-width:575px){
.social-network-box{display:none}
}
.social-network-box.social-network-box_right{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);left:auto;right:40px;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
.social-network-box .social-network ul li{display:inline-block;margin-right:20px;padding:0;list-style:none;overflow:hidden}
.social-network-box .social-network ul li:last-of-type{margin-right:0}
@media only screen and (max-width:991px){
.social-network-box{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);left:auto;right:40px;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
}
a.link-hover{color:#fff;display:inline-block;letter-spacing:1px;font-size:13px;font-family:"Roboto","Microsoft JhengHei";font-weight:400;position:relative;text-transform:uppercase;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}
a.link-hover:before{content:attr(data-hover-text);position:absolute;left:0;top:100%;color:#fff}
a.link-hover:hover{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);text-decoration:none}
.link-vist{left:30px;bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px}
@media only screen and (max-width:767px){
.link-vist{margin-top:20px}
}
.link-vist .link-vist-text{position:relative;font-size:12px;font-weight:400;letter-spacing:0px;color:#fff;text-transform:uppercase;padding-bottom:3px;font-family:"Roboto","Microsoft JhengHei"}
.link-vist .link-vist-text:before{content:"";display:block;position:absolute;height:1px;width:100%;background:#fff;bottom:1px;left:0;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;transition:transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.link-vist .link-vist-arrow{margin-left:10px}
.link-vist .link-vist-arrow svg{width:20px;height:20px;-webkit-transition:all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);-o-transition:all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);transition:all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14)}
.link-vist .link-vist-arrow svg *{fill:none;stroke:#fff;stroke-width:2px}
.link-vist:hover .link-vist-text:before{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.link-vist:hover .link-vist-arrow svg{-webkit-transform:translate(10px, -10px);-ms-transform:translate(10px, -10px);transform:translate(10px, -10px);opacity:0}
.scroll-to-top{position:fixed;right:-100px;bottom:60px;width:70px;height:70px;z-index:99;cursor:pointer}
.scroll-to-top .box-numper{position:absolute;top:50%;left:50%;width:40px;height:40px;line-height:35px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;color:#fff}
.v-light:not(.no-light) .scroll-to-top .box-numper{color:#000}
.scroll-to-top .box-numper span{font-size:12px}
.scroll-to-top img{width:65px}
.v-light:not(.no-light) .scroll-to-top img,.scroll-to-top img{-webkit-filter:invert(1);filter:invert(1)}
.v-light:not(.no-light) .scroll-to-top .socialmedia img,.scroll-to-top .socialmedia img{-webkit-filter:invert(0);filter:invert(0);width:49px}
.v-light:not(.no-light) .scroll-to-top .socialmedia,.scroll-to-top .socialmedia{text-align:center;position:absolute;top:-70px;left:5px}
.scroll-d{right:30px;bottom:40px;cursor:pointer;z-index:2}
.scroll-d img{width:60px}
.v-light:not(.no-light) .scroll-d img{-webkit-filter:invert(1);filter:invert(1)}
.shap-section{position:absolute;bottom:20px;right:20px;width:190px}
.shap-section img{opacity:0.15}
.container-fluid.no-padding,.container.no-padding,.header-project .no-padding.link-vist{padding-left:0;padding-right:0}
.bg-section{top:0;bottom:0}
.w-100{width:100%}
.w-auto{width:auto}
.w-100-v{width:100vh}
.h-100{height:100%}
.h-100-v{height:100vh}
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.a-item-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.text-right{text-align:right}
.text-center{text-align:center}
.d-block{display:block}
.d-inline-block{display:inline-block}
.alignfull{position:relative;width:calc(100vw - 8px);left:50%;margin-left:-50vw}
.dsn-effect-scroll .alignfull{width:100vw}
.fw-blod{font-weight:bold}
.over-hidden{overflow:hidden}
.hidden{opacity:0;visibility:hidden;position:absolute!important;left:-9999em}
.before-z-index:before{z-index:1}
.fw-600{font-weight:600}
.m-auto{margin-left:auto;margin-right:auto}
.mt-30{margin-top:30px}
.mb-30{margin-bottom:30px}
.p-0{padding:0}
.box-after{position:relative;margin-bottom:5px}
.box-after:after{content:"";position:absolute;width:calc(100% - 20px);height:100%;display:block;background:#8cbb84;bottom:-5px;left:10px;z-index:-1}
@media only screen and (max-width:991px){
.container,.header-project .link-vist{max-width:100%/* padding-right: 50px;
		padding-left: 50px */}
}
@media only screen and (max-width:767px){
.container,.header-project .link-vist{padding-right:30px;padding-left:30px}
}
@media only screen and (max-width:575px){
.container,.header-project .link-vist{padding-right:15px;padding-left:15px}
}
.custom-container{width:120%}
@media only screen and (max-width:400px){
.custom-container{width:100%}
}
.content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
.icon-lg{vertical-align:middle;font-size:42px}
.title{position:relative;color:#fff;font-family:"Jost","Roboto","Microsoft JhengHei";font-size:65px;font-weight:700;line-height:1;letter-spacing:0px}
@media only screen and (min-width:1600px){
.title{font-size:76px}
}
@media only screen and (max-width:991px){
.title{font-size:65px}
}
@media only screen and (max-width:767px){
.title{font-size:55px}
}
@media only screen and (max-width:575px){
.title{font-size:45px;line-height:1.2}
}
@media only screen and (max-width:400px){
.title{font-size:40px}
}
.text-underline{border-bottom:1px solid rgba(255, 255, 255, 0.4);padding-bottom:2px}
.metas{font-size:16px;color:#8cbb84;margin-bottom:25px}
.v-light:not(.no-light) .metas{color:#d90a2c}
.metas.meta-personal span{background-color:rgba(9, 9, 9, 0.5);padding:5px 15px;color:#fff}
.metas span{position:relative;font-size:14px;font-weight:700;text-transform:uppercase;color:#8cbb84;letter-spacing:0px}
.v-light:not(.no-light) .metas span{color:#aee7a5}
.metas span:after{content:",";position:relative;color:#fff;font-size:13px}
.metas span:last-of-type:after{display:none}
.title-h2{font-size:38px;margin-bottom:30px;letter-spacing:0px;line-height:1.4em}
.title-h3{font-size:28px;margin-bottom:30px;letter-spacing:0px;line-height:1.4em}
.nobefore:before,.nobefore:after{display:none}
.section-title-2 p.nobefore{padding-left:0px;margin-top:30px;line-height:1.7em;font-weight:700}
@media only screen and (max-width:991px){
.title-h2{font-size:35px;margin-bottom:20px;line-height:inherit}
}
@media only screen and (max-width:767px){
.title-h2{font-size:25px}
}
.title-block{position:relative;letter-spacing:0px;font-size:22px;font-weight:600;text-transform:uppercase;margin-bottom:20px}
@media only screen and (max-width:767px){
.title-block{margin-bottom:15px}
}
.sub-text-header{margin-top:25px}
.sub-text-header h5{font-weight:600;font-size:15px;letter-spacing:0px;line-height:24px;display:inline-block}
.sm-title-block{position:relative;letter-spacing:0px;font-size:24px;font-weight:600;margin-bottom:20px}
@media only screen and (max-width:991px){
.sm-title-block{margin-bottom:15px}
}
.p-larg{max-width:980px;font-size:18px;font-weight:400;line-height:1.6}
.dsn-video{-o-object-fit:cover;object-fit:cover;z-index:-20 !important;width:100%;height:100%}
[data-dsn=video]{width:100%;height:100%}
.p-relative{position:relative}
.p-absolute{position:absolute}
.scrool-down{width:140px;height:140px;-webkit-transform:scaleX(1.2);-ms-transform:scaleX(1.2);transform:scaleX(1.2);overflow:hidden;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;z-index:3;position:absolute;bottom:0;right:0;cursor:pointer}
.scrool-down a{z-index:3}
.scrool-down a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:99em;border-top:2px solid #555;border-right:2px solid #555;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;-webkit-transform:translateY(75%) rotate(-45deg);-ms-transform:translateY(75%) rotate(-45deg);transform:translateY(75%) rotate(-45deg);will-change:transform;cursor:pointer}
.scrool-down a:after{content:"";width:10px;height:10px;border:2px solid currentColor;position:absolute;left:0;right:0;bottom:15px;border-top:0;border-left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin:0 auto;-webkit-transition:0.2s ease;-o-transition:0.2s ease;transition:0.2s ease}
.background-box{background-color:#8cbb84;color:#000;font-weight:700}
.color-white{color:#fff}
.overflow-hidden{overflow:hidden}
.user-no-selection{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.user-no-selection::-moz-selection{background:none;color:inherit}
.user-no-selection::selection{background:none;color:inherit}
[data-dsn=rStories].work-masonry .story-item:before .transform-3d,[data-overlay] .transform-3d{position:relative;z-index:-1}
.cover-bg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.no-shadow,.service .services-item{-webkit-box-shadow:none;box-shadow:none}
.transform-3d{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.p-fixed{position:fixed;width:100%;height:100%;left:0;top:0}
.day-night{position:fixed;z-index:99999;top:23px;left:10px;width:30px;height:30px;cursor:pointer}
.admin-bar .day-night{top:74px}
@media screen and (min-width:783px){
.admin-bar .day-night{top:60px}
}
@media only screen and (max-width:767px){
.day-night{left:150px;display:none}
}
.day-night .moon,.day-night .night{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-transition:opacity 0.8s;-o-transition:opacity 0.8s;transition:opacity 0.8s;border-radius:100%;opacity:0}
.day-night .moon svg,.day-night .night svg{width:100%;height:100%}
.day-night .night{border:1px solid rgba(255, 255, 255, 0.18);background-color:#fff;opacity:1}
.day-night .night svg{fill:#000;width:100%;height:100%}
.day-night .moon{border:1px solid rgba(255, 255, 255, 0.18);background-color:#000;opacity:0}
.day-night .moon svg{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);fill:#f0f0f0}
.v-light:not(.no-light) .day-night .night{opacity:0}
.v-light:not(.no-light) .day-night .moon{opacity:1}
.dsn-ajax-loader{position:fixed;width:100%;height:100%;top:0;left:0}
.dsn-ajax-loader:not(.dsn-ajax-normal){visibility:hidden;opacity:0;z-index:999}
.dsn-ajax-loader.dsn-ajax-normal{background-color:#1b1b1b;z-index:900199;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.embed-3d-dimensions{max-width:100%;height:80vh}
.embed-3d-dimensions .overlay-3d-dimensions{-webkit-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;color:#8cbb84}
.embed-3d-dimensions .overlay-3d-dimensions .button-action{cursor:pointer;background-color:#000;width:70px;height:70px;border-radius:50%}
.embed-3d-dimensions .overlay-3d-dimensions i{font-size:50px}
.embed-3d-dimensions .overlay-3d-dimensions .action-key{-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;left:10px;top:10px}
.embed-3d-dimensions .overlay-3d-dimensions .key-on{opacity:1;z-index:1}
.embed-3d-dimensions .overlay-3d-dimensions .key-off{opacity:0;z-index:0}
.embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions{width:100px;height:100px;top:0;left:0}
.embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions:before{display:none}
.embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions .key-off{opacity:1;z-index:1}
.embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions .key-on{opacity:0;z-index:0}
.embed-3d-dimensions iframe{border:none;max-width:100%}
.dsn-ajax-effect{overflow:hidden !important}
.dsn-ajax-loader .title{color:#fff !important}
.dsn-z-index-2{z-index:2}
.mfp-with-zoom.mfp-bg,.mfp-with-zoom .mfp-container{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:0.8}
.mfp-with-zoom.mfp-removing.mfp-bg,.mfp-with-zoom.mfp-removing .mfp-container{opacity:0}
.form-box input::-webkit-input-placeholder,.form-box textarea::-webkit-input-placeholder,.form-control::-webkit-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#eee}
.form-box input:-ms-input-placeholder,.form-box textarea:-ms-input-placeholder,.form-control:-ms-input-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#eee}
.form-box input::-ms-input-placeholder,.form-box textarea::-ms-input-placeholder,.form-control::-ms-input-placeholder,input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#eee}
.form-box input::placeholder,.form-box textarea::placeholder,.form-control::placeholder,input::placeholder,textarea::placeholder{color:#eee}
.v-light:not(.no-light) .form-box input::-webkit-input-placeholder,.v-light:not(.no-light) .form-box textarea::-webkit-input-placeholder,.v-light:not(.no-light) .form-control::-webkit-input-placeholder,.v-light:not(.no-light) input::-webkit-input-placeholder,.v-light:not(.no-light) textarea::-webkit-input-placeholder{color:#0009}
.v-light:not(.no-light) .form-box input:-ms-input-placeholder,.v-light:not(.no-light) .form-box textarea:-ms-input-placeholder,.v-light:not(.no-light) .form-control:-ms-input-placeholder,.v-light:not(.no-light) input:-ms-input-placeholder,.v-light:not(.no-light) textarea:-ms-input-placeholder{color:#0009}
.v-light:not(.no-light) .form-box input::-ms-input-placeholder,.v-light:not(.no-light) .form-box textarea::-ms-input-placeholder,.v-light:not(.no-light) .form-control::-ms-input-placeholder,.v-light:not(.no-light) input::-ms-input-placeholder,.v-light:not(.no-light) textarea::-ms-input-placeholder{color:#0009}
.v-light:not(.no-light) .form-box input::placeholder,.v-light:not(.no-light) .form-box textarea::placeholder,.v-light:not(.no-light) .form-control::placeholder,.v-light:not(.no-light) input::placeholder,.v-light:not(.no-light) textarea::placeholder{color:#0009}
input[type=search]::-webkit-search-decoration{display:none}
.btn{color:#fff;font-size:14px;font-weight:400;letter-spacing:0px;padding:20px 40px;text-transform:uppercase;word-spacing:5px;font-family:"Roboto","Microsoft JhengHei";text-align:center}
@media only screen and (max-width:991px){
.btn{padding:15px 25px}
}
.v-light:not(.no-light) .btn{color:#000;color:#fff}
.v-light:not(.no-light) .btn:before{background-color:#000}
.v-light:not(.no-light) .btn:hover{color:#fff}
.btn:before{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;background-color:#fff;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;transition:transform 0.35s,-webkit-transform 0.35s}
.btn span{position:relative;z-index:2;-webkit-transition:all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);-o-transition:all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition:all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53)}
.btn:hover span{color:#000}
.v-light:not(.no-light) .btn:hover{color:#000}
.v-light:not(.no-light) .btn:hover span{color:#fff}
.btn:hover:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}
.btn-form{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:48px;border-radius:50px;color:#fff;font-size:14px;letter-spacing:1.2px;border:1.5px solid #8cbb84;cursor:pointer;margin:auto;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.v-light:not(.no-light) .btn-form{border-color:#d90a2c;color:#000}
.btn-form .label{font-weight:bold;min-width:150px;padding-left:30px;padding-right:10px;text-align:center}
.btn-form .icon-c{width:12px;height:12px;background-color:#8cbb84;border-radius:50%;margin-right:30px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.v-light:not(.no-light) .btn-form .icon-c{background-color:#d90a2c}
.btn-form:hover{background-color:#8cbb84}
.v-light:not(.no-light) .btn-form:hover{background-color:#d90a2c;color:#fff}
.btn-form:hover .icon-c{background-color:#000}
.link-custom{border-radius:30px;height:48px;padding-right:40px;color:#fff;letter-spacing:2px;text-transform:uppercase;z-index:2;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.link-custom .link-text{font-size:13px;font-weight:600;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;-o-transition:transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s;z-index:2}
.v-light:not(.no-light) .link-custom .link-text{color:#000}
.link-custom .link-circle{-webkit-transition:width 200ms;-o-transition:width 200ms;transition:width 200ms;top:0;right:0;text-align:center;background:#fff;mix-blend-mode:exclusion;color:#000;width:48px;height:48px;border-radius:30px;z-index:2}
.v-light:not(.no-light) .link-custom .link-circle{background-color:#e6e6e6;z-index:0}
.link-custom .link-circle i{position:absolute;right:17px;top:17px;font-size:12px;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;-o-transition:transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s}
.link-custom:hover{padding-left:40px}
.link-custom:hover .link-text{-webkit-transform:translateX(-9px);-ms-transform:translateX(-9px);transform:translateX(-9px)}
.link-custom:hover .link-circle{width:100%}
.link-custom:hover .link-circle i{-webkit-transform:translateX(-9px);-ms-transform:translateX(-9px);transform:translateX(-9px)}
.link-custom.scroll-down i{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.link-custom.scroll-down:hover .link-text{-webkit-transform:translateX(-9px);-ms-transform:translateX(-9px);transform:translateX(-9px)}
.link-custom.scroll-down:hover .link-circle i{-webkit-transform:translateX(-9px) translateY(2px) rotate(90deg);-ms-transform:translateX(-9px) translateY(2px) rotate(90deg);transform:translateX(-9px) translateY(2px) rotate(90deg)}
a{outline:0;outline-style:none}
a:active,a:hover{outline:0;text-decoration:none}
.font-heading{font-family:"Jost","Roboto","Microsoft JhengHei"}
.text-transform-upper{text-transform:uppercase}
.site-header{position:fixed;top:0;width:100%;padding:22px 50px;z-index:9000;pointer-events:none;background-color:rgb(22, 43, 80) !important;transition:all 1s ease-Out}
.site-header.haslogointro{background-color:transparent!important}
/* .site-header.haslogointro .inner-header .main-logo{visibility:hidden;opacity:0} */
.site-header .menu-icon.nav-active .icon-m .menu-icon-line.icon-top{
	transform: translateY(0px) rotate(40deg)!important;
	width: 28px!important;
}
.site-header .menu-icon.nav-active .icon-m .menu-icon-line.icon-bottom{
	transform: translateY(0px) rotate(-40deg)!important;
	width: 28px!important;
}
@media only screen and (max-width:767px){
.site-header{padding:5px 30px!important}
}
@media only screen and (max-width:575px){
.site-header{padding:22px 15px}
}
.site-header .menu-cover-title{position:absolute;top:50%;left:0;font-size:20vw;font-weight:600;line-height:1.15;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0}
.site-header .inner-header .main-logo{width:144px;pointer-events:all}
.site-header .inner-header .main-logo img{height:55px}
.site-header .inner-header .main-logo .dark-logo{display:none}
.site-header .main-navigation{pointer-events:all}
.site-header .nav-border-bottom{display:none}
.site-header .menu-icon{position:relative;top:-5px;cursor:pointer;pointer-events:all;gap: 15px;}
.site-header .menu-icon .icon-m .menu-icon-line{background-color:#ffffff;width:23px;height:2px;-webkit-transition:-webkit-transform 0.2s ease-Out;transition:-webkit-transform 0.2s ease-Out;-o-transition:transform 0.2s ease-Out;transition:transform 0.2s ease-Out;transition:transform 0.2s ease-Out,-webkit-transform 0.2s ease-Out}
.site-header .menu-icon .icon-m .menu-icon-line.icon-top{width:5px}
.site-header .menu-icon .icon-m .menu-icon-line.icon-center{width:14px}
.site-header .menu-icon .icon-m .menu-icon-line.icon-bottom{margin-top:5px}
.site-header .menu-icon .icon-m .icon-circle{position:absolute;top:-5px;left:-8px;width:46px;height:46px;border:1px solid rgba(255, 255, 255, 0.1);border-radius:50%;display:none}
.site-header .menu-icon .icon-m:hover .icon-circle{display:inherit}
.site-header .menu-icon .text-menu{top:-5px;width:50px;margin-right:10px;font-weight:600;color:#fff;opacity:0.9;font-size: 18px;white-space: nowrap;}
.site-header .menu-icon .text-menu>div{left:0;top:0}
.site-header .menu-icon .text-menu .text-button .dsn-word-wrapper{overflow:hidden;will-change:transform}
.site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper{opacity:0;visibility:hidden;will-change:transform;-webkit-transform:translateY(50%) rotate(15deg) scale(0.8);-ms-transform:translateY(50%) rotate(15deg) scale(0.8);transform:translateY(50%) rotate(15deg) scale(0.8);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);-o-transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);-webkit-transition-delay:calc(30ms * var(--char-dsn-index) + 1ms);-o-transition-delay:calc(30ms * var(--char-dsn-index) + 1ms);transition-delay:calc(30ms * var(--char-dsn-index) + 1ms)}
.site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper{opacity:1;visibility:visible;-webkit-transform:translateY(0) rotate(0deg) scale(1);-ms-transform:translateY(0) rotate(0deg) scale(1);transform:translateY(0) rotate(0deg) scale(1)}
.site-header .menu-icon .text-menu .text-close .dsn-word-wrapper,.site-header .menu-icon .text-menu .text-open .dsn-word-wrapper{overflow:hidden;will-change:transform}
.site-header .menu-icon .text-menu .text-close .dsn-chars-wrapper,.site-header .menu-icon .text-menu .text-open .dsn-chars-wrapper{opacity:0;visibility:hidden;will-change:transform;-webkit-transform:translateY(50%) rotate(15deg) scale(0.8);-ms-transform:translateY(50%) rotate(15deg) scale(0.8);transform:translateY(50%) rotate(15deg) scale(0.8);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);-o-transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);-webkit-transition-delay:calc(30ms * var(--char-dsn-index) + 1ms);-o-transition-delay:calc(30ms * var(--char-dsn-index) + 1ms);transition-delay:calc(30ms * var(--char-dsn-index) + 1ms)}
.site-header .menu-icon.nav-active .text-menu{width:50px}
/* .site-header .menu-icon:hover .icon-m .icon-center,.site-header .menu-icon:hover .icon-m .icon-top{-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}
.site-header .menu-icon:hover .icon-m .icon-bottom{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)} */
.site-header .menu-icon:hover .text-menu .text-button .dsn-word-wrapper{overflow:hidden;will-change:transform}
.site-header .menu-icon:hover .text-menu .text-button .dsn-chars-wrapper{opacity:0;visibility:hidden;will-change:transform;-webkit-transform:translateY(50%) rotate(15deg) scale(0.8);-ms-transform:translateY(50%) rotate(15deg) scale(0.8);transform:translateY(50%) rotate(15deg) scale(0.8);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);transition:opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);-o-transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.3, 0, 0.7, 1),opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);-webkit-transition-delay:calc(30ms * var(--char-dsn-index) + 1ms);-o-transition-delay:calc(30ms * var(--char-dsn-index) + 1ms);transition-delay:calc(30ms * var(--char-dsn-index) + 1ms)}
.site-header .menu-icon:hover:not(.nav-active) .text-menu .text-open .dsn-chars-wrapper{opacity:1;visibility:visible;-webkit-transform:translateY(0) rotate(0deg) scale(1);-ms-transform:translateY(0) rotate(0deg) scale(1);transform:translateY(0) rotate(0deg) scale(1)}
.site-header .menu-icon:hover.nav-active .text-menu .text-close .dsn-chars-wrapper{opacity:1;visibility:visible;-webkit-transform:translateY(0) rotate(0deg) scale(1);-ms-transform:translateY(0) rotate(0deg) scale(1);transform:translateY(0) rotate(0deg) scale(1)}
.site-header ul.extend-container{width:100%;padding:0 30px 0 60px}
.site-header .container-content{width:40%;opacity:0;visibility:hidden}
@media only screen and (max-width:767px){
.site-header .container-content{display:none}
}
.site-header .container-content .nav-content{margin-top:30px}
.site-header .container-content .nav-content:first-of-type{margin-top:0}
.site-header .container-content .nav-content p{margin-bottom:5px;color:rgba(255, 255, 255, 0.69)}
.site-header .container-content .nav-content p:last-of-type{margin-top:0}
.site-header .container-content .nav-content p .link-hover{text-transform:uppercase}
.site-header .container-content .title-line,.site-header .container-content p.title-line{color:#8cbb84;font-size:20px;font-weight:600;margin-bottom:10px}
.site-header .container-content .nav-social{margin-top:30px}
.site-header .container-content .nav-social ul{margin-bottom:0}
.site-header .container-content .nav-social ul li{color:#fff;display:inline-block;font-size:14px;font-weight:500;margin-right:15px;padding-right:5px}
.site-header .container-content .nav-social ul li a{color:#fff;display:inline-block;letter-spacing:0px;font-size:13px;font-family:"Roboto","Microsoft JhengHei";font-weight:400;position:relative}
.site-header .extend-container .main-navigation{height:100vh;top:0;left:0;background-color:#275b95;z-index:-1;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;visibility:visible}
.site-header .extend-container .main-navigation:after{position:absolute;content:"";width:100%;height:100%;top:0;z-index:-1;opacity:0.05;background-size:cover;background-repeat:no-repeat}
.site-header .extend-container .main-navigation ul.extend-container li{overflow:hidden;font-weight:600;color:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-bottom:20px;line-height:1}
.site-header .extend-container .main-navigation ul.extend-container li.dsn-active,.site-header .extend-container .main-navigation ul.extend-container li:hover{color:#aee7a5}
.site-header .extend-container .main-navigation ul.extend-container li.dsn-active .dsn-meta-menu,.site-header .extend-container .main-navigation ul.extend-container li:hover .dsn-meta-menu{color:#a8a8a8}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;cursor:pointer}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img{width:22px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu{font-size:42px;margin-left:5px}
@media only screen and (max-width:767px){
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu{font-size:32px}
}
@media only screen and (max-width:575px){
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu{font-size:24px}
}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu,.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img{-webkit-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-transition-property:opacity,visibility,-webkit-transform;transition-property:opacity,visibility,-webkit-transform;-o-transition-property:opacity,visibility,transform;transition-property:opacity,visibility,transform;transition-property:opacity,visibility,transform,-webkit-transform}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover img{-webkit-transform:translateX(-22px);-ms-transform:translateX(-22px);transform:translateX(-22px);opacity:0;visibility:hidden}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover .dsn-title-menu{-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px)}
.site-header .extend-container .main-navigation ul.extend-container li li{overflow:inherit;margin-bottom:15px}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:first-child{margin-bottom:40px}
.site-header .extend-container .main-navigation ul.extend-container li a{overflow:hidden;line-height:1.2}
.site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu,.site-header .extend-container .main-navigation ul.extend-container li a:after{position:absolute;display:inherit;width:-webkit-max-content;width:-moz-max-content;width:max-content}
.site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu{display: none;margin-left:10px;font-size:12px;letter-spacing:0px;-webkit-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px)}
@media only screen and (max-width:767px){
.site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu{display:none}
}
.site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:after{content:"";background-image:url("../img/right.svg");background-size:17px;height:17px;width:17px;background-repeat:no-repeat;opacity:0;visibility:hidden;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-transform:translate(0, 8px);-ms-transform:translate(0, 8px);transform:translate(0, 8px)}
.site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:hover:after{content: none;opacity:1;visibility:visible;-webkit-transform:translate(50%, 8px);-ms-transform:translate(50%, 8px);transform:translate(50%, 8px)}
.site-header .extend-container .main-navigation ul.extend-container>li{font-size:42px}
@media only screen and (max-width:767px){
.site-header .extend-container .main-navigation ul.extend-container>li{font-size:32px}
}
@media only screen and (max-width:575px){
.site-header .extend-container .main-navigation ul.extend-container>li{font-size:26px}
}
.site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-title-menu{opacity:0;visibility:hidden;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
.site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-meta-menu{opacity:0;visibility:hidden}
.site-header .extend-container .main-navigation ul.extend-container>li ul{position:absolute;display:none;width:100%;height:100%;left:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 60px}
.site-header .extend-container .main-navigation ul.extend-container>li ul li{font-size:26px;line-height:1}
.site-header .extend-container .main-navigation ul.extend-container>li ul li a{line-height:1.5}
.site-header .extend-container .main-navigation ul.extend-container>li ul li a .dsn-meta-menu{-webkit-transform:translateY(22px);-ms-transform:translateY(22px);transform:translateY(22px);margin-left:10px}
@media only screen and (min-width:992px){
.classic-menu .site-header .menu-icon{display:none}
.classic-menu .site-header .container-content{display:none}
.classic-menu .site-header .nav-border-bottom{position:absolute;display:block;top:63px;left:30px;width:25px;height:1px;background:#8cbb84;border-radius:3px}
.classic-menu .site-header>.extend-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.classic-menu .site-header>.extend-container .menu-cover-title{display:none}
.classic-menu .site-header .extend-container .main-navigation{position:inherit;display:block;margin-left:auto;height:auto;width:auto;top:unset;left:unset;background-color:transparent;z-index:1;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;opacity:1 !important;visibility:visible !important}
.classic-menu .site-header .extend-container .main-navigation:after{display:none}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container{display:block}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu{display:none}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu,.classic-menu .site-header .extend-container .main-navigation ul.extend-container li a:after{display:none}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:after{display:none}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li{font-size:18px;display:inline-block;margin-left:30px;margin-bottom:0;font-weight:700}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li:first-of-type{margin-left:0}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-title-menu{opacity:1 !important;visibility:visible !important;-webkit-transform:none !important;-ms-transform:none !important;transform:none !important}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-meta-menu{display:none}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul{position:absolute;display:block !important;width:195px;height:auto;left:unset;top:unset;margin-top:15px;padding:10px;margin-left:-10px;background-color:#583f70;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-webkit-transition-property:opacity,visibility,-webkit-clip-path;transition-property:opacity,visibility,-webkit-clip-path;-o-transition-property:clip-path,opacity,visibility;transition-property:clip-path,opacity,visibility;transition-property:clip-path,opacity,visibility,-webkit-clip-path;-webkit-transition-duration:0.1s;-o-transition-duration:0.1s;transition-duration:0.1s;border-radius:3px}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li{width:100%;padding:7px 0;border-bottom:0.5px dotted #ffffff14;font-size:15px;font-weight:500;margin-bottom:0}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li .dsn-meta-menu{display:none}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li:last-child{border-bottom:0;margin-bottom:0}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li:before{position:relative;content:'-';opacity:0;top:-4px;visibility:hidden;margin-right:-4px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li.dsn-active,.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li:hover{color:#fff}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li.dsn-active:before,.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li:hover:before{opacity:1;visibility:visible;margin-right:5px}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li:hover ul{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1;visibility:visible;-webkit-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li:last-child ul{right:-32px}
.classic-menu .site-header .extend-container .main-navigation ul.extend-container>li.home-link{display: none;}
body.home.classic-menu .site-header .nav-border-bottom{opacity: 0!important;}
body.home.classic-menu .site-header:hover .nav-border-bottom{opacity: 1!important;}
}
.footer-navigation{display:inline}
.footer-navigation>div{display:inline}
.footer-navigation .footer-menu{display:inline;padding-left:0}
.footer-navigation .footer-menu li{display:inline;margin-right:1rem}
.next-up.next-project{height:auto}
@media only screen and (max-width:991px){
.next-up.next-project+.footer{position:relative;width:100%;bottom:auto;z-index:2}
.site-header.haslogointro{background-color:transparent !important}
.logo-intro{margin-top: 80px;}
.site-header .menu-icon .icon-m {transform: none!important;}
}
.next-up .next-up-inner{padding:80px}
@media only screen and (max-width:991px){
.next-up .next-up-inner{padding:80px 40px}
}
@media only screen and (max-width:991px){
.next-up .next-up-inner{padding:80px 30px}
.site-header .inner-header .main-logo{width:135px;padding: 15px 0;}
.site-header .inner-header .main-logo img{height:auto}
.footer-1 .footer-links .footer-block{padding: 0 25px;}
}
@media only screen and (max-width:575px){
.next-up .next-up-inner{padding:80px 15px}
}
.next-up .next-up-inner h2{text-transform:uppercase;margin-bottom:30px;line-height:1}
.v-light:not(.no-light) .next-up .next-up-inner h2{color:#000}
.next-up .next-up-inner .btn{text-align:center;padding:20px 15px;font-size:16px;font-weight:600;letter-spacing:0px;width:100%}
.v-light:not(.no-light) .next-up .next-up-inner .btn{color:#fff}
.next-up .next-up-inner .infos{margin-top:30px;text-transform:uppercase}
.next-up .next-up-inner .infos .infos_content{font-size:17px;letter-spacing:0px;color:#fff}
.v-light:not(.no-light) .next-up .next-up-inner .infos .infos_content{color:#000}
.next-up .next-up-inner .infos a{padding:8px 28px;font-size:14px;font-weight:600;background-color:#f9f9f9;color:#000}
.contact-up{overflow:hidden}
@media only screen and (max-width:767px){
.contact-up .container,.contact-up .header-project .link-vist,.header-project .contact-up .link-vist{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
}
.contact-up .c-wapp{padding-left:15px;padding-right:15px}
.contact-up .c-wapp .section-bg:before,.contact-up .c-wapp:after,.contact-up .c-wapp:before{content:"";position:absolute;display:block;width:40px;height:100%;top:0;background-color:#090909;-webkit-transform:skew(22deg);-ms-transform:skew(22deg);transform:skew(22deg);-webkit-transition:0.5s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:0.5s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform;left:-70px;right:-70px}
.v-light:not(.no-light) .contact-up .c-wapp .section-bg:before,.v-light:not(.no-light) .contact-up .c-wapp:after,.v-light:not(.no-light) .contact-up .c-wapp:before{background-color:#e6e6e6}
@media only screen and (max-width:767px){
.contact-up .c-wapp .section-bg:before,.contact-up .c-wapp:after,.contact-up .c-wapp:before{display:none}
}
.contact-up .c-wapp:after{right:auto;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transition-delay:0.65s;-o-transition-delay:0.65s;transition-delay:0.65s}
.contact-up .c-wapp:before{left:auto;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.contact-up .c-wapp .section-bg{top:0;left:0;background-color:#090909;-webkit-transform:skew(22deg);-ms-transform:skew(22deg);transform:skew(22deg)}
.v-light:not(.no-light) .contact-up .c-wapp .section-bg{background-color:#e6e6e6}
.contact-up .c-wapp .section-bg:before{left:0;right:0;width:0;background-color:#000;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition-delay:0.35s;-o-transition-delay:0.35s;transition-delay:0.35s}
.v-light:not(.no-light) .contact-up .c-wapp .section-bg:before{background-color:#f9f9f9}
@media only screen and (max-width:767px){
.contact-up .c-wapp .section-bg{-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0)}
}
.contact-up .c-wapp a{width:100%;height:100%;position:relative;overflow:hidden}
@media only screen and (max-width:767px){
.contact-up .c-wapp a{-ms-flex-flow:wrap;flex-flow:wrap}
}
.contact-up .c-wapp a .hiring{text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #fff}
.contact-up .c-wapp a .hiring:after{content:attr(data-dsn-content);position:absolute;width:100%;height:100%;left:0;color:#fff;-webkit-transition:-webkit-clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition:-webkit-clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition:clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition:clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1),-webkit-clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;-webkit-clip-path:inset(0% 0% 0% 0%);clip-path:inset(0% 0% 0% 0%)}
.v-light:not(.no-light) .contact-up .c-wapp a .hiring{-webkit-text-stroke:0px #fff;color:#fff}
.contact-up .c-wapp .detail{display:block;color:#fff;line-height:1.6em;font-size:1.3rem}
.v-light:not(.no-light) .contact-up .c-wapp a .hiring:after{color:#000}
@media only screen and (max-width:767px){
.contact-up .c-wapp a .hiring{display:block;text-align:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
}
@media only screen and (max-width:400px){
.contact-up .c-wapp a .hiring{font-size:28px}
}
.contact-up .c-wapp a .career{position:relative;display:block;font-size:14px;font-weight:600;margin-top:10px}
.v-light:not(.no-light) .contact-up .c-wapp a .career{color:#d90a2c}
@media only screen and (max-width:767px){
.contact-up .c-wapp a .career{display:block;text-align:center;width:100%;margin-top:20px}
}
.contact-up .c-wapp:hover:after,.contact-up .c-wapp:hover:before{-webkit-transform:skew(22deg) scaleX(0);-ms-transform:skew(22deg) scaleX(0);transform:skew(22deg) scaleX(0)}
.contact-up .c-wapp:hover:before{-webkit-transition-delay:0.65s;-o-transition-delay:0.65s;transition-delay:0.65s}
.contact-up .c-wapp:hover:after{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.contact-up .c-wapp:hover .section-bg:before{width:100%}
.contact-up .c-wapp:hover a .hiring:after{-webkit-clip-path:inset(0% 0% 0% 100%);clip-path:inset(0% 0% 0% 100%)}
.next-project{height:85vh}
.next-project .img-next-box{top:0}
.next-project.dsn-active .title .img-box-shadow{opacity:0}
.v-light:not(.no-light) .next-project .title{color:#fff}
.next-project .title .img-box-shadow{position:absolute;background-image:-webkit-gradient(linear, right top, left top, color-stop(20%, #000), to(rgba(0, 0, 0, 0.26)));background-image:-webkit-linear-gradient(right, #000 20%, rgba(0, 0, 0, 0.26) 100%);background-image:-o-linear-gradient(right, #000 20%, rgba(0, 0, 0, 0.26) 100%);background-image:linear-gradient(to left, #000 20%, rgba(0, 0, 0, 0.26) 100%);height:95vh;bottom:50%;margin-bottom:-43vh;-webkit-transition:opacity 2.5s;-o-transition:opacity 2.5s;transition:opacity 2.5s;z-index:-1}
.next-project .title a:hover+.img-box-shadow{opacity:0}
.next-project .bg-title{top:20px;left:0;font-size:8vw;line-height:1;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #fff;opacity:0.035;z-index:-1}
.next-project .next-label{top:0}
.next-project .next-inner{z-index:2}
.next-project .metas{margin-bottom:25px}
.next-project a.link{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:0px;margin-top:20px}
.next-project a.link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#f9f9f9;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;-o-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out}
.next-project a.link:hover:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.next-project+.footer{position:absolute;width:100%;bottom:0;z-index:2}
@media only screen and (max-width:991px){
.next-project+.footer{padding-top:30px}
}
.v-light:not(.no-light) .next-project+.footer .column-left .footer-social a{color:#fff}
.v-light:not(.no-light) .next-project+.footer .column-right .link-hover,.v-light:not(.no-light) .next-project+.footer .column-right h5{color:#fff}
.v-light:not(.no-light) .next-project+.footer .scroll-top img{-webkit-filter:none;filter:none}
.v-light:not(.no-light) .next-project+.footer .scroll-top i{color:#fff}
.next-post-up{position:relative;background:#090909 url(../img/page/banner01.jpg) repeat center top;overflow:hidden}
.v-light:not(.no-light) .next-post-up{background-color:#e6e6e6}
.next-post-up:before{width:0%;height:100%;left:0;top:0;position:absolute;background-color:#000;content:"";-webkit-transition:width 1s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:width 1s cubic-bezier(0.77, 0, 0.175, 1);transition:width 1s cubic-bezier(0.77, 0, 0.175, 1)}
.v-light:not(.no-light) .next-post-up:before{background:#090909 url(../img/page/banner02.jpg) repeat center top}
.next-post-up .c-wapp{width:100%;display:table}
.next-post-up .c-wapp:before,.next-post-up .c-wapp:after{display:none}
.next-post-up .c-wapp .c-wapp-link{width:100%;height:100%;position:relative;/*display: -webkit-box;
	display: -ms-flexbox;*/display:block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}
@media only screen and (max-width:767px){
.next-post-up .c-wapp .c-wapp-link{-ms-flex-flow:wrap;flex-flow:wrap}
}
.next-post-up .c-wapp .c-wapp-link .hiring{width:100%;text-align:left;font-size:42px;display:block;margin-bottom:30px}
@media only screen and (max-width:767px){
.next-post-up .c-wapp .c-wapp-link .hiring{display:block;text-align:center;width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
}
@media only screen and (max-width:400px){
.next-post-up .c-wapp .c-wapp-link .hiring{font-size:28px}
}
.next-post-up .c-wapp .c-wapp-link .career{color:#000;position:absolute;right:0;top:25%;display:inline-block;text-align:center;font-size:16px;font-weight:600;padding:20px 30px;background-color:#fff;border-radius:30px;transition:all 0.45s}
.v-light:not(.no-light) .next-post-up .c-wapp .c-wapp-link .career{color:#000}
.v-light:not(.no-light) .next-post-up .c-wapp .c-wapp-link:hover .career{color:#fff;background-color:#9c6aa9}
@media only screen and (max-width:767px){
.next-post-up .c-wapp .c-wapp-link .career{display:block;text-align:center;width:100%;margin-top:0;margin-bottom:15px}
}
.next-post-up:hover:before{width:100%}
.dsn-pagination{position:relative;margin-top:120px;margin-bottom:120px}
@media only screen and (max-width:991px){
.dsn-pagination{margin-top:80px;margin-bottom:80px}
}
.dsn-pagination .page-numbers{position:relative;font-size:64px;font-weight:bold;margin-right:30px;-webkit-transition:all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);-o-transition:all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);transition:all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94)}
@media only screen and (max-width:575px){
.dsn-pagination .page-numbers{font-size:30px;margin-right:20px}
}
.dsn-pagination .page-numbers.current{color:#fff;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}
.v-light:not(.no-light) .dsn-pagination .page-numbers.current{color:#000}
.dsn-pagination .page-numbers:hover{color:#fff}
.v-light:not(.no-light) .dsn-pagination .page-numbers:hover{color:#000}
.dsn-pagination .next,.dsn-pagination .prev{width:90px;height:90px;top:20px}
@media only screen and (max-width:575px){
.dsn-pagination .next,.dsn-pagination .prev{width:60px;height:60px}
}
.dsn-pagination .next .button-m,.dsn-pagination .prev .button-m{position:absolute;display:inline-block;text-align:center;width:100%;height:100%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
@media only screen and (max-width:575px){
.dsn-pagination .next .button-m,.dsn-pagination .prev .button-m{width:65px;height:65px}
}
.dsn-pagination .next .button-m:before,.dsn-pagination .prev .button-m:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:50%;background:#090909;-webkit-transition:all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);-o-transition:all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);transition:all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
.dsn-pagination .next .button-m svg,.dsn-pagination .prev .button-m svg{position:absolute;top:0;left:-10%;fill:#fff;z-index:1;width:30px;height:100%;opacity:1;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;vertical-align:middle}
@media only screen and (max-width:575px){
.dsn-pagination .next .button-m svg,.dsn-pagination .prev .button-m svg{left:-35%}
}
.dsn-pagination .next .button-m span,.dsn-pagination .prev .button-m span{top:38px;position:relative;display:block;z-index:2;font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:0px;color:#fff;-webkit-transform:translateX(9%);-ms-transform:translateX(9%);transform:translateX(9%);-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
@media only screen and (max-width:575px){
.dsn-pagination .next .button-m span,.dsn-pagination .prev .button-m span{top:25px;left:-5px}
}
.dsn-pagination .next .button-m:hover:before,.dsn-pagination .prev .button-m:hover:before{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}
.dsn-pagination .next .button-m:hover svg,.dsn-pagination .prev .button-m:hover svg{opacity:0;-webkit-transform:translateX(-20%) !important;-ms-transform:translateX(-20%) !important;transform:translateX(-20%) !important}
.dsn-pagination .next .button-m:hover span,.dsn-pagination .prev .button-m:hover span{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.dsn-pagination .next.prev .button-m,.dsn-pagination .prev.prev .button-m{margin-right:10px;margin-left:0}
.dsn-pagination .next.prev .button-m svg,.dsn-pagination .prev.prev .button-m svg{right:-10%;left:auto;-webkit-transform:translateX(-20%) rotate(180deg);-ms-transform:translateX(-20%) rotate(180deg);transform:translateX(-20%) rotate(180deg)}
@media only screen and (max-width:575px){
.dsn-pagination .next.prev .button-m svg,.dsn-pagination .prev.prev .button-m svg{right:-35%}
}
.dsn-pagination .next.prev .button-m span,.dsn-pagination .prev.prev .button-m span{-webkit-transform:translateX(-9%);-ms-transform:translateX(-9%);transform:translateX(-9%)}
@media only screen and (max-width:575px){
.dsn-pagination .next.prev .button-m span,.dsn-pagination .prev.prev .button-m span{top:25px;right:-5px;left:auto}
}
.dsn-pagination .next.prev:hover svg,.dsn-pagination .prev.prev:hover svg{-webkit-transform:translateX(20%) rotate(180deg) !important;-ms-transform:translateX(20%) rotate(180deg) !important;transform:translateX(20%) rotate(180deg) !important}
.dsn-pagination .next.prev:hover span,.dsn-pagination .prev.prev:hover span{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.title-cover{position:absolute;width:100%;font-family:"Jost","Roboto","Microsoft JhengHei";font-size:10vw;font-weight:600;text-align:center;opacity:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);z-index:1;text-transform:uppercase;pointer-events:none;overflow:hidden}
.intro-about .intro-about-info{padding-right:50px}
@media only screen and (max-width:991px){
.intro-about .intro-about-info{margin-bottom:50px;padding-right:0}
}
.intro-about .intro-about-info .accordion__item{margin-bottom:0;padding:10px 0px;border-bottom:1px solid #0e0e0d}
.intro-about .intro-about-info .accordion__item:first-of-type{padding-top:0}
.v-light:not(.no-light) .intro-about .intro-about-info .accordion__item{border-color:#bebebe}
.intro-about .intro-about-info .accordion__answer{padding-left:50px}
.intro-about .intro-about-info .accordion__answer p{padding-bottom:10px}
@media only screen and (max-width:767px){
.intro-about .intro-about-info .accordion__answer{padding-left:0}
}
.intro-about .box-img{height:100%;padding-left:50px}
@media only screen and (max-width:991px){
.intro-about .box-img{padding-left:0;height:123vh}
}
@media only screen and (max-width:767px){
.intro-about .box-img img{width:100%}
}
.intro-about .box-img .exper{bottom:0;left:0;padding:60px;overflow:hidden}
@media only screen and (max-width:767px){
.intro-about .box-img .exper{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:30px}
}
@media only screen and (max-width:575px){
.intro-about .box-img .exper{padding:30px 15px}
}
@media only screen and (max-width:400px){
.intro-about .box-img .exper{width:100%}
}
.v-light:not(.no-light) .intro-about .box-img .exper{background-color:#275b95}
.intro-about .box-img .exper .numb-ex .word-text{font-size:120px;font-weight:bold;color:#fff;line-height:85px}
.intro-about .box-img .exper h4{font-size:18px;margin-top:20px;margin-bottom:0}
.v-light:not(.no-light) .intro-about .box-img .exper h4{color:#fff}
.accordion{line-height:1.2}
.accordion__answer{display:none;max-width:400px;padding-top:10px}
.accordion__answer.active{display:block}
.accordion__item{margin-bottom:30px}
@media only screen and (max-width:767px){
.accordion__item{margin-bottom:20px}
}
.accordion__item:last-of-type{margin-bottom:0}
.accordion__question{padding:8px 15px 0 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.accordion__question:first-of-type{padding-top:0}
.accordion__question .icon{width:25px;margin-right:15px}
.accordion__question h4{font-weight:600;margin-bottom:0;color:#6269a7!important}
.accordion__question:before{content:"";display:inline-block;border:solid #8cbb84;border-width:0 2px 2px 0;padding:3px;position:absolute;top:40%;right:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 0.2s linear;transition:-webkit-transform 0.2s linear;-o-transition:transform 0.2s linear;transition:transform 0.2s linear;transition:transform 0.2s linear,-webkit-transform 0.2s linear}
.v-light:not(.no-light) .accordion__question:before{border-color:#d90a2c}
.expanded.accordion__question:before{content:"";border:solid #8cbb84;border-width:0 2px 2px 0;display:inline-block;padding:3px;position:absolute;top:50%;right:0;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:-webkit-transform 0.2s linear;transition:-webkit-transform 0.2s linear;-o-transition:transform 0.2s linear;transition:transform 0.2s linear;transition:transform 0.2s linear,-webkit-transform 0.2s linear}
.v-light:not(.no-light) .expanded.accordion__question:before{border-color:#d90a2c}
.intro-project{position:relative}
.intro-project .intro-text{position:relative}
.intro-project .title-cover{text-align:left}
.intro-project h2{letter-spacing:0px}
.intro-project:not(.text-center) .inner{max-width:750px}
.intro-project .inner>p{font-weight:bold;margin-top:20px}
@media only screen and (max-width:575px){
.intro-project .inner>p{font-size:14px}
}
.intro-project.text-center .intro-text{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:750px}
@media only screen and (max-width:575px){
.intro-project.text-center .intro-text{max-width:100%;overflow:hidden}
}
.intro-project.text-center .intro-text .title-cover{text-align:center}
.intro-project.text-center .intro-text .intro-project-details{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.about-me{padding:50px 0}
.about-me .after-bg.cover-bg{background-size:auto;background-repeat:repeat}
.about-me .content{z-index:2}
.about-me .title-block{margin-bottom:0;letter-spacing:0px;text-transform:inherit}
@media only screen and (max-width:767px){
.about-me .title-block{margin-bottom:15px}
}
.about-me .section-bg{top:0;left:0;width:calc(100% - ((100vw - 1140px) / 2) - 15px);height:100%;background-color:#090909;border-top:2px solid #0e0e0d}
.v-light:not(.no-light) .about-me .section-bg{background-color:#e6e6e6;border-color:#bebebe}
.about-me .section-bg .after-bg{top:0;left:0;opacity:0.05}
@media only screen and (max-width:991px){
.about-me .section-bg{width:100%}
}
.about-me .section-bg:after{left:0}
.service:not(.service-3) .service-content:nth-of-type(n+3){margin-top:50px}
@media only screen and (max-width:767px){
.service:not(.service-3) .service-content:nth-of-type(n+3){margin-top:30px}
}
@media only screen and (max-width:575px){
.service:not(.service-3) .service-content:nth-of-type(n+2){margin-top:30px}
}
.service .services-item{padding:30px 30px 50px;-webkit-box-shadow:0 7px 9px rgba(0, 0, 0, 0.02);box-shadow:0 7px 9px rgba(0, 0, 0, 0.02);border:2px solid #0e0e0d}
.v-light:not(.no-light) .service .services-item{border-color:#bebebe}
@media only screen and (max-width:991px){
.service .services-item{padding:30px 25px}
}
.service .services-item .after-bg{top:0;left:0;opacity:0.01}
@media only screen and (max-width:767px){
.service .services-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.service .services-item span{font-size:55px;font-weight:100;font-family:"Jost","Roboto","Microsoft JhengHei";line-height:95px;height:60px;overflow:hidden}
.v-light:not(.no-light) .service .services-item span{color:#d90a2c}
@media only screen and (max-width:991px){
.service .services-item span{display:none}
}
@media only screen and (max-width:767px){
.service .services-item span{display:none}
}
.service .services-item .icon{margin-right:25px;line-height:100px}
@media only screen and (max-width:991px){
.service .services-item .icon{line-height:initial}
}
@media only screen and (max-width:767px){
.service .services-item .icon{margin-right:0;margin-bottom:20px;line-height:1.2}
}
.service .services-item .icon img{width:90px}
@media only screen and (max-width:767px){
.service .services-item .icon img{width:40px}
}
.service.service-3 .service-content:nth-of-type(n+4){margin-top:50px}
@media only screen and (max-width:767px){
.service.service-3 .service-content:nth-of-type(n+3){margin-top:40px}
}
@media only screen and (max-width:575px){
.service.service-3 .service-content:nth-of-type(n+2){margin-top:40px}
}
.service.service-3 .services-item{padding:25px;height:440px}
.service.service-3 .services-item .bg-section{left:0}
.service.service-3 .services-item .bg-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;opacity:0;background-color:rgba(9, 9, 9, 0.9);-webkit-box-shadow:inset 0 -75px 60px -35px #000;box-shadow:inset 0 -75px 60px -35px #000;-webkit-transition:opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);-o-transition:opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);transition:opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91)}
.v-light:not(.no-light) .service.service-3 .services-item .bg-section:after{background-color:rgba(249, 249, 249, 0.9);-webkit-box-shadow:inset 0 -75px 60px -35px #f9f9f9;box-shadow:inset 0 -75px 60px -35px #f9f9f9}
.service.service-3 .services-item .box-content{-webkit-transition:background-color 0.5s;-o-transition:background-color 0.5s;transition:background-color 0.5s}
.service.service-3 .services-item .box-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.v-light:not(.no-light) .service.service-3 .services-item .box-content:after{background-color:#f9f9f9}
.service.service-3 .services-item .box-content .icon{margin-right:0;margin-bottom:20px;line-height:1;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}
.service.service-3 .services-item .box-content .icon img{width:60px}
.service.service-3 .services-item .box-content .content-inner{margin:auto;z-index:2}
.service.service-3 .services-item .box-content .content-inner .content{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.service.service-3 .services-item .box-content .content-inner p{opacity:0}
.service.service-3 .services-item:hover .bg-section:after{opacity:1}
.service.service-3 .services-item:hover .box-content:after{opacity:0}
.service.service-3 .services-item:hover .box-content .icon{-webkit-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);opacity:0}
.service.service-3 .services-item:hover .box-content .content{margin-top:-80px}
.service.service-3 .services-item:hover .box-content .content p{position:relative;opacity:1}
.hero-about .sm-title-block{letter-spacing:0;margin-bottom:0;line-height:1.6}
.hero-about .sm-title-block+p{margin-top:20px}
.services-about{position:relative;overflow:hidden}
.services-about .services-wp{position:relative}
.services-about .services-wp .box-title-services{position:relative;padding-right:50px}
@media only screen and (max-width:991px){
.services-about .services-wp .box-title-services{padding-right:0}
}
.services-about .services-wp .box-title-services ul{position:relative;list-style:none}
@media only screen and (max-width:991px){
.services-about .services-wp .box-title-services ul{margin-bottom:30px}
}
.services-about .services-wp .box-title-services ul li{padding:15px 0px;margin-bottom:0;letter-spacing:0px;color:#fff;cursor:pointer;-webkit-transition:color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);line-height:1.5;border-bottom:1px solid #0e0e0d}
.v-light:not(.no-light) .services-about .services-wp .box-title-services ul li{color:#000;border-color:#bebebe}
@media only screen and (max-width:991px){
.services-about .services-wp .box-title-services ul li{display:inline-block;margin-right:15px;border-bottom:0;padding:0}
}
.services-about .services-wp .box-title-services ul li:first-of-type{padding-top:0}
.services-about .services-wp .box-title-services ul li:last-of-type{margin-bottom:0;padding-bottom:0;border:0}
.services-about .services-wp .box-title-services ul li.active{color:#8cbb84}
.v-light:not(.no-light) .services-about .services-wp .box-title-services ul li.active{color:#d90a2c}
.services-about .services-wp .content{position:relative}
.services-about .services-wp .content .services-item-info{position:relative;display:none}
.services-about .services-wp .content .services-item-info h5{color:#8cbb84;font-weight:500;margin-bottom:20px}
.v-light:not(.no-light) .services-about .services-wp .content .services-item-info h5{color:#d90a2c}
.services-about .services-wp .content .services-item-info ul{margin-top:20px;list-style:none}
.services-about .services-wp .content .services-item-info ul li{position:relative;padding-left:15px;margin-bottom:15px;font-size:18px;line-height:1.1}
.services-about .services-wp .content .services-item-info ul li:last-child{margin-bottom:0}
.services-about .services-wp .content .services-item-info ul li:after{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;border-radius:100%;background:#8cbb84}
.v-light:not(.no-light) .services-about .services-wp .content .services-item-info ul li:after{background-color:#d90a2c}
.services-about .services-wp .content .services-item-info:first-child{display:block}
.skills-personal{overflow:hidden}
@media only screen and (max-width:991px){
.skills-personal:not(.background-section){padding-top:0;padding-bottom:0;margin-top:80px;margin-bottom:80px}
}
.skills-personal:not(.background-section) .skills-inner{background-color:#000}
.v-light:not(.no-light) .skills-personal:not(.background-section) .skills-inner{background-color:#f9f9f9}
.skills-personal:not(.background-section) .skills-inner:before{content:"";position:absolute;top:0;bottom:0;width:150%;height:100%;left:-50%;background-color:inherit;border-top:2px solid #0e0e0d}
@media only screen and (max-width:991px){
.skills-personal:not(.background-section) .skills-inner:before{border:0}
}
.v-light:not(.no-light) .skills-personal:not(.background-section) .skills-inner:before{border-color:#bebebe}
@media only screen and (max-width:991px){
.skills-personal:not(.background-section) .skills-inner:before{right:-25%;left:-25%}
}
.skills-personal:not(.background-section) .skills-item .bar{background-color:#090909}
.v-light:not(.no-light) .skills-personal:not(.background-section) .skills-item .bar{background-color:#e6e6e6}
.skills-personal .skills-inner{position:relative;padding-right:40px}
@media only screen and (max-width:991px){
.skills-personal .skills-inner{padding-top:0;padding-bottom:0}
}
@media only screen and (max-width:991px){
.skills-personal .skills-inner{padding-right:0}
}
.skills-personal .skills-inner .box-text{padding-right:40px}
@media only screen and (max-width:991px){
.skills-personal .skills-inner .skills-wapper{margin-top:30px}
}
.skills-item{position:relative;width:100%;margin-bottom:30px;z-index:2}
@media only screen and (max-width:767px){
.skills-item{margin-bottom:20px}
}
.skills-item:last-of-type{margin-bottom:0}
.skills-item .bar{position:relative;width:100%;height:25px;border-radius:4px;background-color:#000}
.v-light:not(.no-light) .skills-item .bar{background-color:#f9f9f9}
.skills-item .bar .fill{position:absolute;width:0;height:100%;background-color:#8cbb84;background-image:url("../img/pattern.png");border-radius:4px}
.v-light:not(.no-light) .skills-item .bar .fill{background-color:#d90a2c}
.skills-item .bar .fill .number{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:20px;font-family:"Jost","Roboto","Microsoft JhengHei";font-size:14px;font-weight:bold;color:#fff}
.skills-item .bar .fill:after{content:"";width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid #fff;position:absolute;top:50%;right:5px;-webkit-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}
.our-work .container-fluid{padding:0}
.our-work .slick-list{padding:0}
.our-work .work-item{height:100vh}
.our-work .work-item .img-next-box:before{z-index:-1}
.our-work .work-item img{height:105%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}
.our-work .work-item:hover img{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.our-work .work-item a{width:100%;height:100%;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}
.our-work .work-item a[data-dsn-grid=moveUp] img{height:120%}
.our-work .work-item .item-border{top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);transition:transform 0.6s,background-color 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87),-webkit-transform 0.6s;z-index:1}
.our-work .work-item .item-info{left:0;padding:30px;width:100%;-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);transition:-webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);-o-transition:transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);transition:transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);transition:transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87),-webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);z-index:2;top:auto;bottom:0}
@media only screen and (max-width:767px){
.our-work .work-item .item-info{padding:30px 15px}
}
.our-work .work-item .item-info .cat{font-size:13px;letter-spacing:0px;font-weight:500;text-transform:uppercase;margin-bottom:10px;font-family:"Jost","Roboto","Microsoft JhengHei";opacity:0.9}
.v-light:not(.no-light) .our-work .work-item .item-info .cat{color:rgba(255, 255, 255, 0.69)}
.our-work .work-item .item-info h4{font-size:25px;-webkit-transition:margin-bottom 0.5s ease;-o-transition:margin-bottom 0.5s ease;transition:margin-bottom 0.5s ease;z-index:3;font-weight:600}
.v-light:not(.no-light) .our-work .work-item .item-info h4{color:#fff}
.our-work .work-item .item-info p{margin-top:10px}
.v-light:not(.no-light) .our-work .work-item .item-info p{color:#fff}
.our-work .work-item .item-info span{margin-top:10px;color:#fff;opacity:0;font-size:13px;text-transform:uppercase;letter-spacing:0px;-webkit-transition:opacity 0.6s ease;-o-transition:opacity 0.6s ease;transition:opacity 0.6s ease}
.our-work .work-item:hover .item-border{background-color:rgba(0, 0, 0, 0.8)}
.our-work .work-item:hover .item-info{-webkit-transform:translate(0, -50px);-ms-transform:translate(0, -50px);transform:translate(0, -50px)}
.our-work .work-item:hover .item-info h4{margin-bottom:10px}
.our-work .work-item:hover .item-info span{opacity:1}
.work-masonry .filterings-t{position:relative;margin-bottom:35px}
.work-masonry .filterings-t .filtering-wrap{width:-webkit-max-content;width:-moz-max-content;width:max-content;position:relative;border-bottom:2px solid rgba(255, 255, 255, 0.05);text-align:center}
@media only screen and (max-width:767px){
.work-masonry .filterings-t .filtering-wrap{width:100%}
}
@media only screen and (max-width:575px){
.work-masonry .filterings-t .filtering-wrap{border-bottom:0;text-align:left}
}
.v-light:not(.no-light) .work-masonry .filterings-t .filtering-wrap{border-bottom:solid 2px rgba(190, 190, 190, 0.27)}
.work-masonry .filterings-t .filtering-wrap .filtering{overflow:auto;position:relative;margin-bottom:-2px}
.work-masonry .filterings-t .filtering-wrap .filtering button{color:#fff;width:auto;margin:0 20px 0 0;padding:0 5px 10px 5px;font-size:14px;font-weight:500;display:inline-block;cursor:pointer;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;letter-spacing:0px;text-transform:uppercase}
.work-masonry .filterings-t .filtering-wrap .filtering button:last-child{margin:0}
@media only screen and (max-width:575px){
.work-masonry .filterings-t .filtering-wrap .filtering button{margin-right:10px}
.work-masonry .filterings-t .filtering-wrap .filtering button:last-of-type{margin-top:15px}
}
.v-light:not(.no-light) .work-masonry .filterings-t .filtering-wrap .filtering button{color:#0009}
.work-masonry .filterings-t .filtering-wrap .filtering button.active{font-weight:bold;border-bottom:solid 2px #fff}
.v-light:not(.no-light) .work-masonry .filterings-t .filtering-wrap .filtering button.active{border-bottom:solid 2px #bebebe}
.work-masonry .filterings-t.text-center .filtering-wrap{margin:auto}
.work-masonry .projects-list{margin-left:-15px}
.work-masonry .projects-list .work-item-box{width:auto;padding:0;-webkit-transition:width 0.5s;-o-transition:width 0.5s;transition:width 0.5s}
.work-masonry .projects-list .work-item-box .work-item{height:auto}
.work-masonry .projects-list .work-item-box .work-item .img-next-box:before{display:none}
.awards-section{position:relative}
.awards-section .awards-item{padding-bottom:30px;padding-top:30px;border-bottom:1px solid #1e1e1e}
.v-light:not(.no-light) .awards-section .awards-item{border-color:#bebebe}
.awards-section .awards-item .sm-title-block{letter-spacing:0}
.awards-section .awards-item .btn{background-color:#8cbb84}
.v-light:not(.no-light) .awards-section .awards-item .btn{background-color:#d90a2c}
@media only screen and (max-width:767px){
.awards-section .awards-item .block-awards{text-align:left}
.awards-section .awards-item .block-awards .btn{margin-top:20px}
}
.awards-section .awards-item:first-of-type{padding-top:0}
.awards-section .awards-item:last-of-type{border-bottom:0;padding-bottom:0}
.our-blog.our-blog-classic .blog-classic-item:nth-of-type(n+4){margin-top:50px}
@media only screen and (max-width:767px){
.our-blog.our-blog-classic .blog-classic-item:nth-of-type(n+3){margin-top:30px}
}
@media only screen and (max-width:575px){
.our-blog.our-blog-classic .blog-classic-item:nth-of-type(n+2){margin-top:30px}
}
.our-blog.our-blog-classic .blog-item{-webkit-box-shadow:none;box-shadow:none;padding:80px 25px;border:2px solid #0e0e0d;margin-right:0}
.v-light:not(.no-light) .our-blog.our-blog-classic .blog-item{border-color:#bebebe}
@media only screen and (max-width:991px){
.our-blog.our-blog-classic .blog-item{padding:30px 25px}
}
.our-blog.our-blog-classic .blog-item .after-bg{top:0;left:0;opacity:0.05;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.our-blog.our-blog-classic .blog-item .after-bg img{opacity:0;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.our-blog.our-blog-classic .blog-item.blog-item-active .after-bg{opacity:0.1}
.our-blog.our-blog-classic .blog-item.blog-item-active .after-bg img{opacity:1}
.our-blog.our-blog-classic .blog-item:hover .after-bg{opacity:0.1}
.our-blog.our-blog-classic .blog-item:hover .after-bg img{opacity:1}
.our-blog.our-blog-classic .blog-item .box-content{padding:0}
.our-blog.our-blog-classic .blog-item .box-content .entry-date{font-weight:600;margin-bottom:20px}
.our-blog.our-blog-classic .blog-item .box-content .link-vist{left:auto;bottom:auto;margin-top:20px}
.our-blog.our-blog-classic .blog-item .box-content .link-vist .link-vist-text{font-weight:bold}
.our-blog.our-blog-classic .blog-item .box-content .link-vist .link-vist-text:before{height:1.5px}
.our-blog.our-blog-sub .blog-sub-item:nth-of-type(n+4){margin-top:50px}
@media only screen and (max-width:767px){
.our-blog.our-blog-sub .blog-sub-item:nth-of-type(n+3){margin-top:30px}
}
@media only screen and (max-width:575px){
.our-blog.our-blog-sub .blog-sub-item:nth-of-type(n+2){margin-top:30px}
}
.our-blog.our-blog-sub .blog-item{padding:30px 25px;overflow:hidden}
.our-blog.our-blog-sub .blog-item:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:-webkit-linear-gradient(280deg, rgba(255, 255, 255, 0.1), transparent 75%);background:-o-linear-gradient(280deg, rgba(255, 255, 255, 0.1), transparent 75%);background:linear-gradient(170deg, rgba(255, 255, 255, 0.1), transparent 75%);-webkit-transform:skew(-10deg) translateX(50%);-ms-transform:skew(-10deg) translateX(50%);transform:skew(-10deg) translateX(50%);opacity:0.9;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;z-index:2}
.our-blog.our-blog-sub .blog-item .after-bg{opacity:0.09}
.our-blog.our-blog-sub .blog-item .after-bg img{opacity:1}
.our-blog.our-blog-sub .blog-item .box-content{position:relative;z-index:2}
.our-blog.our-blog-sub .blog-item .box-content .box-content-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.our-blog.our-blog-sub .blog-item .box-content .entry-date{color:#fff;margin-bottom:auto}
.v-light:not(.no-light) .our-blog.our-blog-sub .blog-item .box-content .entry-date{color:#000}
.our-blog.our-blog-sub .blog-item .box-content .entry-date span.day{display:block;font-size:35px;font-weight:bold;color:#8cbb84;line-height:0.8}
.v-light:not(.no-light) .our-blog.our-blog-sub .blog-item .box-content .entry-date span.day{color:#d90a2c}
.our-blog.our-blog-sub .blog-item .box-content .content-bottom{margin-top:60%}
.our-blog.our-blog-sub .blog-item .category{margin-bottom:20px}
.our-blog.our-blog-sub .blog-item .category a{position:relative;font-weight:600;font-size:14px;color:#fff;letter-spacing:1.2px}
.v-light:not(.no-light) .our-blog.our-blog-sub .blog-item .category a{color:#0009}
.our-blog.our-blog-sub .blog-item .title-block{margin-bottom:0}
.our-blog.our-blog-sub .blog-item .link-vist{margin-top:10px}
.our-blog.our-blog-sub .blog-item:hover:before{-webkit-transform:skew(-10deg) translateX(25%);-ms-transform:skew(-10deg) translateX(25%);transform:skew(-10deg) translateX(25%)}
.our-blog.our-blog-sub .blog-item:hover .after-bg{opacity:0.04}
.v-light:not(.no-light) .our-blog .link-vist .link-vist-text{color:#000}
.v-light:not(.no-light) .our-blog .link-vist .link-vist-text:before{background-color:#000}
.v-light:not(.no-light) .our-blog .link-vist .link-vist-arrow svg *{stroke:#000}
.video-section{height:90vh}
.video-section .icon-circle,.video-section .play-btn,.video-section .text-play{width:80px;height:80px;line-height:80px;border-radius:50%;margin:auto;text-align:center;color:#fff;font-weight:600}
@media only screen and (max-width:991px){
.video-section .play-btn{background-color:#8cbb84}
.v-light:not(.no-light) .video-section .play-btn{background-color:#d90a2c}
}
.video-section .icon-circle{position:absolute;top:0;z-index:-1;background-color:#8cbb84}
.v-light:not(.no-light) .video-section .icon-circle{background-color:#d90a2c}
.video-section .text-play{color:#fff;font-size:14px;font-weight:bold;letter-spacing:0px;text-transform:uppercase}
.testimonials-2:not(.testimonials-3) .testimonials-main-content{padding:50px 0}
@media only screen and (max-width:767px){
.testimonials-2:not(.testimonials-3) .testimonials-main-content{padding:30px 0}
}
.testimonials-2 .slick-list{padding:0 !important}
.testimonials-2 .testimonials-nav{width:100%}
@media only screen and (max-width:767px){
.testimonials-2 .testimonials-nav{margin-bottom:30px}
}
@media only screen and (max-width:400px){
.testimonials-2 .testimonials-nav{display:none}
}
.testimonials-2 .testimonials-nav .testimonials-nav-item-inner{width:70%;text-align:center;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:-webkit-transform 0.8s;transition:-webkit-transform 0.8s;-o-transition:transform 0.8s;transition:transform 0.8s;transition:transform 0.8s,-webkit-transform 0.8s;cursor:pointer}
@media only screen and (max-width:575px){
.testimonials-2 .testimonials-nav .testimonials-nav-item-inner{width:50%}
}
.testimonials-2 .testimonials-nav .testimonials-nav-item-inner img{width:100%;border-radius:50%}
.testimonials-2 .testimonials-nav .slick-current .testimonials-nav-item-inner{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.testimonials-2 .testimonials-main-content{position:relative}
.testimonials-2 .testimonials-main-content:after{content:"”";right:30px;bottom:-40px;position:absolute;font-size:150px;font-weight:bold;color:#fff;opacity:0.3}
@media only screen and (max-width:575px){
.testimonials-2 .testimonials-main-content:after{display:none}
}
.testimonials-2 .testimonials-main-content .testimonials-item .top-box{padding:0 40px}
@media only screen and (max-width:767px){
.testimonials-2 .testimonials-main-content .testimonials-item .top-box{padding:0 30px}
}
@media only screen and (max-width:575px){
.testimonials-2 .testimonials-main-content .testimonials-item .top-box{padding:0 15px}
}
.testimonials-2 .testimonials-main-content .testimonials-item .bottom-box{width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#8cbb84;-webkit-clip-path:polygon(0 0, 100% 0%, 80% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0%, 80% 100%, 0% 100%);margin-top:20px;padding:20px 65px 20px 40px}
.v-light:not(.no-light) .testimonials-2 .testimonials-main-content .testimonials-item .bottom-box{background-color:#d90a2c}
@media only screen and (max-width:767px){
.testimonials-2 .testimonials-main-content .testimonials-item .bottom-box{padding:20px 40px 20px 20px}
}
.testimonials-2 .testimonials-main-content .testimonials-item .sm-title-block{margin-bottom:10px}
.v-light:not(.no-light) .testimonials-2 .testimonials-main-content .testimonials-item .sm-title-block{color:#fff}
.testimonials-2 .testimonials-main-content .testimonials-item h6{color:rgba(255, 255, 255, 0.69);font-size:14px;font-weight:500;letter-spacing:1.5px}
.testimonials-2.testimonials-3 .testimonials-nav{position:relative;overflow:hidden}
.testimonials-2.testimonials-3 .testimonials-nav:before{content:"";position:absolute;top:-35px;right:65%;width:100%;height:350px;border:2px solid #0e0e0d;border-radius:50%}
.v-light:not(.no-light) .testimonials-2.testimonials-3 .testimonials-nav:before{border-color:#bebebe}
@media only screen and (max-width:767px){
.testimonials-2.testimonials-3 .testimonials-nav:before{display:none}
}
.testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;text-align:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);margin-bottom:10px}
.testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner img{width:80px;border-radius:50%}
.testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner .info{margin-left:10px}
.testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner .info h5{color:#fff;font-size:18px;font-weight:600;letter-spacing:1.2px;margin-bottom:10px}
.v-light:not(.no-light) .testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner .info h5{color:#d90a2c}
.testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner .info h6{font-size:14px;font-weight:500;color:#ccb0d3}
.testimonials-2.testimonials-3 .testimonials-nav .slick-current .testimonials-nav-item-inner{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px)}
@media only screen and (max-width:767px){
.testimonials-2.testimonials-3 .testimonials-nav .slick-current .testimonials-nav-item-inner{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.testimonials-2.testimonials-3 .testimonials-main-content{position:relative;padding-bottom:40px}
@media only screen and (max-width:767px){
.testimonials-2.testimonials-3 .testimonials-main-content{padding-bottom:0}
}
.testimonials-2.testimonials-3 .testimonials-main-content:after{display:none}
.testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item{padding:0}
@media only screen and (max-width:767px){
.testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item .top-box{padding-left:0}
}
.testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item:after{content:"”";position:absolute;top:-15px;left:0;font-size:40px;line-height:0.7;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item:before{content:"”";position:absolute;bottom:-15px;right:0;font-size:40px;line-height:0.7}
@media only screen and (max-width:767px){
.testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item{padding:0}
}
.testimonials-2.testimonials-3 .slick-arrow{bottom:-20px;width:40px;line-height:50px;text-align:center;position:absolute;display:block;cursor:pointer;z-index:2}
.testimonials-2.testimonials-3 .slick-arrow.fa-angle-left{left:25px}
.testimonials-2.testimonials-3 .slick-arrow.fa-angle-right{left:75px}
@media only screen and (max-width:767px){
.testimonials-2.testimonials-3 .slick-arrow{display:none !important}
}
.testimonials-2.testimonials-3.testimonials-new{position:relative}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner{position:relative}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner:after{content:"”";font-family:sans-serif;position:absolute;bottom:-70px;right:30px;font-weight:800;font-size:165px;line-height:100px;color:#fff}
.v-light:not(.no-light) .testimonials-2.testimonials-3.testimonials-new .testimonials-inner:after{color:#000}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box .p-larg{font-family:"Roboto","Microsoft JhengHei"}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5{position:relative;margin-bottom:25px;padding-bottom:25px}
.v-light:not(.no-light) .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5{color:#000}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:after,.testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:before{content:"";position:absolute;left:0;bottom:0}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:after{width:6px;height:6px;background-color:#fff;border-radius:50%}
.v-light:not(.no-light) .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:after{background-color:#000}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:before{bottom:3px;width:80px;height:1px;background:-webkit-gradient(linear, left top, right top, color-stop(0, #eeeeee), color-stop(35%, #bababa), color-stop(65%, #999), to(#212121));background:-webkit-linear-gradient(left, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);background:-o-linear-gradient(left, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);background:linear-gradient(to right, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%)}
.testimonials-2.testimonials-3.testimonials-new .section-title-2{position:absolute;width:100%;text-align:right;margin-bottom:0;top:0;margin-right:80px;left:0;padding-right:35px}
@media only screen and (max-width:991px){
.testimonials-2.testimonials-3.testimonials-new .section-title-2{position:relative;text-align:left;top:auto;margin-bottom:50px}
}
@media only screen and (max-width:991px){
.testimonials-2.testimonials-3.testimonials-new .section-title-2{margin-bottom:40px}
}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner{padding:60px 35px}
@media only screen and (max-width:767px){
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner{padding:60px 15px}
}
.testimonials-2.testimonials-3.testimonials-new .testimonials-nav:before{content:"";position:absolute;top:-8px;right:70%;width:100%;height:210px;border:2px solid #fff;border-radius:50%}
.testimonials-2.testimonials-3.testimonials-new .testimonials-nav .testimonials-nav-item{margin:3px 0}
.testimonials-2.testimonials-3.testimonials-new .testimonials-nav-item-inner{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
.testimonials-2.testimonials-3.testimonials-new .testimonials-nav-item-inner img{width:50px;border-radius:50%}
.brand-inner .slick-list{padding:20px}
.brand-inner .slick-list:after,.brand-inner .slick-list:before{position:absolute;content:"";display:block;left:0;right:0;height:1px;background-color:rgba(255, 255, 255, 0.03)}
.brand-inner .slick-list:before{top:20px}
.brand-inner .slick-list:after{bottom:20px}
.brand-inner .slick-slide{position:relative;height:110px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.v-light:not(.no-light) .brand-inner .slick-slide{background-color:#090909}
.brand-inner .slick-slide .after-bg{left:0;top:0;opacity:0.1}
.brand-inner .slick-slide:before{content:"";display:block;position:absolute;width:1px;height:160px;background:rgba(255, 255, 255, 0.03);right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.v-light:not(.no-light) .brand-inner .slick-slide:before{background-color:#bebebe}
.brand-inner .slick-slide .brand-item{z-index:2}
.brand-inner .slick-slide img{width:110px}
.brand-client{position:relative}
.brand-client .wapper-client{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.brand-client .wapper-client .logo-box{position:relative;background-color:#090909;border:2px solid #0e0e0d;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(25% - 2px);padding:15px;min-height:240px;margin-right:2px;margin-bottom:2px;overflow:hidden}
.v-light:not(.no-light) .brand-client .wapper-client .logo-box{background-color:rgba(0, 0, 0, 0.7);border-color:#bebebe}
.brand-client .wapper-client .logo-box .after-bg{top:0;left:0;opacity:0.1}
@media only screen and (max-width:991px){
.brand-client .wapper-client .logo-box{width:calc(33.333% - 2px)}
}
@media only screen and (max-width:767px){
.brand-client .wapper-client .logo-box{width:calc(50% - 2px)}
}
@media only screen and (max-width:575px){
.brand-client .wapper-client .logo-box{width:100%}
}
.brand-client .wapper-client .logo-box img{max-width:180px;margin:auto}
.brand-client .wapper-client .logo-box .info{position:absolute;height:100%;left:0;top:0;width:100%;z-index:2}
.brand-client .wapper-client .logo-box .info .content{width:100%;height:100%;bottom:0;left:0;position:absolute;text-align:center;-webkit-transition:-webkit-clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);transition:-webkit-clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);transition:clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);transition:clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1),-webkit-clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);background:#000;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 0);clip-path:polygon(0 0, 100% 0, 100% 100%, 100% 0)}
.v-light:not(.no-light) .brand-client .wapper-client .logo-box .info .content{background-color:#f9f9f9}
.brand-client .wapper-client .logo-box .info .content .entry{position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;vertical-align:middle;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10%;width:100%;height:100%;opacity:1}
.brand-client .wapper-client .logo-box .info .content .entry div{width:100%}
.brand-client .wapper-client .logo-box .info .content .entry div h5{margin-bottom:20px}
.brand-client .wapper-client .logo-box .info .content .entry div a{letter-spacing:0px;font-weight:600}
.brand-client .wapper-client .logo-box .info:hover .content{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.facts{height:80vh}
@media only screen and (max-width:991px){
.facts{height:auto;padding-top:80px;padding-bottom:80px}
}
.facts .bg-section div:before{z-index:1}
.v-light:not(.no-light) .facts .section-title h2{color:#fff}
.facts .section-title p{font-weight:600}
.v-light:not(.no-light) .facts .section-title p{color:rgba(255, 255, 255, 0.69)}
@media only screen and (max-width:991px){
.facts .section-title p{margin-left:0}
}
.facts .section-title span{line-height:50%}
@media only screen and (max-width:991px){
.facts .section-title span{display:none}
}
.facts .section-title span img{width:70px}
.facts .facts-inner{-ms-flex-wrap:wrap;flex-wrap:wrap}
.facts .facts-inner .fact-item{width:calc(33.33333% - 15px);margin-right:15px;border:1px solid rgba(165, 100, 51, 0.44)}
.facts .facts-inner .fact-item:last-of-type{margin-right:0}
@media only screen and (max-width:575px){
.facts .facts-inner .fact-item{width:100%;margin-right:0}
.facts .facts-inner .fact-item:nth-of-type(n+2){margin-top:30px}
}
.v-light:not(.no-light) .facts .facts-inner .fact-item{border-color:#ffffff}
.facts .facts-inner .fact-item .box-title{padding:30px 20px}
@media only screen and (max-width:767px){
.facts .facts-inner .fact-item .box-title{padding:30px 15px}
}
.facts .facts-inner .fact-item .box-title h5{font-size:16px;font-weight:600;letter-spacing:2px}
.v-light:not(.no-light) .facts .facts-inner .fact-item .box-title h5{color:#fff}
.facts .facts-inner .fact-item .box-title:after{content:"";width:40px;height:3px;background:#8cbb84;position:absolute;left:15px;top:0}
.v-light:not(.no-light) .facts .facts-inner .fact-item .box-title:after{background-color:#9c6aa9}
.facts .facts-inner .fact-item .box-number{padding:30px 20px}
@media only screen and (max-width:767px){
.facts .facts-inner .fact-item .box-number{padding:30px 15px}
}
.facts .facts-inner .fact-item .box-number .number{color:#fff;font-weight:bold;font-size:70px;line-height:0.9;letter-spacing:2px}
@media only screen and (max-width:575px){
.facts .facts-inner .fact-item .box-number .number{font-size:42px}
}
.fact-number .fact-number-inner{-ms-flex-wrap:wrap;flex-wrap:wrap}
.fact-number .fact-number-inner .fact-number-item{width:33.33333%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-color:#0e0e0d;border-style:solid;border-width:0 1px 1px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.fact-number .fact-number-inner .fact-number-item:nth-child(3),.fact-number .fact-number-inner .fact-number-item:nth-child(6){border-right-width:0}
.fact-number .fact-number-inner .fact-number-item:before{content:"";display:block;padding-top:80%}
.fact-number .fact-number-inner .fact-number-item span{font-family:"Jost","Roboto","Microsoft JhengHei";color:#fff}
.fact-number .fact-number-inner .fact-number-item .fact-num{font-size:160px;font-family:"Jost","Roboto","Microsoft JhengHei";letter-spacing:0.05vw}
.fact-number .fact-number-inner .fact-number-item .fact-num-title{top:62%;left:68px;max-width:190px;padding:15px 8px;font-size:20px;text-transform:uppercase;letter-spacing:0.5px;display:block}
.team .team-item-inner:nth-of-type(n+4){margin-top:50px}
@media only screen and (max-width:767px){
.team .team-item-inner:nth-of-type(n+3){margin-top:30px}
}
@media only screen and (max-width:575px){
.team .team-item-inner:nth-of-type(n+2){margin-top:30px}
}
.team .team-item{border:2px solid #0e0e0d}
.v-light:not(.no-light) .team .team-item{border-color:#bebebe}
.team .team-item .box-img{position:relative;width:100%;height:420px}
.team .team-item .box-img:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background-color:rgba(27, 26, 26, 0.5);-webkit-box-shadow:inset 0 -75px 60px -35px #171616;box-shadow:inset 0 -75px 60px -35px #171616;-webkit-transition:opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);-o-transition:opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);transition:opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);z-index:1}
.team .team-item .box-social{position:absolute;top:30px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-bottom:15px;z-index:3}
.team .team-item .box-social ul{position:absolute;top:0;visibility:hidden}
.team .team-item .box-social ul li{position:relative;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;margin-bottom:-15px;-webkit-transition:all 0.2s cubic-bezier(0.48, 0.83, 0.63, 0.91);-o-transition:all 0.2s cubic-bezier(0.48, 0.83, 0.63, 0.91);transition:all 0.2s cubic-bezier(0.48, 0.83, 0.63, 0.91);-webkit-transition-delay:calc(70ms * var(--html-dsn-index));-o-transition-delay:calc(70ms * var(--html-dsn-index));transition-delay:calc(70ms * var(--html-dsn-index));opacity:0}
.team .team-item .box-social ul li .icon-circle{position:absolute;width:30px;height:30px;top:0;border-radius:50%;border:1px solid #8cbb84;z-index:-1;opacity:0}
.v-light:not(.no-light) .team .team-item .box-social ul li .icon-circle{border:#d90a2c}
.team .team-item .box-social ul li a{position:relative;width:100%;height:100%;text-align:center}
.team .team-item .box-social ul li:hover .icon-circle{opacity:1}
.team .team-item .text-box{position:absolute;bottom:0;left:0;margin:15px;padding:18px 24px 15px;background-color:#090909;width:calc(100% - 30px);z-index:3}
.v-light:not(.no-light) .team .team-item .text-box{background-color:#e6e6e6}
.team .team-item .text-box h5{position:relative;color:rgba(255, 255, 255, 0.69);text-transform:uppercase;font-size:13px;font-weight:500;letter-spacing:1.2px;margin-bottom:10px;padding-left:20px}
.v-light:not(.no-light) .team .team-item .text-box h5{color:#0009}
.team .team-item .text-box h5:before{content:"";position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#8cbb84;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.v-light:not(.no-light) .team .team-item .text-box h5:before{background-color:#d90a2c}
.team .team-item .text-box h3{color:#fff;margin-bottom:0;letter-spacing:1px}
.v-light:not(.no-light) .team .team-item .text-box h3{color:#000}
.team .team-item:hover .box-img:after{opacity:1}
.team .team-item:hover .box-social ul{visibility:visible}
.team .team-item:hover .box-social ul li{opacity:1;margin-bottom:5px}
[data-dsn-grid=move-up],[data-dsn-grid=moveUp]{position:relative;overflow:hidden;height:100vh;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.container [data-dsn-grid=move-up],.container [data-dsn-grid=moveUp],.header-project .link-vist [data-dsn-grid=move-up],.header-project .link-vist [data-dsn-grid=moveUp]{height:80vh}
@media only screen and (max-width:767px){
[data-dsn-grid=move-up].parallax-responsive,[data-dsn-grid=moveUp].parallax-responsive{height:70vh}
}
@media only screen and (max-width:575px){
[data-dsn-grid=move-up].parallax-responsive,[data-dsn-grid=moveUp].parallax-responsive{height:50vh}
}
[data-dsn-grid=move-up] img,[data-dsn-grid=move-up] video,[data-dsn-grid=moveUp] img,[data-dsn-grid=moveUp] video{position:relative;width:100%;top:-30%;height:130%;pointer-events:none;-o-object-fit:cover;object-fit:cover;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform}
[data-dsn-grid=move-up] img.has-bigger-scale,[data-dsn-grid=move-up] video.has-bigger-scale,[data-dsn-grid=moveUp] img.has-bigger-scale,[data-dsn-grid=moveUp] video.has-bigger-scale{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
[data-dsn-grid=move-up] img.has-skew,[data-dsn-grid=move-up] video.has-skew,[data-dsn-grid=moveUp] img.has-skew,[data-dsn-grid=moveUp] video.has-skew{-webkit-transform-origin:0 90%;-ms-transform-origin:0 90%;transform-origin:0 90%;-webkit-transform:skewX(5deg);-ms-transform:skewX(5deg);transform:skewX(5deg)}
[data-dsn-grid=move-up] img.has-opposite-direction,[data-dsn-grid=move-up] video.has-opposite-direction,[data-dsn-grid=moveUp] img.has-opposite-direction,[data-dsn-grid=moveUp] video.has-opposite-direction{height:120%;top:0}
[data-dsn-grid=move-up] img[data-dsn-scale="1"],[data-dsn-grid=move-up] video[data-dsn-scale="1"],[data-dsn-grid=moveUp] img[data-dsn-scale="1"],[data-dsn-grid=moveUp] video[data-dsn-scale="1"]{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
[data-dsn-grid=move-up].h-100,[data-dsn-grid=moveUp].h-100{height:100%}
.section-p h2{max-width:750px;font-size:25px;margin:0 auto}
@media only screen and (max-width:991px){
.section-p h2{font-size:22px}
}
.section-p h2.title{font-size:46px;margin-bottom:30px;color:#8cbb84;text-transform:uppercase}
.v-light:not(.no-light) .section-p h2.title{color:#d90a2c}
@media only screen and (max-width:767px){
.section-p h2.title{font-size:28px}
}
.section-p .caption-p{margin-top:15px;color:#fff}
.v-light:not(.no-light) .section-p .caption-p{color:#000}
.box-seat{position:relative}
.box-seat [data-dsn=rStories].work-masonry .story-item:before,.box-seat [data-overlay]:before,[data-dsn=rStories].work-masonry .box-seat .story-item:before{z-index:1}
.box-seat .pro-text{position:absolute;background-color:#090909;padding:80px;right:80px;bottom:-50px;border-radius:7px}
@media only screen and (max-width:767px){
.box-seat .pro-text{padding:80px 30px}
}
@media only screen and (max-width:575px){
.box-seat .pro-text{padding:80px 15px}
}
.box-seat .pro-text:not(.container){max-width:600px}
.box-seat .pro-text .title-cover{left:0}
.box-seat .pro-text h3{font-size:40px;font-weight:600}
@media only screen and (max-width:575px){
.box-seat .pro-text h3{font-size:22px}
}
.v-light:not(.no-light) .box-seat .pro-text{background-color:#e6e6e6}
.v-light:not(.no-light) .box-seat .pro-text h3{color:#fff}
.box-seat .pro-text p{margin-top:30px}
@media only screen and (max-width:767px){
.box-seat .pro-text p{margin-top:20px}
}
.v-light:not(.no-light) .box-seat .pro-text p{color:rgba(255, 255, 255, 0.69)}
.box-seat.box-seat-full .pro-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;background-color:rgba(13, 13, 13, 0.7);height:80%;top:10%}
.v-light:not(.no-light) .box-seat.box-seat-full .pro-text{background-color:rgba(0, 0, 0, 0.42)}
@media only screen and (max-width:991px){
.v-light:not(.no-light) .box-seat.box-seat-full .pro-text{background-color:black}
}
.v-light:not(.no-light) .box-seat.box-seat-full .pro-text h3{color:#fff}
.v-light:not(.no-light) .box-seat.box-seat-full .pro-text p{color:rgba(255, 255, 255, 0.69)}
.v-light:not(.no-light) .box-seat.box-seat-full .pro-text .link-custom a{color:#fff}
.v-light:not(.no-light) .box-seat.box-seat-full .pro-text .link-custom a:before{color:#000;background-color:#fff}
.box-seat.box-seat-bottom{margin-bottom:0}
.box-seat.box-seat-bottom .pro-text{position:relative;width:100%;bottom:150px;text-align:center;margin-bottom:-150px;border-radius:3px 3px 0 0;right:auto}
@media only screen and (max-width:767px){
.box-seat.box-seat-bottom .pro-text{width:100%}
}
.v-light:not(.no-light) .box-seat.box-seat-bottom .pro-text h3{color:#000}
.v-light:not(.no-light) .box-seat.box-seat-bottom .pro-text p{color:#0009}
@media only screen and (max-width:575px){
.box-seat.box-seat-center .inner-img{height:80vh}
}
.box-seat.box-seat-center .pro-text{max-width:80%;right:10%;bottom:unset;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(9, 9, 9, 0.7)}
@media only screen and (max-width:991px){
.box-seat.box-seat-center .pro-text{max-width:100%;right:0;padding:40px 20px;margin-left:50px;margin-right:50px}
}
@media only screen and (max-width:767px){
.box-seat.box-seat-center .pro-text{margin-left:30px;margin-right:30px}
}
@media only screen and (max-width:575px){
.box-seat.box-seat-center .pro-text{margin-left:15px;margin-right:15px}
}
.mask-bg{position:absolute;top:0;right:0;width:calc(70% + 20px);height:100%;background-color:#090909;z-index:-1}
.v-light:not(.no-light) .mask-bg{background-color:#e6e6e6}
.slider-project{position:relative}
.slider-project .item-project{height:85vh}
.slider-project .slick-list{cursor:-webkit-grab;cursor:grab}
.slider-project .slick-slide{overflow:hidden}
.slider-project .slick-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:-webkit-transform 0.8s;transition:-webkit-transform 0.8s;-o-transition:transform 0.8s;transition:transform 0.8s;transition:transform 0.8s,-webkit-transform 0.8s}
.slider-project .slick-slide.slick-current img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}
.slider-project.slider-project-3 .item-project{height:75vh}
.slider-project.slider-project-3.slider-project-min-height .item-project{height:55vh}
.slider-project.slider-project-3 .slick-list{padding:0 20% 0 20%}
@media only screen and (max-width:767px){
.slider-project.slider-project-3 .slick-list{padding:0 10% 0 10%}
}
@media only screen and (max-width:575px){
.slider-project.slider-project-3 .slick-list{padding:0 0 0 0}
}
.slider-project.slider-project-3 .slick-slide{margin:0 10px}
.slider-project.slider-project-3 .slick-slide img{padding-left:30px;padding-right:30px}
@media only screen and (max-width:575px){
.slider-project.slider-project-3 .slick-slide img{padding-left:5px;padding-right:5px}
}
.box-gallery-vertical{position:relative;overflow:hidden}
/*綠色 #8cbb84*/
/*紫色 #9c6aa9*/
/*藍色 #275b95*/
body.v-light .wrapper{background-color:#8cbb84}
/*不可能可能*/
#MixGallery.background-section{background-color:#8cbb84}
/*田間科技*/
body.v-light .testimonials-2.testimonials-3.testimonials-new{background-color:#275b95}
body.v-light #OurTech h2,body.v-light #OurTech h6,body.v-light #OurTech .testimonials-inner .testimonials-item .top-box h5,body.v-light #OurTech .testimonials-inner .testimonials-item .top-box h5:after,body.v-light #OurTech .testimonials-inner .testimonials-item .top-box h5:before,body.v-light #OurTech .testimonials-nav-item-inner .info h5,body.v-light #OurTech .testimonials-inner .testimonials-item .top-box .p-larg,body.v-light #OurTech .testimonials-inner:after,body.v-light #OurTech .slick-arrow{color:#fff}
body.v-light #OurTech .testimonials-inner .testimonials-item .top-box h5:after,body.v-light #OurTech .testimonials-inner .testimonials-item .top-box h5:before{background-color:#fff}
body.v-light .box-gallery-vertical{}
.box-gallery-vertical .title-cover{text-align:left}
.testimonials-2.testimonials-3.testimonials-new .testimonials-inner{background-color:transparent}
.box-gallery-vertical.box-gallery-vertical-order .mask-bg{left:0;right:auto}
.box-gallery-vertical.box-gallery-vertical-order .row .col-lg-6:first-child{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.box-gallery-vertical.box-gallery-vertical-order .box-info{padding-right:50px;padding-left:0}
@media only screen and (max-width:991px){
.box-gallery-vertical.box-gallery-vertical-order .box-info{padding-left:30px;padding-top:0;padding-bottom:30px}
}
@media only screen and (max-width:767px){
.box-gallery-vertical.box-gallery-vertical-order .box-info{padding-bottom:30px;padding-left:0}
}
.box-gallery-vertical.box-gallery-vertical-order .box-info .vertical-title:before{display:none}
.box-gallery-vertical [data-dsn-grid=moveUp]{height:100vh;max-width:500px}
.box-gallery-vertical .vertical-title{position:relative}
.box-gallery-vertical .vertical-title:before{content:"";height:1px;background:#fff;position:absolute;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);left:-25px;right:auto;width:100px;top:50%}
.v-light:not(.no-light) .box-gallery-vertical .vertical-title:before{background-color:#000}
.box-gallery-vertical .vertical-title h2{font-size:42px;margin-bottom:30px}
.box-gallery-vertical .box-info{position:relative;padding-left:10px}
.box-gallery-vertical h6{font-family:"Jost","Roboto","Microsoft JhengHei";margin-bottom:20px;line-height:1.6}
.box-gallery-vertical .back_stage__subtitle{color:#fff;max-width:270px;font-size:24px;font-weight:700;line-height:28px;margin-bottom:30px}
@media only screen and (max-width:991px){
.box-gallery-vertical{padding:0}
.box-gallery-vertical .box-im{margin:0;max-width:100%}
.box-gallery-vertical .mask-bg{display:none}
.box-gallery-vertical [data-dsn-grid=moveUp]{height:80vh}
.box-gallery-vertical .box-info{padding:30px;padding-bottom:0}
}
@media only screen and (max-width:991px) and (max-width:991px){
.box-gallery-vertical .box-info{padding-left:0;padding-right:0}
}
@media only screen and (max-width:991px){
.box-gallery-vertical .box-info .vertical-title:before{display:none}
.box-gallery-vertical .box-info .vertical-title h2{font-size:35px;margin-bottom:20px;line-height:inherit}
.box-gallery-vertical .box-info .vertical-title p{font-size:14px}
.box-gallery-vertical h6{margin-bottom:10px;font-weight:600}
.box-gallery-vertical .link-custom{margin-top:20px}
}
@media only screen and (max-width:767px){
.box-gallery-vertical .box-im{margin:0;max-width:100%}
.box-gallery-vertical .box-info{margin-bottom:0;padding:30px 0 0 0}
.box-gallery-vertical .box-info .vertical-title h2{font-size:25px}
.box-gallery-vertical .box-info .vertical-title h6{font-size:16px}
.box-gallery-vertical .box-info .vertical-title p{font-weight:400}
.box-gallery-vertical .link-custom{margin-top:20px}
}
.box-gallery-vertical .mask-bg+div:not(.container){overflow:hidden}
.box-gallery-vertical.box-gallery-content{padding:0}
.box-gallery-vertical.box-gallery-content .mask-bg{display:none}
.box-gallery-vertical.box-gallery-content .bg-mask-content{position:relative}
@media only screen and (max-width:991px){
.box-gallery-vertical.box-gallery-content .bg-mask-content{margin-bottom:0}
}
.box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2{position:absolute;width:100vw;height:100%;left:50%;right:50%;margin-left:-30vw;margin-right:-50vw;border-radius:7px}
.box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2:not(.background-main){background-color:#162b50}
.v-light:not(.no-light) .box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2:not(.background-main){background-color:#fff}
@media only screen and (max-width:991px){
.box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2{display:none}
}
.box-gallery-vertical.box-gallery-content .bg-mask-content h6,.box-gallery-vertical.box-gallery-content .bg-mask-content p{position:relative}
.box-gallery-vertical.box-gallery-content .bg-mask-content h6{padding-top:30px}
@media only screen and (max-width:991px){
.box-gallery-vertical.box-gallery-content .bg-mask-content h6{padding-top:0}
}
.box-gallery-vertical.box-gallery-content .bg-mask-content p{padding-bottom:30px}
@media only screen and (max-width:991px){
.box-gallery-vertical.box-gallery-content .bg-mask-content p{padding-bottom:0}
}
.box-gallery-vertical.box-gallery-content .bg-mask-content+div{margin-top:30px}
@media only screen and (max-width:991px){
.box-gallery-vertical.box-gallery-content .bg-mask-content+div{margin-top:0}
}
.box-gallery-vertical.box-gallery-content.box-gallery-vertical-order .bg-mask-content{z-index:1}
.box-gallery-vertical.box-gallery-content.box-gallery-vertical-order .bg-mask-content .mask-bg-2{width:58vw}
@media only screen and (min-width:576px){
.fill-right-container{width:calc(100% - calc(-100vw / 2 + 100% / 2) - 15px)}
}
.full-width{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.colection-image .project-image-collage{display:-ms-grid;display:grid;grid-column-gap:40px;grid-row-gap:40px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}
@media only screen and (max-width:767px){
.colection-image .project-image-collage{-ms-grid-columns:unset;grid-template-columns:unset}
}
.colection-image .project-image-collage[data-dsn-grid=moveUp]{height:70vh}
.colection-image .project-image-collage:nth-of-type(n+2){margin-top:40px}
.colection-image .project-image-collage a{height:70vh}
@media only screen and (max-width:575px){
.colection-image .project-image-collage{-ms-grid-columns:unset;grid-template-columns:unset}
}
.colection-image .project-image-collage.project-collage-two-left{-ms-grid-columns:35% 65%;grid-template-columns:35% 65%}
@media only screen and (max-width:767px){
.colection-image .project-image-collage.project-collage-two-left{-ms-grid-columns:unset;grid-template-columns:unset;grid-column-gap:40px;grid-row-gap:40px;height:auto}
}
.colection-image .project-image-collage.project-collage-two-right{-ms-grid-columns:60% 40%;grid-template-columns:60% 40%}
@media only screen and (max-width:767px){
.colection-image .project-image-collage.project-collage-two-right{-ms-grid-columns:unset;grid-template-columns:unset;grid-column-gap:40px;grid-row-gap:40px;height:auto}
}
.gallery-col{position:relative;overflow:hidden;background-color:#090909}
.v-light:not(.no-light) .gallery-col{background-color:#e6e6e6}
.gallery-col .box-im{position:relative;padding-left:60px;padding-right:60px}
.gallery-col .box-im a{height:70vh}
@media only screen and (max-width:991px){
.gallery-col .box-im{padding:40px 40px 40px 60px}
}
@media only screen and (max-width:767px){
.gallery-col .box-im{padding:80px 60px}
.gallery-col .box-im .caption{left:20px}
}
@media only screen and (max-width:575px){
.gallery-col .box-im{padding:80px 20px}
.gallery-col .box-im .caption{left:-20px}
}
.gallery-col .box-im:nth-child(2n){background-color:#000}
.v-light:not(.no-light) .gallery-col .box-im:nth-child(2n){background-color:#f9f9f9}
.gallery-col .box-im .image-zoom{width:100%;display:inline-block;position:relative;vertical-align:bottom;text-align:center}
.gallery-col .box-im .image-zoom img{max-width:100%;-webkit-transition:all 750ms ease-in-out;-o-transition:all 750ms ease-in-out;transition:all 750ms ease-in-out}
.project-image-vertical{position:relative}
@media only screen and (max-width:767px){
.project-image-vertical .row{display:-ms-grid;display:grid;grid-column-gap:40px;grid-row-gap:40px}
}
.project-image-vertical .image-vertical-item{position:relative}
.project-image-vertical .image-vertical-item .captions{text-transform:uppercase;font-weight:600;letter-spacing:0px;bottom:0;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;color:#fff}
.v-light:not(.no-light) .project-image-vertical .image-vertical-item .captions{color:#000}
.project-image-vertical .image-vertical-item a{width:100%}
.project-image-vertical .image-vertical-item:nth-of-type(odd) a{padding-right:10%}
@media only screen and (max-width:767px){
.project-image-vertical .image-vertical-item:nth-of-type(odd) a{padding-right:0}
}
.project-image-vertical .image-vertical-item:nth-of-type(odd) .captions{right:2.5%}
@media only screen and (max-width:767px){
.project-image-vertical .image-vertical-item:nth-of-type(odd) .captions{right:auto;left:15px;bottom:15px;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit}
}
.project-image-vertical .image-vertical-item:nth-of-type(2n) a{padding-left:10%;margin-top:120px}
@media only screen and (max-width:767px){
.project-image-vertical .image-vertical-item:nth-of-type(2n) a{padding-left:0;margin-top:0}
}
.project-image-vertical .image-vertical-item:nth-of-type(2n) .captions{left:2.5%}
@media only screen and (max-width:767px){
.project-image-vertical .image-vertical-item:nth-of-type(2n) .captions{left:15px;bottom:15px;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit}
}
.slider-project-swiper{position:relative}
.slider-project-swiper[data-dsn-grid=moveUp]{height:70vh}
.slider-project-swiper .swiper-container{width:100%;height:100%}
.slider-project-swiper .swiper-slide{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:70%;height:80vh;overflow:hidden;position:relative}
@media only screen and (max-width:767px){
.slider-project-swiper .swiper-slide{width:100%}
}
.slider-project-swiper .swiper-slide img{width:auto}
.bg-color-global{background-color:#000}
.v-light:not(.no-light) .bg-color-global{background-color:#f9f9f9}
@media only screen and (min-width:992px){
.wrapper>:first-child.dsn-under-header{position:relative;margin-top:-80px;z-index:2}
.wrapper>:first-child.dsn-under-header .section-title,.wrapper>:first-child.dsn-under-header .section-title-2{display:none}
}
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,.dsn-work-scrollbar,.sidebar-single{overflow:hidden;height:100vh}
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track,.dsn-work-scrollbar .scrollbar-track,.sidebar-single .scrollbar-track{background:none;width:5px}
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track .scrollbar-thumb,.dsn-work-scrollbar .scrollbar-track .scrollbar-thumb,.sidebar-single .scrollbar-track .scrollbar-thumb{background:#424242;width:5px}
.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,.dsn-work-scrollbar,.sidebar-single{height:calc(100vh - 46px)}
@media screen and (min-width:783px){
.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,.dsn-work-scrollbar,.sidebar-single{height:calc(100vh - 32px)}
}
.locked-scroll #dsn-scrollbar{background-color:#000}
.intro-project-details{overflow:hidden;-ms-flex-wrap:wrap;flex-wrap:wrap;width:-webkit-max-content;width:-moz-max-content;width:max-content}
.intro-project-details .descrption-item{padding-top:30px;padding-right:50px}
@media only screen and (max-width:991px){
.intro-project-details .descrption-item{width:33.333%;padding-top:30px;padding-right:15px}
}
.intro-project-details .descrption-item:last-of-type{padding-right:0}
.intro-project-details .descrption-item h5{position:relative;font-size:16px;letter-spacing:0px;padding-bottom:10px;margin-bottom:10px}
.v-light:not(.no-light) [data-dsn-header=personal],.v-light:not(.no-light) [data-dsn-header=project]{background-color:#000}
.v-light:not(.no-light) [data-dsn-header=personal] .link-custom,.v-light:not(.no-light) [data-dsn-header=project] .link-custom{color:#fff}
.v-light:not(.no-light) [data-dsn-header=personal] .link-custom .link-text,.v-light:not(.no-light) [data-dsn-header=project] .link-custom .link-text{color:#fff}
.v-light:not(.no-light) [data-dsn-header=personal] .link-custom .link-circle,.v-light:not(.no-light) [data-dsn-header=project] .link-custom .link-circle{background:#fff;color:#000}
.v-light:not(.no-light) [data-dsn-header=personal] .link-custom .link-circle i,.v-light:not(.no-light) [data-dsn-header=project] .link-custom .link-circle i{color:#000}
.v-light:not(.no-light) [data-dsn-header=personal] .scroll-d img,.v-light:not(.no-light) [data-dsn-header=project] .scroll-d img{-webkit-filter:none;filter:none}
.header-project .intro-project{width:60%}
@media only screen and (max-width:991px){
.header-project .intro-project{width:100%}
}
.v-light:not(.no-light) .header-project .intro-project .title{color:#fff}
.v-light:not(.no-light) .header-project .intro-project #dsn-hero-description{color:rgba(255, 255, 255, 0.69)}
.header-project .description{margin-top:25px;max-width:570px}
.header-project .desc-personal{margin-top:25px}
.header-project #dsn-hero-desc-items{margin-top:25px}
@media only screen and (max-width:991px){
.header-project .link-vist{left:0}
}
.header-project .v-middle-horizontal .intro-project{width:100%}
.header-project.justify-content-center .intro-project,.header-project.text-center .intro-project{width:100%}
.header-project .intro-project-details{padding:0 30px 30px;margin-top:30px;background-color:rgba(9, 9, 9, 0.7)}
@media only screen and (max-width:575px){
.header-project .intro-project-details{padding:0 15px 30px}
}
.v-light:not(.no-light) .header-project .intro-project-details h5{color:#fff}
.header-project .intro-project-details h5:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:1px;background-color:#8cbb84}
.v-light:not(.no-light) .header-project .intro-project-details h5:after{background-color:#d90a2c}
.v-light:not(.no-light) .header-project .intro-project-details p{color:rgba(255, 255, 255, 0.69)}
@-webkit-keyframes rotate{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes rotate{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
0%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.icon-sound{width:25px;height:25px}
.icon-sound svg{fill:#fff;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5;-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}
.icon-sound svg .wave-line{fill:none;stroke:#8cbb84;stroke-width:4px;opacity:0}
header{overflow:hidden}
header .header-master{position:relative;width:100%;height:100vh}
@media only screen and (max-width:767px){
header .header-master #dsn-hero-parallax-title{padding:0 20px}
}
header .header-master .content{z-index:2}
.v-light:not(.no-light) header .header-master .title{color:#fff}
header .header-hero .image-bg{width:40%;left:auto;right:0}
@media only screen and (max-width:991px){
header .header-hero .image-bg{width:100%}
}
header .header-hero .hero-bottom{bottom:0;left:0}
header .header-hero .hero-bottom .video-box-bottom{width:18vw;height:22vh}
header .header-hero .hero-bottom .info{padding-left:25px}
header .header-hero .hero-bottom .info li{font-size:15px;margin-bottom:15px}
header .header-hero .hero-bottom .info li strong{color:#fff}
header .header-hero .hero-bottom .info li span{margin-right:5px;margin-left:5px}
header .header-hero .bottom-info{margin-top:30px}
@media only screen and (max-width:991px){
header .header-hero .bottom-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
header .header-hero .box-left,header .header-hero .box-right{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}
@media only screen and (max-width:991px){
header .header-hero .box-left,header .header-hero .box-right{width:100%}
}
@media only screen and (max-width:991px){
header .header-hero .box-right{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:30px}
}
header .header-page.header-page-work-2{height:45vh}
header .header-page.header-page-work-2 .contenet-hero{padding:0}
header .header-page.header-page-work-space{padding-bottom:200px}
@media only screen and (max-width:767px){
header .header-page.header-page-work-space{padding-bottom:0}
}
header .header-page .shap-section{position:absolute;bottom:20px;right:20px;width:190px}
header .header-page .shap-section img{opacity:0.15}
header .header-page .contenet-hero{padding:150px 0;max-width:750px}
@media only screen and (max-width:991px){
header .header-page .title{margin-left:0}
}
@media only screen and (max-width:767px){
header .header-page .title{margin-bottom:15px}
}
header .header-page .title-page{font-size:22px;font-weight:300;letter-spacing:0px;margin-bottom:25px;line-height:1}
header .header-page .title-page:before{content:"";position:absolute;top:0px;left:-30px;height:22px;width:22px;background-repeat:no-repeat;background-position:center;background-image:url("../img/line.svg")}
@media only screen and (max-width:991px){
header .header-page .title-page:before{display:none}
}
@media only screen and (max-width:767px){
header .header-page .title-page{line-height:1.2}
}
header .header-page .subtitle-page{font-size:18px;font-weight:300;line-height:29px;max-width:730px;margin-top:25px}
@media only screen and (max-width:767px){
header .header-page-contact .image-head{min-height:auto;height:auto;padding:80px 0}
}
.image-head{min-height:600px;height:80vh}
.image-head .box-overlay{left:0;top:0;background-color:#fff;opacity:0.7;z-index:2}
@media only screen and (max-width:767px){
.image-head.image-head-contact ul{display:block}
}
.image-head.image-head-contact .box-text{top:auto;width:100%;padding:0}
.image-head.image-head-contact .box-text .contact-info-item{margin-bottom:0;padding:20px 60px 20px 20px;width:calc(33.333% - 2px);margin-right:2px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.image-head.image-head-contact .box-text .contact-info-item .icon{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media only screen and (max-width:991px){
.image-head.image-head-contact .box-text .contact-info-item .icon{position:relative;right:auto;top:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);margin-bottom:15px}
}
.image-head.image-head-contact .box-text .contact-info-item .icon img{width:35px}
.image-head.image-head-contact .box-text .contact-info-item .icon i{font-size:22px;color:#fff}
.image-head.image-head-contact .box-text .contact-info-item strong{margin-bottom:20px}
.image-head.image-head-contact label{pointer-events:none;margin-bottom:30px;z-index:3}
.image-head.image-head-contact label .input{display:none}
.image-head.image-head-contact label .input:checked+.toggle-wrapper{-webkit-box-shadow:0 8px 14px 0 rgba(118, 72, 37, 0.12);box-shadow:0 8px 14px 0 rgba(118, 72, 37, 0.12)}
.image-head.image-head-contact label .input:checked+.toggle-wrapper>.selector{left:calc(100% - 35px);background-color:#8cbb84}
.image-head.image-head-contact label .input:checked~.notification>.selected:before{content:attr(data-text-select)}
.image-head.image-head-contact label .toggle-wrapper{width:70px;height:35px;background-color:#eaeaea;border-radius:30px;cursor:pointer;pointer-events:all;-webkit-box-shadow:0 8px 14px 0 rgba(0, 0, 0, 0.12);box-shadow:0 8px 14px 0 rgba(0, 0, 0, 0.12)}
.image-head.image-head-contact label .toggle-wrapper .selector{width:25px;height:25px;top:50%;left:10px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#000;-webkit-transition:left 0.25s ease;-o-transition:left 0.25s ease;transition:left 0.25s ease;border-radius:50%}
.image-head.image-head-contact label .notification{color:#0e0e0d;margin-left:10px}
.image-head.image-head-contact label .notification .selected:before{content:attr(data-text);border-bottom:1px solid;color:#8cbb84}
.image-head .image-bg,.image-head .map-custom{left:0;top:0}
.image-head .box-text{top:-50px;z-index:2;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:80px;padding-right:80px}
.v-light:not(.no-light) .image-head .box-text{background-color:#d90a2c}
.v-light:not(.no-light) .image-head .box-text.box-text-contact-2{background-color:transparent}
.image-head .box-text.box-text-contact-2 .address-container .contact-info-item{margin-bottom:0;padding:30px 25px}
@media only screen and (max-width:767px){
.image-head .box-text.box-text-contact-2 .address-container .contact-info-item:nth-of-type(n+2){margin-top:30px}
}
.v-light:not(.no-light) .image-head .box-text.box-text-contact-2 .address-container .contact-info-item{background-color:#d90a2c}
@media only screen and (max-width:767px){
.image-head .box-text.box-text-contact-2 .address-container .contact-info-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
@media only screen and (max-width:767px){
.image-head .box-text{width:100%;padding:60px 20px}
}
.image-head .box-text h5{margin-bottom:25px}
@media only screen and (max-width:767px){
.image-head .box-text h5{margin-bottom:30px;font-size:22px;font-weight:600}
}
.v-light:not(.no-light) .image-head .box-text h5{color:#fff}
.image-head .box-text h4{font-size:52px;font-weight:700;text-transform:uppercase;letter-spacing:6px}
.v-light:not(.no-light) .image-head .box-text h4{color:#fff}
@media only screen and (max-width:767px){
.image-head .box-text h4{font-size:32px;max-width:100%}
}
.image-head .box-text .address-container .contact-info-item{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;font-size:16px;margin-bottom:15px;max-width:400px}
.image-head .box-text .address-container .contact-info-item:last-of-type{margin-bottom:0}
.v-light:not(.no-light) .image-head .box-text .address-container .contact-info-item{background-color:#d90a2c}
@media only screen and (max-width:767px){
.image-head .box-text .address-container .contact-info-item{width:100%;max-width:100%}
}
.image-head .box-text .address-container .contact-info-item strong{min-width:80px;text-transform:uppercase;color:#fff}
.image-head .box-text .address-container .contact-info-item .dott{margin-right:10px;margin-left:10px}
.v-light:not(.no-light) .image-head .box-text .address-container .contact-info-item .dott{color:#fff}
.v-light:not(.no-light) .image-head .box-text .address-container .contact-info-item p{color:rgba(255, 255, 255, 0.69)}
.header-review{position:relative;width:100%;height:100vh;background-color:#000}
.header-review .btn-form{width:-webkit-max-content;width:-moz-max-content;width:max-content}
.header-review .header-top-review{position:absolute;top:0;padding:30px 40px;z-index:2}
.header-review .header-top-review .box-logo img{width:100px}
.header-review .header-top-review .btn{border:2px solid #fff;padding:15px 25px}
.header-review .review-img-container{position:absolute;top:0;left:0;height:100%;width:100%}
.header-review .review-img-container .img-veiw{position:absolute;width:350px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.header-review .review-img-container .img-veiw1{top:25%;left:4%}
.header-review .review-img-container .img-veiw2{top:55%;left:8%}
.header-review .review-img-container .img-veiw3{top:85%;left:4%}
.header-review .review-img-container .img-veiw4{top:25%;right:4%}
.header-review .review-img-container .img-veiw5{top:55%;right:8%}
.header-review .review-img-container .img-veiw6{top:85%;right:4%}
.header-review .content-veiw{padding:60px 15px;width:100%;position:relative;text-align:center;overflow:hidden;z-index:2}
.header-review .content-veiw .cover-title{font-size:20vw;font-weight:600;line-height:1.15;opacity:0.05;z-index:-1}
.header-review .content-veiw h2{font-size:110px;font-weight:bold;font-size:70px;margin-bottom:30px;line-height:1;text-transform:uppercase;letter-spacing:3px}
.header-review .content-veiw h4{font-weight:300;margin-bottom:35px}
.header-review .content-veiw .btn{border:2px solid #fff}
.header-review .scroll-d{left:50%;right:auto;margin-left:-30px}
.header-review .scroll-d i{position:absolute;top:50%;left:50%;width:40px;height:40px;line-height:40px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;font-size:14px;color:#fff;cursor:pointer}
.header-single-post{position:relative;height:60vh}
.page-template-page-works .header-single-post{margin-bottom:120px}
.header-single-post .inner-box{position:relative;margin-top:80px;margin-bottom:80px;z-index:2;padding:0 15px}
.header-single-post .inner-box .title{letter-spacing:0;font-weight:500;color:#fff}
.header-single-post .inner-box .post-info{margin-bottom:12px}
.header-single-post .inner-box .post-info .dsn-link{display:inline-block;font-size:14px;font-weight:500;letter-spacing:1.2px;word-spacing:2px}
.header-single-post .inner-box .post-info .blog-post-date{padding-right:20px;padding-bottom:8px;color:#fff}
.header-single-post .inner-box .blog-post-cat{margin-top:20px}
.header-single-post .inner-box .blog-post-cat a{position:relative;text-transform:lowercase;margin-right:5px;padding-bottom:8px;color:#fff;font-weight:600}
.header-single-post .inner-box .blog-post-cat a:after{content:','}
.header-single-post .inner-box .blog-post-cat a:last-of-type{margin-right:0}
.header-single-post .inner-box .blog-post-cat a:last-of-type:after{display:none}
.header-single-post .post-parallax-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;text-align:center}
.header-single-post .post-parallax-wrapper:before{z-index:1}
.header-single-post .post-parallax-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:zoomUp 10s linear 0s 1 normal both}
.swiper-slide-active .homebgimage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:zoomUp 10s linear 0s 1 normal both}

@keyframes zoomUp{
0%{transform:scale(1)}
100%{transform:scale(1.15)}
}
header .header-master.header-half{height:80vh}
header .header-master.header-half .social-network-box{width:80vh}
@media only screen and (min-width:991px){
.hero-personal[data-dsn-header=personal].dsn-end-animate .header-project .intro-project{left:40%;-webkit-transform:none;-ms-transform:none;transform:none}
.hero-personal[data-dsn-header=personal].dsn-end-animate #dsn-hero-parallax-img{width:40%}
}
@media only screen and (min-width:991px){
[data-dsn-header=project].dsn-end-animate #dsn-hero-parallax-img{left:60%;width:40%}
}
@media only screen and (max-width:991px){
.main-slider .social-network-box{display:none}
}
.main-slider .bg-container{position:relative;width:80%;height:100%;left:20%;overflow:hidden}
@media only screen and (max-width:767px){
.main-slider .bg-container{width:100%;left:0}
}
.main-slider.demo-2 .bg-container{width:100%;left:0}
.main-slider.demo-3 .bg-container .swiper-slide{height:60%}
.main-slider.demo-3 .box-next{display:none}
.main-slider.demo-3 .dsn-slider-content .slide-content .description{display:none !important}
.main-slider .slide-item{overflow:hidden}
.main-slider .box-next,.main-slider .description,.main-slider .dsn-controls{z-index:2}
.main-slider .box-next,.main-slider .description{height:120px;width:40%;bottom:0;max-width:350px}
.main-slider .description{left:0;font-size:14px;font-weight:700;padding:30px;margin-right:-15px;margin-left:-15px}
.v-light:not(.no-light) .main-slider .description{background-color:#090909;color:rgba(255, 255, 255, 0.69)}
@media only screen and (max-width:767px){
.main-slider .description{display:none}
}
.main-slider .box-next{background-color:#275b95;right:0}
@media only screen and (max-width:767px){
.main-slider .box-next{width:30%;height:100px}
}
@media only screen and (max-width:575px){
.main-slider .box-next{width:40%;height:100px}
}
.main-slider .box-next .content-box-next{width:65%;padding:20px 0 20px 20px}
.main-slider .box-next .content-box-next>span{font-size:11px;font-weight:700;letter-spacing:2px}
.main-slider .box-next .content-box-next .metas{margin-bottom:0}
@media only screen and (max-width:767px){
.main-slider .box-next .content-box-next{width:100%;z-index:2}
.main-slider .box-next .content-box-next .metas{display:none}
}
.v-light:not(.no-light) .main-slider .box-next .content-box-next>span{color:#fff}
@media only screen and (max-width:575px){
.main-slider .box-next .content-box-next{padding:10px}
}
.main-slider .box-next .content-box-next .title-next{margin-top:15px;margin-bottom:10px;font-size:18px}
.v-light:not(.no-light) .main-slider .box-next .content-box-next .title-next{color:#fff}
@media only screen and (max-width:767px){
.main-slider .box-next .content-box-next .title-next{margin-bottom:0}
}
.main-slider .box-next .img-box-next{width:35%}
@media only screen and (max-width:767px){
.main-slider .box-next .img-box-next{position:absolute;right:0;width:100%}
}
.main-slider .box-next .img-box-next .bg-container{width:100%}
.main-slider .box-next .img-box-next .arrow{border-radius:50%;padding:14px;border:1px solid rgba(255, 255, 255, 0.09)}
@media only screen and (max-width:767px){
.main-slider .box-next .img-box-next .arrow{display:none}
}
.main-slider .box-next .img-box-next svg{width:25px;fill:#fff;cursor:pointer}
.main-slider .dsn-controls{right:20px;top:25%;height:50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.main-slider .dsn-controls .dsn-numbers{height:40px;line-height:40px}
.main-slider .dsn-controls .dsn-numbers span{width:35px;color:#fff;letter-spacing:2px}
.main-slider .dsn-controls .dsn-numbers span.full-number{color:rgba(255, 255, 255, 0.69)}
.main-slider .dsn-controls .dsn-progress{background:rgba(255, 255, 255, 0.34);width:2px;height:calc(100% - 100px)}
.main-slider .dsn-controls .dsn-progress .dsn-progress-indicator{left:0;top:0;height:70%;background-color:#fff}
.main-slider .dsn-slider-content{top:0;z-index:1;pointer-events:none}
.v-light:not(.no-light) .main-slider .dsn-slider-content .sub-text-header{color:#fff}
.v-light:not(.no-light) .main-slider .dsn-slider-content .sub-text-header h5{color:#fff}
.main-slider .dsn-slider-content .description,.main-slider .dsn-slider-content .dsn-button-link,.main-slider .dsn-slider-content .metas,.main-slider .dsn-slider-content .sub-text-header{-webkit-clip-path:inset(100% 0% 0% 0%);clip-path:inset(100% 0% 0% 0%);-webkit-transition:-webkit-clip-path 0.5s;transition:-webkit-clip-path 0.5s;-o-transition:clip-path 0.5s;transition:clip-path 0.5s;transition:clip-path 0.5s,-webkit-clip-path 0.5s}
.main-slider .dsn-slider-content .dsn-button-link{/*width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;*/width:150px;margin:0 auto;padding-right:5px}
.v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .title{color:#fff}
.v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom{color:#fff}
.v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-text{color:#fff}
.v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-circle{background:#fff;color:#000;z-index:2}
.v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-circle i{color:#000}
.v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .scroll-d img{-webkit-filter:none;filter:none}
.main-slider .dsn-slider-content .slide-content.dsn-active{z-index:3}
.main-slider .dsn-slider-content .slide-content.dsn-active .description,.main-slider .dsn-slider-content .slide-content.dsn-active .dsn-button-link a,.main-slider .dsn-slider-content .slide-content.dsn-active .metas,.main-slider .dsn-slider-content .slide-content.dsn-active .sub-text-header,.main-slider .dsn-slider-content .slide-content.dsn-active .title a{pointer-events:auto}
.main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .description,.main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .dsn-button-link,.main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .metas,.main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .sub-text-header{-webkit-clip-path:inset(0% 0% 0% 0%);clip-path:inset(0% 0% 0% 0%)}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title{opacity:0;visibility:hidden}
.nav-slider .metas span{font-size:11px}
.main-slider .dsn-slider-content .dsn-button-link.mt-30{margin-top:40px}
@media only screen and (max-width:991px){
.main-slider:not(.has-horizontal)>.bg-container:after{content:'';position:absolute;width:100%;height:100%;top:0;z-index:1}
}
.work-inner.work-inner-space{margin-top:-200px;padding-top:0}
@media only screen and (max-width:767px){
.work-inner.work-inner-space{margin-top:80px}
}
.work-inner.our-work-3 .work-item{height:100vh}
.work-inner.our-work-3 .work-container .nav-left,.work-inner.our-work-3 .work-container .nav-right{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.work-inner [data-dsn-grid=moveUp]{height:100%}
.work-inner [data-dsn=video]{position:absolute;top:0}
.work-inner .filterings{position:absolute;top:0;right:-20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;cursor:pointer}
@media only screen and (max-width:767px){
.work-inner .filterings{position:relative;-webkit-transform:none;-ms-transform:none;transform:none;right:auto;left:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin-left:30px;margin-bottom:50px}
}
@media only screen and (max-width:575px){
.work-inner .filterings{margin-left:15px}
}
.work-inner .filterings .filterings-icon{position:relative;cursor:pointer;width:40px;height:20px}
.work-inner .filterings .filterings-icon:after,.work-inner .filterings .filterings-icon:before{content:"";position:absolute;right:0;height:2px;background-color:#fff}
.v-light:not(.no-light) .work-inner .filterings .filterings-icon:after,.v-light:not(.no-light) .work-inner .filterings .filterings-icon:before{background-color:#000}
.work-inner .filterings .filterings-icon:before{top:14px;width:20px}
.work-inner .filterings .filterings-icon:after{height:2px;top:5px;width:28px}
.work-inner .filterings span{font-family:"Roboto","Microsoft JhengHei";font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding-left:15px;color:#fff;-webkit-transition:letter-spacing 0.5s ease-in-out;-o-transition:letter-spacing 0.5s ease-in-out;transition:letter-spacing 0.5s ease-in-out}
.v-light:not(.no-light) .work-inner .filterings span{color:#000}
.work-inner .filterings:hover span{letter-spacing:3px}
.work-inner .projects-list{position:relative;width:100%}
.work-inner .container-custom{max-width:1280px}
.work-inner:not(.work-masonry) .work-item-box:nth-of-type(n+4){margin-top:50px}
@media only screen and (max-width:991px){
.work-inner:not(.work-masonry) .work-item-box{width:calc(50% - 2px)}
.work-inner:not(.work-masonry) .work-item-box:nth-of-type(n+3){margin-top:50px}
}
@media only screen and (max-width:767px){
.work-inner:not(.work-masonry) .work-item-box{width:100%;padding:0}
.work-inner:not(.work-masonry) .work-item-box:nth-of-type(n+2){margin-top:50px}
}
.work-inner .work-item-box{display:inline-block;width:33%;padding:0 15px}
.work-inner .work-item{height:80vh}
.work-inner .work-item.work-item-2{height:55vh}
.work-inner .work-item a{width:100%;height:100%;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out}
.work-inner .work-item[data-dsn-grid=moveUp] img{height:120%}
.work-inner .work-item .item-border{top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);transition:transform 0.6s,background-color 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87),-webkit-transform 0.6s;z-index:1;pointer-events:none}
.work-inner .work-item .item-info{left:0;padding:15px;width:100%;-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);transition:-webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);-o-transition:transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);transition:transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);transition:transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87),-webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);z-index:2;top:auto;bottom:0}
.work-inner .work-item .item-info .cat{font-size:13px;letter-spacing:0px;font-weight:500;text-transform:uppercase;margin-bottom:10px;font-family:"Jost","Roboto","Microsoft JhengHei";opacity:0.9}
.v-light:not(.no-light) .work-inner .work-item .item-info .cat{color:rgba(255, 255, 255, 0.69)}
.work-inner .work-item .item-info h4{font-size:25px;-webkit-transition:margin-bottom 0.5s ease;-o-transition:margin-bottom 0.5s ease;transition:margin-bottom 0.5s ease;z-index:3;font-weight:600}
.v-light:not(.no-light) .work-inner .work-item .item-info h4{color:#fff}
.work-inner .work-item .item-info p{margin:20px 0}
.work-inner .work-item .item-info span{margin-top:0;color:#fff;opacity:0;font-size:13px;text-transform:uppercase;letter-spacing:0px;-webkit-transition:opacity 0.6s ease;-o-transition:opacity 0.6s ease;transition:opacity 0.6s ease}
.work-inner .work-item.dsn-active .item-border,.work-inner .work-item:hover .item-border{background-color:rgba(0, 0, 0, 0.8)}
.work-inner .work-item.dsn-active .item-info,.work-inner .work-item:hover .item-info{-webkit-transform:translate(0, -50px);-ms-transform:translate(0, -50px);transform:translate(0, -50px)}
.work-inner .work-item.dsn-active .item-info h4,.work-inner .work-item:hover .item-info h4{margin-bottom:10px}
.work-inner .work-item.dsn-active .item-info span,.work-inner .work-item:hover .item-info span{opacity:1}
.work-inner.work-4-col .work-item-box{width:calc(25% - 15px)}
.work-inner.work-4-col .work-item-box:nth-of-type(n+5){margin-top:50px}
@media only screen and (max-width:991px){
.work-inner.work-4-col .work-item-box{width:calc(50% - 15px)}
}
@media only screen and (max-width:767px){
.work-inner.work-4-col .work-item-box{width:100%}
}
.work-inner.work-4-col .work-item{height:60vh}
.work-inner.work-2-col .work-item-box{width:calc(50% - 15px)}
.work-inner.work-2-col .work-item-box:nth-of-type(n+3){margin-top:50px}
@media only screen and (max-width:767px){
.work-inner.work-2-col .work-item-box{width:100%}
}
.work-inner.work-2-col .work-item{height:100vh}
.work-inner .work-container .nav-left,.work-inner .work-container .nav-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:30px;border:1px solid rgba(0, 0, 0, 0.2);text-transform:uppercase;font-size:12px;min-height:48px;border-radius:50px;color:#fff;letter-spacing:1.2px;cursor:pointer;background-color:rgba(165, 100, 51, 0.9)}
.work-inner .work-container .nav-left .label,.work-inner .work-container .nav-right .label{font-weight:bold;padding-left:15px;padding-right:10px;text-align:center}
.work-inner .work-container .nav-left .icon,.work-inner .work-container .nav-right .icon{width:35px;height:35px;line-height:35px;border-radius:50%;background:rgba(0, 0, 0, 0.2);text-align:center}
.work-inner .work-container .nav-left .icon i,.work-inner .work-container .nav-right .icon i{font-size:12px}
.work-inner .work-container .nav-left{left:15px}
.work-inner .work-container .nav-left .label{padding-right:15px;padding-left:10px}
.work-inner .work-container .nav-left .icon{margin-left:15px}
.work-inner .work-container .nav-right{right:15px}
.work-inner .work-container .nav-right .icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:15px}
[data-dsn=rStories].work-masonry .story-item{cursor:pointer}
[data-dsn=rStories].work-masonry .story-item:before{z-index:1;pointer-events:none;opacity:0;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s}
[data-dsn=rStories].work-masonry .story-item .rs-content{position:absolute;width:100%;bottom:0;z-index:999;padding:15px;font-weight:bold}
[data-dsn=rStories].work-masonry .story-item .rs-content .r-s-title{font-size:20px;font-weight:bold}
[data-dsn=rStories].work-masonry .story-item .rs-content h4 [data-dsn=rStories].work-masonry .story-item .rs-content h4{overflow:hidden;will-change:transform}
[data-dsn=rStories].work-masonry .story-item .rs-content h4 .dsn-chars-wrapper{opacity:0;visibility:hidden;will-change:transform;-webkit-transform:translateY(50%) rotate(15deg) scale(0.8);-ms-transform:translateY(50%) rotate(15deg) scale(0.8);transform:translateY(50%) rotate(15deg) scale(0.8);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);-o-transition:transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transition-delay:calc(30ms * var(--char-dsn-index) + 1ms);-o-transition-delay:calc(30ms * var(--char-dsn-index) + 1ms);transition-delay:calc(30ms * var(--char-dsn-index) + 1ms)}
[data-dsn=rStories].work-masonry .story-item .rs-content p [data-dsn=rStories].work-masonry .story-item .rs-content p{overflow:hidden;will-change:transform}
[data-dsn=rStories].work-masonry .story-item .rs-content p .dsn-word-wrapper{opacity:0;visibility:hidden;will-change:transform;-webkit-transform:translateY(50%) rotate(15deg) scale(0.8);-ms-transform:translateY(50%) rotate(15deg) scale(0.8);transform:translateY(50%) rotate(15deg) scale(0.8);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);-o-transition:transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s;transition:transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),visibility 0.3s,-webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transition-delay:calc(50ms * var(--word-dsn-index) + 200ms);-o-transition-delay:calc(50ms * var(--word-dsn-index) + 200ms);transition-delay:calc(50ms * var(--word-dsn-index) + 200ms)}
[data-dsn=rStories].work-masonry .story-item:hover:before{opacity:0.5}
[data-dsn=rStories].work-masonry .story-item:hover .rs-content h4{color:#fff}
[data-dsn=rStories].work-masonry .story-item:hover .rs-content h4 .dsn-chars-wrapper{opacity:1;visibility:visible;-webkit-transform:translateY(0) rotate(0deg) scale(1);-ms-transform:translateY(0) rotate(0deg) scale(1);transform:translateY(0) rotate(0deg) scale(1)}
[data-dsn=rStories].work-masonry .story-item:hover .rs-content p{color:#fff}
[data-dsn=rStories].work-masonry .story-item:hover .rs-content p .dsn-word-wrapper{opacity:1;visibility:visible;-webkit-transform:translateY(0) rotate(0deg) scale(1);-ms-transform:translateY(0) rotate(0deg) scale(1);transform:translateY(0) rotate(0deg) scale(1)}
.filters-content{position:fixed;width:100%;height:100%;top:0;left:0;padding-left:8.82353%;padding-right:8.82353%;z-index:9999;opacity:0;visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.filters-content .filtering{position:fixed;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.filters-content .filtering button{color:#fff;display:block;position:relative;cursor:pointer;font-size:24px;text-transform:uppercase;letter-spacing:0px;font-family:"Roboto","Microsoft JhengHei"}
.filters-content .filtering button.active{color:#8cbb84;font-weight:800;letter-spacing:4px}
.filters-content .filtering button span.counter{position:absolute;right:-20px;top:-10px;font-size:12px;font-weight:600}
.filters-content .filtering button:not(:last-child){margin-bottom:30px}
.close-wind{position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0, 0, 0, 0.85);cursor:pointer}
.button-loadmore{position:relative;clear:both;display:block;width:190px;height:60px;line-height:63px;text-align:center;cursor:pointer;color:#bdc1c0;background-color:#8cbb84;font-size:14px;font-weight:600;padding:0 35px;-webkit-transition:height 1s,border-radius 1s;-o-transition:height 1s,border-radius 1s;transition:height 1s,border-radius 1s}
.button-loadmore.loadmore-work{margin-left:auto;margin-right:auto}
.button-loadmore.dsn-loading{height:23px !important;border-radius:7px}
.button-loadmore.dsn-loading .progress-text{top:-19px}
.button-loadmore .dsn-load-progress-ajax{position:absolute;left:0;top:0;width:0;height:100%;background-color:#212121;color:#fff}
.button-loadmore .progress-text{position:absolute;top:0;left:0;color:#fff;z-index:2;width:100%;height:100%;letter-spacing:3px;text-transform:uppercase;opacity:1;font-size:14px}
.button-loadmore .progress-no-more{display:none}
.our-work .work-item .item-info{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}
.root-blog{-webkit-box-sizing:border-box;box-sizing:border-box}
.root-blog .post-list-item{position:relative;margin-bottom:120px}
@media only screen and (max-width:991px){
.root-blog .post-list-item{margin-bottom:80px}
}
.root-blog .post-list-item figure{position:relative;width:100%}
.root-blog .post-list-item figure a{width:100%}
.root-blog .post-list-item figure img{position:relative;display:block;width:100%;-o-object-fit:cover;object-fit:cover;max-height:80vh}
.root-blog .post-list-item .post-list-item-content{margin-top:30px;width:100%;position:relative}
.root-blog .post-list-item .post-list-item-content .post-info-date{margin-right:20px}
@media only screen and (max-width:575px){
.root-blog .post-list-item .post-list-item-content{padding-left:0;padding-right:0}
}
.root-blog .post-list-item .post-list-item-content .post-info-top a{display:inline-block;font-size:14px;font-weight:500;letter-spacing:1.2px;word-spacing:2px;margin-bottom:20px;color:#fff}
.v-light:not(.no-light) .root-blog .post-list-item .post-list-item-content .post-info-top a{color:#000}
.root-blog .post-list-item .post-list-item-content .post-info-top>div{position:relative;display:inline-block}
.root-blog .post-list-item .post-list-item-content h3{margin-bottom:30px}
.root-blog .post-list-item .post-list-item-content .post-author{width:100%;display:block;margin-bottom:40px}
.root-blog .post-list-item .post-list-item-content .post-author img{width:60px;height:60px;display:inline-block;border-radius:50%;margin-right:10px}
.root-blog .post-list-item .post-list-item-content .post-author span{font-weight:300}
.root-blog .post-list-item .post-list-item-content .post-author span a{color:#fff;padding-left:5px;letter-spacing:2px}
.news-content{position:relative;overflow:hidden}
@media only screen and (max-width:991px){
.news-content{padding-left:0;padding-right:0}
}
.news-content .news-content-inner{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-sizing:border-box;box-sizing:border-box}
.news-content .News-socials-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:23%;padding-right:30px}
@media only screen and (max-width:991px){
.news-content .News-socials-wrapper{width:26%}
}
@media only screen and (max-width:767px){
.news-content .News-socials-wrapper{width:100%;padding-right:0px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.news-content .News-socials-wrapper .news-title{font-size:42px;font-weight:800;line-height:1.2;letter-spacing:0.01em}
.news-content .News-socials-wrapper .News-news-date{font-size:20px;line-height:1.2;letter-spacing:0px;color:#fff;opacity:0.8}
.v-light:not(.no-light) .news-content .News-socials-wrapper .News-news-date{color:#000}
.news-content .News-socials-wrapper .title-caption{margin-bottom:20px;font-size:1.4rem}
@media only screen and (max-width:767px){
.news-content .News-socials-wrapper .title-caption{display:block;margin-bottom:10px}
}
.news-content .News-socials-wrapper .cat{display:block}
@media only screen and (max-width:767px){
.news-content .News-socials-wrapper .cat{width:100%;margin-bottom:30px}
}
.news-content .News-socials-wrapper .cat a{display:block;text-decoration:none}
@media only screen and (max-width:767px){
.news-content .News-socials-wrapper .cat a{display:inline-block}
}
.news-content .News-socials-wrapper .cat a span{font-size:12px;letter-spacing:0px;text-transform:uppercase;color:#fff;background-color:#090909;padding:7px 15px;margin:0 5px 5px;border-radius:20px}
.v-light:not(.no-light) .news-content .News-socials-wrapper .cat a span{background-color:#ebf2fc;color:#000}
.news-content .News-socials-wrapper .cat a span:first-child{margin-left:0}
.news-content .News-socials-wrapper .cat a span::last-child{margin-bottom:0}
@media only screen and (max-width:767px){
.news-content .News-socials-wrapper .post-share{width:100%;margin-bottom:30px;display:none}
}
@media only screen and (max-width:767px){
.news-content .News-socials-wrapper .post-share ul{display:inline-block}
}
.news-content .News-socials-wrapper .post-share ul li{list-style:none;margin-bottom:10px}
@media only screen and (max-width:767px){
.news-content .News-socials-wrapper .post-share ul li{display:inline-block;margin-left:10px}
}
.news-content .News-socials-wrapper .post-share ul li:last-child{margin-bottom:0}
.news-content .News-socials-wrapper .post-share ul li a{position:relative;text-decoration:none;-webkit-transition:color 670ms linear 417ms;-o-transition:color 670ms linear 417ms;transition:color 670ms linear 417ms}
.news-content .News-socials-wrapper .post-share ul li a:before{content:"";position:absolute;bottom:0;height:45%;left:-0.15em;right:-0.15em;background:rgba(82, 83, 85, 0.19);background-size:100% 100%;-webkit-transition:380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1),380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0.98, 0) translateZ(0);transform:scale(0.98, 0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:-1;background-repeat:repeat-x}
.news-content .News-socials-wrapper .post-share ul li a:after{content:"";position:absolute;bottom:0;height:1px;left:-0.025em;right:-0.075em;background:rgba(82, 83, 85, 0.19);background-size:100% 100%;-webkit-transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;-o-transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;-webkit-transform:translateZ(0);transform:translateZ(0)}
.news-content .News-socials-wrapper .post-share ul li a:hover:before{-webkit-transform:scale(1, 1.0) translateZ(0);transform:scale(1, 1.0) translateZ(0)}
.news-content .News-socials-wrapper .post-share ul li a:hover:after{opacity:0;-webkit-transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1)}
.news-content .post-content{position:relative;display:block;width:77%}
@media only screen and (max-width:991px){
.news-content .post-content{width:74%}
}
@media only screen and (max-width:767px){
.news-content .post-content{width:100%}
}
.news-content .post-content>*{margin-bottom:30px}
.news-content .post-content h3,.news-content .post-content h4,.news-content .post-content h5,.news-content .post-content h6{font-weight:300;line-height:1.2;font-family:"Jost","Roboto","Microsoft JhengHei"}
.news-content .post-content h3{color:#9c6aa9;letter-spacing:0;font-size:2.8rem}
.news-content .post-content h4{color:#6269a7;font-size:1.8rem;font-weight:700;margin-top:50px}
.news-content .post-content h4:first-child{margin-top:0}
.cat{margin-bottom:50px!important;list-style:none}
.cat li{position:relative;padding-left:15px;margin-bottom:10px;font-size:15px;line-height:1.1;font-weight:600}
.cat li:after{background-color:#9c6aa9;content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;border-radius:100%}
.fcolor{background-color:#f5e4f9;color:#000!important}
.fcolor-green{background-color:#c9f9c1;color:#000!important}
.news-content .post-content:first-child,.news-content .post-content>:first-child{margin-top:0}
.news-content .post-content:last-child,.news-content .post-content>:last-child{margin-bottom:0}
.news-content .post-content p{letter-spacing:0;font-weight:600;text-align:justify;margin-bottom:20px}
.news-content .post-content p a{display:inline-block}
.news-content .post-content blockquote{font-size:20px;font-family:serif;color:#fff;font-style:italic;padding:10px 0 10px 15px;border-left:1px solid #cacaca}
.news-content .post-content img{margin:40px 0}
.v-light:not(.no-light) .news-content .post-content blockquote{color:#6269a7;border-left:1px solid #86a7d7}
.full-width .intro-about-info-bottom a,.news-content .post-content a{position:relative;text-decoration:none;-webkit-transition:color 670ms linear 417ms;-o-transition:color 670ms linear 417ms;transition:color 670ms linear 417ms}
.full-width .intro-about-info-bottom a:before,.news-content .post-content a:before{content:"";position:absolute;bottom:0;height:45%;left:-0.15em;right:-0.15em;background:rgba(82, 83, 85, 0.19);background-size:100% 100%;-webkit-transition:380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1),380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0.98, 0) translateZ(0);transform:scale(0.98, 0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:-1;background-repeat:repeat-x}
.full-width .intro-about-info-bottom a:after,.news-content .post-content a:after{content:"";position:absolute;bottom:0;height:1px;left:-0.025em;right:-0.075em;background:rgba(82, 83, 85, 0.19);background-size:100% 100%;-webkit-transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;-o-transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;-webkit-transform:translateZ(0);transform:translateZ(0)}
.full-width .intro-about-info-bottom a:hover:before,.news-content .post-content a:hover:before{-webkit-transform:scale(1, 1.0) translateZ(0);transform:scale(1, 1.0) translateZ(0)}
.full-width .intro-about-info-bottom a:hover:after,.news-content .post-content a:hover:after{opacity:0;-webkit-transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1)}
.news-content .post-tags{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:50px 0 0}
@media only screen and (max-width:767px){
.news-content .post-tags{padding:30px 0 0}
}
.news-content .post-tags a{color:#fff;margin-right:30px;display:inline-block;line-height:1;float:left}
.v-light:not(.no-light) .news-content .post-tags a{color:#000}
.news-content .post-tags a:before{content:"#";position:relative;margin-right:5px;font-size:14px;background-color:transparent;border:0}
.news-content .post-tags a:after{display:none}
.form-box{position:relative}
.form-box .form-group{width:100%}
.form-box .form-group .help-block{color:red;font-weight:600;margin-bottom:15px}
.form-box .form-group li{list-style:none}
.entry{width:100%;margin-bottom:30px}
.entry input,.entry textarea{font-family:"Roboto","Microsoft JhengHei";font-weight:bold;font-size:16px;width:100%;background-color:transparent;border:none;border-bottom:1.5px solid #8cbb84;padding-bottom:20px;color:#eee;margin-top:10px;margin-bottom:0;letter-spacing:-0.5px}
.v-light:not(.no-light) .entry input,.v-light:not(.no-light) .entry textarea{border-color:#d90a2c;color:#0009}
.entry input::-webkit-input-placeholder,.entry textarea::-webkit-input-placeholder{font-weight:700;font-size:16px;letter-spacing:-0.5px}
.entry input:-ms-input-placeholder,.entry textarea:-ms-input-placeholder{font-weight:700;font-size:16px;letter-spacing:-0.5px}
.entry input::-ms-input-placeholder,.entry textarea::-ms-input-placeholder{font-weight:700;font-size:16px;letter-spacing:-0.5px}
.entry input::placeholder,.entry textarea::placeholder{font-weight:700;font-size:16px;letter-spacing:-0.5px}
.entry input{height:100%}
label{color:#8cbb84;font-size:15px;font-weight:600}
.v-light:not(.no-light) label{color:#d90a2c}
#map .gm-bundled-control,#map .gm-bundled-control-on-bottom,#map .gm-fullscreen-control,#map .gm-style-cc,#map .gmnoprint{display:none !important}
.comments-post{position:relative;width:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.comments-post .comments-title{margin-bottom:70px}
@media only screen and (max-width:991px){
.comments-post .comments-title{margin-bottom:35px}
}
.comments-post .comments-title .subtitle{margin-bottom:0}
.comments-post .comments-area{position:relative}
.comments-post .comments-area .comment-list>li.comment:first-child{margin-top:0}
.comments-post .comments-area .comment-list>li.comment:first-child>.comment-body{padding-top:0}
.comments-post .comments-area .comment{list-style:none;margin-top:20px}
.comments-post .comments-area .comment .comment-body{position:relative;padding-top:30px}
.comments-post .comments-area .comment .comment-body .comment-author{position:relative;top:10px;left:0;width:64px;height:64px;display:block;float:left}
@media only screen and (max-width:575px){
.comments-post .comments-area .comment .comment-body .comment-author{width:30px;height:30px}
}
.comments-post .comments-area .comment .comment-body .comment-author img{display:block;height:auto;max-width:100%;border-radius:50%}
.comments-post .comments-area .comment .comment-body .comment-text{padding:0 0 0 90px;min-height:64px}
@media only screen and (max-width:575px){
.comments-post .comments-area .comment .comment-body .comment-text{padding:0 0 0 40px}
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-date{float:right;margin:3px 5px 0 0;font-size:13px;color:#b0b0b0}
.comments-post .comments-area .comment .comment-body .comment-text .comment-date:before{content:"/";display:inline-block;margin-right:5px}
.comments-post .comments-area .comment .comment-body .comment-text .comment-info{position:relative;display:inline-block}
.comments-post .comments-area .comment .comment-body .comment-text .comment-info .comment-name{float:left;margin:0;font-weight:700;font-size:17px}
.comments-post .comments-area .comment .comment-body .comment-text .text-holder p{margin:7px 0 10px}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link{position:relative;text-decoration:none;-webkit-transition:color 670ms linear 417ms;-o-transition:color 670ms linear 417ms;transition:color 670ms linear 417ms;font-weight:700;font-size:15px;line-height:20px;text-transform:uppercase;color:#fff}
.v-light:not(.no-light) .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link{color:#000}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:before{content:"";position:absolute;bottom:0;height:45%;left:-0.15em;right:-0.15em;background:rgba(82, 83, 85, 0.19);background-size:100% 100%;-webkit-transition:380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);transition:380ms transform cubic-bezier(0.165, 0.84, 0.44, 1),380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(0.98, 0) translateZ(0);transform:scale(0.98, 0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:-1;background-repeat:repeat-x}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:after{content:"";position:absolute;bottom:0;height:1px;left:-0.025em;right:-0.075em;background:rgba(82, 83, 85, 0.19);background-size:100% 100%;-webkit-transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;-o-transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;transition:190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22),background 670ms linear 417ms;-webkit-transform:translateZ(0);transform:translateZ(0)}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:before{-webkit-transform:scale(1, 1.0) translateZ(0);transform:scale(1, 1.0) translateZ(0)}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:after{opacity:0;-webkit-transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);transition:126.66667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1)}
.comments-post .comments-area .comment .children{margin-left:90px}
@media only screen and (max-width:575px){
.comments-post .comments-area .comment .children{margin-left:40px}
}
@media only screen and (max-width:400px){
.comments-post .comments-area .comment .children{margin-left:20px}
}
.comments-post .comments-form{position:relative;width:100%;margin-top:120px}
@media only screen and (max-width:991px){
.comments-post .comments-form{margin-top:80px}
}
.footer-1 .footer-links{padding:50px 0}
@media only screen and (max-width:991px){
.footer-1 .footer-links .footer-block-inner:nth-of-type(n+3){margin-top:30px}
}
@media only screen and (max-width:767px){
.footer-1 .footer-links .footer-block-inner:nth-of-type(n+2){margin-top:30px}
}
.v-light:not(.no-light) .footer-1 .footer-links .link-hover{color:#000}
.v-light:not(.no-light) .footer-1 .footer-links .link-hover:before{color:#000}
.footer-1 .footer-links .footer-title{position:relative;color:#8cbb84;text-transform:uppercase;font-size:16px;padding-bottom:10px;margin-bottom:20px;letter-spacing:2px}
.v-light:not(.no-light) .footer-1 .footer-links .footer-title{color:#9c6aa9}
.footer-1 .footer-links .footer-title:after{content:"";position:absolute;left:0;bottom:0;width:15px;height:2px;background-color:#fff}
.v-light:not(.no-light) .footer-1 .footer-links .footer-title:after{background-color:#bebebe}
.footer-1 .footer-links .footer-block.col-menu ul li{font-size:14px;letter-spacing:0px;margin-bottom:10px;overflow:hidden}
.footer-1 .footer-links .footer-block.col-menu ul li:last-of-type{margin-bottom:0}
.footer-1 .footer-links .footer-block.col-menu ul li a{text-transform:uppercase}
.footer-1 .footer-links .footer-block.col-contact p{font-size:14px;margin-bottom:10px}
.footer-1 .footer-links .footer-block.col-contact p:last-of-type{margin-bottom:0}
.footer-1 .footer-links .footer-block.col-contact p strong{color:#fff}
.v-light:not(.no-light) .footer-1 .footer-links .footer-block.col-contact p strong{color:#000}
.footer-1 .footer-links .footer-block.col-contact p span{margin-right:5px;margin-left:5px}
.footer-1 .footer-links .footer-block .footer-social ul{margin:0}
.footer-1 .footer-links .footer-block .footer-social ul li{color:#fff;font-size:14px;margin-right:15px;padding-right:5px}
.v-light:not(.no-light) .footer-1 .footer-links .footer-block .footer-social ul li{color:#000}
@media only screen and (max-width:575px){
.footer-1 .footer-links .footer-block .footer-social ul li{font-size:13px;margin-right:3px;padding-right:3px}
}
.footer-1 .footer-links .footer-block .footer-social ul li:first-of-type{padding-left:0}
.footer-1 .footer-links .footer-block .footer-social ul li a{color:#fff;display:inline-block;letter-spacing:0px;line-height:1.6;font-size:13px;font-family:"Roboto","Microsoft JhengHei";position:relative;text-transform:capitalize}
.v-light:not(.no-light) .footer-1 .footer-links .footer-block .footer-social ul li a{color:#000}
.footer-1 .footer-links .footer-block{padding-right:30px}
.footer-1 .footer-links .footer-block p{font-size:13px;font-weight:700}
.footer-1 .footer-links .footer-block .footer-logo{width:150px;margin-bottom:20px}
.footer-1 .footer-links .footer-block .footer-logo img.logo-dark{display:block}
.v-light:not(.no-light) .footer-1 .footer-links .footer-block .footer-logo img.logo-dark{display:none}
.footer-1 .footer-links .footer-block .footer-logo img.logo-light{display:none}
.v-light:not(.no-light) .footer-1 .footer-links .footer-block .footer-logo img.logo-light{display:block}
.footer-1 .footer-nav{position:relative;padding:30px 0px;text-align:center;background-color:#000}
.v-light:not(.no-light) .footer-1 .footer-nav{background-color:#f9f9f9;border-top:1px solid #ddd}
@media only screen and (max-width:575px){
.footer-1 .footer-nav{padding:25px 15px}
}
.footer-1 .footer-nav ul li{display:inline-block;font-size:14px;letter-spacing:0px;margin:0px 18px}
@media only screen and (max-width:575px){
.footer-1 .footer-nav ul li{font-size:13px;margin:5px}
}
.footer-1 .footer-nav ul li a{-webkit-transition:none;-o-transition:none;transition:none}
.v-light:not(.no-light) .footer-1 .footer-nav ul li a{color:#000}
.footer-1 .copyright{padding:0 0 30px 0;font-size:14px;letter-spacing:0px}
.footer-1 .copyright p{text-transform:uppercase;font-size:13px}
.footer-1 .copyright .copright-text{color:#e6e6e6;margin-top:5px}
.v-light:not(.no-light) .footer-1 .copyright .copright-text{color:#000}
.footer-1 .copyright .copright-text a{color:#8cbb84}
.v-light:not(.no-light) .footer-1 .copyright .copright-text a{color:#d90a2c}
.footer .footer-container{padding:0 50px 30px}
@media only screen and (max-width:767px){
.footer .footer-container{padding:0 30px}
}
@media only screen and (max-width:575px){
.footer .footer-container{padding:0}
}
@media only screen and (max-width:767px){
.footer .footer-container>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.footer .column-left,.footer .column-right{width:calc(50% - 35px)}
@media only screen and (max-width:767px){
.footer .column-left,.footer .column-right{width:100%;text-align:center}
}
.footer .column-left .logo-footer img{width:75px}
.footer .column-left .footer-social ul{margin:0}
.footer .column-left .footer-social ul li{color:#fff;display:inline-block;font-size:14px;font-weight:500;margin-right:15px;padding-right:5px}
@media only screen and (max-width:575px){
.footer .column-left .footer-social ul li{font-size:13px;margin-right:3px;padding-right:3px}
}
.footer .column-left .footer-social ul li:first-of-type{padding-left:0}
.footer .column-left .footer-social ul li a{color:#fff;display:inline-block;letter-spacing:0px;font-size:13px;font-family:"Roboto","Microsoft JhengHei";font-weight:400;position:relative}
.v-light:not(.no-light) .footer .column-left .footer-social ul li a{color:#000}
.footer .column-right{text-align:right}
@media only screen and (max-width:767px){
.footer .column-right{text-align:center;margin-top:20px}
}
.footer .column-right h5{color:rgba(255, 255, 255, 0.69);display:inline-block;font-size:13px;font-weight:400;overflow:hidden}
.v-light:not(.no-light) .footer .column-right h5{color:#000}
.footer .column-right h5 .love{color:#fd4145;padding-left:5px;padding-right:5px;font-size:16px;font-weight:bold}
.footer .column-right h5 .link-hover{text-transform:initial}
.v-light:not(.no-light) .footer .column-right h5 .link-hover{color:#000}
.footer .scroll-top{position:relative}
@media only screen and (max-width:767px){
.footer .scroll-top{position:absolute;right:15px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
}
@media only screen and (max-width:575px){
.footer .scroll-top{position:relative;margin-top:20px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
}
.footer .scroll-top .icon-circle{position:absolute;width:120%;height:120%;top:-10%;left:-10%;border-radius:50%;display:none;background-color:rgba(165, 100, 51, 0.3)}
.footer .scroll-top:hover .icon-circle{display:inherit}
.footer .scroll-top img{width:60px}
.v-light:not(.no-light) .footer .scroll-top img{-webkit-filter:invert(1);filter:invert(1)}
.footer .scroll-top i{position:absolute;top:50%;left:50%;width:40px;height:40px;line-height:40px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;font-size:14px;color:#fff;cursor:pointer}
.v-light:not(.no-light) .footer .scroll-top i{color:#000}
.cap{position:absolute;bottom:30px;left:0;background-image:-webkit-gradient(linear, left top, right top, from(#0e0e0e5c), to(#1b1515));background-image:-webkit-linear-gradient(left, #0e0e0e5c 0%, #1b1515 100%);background-image:-o-linear-gradient(left, #0e0e0e5c 0%, #1b1515 100%);background-image:linear-gradient(to right, #0e0e0e5c 0%, #1b1515 100%);padding:4px 15px;color:#fff;z-index:10}
.cap span{font-size:12px;text-transform:uppercase;letter-spacing:2px}
.caption{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;color:#fff;letter-spacing:0px;font-size:14px;font-weight:600;position:relative;margin-top:15px}
.v-light:not(.no-light) .caption{color:#000}
.section-dsn-color *{color:inherit !important}
.work-inner.work-masonry .work-item .item-info{width:-webkit-max-content;width:-moz-max-content;width:max-content}
.break-mobile{display:inline-block}
.slick-prev.slick-arrow,.slick-next.slick-arrow{display:none!important}
.v-light:not(.no-light) .next-post-up{margin-bottom:0px}
/*2022/12/21 New Content*/
.contentpage .preloader{display:none}
.full-width .container{width:100%;max-width:100%}
.full-width,.fullSectionWhite{border-bottom:1px solid #eee}
.title-container{padding:50px 0}
/*反轉*/
.reverseRow{}
.reverseRow .flexGrid{flex-direction:row-reverse}
/**/
.full-width .col-lg-6{padding:0}
.contentOuter{position:relative;display:flex;align-items:center}
.intro-about-info{width:70%;margin:50px auto}
/**/
.filterSet{margin-top:30px;position:relative;margin-bottom:15px}
.filterSet .filtering-wrap{width:-webkit-max-content;width:-moz-max-content;width:max-content;position:relative;border-bottom:0px solid rgba(255, 255, 255, 0.05);text-align:center}
.filterSet .filtering-wrap{border-bottom:solid 0px rgba(190, 190, 190, 0.27)}
.filterSet.text-center .filtering-wrap{margin:auto;width:100%}
.filterSet .filtering-wrap .filtering{overflow:auto;position:relative;margin-bottom:-2px}
.filterSet .filtering-wrap .filtering a{color:#fff;width:auto;margin:0 0px 0 -4px;padding:5px 15px;font-size:15px;font-weight:900;display:inline-block;cursor:pointer;-webkit-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;letter-spacing:1px;text-transform:uppercase;border-right:1px solid #ddd}
.filterSet .filtering-wrap .filtering a:first-child{border-left:1px solid #ddd}
.v-light:not(.no-light) .filterSet .filtering-wrap .filtering a{color:#000}
.filterSet .filtering-wrap .filtering a.active,.filterSet .filtering-wrap .filtering a:hover{font-weight:bold;border-bottom:solid 2px #fff}
.v-light:not(.no-light) .filterSet .filtering-wrap .filtering a{color:#000}
.v-light:not(.no-light) .filterSet .filtering-wrap .filtering a.active,.v-light:not(.no-light) .filterSet .filtering-wrap .filtering a:hover{border-bottom:solid 2px #275b95;color:#fff;background-color:#9c6aa9}
.v-light:not(.no-light) .intro-about-info .section-title h2{background-color:transparent;color:#000}
.v-light:not(.no-light) .intro-about-info .section-title h2 small{font-size:18px;font-weight:400}
.v-light:not(.no-light) .intro-about-info .section-title h4{color:#6269A7;font-size:1.4rem;margin-bottom:20px}
.v-light:not(.no-light) .section-p h2.title{color:#9c6aa9;font-size:38px;line-height:1.2em}
.v-light:not(.no-light) .section-p h4{color:#275b95;font-size:1.5rem;margin-bottom:20px;font-weight:700}
.v-light:not(.no-light) .section-p .inner p{margin-bottom:20px;font-weight:600;font-size:15px;line-height:1.8em}
.intro-about-info .section-title{position:relative;margin-bottom:35px;padding-top:50px}
.intro-about-info .section-title span{color:#6269a7!important;position:absolute;width:100px;top:0;line-height:0.8;font-size:26px;font-weight:700;color:#8cbb84;font-family:"Roboto","Microsoft JhengHei";display:inline-block}
.intro-about-info .section-title span:after{content:"／";display:inline-block;margin-left:0px;font-size:26px;font-weight:100}
.intro-about-info-bottom p{margin-bottom:20px;font-size:17px;font-weight:700}
/**/
.wp-block-quote{background:url(../img/page/bg-block-quote.png) no-repeat left bottom;min-height:80px;position:relative;margin:20px 0;padding-left:40px;padding-bottom:30px;padding-top:10px}
.wp-block-quote,.wp-block-quote p{color:#6269a7;line-height:1.5em}
.wp-block-quote:before{content:"";display:inline-block;width:37px;height:38px;background:url(../img/page/block-quote-1.png) no-repeat;margin-bottom:2px}
/*fullSectionWhite 橫幅*/
.fullSectionWhite.facts{height:60vh}
.fullSectionWhite.largeHeight{height:110vh}
.fullSectionWhite.smallHeight{height:50vh}
.fullSectionWhite{}
.v-light:not(.no-light) .fullSectionWhite .intro-about-info .section-title h2,.fullSectionWhite .intro-about-info-bottom p{color:#fff}
.fullSectionWhite .intro-about-info .section-title span{color:#fff!important;margin-left:-50px}
.fullSectionBlack.facts{height:100vh}
.fullSectionBlack{}
.v-light:not(.no-light) .fullSectionBlack .intro-about-info .section-title h2,.fullSectionBlack .intro-about-info-bottom p{color:#000}
.fullSectionBlack .intro-about-info .section-title span{color:#000!important;margin-left:-50px}
.fullSectionWhite.largeHeight .intro-about-info{width:100%;margin:0px auto}
.fullSectionWhite.twoColumnSet{height:90vh}
.fullSectionWhite.twoColumnSet .intro-about-info .section-title span{color:#fff!important;margin-left:0px}
/**/
.twoColumnSet{}
.twoColumnSet .container{max-width:80%}
.full-width .col-lg-4{padding-right:0px;padding-left:0px}
/**/
.bg-title01{background:url(../img/page/bg-page.jpg) repeat-x center bottom}
.bg-title02{background:url(../img/page/a-6-01.jpg) repeat-x center bottom}
.deco{position:absolute;right:0%;bottom:-80px;z-index:999;width:469px;height:279px;display:block;background:url(../img/page/top-view-fresh-blueberries.png) no-repeat center bottom;background-size:70%}
.full-width.bgtopic02{background:#fff url(../img/page/con-bg-002.jpg) no-repeat center center !important}
.full-width.bgtopic04{background:#fff url(../img/page/con-bg-003.jpg) no-repeat center center !important}
.full-width.bgtopic05{background:#fff url(../img/page/con-bg-004.jpg) no-repeat center center !important}
.full-width.bgtopic06{background:#fff url(../img/page/con-bg-005.jpg) no-repeat center center !important}
.full-width.bgtopic02 .deco{position:absolute;left:0%;bottom:-110px;z-index:999;width:360px;height:272px;display:block;background:url(../img/page/con-bg-002.png) no-repeat center bottom;background-size:100%}
.full-width.bgtopic03 .deco{position:absolute;left:0%;bottom:-130px;z-index:999;width:450px;height:432px;display:block;background:url(../img/page/con-bg-003.png) no-repeat left bottom;background-size:95%}
.smallbox .intro-about-info-bottom{width:350px;background:rgba(156,106,169,.8);padding:40px 20px 20px 20px;text-align:left}
.smallbox .intro-about-info{width:100%;margin:50px auto}
.fullSectionWhite .smallbox .intro-about-info-bottom{padding:40px 20px 20px 20px}
.columnGrid{}
.whiteGrid .intro-about-info .section-title span,.v-light:not(.no-light) .whiteGrid .intro-about-info .section-title h2,.whiteGrid .intro-about-info-bottom{color:#fff!important}
.columnGrid .intro-about-info{margin:50px 0 50px 22%}
.columnGrid .col-lg-8{padding:30px 0}
.thumb-photo{list-style:none;margin:30px 0;padding:0;display:flex}
.thumb-photo li{display:inline-block;margin:0 10px}
.thumb-photo li img{width:85%}
/**/
@media only screen and (min-width:992px){
.mobile-img{display:none}
.v-light:not(.no-light) .news-content .News-socials-wrapper .cat a span{background-color:#fff;color:#000}
.news-content .News-socials-wrapper .cat a span{font-size:15px;letter-spacing:0px;text-transform:uppercase;color:#fff;padding:5px 15px;margin:0 5px 15px;font-weight:600}
.news-content .News-socials-wrapper .cat a{border-left:1px solid #86a0c6}
body.v-light.contentpage .wrapper.bgtopic01{background:#fff url(../img/deco/con-bg-001.jpg) no-repeat -10% 30px !important}
.full-width .intro-about-info-bottom{padding-right:26%}
.reverseRow .intro-about-info-bottom{}
.fullSectionWhite .intro-about-info-bottom{padding:0}
.news-content,.pagemunu.news-content{display:none}
.v-light:not(.no-light) .fullSectionBlack .intro-about-info .section-title h2 br{display:none}
}
@media only screen and (min-width:1660px){
body.v-light.contentpage .wrapper.bgtopic01{background:#fff url(../img/deco/con-bg-001.jpg) no-repeat 0% 30px !important}
}
@media only screen and (max-width:991px){
.pagemunu.news-content{padding-left:20px;padding-right:20px;padding-bottom:20px}
body.v-light.contentpage .site-header.haslogointro{background-color:rgb(22, 43, 80) !important;padding: 5px 30px!important;}
.homebgimage{display: none !important;}
}
@media only screen and (max-width:767px){
.filterSet .filtering-wrap{width:100%}
body.v-light.contentpage .site-header.haslogointro{background-color:transparent!important;}
body.v-light.contentpage .site-header{background-color:rgb(22, 43, 80) !important;}
}
@media only screen and (max-width:575px){
.filterSet .filtering-wrap{border-bottom:0;text-align:left}
.filterSet .filtering-wrap .filtering button{margin-right:10px}
}
@media only screen and (max-width:480px){
.pc-img{display:none}
.header-single-post{position:relative;height:40vh}
.header-single-post .inner-box{position:relative;margin-top:80px;margin-bottom:20px;z-index:2}
.title{font-size:36px}
.break-mobile{display:block}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}
.container,.header-project .link-vist{padding-right:15px;padding-left:15px}
.logo-intro img{width:70%}
.logo-intro{position:absolute;left:50%;top:10%;margin-left:-96px;z-index:999}
.main-slider .dsn-slider-content .slide-content .title img{max-width:320px}
.main-slider .box-next .content-box-next .title-next{margin-top:10px;margin-bottom:10px;font-size:15px}
.scroll-to-top{right:10px !important;bottom:10px}
.scroll-to-top .socialmedia img,.v-light:not(.no-light) .scroll-to-top .socialmedia img{width:45px}
.v-light:not(.no-light) .scroll-to-top .socialmedia,.scroll-to-top .socialmedia{text-align:center;position:absolute;top:-55px;left:10px}
.sm-title-block{font-size:16px}
#MixGallery .section-title-2 h2{font-size:40px;letter-spacing:0}
.section-title-2 span{display:block}
.intro-about .intro-about-info .accordion__answer p{padding-bottom:30px}
.intro-about .intro-about-info .accordion__item{margin-bottom:0;padding:16px 0px;border-bottom:1px solid #ddd}
.v-light:not(.no-light) .intro-about .intro-about-info .accordion__item{border-color:#ddd}
.intro-about .intro-about-info .accordion__answer{padding-top:20px}
.our-work .work-item .item-info h4{font-size:28px}
.box-gallery-vertical .box-info .vertical-title h2{font-size:35px}
.section-title-2 h2 small{font-size:70%;display:inline-block;margin-top:20px}
.box-gallery-vertical h6{margin-bottom:30px;font-weight:600}
#GalleryAlbum .section-title-2 h2{text-align:center;margin-bottom:40px}
.facts .facts-inner .fact-item .box-number{padding:30px 15px 20px 15px}
.facts .facts-inner .fact-item .box-number .number{font-size:60px}
.facts .facts-inner .fact-item .box-title h5 br{display:none}
.footer-1 .footer-links .footer-block .footer-social ul li a{font-size:13px}
.footer-1 .footer-links .footer-block .footer-logo{width:150px;/*margin:0 auto 20px*/}
.footer-1 .footer-links .footer-block .textwidget{}
.footer-1 .footer-links .footer-block p{font-weight: 400;}
.footer-1 .copyright{font-size:12px;letter-spacing:0px}
.footer-1 .footer-links{}
.footer-1 .footer-links .footer-title:after{content:"";position:absolute;left:0%;margin-left:0px;bottom:0;width:15px;height:2px;background-color:#fff}
.footer-1 .footer-links .footer-block{padding: 0 15px;}
/*content*/

.header-single-post .inner-box{padding:0 20px}
body.v-light.contentpage .mt-section{margin-top:30px}
.news-content{padding-left:15px;padding-right:15px}
.news-content .News-socials-wrapper .cat{margin-bottom:0px!important}
.pagemunu{margin-bottom:15px}
.row.flexGrid{margin-right:-15px;margin-left:-15px}
.filterSet{margin:0 -20px}
.filterSet .filtering-wrap .filtering:after{content:"";clear:both;display:block}
.filterSet .filtering-wrap .filtering a{color:#fff;width:33.33%;margin:0 0px 0 0px;float:left;text-align:center;padding:15px 15px;font-size:15px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#a06aa9}
.v-light:not(.no-light) .section-p h2.title{color:#9c6aa9;font-size:25px}
.v-light:not(.no-light) .filterSet .filtering-wrap .filtering a{color:#fff}
.filterSet .filtering-wrap .filtering{overflow:auto;position:relative;margin-bottom:-2px;background:#856aa9;display:flex;flex-wrap:wrap}
.filterSet .filtering-wrap .filtering a:first-child{border-left:0px solid #ddd}
.filterSet .filtering-wrap .filtering a:nth-child(3n+3){border-right:0px solid #eee}
.filterSet .filtering-wrap .filtering a:last-child{border-bottom:0px solid #eee}
.fullSectionWhite.facts{height:120vh}
.fullSectionWhite.facts.low-height{height:60vh}
.fullSectionBlack.facts{height:120vh}
body.v-light.contentpage .next-post-up{margin-bottom:0}
.news-content .post-content h3{color:#9c6aa9;letter-spacing:0;font-size:2.5rem}
.news-content .post-content blockquote p{font-size:16px}
.next-post-up{background-size:cover;background-position:center center}
.v-light:not(.no-light) .next-post-up:before{background-size:cover;background-position:center center}
.v-light:not(.no-light) .next-post-up .c-wapp .c-wapp-link .career{position:relative;width:auto;display:inline-block}
.contact-up .c-wapp .detail{display:block;color:#fff;line-height:1.6em;font-size:1.1rem;text-align:center;margin-bottom:30px}
.next-post-up .c-wapp .c-wapp-link{text-align:center}
.next-post-up .c-wapp .c-wapp-link .hiring{font-size:34px}
.fullSectionWhite .intro-about-info{margin:0px auto 0px auto}
.twoColumnSet .container{max-width:100%}
.twoColumnSet .intro-about-info{width:100%;margin:-120px auto 0px auto}
.twoColumnSet [data-dsn-grid=moveUp] img{top:-20%;height:100%}
.fullSectionWhite.smallHeight{height:25vh}
.fullSectionWhite.smallHeight .intro-about-info{width:90%}
.deco{position:absolute;right:0%;bottom:-30px;z-index:999;width:150px;height:80px;display:block;background:url(../img/page/top-view-fresh-blueberries.png) no-repeat center bottom;background-size:85%}
.full-width.bgtopic02 .deco{position:absolute;left:0%;bottom:-40px;z-index:999;width:150px;height:80px;display:block;background:url(../img/page/con-bg-002.png) no-repeat center bottom;background-size:80%}
.full-width.bgtopic03 .deco{position:absolute;left:0%;bottom:-80px;z-index:999;width:200px;height:192px;display:block;background:url(../img/page/con-bg-003.png) no-repeat left bottom;background-size:75%}
.full-width.bgtopic02 .inner img{width:80%}
.fullSectionWhite.twoColumnSet{height:100vh}
#Cate03.fullSectionWhite.twoColumnSet .intro-about-info{width:80%;margin:0px auto 0px auto}
.columnGrid .intro-about-info{margin:50px auto 20px auto}
.thumb-photo{list-style:none;margin:0px 0 0 5%;padding:0;display:inline-block}
.thumb-photo li{display:inline-block;margin:0 0 20px 0;padding:0 2%;width:46%}
.thumb-photo li img{width:100%}
}
/* Bomba 20221229 */
a{transition: all ease-in-out .15s;}
.img-fluid{max-width:100%;height:auto}
ul.dot-list{list-style:none}
ul.dot-list >li{position:relative;padding-left:26px;line-height:1.5}
ul.dot-list >li +li{margin-top:10px}
ul.dot-list >li::before{content:"";position:absolute;width:6px;height:6px;background-color:#ddd;left:8px;top:12px}
ul.icon-list{list-style:none}
ul.icon-list >li{position:relative;padding-left:26px;line-height:1.5}
ul.icon-list >li +li{margin-top:10px}
ul.icon-list >li >.icon{position: absolute;left: 0;top: 2px;font-size: 1.3rem;opacity: .6;}
ol.order-list{list-style:none;counter-reset:chapter}
ol.order-list >li{position:relative;padding-left:26px;line-height:1.5;counter-increment:chapter}
ol.order-list >li +li{margin-top:10px}
ol.order-list >li::before{content:counter(chapter) '.';position:absolute;left:5px;top:2px;color:#777;font-size:1.1rem}
ol.order-list.icon-purple >li::before{color: rgb(156, 106, 169);}
.p-0{padding:0rem!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.p-4{padding:1.5rem!important}
.p-5{padding:3rem!important}
.px-5{padding-left:4rem!important;padding-right:4rem!important}
.h-50{height:50%!important}
.h-75{height:75%!important}
.h-auto{height:auto!important}
.mr-0,.mx-0{margin-right:0!important}
.ml-0,.mx-0{margin-right:0!important}
.position-static{position: static!important;}
.about-sec-01-dec0-01{position:relative;padding:0 2rem}
.about-sec-01-dec0-01 .deco-01{position:absolute;right:0;top:-100px;max-width:50%}
.about-sec-02-intro{padding-left:85px;position:relative;padding-bottom:100px}
.about-sec-02-deco-01{position:absolute;left:0;bottom:0;z-index:-1!important}
.about-sec-02-deco-03{position:absolute;left:-20px;bottom:0;width:100%;z-index:-1}
.about-sec-03-deco-03{position:absolute;left:-50%;bottom:0;z-index:-1}
.about-sec-04-deco-03{position:absolute;right:0%;bottom:-50px;z-index:-1}
.faq-item{border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px}
.faq-item .question{padding-left:45px;position:relative;font-size:1.35rem;font-weight:700;margin-bottom:20px}
.faq-item .question::before{content:"Q";font-size:2rem;color:rgb(156, 106, 169);position:absolute;left:0;top:-5px;font-style:italic;line-height:1}
.faq-item .answer{padding-left:45px;position:relative;line-height:1.75;font-size:1.1rem}
.faq-item .answer::before{content:"A";font-size:1.5rem;color:#ccc;position:absolute;left:0;top:0px;line-height:1}
.align-items-bottom{align-items:flex-end}
.bgpic-01{background-image:url(../img/deco/bgpic-01.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom}
.news-farm-container{padding-bottom:40vh}
.news-farm-sec-01{position:relative;padding-left:90px}
.news-farm-sec-01 .text{position:relative;z-index:2}
.news-farm-deco-01{position:absolute;left:0;bottom:0;width:80px;z-index:-1}
.nfpic-02{max-width:300px;float:right}
.nf-slogan{position:absolute;left:40px;top:100px;width:40vw}
.nm-area-03{display:flex;flex-direction:column;justify-content:flex-end;padding:3rem}
.floating-line{position:fixed;left:20px;bottom:20px;z-index:30;width:280px;box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.05);transition:all ease-in-out .5s}
.floating-line .btn-close{position:absolute;right:5px;top:5px;background-color:#fff;display:flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;color:rgb(var(--color-blue));font-size:1.2rem;box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.3)}
.floating-line.hide{opacity:0}
.scrolled .floating-line{bottom:20px}
.faq-container section:nth-child(even) > .container > .row > div:first-child{position:relative;z-index:2}
.copyDialog{position:fixed;left:50%;top:50%;background-color:#162B50;color:#fff;font-size:24px;font-weight:400;box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.1);transform:translate(-50%,-50%);opacity:1;padding:30px;transition:all ease-out .3s;z-index:1001}
.intro-about-info.l2{width:100%;padding-left:0}
.gc-container{min-height:800px;padding-right:43%}
.gc-deco-content{position:absolute;right:0;top:0;width:35%;height:100%}
.gc-deco-content .lawyer{padding-top:50px;width:calc(100% + 100px);position:absolute;right:0;top:0;z-index:1}
.gc-deco-content .lawyer .lawyer-text{margin-top:30px;padding-right:15%;padding-left:30px}
.gc-deco-content .deco-bg{position:absolute;top:100px;right:0;width:100%;height:100%;max-height:1000px;background-image:url(../img/deco/good-cloud-deco-03.jpg);background-position:right top;background-repeat:no-repeat;background-size:cover;z-index:0}
.auto-record-item{display:flex;padding-bottom:40px}
.auto-record-item .date{flex:0 0 150px;max-width:150px;color:#000}
.auto-record-item .date .year{position:relative}
.auto-record-item .date .year::after{content:"";position:absolute;height:1px;width:100px;right:0;top:12px;background-color:#263C66}
.auto-record-item .date .day{font-size:3.15rem}
.auto-record-item .content{padding-left:15px}
.status-item{display:inline-flex;color:#263C66;align-items:center;font-size:1rem;padding-right:15px}
.status-item .icon{width:18px;margin-right:4px}
.status-item .value{display:flex;align-items:center}
.status-item .value p{margin:0;font-size:1rem;padding:0 10px}
.auto-record-item .detail-item{position:relative;font-size:1.4rem;padding:10px 0 10px 50px;color:#000}
.auto-record-item .detail-item::before{content:"";position:absolute;left:0;top:22px;height:1px;width:35px;background-color:rgb(var(--color-purple))}
.report-item{display:flex;background-color:#fff;box-shadow:0 5px 15px 10px rgba(0, 0, 0, 0.05);margin-bottom:20px}
.report-item .r-title{border-right:1px solid #ddd;padding:20px 30px;position:relative;flex: 0 0 250px;
    max-width: 250px;}
.report-item .r-title .text{margin-bottom:60px}
.report-item .r-title .date{position:absolute;left:30px;bottom:20px}
.report-item .r-content{padding:20px 30px;word-break: break-all;}
.report-item .r-content .note{margin-bottom:15px}
.report-item .r-content ul li +li{margin-top:15px}
.report-item .r-content ul li a{display:block;padding-left:30px;color:rgb(var(--color-purple));text-decoration:underline;position:relative;font-size:1.1rem;line-height:1.5}
.report-item .r-content ul li a::before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;background-image:url(../img/icon-download.png);background-repeat:no-repeat}
.img-mobile{display:none}
.bg-comingsoon{background-image: url(../img/deco/comingsoon-popup-bg-01.jpg);background-size: cover;background-position: center;}
.bg-announcement{background-image: url(../img/deco/announcement-bg-01.jpg);background-size: cover;background-position: center;}
.lucky-style .header-single-post{height: 300px;background-color: rgb(22, 43, 80);}
.lucky-style .header-single-post .inner-box{margin-bottom: 20px;}
.gform-iframe{padding: 15px;background-color: #f2f2f2;border-radius: 12px;}
.craftman-sec-info{position: absolute;left: 50px;bottom: 30px;background-color: rgb(156, 106, 169, 70%);padding: 30px 50px;color: #fff;background-image: url(../img/deco/good-craftsman-deco-01.png);background-position: right bottom;background-repeat: no-repeat;}
.about-sec-01-modal-mask{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 100;padding: 0 15px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.about-sec-01-modal-mask .btn-play-video{margin-bottom: 40px;}
.btn-play-video{width: 80px;height: 80px;border-radius: 50%;color: #fff;background-color: #9C6AA9;font-size: 1.6rem;opacity: .6;transition: all linear .15s;padding-top: 5px;}
.btn-play-video:hover{opacity: 1;cursor: pointer;}
/* page share */
.social-box{position:fixed;left:0;top:30%;z-index:100;background-color:#fff;box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.05);padding:10px}
.social-box .s-label{position:relative;margin-bottom:60px;width:33px;height:52px;background-image:url(../img/share-deco.png);background-size:contain;background-position:center;background-repeat:no-repeat}
.social-box .s-label::after{content:"";position:absolute;height:40px;width:1px;background-color:#ccc;top:calc(100% + 10px);left:50%}
.social-box ul{display:flex;flex-direction:column;align-items:center}
.social-box ul li a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#333}
.home .social-box{opacity:0;transition:all ease-in-out .3s}
.home.scrolled .social-box{opacity:1}
.title-caption.with-share{position: relative}
.pshare-drop{position: absolute;right:0 ;top: 0;}
.pshare-drop>button{font-size: 1.3rem;color: #777;padding: 0 10px;background-color: transparent;border: none;}
.pshare-drop.open>button{color: #9C6AA9;}
.pshare-drop .pshare-title-content{display: none;background-color: #fff;position: absolute;top: calc(100% + 10px);right: 0;padding: 10px;border-radius: 6px;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07);z-index: 5;}
.pshare-drop .pshare-title-content::before{content: "";position: absolute;width: 0;height: 0;border-bottom: 10px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;top: -8px;right: 10px;}
.pshare-drop.open .pshare-title-content{display: block;}
.pshare-drop ul{display: flex;margin: 0;}
.pshare-drop ul li{padding-left: 0;margin-bottom: 0;padding: 0 5px;}
.pshare-drop ul li:after{content: none;}
.pshare-drop ul li a{display:flex!important;align-items:center;justify-content:center;width:30px;height:30px;color:#333;font-size: 1.3rem;}
/* news */
.news-list-layout.our-blog.our-blog-classic{padding: 100px 0;}
.news-list-layout.our-blog.our-blog-classic .blog-classic-item:nth-of-type(n){margin-top: 0;margin-bottom: 30px;}
.page-nav{display: flex;justify-content: center;}
.page-link{border:none;padding:.5rem .2rem;margin:0 .5rem;border-bottom:2px solid transparent;border-radius:0;color:#777;background-color:transparent;transition: all ease-in-out .15s;}
.page-item.active .page-link{background-color:transparent;border-bottom-color:#275b95;color:#275b95}
/* .page-item:first-child .page-link{border:none;width:40px;height:40px;border-radius:50%;box-shadow:1px 1px 5px 2px rgba(0, 0, 0, .07);display:flex;align-items:center;justify-content:center;color:#275b95;background-color:#fff}
.page-item:last-child .page-link{border:none;width:40px;height:40px;border-radius:50%;box-shadow:1px 1px 5px 2px rgba(0, 0, 0, .07);display:flex;align-items:center;justify-content:center;color:#275b95;background-color:#fff} */
.page-link:hover{border-color: #5988bd;color: #333;}
.page-item.disabled .page-link{opacity:.7}
.page-nav .paginationjs-pages ul{display: flex;}
.page-nav .paginationjs-pages .paginationjs-page a{border:none;padding:.75rem .2rem .5rem .2rem;margin:0 .5rem;border-bottom:2px solid transparent;border-radius:0;color:#777;background-color:transparent;transition: all ease-in-out .15s;}
.page-nav .paginationjs-pages .paginationjs-page.active a{background-color:transparent;border-bottom-color:#275b95;color:#275b95}
.page-nav .paginationjs-pages .paginationjs-page a:hover{border-color: #5988bd;color: #333;cursor: pointer;}
.page-nav .paginationjs-prev a,.page-nav .paginationjs-next a{display: flex;cursor: pointer;margin: 0 8px;font-weight: 900;font-size: .8rem;width: 40px;height: 40px;color: #777;justify-content: center;align-items: center;border-radius: 50%;background-color: #fff;box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.05);}
.page-nav .paginationjs-prev a:hover,.page-nav .paginationjs-next a:hover{background-color: #5988bd;color: #fff;}
.article-top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.article-top .right a{color: #275B95;font-size: 1.2rem;font-weight: 700;}
.article-top .right a i{margin-right: 8px;transition: all ease-in-out .15s;}
.article-top .right a:hover i{margin-right: 12px;}
.article-title{margin-bottom: 50px;}
.article-title .text{color: #333;font-size: 2rem;font-weight: 900;line-height: 1.5;margin-bottom: 15px;}
.article-title .sub{position: relative;padding-left: 50px;display: flex;}
.article-title .sub::before{content: "";position: absolute;left: 0;top: 8px;width: 45px;height: 1px;background-color: #9C6AA9;}
.article-title .sub .label{font-weight: 700;font-size: 1.1rem;color: #000;}
.article-title .sub .ts-content a{color: #9C6AA9;padding: 0 5px;}
.article-title .sub .ts-content a:hover{color: #5988bd;}
/* access */
.access-list-container{margin: 40px auto 30px;padding:0 40px;}
.col-al{flex: 0 0 25%;max-width: 25%;padding: 0 5px 10px 5px;}
.access-item{border: 1px solid #ddd;padding: 40px 15px;display: flex;align-items: center;justify-content: center;height: 180px;}
.access-item .a-title{font-size: 1.4rem;text-align: center;font-weight: 900;color: #000;letter-spacing: .5px;}
.access-item .date{font-weight: 200!important;margin-bottom: 20px!important;}
.access-item p{color: #000;margin: 0!important;font-size: 1.1rem!important;}
/* bootstrap modal */
.modal-open{overflow:hidden}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:0.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out;-webkit-transform:translate(0, -50px);transform:translate(0, -50px)}
@media (prefers-reduced-motion: reduce){
.modal.fade .modal-dialog{transition:none}
}
.modal.show .modal-dialog{-webkit-transform:none;transform:none}
.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{-ms-flex-negative:0;flex-shrink:0}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}
.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
.modal-dialog-centered.modal-dialog-scrollable::before{content:none}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:none;border-radius:0;outline:0}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:0.5}
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:0.3rem;border-top-right-radius:0.3rem}
.modal-content .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto;font-size:2.3rem;position:absolute;right:20px;top:20px;color:#ddd;background-color:transparent;background: none;z-index: 10;}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:0.3rem;border-bottom-left-radius:0.3rem}
.modal-footer > :not(:first-child){margin-left:.25rem}
.modal-footer > :not(:last-child){margin-right:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.l2 .modal-content{border-radius: 6px;}
.l2 .modal-content .close{font-size: 1.2rem;color: #275B94;top:30px}

@media (min-width: 576px){
.modal-dialog{max-width:500px;margin:1.75rem auto}
.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
.modal-dialog-centered{min-height:calc(100% - 3.5rem)}
.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}
.modal-sm{max-width:300px}
}
@media (min-width: 768px){
}
@media (min-width: 992px){
.modal-lg,.modal-xl{max-width:800px}
}
@media (min-width: 1200px){
.modal-xl{max-width:1140px}
.p-lg-5{padding:3rem!important}
}
@media (min-width: 1366px){
.container{max-width: 1300px;}
}
/* nav-tab */
.nav-tab{display:flex}
.nav-tab >li + li{padding-left:35px}
.nav-tab >li .link{padding:10px 0;display:block;border-bottom:3px solid transparent;color:#777;font-size:1.2rem;transition:all ease-in-out .15s}
.nav-tab >li .link:focus,.nav-tab >li .link:active{text-decoration:none}
.nav-tab >li.active .link{border-bottom-color:#275B95;color:#275B95}
.nav-content >.nav-item{width:100%;height:0;overflow:hidden;opacity:0;transition:all ease-in-out .2s}
.nav-content >.nav-item.show{width:100%;height:auto;opacity:1;overflow:visible}
@media only screen and (max-width:1365px){
	.col-al{flex: 0 0 50%;max-width: 50%;}
}
@media only screen and (max-width:1199px){
	.gc-deco-content{width: 30%;}
	.gc-deco-content .lawyer .lawyer-text{padding-left: 0px;padding-right: 10px;}
	
}
@media only screen and (max-width:991px){
.about-sec-01-dec0-01{padding:0}
.about-sec-01-dec0-01 .deco-01{top:-30px}
.about-sec-03-deco-01,.about-sec-03-deco-02{height:auto}
.access-deco-01{display:none}
.access-pic-01{height:300px!important}
.pagemunu.news-content .News-socials-wrapper{width:100%;flex-direction:row}
.pagemunu.news-content .News-socials-wrapper>div:first-child{flex:1 1 auto}
.pagemunu.news-content .News-socials-wrapper .cat a{display:inline-block}
.intro-about-info{width:100%;padding:0 25px}
.nm-center-deco{height:40vh}
.gc-container{padding-right:45%}
.status-item{padding-right:10px}
.report-item .r-title{flex: 0 0 150px;max-width: 150px;}
.report-item .r-title,.report-item .r-content{padding:15px}
.report-item .r-title .date{left:15px;bottom:15px}
.img-mobile{display:block}
.img-desktop{display:none}
.filterSet{display:none}
.floating-line{width:200px;bottom:-68px}
.social-box{display: none;}
.home .social-box{display: block;}
.news-list-layout.our-blog.our-blog-classic{padding: 10px 0 30px 0;}
.about-sec-01-modal-mask img{width: 250px;}

.btn-play-video{width: 60px;height: 60px;}
}
@media only screen and (max-width:767px){
.about-sec-02-intro{padding-bottom:20px}
.news-farm-sec-01{padding-left:0px}
.news-farm-container{padding-bottom:20vh}
.bgpic-01{background-size:contain}
.nf-slogan{position:relative;width:100%;left:0;top:0;margin-top:15vh;margin-bottom:10vh}
.nfpic-02{max-width:100%;float:none}
.intro-about-info{width:100%;padding:0 25px}
.nm-area-03{padding:25px}
.status-item .value p {  
    min-width: 65px;
}
.status{margin-bottom: 20px;}
.social-box{top: 45%;left: inherit;right: 0;padding:10px 5px;background-color:rgba(255,255,255,.9)}
.social-box .s-label{display:none}
.gc-container{padding-right:0}
.gc-deco-content{position:relative;width:100%;}
.gc-deco-content .lawyer{position:relative;width:100%;padding-top:20px;padding-bottom: 340px;}
.gc-deco-content .lawyer .lawyer-text{padding-right:15px;padding-left:15px;margin-top:0;padding-bottom:20px}
.gc-deco-content .deco-bg{top:0;left:0;width:100%}
.gc-deco-content .lawyer-description{position: absolute;bottom: 0;width: 100%;left: 0;padding: 10px 15px 15px;}
.auto-record-item .date{flex:0 0 90px;max-width:90px}
.auto-record-item .date .day{font-size:2rem}
.auto-record-item .date .year::after{width:50px;top:10px}
.col-al{flex: 0 0 50%;max-width: 50%;}
.about-sec-01-modal-mask .btn-play-video{margin-bottom: 10px;}
.btn-play-video{width: 40px;height: 40px;font-size: 1.2rem;}
}