.page-renew{margin-bottom:20px;margin-top:10px}.page-renew h1{font-size:20px;font-weight:600;margin-top:10px}.page-renew .renew-top{background-color:#fff;border-radius:10px;margin-top:15px}.page-renew .renew-top__image img{border-radius:10px}.page-renew .renew-top__desc{margin-top:10px;padding-bottom:20px;text-align:center}.page-renew .renew-top__desc p{color:red;cursor:pointer;font-size:16px;font-weight:600}.page-renew .renew-main{display:flex;flex-direction:column}.page-renew .renew-search{align-items:center;display:flex;justify-content:center;margin-top:25px;text-align:center}.page-renew .renew-search form{margin:0 auto}.page-renew .renew-search form .form-group{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #ccc;padding:0 15px;position:relative}.page-renew .renew-search form .form-group input{background:none;border:0;color:#333;font-size:14px;margin:0;padding:10px 0;width:590px}.page-renew .renew-search form .form-group button{background-color:transparent;border:none;display:block;height:30px;line-height:35px;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px}.page-renew .renew-search form .form-group .loading-icon{right:33px}.page-renew .renew-search form .form-group .renew-search__suggest{background:#f8f8f8;border-radius:0 0 10px 10px;box-shadow:0 4px 6px rgba(0,0,0,.161);display:none;left:0;padding:10px 0;position:absolute;top:calc(100% + 1px);width:100%;z-index:3}.page-renew .renew-search form .form-group .renew-search__suggest .item{align-items:center;background:#f5f5f5;display:flex;flex:0 0 100%;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:8px 15px}.page-renew .renew-search form .form-group .renew-search__suggest .item img{border-radius:5px;flex:0 0 70px;height:70px;-o-object-fit:contain;object-fit:contain;overflow:hidden}.page-renew .renew-search form .form-group .renew-search__suggest .item .infor{flex:1;font-size:16px;font-weight:600;gap:10px;text-align:left}.page-renew .renew-search form .form-group .renew-search__suggest .item .infor-name{font-size:18px;font-weight:600}.page-renew .renew-search form .form-group .renew-search__suggest .item .infor p{color:red;margin-bottom:0}.page-renew .renew-search form .form-group .renew-search__suggest .item:hover{background:#fff}.page-renew .renew-filter{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;margin-top:25px;overflow-x:auto;width:100%}.page-renew .renew-filter li{display:block;padding:0 10px}.page-renew .renew-filter li.active a{background:#009981;border:1px solid #009981;color:#fff}.page-renew .renew-filter li a{background:#fff;border:1px solid #ccc;border-radius:4px;color:#000;display:block;padding:7px 15px 8px;transition:all .3s;white-space:nowrap}.page-renew .renew-filter li a:hover{background:#009981;border:1px solid #009981;color:#fff}.page-renew .renew-product{grid-gap:15px;display:grid;grid-template-columns:repeat(5,1fr);margin-top:20px}.page-renew .renew-product .notify-empty p{font-size:24px;min-width:500px}.page-renew .renew-product .card{background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.161);cursor:pointer;padding-bottom:15px}.page-renew .renew-product .card-img{display:flex;justify-items:center;min-height:255px;padding:15px 20px}.page-renew .renew-product .card-img img{height:auto;margin:auto;max-width:100%}.page-renew .renew-product .card-body{padding:0 10px}.page-renew .renew-product .card-body h3{font-size:14px;margin:18px 0}.page-renew .renew-product .card-body p span{color:#fd475a;font-size:18px;font-weight:700}.page-renew .renew-content{margin-top:15px}.renew-form{background-color:#000;background-color:rgba(0,0,0,.75);bottom:0;height:100%;left:0;padding:20px;position:fixed;right:0;text-align:center;top:0;width:100%;z-index:1000}.renew-form,.renew-form__popup{box-sizing:border-box;overflow:auto}.renew-form__popup{background:#fff;box-shadow:0 0 10px #000;left:50%;max-height:100vh;max-width:1000px;padding:15px 30px;position:relative;text-align:left;top:50%;transform:translate(-50%,-50%);vertical-align:middle;width:90%;z-index:2}.renew-form__popup h3{font-size:26px;font-weight:600;margin:18px 0;text-align:center;text-transform:uppercase}.renew-form__content{display:flex}.renew-form__content .left{margin-right:15px;width:150px}.renew-form__content .left img{height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain}.renew-form__content .right p{margin:10px 0}.renew-form__content .right .product-old__name{font-weight:700}.renew-form__content .right .options .item{border:1px solid #ccc;border-radius:6px;margin-bottom:10px;padding:10px;transition:all .3s}.renew-form__content .right .options .item .description{margin-top:10px}.renew-form__content .right .options .item .description p{color:#aaa;font-style:italic;margin:8px 0!important}.renew-form__content .right .options .item p{margin:0!important}.renew-form__content .right .options .item.active,.renew-form__content .right .options .item:hover{background:#efefef;border-color:red;cursor:pointer}.renew-form__content .right .summer .price{color:#fd475a;font-weight:600}.renew-form__content .right .summer-desc p{font-style:italic}.renew-form .step-2 .renew-form__content .left{flex:0 0 40%;margin-right:25px}.renew-form .step-2 .renew-form__content .left .new-product .image{margin:0 auto;max-width:190px}.renew-form .step-2 .renew-form__content .left .new-product .specs{display:flex;flex-wrap:wrap;gap:5px}.renew-form .step-2 .renew-form__content .left .new-product .specs-name{font-weight:600}.renew-form .step-2 .renew-form__content .left .new-product .specs-price{width:100%}.renew-form .step-2 .renew-form__content .left .new-product .specs-price__new,.renew-form .step-2 .renew-form__content .left .new-product .specs-price__old{font-weight:600}.renew-form .step-2 .renew-form__content .left .new-product .specs-price .text-green{color:#009a82}.renew-form .step-2 .renew-form__content .left .new-product .specs .specs-price__text{color:red;font-weight:600}.renew-form .step-2 .renew-form__content .left .new-product .specs-status{display:inline}.renew-form .step-2 .renew-form__content .left .new-product .specs-status .status-text{font-weight:600}.renew-form .step-2 .renew-form__content .left .new-product .specs-status .status{display:inline;font-style:italic}.renew-form .step-2 .renew-form__content .left .new-product .promote{background:#fff9e9;border:1px solid #009a82;border-radius:8px;margin:10px 0;padding:10px}.renew-form .step-2 .renew-form__content .left .new-product .promote .label{color:#009a82;display:block;font-weight:600;padding:10px 0;text-transform:uppercase}.renew-form .step-2 .renew-form__content .left .new-product .promote .promote-content{max-height:150px;overflow:hidden}.renew-form .step-2 .renew-form__content .left .new-product .promote .promote-content ul{list-style:unset;padding-left:15px}.renew-form .step-2 .renew-form__content .left .new-product .promote .promote-content.active{max-height:unset}.renew-form .step-2 .renew-form__content .left .new-product .promote li{line-height:1.4;padding-bottom:5px;text-align:justify}.renew-form .step-2 .renew-form__content .left .new-product .promote li.hidden{display:none}.renew-form .step-2 .renew-form__content .left .new-product .promote #morePromote{align-items:center;display:flex;justify-content:center;margin-top:10px}.renew-form .step-2 .renew-form__content .left .new-product .promote #morePromote a{color:#fd475a;font-weight:600}.renew-form .step-2 .renew-form__content .right{max-height:100%;overflow:auto;width:60%}.renew-form .step-2 .renew-form__content .right .search{display:flex;flex-wrap:wrap}.renew-form .step-2 .renew-form__content .right .search h4{margin-bottom:10px}.renew-form .step-2 .renew-form__content .right .search .search-key{position:relative;width:100%}.renew-form .step-2 .renew-form__content .right .search input{border:1px solid #ccc;border-radius:6px;box-shadow:inset 0 1px 1px rgba(0,0,0,.08);outline:none;padding:8px 30px 8px 15px;position:relative;width:100%}.renew-form .step-2 .renew-form__content .right .search .search-suggest{align-items:center;border-radius:5px;display:flex;flex-wrap:wrap;justify-content:space-between;max-height:300px;overflow-y:auto;width:100%}.renew-form .step-2 .renew-form__content .right .search .search-suggest .item{align-items:center;background:#f5f5f5;display:flex;flex:0 0 100%;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:8px 0}.renew-form .step-2 .renew-form__content .right .search .search-suggest .item img{border-radius:5px;flex:0 0 70px;height:70px;-o-object-fit:contain;object-fit:contain;overflow:hidden}.renew-form .step-2 .renew-form__content .right .search .search-suggest .item .infor{flex:1;font-size:16px;font-weight:600;gap:10px}.renew-form .step-2 .renew-form__content .right .search .search-suggest .item .infor-name{font-size:18px;font-weight:600}.renew-form .step-2 .renew-form__content .right .search .search-suggest .item .infor p{color:red;margin-bottom:0}.renew-form .step-2 .renew-form__content .right .search .search-suggest .item:hover{background:#fff}.renew-form .step-2 .renew-form__content .right .search .suggest-empty{padding:10px 0;width:100%}.renew-form .step-2 .renew-form__content .right .suggets{margin-top:15px}.renew-form .step-2 .renew-form__content .right .suggets-lists{border:1px solid #ccc;border-radius:5px;display:flex;flex-wrap:wrap;gap:15px;height:260px;margin-top:10px;overflow-y:scroll;padding:10px}.renew-form .step-2 .renew-form__content .right .suggets-lists .item{flex:0 0 calc(50% - 7.5px);text-align:center}.renew-form .step-2 .renew-form__content .right .suggets-lists .item img{max-height:150px;-o-object-fit:contain;object-fit:contain}.renew-form .step-2 .renew-form__content .right .form{display:flex;flex-wrap:wrap;float:unset;gap:10px;margin-top:15px}.renew-form .step-2 .renew-form__content .right .form-group{margin-bottom:0}.renew-form .step-2 .renew-form__content .right .form-group.email,.renew-form .step-2 .renew-form__content .right .form-group.phone{flex:0 0 calc(50% - 5px)}.renew-form .step-2 .renew-form__content .right .form label{color:#666;display:block;margin-bottom:3px}.renew-form .step-2 .renew-form__content .right .form .w-100{width:100%}.renew-form .step-2 .renew-form__content .right .form input,.renew-form .step-2 .renew-form__content .right .form select,.renew-form .step-2 .renew-form__content .right .form textarea{border:1px solid #ccc;border-radius:6px;box-shadow:inset 0 1px 1px rgba(0,0,0,.08);font-family:Arial;outline:none;padding:8px 15px;width:100%}.renew-form .step-2 .renew-form__content .right .button-send__renew{cursor:pointer;width:100%}.renew-form .step-2 .renew-form__content .right .button-send__submit{background:#fd475a;border:none;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.161);color:#fff;display:block;font-size:14px;font-weight:700;margin:0 auto;max-width:150px;outline:none;padding:10px 25px;text-transform:uppercase}.renew-form .submit{margin:20px 0 10px;text-align:center}.renew-form .submit .btn-next-step{background:#fd475a;border:none;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.161);color:#fff;cursor:pointer;font-size:14px;font-weight:700;outline:none;padding:10px 25px;text-transform:uppercase;transition:all .3s}.renew-form .submit .btn-next-step:hover{opacity:.85}.renew-form .close-modal{background:#fd5465;border-radius:50%;color:#fff;display:block;height:30px;line-height:28px;position:absolute;right:12px;text-align:center;text-decoration:none;text-indent:0;top:12px;width:30px}.renew-form .close-modal svg{vertical-align:middle}.renew-form .validate_contacts{color:red;display:none;font-size:12px;font-style:italic;margin:3px 0}.loading-icon{animation:spin 1s linear infinite;border:2px solid #ccc;border-radius:50%;border-top-color:red;height:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}