#wrapper:before { content: ''; position: absolute; width: 100%; height: 100%; left: -50%; top: 0%; background-repeat: no-repeat; background-position: left -50px top 440px; background-size: contain; background-image: url('data:image/svg+xml,<svg version="1.1" id="curve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1441.8 874.2" style="enable-background:new 0 0 1441.8 874.2;" xml:space="preserve"><path class="st0" style="fill:%23e7f3e7" d="M25.2,874.8c-15.4-36.7-4.5-75,26.6-102.7c31.1-27.8,80.9-37.6,122.4-24.2c30.6,9.9,55.1,30.7,83.8,44.3c28.8,13.6,67.9,18.5,91.3-1.7c23.6-20.4,18.8-55.8,3-81.5c-15.7-25.7-40.2-46.7-53.9-73.3c-19.8-38.3-13.6-86.2,15.3-119.5c29-33.4,79.5-50.9,126.3-43.7c46.7,7.2,87,36.4,134.1,40.6c59.7,5.3,119.6-37.6,126.5-90.5c5.5-42.4-18.9-83.3-47-118c-28-34.7-61-67.5-76.9-107.9c-21.3-54.3-5.5-120,43.1-157.9c48.7-37.9,128.6-41.9,178.4-5.2c40.3,29.8,56.3,78.5,92,112.6c54.8,52.2,156.5,58.1,218.5,12.7c31.7-23.2,52.4-56.6,84.5-79.5c32-22.8,85.3-30.8,110.6-2c26.1,29.7,12.3,86.1,52.5,98.2c16.1,4.8,33.5-1,50.4-1.7c17-0.6,37.9,9.3,35,24.1v676.1L25.2,874.8z"/></svg>'); transform: rotate(180deg); z-index: 2; } #content { overflow: hidden; } #headerZone { /* position: fixed; */ position: absolute; top: 0; left: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 200; } #mainContent { padding: 0 !important; min-height: 0; } #mainZone { background-image: url('../../../../filemanager/template/common/images/bg.jpg'); background-position: 0 0; background-repeat: repeat-y; background-size: cover; } .fixBtn { display: none; transition: all .25s ease 0s; } .homeVisual { position: relative; display: flex; width: 100%; overflow: hidden; z-index: 2; min-height: 620px; aspect-ratio: 1900 / 700; } .imageWrap { height: 100%; width: 100%; } .imageWrap .swiper { height: 100%; } .imageWrap .slider { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 100%; width: 100%; transition: background-image .25s ease 0s; } /* .imageWrap .swiper-slide img { object-fit: cover; width: 100%; height: 100%; } */ /* .text { max-width: 480px; position: absolute; top: 30%; left: 24.4%; z-index: 10; } .text .mainTextWrap { position: relative; margin-bottom: 20px } .slogan p { font-size: 1.344em; line-height: 1.154; margin-bottom: 0.5rem; } .slogan p:last-child { margin-left: 60px; } .image { display: flex; position: relative; z-index: 10; justify-content: center; height: 100%; align-items: center; width: 84%; } .image .mainImage { position: relative; display: inline-block; width: 55%; } .image .mainImage img { position: relative; z-index: 20; } .image .mainImageBg { position: absolute; top: 0; left: 0; } #mainImageBg { opacity: 0; } */ #cloud1 { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 82" style="enable-background:new 0 0 150 82;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23D7E5F5;}.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;}</style><g><path class="st0" d="M28.9,28.2c-9.8,0-17.7,7.9-17.7,17.7c0,3.3,0.9,6.4,2.5,9H9.9c-2.4,0-4.3,2-4.3,4.3l0,0c0,2.4,2,4.3,4.3,4.3h7.4l0,0h11.6h38.3h41.6l0,0H119h0h0h21c2.4,0,4.3-2,4.3-4.3l0,0c0-2.4-2-4.3-4.3-4.3h-5.8c1.6-2.6,2.5-5.7,2.5-9c0-9.8-7.9-17.7-17.7-17.7c-2.8,0-5.4,0.6-7.8,1.8c-0.5-4.6-4.4-8.2-9.2-8.2c-2.2,0-4.2,0.7-5.7,2C92.4,11.4,80.8,2.4,67.2,2.4C51.3,2.4,38.2,14.5,36.7,30C34.4,28.8,31.7,28.2,28.9,28.2z"/><path class="st1" d="M132,69h0.1c2.9,0,5.3,2.4,5.3,5.3v0c0,2.9-2.4,5.3-5.3,5.3H132c-2.9,0-5.3-2.4-5.3-5.3v0C126.7,71.4,129.1,69,132,69L132,69z M20.8,69h5c1.5,0,2.8-1.2,2.8-2.8c0-1.2-0.6-2.3-1.8-2.6h-1c-1.7,0-3.1-1.4-3.1-3.1l0,0c0-1.7,1.4-3.1,3.1-3.1h2.6c-1.1-1.9-1.8-4.1-1.8-6.4c0-7,5.6-12.6,12.6-12.6c2,0,3.9,0.5,5.6,1.3c1.1-11,10.3-19.6,21.6-19.6c9.7,0,17.9,6.4,20.7,15.1c1.1-0.9,2.5-1.4,4.1-1.4c3.4,0,6.2,2.6,6.5,5.8c1.7-0.8,3.5-1.3,5.5-1.3c7,0,12.6,5.6,12.6,12.6c0,2.3-0.6,4.5-1.8,6.4h4.1c1.7,0,3.1,1.4,3.1,3.1l0,0c0,1.7-1.4,3.1-3.1,3.1h-11.8c-1.1,0.4-1.9,1.4-1.9,2.6c0,1.5,1.3,2.8,2.8,2.8h7.7c2.9,0,5.3,2.4,5.3,5.3v0c0,2.9-2.4,5.3-5.3,5.3H20.8c-2.9,0-5.3-2.4-5.3-5.3v0C15.6,71.4,17.9,69,20.8,69z"/></g></svg>'); position: absolute; width: 37.5%; opacity: 0; } #cloud2 { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 82" style="enable-background:new 0 0 150 82;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23D7E5F5;}.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;}</style><g><path class="st0" d="M28.9,28.2c-9.8,0-17.7,7.9-17.7,17.7c0,3.3,0.9,6.4,2.5,9H9.9c-2.4,0-4.3,2-4.3,4.3l0,0c0,2.4,2,4.3,4.3,4.3h7.4l0,0h11.6h38.3h41.6l0,0H119h0h0h21c2.4,0,4.3-2,4.3-4.3l0,0c0-2.4-2-4.3-4.3-4.3h-5.8c1.6-2.6,2.5-5.7,2.5-9c0-9.8-7.9-17.7-17.7-17.7c-2.8,0-5.4,0.6-7.8,1.8c-0.5-4.6-4.4-8.2-9.2-8.2c-2.2,0-4.2,0.7-5.7,2C92.4,11.4,80.8,2.4,67.2,2.4C51.3,2.4,38.2,14.5,36.7,30C34.4,28.8,31.7,28.2,28.9,28.2z"/><path class="st1" d="M132,69h0.1c2.9,0,5.3,2.4,5.3,5.3v0c0,2.9-2.4,5.3-5.3,5.3H132c-2.9,0-5.3-2.4-5.3-5.3v0C126.7,71.4,129.1,69,132,69L132,69z M20.8,69h5c1.5,0,2.8-1.2,2.8-2.8c0-1.2-0.6-2.3-1.8-2.6h-1c-1.7,0-3.1-1.4-3.1-3.1l0,0c0-1.7,1.4-3.1,3.1-3.1h2.6c-1.1-1.9-1.8-4.1-1.8-6.4c0-7,5.6-12.6,12.6-12.6c2,0,3.9,0.5,5.6,1.3c1.1-11,10.3-19.6,21.6-19.6c9.7,0,17.9,6.4,20.7,15.1c1.1-0.9,2.5-1.4,4.1-1.4c3.4,0,6.2,2.6,6.5,5.8c1.7-0.8,3.5-1.3,5.5-1.3c7,0,12.6,5.6,12.6,12.6c0,2.3-0.6,4.5-1.8,6.4h4.1c1.7,0,3.1,1.4,3.1,3.1l0,0c0,1.7-1.4,3.1-3.1,3.1h-11.8c-1.1,0.4-1.9,1.4-1.9,2.6c0,1.5,1.3,2.8,2.8,2.8h7.7c2.9,0,5.3,2.4,5.3,5.3v0c0,2.9-2.4,5.3-5.3,5.3H20.8c-2.9,0-5.3-2.4-5.3-5.3v0C15.6,71.4,17.9,69,20.8,69z"/></g></svg>'); width: 24.2%; } #dot1 { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 874 720" style="enable-background:new 0 0 874 720;" xml:space="preserve"><style type="text/css">.st0{fill:%23F2B8A6;}.st1{fill:%23F0A6B7;}.st2{fill:%23E0A8F4;}.st3{fill:%23E5A749;}.st4{fill:%23C9C6FA;}.st5{fill:%23F2B479;}.st6{fill:%23EBABC1;}</style><polygon id="DOT1" class="st0" points="45.8,545.9 42.5,558.3 39.2,570.7 30.1,561.6 21,552.5 33.4,549.2 "/><polygon id="DOT2" class="st1" points="299,78 295.7,90.4 292.4,102.8 283.3,93.7 274.2,84.6 286.6,81.3 "/><polygon id="DOT3" class="st2" points="64.7,87.9 61.4,100.3 58,112.7 49,103.6 39.9,94.5 52.3,91.2 "/><polygon id="DOT4" class="st3" points="632.4,681.7 629.1,694.1 625.8,706.5 616.7,697.4 607.6,688.3 620,685 "/><polygon id="DOT5" class="st4" points="305.9,589.9 302.6,602.3 299.3,614.7 290.2,605.6 281.1,596.5 293.5,593.2 "/><g id="DOT6"><path class="st4" d="M190.4,81c4.2,0,4.2-6.5,0-6.5C186.2,74.4,186.2,81,190.4,81L190.4,81z"/></g><g id="DOT7"><path class="st5" d="M832,120.4c4.2,0,4.2-6.5,0-6.5C827.8,113.9,827.8,120.4,832,120.4L832,120.4z"/></g><g id="DOT8"><path class="st4" d="M725.8,691.9c4.2,0,4.2-6.5,0-6.5C721.6,685.4,721.6,691.9,725.8,691.9L725.8,691.9z"/></g><g id="DOT9"><path class="st4" d="M535.3,615.3c4.2,0,4.2-6.5,0-6.5C531.1,608.7,531.1,615.3,535.3,615.3L535.3,615.3z"/></g><g id="DOT10"><path class="st4" d="M197,656.9c4.2,0,4.2-6.5,0-6.5C192.8,650.4,192.8,656.9,197,656.9L197,656.9z"/></g><g id="DOT11"><path class="st4" d="M433.8,41.2c4.2,0,4.2-6.5,0-6.5C429.6,34.7,429.6,41.2,433.8,41.2L433.8,41.2z"/></g><g id="DOT12"><path class="st4" d="M14.2,379.8c8.4,0,8.4-13,0-13C5.8,366.8,5.8,379.8,14.2,379.8L14.2,379.8z"/></g><g id="DOT13"><path class="st3" d="M498.4,19.9c8.4,0,8.4-13,0-13C490,6.9,490,19.9,498.4,19.9L498.4,19.9z"/></g><g id="DOT14"><path class="st3" d="M859.4,320.7c8.4,0,8.4-13,0-13C851,307.7,851,320.7,859.4,320.7L859.4,320.7z"/></g><g id="DOT15"><path class="st6" d="M329.5,704c-0.4,0-0.7,0-1.1,0c-0.9,0-1.7,0.2-2.5,0.6c-0.8,0.3-1.5,0.7-2.1,1.3c-0.6,0.6-1.1,1.3-1.3,2.1c-0.4,0.8-0.6,1.6-0.6,2.5c0.1,0.6,0.2,1.2,0.2,1.7c0.3,1.1,0.9,2.1,1.7,2.9c0.4,0.3,0.9,0.7,1.3,1c1,0.6,2.1,0.9,3.3,0.9c0.4,0,0.7,0,1.1,0c0.9,0,1.7-0.2,2.5-0.6c0.8-0.3,1.5-0.7,2.1-1.3c0.6-0.6,1.1-1.3,1.3-2.1c0.4-0.8,0.6-1.6,0.6-2.5c-0.1-0.6-0.2-1.2-0.2-1.7c-0.3-1.1-0.9-2.1-1.7-2.9c-0.4-0.3-0.9-0.7-1.3-1C331.8,704.3,330.7,704,329.5,704L329.5,704z"/></g></svg>'); width: 190%; top: 5%; left: 9%; background-size: cover; } #dot2 { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 874 720" style="enable-background:new 0 0 874 720;" xml:space="preserve"><style type="text/css">.st0{fill:%23F2B8A6;}.st1{fill:%23F0A6B7;}.st2{fill:%23E0A8F4;}.st3{fill:%23E5A749;}.st4{fill:%23C9C6FA;}.st5{fill:%23F2B479;}.st6{fill:%23EBABC1;}</style><polygon id="DOT1" class="st0" points="45.8,545.9 42.5,558.3 39.2,570.7 30.1,561.6 21,552.5 33.4,549.2 "/><polygon id="DOT2" class="st1" points="299,78 295.7,90.4 292.4,102.8 283.3,93.7 274.2,84.6 286.6,81.3 "/><polygon id="DOT3" class="st2" points="64.7,87.9 61.4,100.3 58,112.7 49,103.6 39.9,94.5 52.3,91.2 "/><polygon id="DOT4" class="st3" points="632.4,681.7 629.1,694.1 625.8,706.5 616.7,697.4 607.6,688.3 620,685 "/><polygon id="DOT5" class="st4" points="305.9,589.9 302.6,602.3 299.3,614.7 290.2,605.6 281.1,596.5 293.5,593.2 "/><g id="DOT6"><path class="st4" d="M190.4,81c4.2,0,4.2-6.5,0-6.5C186.2,74.4,186.2,81,190.4,81L190.4,81z"/></g><g id="DOT7"><path class="st5" d="M832,120.4c4.2,0,4.2-6.5,0-6.5C827.8,113.9,827.8,120.4,832,120.4L832,120.4z"/></g><g id="DOT8"><path class="st4" d="M725.8,691.9c4.2,0,4.2-6.5,0-6.5C721.6,685.4,721.6,691.9,725.8,691.9L725.8,691.9z"/></g><g id="DOT9"><path class="st4" d="M535.3,615.3c4.2,0,4.2-6.5,0-6.5C531.1,608.7,531.1,615.3,535.3,615.3L535.3,615.3z"/></g><g id="DOT10"><path class="st4" d="M197,656.9c4.2,0,4.2-6.5,0-6.5C192.8,650.4,192.8,656.9,197,656.9L197,656.9z"/></g><g id="DOT11"><path class="st4" d="M433.8,41.2c4.2,0,4.2-6.5,0-6.5C429.6,34.7,429.6,41.2,433.8,41.2L433.8,41.2z"/></g><g id="DOT12"><path class="st4" d="M14.2,379.8c8.4,0,8.4-13,0-13C5.8,366.8,5.8,379.8,14.2,379.8L14.2,379.8z"/></g><g id="DOT13"><path class="st3" d="M498.4,19.9c8.4,0,8.4-13,0-13C490,6.9,490,19.9,498.4,19.9L498.4,19.9z"/></g><g id="DOT14"><path class="st3" d="M859.4,320.7c8.4,0,8.4-13,0-13C851,307.7,851,320.7,859.4,320.7L859.4,320.7z"/></g><g id="DOT15"><path class="st6" d="M329.5,704c-0.4,0-0.7,0-1.1,0c-0.9,0-1.7,0.2-2.5,0.6c-0.8,0.3-1.5,0.7-2.1,1.3c-0.6,0.6-1.1,1.3-1.3,2.1c-0.4,0.8-0.6,1.6-0.6,2.5c0.1,0.6,0.2,1.2,0.2,1.7c0.3,1.1,0.9,2.1,1.7,2.9c0.4,0.3,0.9,0.7,1.3,1c1,0.6,2.1,0.9,3.3,0.9c0.4,0,0.7,0,1.1,0c0.9,0,1.7-0.2,2.5-0.6c0.8-0.3,1.5-0.7,2.1-1.3c0.6-0.6,1.1-1.3,1.3-2.1c0.4-0.8,0.6-1.6,0.6-2.5c-0.1-0.6-0.2-1.2-0.2-1.7c-0.3-1.1-0.9-2.1-1.7-2.9c-0.4-0.3-0.9-0.7-1.3-1C331.8,704.3,330.7,704,329.5,704L329.5,704z"/></g></svg>'); width: 110%; background-size: cover; transform: rotate(-43deg); } #dot3 { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 874 720" style="enable-background:new 0 0 874 720;" xml:space="preserve"><style type="text/css">.st0{fill:%23F2B8A6;}.st1{fill:%23F0A6B7;}.st2{fill:%23E0A8F4;}.st3{fill:%23E5A749;}.st4{fill:%23C9C6FA;}.st5{fill:%23F2B479;}.st6{fill:%23EBABC1;}</style><polygon id="DOT1" class="st0" points="45.8,545.9 42.5,558.3 39.2,570.7 30.1,561.6 21,552.5 33.4,549.2 "/><polygon id="DOT2" class="st1" points="299,78 295.7,90.4 292.4,102.8 283.3,93.7 274.2,84.6 286.6,81.3 "/><polygon id="DOT3" class="st2" points="64.7,87.9 61.4,100.3 58,112.7 49,103.6 39.9,94.5 52.3,91.2 "/><polygon id="DOT4" class="st3" points="632.4,681.7 629.1,694.1 625.8,706.5 616.7,697.4 607.6,688.3 620,685 "/><polygon id="DOT5" class="st4" points="305.9,589.9 302.6,602.3 299.3,614.7 290.2,605.6 281.1,596.5 293.5,593.2 "/><g id="DOT6"><path class="st4" d="M190.4,81c4.2,0,4.2-6.5,0-6.5C186.2,74.4,186.2,81,190.4,81L190.4,81z"/></g><g id="DOT7"><path class="st5" d="M832,120.4c4.2,0,4.2-6.5,0-6.5C827.8,113.9,827.8,120.4,832,120.4L832,120.4z"/></g><g id="DOT8"><path class="st4" d="M725.8,691.9c4.2,0,4.2-6.5,0-6.5C721.6,685.4,721.6,691.9,725.8,691.9L725.8,691.9z"/></g><g id="DOT9"><path class="st4" d="M535.3,615.3c4.2,0,4.2-6.5,0-6.5C531.1,608.7,531.1,615.3,535.3,615.3L535.3,615.3z"/></g><g id="DOT10"><path class="st4" d="M197,656.9c4.2,0,4.2-6.5,0-6.5C192.8,650.4,192.8,656.9,197,656.9L197,656.9z"/></g><g id="DOT11"><path class="st4" d="M433.8,41.2c4.2,0,4.2-6.5,0-6.5C429.6,34.7,429.6,41.2,433.8,41.2L433.8,41.2z"/></g><g id="DOT12"><path class="st4" d="M14.2,379.8c8.4,0,8.4-13,0-13C5.8,366.8,5.8,379.8,14.2,379.8L14.2,379.8z"/></g><g id="DOT13"><path class="st3" d="M498.4,19.9c8.4,0,8.4-13,0-13C490,6.9,490,19.9,498.4,19.9L498.4,19.9z"/></g><g id="DOT14"><path class="st3" d="M859.4,320.7c8.4,0,8.4-13,0-13C851,307.7,851,320.7,859.4,320.7L859.4,320.7z"/></g><g id="DOT15"><path class="st6" d="M329.5,704c-0.4,0-0.7,0-1.1,0c-0.9,0-1.7,0.2-2.5,0.6c-0.8,0.3-1.5,0.7-2.1,1.3c-0.6,0.6-1.1,1.3-1.3,2.1c-0.4,0.8-0.6,1.6-0.6,2.5c0.1,0.6,0.2,1.2,0.2,1.7c0.3,1.1,0.9,2.1,1.7,2.9c0.4,0.3,0.9,0.7,1.3,1c1,0.6,2.1,0.9,3.3,0.9c0.4,0,0.7,0,1.1,0c0.9,0,1.7-0.2,2.5-0.6c0.8-0.3,1.5-0.7,2.1-1.3c0.6-0.6,1.1-1.3,1.3-2.1c0.4-0.8,0.6-1.6,0.6-2.5c-0.1-0.6-0.2-1.2-0.2-1.7c-0.3-1.1-0.9-2.1-1.7-2.9c-0.4-0.3-0.9-0.7-1.3-1C331.8,704.3,330.7,704,329.5,704L329.5,704z"/></g></svg>'); width: 10%; } #topLeaf { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108.82 92.8"><g id="plant-green" style="opacity:.5;"><path d="M23.52,9.8s18.2,1.3,25.4,11.8c7.2,10.5,3.3,24,3.3,24,0,0-17.7.7-24.3-8.5-6.7-9.2-4.4-27.3-4.4-27.3Z" style="fill:%23007868; stroke-width:0px;"/><path d="M28.72,26c7,4.5,17.6,2,22.7.4-.6-1.6-1.5-3.3-2.5-4.8-7.2-10.5-25.4-11.8-25.4-11.8,0,0-.6,4.9-.3,10.9,1.6,2.1,3.4,4,5.5,5.3Z" style="fill:%23008571; stroke-width:0px;"/><path d="M108.82,92.8C63.42,71.6,25.22,12.1,24.82,11.5l.9-.6c.4.6,38.5,59.9,83.5,80.9l-.4,1Z" style="fill:%2357977e; stroke-width:0px;"/><polygon points="24.02 17.7 24.12 17.2 31.42 19.9 31.32 20.4 24.02 17.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="24.72 24.4 24.72 23.9 35.62 25.6 35.52 26.1 24.72 24.4" style="fill:%2357977e; stroke-width:0px;"/><rect x="26.62" y="30.9" width="13" height=".5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="30.92 37.6 43.62 35.9 43.72 36.3 31.02 38 30.92 37.6" style="fill:%2357977e; stroke-width:0px;"/><rect x="39.92" y="41.6" width="8.3" height=".5" transform="translate(-2.14 2.37) rotate(-3.01)" style="fill:%2357977e; stroke-width:0px;"/><polygon points="48.72 42.6 51.62 33.2 52.12 33.4 49.22 42.7 48.72 42.6" style="fill:%2357977e; stroke-width:0px;"/><polygon points="45.02 37.6 44.52 37.5 47.22 24 47.72 24.1 45.02 37.6" style="fill:%2357977e; stroke-width:0px;"/><rect x="33.36" y="24.32" width="14.9" height=".5" transform="translate(13.48 63.58) rotate(-86.02)" style="fill:%2357977e; stroke-width:0px;"/><polygon points="36.02 26.1 35.62 26.2 35.32 14 35.82 14 36.02 26.1" style="fill:%2357977e; stroke-width:0px;"/><polygon points="29.52 17.8 30.22 13.6 30.62 13.7 30.02 17.9 29.52 17.8" style="fill:%2357977e; stroke-width:0px;"/><path d="M72.62,26s15.5,9.4,17.1,21.9-8.2,23-8.2,23c0,0-16-7.4-17.7-18.6s8.8-26.3,8.8-26.3Z" style="fill:%23007868; stroke-width:0px;"/><path d="M72.62,26s-2.6,3.8-5,8.9c2.7,7.6,5.4,15.8,13,17.9,3,.9,6,1.2,9,1.1.3-1.9.3-4,.1-6-1.5-12.5-17.1-21.9-17.1-21.9Z" style="fill:%23008571; stroke-width:0px;"/><path d="M81.82,75.4c-6.8-25.7-8.8-47.2-8.8-47.4l1.1-.1c0,.2,2,21.7,8.8,47.2l-1.1.3Z" style="fill:%2357977e; stroke-width:0px;"/><polygon points="69.42 33.1 69.82 32.7 75.02 38.4 74.72 38.8 69.42 33.1" style="fill:%2357977e; stroke-width:0px;"/><polygon points="66.92 39.5 67.22 39.1 76.12 45.5 75.82 45.9 66.92 39.5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="77.02 52.5 65.42 46.6 65.72 46.1 77.22 52 77.02 52.5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="78.32 58.7 66.32 54.5 66.42 54 78.52 58.2 78.32 58.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="72.22 62.4 72.42 61.9 79.92 65.3 79.72 65.7 72.22 62.4" style="fill:%2357977e; stroke-width:0px;"/><polygon points="80.02 66.5 86.92 59.5 87.22 59.9 80.42 66.8 80.02 66.5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="78.52 60.1 87.12 49.3 87.52 49.6 78.92 60.4 78.52 60.1" style="fill:%2357977e; stroke-width:0px;"/><polygon points="77.22 53.2 84.92 40.5 85.32 40.7 77.62 53.4 77.22 53.2" style="fill:%2357977e; stroke-width:0px;"/><polygon points="75.82 45.9 81.22 34.9 81.62 35.1 76.22 46.1 75.82 45.9" style="fill:%2357977e; stroke-width:0px;"/><polygon points="74.32 35.9 76.82 32.4 77.22 32.7 74.72 36.2 74.32 35.9" style="fill:%2357977e; stroke-width:0px;"/><path d="M18.92,67.8s13.1,12.5,25.7,10.7,20.2-13.7,20.2-13.7c0,0-11.4-13.5-22.7-12.2-11.2,1.4-23.2,15.2-23.2,15.2Z" style="fill:%23007868; stroke-width:0px;"/><path d="M42.32,52.6c-5,.6-10.1,3.6-14.3,6.8,5,3.2,11.9,6.4,18.6,5.4,5.1-.7,9.2-3,12.4-5.5-4.2-3.6-10.5-7.3-16.7-6.7Z" style="fill:%23008571; stroke-width:0px;"/><path d="M69.52,64.9c-26.6.1-48,3.8-48.2,3.9l-.2-1.1c.2,0,21.7-3.8,48.4-3.9v1.1Z" style="fill:%2357977e; stroke-width:0px;"/><polygon points="31.82 66.9 24.92 63.3 25.12 62.8 32.02 66.4 31.82 66.9" style="fill:%2357977e; stroke-width:0px;"/><polygon points="30.32 59.3 30.62 58.9 39.12 65.8 38.82 66.2 30.32 59.3" style="fill:%2357977e; stroke-width:0px;"/><polygon points="45.62 65.5 36.82 55.9 37.22 55.5 46.02 65.2 45.62 65.5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="51.92 65 44.62 54.6 45.12 54.3 52.32 64.7 51.92 65" style="fill:%2357977e; stroke-width:0px;"/><polygon points="53.92 58.3 54.32 58 59.52 64.4 59.12 64.7 53.92 58.3" style="fill:%2357977e; stroke-width:0px;"/><polygon points="55.82 73 55.32 72.7 60.32 64.4 60.72 64.6 55.82 73" style="fill:%2357977e; stroke-width:0px;"/><polygon points="45.52 75.7 53.72 64.6 54.12 64.9 45.92 76 45.52 75.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="36.32 75.7 46.62 65 47.02 65.3 36.62 76 36.32 75.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="29.92 73.7 39.22 65.7 39.62 66 30.22 74 29.92 73.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="26.22 70.2 28.92 66.8 29.32 67.1 26.62 70.5 26.22 70.2" style="fill:%2357977e; stroke-width:0px;"/></g></svg>'); width: 10.71%; transform: rotate(11deg); } #leftLeaf { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 240"><g id="green1" style="opacity:.5;"><path d="M189.98,193.73c-3.47,2.25-7.75,2.9-11.76,1.81-3.83-1.01-7.25-3.37-11.11-3.85-7.9-1.03-14.68,4.53-18.34,11.21-1.74,3.27-2.85,6.84-3.77,10.49-.09-.04-.22,0-.31-.04-.98-.02-1.04,1.28-.26,1.75l.18.08c-.08.18-.12.5-.2.68-.2.9,1.11,1.18,1.31.28.08-.18.08-.4.12-.5,1.12.19,2.24-.06,3.44-.05,1.96-.19,3.93-.38,5.93-.66,3.84-.42,7.67-1.07,11.44-2.07,6.58-1.57,13.07-4.4,18.22-9.06,2.79-2.45,5-5.29,6.78-8.65.6-1.05-.73-1.99-1.65-1.43Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M130.2,193.5c-6.61-4.29-14.49-4.42-21.93-5.02-4.44-.41-8.84-.91-12.87-2.68-1-.46-1.86.68-1.43,1.65,3.43,7.33,6.87,15.11,12.76,20.94,5.02,5.09,11.74,8.66,18.93,8.14,4.55-.31,8.61-2.39,12.2-5.13.74-.65.54-1.4-.1-1.92,1.25-6.25-2.5-12.64-7.57-15.98Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M168.07,121.56c-.97,3.52-3.82,5.83-6.59,7.52-3.61,2.07-7.56,3.21-11.17,5.28-5.41,3.33-9.14,9.21-10.56,15.82-.79,3.83-.81,7.67.15,11.54.21.98,1.41.77,1.66,0,2.07,1.95,5.15,1.73,7.68,1.04,3.37-1.08,6.67-3.19,9.42-5.32,5.87-4.55,10.69-11.13,11.67-19.17.61-5.34-.48-10.81.26-16.2-.04-1.56-2.07-1.95-2.52-.51Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M132.31,168.34c-.92-5.61-4.46-10.57-9.06-13.48-6.06-3.81-13.17-3.92-19.71-2.44-4.05.87-8.09,1.97-12.31,1.33-1.03-.15-1.32.93-1.07,1.82,1.5,4.12,4.2,7.58,7.15,10.71,2.85,2.87,5.84,5.7,9.08,7.98,6.07,4.26,13.38,6.33,20.05,3.37,3.31-1.44,6.1-4.11,7.43-7.68.41-1.35-.82-2.03-1.57-1.61Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M130.17,73.82c-.65-.97-1.8-.4-1.86.68-.06,7.47-6.73,12.09-11.36,16.11-4.85,4.25-10.19,9.82-9.08,17.39.77,5.21,4.07,9.5,7.18,13.49.79.92,1.97.03,1.59-.81,6.44-1.75,12.12-6.61,15.44-12.56,3.76-6.41,4.83-14.41,3.22-22.1-.84-4.36-2.61-8.61-5.13-12.2Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M110.33,126.9c.04-.09.04-.31-.01-.45-2.64-6.41-9.43-10.56-16.65-11.16-8.39-.7-14.91,4.31-21.46,8.44-3.74,2.34-7.62,4.29-12.19,4.15-.98-.02-1.67,1.21-.84,1.81,5.85,4.49,12.83,7.51,20.28,8.55,7.41,1.13,15.54.72,22.53-2.2,3.94-1.59,7.53-4.11,9.81-7.57.69-1-.55-1.91-1.48-1.57Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M95.51,37.84c-.04,3.18-2.17,5.61-4.22,7.41-2.58,2.22-5.12,4.13-7.46,6.56-2.56,2.67-4.58,5.81-6.36,9.17-1.78,3.36-2.84,7.06-1.97,11.11.98,4.76,4.14,8.65,7.01,12.19.51.57,1.04.37,1.29-.17,2.86-.21,5.58-2.04,7.72-4.02,2.36-1.99,4.21-4.55,5.69-7.5,1.44-2.86,2.47-6.02,2.78-9.29.38-3.9-.04-7.74-.68-11.57-.71-4.63-1.78-9.21-2-13.95.09-1.39-1.69-1.34-1.79.05Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M76.44,97.57c.14.18.28.35.42.53l.09.04c.11-.72.32-1.4.26-1.98-4.24-5.83-10.66-10.03-18-9.92-3.94-.07-7.8,1.12-11.04,3.58-3.15,2.5-5.15,6.1-7.98,9.08-3.31,3.31-7.64,5.27-12.14,5.71-1.03.07-1.17,1.33-.7,1.99,1.12,1.62,2.93,2.47,4.74,3.09,1.95.8,3.98,1.41,6.01,2.02,4.06,1.23,8.29,2.09,12.45,2.15,7.43.15,14.84-2.03,20.28-7.33,2.61-2.53,4.68-5.55,5.61-8.97Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M83.16,17.21c-.48-1.1-1.77-.93-2.19.2-2.14,6.5-8.35,10.12-13.58,13.54-5.67,3.65-11.37,7.84-13.19,14.6-.85,3.25-.7,6.73,1.03,9.63-.04.31.11.71.39,1.06,2.8,2.52,7.02,1.5,10.21.34,3.68-1.27,7.15-3.29,9.99-5.83,5.81-5.13,9.22-12.47,9.71-20.41.14-4.57-.66-9.02-2.38-13.13Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M36.48,48.1c-6.93-3.11-14.48-.89-21.05.91-4.53,1.2-9,2.76-13.3,4.4-.8.29-1.04,1.28-.52,2.07,3.52,5.94,8.04,12.12,14.27,14.14,18.37,5.79,27.75-5.84,27.87-6.34,2.25-5.79-1.92-12.7-7.27-15.18Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M49.08,1.58c-.47-.88-1.28-.81-1.75-.26-4.2,5-8.61,10.22-11.01,17.27-2.02,6.23-2.07,13.93.68,20.83,1.15,2.74,2.79,5.38,4.77,7.29-.32,1.17.75,2.66,1.71,2.01.13-.05.18-.14.35-.28.68.43,1.24-.3,1.23-.97,7.81-7.07,11.19-20.27,8.22-33.56-.8-4.45-2.25-8.44-4.2-12.32Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M152.06,140.8c-6.9,5.83-11.14,14.23-12.23,23.21-1.66-4.74-3.66-9.2-5.93-13.57-4.45-8.69-9.83-16.81-15.86-24.47-.6-3.92-.85-7.89-.38-11.76.57-5.25,2.31-10.18,3.78-15.23.37-1.26-1.45-2.11-2.13-1.1-3.23,4.57-4.67,10.51-5.18,16.12-.15,2.46-.22,4.75-.06,7.25-3.7-4.37-7.76-8.68-11.77-12.87-4.19-4.27-8.56-8.39-13.01-12.34.08-.4.07-.85-.17-1.29-2.78-4.93-4.37-10.52-4.57-16.02-.21-5.72,1.35-10.95,2.89-16.41.41-1.35-1.72-2.46-2.5-1.27-3.48,5.11-4.37,11.76-4.1,17.83.16,4.16,1.17,8.15,2.67,12.05-.32-.26-.64-.52-.96-.78-6.79-5.8-13.7-11.56-19.93-18.09-2.21-2.35-4.39-4.8-6.38-7.38.53-.19.92-.56,1.04-1.06,2.42-9.24,7.3-17.12,13.5-24.27,1.3-1.38-.76-3.11-2.2-1.91-7.16,6.38-11.91,15.41-14.25,24.7-8.47-11.66-13.97-25.91-11.07-40.44.47-2.21-2.85-2.87-3.42-.71-3.63,14.2.91,28.88,8.85,40.95-6.35-2.95-13.28-4.64-20.4-4.75-2.1.01-1.92,3.19.23,3.3,8.74.42,17.35,3,24.73,7.53,8.02,10.02,17.78,18.2,27.41,26.43-8.33-2-17.11-2.34-25.33-.31-1.87.46-1.28,3.7.63,3.38,5.17-.68,10.17-1.23,15.45-.97,5.06.26,10.01,1.24,14.93,2.75,1.38,1.3,2.98,2.6,4.36,3.9,8.18,7.55,16.14,15.56,23.19,24.35-4.16-1.72-8.36-2.9-12.85-3.66-5.71-1-12.2-1.27-17.8.32-1.78.5-1.08,3.03.53,2.89,5.64-.03,11.13-.45,16.74.29,5.48.78,10.99,2.46,16.06,4.83.45.21.81.16,1.17.1,8.79,11.7,16.08,24.47,20.5,38.43-3.31-3.08-6.96-5.66-11.13-7.6-5.62-2.61-12.47-4.48-18.66-3.28-1.47.31-1.22,2.63.21,2.86,2.92.36,5.79.6,8.71,1.19,2.83.55,5.54,1.36,8.21,2.5,5.25,2.22,10.49,5.65,14.29,10.07l.09.04c.92,3.96,1.79,8,2.26,11.97,1.1,9.01.96,18.09-.58,26.86-.73-2.22-1.69-4.43-3.04-6.27-4.2-6.14-11.02-9.98-17.67-12.74-1.67-.67-2.9,1.74-1.27,2.5,5.72,2.88,11.76,6.02,15.79,11.1,2.96,3.58,4.71,8.37,4.35,12.94-1.46,5.28-3.51,10.39-6.28,15.17-.81,1.5,1.46,2.55,2.32,1.19,3.63-6.14,6.13-12.7,7.82-19.41,2.79-4.33,6.3-8.1,10.6-11.17,2.24-1.49,4.57-2.95,7.18-4.05,2.38-1.1,5.19-1.67,7.48-2.81,1.15-.57.92-2.22-.51-2.22-2.86,0-5.74,1.19-8.26,2.34-2.65,1.19-5.34,2.7-7.7,4.47-2.85,2.09-5.42,4.54-7.54,7.19,2.38-13.89,1.17-28.35-2.71-42.07-.62-10.76,3.78-21.4,11.53-29.05,1.1-.7-.47-2.54-1.66-1.65Z" style="fill:%2370ad1b; stroke-width:0px;"/></g></svg>'); width: 30%; background-position: left bottom; top: 47%; left: 3.3%; transform: rotate(-25deg); /* transform: rotate(-22deg); */ } #leftRedFlower { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><g id="red-flower" style="opacity:.8;"><path d="M33.6,12.96c-2.8.8-5.2,2.5-7.3,4.2,1.3-3.8,1.3-6.8.6-9.1-1.8-6.6-11.7-5.2-11.7,1.6,0,2.9,1,5.7,2.1,8.1-3.3-2.2-6.2-3-8.6-3-6.9,0-8.2,9.7-1.5,11.6,1.6.4,3.2.6,4.9.5-1.7,1.4-2.9,2.8-3.7,4.2-3.2,6.1,4.9,11.8,9.6,6.8,1.9-2,3.2-4.8,4.1-7.3.9,3.9,2.4,6.5,4.2,8,5.1,4.7,12.7-1.5,9.1-7.3-1.5-2.4-3.8-4.4-6-5.9,4,.2,6.9-.6,8.9-1.8,5.9-3.4,2-12.4-4.7-10.6Z" style="fill:%23fd5f44; stroke-width:0px;"/><path d="M22,18.96c-6.1,0-6.1,9.5,0,9.5s6.1-9.5,0-9.5Z" style="fill:%23feb04c; stroke-width:0px;"/></g></svg>'); width: 5.36%; top: 45%; left: 7%; z-index: 21; } #leftYellowFlower { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><g id="orange-flower"><path d="M38.29,32.8c-25-55.4,59.2-25.7,5.6,2.2l-5.6-2.2Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M39.49,33.2c-15.8-35.1,37.5-16.4,3.6,1.4l-3.6-1.4Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M44.89,36.8c46.6-39.3,41.5,49.2-.6,6l.6-6Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M44.79,38.1c29.5-24.9,26.3,31.2-.4,3.8l.4-3.8Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M43.69,45.3c51,33.5-36,53.2-5.9,1.1l5.9-1.1Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M42.59,45.5c32.3,21.2-22.8,33.9-3.8.7l3.8-.7Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M34.59,45.2c-18.2,58-61.5-19.5-2.7-5.3l2.7,5.3Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M33.99,44.2c-11.5,36.7-39-12.3-1.7-3.4l1.7,3.4Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M31.89,37.3c-60.8,5.9-5.8-63.8,3.9-4.5l-3.9,4.5Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M32.69,36.3c-38.6,3.8-3.7-40.5,2.4-2.9l-2.4,2.9Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M51.79,42.5c-1.9-1.7-4.4-2.8-6.7-3.5,3.5-.9,5.7-2.3,7.2-3.9,4.1-4.5-1.7-11.3-6.8-8-2.1,1.4-3.9,3.5-5.1,5.5.1-3.6-.7-6.1-1.8-7.9-3.3-5.1-11.4-1.4-9.5,4.4.4,1.4,1.2,2.7,1.9,3.9-1.8-.7-3.5-.9-5-.8-6.1.5-6.6,9.3-.6,10.4,2.5.5,5.2.1,7.6-.5-2.5,2.5-3.8,4.9-4.2,6.9-1.2,6,7.2,8.8,10,3.4,1.2-2.3,1.6-5,1.6-7.3,1.7,3.1,3.8,4.9,5.6,5.8,5.5,3,10.5-4.2,5.8-8.4Z" style="fill:%23fefeff; stroke-width:0px;"/><path d="M39.79,35.1c-6.4-2.1-9.8,7.5-3.3,9.7,6.4,2.2,9.7-7.5,3.3-9.7Z" style="fill:%23ffc73b; stroke-width:0px;"/></g></svg>'); width: 8.3%; z-index: 21; top: 50%; left: 10%; } #rightRedFlower { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><g id="red-flower2"><path d="M39.85,30.49s1.49-24.41-15.83-27.46c-8.48-1.23-11.72,17.27,4.15,30.84C14.96,30.33-1.05,40.24,1.01,50.58c2.06,10.34,25.29,1.84,31.47-5.23-16.53,15.61-10.1,31.3-3.29,31.67,6.81.37,19.52-9.1,15.9-29.16,12.55,14.98,33.59,14.78,34.06,3.58.47-11.2-20.08-13.27-31.9-14.57,21.77-8.94,24.37-19.95,23.04-25.64-1.33-5.7-19.73-9.63-30.44,19.26Z" style="fill:%23ff6540; stroke-width:0px;"/><path d="M41.39,31.39s3.29-11.99,14.64-19.21c-6.51,6.7-10.31,14.16-10.78,15.94-.47,1.78,16.61-14.75,16.61-14.75,0,0-10.85,12.8-11.42,15.28-.57,2.48,15.66-9.28,15.66-9.28-6.57,8.08-14.72,12.41-19.68,14.87-4.97,2.46-5.03-2.85-5.03-2.85Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M33.14,34.71s-10.19-7.14-13.16-20.25c4.12,8.38,9.87,14.47,11.38,15.52,1.51,1.04-8.3-20.61-8.3-20.61,0,0,8.4,14.53,10.54,15.9,2.14,1.37-3.47-17.87-3.47-17.87,5.39,8.91,6.74,18.04,7.38,23.54.64,5.5-4.38,3.77-4.38,3.77Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M33.34,40.96s-8.36,9.21-21.74,10.52c8.83-3.04,15.59-7.98,16.82-9.35,1.23-1.37-21.49,5.66-21.49,5.66,0,0,15.46-6.52,17.09-8.47,1.62-1.95-18.16,1.21-18.16,1.21,9.51-4.24,18.74-4.43,24.28-4.38,5.54.05,3.2,4.81,3.2,4.81Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M41.02,44.75s3.16,12.03-3.05,23.96c2.28-9.06,1.83-17.42,1.35-19.19-.48-1.78-6.99,21.09-6.99,21.09,0,0,2.99-16.51,2.24-18.94-.75-2.43-8.91,15.87-8.91,15.87,1.65-10.28,6.52-18.11,9.59-22.73,3.07-4.62,5.78-.05,5.78-.05Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M45.38,40.13s12.02-3.2,23.97,2.96c-9.07-2.24-17.43-1.76-19.2-1.28-1.77.49,21.11,6.92,21.11,6.92,0,0-16.52-2.93-18.95-2.17-2.43.76,15.9,8.85,15.9,8.85-10.29-1.61-18.14-6.45-22.77-9.5-4.63-3.05-.07-5.78-.07-5.78Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M33.33,41.98c1.69,3.18,5.63,4.4,8.82,2.71,3.18-1.69,4.4-5.63,2.71-8.82-1.69-3.18-5.63-4.4-8.82-2.71s-4.4,5.63-2.71,8.82Z" style="fill:gold; stroke-width:0px;"/></g></svg>'); width: 5.36%; right: -13%; top: 16%; } #rightBlueFlower { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75"><g id="bule-fllower" style="opacity:.8;"><path d="M36.13,31.32c-21.4-47.4,50.5-22,4.8,1.9l-4.8-1.9Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M37.03,31.62c-13.5-30,32.1-14,3,1.2l-3-1.2Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M41.63,34.82c39.8-33.6,35.4,42-.5,5.1l.5-5.1Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M41.53,35.82c25.2-21.2,22.5,26.6-.3,3.2l.3-3.2Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M40.63,42.12c43.5,28.6-30.8,45.4-5.1,1l5.1-1Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M39.63,42.22c27.6,18.1-19.5,28.8-3.2.6l3.2-.6Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M32.93,42.02c-15.5,49.5-52.5-16.7-2.3-4.5l2.3,4.5Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M32.43,41.02c-9.8,31.3-33.4-10.5-1.5-2.9l1.5,2.9Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M30.53,35.22c-52,5-5-54.6,3.3-3.9l-3.3,3.9Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M31.23,34.42c-32.9,3.2-3.2-34.6,2.1-2.5l-2.1,2.5Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M47.63,39.62c-1.7-1.4-3.8-2.4-5.7-3,3-.8,4.9-1.9,6.1-3.3,3.5-3.9-1.4-9.6-5.8-6.8-1.8,1.2-3.3,3-4.4,4.7.1-3.1-.6-5.2-1.6-6.8-2.8-4.4-9.7-1.3-8.2,3.8.4,1.2,1,2.3,1.7,3.3-1.7-.6-3-.8-4.3-.7-5.2.4-5.6,7.9-.5,9,2.1.4,4.5.1,6.4-.4-2.1,2.1-3.2,4.1-3.5,6-1,5.1,6.2,7.5,8.5,2.8,1-1.9,1.3-4.2,1.4-6.3,1.6,2.7,3.2,4.1,4.9,5,4.6,2.5,8.9-3.8,5-7.3Z" style="fill:%23fefeff; stroke-width:0px;"/><path d="M37.23,33.32c-5.5-1.8-8.4,6.5-2.8,8.3,5.4,1.8,8.4-6.5,2.8-8.3Z" style="fill:%23ffc73b; stroke-width:0px;"/></g></svg>'); width: 10.71%; right: 0.75%; top: 27%; z-index: 22; } #rightLeaf { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 168 168"><g id="green2" style="opacity:.5;"><path d="M6.26,90.43c-.2,4.8-2.1,9.5-2.4,14.4-.4,7.2,2.8,13.9,7.2,18.9,2.1,2.4,4.7,4.8,7.5,6.3,2.1,1.2,4.8,1.7,7,.4.1.7,1.1,1.1,1.5.3,1.4-3.3,2-6.8,1.9-10.2-.2-6.1-2.5-12-6.8-15.8-2.8-2.5-6.2-4.1-9-6.6-2.2-1.9-4.4-4.5-4.7-7.7-.1-1.5-2.1-1.4-2.2,0Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M30.86,138.73c.7,3.5,2.6,6.3,5.3,8.1,5.4,3.7,12.2,3,18.4.3,3.3-1.4,6.4-3.4,9.3-5.6,3.1-2.2,6-4.8,8.1-8.2.4-.7.3-1.7-.6-1.7-3.8-.1-7.2-1.8-10.7-3.3-5.6-2.3-11.9-3.4-17.9-1.1-4.7,1.7-8.5,5.6-10.2,10.4-.7-.3-1.9.1-1.7,1.1Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M43.26,64.33c-2.7,6.6-3.1,13.8-.8,20.1,2.1,5.8,6.2,11.1,11.7,13.7-.6.8.5,1.7,1.3,1.1,3.4-3,7.1-6.3,8.5-10.8,2.2-6.5-1.6-12.4-5.1-16.9-3.5-4.3-8.6-9.6-7.5-16.2.2-1-.8-1.5-1.6-.9-2.7,2.7-4.9,6.2-6.5,9.9Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M57.26,105.93c1.5,3.5,4.2,6.3,7.5,8.4,5.8,3.8,12.9,5.5,19.7,5.7,6.9.2,13.6-1.3,19.4-4.2.8-.4.3-1.6-.5-1.7-4-.6-7.2-3.1-10.1-5.7-5.2-4.7-10.2-10.3-17.7-11.1-6.5-.7-13.3,1.9-16.6,7.1-.1.1-.1.3-.1.4-.8-.5-2.1.1-1.6,1.1Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M84.76,27.93c-.9,4.1-2.5,8-4,12.1-1.2,3.3-2.2,6.8-2.5,10.2-.2,3,.1,6,1,8.8s2.1,5.3,3.9,7.5c1.7,2.1,3.7,4.1,6.3,4.9.2.5.6.8,1.1.3,3.1-2.7,6.5-5.6,8.2-9.6,1.5-3.5,1.1-6.9.1-10.2s-2.3-6.4-4.2-9.2c-1.7-2.6-3.7-4.7-5.5-7-1.6-1.9-3-4.4-2.5-7.2,0-1.4-1.6-1.8-1.9-.6Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M93.56,84.43c-.1.1-.3.2-.4.4h-.1v-1.8c4.8-4.4,11.1-7.1,17.6-5.9,3.5.7,6.8,2.3,9.1,5,2.4,2.7,3.6,6.3,5.6,9.4,2.3,3.5,5.8,6,9.9,7,.9.2.9,1.4.3,1.8-1.4,1.3-3,1.6-4.8,1.9-1.8.4-3.8.7-5.6.9-3.8.4-7.7.5-11.4-.2-6.6-1.1-12.9-4.2-16.8-9.8-1.7-2.5-3.1-5.5-3.4-8.7Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M96.66,23.33c-1,7,1,14.1,5.2,19.7,2.1,2.8,4.9,5.1,8,6.8,2.6,1.4,6.2,3.2,9.1,1.4.4-.2.5-.5.5-.8,1.9-2.3,2.7-5.3,2.4-8.4-.5-6.4-5-11-9.3-15.1-4.2-4-9-8.3-9.9-14.3-.1-1-1.3-1.4-1.9-.5-2.1,3.3-3.6,7.1-4.1,11.2Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M128.26,59.63c.1.5,6.4,12.2,23.7,10.2,5.9-.7,10.9-5.5,15-10.1.6-.7.5-1.5-.2-1.9-3.6-2.2-7.3-4.3-11.1-6.2-5.5-2.7-11.9-5.9-18.6-4.3-4.9,1.2-9.8,6.7-8.8,12.3Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M127.86,13.83c-4.8,11.3-4,23.5,1.8,31.2-.1.7.2,1.4.9,1.1.1.1.1.2.2.3.8.8,2-.5,1.9-1.4,2-1.4,3.9-3.4,5.3-5.7,3.7-5.7,4.9-12.5,4.1-18.3-.9-6.6-4-12-6.9-17.1-.3-.5-1.1-.7-1.6,0-2.2,3-4.1,6.4-5.7,9.9Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M19.46,110.13c5.1,6.3,7.6,14.6,7.1,22.7,2.2-3.9,4.8-7.6,7.5-11.1,5.3-6.9,11.5-13.3,18.1-19,1.3-3.4,2-6.8,2.2-10.4.4-4.8-.3-9.5-.9-14.2-.1-1.1,1.7-1.6,2.1-.6,2,4.6,2.4,10.1,1.9,15.1-.2,2.2-.6,4.3-1.2,6.5,4.1-3.3,8.3-6.5,12.5-9.5,4.5-3.1,8.9-5.9,13.5-8.7,0-.4.1-.7.4-1.1,3.3-3.9,5.5-8.6,6.6-13.5,1.2-5,.6-9.9.1-15-.1-1.3,1.9-1.9,2.4-.7,2.2,5.1,1.9,11.2.7,16.5-.9,3.7-2.3,7.1-4.4,10.2.3-.2.6-.4.9-.6,7-4.1,14.1-8,20.7-12.7,2.3-1.6,4.7-3.5,6.9-5.5-.4-.2-.7-.6-.8-1.2-.6-8.6-3.7-16.4-8.1-23.7-.9-1.4,1.3-2.6,2.2-1.4,5.3,6.8,8.1,15.7,8.6,24.3,9.4-9,16.7-20.6,16.4-34,0-2,3-2,3.1-.1.9,13.2-5.5,25.5-14.5,34.7,6.1-1.5,12.5-1.8,18.8-.8,1.8.3,1.2,3.1-.7,2.9-7.8-1.1-15.8-.3-23.2,2.6-8.7,7.5-18.7,13.1-28.8,18.8,7.7-.4,15.6.8,22.5,4,1.6.7.5,3.4-1.2,2.9-4.5-1.5-8.8-2.8-13.6-3.5-4.6-.6-9.1-.6-13.6,0-1.6.9-3,1.8-4.5,2.7-8.5,5.3-16.8,11.2-24.6,17.7,4-.8,8-1.2,11.9-1.1,5.2.1,11,.9,15.7,3.3,1.5.7.5,2.8-1,2.5-5-1-9.8-2.3-14.9-2.5s-10.1.3-15.1,1.6c-.4.1-.8.1-1-.1-9.7,8.9-18.3,19-24.5,30.7,3.4-2.2,7.1-4,11.1-4.9,5.4-1.4,11.9-1.9,17.1.2,1.2.5.6,2.5-.6,2.4-2.6-.1-5.2-.5-8-.5-2.6,0-5.1.3-7.7.9-5.1,1.1-10.2,3.3-14.3,6.6h0c-1.6,3.3-2.9,6.8-4,10.3-2.3,7.5-8.9,17.7-12.2,14.3,2.1,2.3,9.1-17.6,14.8-29.2,2.3-9.5.2-19.7-5.4-27.7.4-.7,2.2-2.2,3-1.1Z" style="fill:%2370ad1b; stroke-width:0px;"/></g></svg>'); width: 24%; transform: rotate(-6deg); } #topFly { width: 17.6%; position: absolute; z-index: 21; opacity: 0; } #bottomPlant { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186 196"><g id="plant" style="opacity:.8;"><path d="M107.32,111.82s-10.9-15.3-.7-25c0,0,7.5-5.4,13.6-5,0,0-8.6,17.4-5.8,19.1s8.5-20.3,8.5-20.3c0,0,17-2,22.4,1.2,0,0-14.6,14.3-11.5,15.1,3.1.9,18.7-13.2,18.7-13.2,0,0,15.8,3.3,15,14.9-.9,11.6-6.3,15.1-8.6,14.9-2.4-.3-16.4-6.8-16.7-4.3-.3,2.3,8.2,10,14.1,10.4,0,0-11.2,14.8-18.6,10.5s-8.1-11-12.6-13.6-8.5-2.5-6.7.1c1.9,2.6,10.3,5.1,12.9,10.7s5.1,9.5-2.6,8c-7.7-1.4-20.1-8.1-20.7-15.8l-.7-7.7Z" style="fill:%2373b471; stroke-width:0px;"/><path d="M159.82,99.02s-42.9-2-52.5,12.8c0,0-2.1,7.5-8.5,14.5l-1,3.3s7.5-9.5,10.1-10c-.1-.1-4.3-18.4,51.9-20.6Z" style="fill:%23c7d19a; stroke-width:0px;"/><path d="M98.82,126.22s-9.2,8.2-9.9,22.9l1.7.2s2.9-15.1,8.3-21.1c5.2-5.9-.1-2-.1-2Z" style="fill:%23c7d19a; stroke-width:0px;"/><path d="M69.22,92.62s17.3-11.7,9.2-27.5c0,0-6.5-9.7-13.4-12.2,0,0,3.7,23.6,0,24.2s-2.5-26.7-2.5-26.7c0,0-18.3-10.6-25.4-9.7,0,0,11.4,23,7.7,22.5s-16.4-23.9-16.4-23.9c0,0-18.7-4.1-21.8,9.2-3,13.3,1.8,20,4.7,20.8,2.8.9,20.6.6,20.1,3.4s-12.4,7.2-19.1,4.7c0,0,7.4,22,17.1,20.8s12.7-8.3,18.7-8.9,10.4,1.4,7.4,3.4c-3,1.9-13.2.7-18.1,5.6s-8.7,8,.2,10.2c9,2.2,25.2.9,28.5-7.5l3.1-8.4Z" style="fill:%2373b471; stroke-width:0px;"/><path d="M15.22,52.52s48.6,18.9,54.1,40c0,0-.2,9.5,4.7,20.3v4.1s-5.1-14.2-7.9-16.1c-.1.1,10.7-18.3-50.9-48.3Z" style="fill:%23c7d19a; stroke-width:0px;"/><path d="M73.82,112.82s7.5,13.7,3.2,30.3l-1.9-.6s1.8-18.3-2-27.6c-3.9-9.1.7-2.1.7-2.1Z" style="fill:%23c7d19a; stroke-width:0px;"/><path d="M96.72,76.52s-22.8-15.4-12.1-36.3c0,0,8.5-12.8,17.7-16.1,0,0-4.9,31.2,0,31.8,4.9.8,3.3-35.2,3.3-35.2,0,0,24.1-13.9,33.5-12.8,0,0-15,30.4-10,29.7,4.9-.8,21.7-31.5,21.7-31.5,0,0,24.7-5.5,28.7,12.1s-2.4,26.3-6.1,27.5c-3.7,1.1-27.1.8-26.5,4.4.6,3.7,16.4,9.5,25.3,6.3,0,0-9.7,28.9-22.5,27.5s-16.7-11-24.7-11.8-13.7,1.8-9.7,4.4,17.4.9,23.8,7.4c6.4,6.6,11.6,10.6-.3,13.5s-33.2,1.1-37.5-9.9l-4.6-11Z" style="fill:%239bd399; stroke-width:0px;"/><path d="M168.02,23.72s-64,24.9-71.3,52.8c0,0,.3,12.4-6.1,26.7v5.5s6.7-18.7,10.4-21.2c0,0-14.3-24.2,67-63.8Z" style="fill:%23c7d19a; stroke-width:0px;"/><path d="M90.72,103.22s-9.9,18-4.3,39.9l2.5-.8s-2.4-24.1,2.7-36.3c5.2-12.2-.9-2.8-.9-2.8Z" style="fill:%23c7d19a; stroke-width:0px;"/><path d="M96.02,190.72c24.7,0,44.8-24.1,44.8-53.8H51.22c.1,29.7,20.1,53.8,44.8,53.8Z" style="fill:%23bbd3ff; stroke-width:0px;"/><path d="M141.32,193.42H50.62c0-3.7,2.4-6.7,5.5-6.7h79.7c3.1.1,5.5,3.1,5.5,6.7h0Z" style="fill:%23bbd3ff; stroke-width:0px;"/><rect x="49.72" y="136.82" width="92" height="1.6" style="fill:%2380a1e6; stroke-width:0px;"/></g></svg>'); /* right: 5.8%; */ /* top: 61%; */ width: 25.5%; z-index: 21; } #iconBlueFlower { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 56"><g style="opacity:.5;"><path d="M9.88,10.42c5.6,1.45,10.91,3.78,15.76,6.93.42.28-.05.89-.47.63-4.8-3.05-10.07-5.39-15.57-6.87-.47-.13-.18-.81.28-.69Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M3.75,23.07c3.8,2.34,7.96,3.95,12.24,5.17.44.13.25.89-.2.78-4.44-1.03-8.61-2.98-12.44-5.41-.38-.24.04-.78.41-.55Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M11.73,8.74c4.32.61,8.4,2.39,11.66,5.3.38.34-.09.98-.48.64-3.19-2.72-7.11-4.62-11.27-5.25-.45-.07-.36-.76.09-.69Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M1.72,24.52c.81.97,1.93,1.55,3.06,2.06,1.13.5,2.27.96,3.43,1.39,2.29.84,4.62,1.53,6.97,2.18.35.1.2.69-.16.62-2.52-.48-4.99-1.23-7.38-2.16-1.18-.46-2.35-.95-3.48-1.5-1.11-.54-2.17-1.21-2.94-2.2-.25-.32.24-.7.5-.39Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M4.71,30.11c3.92.96,7.99,1.34,12.03,1.25.45,0,.56.68.09.71-4.15.22-8.27-.27-12.29-1.32-.36-.09-.2-.73.17-.64Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M16.66,7.7c4.18,1.8,8.21,4.55,10.94,8.23.23.31-.21.64-.47.36-3.1-3.32-6.53-6.16-10.71-8.02-.36-.16-.14-.73.23-.58Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M29.83,26.56c2.68,1.93,5.63,3.98,8.94,4.54,1.36.23,2.9.17,3.93-.78.25.07.53.03.8-.18,1.69-1.27,1.13-3.86-.57-4.73-1.18-1.51-1.82-3.35-2.28-5.22-1.01-4.1-1.18-8.53-3.42-12.22-.54-.9-1.22-1.75-2.03-2.43-1.01-.85-2.3-.69-3.39-.09-1.36.75-2.34,2.07-2.7,3.55-.95-.65-2.03-1.08-3.2-1.16-1.79-.12-3.65.59-4.76,2.04-2.03,2.66-.6,6.24.91,8.76,1.91,3.2,4.76,5.76,7.76,7.91Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M18.19,49.58c2-.3,3.78-1.36,5.41-2.5,1.71-1.21,3.45-2.68,5.55-3.14,2.2-.48,4.47-.05,6.48-1.27,1.88-1.14,2.32-3.29,1.7-5.28-1.32-4.22-6.13-5.99-10.02-6.89-3.99-.93-8.22-.9-12.23-.1-.26.05-.41.23-.46.43-.19.06-.38.11-.56.18-1.99.67-4.04,1.73-5.13,3.61-1.09,1.88-1,4.21.49,5.86.88.98,2.08,1.59,3.35,1.79-.62,1.45-.98,3.02-.39,4.54.89,2.28,3.56,3.12,5.81,2.78Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M13.47,32.19c1.27,1.2,2.98,1.86,4.59,2.43,1.7.6,3.42,1.14,5.15,1.62,3.5.98,7.07,1.72,10.67,2.23,3.09.44,6.96.86,8.98-2.1.9-1.31,1.1-2.96.32-4.38-.46-.82-1.11-1.48-1.75-2.16-.48-.51-.96-1.01-1.45-1.51-1.31-1.78-2.63-3.55-4.04-5.25-1.57-1.91-3.24-3.76-5.02-5.49-1.65-1.6-3.4-3.33-5.5-4.32-1.83-.86-4.19-.97-5.86.31-.99.76-1.57,1.99-1.56,3.21-.81-.23-1.64-.36-2.52-.3-1.37.1-2.77.8-3.56,1.94-1.46,2.12-.33,4.24,1.2,5.88-.92.69-1.54,1.77-1.7,2.95-.26,1.88.73,3.66,2.05,4.92Z" style="fill:%232db5b3; stroke-width:0px;"/><path d="M40.21,35.85s-3.4-5.94,1.07-12.86c0,0,11.77,8.8,6.34,17.68,5.42,2.83,10.78,5.82,15.39,9.9.69.61,1.35,1.24,1.99,1.89.63.64,1.43,1.33,1.82,2.15.14.3-.24.55-.49.38-.63-.43-1.12-1.12-1.65-1.67-.59-.6-1.2-1.18-1.82-1.74-1.21-1.09-2.48-2.11-3.79-3.07-2.67-1.96-5.51-3.67-8.37-5.35-1.14-.67-2.28-1.32-3.43-1.97-5.63,8.19-16.76,2.03-16.76,2.03,0,0,1.84-7.56,9.7-7.38Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M23.72,18.19c2.62,1.5,5.14,3.17,7.49,5.07,1.16.94,2.29,1.92,3.36,2.95.5.49,1,.98,1.48,1.49.52.54,1.07,1.07,1.43,1.74.13.25-.21.45-.41.32-.58-.38-1.03-.93-1.52-1.42-.53-.54-1.08-1.07-1.63-1.59-1.09-1.02-2.2-2.02-3.35-2.96-2.29-1.87-4.67-3.59-7.2-5.12-.33-.2.03-.66.36-.48Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M18.27,30.18c5.38,2.13,11,3.16,16.77,3.35.43.01.44.76,0,.77-5.81.03-11.68-1.25-17.01-3.52-.38-.16-.15-.75.24-.6Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M38.36,23.74c-.38-1.04-.62-2.13-.96-3.18-.35-1.06-.73-2.1-1.17-3.12-.88-2.07-1.94-4.08-3.17-5.96-.23-.36.28-.77.53-.41,1.3,1.89,2.43,3.88,3.35,5.98.46,1.05.88,2.11,1.24,3.2.36,1.08.73,2.19.86,3.32.04.38-.53.56-.67.18Z" style="fill:%232db5b3; stroke-width:0px;"/><path d="M17.38,42.02c2.2.08,4.34.07,6.51-.36,2.14-.42,4.21-1.19,6.11-2.26.36-.2.59.39.24.59-1.95,1.13-4.05,1.96-6.25,2.45-2.16.48-4.51.68-6.7.29-.46-.08-.37-.73.09-.71Z" style="fill:%232db5b3; stroke-width:0px;"/><path d="M45.73,37.16c.26-3.22-.79-6.54-3.33-8.65-.28-.24.05-.69.34-.46,2.7,2.15,4.43,5.73,3.84,9.22-.09.55-.9.45-.85-.11Z" style="fill:%2370ad1b; stroke-width:0px;"/><path d="M45.1,40.15c.43-.33.95.33.52.67-.43.33-.95-.33-.52-.67Z" style="fill:%2370ad1b; stroke-width:0px;"/></g></svg>'); width: 50%; /* left: -27%; top: -7%; */ z-index: -1; opacity: 0; } /* 3 float button */ .float_btn { position: absolute; z-index: 100; display: inline-block; transition: all .25s ease-out; } .float_btn .btn { position: relative; display: block; width: 160px; height: 160px; border-radius: 50%; outline: none; box-shadow: none; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100px 100px; -webkit-box-shadow: var(--box-shadow-100); -moz-box-shadow: var(--box-shadow-100); box-shadow: var(--box-shadow-100); transition: all .2s ease 0s; } .float_btn .btn:hover, .float_btn .btn.focus, .float_btn:hover .btn, .float_btn.init .btn { /* background-size: 120px 120px; */ background-size: 100px 100px; -webkit-animation-play-state: paused !important; animation-play-state: paused !important; } .float_btn.btn-1 .btn { background-color: #ffeca9; border: 16px solid #f1cd3d; background-image: url(../../../../filemanager/template/common/images/btn1.png); /* animation: upanddown 3s linear 0s infinite; */ } .float_btn.btn-2 .btn { background-color: #c0b4f5; border: 16px solid #9785e6; background-image: url(../../../../filemanager/template/common/images/btn2.png); /* animation: upanddown 4s linear 0.2s infinite; */ } .float_btn.btn-3 .btn { background-color: #b0eca8; border: 16px solid #72d57b; background-image: url(../../../../filemanager/template/common/images/btn3.png); /* animation: upanddown 3s linear 0.3s infinite; */ } .float_btn.btn-1 .btn:hover, .float_btn.btn-1 .btnfocus, .float_btn.btn-1.active .btn, .float_btn.btn-1.init .btn, .float_btn.btn-1:hover .btn { background-color: var(--light-100); border: 8px solid #f1cd3d; } .float_btn.btn-2 .btn:hover, .float_btn.btn-2 .btnfocus, .float_btn.btn-2.active .btn, .float_btn.btn-2.init .btn, .float_btn.btn-2:hover .btn { background-color: var(--light-100); border: 8px solid #9785e6; } .float_btn.btn-3 .btn:hover, .float_btn.btn-3 .btnfocus, .float_btn.btn-3.active .btn, .float_btn.btn-3.init .btn, .float_btn.btn-3:hover .btn { background-color: var(--light-100); border: 8px solid #72d57b; } .float_btn .floatBtn-content { display: block; position: absolute; opacity: 0; max-height: 0; left: 50%; top: 50%; transform: translateX(-50%); min-width: 0; width: 100%; font-size: 22px; font-weight: 700; padding: 14px 10px; text-align: center; border-radius: 15px; transition: opacity .5s ease 0s, max-height .25s ease 0s, top .35s ease 0s; z-index: -1; } .float_btn.btn-1 .floatBtn-content { background-color: #ffeca9; } .float_btn.btn-2 .floatBtn-content { background-color: #c0b4f5; } .float_btn.btn-3 .floatBtn-content { background-color: #b0eca8; } .float_btn:hover .floatBtn-content, .float_btn .btn.focus .floatBtn-content, .float_btn.active .floatBtn-content, .float_btn.init .floatBtn-content { opacity: 1; max-height: 100px; top: 85%; min-width: 140px; transform: translateX(-50%); z-index: 10; } .float_btn .floatBtn-content span { display: block; } .float_btn.btn-1 { right: 4.3%; top: 10%; } .float_btn.btn-2 { right: 3%; top: 44%; } .float_btn.btn-3 { top: 3.8%; right: 20.5%; } /* Home Nav */ .homeNavWrap { position: relative; z-index: 990; } .homeNavWrapInner { background-color: var(--light-100); box-shadow: 0px 2px 15px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 15px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 15px 3px rgba(0, 0, 0, 0.4); } .homeNav { position: relative; } .mobileHomeNav { display: none; opacity: 0; visibility: hidden; transition: display .15s ease 0s, opacity .5s ease 0s, visibility .5s ease 0s; } .mobileHomeNav .subnav { position: relative; width: 100%; border-radius: 20px; text-align: left; padding: 0 15px; margin-bottom: 20px; transition: .5s ease 0s; } .mobileHomeNav .subnav:nth-child(1) { border: 5px solid var(--link-bg-color-100); background: rgba(158, 126, 202, .5); } .mobileHomeNav .subnav:nth-child(2) { border: 5px solid var(--link-bg-color-200); background: rgba(59, 170, 170, .5); } .mobileHomeNav .subnav:nth-child(3) { border: 5px solid var(--link-bg-color-300); background: rgba(98, 163, 63, .5); } .mobileHomeNav .subnav:nth-child(4) { border: 5px solid var(--link-bg-color-400); background: rgba(140, 141, 34, .5); margin-bottom: 60px; } .mobileHomeNav .subnav:nth-child(5) { border: 5px solid var(--link-bg-color-500); background: rgba(195, 84, 62, .5); } .mobileHomeNav .subnav:last-child { margin-bottom: 0; } .mobileHomeNav .subnav:before { content: ''; position: absolute; display: block; width: 90px; height: 90px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; right: 10px; top: 10px; transition: all .3s ease 0s; } .mobileHomeNav .subnav:nth-child(4):after { content: ''; position: absolute; display: block; width: 35px; height: 35px; left: 50%; bottom: -55px; background-image: url('data:image/svg+xml,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --><path d="M16,23.8c-4,1.3-8.7,2.5-14.2,3.5l-.5-2.7c6.8-1.3,11.7-2.4,14.5-3.4l.2,2.6ZM28.7,22.6c-.6,4.2-1.8,6.2-3.8,6.2s-1.6-.4-2.6-1.1-1.7-1.9-2.4-3.4c-1.7,1.7-3.4,3.3-5.2,4.6l-2.1-1.9c2.7-1.9,4.8-3.8,6.3-5.6-1-3.6-1.6-8.1-1.8-13.5H1.4v-2.7h15.5c0-1,0-2.3,0-3.9h2.8c0,1.6,0,2.9,0,3.9h8.8v2.7h-8.7c.1,4.1.5,7.6,1.2,10.5,1.5-2.6,2.7-5.4,3.6-8.6l2.5.9c-1.2,4.3-2.9,8-5.1,11.1.5,1.3,1,2.2,1.5,2.8s.9.9,1.2.9.3,0,.4-.2.3-.6.5-1.6.4-1.9.5-2.8l2.6,1.4ZM14.5,19.8H3.1v-9.1h11.4v9.1ZM11.8,17.2v-4h-5.8v4h5.8ZM26.6,3.1l-1.9,1.8c-.8-.7-1.8-1.5-3-2.2l1.9-1.8c1.3.7,2.3,1.4,2.9,2.1Z" style="fill: %23878863;"/></svg>'); background-size: 35px 35px; background-repeat: no-repeat; background-position: 50% 50%; transform: translateX(-50%); } .mobileHomeNav .subnav .popup_title { font-size: 1.5em; line-height: 1.25; font-weight: 700; color: var(--light-100); margin: 1.5rem 0 0.5rem; text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5), 0px 3px 8px rgba(0, 0, 0, 0.5) } .mobileHomeNav .subnav .title { font-weight: 700; margin: 10px 0 5px; font-size: 1.5rem; } .mobileHomeNav .subnav:not(.hasHiddenContent) .title { margin-bottom: 40px; } .mobileHomeNav .subnav .title a:is(:hover, .focus) { text-decoration: underline; } .mobileHomeNav .hiddenContent { opacity: 0; overflow: hidden; max-height: 0; transition: max-height .8s ease, opacity .25s ease .3s, margin-bottom .3s ease .2s; } .mobileHomeNav .subnav.expend .hiddenContent { opacity: 1; max-height: 500px; } .mobileHomeNav .hiddenContent .sub-item:not(:last-child) { margin-bottom: 0.5rem; } .mobileHomeNav .hiddenContent .sub-item { font-weight: 700; font-size: 20px; } .mobileHomeNav .subnav:nth-child(1) .hiddenContent .sub-item { color: var(--link-bg-color-100); } .mobileHomeNav .subnav:nth-child(2) .hiddenContent .sub-item { color: var(--link-bg-color-200); } .mobileHomeNav .subnav:nth-child(3) .hiddenContent .sub-item { color: var(--link-bg-color-300); } .mobileHomeNav .subnav:nth-child(4) .hiddenContent .sub-item { color: var(--link-bg-color-400); } .mobileHomeNav .subnav:nth-child(5) .hiddenContent .sub-item { color: var(--link-bg-color-500); } .mobileHomeNav .hiddenContent .subnav-link { transition: all .25s ease 0s; } .mobileHomeNav .hiddenContent .subnav-link:is(:hover, .focus) { text-decoration: underline; } .mobileHomeNav .subnav .expendBtn { position: relative; display: block; text-align: center; height: 40px; padding: 20px 0 10px; text-indent: -9999px; } .mobileHomeNav .subnav .expendBtn:before { content: ''; background-image: url(../images/arrow.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; width: 29px; height: 15px; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -10px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .mobileHomeNav .subnav .expendBtn:hover:before { animation: arrowBtnAni .4s linear 0s infinite alternate; -webkit-animation: arrowBtnAni .4s linear 0s infinite alternate; } @keyframes arrowBtnAni { from { opacity: 1; } to { opacity: .35; top: 60%; /*transform: translate(0, 5px);*/ } } .mobileHomeNav .subnav.expend .expendBtn:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .homeNavWrap .swiper { overflow: visible; width: 90%; } .homeNavWrap .swiper-slide { text-align: center; position: relative; } .homeNavWrap .swiper-slide:before { position: absolute; display: block; top: 50%; right: 50%; width: 100px; height: 100px; border-right: 3px solid #f1cd3d; border-bottom: 3px solid #f1cd3d; } .homeNavWrap .swiper-button-next, .homeNavWrap .swiper-button-prev { display: block; width: 45px; height: 45px; font-size: 0; background-color: #718176; border: 3px solid var(--light-100); border-radius: 50%; box-shadow: var(--box-shadow-100); transition: all .25s ease 0s; } .homeNavWrap .swiper-button-next.hidden, .homeNavWrap .swiper-button-prev.hidden { opacity: 0; } .homeNavWrap .swiper-button-next:hover, .homeNavWrap .swiper-button-next.focus, .homeNavWrap .swiper-button-prev:hover, .homeNavWrap .swiper-button-prev.focus { background-color: var(--base-btn-color); } .homeNavWrap .swiper-button-next:after, .homeNavWrap .swiper-button-prev:after { content: ''; position: absolute; width: 12px; height: 12px; border-left: 3px solid var(--light-100); border-bottom: 3px solid var(--light-100); top: 50%; left: 12px; transform: translateY(-50%) rotate(-135deg) } .homeNavWrap .swiper-button-prev:after { left: 15px; transform: translateY(-50%) rotate(45deg) } .homeNavWrap .swiper-button-next.swiper-button-disabled, .homeNavWrap .swiper-button-prev.swiper-button-disabled { display: none; } .homeNav .homeNav-item { display: block; opacity: 0; } .homeNav .nav-link { /* position: relative; */ display: inline-block; width: 100%; outline: none; padding: 50px 15px 15px; transition: all .25s ease 0s; z-index: 5; } .homeNav .homeNav-item:before { content: ''; position: absolute; display: inline-block; padding: 15px; border-radius: 6px; /* top: 50%; */ top: 85px; right: 0; opacity: .5; transform: rotate(-45deg); transition: .25s ease 0s; } .homeNav .homeNav-item-1:before { border: solid var(--link-border-color-100); border-width: 0 8px 8px 0; } .homeNav .homeNav-item-2:before { border: solid var(--link-border-color-200); border-width: 0 8px 8px 0; } .homeNav .homeNav-item-3:before { border: solid var(--link-border-color-300); border-width: 0 8px 8px 0; } /* .homeNav .homeNav-item-4:before { border: solid var(--link-border-color-400); border-width: 0 8px 8px 0; } */ .homeNav .homeNav-item-4:before { width: 40px; height: 40px; padding: 0; border: 0; background-image: url('data:image/svg+xml,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --><path d="M16,23.8c-4,1.3-8.7,2.5-14.2,3.5l-.5-2.7c6.8-1.3,11.7-2.4,14.5-3.4l.2,2.6ZM28.7,22.6c-.6,4.2-1.8,6.2-3.8,6.2s-1.6-.4-2.6-1.1-1.7-1.9-2.4-3.4c-1.7,1.7-3.4,3.3-5.2,4.6l-2.1-1.9c2.7-1.9,4.8-3.8,6.3-5.6-1-3.6-1.6-8.1-1.8-13.5H1.4v-2.7h15.5c0-1,0-2.3,0-3.9h2.8c0,1.6,0,2.9,0,3.9h8.8v2.7h-8.7c.1,4.1.5,7.6,1.2,10.5,1.5-2.6,2.7-5.4,3.6-8.6l2.5.9c-1.2,4.3-2.9,8-5.1,11.1.5,1.3,1,2.2,1.5,2.8s.9.9,1.2.9.3,0,.4-.2.3-.6.5-1.6.4-1.9.5-2.8l2.6,1.4ZM14.5,19.8H3.1v-9.1h11.4v9.1ZM11.8,17.2v-4h-5.8v4h5.8ZM26.6,3.1l-1.9,1.8c-.8-.7-1.8-1.5-3-2.2l1.9-1.8c1.3.7,2.3,1.4,2.9,2.1Z" style="fill: %23878863;"/></svg>'); background-position: 50% 50%; background-size: 40px 40px; right: -20px; transform: rotate(0); } .homeNav .homeNav-item-5:before { content: none; } .homeNav .nav-link > span { display: block; text-align: center; } .homeNav .nav-link .step { position: absolute; /* top: -90px; */ top: -35px; left: 50%; transform: translateX(-50%); color: var(--light-100); font-weight: 700; /* min-width: 150px; */ max-width: 180px; width: 100%; height: 70px; line-height: 55px; text-align: center; font-size: 1.5em; border: 6px solid var(--light-100); border-radius: 50px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4); transition: all .25s ease 0s; } .homeNav .homeNav-item-1 .step { background-color: var(--link-bg-color-100); } .homeNav .homeNav-item-2 .step { background-color: var(--link-bg-color-200); } .homeNav .homeNav-item-3 .step { background-color: var(--link-bg-color-300); } .homeNav .homeNav-item-4 .step { background-color: var(--link-bg-color-400); } .homeNav .homeNav-item-5 .step { background-color: var(--link-bg-color-500); } .homeNav .nav-link .icon { width: 90px; height: 90px; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: 90px 90px; transition: all .25s ease 0s; margin-bottom: 0.75rem; } .homeNav .homeNav-item-1 .icon, .mobileHomeNav .subnav:nth-child(1):before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 90 90"><g id="Layer_2"><polygon points="13.5 82.7 72.1 82.7 71.9 67.4 75.7 52.5 80.1 51.7 80.9 48.2 78 42 72.9 40.2 66.8 41 67.8 32.4 63.9 25.1 57.5 22.7 51.7 22.7 44.7 26.9 41.5 32.7 41.1 36 28 36 35.9 31.2 41.8 22.7 39.2 13.7 29.2 7.3 21.5 8.8 14.4 17 15.5 25.8 20.1 31.5 25.5 36 17 36.7 10.4 43.4 9.1 52.5 14.4 65.2 13.5 82.7" style="fill: %23fff;"/></g><g id="_��硋惜_1"><line x1="13.4" y1="82.7" x2="13.4" y2="63.5" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><circle cx="27.8" cy="20.6" r="13.3" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><circle cx="54.4" cy="36" r="13.3" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 4px;"/><path d="M63.9,59.4s-3.3,12.6-18,14.3" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 4px;"/><path d="M44.7,81.5s29.2,1.1,31-28.3" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 4px;"/><path d="M38.9,36h-18.3c-2.6,0-5.1.9-7,2.6-4,3.5-7,12.8-1.4,22.7,8.3,14.7,14.3,19.1,21.8,20.7,6.3,1.3,12.9,1.7,12.9-5.3s-13.6,1.3-22.1-17.5" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><path d="M80.9,48.2c0,4.4-1.4,4.3-5.9,4.3s-10.2.2-10.2-4.3,3.6-8,8.1-8,8.1,3.6,8,8Z" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><line x1="71.9" y1="82.7" x2="71.9" y2="67.9" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 4px;"/><line x1="43.5" y1="48.8" x2="43.5" y2="71.7" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 4px;"/></g></svg>'); } .homeNav .homeNav-item-2 .icon, .mobileHomeNav .subnav:nth-child(2):before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 90 90"><!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --><path d="M76.5,82.4c-1.4,0-2.7-.6-3.6-1.6l-.7-.8-.7.8c-.9,1-2.2,1.6-3.6,1.6-2.7,0-4.8-2.2-4.8-4.8v-6.2H27v6.2c0,2.7-2.2,4.8-4.8,4.8s-2.7-.6-3.6-1.6l-.7-.8-.7.8c-.9,1-2.2,1.6-3.6,1.6-2.7,0-4.8-2.2-4.8-4.8v-21.3l-1.1.2c-.2,0-.3,0-.5,0-2.2,0-3.9-1.8-3.9-4v-18.9c0-2.4,8.3-6.7,10.4-6.7h8.6c.1,0,.6,0,1.7.4h.3c0,.1,5.5-1.6,5.5-1.6l-2-1.1c-1.2-.7-2.4-1.7-3.5-2.8l-.6-.7-.7.6c-1.4,1.1-3.1,1.7-4.8,1.7h-.3c-4.2,0-7.7-3.4-7.7-7.7v-.3c0-4.2,3.4-7.7,7.7-7.7h.3c2.6,0,5,1.3,6.4,3.4l.6.9.8-.6c1.4-1,3-1.6,4.7-1.6,4.3,0,7.9,3.5,7.9,7.8s-1.8,5.9-4.7,7.2l-2.1.9,2.1.9c2,.9,3.8,2,4.2,2.2.3.2.6.4.9.5,1.4.8,2.3,1.4,2.3,2.8v11.8h7.5v-11.8c0-1.4.9-2,2.1-2.7.4-.2.7-.4,1.1-.7.8-.6,2.5-1.5,4.4-2.1l2.4-.9-2.4-1c-3-1.2-4.9-4.1-4.9-7.2s3.5-7.9,7.8-7.9,3.5.6,4.9,1.7l.9.7.6-.9c1.4-2.2,3.9-3.6,6.5-3.6h.3c4.2,0,7.7,3.4,7.7,7.7v.3c0,4.2-3.5,7.7-7.7,7.7h-.3c-1.5,0-2.9-.4-4.1-1.2l-.8-.5-.6.7c-1.1,1.3-2.2,2.2-3.6,2.6l-2.3.8,4.1,2.1.4-.2c1.4-.6,2.2-.8,2.6-.8h8.6c2.1,0,10.4,4.4,10.4,6.7v18.9c0,2.2-1.8,4-4,4s-.3,0-.5,0l-1.1-.2v21.3c0,2.7-2.2,4.8-4.8,4.8Z" style="fill: %23fff;"/><path d="M25.2,12.5c1.3-1.4,3.2-2.3,5.3-2.3h0c4,0,7.3,3.3,7.3,7.3h0c0,4-3.3,7.4-7.4,7.4h0c-2.5,0-5.6-2.9-6.9-4.9" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><path d="M40.6,44.2v-12c0-1.6-1.6-2-3-3-1.2-.8-5.5-3.2-7.4-3.2l-6,1.9" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><path d="M64.8,12.9c-1.3-1.6-3.4-2.7-5.7-2.7h0c-4,0-7.3,3.3-7.3,7.3h0c0,4,3.3,7.4,7.3,7.4h0c2.5,0,5.3,0,7.9-4.2" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><path d="M49.1,44.2v-12c0-1.6,1.7-2,3-3,1.6-1.2,6.5-3.1,8.4-3.1l4.6,2.3" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><rect x="10.5" y="8.1" width="14.7" height="14.7" rx="7.2" ry="7.2" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 3px;"/><path d="M32.1,43.9v-10.3c0-1.9-7.8-6.2-9.9-6.2h-8.6c-2.1,0-9.9,4.3-9.9,6.2v18.9c0,1.9,1.6,3.5,3.4,3.5s1.6-.3,2.2-.8v22.4c0,2.4,1.9,4.3,4.3,4.3s4.3-1.9,4.3-4.3c0,2.4,1.9,4.3,4.3,4.3s4.3-1.9,4.3-4.3v-7.1" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 3px;"/><rect x="64.8" y="8.1" width="14.7" height="14.7" rx="7.2" ry="7.2" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 3px;"/><path d="M63.5,70.5v7.1c0,2.4,1.9,4.3,4.3,4.3s4.3-1.9,4.3-4.3c0,2.4,1.9,4.3,4.3,4.3s4.3-1.9,4.3-4.3v-22.4c.6.5,1.3.8,2.2.8,1.9,0,3.4-1.5,3.4-3.5v-18.9c0-1.9-7.8-6.2-9.9-6.2h-8.6c-2.1,0-9.9,4.3-9.9,6.2v10.6" style="fill: none; stroke: %2399538e; stroke-miterlimit: 10; stroke-width: 3px;"/><path d="M26.3,51.4h36.9s-.3-6.4-5.9-6.4h-25.1s-5.9-1.3-5.9,6.4Z" style="fill: none; stroke: %23269547; stroke-miterlimit: 10; stroke-width: 4px;"/><rect x="24.7" y="65.1" width="40.1" height="5.3" rx="1.3" ry="1.3" style="fill: none; stroke: %23269547; stroke-miterlimit: 10; stroke-width: 4px;"/><line x1="26.3" y1="50.8" x2="26.3" y2="66.1" style="fill: none; stroke: %23269547; stroke-miterlimit: 10; stroke-width: 4px;"/><line x1="63.2" y1="50.8" x2="63.2" y2="66.1" style="fill: none; stroke: %23269547; stroke-miterlimit: 10; stroke-width: 4px;"/><path d="M40.9,57c-.7-2-2.5-3.4-4.7-3.4s-4,1.4-4.7,3.4h-1.4c-.9,0-1.6.7-1.6,1.6s.7,1.6,1.6,1.6h1.4c.7,2,2.5,3.4,4.7,3.4s4-1.4,4.7-3.4h4.1v-3.2h-4.1ZM36.2,61.5c-1.6,0-2.9-1.3-2.9-2.9s1.3-2.9,2.9-2.9,2.9,1.3,2.9,2.9-1.3,2.9-2.9,2.9Z" style="fill: %2399538e;"/><path d="M48.9,60.2c.7,2,2.5,3.4,4.7,3.4s4-1.4,4.7-3.4h1.4c.9,0,1.6-.7,1.6-1.6s-.7-1.6-1.6-1.6h-1.4c-.7-2-2.5-3.4-4.7-3.4s-4,1.4-4.7,3.4h-5v3.2h5ZM53.6,55.7c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9-2.9-1.3-2.9-2.9,1.3-2.9,2.9-2.9Z" style="fill: %2399538e;"/></svg>'); } .homeNav .homeNav-item-3 .icon, .mobileHomeNav .subnav:nth-child(3):before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 90 90"><path d="M6.7,31.9c0-3.4,2.8-6.1,6.1-6.1s6.1,2.8,6.1,6.1-2.8,6.1-6.1,6.1-6.1-2.8-6.1-6.1ZM83.3,33.9c0-2-1.4-3.7-3.4-4-17-3.1-35.5-6.4-36.2-6.5h-.6c0,0,0,14.5,0,14.5h36.1c2.2,0,4-1.8,4-4.1ZM24.3,37.8l.6.2h11.2c2.2,0,4-1.8,4-4v-10.4c0-1.6-1.2-2.9-2.7-3,0,0-.1,0-.2,0-.7,0-1.4.3-2,.8-.5.5-.9,1.2-.9,2v.7s-1.9.6-1.9.6c-3.9,1.3-7.2,3.3-9.9,6-.9.9-1.6,2.7-1.2,4.3.4,1.4,1.5,2.5,2.9,2.9ZM82.9,60.1v-17.8H7.2v16.7l-1.6,5.1v5.8h78.8v-4.9l-1.5-4.9Z" style="fill: %23fff;"/><path d="M79.9,30.4c1.7.3,3,1.8,3,3.5s-1.6,3.5-3.6,3.5h-35.6v-13.5c.8,0,36.2,6.4,36.2,6.4ZM12.8,37.6c3.1,0,5.6-2.5,5.6-5.6s-2.5-5.6-5.6-5.6-5.6,2.5-5.6,5.6,2.5,5.6,5.6,5.6ZM25.6,37.5h10.6c2,0,3.5-1.6,3.5-3.5v-10.4c0-1.3-1-2.4-2.2-2.5-1.4,0-2.5,1-2.5,2.4v7.5c0,.6-.5,1.1-1.1,1.1s-1.1-.5-1.1-1.1v-5.9c-3.6,1.2-7,3.1-9.7,5.8-.8.8-1.5,2.4-1.1,3.8.5,1.6,2,2.7,3.7,2.7h0Z" style="fill: none; stroke: %233baaaa; stroke-miterlimit: 10; stroke-width: 3px;"/><polygon points="6.6 68.9 83.4 68.9 83.4 65.1 81.9 60.3 81.9 43.3 8.2 43.3 8.2 59.2 6.6 64.3 6.6 68.9" style="fill: none; stroke: %23269547; stroke-miterlimit: 10; stroke-width: 4px;"/><line x1="35.3" y1="62.8" x2="54.7" y2="62.8" style="fill: none; stroke: %2399538e; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/><line x1="35.3" y1="62.8" x2="54.7" y2="62.8" style="fill: none; stroke: %2399538e; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/></svg>'); } .homeNav .homeNav-item-4 .icon, .mobileHomeNav .subnav:nth-child(4):before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 90 90"><path d="M16.9,84.6c-.2,0-.4,0-.6-.2h0s0,0,0,0c-11.1-6.1-11.2-20.9-11.2-21.1,0-.5.5-1,1-1h10.4c0,.1.2-.7.2-.7.7-2.9,2.4-8.1,7-10.9l.5-.3v-.6s0,0,0-.1c0,0,.6-3.5,3.3-5.6.8-.6,1.8-1,3-1s2.1.3,2.7.5l.6.2.4-.4c1-.9,3.2-2.5,6.2-2.9.5,0,.9,0,1.4,0,1.5,0,2.9.3,4.1,1l.9.5.5-.9.3-.5v-7.3h-1.3c-.1,0-.3,0-.4,0-6.2,0-10.4-1.7-10.4-10.2s9.6-16.6,10-17l.2-.2h.3c2.8,1,10.5,11.5,10.5,17.5s-2.5,8.5-7.1,9.6l-.8.2v5.7l1.6-1.2c.5-.4,1-.7,1.5-.9.9-.4,1.8-.6,2.7-.6s1.9.2,2.9.6c5.2,2,5.2,5.7,5.2,7.7,0,.2,0,.5,0,.7v.5s.4.3.4.3c1,.7,4,4.8,6.3,8.4l.8,1.2.9-1.2c1.6-2.2,2.9-3.9,4-5.3.7-.9,1.4-1.7,2-2.5,2-2.5,3.8-4.8,5.7-4.8s.9.1,1.4.4c2.8,1.4,2.8,6,2.8,6.2s0,.3,0,.4c-.1.3-2.9,7-9.1,15.2-6.2,8.2-15.3,14.8-15.7,15.1-.2.1-.4.2-.6.2-.1,0-13-.1-23.2-.1s-9.7,0-11.4.1c-5.1.3-8.8,4.9-8.8,5-.2.2-.5.4-.8.4Z" style="fill: %23fff;"/><path d="M45.6,6.4s-9.8,8.4-9.8,16.6,3.9,9.7,9.8,9.7,10.1-3.8,10.1-9.5-7.6-16-10.1-16.9Z" style="fill: none; stroke: %2399538e; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3px;"/><path d="M67.1,52.1s-3.4-5.5-4.8-6,1.7-6.3-5.3-9-10.1,5.7-10.1,5.7c0,0-2.2-2.3-6.5-1.8s-6.6,3.4-6.6,3.4c0,0-3.5-1.9-6,0s-3.1,5.2-3.1,5.2" style="fill: none; stroke: %233baaaa; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px;"/><path d="M16.9,83.6s3.9-5.1,9.6-5.3c5.6-.3,34.6,0,34.6,0,0,0,9.3-6.7,15.5-14.9s9-14.9,9-14.9c0,0,0-4.2-2.2-5.3s-4.2,2.4-7.9,6.7-9.2,13-11.9,14.9" style="fill: none; stroke: %23269547; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px;"/><path d="M38.6,66.6h22s2.8-.8,2.8-5.5-3.1-2.5-3.1-2.5h-12.4s-3.7-8.9-16.9-8.9-14.1,16.9-14.1,16.9" style="fill: none; stroke: %23269547; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px;"/><line x1="16.9" y1="63.3" x2="6" y2="63.2" style="fill: none; stroke: %23269547; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px;"/><polyline points="43.7 19.6 47.8 24.7 47.8 40.9" style="fill: none; stroke: %2399538e; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3px;"/><line x1="48.8" y1="23.3" x2="42.8" y2="28.8" style="fill: none; stroke: %2399538e; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3px;"/></svg>'); } .homeNav .homeNav-item-5 .icon, .mobileHomeNav .subnav:nth-child(5):before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 90 90"><path d="M26.1,88.2c-1.3,0-2.4-1-2.4-2.2v-2.2c0-.4-.2-.7-.5-.9-7.6-6.6-12-16.3-12-26.7s2.3-14.6,6.5-20.7c.2-.2.3-.6.2-.9,0-.3-.3-.6-.6-.8-.7-.3-1.1-.9-1.1-1.6,0-1,.9-1.8,2-1.8h52.5c1.1,0,2,.8,2,1.8s-.4,1.3-1.1,1.6c0,0-.2,0-.2.2h-1.3l1.1,1.6c4.3,6,6.5,13.2,6.5,20.7s-4.4,20.1-12,26.7c-.2.2-.4.5-.4.9v2.2c0,1.2-1.1,2.2-2.4,2.2H26.1ZM69.5,25.3c1.2,0,2.2-.9,2.5-2.1.1-.6,0-1.4-.5-2l-.4-.6c-4.9-6.6-12.8-10.9-21.8-12.1h-.9c0-.1,0-1.1,0-1.1,0-.1,0-.3,0-.4,0-2.1-1.7-3.8-3.7-3.9-4.1,2.2-4,3.4-4,4.1,0,.6-.5,1.1-1,1.2-9.2,1.2-17.2,5.8-22.1,12.6-.4.6-.6,1.3-.5,2,.2,1.2,1.3,2.1,2.5,2.1h49.9Z" style="fill: %23fff;"/><path d="M72.1,34.9c0,0,0-.2,0-.3,1-.5,1.6-1.4,1.6-2.5,0-1.5-1.4-2.8-3-2.8H18.3c-1.7,0-3,1.3-3,2.8s.7,2,1.6,2.5c.1,0,.1.2,0,.3-4.2,5.9-6.7,13.3-6.7,21.2s4.8,20.9,12.3,27.5c0,0,0,0,0,.1v2.2c0,1.8,1.5,3.2,3.4,3.2h36.8c1.9,0,3.4-1.4,3.4-3.2v-2.2c0,0,0,0,0-.1,7.5-6.6,12.3-16.4,12.3-27.5s-2.5-15.3-6.7-21.2h0ZM64.1,81c-.8.7-1.2,1.7-1.2,2.7v1.8c0,0,0,.2-.2.2H26.4c-.1,0-.2,0-.2-.2v-1.8c0-1-.4-2.1-1.2-2.7-7.1-6.2-11.2-15.2-11.2-24.9s2.1-13.8,6.2-19.4c.6-.9.8-2,.5-3-.1-.3-.2-.7-.4-.9h49c-.2.3-.3.6-.4.9-.3,1-.1,2.1.5,3,4,5.6,6.2,12.3,6.2,19.4s-4.1,18.7-11.2,24.9Z" style="fill: %233baaaa;"/><path d="M72.3,20.7c-5.1-7.2-13.4-11.9-22.9-13.1,0-.2,0-.3,0-.4,0-2.7-2.2-4.8-4.8-4.9-.1,0-.3,0-.4.1-4.2,2.2-4.6,3.7-4.5,5,0,0,0,.2-.2.2-9.4,1.2-17.7,5.9-22.8,13-.6.8-.8,1.8-.7,2.7.3,1.7,1.8,2.9,3.5,2.9h49.9c1.7,0,3.1-1.2,3.5-2.9.2-1-.1-1.9-.7-2.7h0ZM19.9,22.8c-.1,0-.2-.2-.1-.3,4.6-6.3,12.5-10.8,21.7-11.6,1,0,2-.1,3-.1s2,0,3,.1c9.2.8,17.1,5.2,21.7,11.6,0,.1,0,.3-.2.3H19.9Z" style="fill: %233baaaa;"/><path d="M44.2,53.3h-.5c-4.8,0-8.7,3.9-8.7,8.7v3.4h17.9v-3.4c0-4.8-3.9-8.7-8.7-8.7Z" style="fill: %2399538e;"/><path d="M43.9,53c2.8,0,5.1-2.3,5.1-5.1s-2.3-5.1-5.1-5.1-5.1,2.3-5.1,5.1,2.3,5.1,5.1,5.1Z" style="fill: %2399538e;"/><rect x="32.9" y="37.4" width="21.8" height="27.5" rx="3" ry="3" style="fill: none; stroke: %23269547; stroke-miterlimit: 10; stroke-width: 3px;"/></svg>'); } .homeNav .nav-link .title { font-size: 1.222em; line-height: 1.15; font-weight: 700; position: relative; } .homeNav .nav-link:hover, .homeNav .nav-link.focus, .homeNav .homeNav-item.active .nav-link { transform: scale(1.05); width: 100%; } .homeNav .nav-link:hover .step, .homeNav .nav-link.focus .step, .homeNav .homeNav-item.active .step { background-color: var(--yellow-100); } .homeNav .homeNav-item .nav-link:hover .step, .homeNav .homeNav-item.nav-link.focus .step, .homeNav .homeNav-item.active .nav-link .step { color: var(--link-bg-color-100); } .homeNav .homeNav-item:hover:before, .homeNav .homeNav-item.focus:before { animation: arrowMove 1s infinite; } .homeNav .homeNav-item .subnav { width: 335px; max-width: 335px; position: absolute; left: 50%; /* top: -40px; */ top: -60px; border-radius: 20px; opacity: 0; background-color: var(--light-100); text-align: left; transform: translate(-50%, 120%); transition: .5s ease 0s; z-index: -1; } .homeNav .homeNav-item.active .subnav { opacity: 1; transform: translate(-50%, -100%); } .homeNav .homeNav-item-1 .subnav { border: 8px solid rgba(158, 126, 202, .5); } .homeNav .homeNav-item-2 .subnav { border: 8px solid rgba(59, 170, 170, .5); } .homeNav .homeNav-item-3 .subnav { border: 8px solid rgba(98, 163, 63, .5); } .homeNav .homeNav-item-4 .subnav { border: 8px solid rgba(140, 141, 34, .5); } .homeNav .homeNav-item-5 .subnav { border: 8px solid rgba(195, 84, 62, .5); } .homeNav .homeNav-item .subnav .popup_title { position: relative; display: block; font-size: 1.5rem; padding: 8px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; color: var(--light-100); transition: all .25s ease 0s; z-index: -1; } .homeNav .homeNav-item-1 .subnav .popup_title { background-color: var(--link-bg-color-100); } .homeNav .homeNav-item-2 .subnav .popup_title { background-color: var(--link-bg-color-200); } .homeNav .homeNav-item-3 .subnav .popup_title { background-color: var(--link-bg-color-300); } .homeNav .homeNav-item-4 .subnav .popup_title { background-color: var(--link-bg-color-400); } .homeNav .homeNav-item-5 .subnav .popup_title { background-color: var(--link-bg-color-500); } .homeNav .homeNav-item .subnav .section-title { display: inline-block; /* padding: 15px 20px 5px 20px; */ margin: 15px 20px 15px 20px; font-size: 1.555em; border-bottom: 1px solid transparent; transition: all .25s ease 0s; } .homeNav .homeNav-item .subnav .section-title:hover { border-bottom: 1px solid #000000; } .homeNav .homeNav-item .subnav .section-title.only { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .homeNav .homeNav-item-1 .subnav .section-title { color: var(--link-bg-color-100); } .homeNav .homeNav-item-2 .subnav .section-title { color: var(--link-bg-color-200); } .homeNav .homeNav-item-3 .subnav .section-title { color: var(--link-bg-color-300); } .homeNav .homeNav-item-4 .subnav .section-title { color: var(--link-bg-color-400); } .homeNav .homeNav-item-5 .subnav .section-title { color: var(--link-bg-color-500); } .homeNav .subnav ul { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: var(--light-100); padding: 0 20px 15px; position: relative; margin-top: -1px; z-index: -1; /* list-style-type: "\20D8"; margin-left: 10px; */ } .homeNav .sub-item { position: relative; padding-left: 20px; } /* .homeNav .sub-item::marker{ font-size: 0.9em; font-weight: 900; } */ .homeNav .sub-item:before { content: ''; position: absolute; width: 8px; height: 8px; top: 10px; left: 0; border-radius: 50%; z-index: 1; border: 2px solid transparent; } .homeNav .homeNav-item-1 .sub-item:before { border-color: var(--list-bullet-color-100); } .homeNav .homeNav-item-2 .sub-item:before { border-color: var(--list-bullet-color-200); } .homeNav .homeNav-item-3 .sub-item:before { border-color: var(--list-bullet-color-300); } .homeNav .homeNav-item-4 .sub-item:before { border-color: var(--list-bullet-color-400); } .homeNav .homeNav-item-5 .sub-item:before { border-color: var(--list-bullet-color-500); } /* subnav */ .homeNav .subnav .sub-item { position: relative; } .homeNav .subnav .sub-item:not(:last-child) { margin-bottom: 8px; } /* .homeNav .sub-item:after { content: ''; position: absolute; width: 4px; height: 4px; background-color: var(--light-100); top: 12px; left: 2px; border-radius: 50%; z-index: 2; } */ .homeNav .subnav-link { /* display: inline-block; */ border-bottom: 1px solid transparent; font-size: 1.222em; transition: all .25s ease 0s; } .homeNav .homeNav-item-1 .subnav-link { color: var(--link-bg-color-100); ; } .homeNav .homeNav-item-2 .subnav-link { color: var(--link-bg-color-200); ; } .homeNav .homeNav-item-3 .subnav-link { color: var(--link-bg-color-300); ; } .homeNav .homeNav-item-4 .subnav-link { color: var(--link-bg-color-400); ; } .homeNav .homeNav-item-5 .subnav-link { color: var(--link-bg-color-500); ; } .homeNav .subnav-link:hover, .homeNav .subnav-link.focus { text-decoration: none; border-bottom: 1px solid #000000; } .homeNav .subnav .popupClose { position: absolute; display: block; width: 40px; height: 40px; right: -20px; top: -20px; border-radius: 50%; background-color: var(--light-100); } .homeNav .subnav .popupClose span { position: absolute; display: block; width: 32px; height: 32px; font-size: 0; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .25s ease 0s; } .homeNav .homeNav-item-1 .subnav .popupClose span { background-color: var(--list-bullet-color-100); } .homeNav .homeNav-item-2 .subnav .popupClose span { background-color: var(--list-bullet-color-200); } .homeNav .homeNav-item-3 .subnav .popupClose span { background-color: var(--list-bullet-color-300); } .homeNav .homeNav-item-4 .subnav .popupClose span { background-color: var(--list-bullet-color-400); } .homeNav .homeNav-item-5 .subnav .popupClose span { background-color: var(--list-bullet-color-500); } .homeNav .subnav .popupClose:hover span, .homeNav .subnav .popupClose.focus span { background-color: var(--yellow-100) !important; } .homeNav .subnav .popupClose span:before, .homeNav .subnav .popupClose span:after { content: ''; position: absolute; width: 60%; height: 3px; background-color: var(--light-100); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .homeNav .subnav .popupClose span:after { transform: translate(-50%, -50%) rotate(-45deg); } .swiper-controller { position: absolute; bottom: 30px; right: 30px; display: flex; align-items: center; } .btnPlay { display: inline-block; position: relative; min-width: 30px; height: 26px; text-indent: -9999px; /* bottom: 30px; */ /* right: 30px; */ z-index: 900; /* background-color: #f00; */ } .btnPlay:before, .btnPlay:after { position: absolute; width: 4px; height: 16px; background-color: #fff; content: ''; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: background-color .3s, border-color .3s; } .btnPlay.pause:before { border-bottom: 8px solid transparent; border-left: 12px solid #fff; border-top: 8px solid transparent; content: ""; background: none; height: 0; top: 50%; left: 50%; width: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); box-shadow: none; } .btnPlay.pause:before { border-left-color: #10593E; } .btnPlay.pause:after { display: none; } .btnPlay:before { left: 9px; } .btnPlay:after { right: 9px; } .btnPlay:not(.pause):before, .btnPlay:not(.pause):after { background-color: #10593E; } .swiper-controller .swiper-pagination { position: relative; display: flex; bottom: 0 !important; top: 0 !important; left: 0 !important; } .swiper-controller .swiper-pagination .swiper-pagination-bullet { height: 12px; width: 12px; background-color: rgba(0, 0, 0, 0.15); border: 2px solid #fff; opacity: 1; display: inline-block; margin: 0 9px !important; transition: all .25s ease 0s; } .swiper-controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #10593E; border-color: #10593E !important } .swiper-controller .swiper-pagination span { font-size: 0; } @keyframes arrowMove { 0% { right: 10px; } 100% { right: -10px; } } @keyframes titleMove { from { top: 4px; } to { top: -4px; } } @keyframes upanddown { 0% { transform: translateY(0); } 50% { transform: translateY(10px); } 100% { transform: translateY(0); } } @media screen and (max-width: 1299.98px) {} @media screen and (max-width: 1199.98px) { .float_btn { display: none; } .fixBtn { display: block; } .homeNav .homeNav-item:before { content: none; } .mobileHomeNav { display: block; opacity: 1; visibility: visible; } .homeNavWrapInner { padding: 20px 0; } .homeNavWrap .swiper { display: none; width: 60%; max-width: 300px; } .homeNavWrap .swiper-slide:not(.swiper-slide-active) { /* opacity: .5; */ background-color: rgba(255, 255, 255, .5); pointer-events: none; } .homeNavWrap .swiper-slide:not(.swiper-slide-active) .nav-link .icon, .homeNavWrap .swiper-slide:not(.swiper-slide-active) .nav-link .title { opacity: 0.5; } .homeNavWrap .swiper-slide:nth-child(1):not(.swiper-slide-active) .nav-link .step { background-color: #a4a1b2; } .homeNavWrap .swiper-slide:nth-child(2):not(.swiper-slide-active) .nav-link .step { background-color: #88aaa7; } .homeNavWrap .swiper-slide:nth-child(3):not(.swiper-slide-active) .nav-link .step { background-color: #90b087; } .homeNavWrap .swiper-slide:nth-child(4):not(.swiper-slide-active) .nav-link .step { background-color: #b3be94; } .homeNavWrap .swiper-slide:nth-child(5):not(.swiper-slide-active) .nav-link .step { background-color: #d9b1b2; } } @media screen and (max-width: 991.98px) { .imageWrap .slider.slider-1 { background-position: 40% 50%; } .swiper-button-prev { left: -35px !important; } .swiper-button-next { right: -35px !important; } } @media screen and (max-width: 767.98px) { .homeVisual { height: auto !important; min-height: inherit; aspect-ratio: 1; } .imageWrap .slider.slider-2 { /* background-image: url("../images/mainv-2-mobile.jpg") !important; */ background-color: #e7f0ed; background-size: contain; } .homeNav .nav-link { padding: 40px 0 20px; } .homeNav .nav-link .step { font-size: 1.25em; height: 60px; line-height: 50px; top: -30px; } .homeNav .nav-link .title { font-size: 1rem; } .mobileHomeNav .subnav:before { width: 75px; height: 75px; } } @media screen and (max-width: 573.98px) { /* .mobileHomeNav .subnav { padding: 0 80px 0 15px; } */ .mobileHomeNav .subnav:before { width: 65px; height: 65px; } }