/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing)*5)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Roobert;src:url(../fonts/Roobert-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roobert;src:url(../fonts/Roobert-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roobert;src:url(../fonts/Roobert-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roobert;src:url(../fonts/Roobert-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Roobert;src:url(../fonts/Roobert-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LibreBaskerville;font-weight:400;src:url(../fonts/LibreBaskervilleRegular.woff2) format("woff2"),}:root{--color1:#a13040;--color2:#760e26;--color3:#001d21;--color4:#d3ddc2;--space:5vw;--font1:"Roobert",sans-serif;--font2:"LibreBaskerville",serif}body{font-family:var(--font1);color:var(--color3)}body.opened-submenu{overflow:hidden}body.opened-submenu .header .area .left .logo a img{filter:brightness(0)invert()}body.opened-submenu .header .area .left .menu{color:#fff}body.opened-submenu .header .area .right .p-btn:last-of-type a{color:#fff;border-color:#fff}body.opened-submenu .header .area .right .p-btn:last-of-type a:hover{color:var(--color3);background-color:#fff}.header{z-index:1000;position:absolute;top:0;left:0;right:0}.header .area{padding:0 var(--space);justify-content:space-between;align-items:center;gap:30px;height:100px;display:flex}.header .area .mobile-menu-bar{width:24px;height:20px;display:none}.header .area .mobile-menu-bar i{background-color:#000;width:24px;height:2px;margin:5px 0;display:block}.header .area .left{align-items:center;gap:50px;display:flex}.header .area .left .logo a{display:block}.header .area .left .logo a img{height:35px;display:block}.header .area .left .menu{padding:9px 17px;position:relative}.header .area .left .menu:before{content:"";pointer-events:none;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#7a78761a;border-radius:4px;transition:all .5s;position:absolute;inset:0}.header .area .left .menu:hover:before{scale:1.05}.header .area .left .menu>ul{align-items:center;gap:15px;font-size:12px;display:flex;position:relative}.header .area .left .menu>ul li .submenu{scrollbar-width:thin;background-color:var(--color3);color:#fff;min-height:70vh;max-height:100vh;padding:0 var(--space);z-index:-1;opacity:0;pointer-events:none;visibility:hidden;justify-content:space-between;align-items:flex-start;gap:57px;padding-top:100px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow-y:auto}.header .area .left .menu>ul li .submenu:before{content:"";top:100px;left:var(--space);right:var(--space);pointer-events:none;background:linear-gradient(90deg,#002921 0%,#909090 100%);height:1px;position:absolute}.header .area .left .menu>ul li .submenu ul{flex-direction:column;gap:20px;font-size:20px;display:flex}.header .area .left .menu>ul li .submenu ul li{flex-direction:column;display:flex}.header .area .left .menu>ul li .submenu ul li span{color:#66777a;font-size:14px}.header .area .left .menu>ul li .submenu .others{margin-top:50px}.header .area .left .menu>ul li .submenu .others .t{margin-bottom:21px;font-size:12px}.header .area .left .menu>ul li .submenu .submenu-left{flex:1;padding:30px 0}.header .area .left .menu>ul li .submenu .submenu-left ul li a{justify-content:space-between;align-items:center;display:flex}.header .area .left .menu>ul li .submenu .submenu-left ul li a:after{content:"";opacity:0;background-image:url(../images/icon-arrow-right-w.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:23px;height:12px;transition:all .3s}.header .area .left .menu>ul li .submenu .submenu-left ul li.active a:after{opacity:1}.header .area .left .menu>ul li .submenu .submenu-mid{flex:2;padding:30px 0}.header .area .left .menu>ul li .submenu .submenu-mid .mid-area ul{display:none}.header .area .left .menu>ul li .submenu .submenu-mid .mid-area ul.active{display:flex}.header .area .left .menu>ul li .submenu .submenu-right{flex:2;padding:30px 0}.header .area .left .menu>ul li .submenu .submenu-right ul{display:none}.header .area .left .menu>ul li .submenu .submenu-right ul.active{display:flex}.header .area .left .menu>ul li .submenu .submenu-img{flex:3;position:relative}.header .area .left .menu>ul li .submenu .submenu-img img{width:100%;transition:all .3s;display:block}.header .area .left .menu>ul li.active .submenu{opacity:1;pointer-events:all;visibility:visible}.header .area .right{color:#fff;gap:7px;display:flex}.header .area .right .p-btn a{white-space:nowrap;padding:9px 26px}.header .area .right .p-btn:last-of-type a{border-color:var(--color3);color:var(--color3)}.header .area .right .p-btn:last-of-type a:hover{background-color:var(--color3);color:#fff}body.pikap-mobile-menu-active{overflow:hidden}body.pikap-mobile-menu-active .pikap-mobile-menu{pointer-events:all;visibility:visible;opacity:1!important}.pikap-mobile-menu{z-index:9999;pointer-events:none;opacity:0;visibility:hidden;padding:var(--space);background-color:#fff;flex-direction:column;gap:24px;transition:all .3s;display:flex;position:fixed;inset:0}.pikap-mobile-menu .top-area{flex-direction:column;gap:24px;height:100px;display:flex}.pikap-mobile-menu .top-area .head{justify-content:space-between;align-items:center;display:flex}.pikap-mobile-menu .top-area .head .right{align-items:center;gap:16px;display:flex}.pikap-mobile-menu .top-area .head .right .clss{width:20px;height:20px;display:flex;position:relative}.pikap-mobile-menu .top-area .head .right .clss i{background-color:#102949;width:20px;height:2px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.pikap-mobile-menu .top-area .head .right .clss i:last-of-type{rotate:-45deg}.pikap-mobile-menu .top-area .p-btn a{text-align:center;justify-content:center;width:100%}.pikap-mobile-menu .bot-area{margin:0 calc(var(--space)*-1);padding:0 var(--space);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.pikap-mobile-menu .bot-area .item{border-bottom:1px solid #e2e2e2;padding:24px 0}.pikap-mobile-menu .bot-area .item .t{font-size:20px;font-weight:500}.pikap-mobile-menu .bot-area .item .t a{justify-content:space-between;align-items:center;gap:15px;display:flex}.pikap-mobile-menu .bot-area .item .t a:after{content:"";background-image:url(../images/icon-angle-right.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px}.pikap-mobile-menu .bot-area .item ul{flex-direction:column;gap:24px;margin:24px 0 0;padding:0;list-style:none;display:flex}.pikap-mobile-menu .bot-area .item .item .t a{text-transform:uppercase;opacity:.4;font-size:11px;font-weight:700}.pikap-mobile-menu .bot-area .item .item .t a:after{display:none}.pikap-mobile-menu .bot-area .item .item:last-of-type{border-bottom:0;padding-bottom:0}.footer{margin-top:200px;position:relative;overflow-y:hidden}.footer .area{padding:0 var(--space);margin-bottom:-64px;position:relative}.footer .area .top{flex-wrap:wrap;justify-content:space-between;gap:30px;padding-right:20%;display:flex}.footer .area .top .box .t{margin-bottom:60px;font-size:24px;line-height:100%}.footer .area .top .box .ul ul{gap:20px;display:grid}.footer .area .top .box .ul ul li{font-size:12px;font-weight:600}.footer .area .top .box .ul ul li a{transition:all .2s}.footer .area .top .box .ul ul li a:hover{color:var(--color1)}.footer .area .top .box .ul.multi ul{gap:20px 70px}.footer .area .top .box .ul.multi ul:has(li:nth-child(9)){grid-template-columns:repeat(3,1fr)}.footer .area .top .box .desc ul{flex-direction:column;gap:22px;font-size:12px;display:flex}.footer .area .top .box .desc ul li b{font-weight:600;display:block}.footer .area .top .box .desc ul li a{transition:all .2s}.footer .area .top .box .desc ul li a:hover{color:var(--color1)}.footer .area .bottom{justify-content:space-between;align-items:center;margin-top:30px;padding-right:120px;font-size:12px;font-weight:600;display:flex;position:relative}.footer .area .bottom .social{align-items:center;gap:15px;display:flex}.footer .area .bottom .social a{text-decoration:underline;transition:all .2s}.footer .area .bottom .social a:hover{color:var(--color1)}.footer .area .bottom .arrow{cursor:pointer;position:absolute;bottom:0;right:0}.footer .area .bottom .arrow span{white-space:nowrap;text-transform:uppercase;transform-origin:0 100%;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:500;line-height:100%;position:absolute;bottom:0;left:-10px;rotate:-90deg}.footer .area .bottom .arrow i{cursor:pointer;text-align:center;position:relative}.footer .area .bottom .arrow i:before{content:"";background-color:var(--color3);width:1px;height:260px;margin:0 auto;display:block}.footer .area .bottom .arrow i:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:8px solid var(--color3);width:0;height:0;position:absolute;top:0;left:50%;translate:-50%}.footer .area .logo{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:80px}.footer .area .logo img{max-width:100%;margin:0 auto;display:block}.footer .area .bg{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;margin-top:54px}.footer .area .bg img{width:100%;display:block}:is(body.homepage-body,body.tasarim-index,body.surdurulebilirlik-index) .header .area .left .logo a img{filter:brightness(0)invert()}:is(body.homepage-body,body.tasarim-index,body.surdurulebilirlik-index) .header .area .left .menu{color:#fff}:is(body.homepage-body,body.tasarim-index,body.surdurulebilirlik-index) .header .area .mobile-menu-bar i{background-color:#fff}:is(body.homepage-body,body.tasarim-index,body.surdurulebilirlik-index) .header .area .right .p-btn:last-of-type a{color:#fff;border-color:#fff}:is(body.homepage-body,body.tasarim-index,body.surdurulebilirlik-index) .header .area .right .p-btn:last-of-type a:hover{color:var(--color3);background-color:#fff}.page{margin-top:160px}#page-home{margin-top:0}#page-home .slider video{object-fit:cover;width:100%;height:70vh;display:block}#page-home .slogan-area{padding:70px var(--space);justify-content:space-between;align-items:flex-end;display:flex}#page-home .slogan-area .text{width:60%;font-size:32px;font-weight:300}#page-home .slogan-area .arrow{cursor:pointer;text-align:center;width:50px;position:relative}#page-home .slogan-area .arrow:before{content:"";background-color:var(--color3);width:1px;height:138px;margin:0 auto;display:block}#page-home .slogan-area .arrow:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:8px solid var(--color3);width:0;height:0;position:absolute;bottom:0;left:50%;translate:-50%}#page-home .refs-area{margin-bottom:90px}#page-home .refs-area .p-titles{padding:0 var(--space);margin-bottom:100px}#page-home .refs-area .marquee{height:100px;position:relative;overflow:hidden}#page-home .refs-area .items{will-change:transform;gap:5px;animation:60s linear infinite marquee;display:flex;position:absolute}#page-home .refs-area .items .item{-webkit-user-select:none;user-select:none;background-color:#efeceb;border-radius:4px;justify-content:center;align-items:center;width:240px;height:100px;padding:24px;display:flex}#page-home .refs-area .items .item img{object-fit:contain;filter:grayscale();max-width:100px;height:24px;transition:all .3s;display:block}#page-home .refs-area .items .item:hover img{filter:none;opacity:1}#page-home .products{padding:0 var(--space);margin:100px 0}#page-home .products .boxes{gap:5px;margin-bottom:80px;display:flex}#page-home .products .boxes .left{flex:2;gap:5px;display:flex}#page-home .products .boxes .right{flex:1;gap:5px;display:flex}#page-home .products .boxes .product-box{flex:1}#page-home .products .boxes:last-of-type{margin-bottom:0}#page-home .projects{background-color:var(--color3);color:#fff;background-image:url(../images/home-design-bg.svg);background-position:100%;background-repeat:no-repeat;margin:100px 0;padding-top:200px;padding-bottom:9px;overflow-x:clip}#page-home .projects .area{padding:0 var(--space)}#page-home .projects .area .texts{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:119px;display:flex}#page-home .projects .area .texts .text{width:50%;font-size:28px;font-weight:300;font-family:var(--font2)}#page-home .projects .imgs{width:900px;margin:0 auto}#page-home .projects .imgs img{border-radius:4px;display:block}#page-home .projects .imgs.owl-carousel .owl-stage-outer{overflow:inherit}#page-home .sustainability{padding:0 var(--space);text-align:center;margin:154px 0}#page-home .sustainability .img{width:255px;height:300px;margin:0 auto;display:block;position:relative}#page-home .sustainability .img img,#page-home .sustainability .img video{object-fit:cover;width:100%;height:100%;display:block}#page-home .sustainability .img:after{content:"";background-image:url(../images/mask.png);background-size:contain;width:101%;height:101%;display:block;position:absolute;top:0;left:0}#page-home .sustainability .title{width:700px;max-width:100%;margin:50px auto 26px;font-size:32px}#page-home .sustainability .desc{width:860px;max-width:100%;margin:0 auto;font-size:12px}#page-home .sustainability .btns{justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.guide-area{padding:0 var(--space);margin:130px 0}.guide-area .boxes{gap:5px;display:flex}.guide-area .boxes .guide-box{flex:1}.bread{margin-bottom:39px}.bread ul{gap:5px;font-size:12px;display:flex}.bread ul li{align-items:center;gap:5px;display:flex}.bread ul li:first-of-type{font-weight:600}.bread ul li:after{content:"/"}.bread ul li:last-of-type:after{display:none}#page-product-detail{overflow-x:clip}#page-product-detail .bread{padding:0 var(--space)}#page-product-detail .relation-products{padding:0 var(--space);margin:70px 0}#page-product-detail .relation-products .title{margin-bottom:38px;font-size:12px}#page-product-detail .relation-products .carousel{gap:5px;display:flex}#page-product-detail .relation-products .carousel .product-box{flex:1}#page-product-detail .relation-products .carousel.owl-carousel .owl-stage-outer{overflow:inherit}#page-product-detail .top-area{padding:0 var(--space);gap:170px;padding-right:0;display:flex}#page-product-detail .top-area .left{width:340px}#page-product-detail .top-area .left .page-title{margin-bottom:25px;font-size:32px}#page-product-detail .top-area .left .page-desc{margin-bottom:29px;font-size:12px}#page-product-detail .top-area .left .page-desc p{margin-bottom:20px}#page-product-detail .top-area .left .page-desc p:last-of-type{margin-bottom:0}#page-product-detail .top-area .left .page-btns{gap:8px;display:flex}#page-product-detail .top-area .right{flex:1;position:relative}#page-product-detail .top-area .right .recly{z-index:1;background-color:#001d21;background-image:url(../images/recycle.svg);background-position:50%;background-repeat:no-repeat;border-radius:500px;width:100px;height:100px;animation:30s linear infinite rotate;position:absolute;top:50%;left:0;translate:-50% -50%}#page-product-detail .top-area .right .embla .embla__container{margin-right:var(--space);gap:13px}#page-product-detail .top-area .right .embla .embla__container img{object-fit:cover;border-radius:5px;flex:0 0 100%;display:block}#page-product-detail .gallery-area{padding:0 var(--space);margin:80px 0}#page-product-detail .gallery-area .title{margin-bottom:34px;font-size:12px}#page-product-detail .gallery-area .embla .embla__container{gap:15px}#page-product-detail .gallery-area .embla .embla__container img{object-fit:cover;border-radius:5px;flex:0 0 50%}.cozumler-page .bread{padding:0!important}.tab-section-area{padding:0 var(--space);margin:80px 0}.tab-section-area .tab{border:1px solid #0000001a;display:flex}.tab-section-area .tab a{color:inherit;border-bottom:3px solid #0000;border-right:1px solid #0000001a;flex:1;justify-content:center;align-items:center;gap:7px;height:55px;padding-top:3px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.tab-section-area .tab a:last-of-type{border-right:0}.tab-section-area .tab a:hover{border-bottom-color:#0000001a}.tab-section-area .tab a.active{border-bottom-color:var(--color2);font-weight:500}.section-area{padding:0 var(--space);align-items:flex-start;gap:170px;margin:70px 0;display:flex}.section-area[data-tab-content]{display:none}.section-area[data-tab-content].active{display:flex}.section-area .left{width:340px}.section-area .right{flex:1}.section-area .right .seo-texts p{margin-bottom:10px;font-size:12px}.section-area .right .seo-texts p:last-of-type{margin-bottom:0}.section-area .right .seo-texts h1,.section-area .right .seo-texts h2,.section-area .right .seo-texts h3,.section-area .right .seo-texts h4{margin-bottom:26px;font-size:32px}.section-area .right ul{flex-direction:column;display:flex}.section-area .right ul li{border-bottom:1px solid #e1e2e1;justify-content:space-between;align-items:center;gap:15px;padding:32px 0;font-size:16px;display:flex}.section-area .right ul li b,.section-area .right ul li strong{font-weight:600}.section-area .right ul li:last-of-type{border-bottom:none}.section-area .right ol{flex-direction:column;gap:40px;display:flex}.section-area .right ol li{flex-direction:column;gap:12px;display:flex}.section-area .right ol li b{font-size:16px;font-weight:500}.section-area .right ol li{font-size:12px}.section-area.v2{padding:120px var(--space);background-color:var(--color4);position:relative}.section-area.v2 .recly{z-index:1;top:0;left:calc(var(--space) + 340px - 85px);background-color:#001d21;background-image:url(../images/recycle.svg);background-position:50%;background-repeat:no-repeat;border-radius:500px;width:100px;height:100px;animation:30s linear infinite rotate;position:absolute;translate:0% -50%}.section-area.v3{padding:120px var(--space);background-color:#f4f3f4}.section-area.v3 .link{border-left:1px solid var(--color3);margin-top:40px;padding-left:13px;font-size:12px}.section-area.v3 .link a{font-weight:600;text-decoration:underline;transition:all .2s}.section-area.v3 .link a:hover{color:var(--color2)}.faqs{flex-direction:column;display:flex}.faqs .item{border-bottom:1px solid #e1e2e1;padding:32px 0}.faqs .item .t{cursor:pointer;background-image:url(../images/icon-arrow-down.svg);background-position:100%;background-repeat:no-repeat;background-size:12px;font-size:16px;font-weight:600;transition:all .2s}.faqs .item .d{padding-top:20px;font-size:16px;display:none}.faqs .item:last-of-type{border-bottom:none}.faqs .item.active .t{background-image:url(../images/icon-arrow.svg)}.faqs .item.active .d{display:block}#page-blank .title{margin-bottom:24px;font-size:32px}#page-blank .content p{margin-bottom:20px}#page-blank .content p:last-of-type{margin-bottom:0}#page-blank .content h1,#page-blank .content h2,#page-blank .content h3,#page-blank .content h4{margin-bottom:10px;font-weight:600}.container{width:100%;max-width:100%;padding:0 var(--space)}.embla{overflow:hidden}.embla .embla__container{display:flex}.sticky{position:sticky;top:20px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.guide-box{background-color:#f4f3f4;border-radius:4px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;height:400px;padding:26px;transition:all .2s;display:flex}.guide-box .top{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.guide-box .top .s{text-transform:uppercase;color:#fff;background-color:var(--color2);border-radius:500px;padding:2px 6px;font-size:10px;transition:all .2s}.guide-box .top .t{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:24px;display:-webkit-box;overflow:hidden}.guide-box .bot{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.guide-box .bot .p-btn span{border-color:var(--color3)}.guide-box .bot .dt{font-size:12px;font-weight:500}.guide-box:hover{color:#fff;background-color:var(--color2)}.guide-box:hover .top .s{color:var(--color2);background-color:#fff}.guide-box:hover .bot .p-btn span{border-color:#fff}.product-box{display:block}.product-box .img{border-radius:4px;overflow:hidden}.product-box .img img{object-fit:cover;border-radius:4px;width:100%;height:520px;transition:all .5s;display:block;position:relative;overflow:hidden}.product-box .texts{margin-top:24px}.product-box .texts .t{font-size:24px;font-weight:500;line-height:100%}.product-box .texts .c{margin-top:6px;font-size:12px}.product-box:hover .img img{scale:1.05}.p-titles{margin-bottom:33px}.p-titles .title{font-size:12px}#page-design{margin-top:0}#page-design .machine-parkour-area{padding:0 var(--space);margin:100px 0}#page-design .machine-parkour-area .title{margin-bottom:34px;font-size:12px}#page-design .machine-parkour-area .boxes{gap:15px;display:flex}#page-design .machine-parkour-area .boxes .box{flex:1}#page-design .machine-parkour-area .boxes .box .img img{object-fit:cover;width:100%;display:block}#page-design .machine-parkour-area .boxes .box .txt{flex-direction:column;gap:12px;margin-top:20px;font-size:16px;display:flex}#page-design .machine-parkour-area .boxes .box .txt b{font-weight:600}#page-design .main-area{color:#fff;min-height:30vh;padding:0 var(--space);background-color:#001d21;background-image:url(../images/arton-design-bg.svg);background-position:0 0;background-repeat:no-repeat;padding-top:230px}#page-design .main-area .title{font-size:32px}#page-design .main-area .btns{gap:8px;margin-top:28px;display:flex;position:absolute}#page-design .main-area .items{margin:0 calc(-1*var(--space));align-items:flex-end;gap:5px;padding:5px;display:flex}#page-design .main-area .items .item{position:relative}#page-design .main-area .items .item img{object-fit:cover;border-radius:4px;width:100%;height:462px;display:block}#page-design .main-area .items .item span{color:#fff;writing-mode:vertical-lr;padding:30px;font-size:24px;position:absolute;bottom:0;right:0;rotate:180deg}#page-design .main-area .items .item:first-child{flex:2}#page-design .main-area .items .item:nth-child(2){flex:1}#page-design .main-area .items .item:nth-child(3){flex:1.5}#page-design .main-area .items .item:nth-child(3) img{height:690px}#page-design .section-1{padding:200px var(--space);padding-bottom:0}#page-design .section-1 .text{width:50%;margin-bottom:94px;padding-right:58px;font-size:24px}#page-design .section-1 .row{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}#page-design .section-1 .row .left{flex-direction:column;justify-content:space-between;display:flex}#page-design .section-1 .row .left ul{flex-direction:column;gap:24px;display:flex}#page-design .section-1 .row .left ul li{align-items:center;gap:8px;font-size:24px;display:flex}#page-design .section-1 .row .left ul li img{height:48px}#page-design .section-1 .row .img img{border-radius:4px;width:100%}#page-design .section-1 .row .blank{border-radius:5px;width:174px;height:174px;position:relative;overflow:hidden}#page-design .section-1 .row .blank:after{content:"";background:linear-gradient(90deg,#760e26 0%,#cf0433 100%);border-radius:500px;width:348px;height:348px;animation:5s linear infinite rotate;position:absolute;translate:-50% -50%}#page-design .section-area.v3{padding:0 var(--space);background-color:inherit}#page-design .collapse-area{padding:140px var(--space);display:flex;position:relative;overflow:hidden}#page-design .collapse-area .items{gap:8px;display:flex}#page-design .collapse-area .items .item{color:#fff;flex:1;transition:all .2s;position:relative}#page-design .collapse-area .items .item img{object-fit:cover;width:100%;height:662px;display:block}#page-design .collapse-area .items .item .t{writing-mode:vertical-lr;padding:40px;font-size:32px;position:absolute;bottom:50%;right:0;translate:0 50%;rotate:180deg}#page-design .collapse-area .items .item .d{opacity:0;padding:54px;font-size:16px;transition:all .2s;position:absolute;top:0;left:0;right:0;translate:0 -50px}#page-design .collapse-area .items .item.active{flex:1.5}#page-design .collapse-area .items .item.active .d{opacity:1;transition-delay:.2s;translate:0}#page-design .collapse-area .arton{z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;bottom:0;left:50%;translate:-50%}.form-area{padding:131px var(--space);padding-right:calc(var(--space) + 190px);background-color:var(--color3);color:#fff;justify-content:space-between;gap:50px;display:flex}.form-area .texts{width:486px}.form-area .texts .t{font-size:32px}.form-area .texts .p-btn{margin-top:160px;display:inline-flex}.form-area .p-form{width:382px}.form-area.v2{align-items:flex-start}.form-area.v2 .p-title{position:sticky;top:20px}.form-area.v2 .p-form{width:930px}.d-none{display:none!important}.alert{background:#d3ddc2;border-radius:4px;flex-direction:column;padding:30px;display:flex}.p-form{flex-direction:column;gap:20px;display:flex}.p-form .p-title{margin-bottom:12px;font-size:24px}.p-form .p-group{flex-direction:column;gap:5px;font-size:16px;display:flex;position:relative}.p-form .p-group label{opacity:.5;pointer-events:none;transition:all .2s;position:absolute;top:50%;left:12px;translate:0 -50%}.p-form .p-group input,.p-form .p-group select,.p-form .p-group textarea{font-size:12px;font-family:var(--font1);resize:vertical;border:1px solid #fff6;border-radius:4px;outline:none;height:48px;padding:20px 12px 12px;transition:all .2s}:is(.p-form .p-group input,.p-form .p-group select,.p-form .p-group textarea):focus,:is(.p-form .p-group input,.p-form .p-group select,.p-form .p-group textarea):not(:placeholder-shown){border-color:#fff}:is(:is(.p-form .p-group input,.p-form .p-group select,.p-form .p-group textarea):focus,:is(.p-form .p-group input,.p-form .p-group select,.p-form .p-group textarea):not(:placeholder-shown))+label{font-size:10px;top:4px;translate:0}.p-form .p-group.textarea label{top:12px;translate:0}.p-form .p-group.textarea textarea{resize:none;height:136px}.p-form .p-check{align-items:center;gap:9px;display:flex}.p-form .p-check input{flex:0 0 24px;width:24px;height:24px}.p-form .p-check label{opacity:.5;font-size:12px;transition:all .2s}.p-form .p-check label a{text-decoration:underline;transition:all .2s}.p-form .p-check label a:hover,.p-form .p-check:hover label{opacity:.8}.p-form button{background-color:var(--color2);cursor:pointer;border-radius:4px;padding:9px 27px;transition:all .2s;display:block}.p-form button:hover{background-color:var(--color1)}.p-form button:disabled{cursor:not-allowed}.p-form .btn{justify-content:flex-end;display:flex}.drawer-form{z-index:1000;opacity:0;pointer-events:none;visibility:hidden;transition:all .3s;position:fixed;inset:0}.drawer-form.active{opacity:1;pointer-events:auto;visibility:visible}.drawer-form .area{z-index:1;background-color:#fff;width:377px;height:100%;padding:30px;position:absolute;top:0;bottom:0;right:0}.drawer-form .area .p-title{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:20px;display:flex}.drawer-form .area .p-title .cls{cursor:pointer;background-image:url(../images/icon-cls.svg);background-repeat:no-repeat;background-size:contain;width:24px;height:24px}.drawer-form .area .p-form{gap:8px}.drawer-form .area .p-form .p-group input,.drawer-form .area .p-form .p-group textarea{border-color:#001b1f33;height:64px}:is(:is(.drawer-form .area .p-form .p-group input,.drawer-form .area .p-form .p-group textarea):focus,:is(.drawer-form .area .p-form .p-group input,.drawer-form .area .p-form .p-group textarea):not(:placeholder-shown))+label{top:8px}:is(.drawer-form .area .p-form .p-group input,.drawer-form .area .p-form .p-group textarea).error{border-color:red}.drawer-form .area .p-form .p-group textarea{height:120px}:is(.drawer-form .area .p-form .p-group textarea:focus,.drawer-form .area .p-form .p-group textarea:not(:placeholder-shown))+label{top:4px}.drawer-form .area .p-form button{color:#fff}.drawer-form .area .p-form .p-check{margin:15px 0}.drawer-form .overlay{background-color:#000000b3;position:absolute;inset:0}.p-btn{text-align:center;display:inline-flex}.p-btn a,.p-btn span{border:1px solid #fff;border-radius:4px;padding:10px;font-size:12px;transition:all .2s;display:block}:is(.p-btn a,.p-btn span):hover{color:var(--color3);background-color:#fff}.p-btn.dark a,.p-btn.dark span{background-color:var(--color3);border-color:var(--color3);color:#fff}:is(.p-btn.dark a,.p-btn.dark span):hover{border-color:var(--color2);background-color:var(--color2)}.p-btn.outlined a,.p-btn.outlined span{border-color:var(--color3)}:is(.p-btn.outlined a,.p-btn.outlined span):hover{background-color:var(--color3);color:#fff}.p-btn.outlined.whited a,.p-btn.outlined.whited span{background-color:#8c89871a;border-color:#fff}:is(.p-btn.outlined.whited a,.p-btn.outlined.whited span):hover{color:var(--color3);background-color:#fff}.p-btn.fill a,.p-btn.fill span{border-color:var(--color3);background-color:var(--color3);color:#fff}:is(.p-btn.fill a,.p-btn.fill span):hover{background-color:var(--color2);border-color:var(--color2)}.p-btn.ruby a,.p-btn.ruby span{border-color:var(--color2);background-color:var(--color2);color:#fff}:is(.p-btn.ruby a,.p-btn.ruby span):hover{background-color:var(--color1);border-color:var(--color1)}#page-products .top-area,#page-products .top-area .bread{margin-bottom:40px}#page-products .top-area .title{font-size:32px;display:block}#page-products .top-area .desc{width:50%;margin-top:28px;font-size:12px}#page-products .top-area .desc p{margin-bottom:15px}#page-products .top-area .desc p:last-of-type{margin-bottom:0}#page-products .top-area .btns{align-items:center;gap:8px;margin-top:30px;display:flex}#page-products .lists{grid-template-columns:repeat(2,1fr);gap:50px 5px;margin-bottom:200px;display:grid}#page-products .lists.v2{grid-template-columns:repeat(3,1fr)}#page-corporate{overflow-x:clip}#page-corporate .bread{padding:0 var(--space);margin-bottom:86px}#page-corporate .slogan{padding:0 var(--space);width:75%;margin-bottom:128px;font-size:32px;font-weight:300}#page-corporate .slogan b,#page-corporate .slogan strong{font-weight:600}#page-corporate .top-area{padding:0 var(--space);justify-content:space-between;align-items:center;gap:50px;display:flex}#page-corporate .top-area .left{width:500px}#page-corporate .top-area .right{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:50px;display:flex}#page-corporate .top-area .right .item{text-align:right;border-right:1px solid #efeceb;flex-direction:column;padding-bottom:20px;padding-right:50px;display:flex}#page-corporate .top-area .right .item b,#page-corporate .top-area .right .item strong{font-size:64px;font-weight:300}#page-corporate .top-area .right .item:last-of-type{border-right:0;padding-right:0}#page-corporate .vision-mission-area{background-color:var(--color3);color:#fff;padding:70px var(--space);margin-top:4px;padding-bottom:124px;position:relative}#page-corporate .vision-mission-area:before{content:"";pointer-events:none;background-image:url(../images/abouts-bg-right.svg);background-position:100% 0;background-repeat:no-repeat;background-size:100%;width:40%;height:100%;position:absolute;top:0;right:0}#page-corporate .vision-mission-area:after{content:"";pointer-events:none;background-image:url(../images/abouts-bg-left.svg);background-position:100% 100%;background-repeat:no-repeat;width:30%;height:100%;position:absolute;bottom:0;left:0}#page-corporate .vision-mission-area .top{z-index:1;justify-content:space-between;align-items:center;gap:100px;padding-right:82px;display:flex;position:relative}#page-corporate .vision-mission-area .top .left{width:535px}#page-corporate .vision-mission-area .top .left h1,#page-corporate .vision-mission-area .top .left h2,#page-corporate .vision-mission-area .top .left h3,#page-corporate .vision-mission-area .top .left h4{margin-bottom:24px;font-size:12px;font-weight:600}#page-corporate .vision-mission-area .top .left p{font-size:32px;font-weight:300}#page-corporate .vision-mission-area .top .right{width:450px}#page-corporate .vision-mission-area .top .right img{border-radius:4px;width:100%;display:block}#page-corporate .vision-mission-area .texts{z-index:1;margin:100px 0;display:flex;position:relative}#page-corporate .vision-mission-area .texts img{max-width:100%;margin-bottom:28px}#page-corporate .vision-mission-area .texts .left{border-right:1px solid #ffffff1a;width:50%;padding-right:126px}#page-corporate .vision-mission-area .texts .right{flex-direction:column;justify-content:flex-end;align-items:flex-start;width:50%;padding-top:250px;padding-left:126px;display:flex}#page-corporate .vision-mission-area .texts h1,#page-corporate .vision-mission-area .texts h2,#page-corporate .vision-mission-area .texts h3,#page-corporate .vision-mission-area .texts h4{margin-bottom:27px;font-size:32px;font-weight:400}#page-corporate .vision-mission-area .texts p{width:350px;max-width:100%;font-size:12px}#page-corporate .vision-mission-area .teams .p-title{margin-bottom:42px;font-size:12px;font-weight:600}#page-corporate .vision-mission-area .teams .carousel img{object-fit:cover;width:100%;height:400px}#page-corporate .big-slide-area{margin:100px 0}#page-corporate .big-slide-area .p-title{margin-bottom:40px;font-size:12px}#page-corporate .big-slide-area .carousel img{object-fit:cover;width:100%;height:70vh}#page-corporate .big-slide-area .carousel .owl-dots{gap:12px;margin-top:40px;display:inline-flex}#page-corporate .big-slide-area .carousel .owl-dots button{opacity:.2;background-color:#001d21;width:31px;height:2px;transition:all .3s}#page-corporate .big-slide-area .carousel .owl-dots button.active{opacity:1}#page-corporate .mottos-area{margin:150px calc(-1*var(--space));overflow-x:clip}#page-corporate .mottos-area .p-title{padding:0 var(--space);margin-bottom:30px;font-size:12px}#page-corporate .mottos-area .carousel{width:40%}#page-corporate .mottos-area .carousel .item{padding:70px var(--space);border-right:1px solid #efeceb}#page-corporate .mottos-area .carousel .item img{width:auto;max-width:100%;height:96px;margin-bottom:5px}#page-corporate .mottos-area .carousel .item h1,#page-corporate .mottos-area .carousel .item h2,#page-corporate .mottos-area .carousel .item h3,#page-corporate .mottos-area .carousel .item h4{margin-bottom:20px;font-size:24px}#page-corporate .mottos-area .carousel .item p{margin-bottom:10px;font-size:16px}#page-corporate .mottos-area .carousel .item p:last-of-type{margin-bottom:0}#page-corporate .mottos-area .carousel .owl-item:last-of-type .item{border-right:none}#page-corporate .mottos-area .carousel .owl-stage-outer{overflow:inherit}#page-contact{margin-top:0}#page-contact .area{display:flex}#page-contact .area .left{width:50%;padding:160px var(--space);padding-bottom:90px}#page-contact .area .left .page-title{font-size:32px}#page-contact .area .left .bread{margin-bottom:34px}#page-contact .area .left .address .pins{grid-template-columns:repeat(2,1fr);gap:22px;padding-top:96px;display:grid;position:relative}#page-contact .area .left .address .pins:after{content:"";background-color:#efeceb;width:60%;height:1px;position:absolute;bottom:0;left:0;translate:0 48px}#page-contact .area .left .address .pins .pin{flex-direction:column;align-items:flex-start;gap:7px;font-size:12px;display:flex}#page-contact .area .left .address .pins .pin .t{font-size:12px;font-weight:600}#page-contact .area .left .address .pins .pin a{display:inline-flex}#page-contact .area .left .address .pins .pin ul{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}#page-contact .area .left .address .pins .pin ul li{justify-content:space-between;align-items:center;gap:10px;display:flex}#page-contact .area .left .address .pins .pin .tel{font-size:32px}#page-contact .area .left .address .pins .pin.big{grid-column:span 2}#page-contact .area .left .address .pins:last-of-type:after{display:none}#page-contact .area .left .address .pins:nth-child(2n) .pin{text-align:right;align-items:flex-end}#page-contact .area .left .address .pins:nth-child(2n) .pin .human-card{flex-direction:row-reverse}#page-contact .area .right{width:50%}#page-contact .area .right iframe{border:none;outline:none;width:100%;height:100vh;display:block;position:sticky;top:0;overflow:hidden}.human-card{align-items:center;gap:14px;margin-top:20px;display:flex}.human-card .i img{object-fit:cover;border-radius:500px;width:32px;height:32px;display:block}.human-card .r{flex-direction:column;display:flex}.human-card .r span{font-weight:600}#page-sustaninability{margin-top:0}#page-sustaninability .top-area{color:#fff;background-color:var(--color3);align-items:center;padding-top:350px;display:flex;position:relative}#page-sustaninability .top-area .texts{width:calc(32vw + var(--space));padding:0 var(--space)}#page-sustaninability .top-area .texts h1,#page-sustaninability .top-area .texts h2,#page-sustaninability .top-area .texts h3,#page-sustaninability .top-area .texts h4{font-size:32px}#page-sustaninability .top-area .texts .btns{align-items:center;gap:17px;margin-top:25px;display:flex}#page-sustaninability .top-area .texts .recly{z-index:1;left:calc(32vw + var(--space));background-color:#759947;background-image:url(../images/recycle.svg);background-position:50%;background-repeat:no-repeat;border-radius:500px;width:100px;height:100px;animation:30s linear infinite rotate;position:absolute;bottom:0;translate:-50% 50%}#page-sustaninability .top-area .img{width:calc(100% - (32vw + var(--space)));border-top-left-radius:80px;height:413px;position:relative;overflow:hidden}#page-sustaninability .top-area .img img{object-fit:cover;border-top-left-radius:80px;width:100%;height:100%}#page-sustaninability .bot-area{display:flex}#page-sustaninability .bot-area .img{width:calc(32vw + var(--space));border-bottom-right-radius:80px;position:relative;overflow:hidden}#page-sustaninability .bot-area .img img{object-fit:cover;border-bottom-right-radius:80px;width:100%}#page-sustaninability .bot-area .texts{width:calc(100% - (32vw + var(--space)));padding:var(--space);flex-direction:column;justify-content:center;display:flex}#page-sustaninability .bot-area .texts .slogan{font-size:24px}#page-sustaninability .bot-area .texts ul{flex-direction:column;gap:24px;margin:84px 0;display:flex}#page-sustaninability .bot-area .texts ul li{align-items:center;gap:8px;font-size:24px;display:flex}#page-sustaninability .bot-area .texts ul li img{height:48px}#page-sustaninability .bot-area .texts .desc h1,#page-sustaninability .bot-area .texts .desc h2,#page-sustaninability .bot-area .texts .desc h3,#page-sustaninability .bot-area .texts .desc h4{margin-bottom:32px;font-size:24px}#page-sustaninability .bot-area .texts .desc p{width:450px;max-width:100%;margin-bottom:20px;font-size:12px}#page-sustaninability .bot-area .texts .desc p:last-of-type{margin-bottom:0}#page-sustaninability .section-area{margin-top:6px}#page-guides .top-area{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:140px;display:flex}#page-guides .top-area .left{width:755px}#page-guides .top-area .left h1{font-size:32px}#page-guides .top-area .left h1 b,#page-guides .top-area .left h1 strong{font-weight:600}#page-guides .top-area .search{border:1px solid #0000001a;border-radius:4px;justify-content:space-between;align-items:center;gap:19px;width:450px;height:85px;padding:0 20px;display:flex;position:relative}#page-guides .top-area .search input{background-image:url(../images/icon-search.svg);background-position:0;background-repeat:no-repeat;outline:none;flex:1;height:100%;padding-left:40px}#page-guides .top-area .search button{color:#fff;cursor:pointer;background-color:var(--color2);border-radius:4px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s}#page-guides .top-area .search button:hover{background-color:var(--color1)}#page-guides .feature-area{gap:9px;margin:80px 0;display:flex}#page-guides .feature-area .left{flex:1}#page-guides .feature-area .left .guide-box{background-color:var(--color3);color:#fff;flex-direction:row;height:100%}#page-guides .feature-area .left .guide-box .l{flex-direction:column;justify-content:space-between;height:100%;display:flex}#page-guides .feature-area .left .guide-box .top .s{color:var(--color3);background-color:#fff}#page-guides .feature-area .left .guide-box .bot .p-btn span{border-color:#fff}#page-guides .feature-area .left .guide-box .img{height:100%}#page-guides .feature-area .left .guide-box .img img{object-fit:cover;border-radius:4px;width:100%;height:100%}#page-guides .feature-area .right{flex-direction:column;gap:9px;width:500px;display:flex}#page-guides .cats{flex-wrap:wrap;gap:4px;margin:24px 0;display:flex}#page-guides .cats a{border:1px solid #efeceb;border-radius:4px;gap:8px;padding:16px;font-size:16px;transition:all .3s;display:flex}#page-guides .cats a img{object-fit:contain;flex:0 0 24px;width:24px;height:24px}#page-guides .cats a.active{background-color:#efeceb}#page-guides .cats a:hover{box-shadow:0 7px 29px #64646f33}#page-guides .lists{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}#page-blog-detail .bread{padding:0 var(--space)}#page-blog-detail .bread ul{justify-content:center}#page-blog-detail .podcast{height:650px;margin:80px -122px;position:relative}#page-blog-detail .podcast img{object-fit:cover;border-radius:4px;width:100%;height:100%}#page-blog-detail .podcast iframe{border:none;outline:none;max-width:80%;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}#page-blog-detail .contentarea{width:80vw;max-width:100%;margin:0 auto;position:relative}#page-blog-detail .contentarea .share{border:1px solid #001d21;border-radius:4px;flex-direction:column;gap:10px;padding:16px;display:flex;position:absolute;right:-70px;translate:100%}#page-blog-detail .top-area{flex-direction:column;align-items:center;gap:15px;display:flex}#page-blog-detail .top-area span{text-transform:uppercase;background-color:#efeceb;border-radius:20px;padding:2px 6px;font-size:10px;font-weight:500}#page-blog-detail .top-area .title{text-align:center;width:814px;max-width:100%;font-size:32px}#page-blog-detail .author-area{justify-content:space-between;align-items:center;margin-top:32px;display:flex}#page-blog-detail .author-area .dt{font-size:12px;font-weight:500}#page-blog-detail .author-area .human-card{flex-direction:row-reverse;margin-top:0}#page-blog-detail .author-area .human-card .r span{font-size:14px}#page-blog-detail .author-area .human-card .r i{opacity:.5;font-size:13px;font-style:normal}#page-blog-detail .main-img{margin-top:34px;margin-bottom:100px}#page-blog-detail .main-img img{object-fit:cover;border-radius:4px;width:100%;height:auto}#page-blog-detail .content{padding:0 122px}#page-blog-detail .content h1,#page-blog-detail .content h2,#page-blog-detail .content h3,#page-blog-detail .content h4,#page-blog-detail .content h5{margin-bottom:30px;font-size:24px;font-weight:400}#page-blog-detail .content p{margin-bottom:20px;font-size:16px;line-height:24px}#page-blog-detail .content p:last-of-type{margin-bottom:0}#page-blog-detail .content img{border-radius:4px;width:100%;margin:50px 0}.video-box{margin:80px 0;display:block;position:relative}.video-box img{width:100%}.video-box:after{content:"";background-image:url(../images/icon-play.svg);background-position:50%;background-repeat:no-repeat;width:148px;height:148px;transition:all .3s;position:absolute;top:50%;left:50%;translate:-50% -50%}.video-box:hover:after{scale:1.1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:1380px){#page-sustaninability .top-area{padding-top:170px}#page-guides .top-area{margin-bottom:70px}#page-blog-detail .podcast{margin:50px 0}#page-blog-detail .contentarea .share{right:0}#page-contact .area .left .address .pins:first-child{padding-top:30px}#page-corporate .slogan{margin-bottom:75px;font-size:25px}#page-corporate .top-area .right .item b{font-size:55px}#page-corporate .vision-mission-area:after{width:40%}.page{margin-top:135px}.product-box .img img{height:400px}.header .area .left .menu>ul li .submenu .m ul{gap:15px}.header .area .left .menu>ul li .submenu .m ul li a{font-size:19px}.form-area.v2 .p-form{width:auto}}@media (max-width:1200px){#page-home .slogan-area .text{font-size:22px}#page-home .refs-area .p-titles{margin-bottom:25px}#page-home .products{padding-top:70px;padding-bottom:60px}#page-home .products .boxes,#page-home .projects .area .texts{margin-bottom:60px}#page-home .sustainability{margin:100px 0}#page-home .sustainability .title{font-size:24px}.guide-box .top .t{font-size:17px}.tab-section-area .tab{white-space:nowrap;overflow:auto hidden}.tab-section-area .tab a{padding-left:30px;padding-right:30px}.section-area{flex-direction:column;gap:30px}.section-area .left{width:100%}.section-area .left.sticky{position:relative;top:auto}.section-area .right{width:100%}.section-area .right .seo-texts h1,.section-area .right .seo-texts h2,.section-area .right .seo-texts h3,.section-area .right .seo-texts h4{margin-bottom:20px;font-size:25px}#page-guides .top-area .left h1{width:auto;font-size:25px}#page-guides .top-area .search{width:420px}#page-guides .cats a{font-size:14px}.footer{margin-top:100px}.footer .area{padding-bottom:50px}.footer .area .top{padding-right:0}.footer .area .top .box .t{margin-bottom:25px;font-size:20px}.footer .area .bottom{margin-top:50px;padding-right:0}.footer .area .bottom .arrow{display:none}.product-box .img img{height:290px}.product-box .texts .t{font-size:19px}.header .area .left{gap:25px}.header .area .left .menu>ul li .submenu .img img{height:460px}#page-design .main-area{padding-top:170px}#page-design .main-area .title{font-size:24px}#page-design .main-area .items .item img{height:360px}#page-design .main-area .items .item:nth-child(3) img{height:530px}#page-design .section-1{padding:90px var(--space)}#page-design .section-1 .text{padding-right:0}#page-design .section-1 .row .left ul li{font-size:18px}#page-design .section-1 .row .left ul li img{height:37px}#page-design .section-1 .p-titles{margin-bottom:14px}#page-design .form-area{padding:80px var(--space)}#page-design .form-area .texts .t{font-size:26px}#page-design .collapse-area .items .item img{height:500px}#page-design .collapse-area .items .item .d{padding:var(--space);font-size:12px}#page-design .collapse-area .items .item .t{padding:25px;font-size:22px}}@media (max-width:768px){:root{--space:30px}.header .area .left .menu,.header .area .right{display:none}.header .area .mobile-menu-bar{display:block}.tab-section-area{margin:35px 0}#page-home .slider video{height:30vh}#page-home .slogan-area{padding:var(--space)}#page-home .slogan-area .text{width:100%;font-size:20px}#page-home .refs-area{margin-bottom:40px}#page-home .refs-area .p-titles{margin-bottom:35px}#page-home .products{margin:40px 0}#page-home .products .boxes{flex-direction:column;gap:40px;margin-bottom:40px}#page-home .products .boxes .right{flex-direction:column;gap:40px}#page-home .projects{padding:var(--space)0;margin:40px 0;padding-bottom:0}#page-home .projects .area .texts{flex-direction:column;gap:20px;margin-bottom:55px}#page-home .projects .area .texts .text{width:100%;font-size:20px}#page-home .projects .imgs{width:auto}#page-home .sustainability{margin:70px 0}#page-home .sustainability .img video{padding:1px}#page-home .sustainability .title{margin:40px auto 20px;font-size:24px}.guide-area{margin:80px 0}.guide-area .boxes{margin:0 calc(-1*var(--space));padding:0 var(--space);padding-bottom:10px;overflow-x:auto}.guide-area .boxes .guide-box{flex:0 0 100%}.human-card .r span{font-size:12px}.page{margin-top:100px}.bread{white-space:nowrap;margin-bottom:40px;overflow-x:auto}.bread ul li:last-of-type{padding-right:var(--space)}#page-blog-detail .contentarea{width:auto;padding:0 var(--space)}#page-blog-detail .contentarea .share{display:none}#page-blog-detail .bread ul{justify-content:flex-start}#page-blog-detail .top-area .title{width:auto;font-size:24px}#page-blog-detail .podcast{height:auto;margin:30px 0}#page-blog-detail .podcast img{display:none}#page-blog-detail .podcast iframe{width:100%;max-width:100%;position:relative;top:auto;left:auto;translate:none}#page-blog-detail .content{padding:0}#page-corporate .bread{margin-bottom:40px}#page-corporate .slogan{width:100%;margin-bottom:40px;font-size:21px}#page-corporate .top-area{flex-direction:column-reverse}#page-corporate .top-area .right{gap:35px}#page-corporate .top-area .right .item{padding-bottom:0;padding-right:var(--space)}#page-corporate .top-area .right .item b{font-size:40px}#page-corporate .top-area .left{width:auto}#page-corporate .vision-mission-area{padding:var(--space)}#page-corporate .vision-mission-area .top{flex-direction:column;gap:40px;padding-right:0}#page-corporate .vision-mission-area .top .left{width:auto}#page-corporate .vision-mission-area .top .left p{font-size:20px}#page-corporate .vision-mission-area .top .right{width:auto}#page-corporate .vision-mission-area .texts{margin:var(--space)0;flex-direction:column}#page-corporate .vision-mission-area .texts h1,#page-corporate .vision-mission-area .texts h2,#page-corporate .vision-mission-area .texts h3,#page-corporate .vision-mission-area .texts h4{margin-bottom:13px;font-size:27px}#page-corporate .vision-mission-area .texts .left{border-right:none;width:auto;padding-right:0}#page-corporate .vision-mission-area .texts .right{width:auto;padding-top:50px;padding-left:0}#page-corporate .vision-mission-area .teams .carousel{padding-left:0}#page-corporate .vision-mission-area .teams .carousel img{height:auto}#page-corporate .vision-mission-area .teams .p-title{margin-top:50px;margin-bottom:25px}#page-corporate .big-slide-area{margin:50px 0}#page-corporate .big-slide-area .p-title{margin-bottom:22px}#page-corporate .big-slide-area .carousel img{height:auto}#page-corporate .mottos-area{margin:40px 0;overflow:hidden}#page-corporate .mottos-area .p-title{padding:0}#page-corporate .mottos-area .carousel{width:auto}#page-corporate .mottos-area .carousel .item{border-right:none;padding:0}#page-design .main-area{padding-top:120px}#page-design .main-area .title{font-size:26px}#page-design .main-area .btns{margin-bottom:30px;position:relative}#page-design .main-area .items .item img{height:30vh}#page-design .main-area .items .item:nth-child(3) img{height:40vh}#page-design .section-1{padding:var(--space);padding-bottom:0}#page-design .section-1 .text{width:auto;margin-bottom:30px;padding-right:0;font-size:22px}#page-design .section-1 .row{grid-template-columns:repeat(1,1fr)}#page-design .section-1 .row .left{gap:35px}#page-design .section-1 .row .left ul{gap:18px}#page-design .section-1 .row .left ul li{font-size:19px}#page-design .section-1 .row .blank{display:none}#page-design .machine-parkour-area{margin:80px 0}#page-design .machine-parkour-area .title{margin-bottom:20px}#page-design .machine-parkour-area .boxes{flex-direction:column;gap:50px}#page-design .form-area{gap:50px}#page-design .collapse-area{padding:var(--space)}#page-design .collapse-area .items{flex-direction:column}#page-design .collapse-area .items .item img{height:auto}#page-design .collapse-area .items .item .t{writing-mode:horizontal-tb;padding:var(--space);bottom:0;translate:0;rotate:none}#page-design .collapse-area .items .item .d{width:auto;padding:var(--space)}#page-design .collapse-area .arton{display:none}.section-area{gap:var(--space);flex-direction:column;margin:50px 0}.faqs .item{padding:20px 0}.faqs .item .d{font-size:13px}.faqs .item .t{padding-right:30px}#page-sustaninability .top-area{flex-direction:column;gap:30px;padding-top:100px}#page-sustaninability .top-area .texts{width:100%}#page-sustaninability .top-area .texts h1{font-size:23px}#page-sustaninability .top-area .texts .recly{translate:calc(-1*var(--space))50%;bottom:0;left:0}#page-sustaninability .top-area .img{width:100%;padding:0 var(--space);height:30vh;overflow:hidden}#page-sustaninability .top-area .img img{border-top-left-radius:80px}#page-sustaninability .bot-area{flex-direction:column}#page-sustaninability .bot-area .img{width:100%;padding:0 var(--space);height:25vh}#page-sustaninability .bot-area .img img{object-fit:cover;border-bottom-right-radius:80px;height:100%}#page-sustaninability .bot-area .texts{width:100%;margin-top:40px}#page-sustaninability .bot-area .texts .desc{margin-top:30px}#page-sustaninability .bot-area .texts .desc h1,#page-sustaninability .bot-area .texts .desc h2,#page-sustaninability .bot-area .texts .desc h3,#page-sustaninability .bot-area .texts .desc h4{margin-bottom:20px;font-size:22px}#page-sustaninability .bot-area .texts .slogan{font-size:22px}#page-sustaninability .bot-area .texts ul{margin:35px 0}#page-sustaninability .bot-area .texts ul li{font-size:19px}#page-sustaninability .section-area{padding:var(--space);margin:40px 0}.p-titles{margin-bottom:15px}#page-contact .area{flex-direction:column}#page-contact .area .left{width:100%;padding-top:100px;padding-bottom:var(--space)}#page-contact .area .left .page-title{margin-bottom:30px}#page-contact .area .left .address{flex-direction:column;gap:50px;display:flex}#page-contact .area .left .address .pins{grid-template-columns:repeat(1,1fr);padding-top:0}#page-contact .area .left .address .pins .pin{grid-column:span 2}#page-contact .area .left .address .pins .pin .tel{font-size:20px}#page-contact .area .left .address .pins:nth-child(2n) .pin{text-align:left;align-items:flex-start}#page-contact .area .left .address .pins:nth-child(2n) .pin .human-card{flex-direction:row}#page-contact .area .left .address .pins:after{display:none}#page-contact .area .right{width:100%}#page-contact .area .right iframe{height:30vh}#page-guides .top-area{align-items:initial;flex-direction:column;gap:30px;margin-bottom:45px}#page-guides .top-area .left h1{width:auto;font-size:24px}#page-guides .top-area .search{width:auto}#page-guides .cats a{align-items:center;padding:14px;font-size:12px}#page-guides .lists{grid-template-columns:repeat(1,1fr);gap:30px}.form-area{padding:var(--space);flex-direction:column;gap:25px}.form-area .p-form,.form-area .texts{width:auto}.form-area .texts .t{font-size:22px}.form-area .texts .p-btn{margin-top:25px}.form-area.v2 .p-form{width:auto}.footer{margin-top:80px}.footer .area{padding-bottom:var(--space)}.footer .area .top{flex-direction:column;gap:50px}.footer .area .top .box .t{margin-bottom:30px;font-size:19px}.footer .area .top .box .ul.multi ul{grid-template-columns:repeat(1,1fr)!important}.footer .area .top .box:nth-child(2){display:none}.footer .area .bottom{flex-direction:column;align-items:flex-start;gap:10px;margin-top:50px}.footer .area .bottom .arrow{display:none}.footer .area .bg{margin-top:20px}.footer .area .logo{margin-top:40px}.product-box .img img{height:auto}.product-box .texts{margin-top:10px}.product-box .texts .t{font-size:17px}#page-products .top-area .desc{width:100%;margin-top:20px}#page-products .lists{grid-template-columns:repeat(1,1fr);gap:40px;margin-bottom:80px}#page-products .lists.v2{grid-template-columns:repeat(1,1fr);gap:40px}#page-product-detail .section-area{gap:20px;margin:50px 0}#page-product-detail .section-area .left{top:auto;position:relative!important}#page-product-detail .top-area{gap:var(--space);flex-direction:column}#page-product-detail .top-area .left .page-title{margin-bottom:15px;font-size:24px}#page-product-detail .top-area .right .recly{background-size:80%;width:60px;height:60px}#page-product-detail .gallery-area .title{margin-bottom:20px}#page-product-detail .gallery-area .embla .embla__container img{height:30vh}.section-area.v3{padding:var(--space)}.section-area.v2{padding:60px var(--space);padding-bottom:var(--space)}.section-area .right{width:100%}.section-area .right .seo-texts h1,.section-area .right .seo-texts h2,.section-area .right .seo-texts h3,.section-area .right .seo-texts h4{margin-bottom:20px;font-size:19px}.section-area .right p{font-size:12px}.section-area .right ul li{padding:20px 0;font-size:13px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}