About Us
Project
Design
Get In Touch
About Us
Project
Design
Get In Touch
© 2019
OUR DESIGNS
FROM CLS.DESIGN STUDIO
COMMERCIAL
RESIDENTIAL
HOSPITALITY
HOTEL & RESORT
.fg_ia_jump_ring { stroke: currentColor; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .fg_ia_jump_ring_a { animation-name: fg_ia_jump_ringA; } .fg_ia_jump_ring_b { animation-name: fg_ia_jump_ringB; } .fg_ia_jump_ring_c { animation-name: fg_ia_jump_ringC; } .fg_ia_jump_ring_d { animation-name: fg_ia_jump_ringD; } @keyframes fg_ia_jump_ringA { 0%, 4% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -330; } 12% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -335; } 32% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -595; } 40%, 54% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -660; } 62% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -665; } 82% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -925; } 90%, 100% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -990; } } @keyframes fg_ia_jump_ringB { 0%, 12% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -110; } 20% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -115; } 40% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -195; } 48%, 62% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -220; } 70% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -225; } 90% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -305; } 98%, 100% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -330; } } @keyframes fg_ia_jump_ringC { 0% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 8% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 28% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 36%, 58% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 66% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 86% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 94%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } } @keyframes fg_ia_jump_ringD { 0%, 8% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 16% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 36% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 44%, 50% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 58% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 78% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 86%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } }
GEREJA KALVARI - JAKARTA
.fg_ia_jump_ring { stroke: currentColor; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .fg_ia_jump_ring_a { animation-name: fg_ia_jump_ringA; } .fg_ia_jump_ring_b { animation-name: fg_ia_jump_ringB; } .fg_ia_jump_ring_c { animation-name: fg_ia_jump_ringC; } .fg_ia_jump_ring_d { animation-name: fg_ia_jump_ringD; } @keyframes fg_ia_jump_ringA { 0%, 4% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -330; } 12% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -335; } 32% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -595; } 40%, 54% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -660; } 62% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -665; } 82% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -925; } 90%, 100% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -990; } } @keyframes fg_ia_jump_ringB { 0%, 12% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -110; } 20% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -115; } 40% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -195; } 48%, 62% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -220; } 70% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -225; } 90% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -305; } 98%, 100% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -330; } } @keyframes fg_ia_jump_ringC { 0% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 8% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 28% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 36%, 58% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 66% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 86% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 94%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } } @keyframes fg_ia_jump_ringD { 0%, 8% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 16% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 36% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 44%, 50% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 58% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 78% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 86%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } }
CLUSTER ACHILLEA - BINTARO
.fg_ia_jump_ring { stroke: currentColor; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .fg_ia_jump_ring_a { animation-name: fg_ia_jump_ringA; } .fg_ia_jump_ring_b { animation-name: fg_ia_jump_ringB; } .fg_ia_jump_ring_c { animation-name: fg_ia_jump_ringC; } .fg_ia_jump_ring_d { animation-name: fg_ia_jump_ringD; } @keyframes fg_ia_jump_ringA { 0%, 4% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -330; } 12% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -335; } 32% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -595; } 40%, 54% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -660; } 62% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -665; } 82% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -925; } 90%, 100% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -990; } } @keyframes fg_ia_jump_ringB { 0%, 12% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -110; } 20% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -115; } 40% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -195; } 48%, 62% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -220; } 70% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -225; } 90% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -305; } 98%, 100% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -330; } } @keyframes fg_ia_jump_ringC { 0% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 8% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 28% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 36%, 58% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 66% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 86% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 94%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } } @keyframes fg_ia_jump_ringD { 0%, 8% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 16% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 36% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 44%, 50% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 58% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 78% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 86%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } }
APARTEMEN ANWA - BINTARO
.fg_ia_jump_ring { stroke: currentColor; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .fg_ia_jump_ring_a { animation-name: fg_ia_jump_ringA; } .fg_ia_jump_ring_b { animation-name: fg_ia_jump_ringB; } .fg_ia_jump_ring_c { animation-name: fg_ia_jump_ringC; } .fg_ia_jump_ring_d { animation-name: fg_ia_jump_ringD; } @keyframes fg_ia_jump_ringA { 0%, 4% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -330; } 12% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -335; } 32% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -595; } 40%, 54% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -660; } 62% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -665; } 82% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -925; } 90%, 100% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -990; } } @keyframes fg_ia_jump_ringB { 0%, 12% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -110; } 20% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -115; } 40% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -195; } 48%, 62% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -220; } 70% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -225; } 90% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -305; } 98%, 100% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -330; } } @keyframes fg_ia_jump_ringC { 0% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 8% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 28% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 36%, 58% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 66% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 86% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 94%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } } @keyframes fg_ia_jump_ringD { 0%, 8% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 16% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 36% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 44%, 50% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 58% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 78% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 86%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } }
ALEXANDRITE - JAKARTA
.fg_ia_jump_ring { stroke: currentColor; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .fg_ia_jump_ring_a { animation-name: fg_ia_jump_ringA; } .fg_ia_jump_ring_b { animation-name: fg_ia_jump_ringB; } .fg_ia_jump_ring_c { animation-name: fg_ia_jump_ringC; } .fg_ia_jump_ring_d { animation-name: fg_ia_jump_ringD; } @keyframes fg_ia_jump_ringA { 0%, 4% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -330; } 12% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -335; } 32% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -595; } 40%, 54% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -660; } 62% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -665; } 82% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -925; } 90%, 100% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -990; } } @keyframes fg_ia_jump_ringB { 0%, 12% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -110; } 20% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -115; } 40% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -195; } 48%, 62% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -220; } 70% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -225; } 90% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -305; } 98%, 100% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -330; } } @keyframes fg_ia_jump_ringC { 0% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 8% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 28% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 36%, 58% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 66% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 86% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 94%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } } @keyframes fg_ia_jump_ringD { 0%, 8% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 16% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 36% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 44%, 50% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 58% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 78% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 86%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } }
AE VILLA - BOGOR
.fg_ia_jump_ring { stroke: currentColor; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .fg_ia_jump_ring_a { animation-name: fg_ia_jump_ringA; } .fg_ia_jump_ring_b { animation-name: fg_ia_jump_ringB; } .fg_ia_jump_ring_c { animation-name: fg_ia_jump_ringC; } .fg_ia_jump_ring_d { animation-name: fg_ia_jump_ringD; } @keyframes fg_ia_jump_ringA { 0%, 4% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -330; } 12% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -335; } 32% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -595; } 40%, 54% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -660; } 62% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -665; } 82% { stroke-dasharray: 60 600; stroke-width: 30; stroke-dashoffset: -925; } 90%, 100% { stroke-dasharray: 0 660; stroke-width: 20; stroke-dashoffset: -990; } } @keyframes fg_ia_jump_ringB { 0%, 12% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -110; } 20% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -115; } 40% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -195; } 48%, 62% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -220; } 70% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -225; } 90% { stroke-dasharray: 20 200; stroke-width: 30; stroke-dashoffset: -305; } 98%, 100% { stroke-dasharray: 0 220; stroke-width: 20; stroke-dashoffset: -330; } } @keyframes fg_ia_jump_ringC { 0% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 8% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 28% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 36%, 58% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 66% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 86% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 94%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } } @keyframes fg_ia_jump_ringD { 0%, 8% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: 0; } 16% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -5; } 36% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -175; } 44%, 50% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -220; } 58% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -225; } 78% { stroke-dasharray: 40 400; stroke-width: 30; stroke-dashoffset: -395; } 86%, 100% { stroke-dasharray: 0 440; stroke-width: 20; stroke-dashoffset: -440; } }
AVIARY HOTEL - BINTARO
You cannot copy content of this page
error:
Content is protected !!
