@-webkit-keyframes ripple_2{0%{transform:scale(1)}75%{opacity:1;transform:scale(3)}to{opacity:0;transform:scale(4)}}@keyframes ripple_2{0%{transform:scale(1)}75%{opacity:1;transform:scale(3)}to{opacity:0;transform:scale(4)}}@-webkit-keyframes radiusChange{0%{border-radius:0 0 0 0}40%{border-radius:50px 0 100px 0}80%{border-radius:0 50px 0 100px}to{border-radius:0 0 0 0}}@keyframes radiusChange{0%{border-radius:0 0 0 0}40%{border-radius:50px 0 100px 0}80%{border-radius:0 50px 0 100px}to{border-radius:0 0 0 0}}@-webkit-keyframes radiusChange2{0%{border-radius:0 0 0 0}25%{border-radius:50px 0}50%{border-radius:0 0 0 0}75%{border-radius:0 50px}to{border-radius:50px 0}}@keyframes radiusChange2{0%{border-radius:0 0 0 0}25%{border-radius:50px 0}50%{border-radius:0 0 0 0}75%{border-radius:0 50px}to{border-radius:50px 0}}.hero-banner{-webkit-clip-path:polygon(0 0,100% 0,100% 92%,0 100%);clip-path:polygon(0 0,100% 0,100% 92%,0 100%);display:flex;flex-direction:column;justify-content:center;min-height:745px;position:relative;z-index:1}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner{-webkit-clip-path:polygon(0 0,100% 0,100% 92%,0 97%);clip-path:polygon(0 0,100% 0,100% 92%,0 97%)}}@media only screen and (max-width:479px){.hero-banner{-webkit-clip-path:none;clip-path:none;min-height:680px}}.hero-banner .banner-content{padding-bottom:30px;position:relative;z-index:999}.hero-banner .banner-content p{margin:0 auto 30px;width:70%}@media only screen and (max-width:479px){.hero-banner .banner-content p{font-size:16px!important;width:100%}}.hero-banner .banner-gallery{display:block;position:static}.hero-banner .banner-gallery .thumbnail{position:absolute}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .banner-gallery .thumbnail{width:17%}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-banner .banner-gallery .thumbnail{width:15%}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .banner-gallery .thumbnail{width:17%;z-index:-1}}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .banner-gallery .thumbnail{width:20%;z-index:-1}}.hero-banner .banner-gallery .thumbnail-1{right:120px;top:140px}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .banner-gallery .thumbnail-1{right:50px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-banner .banner-gallery .thumbnail-1{right:50px}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .banner-gallery .thumbnail-1{right:30px;top:92px}}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .banner-gallery .thumbnail-1{right:15px;top:92px}}.hero-banner .banner-gallery .thumbnail-1 img{-webkit-animation:radiusChange 8s linear infinite;animation:radiusChange 8s linear infinite;border-radius:0}.hero-banner .banner-gallery .thumbnail-2{left:120px;padding-top:0;top:100px}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .banner-gallery .thumbnail-2{left:50px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-banner .banner-gallery .thumbnail-2{left:30px}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .banner-gallery .thumbnail-2{left:30px;top:55px}}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .banner-gallery .thumbnail-2{left:15px;top:30px}}.hero-banner .banner-gallery .thumbnail-2 img{-webkit-animation:radiusChange2 5s linear;animation:radiusChange2 5s linear;border-radius:0 50px}.hero-banner .banner-gallery .thumbnail-3{bottom:160px;left:310px;padding-top:0}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .banner-gallery .thumbnail-3{bottom:235px;left:125px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-banner .banner-gallery .thumbnail-3{bottom:300px;left:70px}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .banner-gallery .thumbnail-3{left:15px}}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .banner-gallery .thumbnail-3{left:15px}}.hero-banner .banner-gallery .thumbnail-3 img{border-radius:40px 10px}.hero-banner .banner-gallery .online-support{bottom:160px;position:absolute;right:240px}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .banner-gallery .online-support{right:170px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-banner .banner-gallery .online-support{bottom:220px;right:50px}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .banner-gallery .online-support{right:15px}}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .banner-gallery .online-support{bottom:100px;right:10px}}.hero-banner .banner-gallery .online-support .inner{align-items:center;border-radius:50px 10px 50px 10px;box-shadow:0 20px 40px rgba(0,0,0,.1);display:flex;padding:30px}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .banner-gallery .online-support .inner{padding:18px}}.hero-banner .banner-gallery .online-support .inner .icon{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:15px;width:50px}.hero-banner .banner-gallery .online-support .inner .icon svg path{fill:currentColor;stroke:currentColor}.hero-banner .banner-gallery .online-support .inner .content span{display:block;margin-bottom:5px;text-transform:uppercase}.hero-banner .banner-gallery .online-support .inner .content h4{line-height:1;margin-bottom:0}.hero-banner .scroll-down-btn{bottom:-75px;left:50%;position:absolute;transform:translateX(-50%)}@media only screen and (max-width:479px){.hero-banner .scroll-down-btn{bottom:-10px;z-index:12}}.hero-banner .scroll-down-btn .scroll-btn{border-radius:50%;display:flex;height:200px;justify-content:center;position:relative;width:200px}.hero-banner .scroll-down-btn .scroll-btn:after,.hero-banner .scroll-down-btn .scroll-btn:before{border:1px solid #dfe7e9;border-radius:50%;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:var(--transition);z-index:-2}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .scroll-down-btn .scroll-btn:after,.hero-banner .scroll-down-btn .scroll-btn:before{display:none}}.hero-banner .scroll-down-btn .scroll-btn:after{-webkit-animation:ripple_2 3s linear 1s infinite;animation:ripple_2 3s linear 1s infinite}.hero-banner .scroll-down-btn .scroll-btn:before{-webkit-animation:ripple_2 3s linear infinite;animation:ripple_2 3s linear infinite}@media only screen and (max-width:479px){.hero-banner .scroll-down-btn .scroll-btn{align-items:center;background-color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);height:50px;width:50px}}.hero-banner .scroll-down-btn .scroll-btn svg{height:26px;margin-top:45px;width:26px}@media only screen and (max-width:479px){.hero-banner .scroll-down-btn .scroll-btn svg{height:16px;margin-top:0;padding-top:0;width:16px}}.hero-banner .scroll-down-btn .scroll-btn svg path{fill:currentColor;stroke:currentColor}.hero-banner .shape-group li{margin:0;position:absolute;z-index:-2}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .shape-group li{width:10%}}@media only screen and (max-width:479px){.hero-banner .shape-group li{width:10%}}.hero-banner .shape-group li.shape-1{left:88px;top:66px}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .shape-group li.shape-1{left:30px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-banner .shape-group li.shape-1{left:15px}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .shape-group li.shape-1{left:15px}}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .shape-group li.shape-1{left:15px}.hero-banner .shape-group li.shape-1 img{width:80px}}.hero-banner .shape-group li.shape-1 img{opacity:.5}.hero-banner .shape-group li.shape-2{left:24%;top:35px}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .shape-group li.shape-2{left:18%}}@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px) and (max-width:1199px){.hero-banner .shape-group li.shape-2{left:15%}}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .shape-group li.shape-2{left:22%}.hero-banner .shape-group li.shape-2 img{width:50px}}.hero-banner .shape-group li.shape-3{right:335px;top:85px}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .shape-group li.shape-3{right:235px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-banner .shape-group li.shape-3{right:175px}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .shape-group li.shape-3{right:150px}}@media only screen and (max-width:479px),only screen and (max-width:767px){.hero-banner .shape-group li.shape-3{right:120px}.hero-banner .shape-group li.shape-3 img{width:70px}}.hero-banner .shape-group li.shape-4{bottom:200px;right:130px}@media only screen and (min-width:1200px) and (max-width:1549px){.hero-banner .shape-group li.shape-4{right:50px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero-banner .shape-group li.shape-4{right:40px}}@media only screen and (min-width:768px) and (max-width:991px){.hero-banner .shape-group li.shape-4{right:20px}}@media only screen and (max-width:767px){.hero-banner .banner-content h1{font-size:26px!important}}