header{min-height:70px;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;background-color:#00a9ff}header .logo{color:#000;flex:1 1;padding:10px}header a{margin-right:1rem;text-transform:uppercase;color:#000}header ul li{display:inline-block;opacity:.7;padding:0 20px}header ul li:hover{opacity:1}.menu{display:none}.cart-icon{position:relative;margin-right:20px}.cart-icon span{background:#dc143c;border-radius:20px;color:#fff;position:absolute;top:-10px;right:-10px;padding:5px 7px;font-size:10px}.product_card{background-color:#fff;max-width:100%;display:flex;overflow:hidden;height:auto;padding:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:10px 2rem;position:relative;border-radius:10px;transition:box-shadow .3s ease;box-shadow:0 8px 16px rgba(0,0,0,.2)}.product_card:hover{box-shadow:0 8px 46px rgba(0,0,0,.2)}.product_card img{margin-right:1rem;width:150px;height:auto;object-fit:cover}.product_box{flex:1 1}.product_box h2{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:capitalize;cursor:pointer;color:#323232}.product_card h4{color:#dc143c}.product_box p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;overflow:hidden;color:#323232;margin-right:1rem}.row_btn{margin-top:10px;display:flex;flex-direction:column;padding:1rem}.row_btn a{text-align:center;text-transform:uppercase;color:#fff;font-weight:600;letter-spacing:2px;padding:10px;border-radius:15px;margin-left:10px}#btn_buy{background:#32a232;margin:.5rem}#btn_view{background:#ef787c;margin:.5rem}.product_card input{position:absolute;width:20px;height:20px;top:10px;right:10px}.products{width:100%;display:flex;flex-direction:column;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;margin:20px 0}.delete-all{text-align:right;margin:20px}.delete-all input{height:25px;width:25px;transform:translateY(5px);margin:0 15px}.delete-all span{text-transform:uppercase;color:#03a5ce;letter-spacing:1.3px}.delete-all button{border:1px solid #dc143c;padding:10px 25px;color:#dc143c;text-transform:uppercase}.filter_menu{width:100%;min-height:40px;font-size:18px;overflow:hidden;display:flex;background:transparent;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:15px 0 15px 2px}.filter_menu select,input{border:2px solid #7d757d;font-size:15px;margin-left:3px;font-family:sans-serif;text-align:center;outline:none;height:30px;padding:0 5px}.filter_menu input{flex:1 1;margin:0 10px}.load_more{text-align:center}.load_more button{padding:10px 25px;margin-bottom:20px;background:#800004;color:#fff;font-size:15px;font-family:sans-serif;border:1px solid #555;border-radius:9px;text-transform:capitalize}.detail{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;padding:50px;font-size:1.5rem}.detail img{max-width:100%;margin:20px;height:450px;object-fit:cover;display:block}.box-detail{max-width:500px;width:100%;margin:20px;background-color:#f7f7f7;border-radius:10px;padding:20px;box-shadow:0 0 20px rgba(0,0,0,.1)}.box-detail .row{display:flex;justify-content:space-between;align-items:center}.box-detail h2{text-transform:uppercase;color:#ff6f61;letter-spacing:2px;font-weight:700;font-size:2.5rem;margin-bottom:10px}.box-detail p{line-height:1.6;margin:10px 0;opacity:.8;color:#3b3b3b}.box-detail span{color:#ff6f61}.box-detail .cart{background:#333;color:#fff;margin-top:15px;padding:15px 30px;display:inline-block;text-transform:uppercase;letter-spacing:2px;border:none;cursor:pointer;font-size:1.4rem;border-radius:5px;transition:background .3s ease}.box-detail .cart:hover{background:#ff6f61}h2{margin-bottom:20px;font-size:3rem;color:#d0e6f0}.section-heading{margin-top:20px}.section-heading h3{font-size:2rem;color:#ff6f61;margin-bottom:10px}.login-container{max-width:500px;flex:1 1;border-radius:5px;padding:30px;background-color:#abd6fb;margin:50px 20px}.image-container{flex:1 1;display:flex;justify-content:center;align-items:center}img{max-width:100px;max-height:100px}.login-page h2{text-transform:uppercase;letter-spacing:3px;color:rgba(76,9,211,.705)}.login-page form button,.login-page form input{width:100%;height:40px;margin:10px 0;padding:0 5px;outline:#610191}.login-page form .row{display:flex;justify-content:space-between;align-items:center}.login-page form button{width:150px;background:#6f03ce;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:5px}.login-page form a{color:purple;letter-spacing:1px;text-transform:uppercase}.login-page{height:100vh}.cus-image-container,.login-page{display:flex;justify-content:center;align-items:center}.cus-image-container{flex:1 1;margin-right:20px}img{max-width:60%;max-height:60%;border-radius:8px}form{max-width:500px;border-radius:5px;padding:30px;background-color:#abd6fb;margin:50px 0}.row{display:flex;justify-content:space-between;margin-top:10px}.cart{position:relative;border-radius:10px;transform:scaleY(.98)}.amount span{color:#000;padding:0 20px}.amount button{width:40px;height:40px;border-radius:15px;background-color:#000;color:#f6f3f3;font-size:20px;border:1px solid #777}.delete{position:absolute;top:0;right:5px;color:#dc143c;font-weight:900;cursor:pointer}.total{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between}.total h3{margin-left:20px;color:#3934db}.payment{background:#3498db;background-image:linear-gradient(180deg,#3498db,#2980b9);border-radius:28px;box-shadow:0 1px 3px #666;font-family:Arial;margin-right:20px;color:#fff;font-size:18px;padding:11px 20px 10px;text-decoration:none}.payment:hover{background:#f59920;background-image:linear-gradient(180deg,#f59920,#f2b809);text-decoration:none}.history-page{color:#f0f8ff;overflow-x:auto}.history-page h2{color:#8b008b;font-size:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.history-page h2,.history-page h4{text-align:center;margin:20px;text-transform:uppercase;letter-spacing:1.2px}.history-page h4{color:#8a2be2;font-size:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.history-page table{color:#f0f8ff;width:100%;margin:10px auto auto}.history-page table,td,th,tr{color:#f0f8ff;border:1px solid #333232;border-collapse:collapse}td,th{color:#000;text-align:center;padding:15px;text-transform:capitalize}table a{color:#03a5ce;text-decoration:none;font-weight:700}.history-page img{width:80px;height:120px;object-fit:cover;border-radius:10px}.earnings-table h3{margin-top:10px;margin-bottom:8px;text-align:center;color:#8a2be2;font-size:2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.earnings-table{margin-top:30px}.categories{max-width:700px;display:flex;flex-direction:column;justify-content:space-around;margin:30px auto}.categories form{width:290px;margin-bottom:20px;align-self:center}.categories label{display:block;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.categories input,button{height:35px;outline:none;border:none;border-bottom:1px solid #555}.categories input{width:210px}.categories button{width:70px;background:#555;border-radius:9px;color:#fff;margin-left:10px}.categories .row{max-width:400px;display:flex;justify-content:space-between;align-items:center;padding:10px;margin-left:145px;margin-bottom:10px;border:1px solid #000}.create_product{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.upload{max-width:450px;height:500px;border:1px solid #ddd;padding:15px;margin:20px}#file_up,.upload{width:100%;position:relative}#file_up{height:100%;outline:none}#file_up:before{content:"+";color:#fac86b;font-size:5rem;text-align:center;cursor:pointer}#file_img,#file_up:before{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;display:flex;align-items:center;justify-content:center}#file_img{border:1px solid #ddd;overflow:hidden}#file_img img{width:100%;height:100%;object-fit:cover}#file_img span{position:absolute;top:-13px;right:-13px;background:#fff;border:1px solid #ddd;border-radius:50%;padding:6px 10px;cursor:pointer;font-weight:900;color:#dc143c}.create_product form{max-width:500px;min-width:290px;width:100%;margin:15px 30px;display:flex;flex-direction:column}.create_product form label{color:#333;font-size:1rem;margin-bottom:5px}.create_product form .row{width:100%;margin:15px 0;display:flex;flex-direction:column}.create_product form input,.create_product form textarea{width:100%;min-height:40px;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px}.create_product form button{width:200px;height:40px;background:#4caf50;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:700;cursor:pointer;border:none;border-radius:5px;transition:background .3s ease}.create_product form button:hover{background:#45a049}*{padding:0;box-sizing:border-box;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{max-width:100%;min-height:100vh;margin:0 auto;padding:0;box-shadow:0 0 35px #eee;background-color:#d7e9f9}a{text-decoration:none}ul li{list-style:none}button{border:none;outline:none;background:transparent;cursor:pointer}@media (max-width:820px){header .logo{min-width:115px;flex:none}header ul{padding:10px 0}}@media (max-width:720px){header ul{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;opacity:.98;z-index:99;transition:.5s ease-in}header .menu{display:block;cursor:pointer}header ul li .menu{position:absolute;top:20px;right:20px}header{justify-content:space-between}}@media (max-width:570px){.filter_menu .row span{display:none}}@media (max-width:500px){.App{padding:0 10px}.detail{font-size:100%;padding:0}.filter_menu input{margin:0}.filter_menu .sort{flex:1 1}.filter_menu .sort select{width:100%;min-width:290px;margin:5px 0}.login-page{padding:30px 15px}.create_product .upload,.delete-all{margin:20px 0}}bodY{margin:0;padding:0;box-sizing:border-box}.center{height:100vh;display:flex;justify-content:center;align-items:center;background:none}.wave{width:5px;height:100px;background:linear-gradient(45deg,#000dff,#0ff);margin:10px;-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;border-radius:20px}.wave:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.wave:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.wave:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.wave:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.wave:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.wave:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.wave:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.wave:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.wave:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes wave{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@keyframes wave{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}body,html{font-family:"Open Sans",sans-serif;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;color:#777;font-weight:400;width:100%!important;height:100%!important}h2,h3,h4{font-family:"Raleway",sans-serif}h2{text-transform:uppercase;margin:0 0 20px;font-weight:800;font-size:36px;color:#333}h3{font-size:20px}h3,h4{font-weight:600;color:#333}h4{font-size:18px}h5{text-transform:uppercase;font-weight:700;line-height:20px}p{font-size:15px}p.intro{margin:12px 0 0;line-height:24px}a{color:#608dfd;font-weight:400}a:focus,a:hover{text-decoration:none;color:#fff}ol,ul{list-style:none;padding:0;webkit-padding:0;moz-padding:0}hr{height:2px;width:70px;text-align:center;position:relative;background:#1e7a46;margin-bottom:20px;border:0}#menu{padding:15px;transition:all .8s}#menu.navbar-default{background-color:#fff;border-color:hsla(0,0%,90.6%,0);box-shadow:0 0 10px rgba(0,0,0,.15)}#menu a.navbar-brand{font-family:"Raleway",sans-serif;font-size:24px;font-weight:700;color:#333;text-transform:uppercase}#menu.navbar-default .navbar-nav>li>a{font-family:"Lato",sans-serif;text-transform:uppercase;color:#555;font-size:15px;font-weight:400;padding:8px 2px;border-radius:0;margin:9px 20px 0}#menu.navbar-default .navbar-nav>li>a:after{display:block;position:absolute;left:0;bottom:-1px;width:0;height:2px;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);content:"";transition:width .2s}#menu.navbar-default .navbar-nav>li>a:hover:after{width:100%}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:transparent}.navbar-default .navbar-nav>.active>a:after,.navbar-default .navbar-nav>.active>a:focus:after,.navbar-default .navbar-nav>.active>a:hover:after{display:block!important;position:absolute!important;left:0!important;bottom:-1px!important;width:100%!important;height:2px!important;background:linear-gradient(90deg,#6372ff 0,#5ca9fb)!important;content:""!important;transition:width .2s!important}.navbar-toggle{border-radius:0}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff;border-color:#608dfd}.navbar-default .navbar-toggle:hover>.icon-bar{background-color:#608dfd}.section-title{margin-bottom:70px}.section-title h2{position:relative;text-align:center;margin-top:10px;margin-bottom:15px;padding-bottom:15px}.section-title h2:after{position:absolute;content:"";background:linear-gradient(90deg,#5ca9fb 0,#6372ff);height:4px;width:60px;bottom:0;margin-left:-30px;left:50%}.section-title p{text-align:center;font-size:18px}.btn-custom{font-family:"Raleway",sans-serif;text-transform:uppercase;color:#fff;background-color:#5ca9fb;background-image:linear-gradient(90deg,#5ca9fb 0,#6372ff);padding:14px 34px;letter-spacing:1px;margin:0;font-size:15px;font-weight:500;border-radius:25px;transition:all .5s linear;border:0}.btn-custom.active,.btn-custom.focus,.btn-custom:active,.btn-custom:focus,.btn-custom:hover{color:#fff;background-image:none;background-color:#6372ff}.btn.active,.btn:active{background-image:none;outline:0;box-shadow:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,a:focus{outline:none;outline-offset:none}.intro{display:table;width:100%;padding:0;background:url(/static/media/intro1.52443656.jpg) 50% no-repeat;background-color:#000;background-size:cover;-o-background-size:cover}.intro .overlay{margin-top:-15px;background:rgba(0,0,0,.65)}.intro h1{font-family:"Raleway",sans-serif;color:#c02c67;font-size:82px;font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:10px;text-shadow:5px 5px 5px #ddd}.intro h1 span{font-weight:800;color:#5ca9fb}.intro p{color:#fff;font-size:22px;font-weight:300;line-height:30px;margin:0 auto 60px}header .intro-text{padding-top:350px;padding-bottom:200px;text-align:center}#features{background:#f6f6f6}#features .feature_icon{text-align:center}#features i.fa{font-size:38px;margin-bottom:20px;transition:all .5s;color:#fff;width:100px;height:100px;padding:30px 0;border-radius:50%;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);box-shadow:10px 10px 10px rgba(0,0,0,.05)}#about{padding:90px 0}#about h3{font-size:22px;margin-left:25px}#about h2{position:relative;margin-bottom:15px;padding-bottom:15px;text-align:center}#about h2:after{position:absolute;content:"";background:linear-gradient(#5ca9fb,#6372ff);height:4px;width:100px;bottom:0;left:50%;transform:translateX(-50%)}#about .about-text li{margin-bottom:6px;margin-left:25px;list-style:none;padding:0;color:#000}#about .about-text li:before{content:"\f00c";font-family:"FontAwesome";font-size:11px;font-weight:300;padding-right:8px;color:#000}#about img{width:1000px;margin-top:70px;margin-right:20px;height:100%;border-right:0;box-shadow:0 0 50px rgba(0,0,0,.06)}#about p{line-height:24px;margin:30px 0 30px 25px;color:#000}#services{padding:100px 0;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);color:#fff}#services .service-desc{margin:10px 10px 20px}#services h2{color:#fff}#services .section-title h2:after{position:absolute;content:"";background:hsla(0,0%,100%,.3);height:4px;width:60px;bottom:0;margin-left:-30px;left:50%}#services .service-icon{text-align:center}#services i.fa{font-size:42px;width:120px;height:120px;padding:40px 0;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);border-radius:50%;color:#fff;box-shadow:10px 10px 10px rgba(0,0,0,.05)}#services h3{font-weight:500;padding:5px 0;color:#fff;margin-top:1.5rem;margin-left:3rem}#services p{color:hsla(0,0%,100%,.75);margin-left:3rem;margin-right:3rem}#services .service-desc{margin-bottom:40px}#portfolio{padding:100px 0}.portfolio-item{margin:1px -15px 0 -14px;padding:0}.portfolio-item .hover-bg{overflow:hidden;position:relative;margin:0}.hover-bg .hover-text{position:absolute;text-align:center;margin:0 auto;color:#fff;background:linear-gradient(90deg,rgba(99,114,255,.8) 0,rgba(92,169,251,.8));padding:30% 0 0;height:100%;width:100%;opacity:0;transition:all .5s}.hover-bg .hover-text>h4{opacity:0;color:#fff;transform:translateY(100%);transition:all .3s;font-size:18px;letter-spacing:1px;font-weight:500;text-transform:uppercase}.hover-bg:hover .hover-text>h4{opacity:1;-webkit-backface-visibility:hidden;transform:translateY(0)}.hover-bg:hover .hover-text{opacity:1}#testimonials{padding:100px 0;background:#f6f6f6}#testimonials i{color:#e6e6e6;font-size:32px;margin-bottom:20px}.testimonial{position:relative;padding:20px}.testimonial-image{float:left;margin-right:5px}.testimonial-image,.testimonial-image img{display:block;width:240px;height:240px;border-radius:50%}.testimonial-content{text-align:center;position:relative;overflow:hidden}.testimonial-content p{margin-bottom:0;font-size:14px;font-style:italic}.testimonial-meta{margin-top:10px;font-size:15px;font-weight:600;color:#666}#team{padding:100px 0}#team h2{margin-bottom:50px;text-align:center}.team-members{display:flex;flex-wrap:wrap;justify-content:center}.team-member{margin:15px}.thumbnail{text-align:center}.team-img{width:200px;height:200px;margin-left:2rem;max-width:300px;border-radius:50%}.team-member h4{margin-top:20px}.team-member p{text-align:center;color:#888}#contact{padding:100px 0 60px;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);color:hsla(0,0%,100%,.75)}#contact .section-title{margin-bottom:40px}#contact .section-title p{font-size:16px}#contact h2{color:#fff;margin-top:10px;margin-bottom:15px;padding-bottom:15px}#contact .section-title h2:after{position:absolute;content:"";background:hsla(0,0%,100%,.3);height:4px;width:60px;bottom:0;left:30px}#contact h3{color:#fff;margin-top:80px;margin-bottom:25px;padding-bottom:20px;font-weight:400}#contact form{padding-top:20px}#contact .text-danger{color:#c03;text-align:left}#contact .btn-custom{margin:30px 0;background:transparent;border:2px solid #fff}#contact .btn-custom:hover{color:#1f386e;background:#fff}label{font-size:12px;font-weight:400;font-family:"Open Sans",sans-serif;float:left}#contact .form-control{display:block;width:100%;padding:6px 12px;font-size:16px;line-height:1.42857143;color:#444;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:0;box-shadow:none;transition:none}#contact .form-control:focus{border-color:#999;outline:0;box-shadow:transparent}.form-control::-webkit-input-placeholder{color:#777}.form-control:-moz-placeholder,.form-control::-moz-placeholder{color:#777}.form-control:-ms-input-placeholder{color:#777}#contact .contact-item{margin:20px 0}#contact .contact-item span{color:#fff;margin-bottom:10px;display:block}#contact .contact-item i.fa{margin-right:10px}#contact .social{border-top:1px solid hsla(0,0%,100%,.15);padding-top:50px;margin-top:50px;text-align:center}#contact .social ul li{display:inline-block;margin:0 20px}#contact .social i.fa{font-size:22px;width:48px;height:48px;padding:12px 0;border:2px solid #fff;color:#fff;border-radius:50%;transition:all .3s}#contact .social i.fa:hover{color:#608dfd;background:#fff}#footer{background:#f6f6f6;padding:30px 0}#footer p{color:#888;font-size:14px}#footer a{color:#608dfd}#footer a:hover{border-bottom:2px solid #608dfd}@media (max-width:768px){#about img{margin:50px 0}}@media screen and (max-width:400px){#features{padding:20px}#about,#contact,#features,#footer,#services,#team,#testimonials{width:111%}#portfolio{width:110%}}
/*# sourceMappingURL=main.8534e1ca.chunk.css.map */