body{font-family:Verdana;font-size:11px;margin:15px 0 15px 0;color:#ccc;background-color:#000}#container{margin:0 20px;min-width:980px}.clear{clear:both}.hidden{display:none}.head_banner{width:960px;position:relative}.head_banner a.mail{position:absolute;right:0;bottom:-20px}#cat_menu li{float:left;padding:0 20px 3px 0;z-index:-1}#cat_menu a{z-index:-1}#cat_menu a img{opacity:.5;filter: alpha(opacity=50);z-index:-1}#cat_menu a:hover img{opacity:1;filter: alpha(opacity=100)}#cat_menu li.active img{opacity:1;filter: alpha(opacity=100)}.box{float:left;width:220px;height:220px;padding:5px 5px 18px 5px;margin:5px 13px 0 0}.box:hover,.box.selected{-moz-box-shadow:0 0 10px rgba(225,225,225,.5);-webkit-box-shadow:0 0 10px rgba(225,225,225,.5);-o-box-shadow:0 0 10px rgba(225,225,225,.5);box-shadow:0 0 10px rgba(225,225,225,.5);z-index:1999}.box a{opacity:1;filter: alpha(opacity=100);transition:all 300ms ease-out 0s;-moz-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s}.box a:hover{opacity:.8;filter: alpha(opacity=80)}.box img{}.details{padding:0;color:#777}.details h1{font-family:Arial,Helvetica,sans-serif;font-weight:300;font-size:18px;padding:8px 0 5px 5px;color:#97abaa}.details .image_large{margin:10px 23px 13px 5px}.details p{max-width:1260px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#97abaa;padding:0 0 0 5px;line-height:1.2}.bx-wrapper{margin:0 0 15px 0!important}.bx-viewport{border:0!important;-moz-box-shadow:0 0 0 #ccc!important;-webkit-box-shadow:0 0 0 #ccc!important;box-shadow:0 0 0 #ccc!important}.bx-wrapper .bx-viewport{left:0!important}.worktitle h6{font-size:10px!important;color:#97abaa!important}div.slider-details{position:relative;max-width:950px}div.slider-details a{display:block;position:absolute;top:0;bottom:0;width:50%;z-index:9999}div.slider-details a i.icon{display:block;position:absolute;height:32px;width:32px;margin-top:-16px;top:50%}div.slider-details a#slider-prev{left:0}div.slider-details a#slider-next{right:0}div.slider-details a#slider-prev i.icon{left:10px;background-position:0 -32px}div.slider-details a#slider-next i.icon{background-position:-43px -32px;right:0}body{font-family:Verdana;font-size:11px;margin:15px 0 15px 0;color:#ccc;background-color:#000}#container{margin:0 20px;min-width:980px}.clear{clear:both}.hidden{display:none}.swiper-zoom-container{flex-direction:column;position:absolute;top:4%}.detail-image-info,.main-image-info{max-width:640px;text-align:center;margin:4px auto;padding:8px;color:#97abaa;font-family:Verdana;font-size:small;line-height:1.5;position:absolute;top:0%}.head_banner{width:100%;position:relative}.head_banner a.mail{position:absolute;right:0;bottom:-20px}#cat_menu li{float:left;padding:0 20px 3px 0;z-index:-1}#cat_menu a{z-index:-1}#cat_menu a img{opacity:1;filter: alpha(opacity=50);z-index:-1}#cat_menu a:hover img{opacity:.7;filter: alpha(opacity=100)}#cat_menu li.active img{opacity:1;filter: alpha(opacity=100)}.box{float:left;width:220px;height:220px;padding:5px 5px 18px 5px;margin:5px 13px 0 0}.box:hover,.box.selected{-moz-box-shadow:0 0 10px rgba(225,225,225,.5);-webkit-box-shadow:0 0 10px rgba(225,225,225,.5);-o-box-shadow:0 0 10px rgba(225,225,225,.5);box-shadow:0 0 10px rgba(225,225,225,.5);z-index:1999}.box a{opacity:1;filter: alpha(opacity=100);transition:all 300ms ease-out 0s;-moz-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s}.box a:hover{opacity:.8;filter: alpha(opacity=80)}.box img{}.box h2{font-weight:normal;color:#000;transition:all 300ms ease-out 0s;-moz-transition:all 300ms ease-out 0s;-webkit-transition:all 300ms ease-out 0s;-o-transition:all 300ms ease-out 0s}.box:hover h2{color:#97abaa}.details{padding:0;color:#777}.details h1{font-family:Arial,Helvetica,sans-serif;font-weight:300;font-size:18px;padding:8px 0 5px 5px;color:#97abaa}.details .image_large{margin:10px 23px 13px 5px}.details p{max-width:1260px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#97abaa;padding:0 0 0 5px;line-height:1.2}.bx-wrapper{margin:0 0 15px 0!important}.bx-viewport{border:0!important;-moz-box-shadow:0 0 0 #ccc!important;-webkit-box-shadow:0 0 0 #ccc!important;box-shadow:0 0 0 #ccc!important}.bx-wrapper .bx-viewport{left:0!important}.worktitle h6{font-size:10px!important;color:#97abaa!important}div.slider-details{position:relative;max-width:950px}div.slider-details a{display:block;position:absolute;top:0;bottom:0;width:50%;z-index:9999}div.slider-details a i.icon{display:block;position:absolute;height:32px;width:32px;margin-top:-16px;top:50%}div.slider-details a#slider-prev{left:0}div.slider-details a#slider-next{right:0}div.slider-details a#slider-prev i.icon{left:10px;background-position:0 -32px}div.slider-details a#slider-next i.icon{background-position:-43px -32px;right:0}#videoDiv{width:100%;height:360px;position:relative}#video1{margin:auto;display:block}#videoMessage{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}#videoDiv2{width:100%;max-width:1600px;margin:auto;display:block;position:relative;z-index:1}#video2{width:100%;height:auto;position:relative;margin-top:-12%}#videoMessage2{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.email-home{text-align:center;padding:0 10px;margin-top:-40px;z-index:9999;position:relative}img.email-address{margin:0 auto;max-width:360px}body.home .head_banner{margin:0 12%;z-index:9998;top:6%;position:relative;width:fit-content}body.home .homepage-wrapper{max-width:1600px;margin:0 auto;margin-top:6%}.head_banner.my-works{position:initial;margin:0}.head_logo{max-height:110px}body.home .head_logo,body.about .head_logo{max-height:180px}#cat_menu li{float:none}.css-logo{float:left}.menu-top-vertical{float:left;top:68px;position:relative}body.home .menu-top-vertical{float:left;top:0}div.ms-search{float:right;position:relative;top:85px}input#search-btn{background-color:#555;border:1px solid #777;padding:4px 10px;color:#bbb;letter-spacing:1px;font-size:10px;text-transform:uppercase;opacity:.65;transition:all 200ms ease-out 0s;-moz-transition:all 200ms ease-out 0s;-webkit-transition:all 200ms ease-out 0s;-o-transition:all 200ms ease-out 0s}input#search-btn:hover{background-color:#656575;cursor:pointer}input#search{background-color:#000;border:0;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:0;border-bottom:1px solid #555;padding:2px;margin-right:8px;color:#777}header{background-color:var(--color-background);display:grid;grid-template-columns:100px auto 70px;padding:20px 20px;width:calc(100% - 40px)}form#search{align-items:center;display:flex}form#search label{display:none;font-weight:500;margin:0 10px 0 0}form#search input{border:solid #777;border-width:0 0 1px 0;border-radius:0;flex:1;font-size:16px;font-weight:200;height:33px;margin:0;min-width:90px;padding:4px 8px;-webkit-appearance:textfield;font-size:13px;background-color:transparent;color:#999;letter-spacing:1px;margin-left:12px}form#search button{border:none;cursor:pointer;height:33px;padding:0;background-color:transparent}form#search svg{background-color:transparent;border-radius:0;fill:#555;height:33px;min-width:24px;padding:0 7px;width:24px;transition:all 200ms ease-out 0s;-moz-transition:all 200ms ease-out 0s;-webkit-transition:all 200ms ease-out 0s;-o-transition:all 200ms ease-out 0s}form#search svg:hover{background-color:transparent;fill:#999}@media all and (max-width:1000px){body.home .head_banner{margin:0 3%}}@media all and (min-width:1001px) and (max-width:1430px){body.home .head_banner{margin:0 3%}}@media all and (min-width:750px){header{align-items:center;background-color:var(--color-background);grid-template-columns:200px auto 160px;padding:40px;width:calc(100% - 80px)}form#search label{display:inline}form#search input::placeholder{opacity:0}}.swiper-slide{height:82vh}.swiper-zoom-container{height:95%}.swiper-zoom-container>img.work-img{max-height:90%}@media all and (max-height:640px) and (orientation:landscape){.swiper-slide{height:75vh}.email-home{margin-top:-20px}#video2{height:74vh}.swiper-zoom-container{height:82%}}@media all and (min-height:640px) and (max-height:768px) and (orientation:landscape){.swiper-slide{height:78vh}.swiper-zoom-container{height:90%}}@media all and (min-height:768px) and (max-height:960px) and (orientation:landscape){.swiper-slide{height:82vh}.swiper-zoom-container{height:90%}}@media all and (max-height:681px) and (orientation:landscape){.detail-image-info,.main-image-info{max-width:550px;line-height:1}}@media all and (min-height:1081px) and (orientation:landscape){.detail-image-info,.main-image-info{max-width:720px;line-height:1.4}}.static-page-wrapper{max-width:1600px;margin:0 auto;margin-top:0;margin-top:6%}body.about section#page{max-width:1190px;margin:2% auto;line-height:1.6;color:#777}body.about section#page h1,body.about section#page h2,body.about section#page h3,body.about section#page h4,body.about section#page h5,body.about section#page h6{line-height:1.8;font-weight:normal;color:#999}body.about section#page h1{font-size:2em}body.about section#page h2{font-size:1.8em}body.about section#page h3{font-size:1.5em}body.about .menu-top-vertical{top:130px}body.about img.static_page_title{max-height:48px;opacity:.9}