.compare-list{background-color:#fff;border-top:1px solid #ddd;bottom:0;display:none;left:0;position:fixed;transition:.2s ease-in-out;width:100%;z-index:1}.compare-list.active{display:block}.compare-list .container{padding:20px 0;position:relative}.compare-list .container .top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:20px}.compare-list .container .top .heading{font-size:2.4rem;font-weight:700;margin:0}.compare-list .container .top .heading .count{align-items:center;background-color:#8c6842;border-radius:50%;color:#fff;display:inline-flex;justify-content:center;margin-left:10px;width:35px}.compare-list .container .top .clear-all{color:#00479a;cursor:pointer;text-decoration:underline}.compare-list .container .bottom{align-items:center;display:flex;justify-content:space-between}.compare-list .container .bottom #compare-list{display:flex;justify-content:flex-start}.compare-list .container .bottom #compare-list .compare-block{align-items:center;background-color:#f5f5fa;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:flex-start;margin-right:20px;overflow:hidden;padding:10px;position:relative;transition:.2s ease-in-out;width:360px}.compare-list .container .bottom #compare-list .compare-block img{border-radius:5px;height:75px;margin-right:20px;-o-object-fit:cover;object-fit:cover;width:100px}.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;right:20px;top:10px;transition:.2s ease-in-out}.compare-list .container .bottom #compare-list .compare-block:hover{border-color:#8c6842}.compare-list .container .bottom #compare-list .compare-block:hover .icon{color:#8c6842}.compare-list .container .compare-list-close{align-items:center;background:#ddd;border-radius:50%;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;margin-right:-20px;position:absolute;right:50%;top:-20px;transition:.2s ease-in-out;width:40px}.compare-list.hidden{bottom:-150px}.compare-list.hidden .container .compare-list-close{transform:rotate(180deg)}.compare-page .container{display:flex;flex-wrap:wrap;justify-content:flex-start}.compare-page .container .title{margin-bottom:40px;width:100%}.compare-page .container .row{background-color:#fff;display:flex;justify-content:flex-start;width:100%}.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;min-height:50px;padding:12px;width:28%}.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{height:280px;position:relative}.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{height:250px;-o-object-fit:cover;object-fit:cover;width:100%}.compare-page .container .row.row-image .cell .arrow{background-color:#333;border:none;color:#fff;font-size:2rem;opacity:.5;padding:5px 15px;position:absolute;top:42%;transition:.2s ease-in-out;z-index:1}.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{border-radius:5px;left:5px}.compare-page .container .row.row-image .cell .arrow.next{border-radius:5px;right: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{background-color:#fff;border-radius:50%;padding:2px;top:15px;width:16px}.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{flex-wrap:wrap;justify-content:flex-end}.compare-list .container .bottom #compare-list{justify-content:center;margin-bottom:10px;width:100%}.compare-list .container .bottom #compare-list .compare-block{margin-right:10px;padding:5px}.compare-list .container .bottom #compare-list .compare-block img{height:70px;width:70px}.compare-list .container .bottom #compare-list .compare-block .icon{right:10px;top:10px}.compare-list .container .bottom .button{padding:10px 25px}.compare-list .container .compare-list-close{font-size:1.8rem;height:36px;margin-right:-18px;top:-25px;width:36px}.compare-page .container{overflow-x:scroll}.compare-page .container .row{padding-right:15px}.compare-page .container .row .cell{min-width:200px;width:200px}.compare-page .container .row .cell.cell-label{min-width:140px;width:140px}.item .compare-list{bottom:62px}.item .compare-list.hidden{bottom:-90px}}