header{min-height:70px;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;border-bottom:1px solid #ddd}header .logo{flex:1 1}header .logo img{width:60px}header a{text-transform:uppercase;color:#555}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}footer{width:100%;bottom:0;left:0;background:#555}footer .content{max-width:1350px;margin:auto;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between}a,footer .content p{color:#fff}footer .content .box{width:33%;transition:all .4s ease}footer .content .topic{font-size:22px;font-weight:600;color:#fff;margin-bottom:16px}footer .content p{text-align:justify}footer .content .lower .topic{margin:24px 0 5px}footer .content .lower i{padding-right:16px}footer .content .middle{padding-left:80px}footer .content .middle a{line-height:32px}footer .content .right input[type=text]{height:45px;width:100%;outline:none;color:#d9d9d9;background:#555;border-radius:5px;padding-left:10px;font-size:17px;border:2px solid #222}footer .content .right input[type=submit]{height:42px;width:100%;font-size:18px;color:#d9d9d9;background:teal;outline:none;border-radius:5px;letter-spacing:1px;cursor:pointer;margin-top:12px;border:2px solid teal;transition:all .3s ease-in-out}.content .right input[type=submit]:hover{background:none;color:teal}footer .content .media-icons a{font-size:16px;height:45px;width:45px;display:inline-block;text-align:center;line-height:43px;border-radius:5px;border:2px solid #222;margin:30px 5px 0 0;transition:all .3s ease}.content .media-icons a:hover{border-color:teal}footer .bottom{width:100%;text-align:right;color:#d9d9d9;padding:0 40px 5px 0}footer .bottom a{color:teal}footer a{transition:all .3s ease}footer a:hover{color:teal}@media (max-width:1100px){footer .content .middle{padding-left:50px}}@media (max-width:950px){footer .content .box{width:50%}.content .right{margin-top:40px}}@media (max-width:560px){footer{position:relative}footer .content .box{width:100%;margin-top:30px}footer .content .middle{padding-left:0}}.product_card{max-width:300px;overflow:hidden;height:500px;padding:15px;box-shadow:0 0 15px #ddd;margin:10px 0;position:relative}.product_card img{width:100%;height:300px;display:block;object-fit:cover}.product_box h2{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:capitalize;cursor:pointer;color:#323232}.product_card span{color:#dc143c;font-size:18px}.product_card .sale{text-decoration:line-through;float:right;color:#000}.product_card .sale_procent{position:absolute;top:30px;right:30px;border:1px solid #cc2128;font-size:15px;font-weight:700;color:#fff;background-color:#cc2128;padding:5px;border-radius:10%}.product_box p{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:70px;overflow:hidden;color:#323232}.product_card input{position:absolute;width:25px;height:25px}.products{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;margin:20px 0}.filter_menu{width:100%;min-height:40px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:15px 0;font-weight:700}.filter_menu select,input{border:1px solid #ccc;outline:none;height:40px;padding:0 5px;margin-right:10px}.filter_menu input{flex:1 1;margin:0 10px}.load_more{text-align:center}.load_more button{padding:10px 25px;margin-bottom:20px;border:1px solid #555;text-transform:capitalize}.banner_card{max-width:600px;overflow:hidden;height:500px;padding:15px;box-shadow:0 0 15px #ddd;margin:10px;position:relative;display:inline-block}.banner_card img{width:100%;height:300px;display:block;object-fit:cover}.banner_box h2{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:capitalize;cursor:pointer;color:#323232}.banner_card span{color:#dc143c;font-size:18px}.banner_box p{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:70px;overflow:hidden;color:#323232}.row_btn{width:100%;margin-top:10px;display:flex;justify-content:space-between}.row_btn a{width:50%;text-align:center;text-transform:uppercase;color:#fff;font-weight:600;letter-spacing:2px;padding:6px}#btn_buy{background:#555;margin-right:5px}#btn_view{background:teal;margin-left:5px}.banner_card input{position:absolute;width:25px;height:25px}.banners{width:100%;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;-webkit-transform:translateY(5px);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}.detail{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;padding:50px;font-size:150%}.img-detail{width:40%;border:1px solid #9a9a9a}.detail img{max-width:300px;width:100%;margin:20px;height:300px;object-fit:cover}.detail img:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.box-detail{width:55%;margin:5px 20px}.div-new{color:red;position:absolute;top:8px;left:16px;font-weight:700;font-family:Arial,Helvetica,sans-serif;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 10px 0 #ccc,0 11px 0 #ccc,0 12px 0 #ccc,0 20px 30px rgba(0,0,0,.5)}.box-detail .row{display:flex;justify-content:space-between;align-items:center}.box-detail h2{text-transform:uppercase;color:#00008b;letter-spacing:2px;font-weight:2rem}.box-detail p{line-height:1.5;margin:10px 0;opacity:.8}.box-detail .cart{background:#333;color:#fff;margin-top:10px;padding:10px 25px;display:inline-block;text-transform:uppercase;letter-spacing:2px}.detail .box-detail button{width:30px;height:30px;border:1px solid #333;outline:none;margin-right:5px;cursor:pointer}.detail .box-detail>p .sizes{display:inline-block;margin-left:10px}.detail .box-detail>p .sizes>select{width:70px;border:2px solid #000;font-size:17px;font-weight:700}.detail .box-detail>p .sizes>select>option{font-size:17px;font-weight:700}@media (max-width:1600px){.detail img{max-width:300px;width:100%;margin:10px;height:300px;object-fit:cover}.box-detail{width:45%;margin:5px 20px}.img-detail{width:50%;border:1px solid #9a9a9a}}@media (max-width:1400px){.detail img{max-width:250px}}@media (max-width:1229px){.detail img{max-width:200px}}@media (max-width:1059px){.detail img{max-width:300px}.img-detail{width:80%;border:1px solid #9a9a9a}}@media (max-width:955px){.detail img{max-width:300px}.img-detail{width:100%;border:1px}}@media (max-width:789px){.detail img{max-width:200px}.img-detail{width:100%;border:1px solid}}@media (max-width:500px){.detail img{max-width:300px}.img-detail{width:100%;border:1px solid}}.login-page{max-width:500px;border:2px solid #03a5ce;border-radius:5px;padding:30px;margin:50px auto}.login-page h2{text-transform:uppercase;letter-spacing:2px;color:#555}.login-page form button,.login-page form input{width:100%;height:40px;margin:10px 0;padding:0 5px;outline:#03a5ce;border:1px solid #03a5ce}.login-page form .row{display:flex;justify-content:space-between;align-items:center}.login-page form button{width:150px;background:#03a5ce;color:#fff;text-transform:uppercase;letter-spacing:2px}.login-page form a{color:orange;letter-spacing:1.3px;text-transform:uppercase}.cart{position:relative;border:1px solid #ccc;-webkit-transform:scaleY(.98);transform:scaleY(.98)}.amount span{color:#dc143c;padding:0 20px}.amount button{width:40px;height:40px;border:1px solid #777}.color{width:30px;height:30px;border:1px solid #333;outline:none;margin-left:10px;cursor:pointer;display:inline-block}form{width:100%}.input_buy,form{text-align:center}.input_buy{width:20%;margin-bottom:10px;text-transform:uppercase;background-color:teal;cursor:pointer;color:#fff;font-weight:600;letter-spacing:2px;padding:6px}.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{color:#dc143c}@media (max-width:720px){.input_buy{width:100%}}.contact{position:relative;min-height:100vh;padding:30px 100px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-size:cover;background-color:#fff}.contact .content{max-width:800px;text-align:center}.contact .content h2{font-size:36px;font-weight:500;color:#555;margin-bottom:20px}.contact .content p{font-weight:300;color:#000}.container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:30px}.container .contactInfo{width:50%;display:flex;flex-direction:column}.container .contactInfo .box{position:relative;padding:20px 0;display:flex}.container .contactInfo .box .icon{min-width:60px;height:60px;background:grey;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:22px}.container .contactInfo .box .text h3{display:flex;margin-left:20px;font-size:16px;color:#555;font-weight:500}.container .contactInfo .box .text p{display:flex;margin-left:20px;font-size:16px;color:#080707;font-weight:300}.contactForm{width:40%;padding:40px;background:#fff}.contactForm h2{font-size:30px;color:#333;font-weight:500}.contactForm .inputBox{position:relative;width:100%;margin-top:10px}.contactForm .inputBox input,.contactForm .inputBox textarea{width:100%;padding:5px 0;font-size:16px;margin:10px 0;border:none;border-bottom:2px solid #333;outline:none;resize:none}.contactForm .inputBox span{position:absolute;left:0;padding:5px 0;font-size:16px;margin:10px 0;pointer-events:none;transition:.5s;color:#666}.contactForm .inputBox input:focus~span,.contactForm .inputBox input:valid~span,.contactForm .inputBox textarea:focus~span,.contactForm .inputBox textarea:valid~span{color:red;font-size:12px;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.contactForm .inputBox input[type=submit]{width:100px;background:#00bcd4;color:#fff;border:none;cursor:pointer;padding:10px;font-size:18px}@media screen and (max-width:1541px){.iframe{max-width:1300px}}@media screen and (max-width:1373px){.iframe{max-width:1100px}.contactForm h2{font-size:20px}.container .contactInfo{width:39%}.contactForm{width:60%}}@media screen and (max-width:1175px){.iframe{max-width:900px}.contact{padding:20px 40px}}@media screen and (max-width:977px){.iframe{max-width:650px;max-height:250px}.container .contactInfo{width:100%;display:block}.container .contactInfo .box .icon{min-width:40px;height:40px;font-size:15px}.container .contactInfo .box .text p{margin-left:20px;font-size:14px;font-weight:200}.contactForm{padding:15px}.contactForm,.container{width:100%;display:block}.contact{padding:5px}}@media screen and (max-width:768px){.iframe{max-width:300px;max-height:130px}}.categories{max-width:700px;display:flex;flex-wrap:wrap;justify-content:space-around;margin:30px auto}.categories form{width:290px;margin-bottom:20px}.categories label{display:block;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.categories>form>button,.categories>form>input{height:35px;outline:none;border:none;border-bottom:1px solid #555}.categories input{width:210px}.categories button{width:70px;height:35px;background:#555;color:#fff;margin-left:10px}.categories .row{min-width:290px;display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:10px;border:1px solid #ccc}.create_product{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.upload{max-width:400px;height:450px;width:100%;border:1px solid #ddd;padding:15px;margin:20px;position:relative}#file_up #file_up_two #file_up_three #file_up_four{position:relative;width:100%;height:100%;outline:none}#file_up:before,#file_up_four:before,#file_up_three:before,#file_up_two:before{content:"+";position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;color:#fac86b;font-size:17rem;text-align:center;cursor:pointer;margin:auto}.create_product form{max-width:500px;min-width:290px;width:100%;margin:15px 30px}.create_product form .row{width:100%;margin:15px 0}.create_product form input,textarea{width:100%;min-height:40px;padding:0 5px}.create_product>form>.row>.radio_famale,.create_product>form>.row>.radio_male{width:5%;display:inline-block;background-color:red;padding:0;min-height:10px}.create_product form button{width:200px;height:40px;background:#555;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:700}.create_banner{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.upload_banner{max-width:1000px;height:450px;width:100%;border:1px solid #ddd;padding:15px;margin:20px;position:relative}#file_up{width:100%;height:100%;outline:none}#file_up:before{content:"+";color:#fac86b;font-size:17rem;text-align:center;cursor:pointer;margin:auto}#file_img,#file_up:before{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff}#file_img img{width:100%;height:100%;display:block;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_banner form{max-width:500px;min-width:290px;width:100%;margin:15px 30px}.create_banner form .row{width:100%;margin:15px 0}.create_banner form input,textarea{width:100%;min-height:40px;padding:0 5px}.create_banner form button{width:200px;height:40px;background:#555;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:700}*{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 20px;box-shadow:0 0 35px #eee}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}}.load-page{background:#fff;overflow:hidden}.loader{width:300px;height:300px;margin:auto}.loader div{width:calc(100% - 15px);height:calc(100% - 15px);border:2px solid #fff;border-top-color:#dc143c;border-radius:50%;animation:rotate 10s linear infinite alternate-reverse}@-webkit-keyframes rotate{50%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{50%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.div_new_offer{margin:20px;text-align:center;font-weight:700;font-family:Arial,Helvetica,sans-serif;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 10px 0 #ccc,0 11px 0 #ccc,0 12px 0 #ccc,0 20px 30px rgba(0,0,0,.5)}
/*# sourceMappingURL=main.19acd340.chunk.css.map */