#side-nav[data-v-271a8612]{width:250px;height:100vh;position:fixed;top:0;background:#009688;z-index:2;transition:.5s}.hide-nav[data-v-271a8612]{right:-250px!important}.show-nav[data-v-271a8612]{right:0!important}nav[data-v-271a8612]{padding:20px 5px 0}nav ul[data-v-271a8612]{padding-left:10px;margin-top:80px}nav ul li[data-v-271a8612]{list-style:none;margin:20px 10px;padding:10px 0;border-radius:10px;text-align:left}nav ul li .router-link[data-v-271a8612]{padding-left:25px;text-decoration:none;color:#fff}nav ul li[data-v-271a8612]:hover{background-color:#42e4d4}#menu-btn[data-v-271a8612]{width:50px;height:50px;background:#009688;display:flex;align-items:center;justify-content:center;right:30px;top:20px;border-radius:5px;z-index:3;cursor:pointer;position:fixed}#menu-btn i[data-v-271a8612]{color:#fff;font-size:20px;font-weight:500}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}#feature[data-v-2d656ea4]{width:100%;padding:70px 0}.title-text[data-v-2d656ea4]{text-align:center;padding-bottom:70px}.title-text p[data-v-2d656ea4]{margin:auto;font-size:20px;color:#009688;font-weight:700;position:relative;z-index:1;display:inline-block}.title-text p[data-v-2d656ea4]:after{content:"";width:80%;height:35px;background:linear-gradient(#019587,#fff);position:absolute;top:-25px;left:-10px;z-index:-1;transform:rotate(-10deg);border-top-left-radius:25px;border-top-right-radius:5px}.title-text h1[data-v-2d656ea4]{font-size:50px}.feature-box[data-v-2d656ea4]{width:85%;margin:auto;display:flex;flex-wrap:wrap;align-items:center;text-align:center}.features[data-v-2d656ea4]{flex-basis:60%}.features-img[data-v-2d656ea4]{flex-basis:40%;margin:auto}.features-img img[data-v-2d656ea4]{width:80%;border-radius:10px}.features h1[data-v-2d656ea4]{text-align:left;margin-bottom:10px;font-weight:400;color:#009688}.features-desc[data-v-2d656ea4]{display:flex;align-items:center;margin-bottom:20px}.features-icon .bx[data-v-2d656ea4]{width:50px;height:50px;font-size:30px;line-height:50px;border-radius:8px;color:#009688;border:1px solid #009688}.features-text[data-v-2d656ea4]{padding:0 20px;display:inline-block;text-align:start}.main-topic[data-v-2d656ea4]{font-size:28px;font-weight:600;line-height:42px;color:#009688;margin-bottom:10px}.sub-topic[data-v-2d656ea4]{font-size:20px;font-weight:400;margin-bottom:15px}.list-topic[data-v-2d656ea4]{margin-left:10px}.list-topic ul li[data-v-2d656ea4]{list-style:none;display:flex;align-items:center}.list-topic ul li i[data-v-2d656ea4]{margin-right:5px;color:#009688}@media screen and (max-width:770px){.main-topic[data-v-2d656ea4]{font-size:25px}.sub-topic[data-v-2d656ea4]{font-size:18px}.title-text h1[data-v-2d656ea4]{font-size:35px}.features-img[data-v-2d656ea4],.features[data-v-2d656ea4]{flex-basis:100%}.features-img img[data-v-2d656ea4]{width:100%}.features-desc[data-v-2d656ea4]{align-items:flex-start;margin-bottom:30px}}#products{width:100%;padding:70px 0;background:#efefef}.title-text{text-align:center;padding-bottom:70px}.title-text p{margin:auto;font-size:20px;color:#009688;font-weight:700;position:relative;z-index:1;display:inline-block}.title-text p:after{content:"";width:80%;height:35px;background:linear-gradient(#019587,#fff);position:absolute;top:-25px;left:-10px;z-index:-1;transform:rotate(-10deg);border-top-left-radius:25px;border-top-right-radius:5px}.title-text h1{font-size:50px}.product-box{width:80%;display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto}.single-product{flex-basis:48%;text-align:center;border-radius:7px;margin-bottom:20px;color:#fff;position:relative}.overlay,.single-product img{width:100%;border-radius:7px}.overlay{height:100%;position:absolute;top:0;cursor:pointer;background:linear-gradient(rgba(0,0,0,.75),#009688);opacity:0;transition:1s}.single-product:hover .overlay{opacity:1}.product-desc{width:80%;position:absolute;bottom:0;left:50%;opacity:0;transform:translateX(-50%);transition:1s}hr{background:#fff;height:2px;border:0;margin:15px auto!important;width:60%}.product-desc p{font-size:14px;margin-bottom:15px}.single-product:hover .product-desc{bottom:40%;opacity:1}.product-desc .router-link,.product-desc a{text-decoration:none;font-size:12px;color:#fff;border:1px solid #fff;padding:0 5px;border-radius:7px}@media screen and (max-width:770px){.single-product{flex-basis:100%;margin-bottom:30px}.product-desc p{font-size:12px}hr{margin:5px auto}.single-product .product-desc{bottom:25%!important;opacity:1}.overlay{opacity:1}}#footer{width:100%;padding:100px 0 20px}.footer-row{width:80%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}.footer-left,.footer-right{flex-basis:45%;padding:10px;margin-bottom:20px}.footer-left{text-align:left}.footer-right{text-align:right}.footer-row h1{margin:10px 0}.footer-row p{line-height:35px}.footer-left .bx,.footer-right .bx{font-size:20px;color:#009688;margin:10px}.social-links{text-align:center}.social-links .bi,.social-links i{height:40px;width:40px;font-size:20px;line-height:40px;border:1px solid #009688;margin:40px 5px 0;color:#009688;cursor:pointer;transition:.5s}.social-links .bx:hover{background:#009688;color:#fff;transform:translateY(-7px)}.social-links p{font-size:12px;margin-top:20px;font-weight:400}@media screen and (max-width:770px){.footer-left,.footer-right{flex-basis:100%}}#banner{width:100%;height:100vh;background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),url(/img/bg1.56c417df.jpg);background-size:cover;background-position:50%}.logo{width:140px;position:absolute;top:4%;left:10%;cursor:pointer}.banner-text{display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;padding-top:180px}.banner-text h1{align-self:center;width:50%;font-size:35px;margin-top:80px}.banner-text p{align-self:center;width:60%;font-size:20px;font-family:sans-serif;margin:20px auto;font-weight:100;line-height:30px}.banner-btn{margin:70px auto 0}.banner-btn a{width:150px;text-decoration:none;display:inline-block;margin:0 10px;padding:12px 0;color:#fff!important;border:.5px solid #009688;border-radius:25px;position:relative;z-index:1}.banner-btn a span{background:#009688;height:100%;width:0;border-radius:25px;position:absolute;left:0;bottom:0;z-index:-1;transition:.5s}.banner-btn a:hover span{width:100%}.banner-btn a:hover{border:none}@media screen and (max-width:770px){#banner{height:100%}.banner-text{padding-top:70px}.banner-text h1{font-size:20px;margin-top:50px}.banner-text p{font-size:12px;margin:5px auto}.banner-btn{margin:0 auto 30px}.banner-btn a{display:block;margin:20px auto}#menu-btn{width:35px;height:35px;top:25px}}