.compare-list{position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #ddd;display:none;background-color:#fff;transition:.2s ease-in-out;z-index:1}.compare-list.active{display:block}.compare-list .container{position:relative;padding:20px 0}.compare-list .container .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.compare-list .container .top .heading{color:#06c;font-size:2.4rem;font-weight:700;margin:0}.compare-list .container .top .heading .count{display:inline-flex;justify-content:center;align-items:center;width:35px;background-color:#06c;color:#fff;margin-left:10px;border-radius:50%}.compare-list .container .top .clear-all{color:#00479a;text-decoration:underline;cursor:pointer}.compare-list .container .bottom{display:flex;justify-content:space-between;align-items:center}.compare-list .container .bottom #compare-list{display:flex;justify-content:flex-start}.compare-list .container .bottom #compare-list .compare-block{display:flex;justify-content:flex-start;align-items:center;border:1px solid #ddd;border-radius:5px;position:relative;background-color:#f5f5fa;width:360px;padding:10px;margin-right:20px;cursor:pointer;overflow:hidden;transition:.2s ease-in-out}.compare-list .container .bottom #compare-list .compare-block img{-o-object-fit:cover;object-fit:cover;width:100px;height:75px;margin-right:20px;border-radius:5px}.compare-list .container .bottom #compare-list .compare-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.compare-list .container .bottom #compare-list .compare-block .icon{position:absolute;top:10px;right:20px;transition:.2s ease-in-out}.compare-list .container .bottom #compare-list .compare-block:hover{border-color:#06c}.compare-list .container .bottom #compare-list .compare-block:hover .icon{color:#06c}.compare-list .container .compare-list-close{position:absolute;top:-20px;right:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#ddd;font-size:2rem;margin-right:-20px;border-radius:50%;cursor:pointer;transition:.2s ease-in-out}.compare-list.hidden{bottom:-150px}.compare-list.hidden .container .compare-list-close{transform:rotate(180deg)}.compare-page .container{display:flex;justify-content:flex-start;flex-wrap:wrap}.compare-page .container .title{width:100%;margin-bottom:40px}.compare-page .container .row{display:flex;justify-content:flex-start;width:100%;background-color:#fff}.compare-page .container .row:nth-child(odd) .cell{background-color:#eee}.compare-page .container .row.row-break{height:50px}.compare-page .container .row .cell{border-bottom:1px solid #ddd;border-right:1px solid #ddd;width:28%;min-height:50px;padding:12px}.compare-page .container .row .cell.cell-label{border-left:1px solid #ddd;width:15%}.compare-page .container .row.row-start .cell{border-top:1px solid #ddd}.compare-page .container .row.row-image .cell{position:relative;height:280px}.compare-page .container .row.row-image .cell.cell-label{border:none;border-right:1px solid #ddd}.compare-page .container .row.row-image .cell .slider{display:block}.compare-page .container .row.row-image .cell .slider .slide{-o-object-fit:cover;object-fit:cover;width:100%;height:250px}.compare-page .container .row.row-image .cell .arrow{position:absolute;top:42%;color:#fff;font-size:2rem;background-color:#333;padding:5px 15px;border:none;opacity:.5;z-index:1;transition:.2s ease-in-out}.compare-page .container .row.row-image .cell .arrow:hover{opacity:.8}.compare-page .container .row.row-image .cell .arrow:disabled{opacity:0}.compare-page .container .row.row-image .cell .arrow.prev{left:5px;border-radius:5px}.compare-page .container .row.row-image .cell .arrow.next{right:5px;border-radius:5px}@media only screen and (max-width:1600px){.compare-list .container .bottom #compare-list .compare-block{width:320px}.compare-page .container .row .cell.cell-label{width:16%}}@media only screen and (max-width:1365px){.compare-list .container .bottom #compare-list .compare-block{width:auto}.compare-list .container .bottom #compare-list .compare-block img{margin:0}.compare-list .container .bottom #compare-list .compare-block span{display:none}.compare-list .container .bottom #compare-list .compare-block .icon{top:15px;width:16px;background-color:#fff;padding:2px;border-radius:50%}.compare-page .container .row.row-image .cell{height:200px}.compare-page .container .row.row-image .cell .slider .slide{height:170px}}@media only screen and (max-width:1023px){.compare-list .container .top .heading{font-size:2rem}.compare-list .container .top .heading .count{width:28px}.compare-page .container .row .cell{width:26%}.compare-page .container .row .cell.cell-label{width:20%}.compare-page .container .row.row-image .cell{height:148px;padding:8px}.compare-page .container .row.row-image .cell .slider .slide{height:128px}.compare-page .container .row.row-image .cell .arrow{font-size:1.2rem;padding:4px 8px}}@media only screen and (max-width:767px){.compare-list .container{padding:10px}.compare-list .container .top{margin-bottom:15px}.compare-list .container .bottom{justify-content:flex-end;flex-wrap:wrap}.compare-list .container .bottom #compare-list{justify-content:center;width:100%;margin-bottom:10px}.compare-list .container .bottom #compare-list .compare-block{padding:5px;margin-right:10px}.compare-list .container .bottom #compare-list .compare-block img{width:70px;height:70px}.compare-list .container .bottom #compare-list .compare-block .icon{top:10px;right:10px}.compare-list .container .bottom .button{padding:10px 25px}.compare-list .container .compare-list-close{top:-25px;width:36px;height:36px;font-size:1.8rem;margin-right:-18px}.compare-page .container{overflow-x:scroll}.compare-page .container .row{padding-right:15px}.compare-page .container .row .cell{width:200px;min-width:200px}.compare-page .container .row .cell.cell-label{width:140px;min-width:140px}.item .compare-list{bottom:62px}.item .compare-list.hidden{bottom:-90px}}