#compare{position:relative;display:block;width:100%;padding:20px 0;margin:0;background:#f4f4f4;border-top:1px solid #dfdfdf}#compare .subjects{display:block;width:100%}#compare .subjects .card{position:relative;display:inline-block;width:calc(25% - 16px);margin:0 10px 20px 0;padding:12px;background:#fff;border-radius:0;vertical-align:top;text-align:left;white-space:normal!important;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2)}#compare .subjects .card .position{position:absolute;top:-5px;left:-5px;width:30px;height:30px;line-height:30px;font-size:13px;z-index:2;text-align:center;border-radius:50%;background-color:#f5f5f5;color:#4e5155;box-shadow:0 3px 5px rgba(0,0,0,.1)}#compare .subjects .card .position:hover{cursor:pointer}#compare .subjects .card .thumbnail{position:relative;display:block;width:100%;height:auto;margin:0 0 10px;overflow:hidden;vertical-align:middle}#compare .subjects .card .thumbnail img{position:relative;display:block;width:120%;height:auto}#compare .subjects .card .thumbnail .brand{position:absolute;display:block;width:75%;height:50px;padding:5px 0 5px 15px;left:0;bottom:15px;line-height:40px;text-align:center;background-color:rgba(255,255,255,.8)}#compare .subjects .card .thumbnail .brand:after{content:'';position:absolute;right:-35px;top:0;border-right:35px solid transparent;border-top:50px solid rgba(255,255,255,.8)}#compare .subjects .card .thumbnail .brand img{display:inline-block;height:auto!important;max-height:40px;margin:0 auto;width:auto!important;max-width:128px;vertical-align:middle}#compare .subjects .card .item{display:block;width:100%;margin:10px 0 0 0;padding:10px 0;border-bottom:1px solid #e5e5e5}#compare .subjects .card .item h2,#compare .subjects .card .item h3,#compare .subjects .card .item h4,#compare .subjects .card .item h5{display:block;margin:0 0 5px;font-size:18px;font-weight:600}#compare .subjects .card .item ul{display:block;width:100%;margin:0;padding:0}#compare .subjects .card .item ul li span.title{display:table-cell;margin:0;font-weight:500;font-size:13px;color:#111;letter-spacing:-.6px;text-align:left;overflow:hidden;vertical-align:middle}#compare .subjects .card .item ul li span.title img{display:inline-block;width:16px;height:16px;margin:0 5px 0 0;vertical-align:middle}#compare .subjects .card .item ul li span.description{display:table-cell;font-size:13px;color:#6a6a6a;margin:3px 0;text-align:right;vertical-align:middle}#compare .subjects .card .item ul.features li span.description,#compare .subjects .card .item ul.general li span.description{margin:-2px;display:table-cell;float:right;padding:3px 8px;min-width:60px;text-align:center;border:solid 1px #ccc;border-radius:8px;background-color:#fff}#compare .subjects .card .item ul li{position:relative;display:table;width:100%;min-height:30px;display:block;padding:8px 6px}#compare .subjects .card .item ul li:nth-child(odd){background-color:#f4f4f4}#compare .subjects .card .item ul.general li:nth-child(odd),#compare .subjects .card .item ul.ratings li:nth-child(odd){background-color:unset}#compare .subjects .card .item ul li span.description,#compare .subjects .card .item ul li span.title{display:inline-block;text-align:left;font-size:13px}#compare .subjects .card .item ul li span.slogan{display:table-row;font-size:13px;color:#6a6a6a;margin:3px 0;text-align:left;vertical-align:middle}#compare .subjects .card .item ul li .rating{float:none;margin:0;position:absolute;right:0}#compare .subjects .card .item ul.summaries li span.description,#compare .subjects .card .item ul.summaries li span.title{display:block;text-align:left;background-color:unset;color:#555;width:auto;margin-top:5px;padding-left:5px}#compare .subjects .card a.reviews{display:block;margin:10px 0 0;color:#636365;font-size:13px;font-weight:400;text-align:center} @media (min-width:1281px){#compare .subjects .card{padding:16px}#compare .subjects .card ul.ratings li{min-height:unset;padding:4px}#compare .subjects .card ul li .title{letter-spacing:0!important}}@media (min-width:1025px) and (max-width:1280px){#compare .subjects .card{width:calc(25% - 16px);padding:8px}#compare .subjects .card .item ul.ratings li{padding:4px}}@media (min-width:768px) and (max-width:1024px){#compare .subjects .card{width:calc(33% - 12px)}#compare .rating .stars-filled:before,#compare .rating .stars:before{font-size:21px;letter-spacing:0}}@media (min-width:481px) and (max-width:767px){#compare .subjects .card{width:calc(50% - 10px);margin:0 5px 20px 0;padding:8px}#compare .subjects .card .item ul li span.description,#compare .subjects .card .item ul li span.title{display:inline-block;text-align:left;font-size:13.5px}#compare .subjects .card .item ul li .rating .stars-filled:before,#compare .subjects .card .item ul li .rating .stars:before{letter-spacing:2px}#compare .subjects .card .item ul li .rating{margin:-5px 0 0;float:none}#compare .subjects .card .item ul li span.description{margin:5px 0;text-align:right;min-width:60px}}@media (min-width:0) and (max-width:480px){#compare{overflow-x:scroll}#compare .subjects{text-align:left;width:auto!important;white-space:nowrap}#compare .subjects .card{width:65vw!important;padding:5px 5px 16px 5px;margin:0 8px 20px 0}#compare .subjects .card .item h2,#compare .subjects .card .item h3,#compare .subjects .card .item h4,#compare .subjects .card .item h5{font-size:16px;margin-bottom:10px}#compare .subjects .card .item ul li{display:block;height:auto!important;padding:6px;min-height:30px}#compare .subjects .card button{font-size:12px}}@media (min-width:0) and (max-width:370px){#compare .subjects .card .item ul.features li span.description,#compare .subjects .card .item ul.general li span.description{min-width:unset}}