@font-face{font-display:swap;font-display:swap;font-family:'Bebas Neue';font-style:normal;font-weight:400;src:url(/wp-content/themes/dioworks/assets/fonts/bebas-neue/bebas-neue-v14-latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-display:swap;font-family:'Sarabun';font-style:normal;font-weight:400;src:url(/wp-content/themes/dioworks/assets/fonts/sarabun/sarabun-v15-latin-regular.woff2) format('woff2')}@font-face{font-display:swap;font-display:swap;font-family:'Sarabun';font-style:normal;font-weight:500;src:url(/wp-content/themes/dioworks/assets/fonts/sarabun/sarabun-v15-latin-500.woff2) format('woff2')}@font-face{font-display:swap;font-display:swap;font-family:'Sarabun';font-style:normal;font-weight:600;src:url(/wp-content/themes/dioworks/assets/fonts/sarabun/sarabun-v15-latin-600.woff2) format('woff2')}@font-face{font-display:swap;font-display:swap;font-family:'Sarabun';font-style:normal;font-weight:700;src:url(/wp-content/themes/dioworks/assets/fonts/sarabun/sarabun-v15-latin-700.woff2) format('woff2')}:root{--color-primary:#f19101}$border-radius:6px;$overlay-color:#fff;@keyframes fadeInFromRight{from{transform:translateX(100vw);opacity:0}to{transform:translateX(0);opacity:1}}.animated{animation:fadeInFromRight 0.8s ease-out forwards}div.effect a,div.effect button,a.effect,button.effect{text-align:center;display:inline-block;position:relative;text-decoration:none;color:$link-text-color;text-transform:capitalize;font:{family:'Roboto',sans-serif;size:18px}padding:20px 30px;border-radius:6px;overflow:hidden}div.effect.effect-5 a,div.effect.effect-5 button,a.effect.effect-5,button.effect.effect-5{transition:all 0.2s linear 0s;&:before{content:"\f054";font-family:FontAwesome;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;height:100%;width:30px;background-color:rgb(255 255 255 / .3);border-radius:0 50% 50% 0;transform:scale(0,1);transform-origin:left center;transition:all 0.2s linear 0s}&:hover{text-indent:30px;&:before{transform:scale(1,1);text-indent:0}}}.main-slider-cta a{width:100%!important}h1{font-family:'Bebas Neue';font-weight:400;line-height:1!important}h2{font-family:'Bebas Neue';font-weight:400;line-height:1!important;margin-top:5px!important}h3{line-height:1!important}blockquote{padding-left:60px;padding-right:60px;padding-top:60px;padding-bottom:60px;background-color:rgb(241 145 1 / .05);text-align:center;margin-left:0;margin-right:0}blockquote p{display:inline-block;text-align:center;position:relative;max-width:400px;font-style:italic;font-weight:400;padding-left:20px;padding-right:20px}.page-header-image{background-size:cover;background-position:center;height:250px;width:100%;display:none}.lang-item img{max-width:30px}.ast-logo-title-inline .ast-site-identity{padding:0}.slick-dots{bottom:-50px}.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{flex-direction:column}.ast-mobile-header-wrap .menu-toggle .mobile-menu-wrap{margin-left:0}.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item{font-weight:400}#breadcrumbs{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;margin-bottom:20px;margin-top:20px}.ast-plain-container.ast-no-sidebar #primary{margin-top:0}.ast-separate-container #primary{margin-top:1em}.ast-builder-menu-1 .main-header-menu .sub-menu{background-color:#fff;text-align:left}body{background-color:#f0f0f0!important}.widget-menu{position:absolute;z-index:-10}.entry-header .entry-meta{display:none!important}.widget-menu.open{z-index:9999}.widget-menu .menu-container{z-index:9999;position:fixed;right:0;top:50%;transform:translateY(-50%);width:80%;font-size:20px;font-weight:600}.widget-menu .menu-container ul{list-style:none}.ast-mobile-header-content .main-header-bar-navigation{display:block!important}.btn-toggle-menu{text-align:center;padding:0;width:50px;height:50px;text-transform:uppercase;font-size:10px;margin-top:8px}.btn-toggle-menu i{display:block;font-size:28px}.site-header{position:sticky;top:0}.ast-grid-left-center-section{justify-content:center}.custom-widget-nav-open{overflow:hidden;height:100%}.ast-desktop .ast-primary-header-bar.main-header-bar,.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar{box-shadow:0 0 7px -1px rgb(0 0 0 / .3)}.ast-separate-container .ast-article-single:not(.ast-related-post){background-color:#fff0;padding:0}.navigation.post-navigation{display:none!important}@media screen and (max-width:921px){header .custom-logo-link img{max-width:100px!important;width:100px!important}.site-header.sticky .ast-primary-header-bar.main-header-bar,.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar{padding-top:0px!important;padding-bottom:0px!important;padding-left:20px;padding-right:20px}.ast-primary-header-bar.ast-primary-header{border-radius:30px}.main-header-bar-wrap{top:20px!important}.ast-mobile-header-content{top:100px!important;max-width:90%;left:50%;transform:translateX(-50%);border-radius:10px;overflow:hidden}}@media screen and (min-width:500px){body.admin-bar.logged-in .site-header{top:32px}}@media screen and (min-width:768px){.page-header-image{display:block}.slick-slide{margin:0 10px}.slick-list{margin:0 -10px}}@media screen and (min-width:921px){.site-header.sticky .ast-primary-header-bar.main-header-bar{padding-top:5px!important;padding-bottom:5px!important}.site-header.sticky .custom-logo-link img{max-width:100px;width:100px}}.link-phone::before{content:"\f095";font:var(--fa-font-solid);color:var(--color-primary);display:inline-block;margin-right:10px}.link-mail::before{content:"\f0e0";font:var(--fa-font-solid);color:var(--color-primary);display:inline-block;margin-right:10px}.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center){border:none}.wp-block-quote p::before{content:'\f10d';font:var(--fa-font-solid);display:inline-block;vertical-align:bottom;color:#f19101;font-size:3em;top:-25px;position:absolute;transform:translate(-150%)}.wp-block-quote p::after{content:'\f10e';font:var(--fa-font-solid);display:inline-block;vertical-align:bottom;color:#f19101;font-size:3em;bottom:-25px;transform:translate(110%);right:0;position:absolute}.list-header-top{list-style:none;display:flex;-webkit-display:flex;margin-bottom:0}.list-header-top li{margin-left:15px}.list-header-top li a{color:#000}.list-contact{list-style:none;margin-bottom:0}.list-contact li{display:inline-block;margin:0 5px}.list-contact li a{border:1px solid var(--color-primary);border-radius:50%;display:block;width:40px;height:40px;line-height:40px;text-align:center}.list-contact li a:hover{background-color:var(--color-primary);color:#fff}.list-contact-column{list-style:none;padding-left:0!important}.list-contact-column li{margin-bottom:10px}.list-contact-column a{text-decoration:none!important;line-height:40px}.list-contact-column a i{margin-right:10px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50px;border:1px solid var(--color-primary)}.list-contact-column li a:hover i{background-color:var(--color-primary);color:#fff}.main-header-bar-wrap{position:absolute;width:100%;max-width:90%;left:50%;transform:translateX(-50%)}@media screen and (min-width:921px){.site-header-primary-section-left{background-color:#fff}#primary-site-navigation-desktop{position:relative}.main-header-bar-wrap{position:absolute;max-width:1200px}.ast-primary-header-bar{border-bottom-left-radius:50px;border-bottom-right-radius:50px}.ast-primary-header-bar .header-main-layout-1 .ast-main-header-bar-alignment{margin-left:0}.ast-primary-header-bar .main-header-bar .main-header-bar-navigation{width:100%}.ast-primary-header-bar .ast-main-header-bar-alignment{width:100%}.ast-primary-header-bar .ast-builder-menu .main-navigation{width:100%}.ast-primary-header-bar .ast-builder-menu .main-navigation>ul{width:100%}.ast-primary-header-bar .ast-builder-menu .main-navigation>ul>li{margin-right:20px}.ast-primary-header-bar .ast-builder-menu .main-navigation>ul>li>a{text-transform:uppercase;position:relative;padding-left:0;padding-right:0}.ast-primary-header-bar .ast-builder-menu .main-navigation>ul>li>a::after{content:"";width:0;height:2px;background-color:var(--color-primary);transition:.3s all ease-in-out;position:absolute;bottom:13px;left:0}.ast-primary-header-bar .ast-builder-menu .main-navigation>ul>li:hover>a::after{width:100%}}.site-content{overflow-x:hidden;width:100vw}.site-content .ast-container{padding-top:0}@media screen and (max-width:922px){body:not(.home) .site-content{padding-top:100px}.slider-content-blok{border-radius:0px!important;overflow:hidden}}@media screen and (min-width:921px){body:not(.home) .site-content{padding-top:80px}}.main-slider-subtitle::after{content:"";height:1px;width:200px;background-color:#f19101;display:block}.slider-content-blok{border-radius:30px;overflow:hidden}.list-process{list-style:none;margin-left:0;padding-left:0!important}.list-process li{background-color:#fff;padding:1.5em 2em 1.5em 2em!important;transition:transform 0.8s ease-out,opacity 0.8s ease-out}.list-process li.hidden{transform:translateX(100vw);opacity:0}.list-process li::before{content:"\f00c";font:var(--fa-font-solid);color:var(--color-primary);margin-right:10px;font-size:30px;line-height:30px;display:inline-block;vertical-align:middle}#service-slider{display:flex;-webkit-display:flex;opacity:0}#service-slider.slick-initialized{opacity:1}#service-slider .slick-list{width:100%}#service-slider .item.service{position:relative;overflow:hidden}#service-slider .item.service .image{padding-top:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .5s ease-in-out}#service-slider .item.service:hover .image{transform:scale(1.2)}#service-slider .item.service .service-title-container{position:absolute;bottom:10px;left:10px;width:calc(100% - 20px);display:flex;-webkit-display:flex;align-content:center;align-items:center;background-color:rgb(0 0 0 / .5);padding:10px 10px;transition:all .5s ease-in-out}#service-slider .item.service .service-title-container span{color:#fff;font-size:20px;font-weight:600;text-transform:uppercase;font-family:'Bebas Neue'}#service-slider .item.service .service-title-container span::after{content:"-";margin:0 5px}#service-slider .item.service .service-title-container h4{color:#fff;font-size:16px;text-transform:uppercase;font-weight:400;margin-bottom:0;font-family:'Bebas Neue'}#service-slider .item.service .service-title-container button{color:#fff;margin-left:auto;padding:10px}@media screen and (min-width:1024px){.row-process{padding-left:7em!important;padding-right:7em!important}.list-process li{background-color:#fff;padding:1.5em 2em 1.5em 3em!important;margin-bottom:21.5px!important}}.list.service .item.service{margin-bottom:30px}.list.service .item.service:not(:last-child){border-bottom:1px solid #ededed}.list.service .item.service .image{padding-top:100%;background-size:cover;background-position:center;height:0}.list.service .item.service .service-title-container{padding:15px;flex:1;position:relative;padding-bottom:80px;background-color:#fff}.list.service .item.service a.button{text-decoration:none;color:#fff;padding:15px 0;width:150px;display:inline-block;position:absolute;right:20px;bottom:20px}@media screen and (min-width:500px){.list.service{gap:10px;flex-direction:row;display:flex;-webkit-display:flex;flex-wrap:wrap}.list.service .item.service{margin-bottom:20px;flex-direction:column;flex:0 0 calc(50% - 10px);display:flex;-webkit-display:flex;flex-wrap:wrap}.list.service .item.service .image{margin-bottom:0;padding-top:50%}}@media screen and (min-width:921px){.list.service .item.service{flex:0 0 calc(33.333333% - 10px)}}#project-slider{display:flex;-webkit-display:flex;opacity:0;margin-top:60px}#project-slider.slick-initialized{opacity:1}#project-slider .slick-list{width:100%}#project-slider .slick-next{top:-50px;right:50%;transform:translateX(50px)}#service-slider .slick-next{right:10px}#service-slider .slick-prev{left:10px}.slick-prev,.slick-next,.slick-prev:focus,.slick-next:focus,.slick-prev:hover,.slick-next:hover{text-align:center;line-height:1;box-shadow:none;width:40px;height:40px;background-color:#000;z-index:10}.slick-prev::before,.slick-next::before{content:"";font:var(--fa-font-solid);color:#fff;opacity:1;font-size:24px}.slick-next::before{content:"\f178"}.slick-prev::before{content:"\f177"}.item.project{position:relative;overflow:hidden}.item.project .image{padding-top:100%;background-size:cover;background-position:center;transition:all .5s ease-in-out}.item.project:hover .image{transform:scale(1.2)}.item.project .project-title-container{position:absolute;bottom:10px;left:10px;width:calc(100% - 20px);display:flex;-webkit-display:flex;align-content:center;align-items:center;background-color:rgb(0 0 0 / .5);padding:10px 10px}.item.project .project-title-container span{color:#fff;font-size:20px;font-weight:600;text-transform:uppercase;font-family:'Bebas Neue'}.item.project .project-title-container span::after{content:"-";margin:0 5px}.item.project .project-title-container h4{color:#fff;font-size:16px;text-transform:uppercase;font-weight:400;margin-bottom:0;font-family:'Bebas Neue'}.item.project .project-title-container button{color:#fff;margin-left:auto;padding:10px}#project-slider .slick-prev{top:-50px;left:50%;transform:translateX(-50px);box-shadow:none;width:40px;height:40px;line-height:1;text-align:center;background-color:#000}.buttons{text-align:center}.buttons a{text-decoration:none!important;color:#fff}.list.project{display:flex;-webkit-display:flex;flex-wrap:wrap}.list.project .item.project{flex:0 0 100%}@media screen and (min-width:768px){.list.project{gap:10px}.list.project .item.project{flex:0 0 calc(50% - 5px)}}@media screen and (min-width:1024px){.list.project .item.project{flex:0 0 calc(33.33333% - 6.66666667px)}}.page-header-image{position:relative}.page-header-image .page-title{position:absolute;bottom:10px;left:4.5%;color:var(--color-primary);display:none}.single-dw_project .project-header{background-color:#fff;padding:1em 4.5%;padding-top:120px}.single-dw_project .project-header #breadcrumbs{max-width:100%;padding-left:0;padding-right:0}.single-dw_project .project-header .page-title{bottom:10px;left:4.5%;color:var(--color-primary)}.single-dw_project .entry-meta{display:none}.single-dw_project .project-meta{max-width:400px;border:none}.single-dw_project .project-meta tr td{border:none;padding-bottom:1px;padding-top:1px}.single-dw_project .project-meta tr td:first-child{padding-left:0}.single-dw_project .site-content .ast-container{max-width:100%;padding-left:4.5%;padding-right:4.5%}.single-dw_project .site-content .ast-container article{background-color:#fff0;padding:0}.single-dw_project .site-content .ast-container article .wp-block-gallery{margin-left:0;margin-right:0;max-width:100%}@media screen and (min-width:768px){.page-header-image .page-title{display:block}.single-dw_project .project-header .page-title{display:none}}.site-footer{overflow:hidden}.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row-container-inner{padding-left:1em;padding-right:1em}.site-footer .block.address h3,.site-footer .block.links h3{color:var(--color-primary);font-family:'Bebas Neue';font-weight:500}.site-footer .block.address h3::after,.site-footer .block.links h3::after{content:"";height:1px;max-width:200px;width:100%;background-color:var(--color-primary);display:block;margin-top:8px;margin-bottom:8px}.site-footer .block.address a{color:#000}.site-footer .block.links ul li a{color:#000}.site-footer .block.links ul li a::before{content:"\f061";font:var(--fa-font-solid);position:relative;display:inline-block;color:var(--color-primary);margin-right:10px}.site-footer .footer-bottom-links{display:inline-block}.site-footer .footer-bottom-links a{color:#fff}.site-footer .block.socials{text-align:center;height:70px}.site-footer .block.socials a{margin:5px 5px;position:relative;top:10px}.site-footer .block.socials .facebook::before{content:"\f09a";font:var(--fa-font-brands);font-weight:400;display:inline-block;color:var(--color-primary);border-radius:50%;vertical-align:top;font-size:40px}.site-footer .block.socials .linkedin::before{content:"\f0e1";font:var(--fa-font-brands);background-color:var(--color-primary);width:40px;height:40px;text-align:center;font-size:30px;line-height:40px;display:inline-block;color:#fff;border-radius:50%;vertical-align:top}.site-footer .wp-block-image img{max-width:170px}.site-footer-primary-section-4 section{text-align:center}@media screen and (max-width:921px){.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:544px){.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row{grid-template-columns:repeat(1,1fr)}.site-footer-primary-section-1{margin-bottom:20px!important}.site-footer .block.address h3,.site-footer .block.links h3{font-size:24px}.site-footer .block.address,.site-footer .block.links a{font-size:18px!important}.site-footer-primary-section-3 aside{display:flex!important;-webkit-display:flex!important}.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{padding-left:0;padding-right:0}.list.service .item.service .service-title-container{margin-left:0}}