/*---------------------------------------
    12. Compare CSS
-----------------------------------------*/
/*-- Compare Table --*/
/* .compare-table .table { table-layout: fixed; } */
.compare-table.table-responsive { margin-top: 60px; margin-bottom: 60px; }

.compare-table .table tbody tr:first-child { border-top: 1px solid #eeeeee; }

.compare-table .table tbody tr td { text-align: center; border: none; padding: 25px 30px; vertical-align: middle; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; }

.compare-table .table tbody tr td:last-child { border-right: 1px solid #eeeeee; }

.compare-table .table tbody tr td.first-column { /* min-width: 180px; */ width: 180px; font-size: 18px; font-weight: 600; color: #333333; margin: 0; line-height: 1; }

.compare-table .table tbody tr td.product-image-title { min-width: 310px; vertical-align: bottom; padding-top: 70px; }

.compare-table .table tbody tr td.product-image-title .image { clear: both; width: 100%; margin-bottom: 40px; display: block; }

.compare-table .table tbody tr td.product-image-title .image img { max-width: 100%; }

.compare-table .table tbody tr td.product-image-title .category { float: left; clear: both; font-size: 13px; line-height: 15px; color: #444444; text-transform: capitalize; letter-spacing: 0.5px; }

.compare-table .table tbody tr td.product-image-title .category:hover { color: #cea679; }

.compare-table .table tbody tr td.product-image-title .title { float: left; clear: both; font-size: 16px; font-weight: 600; color: #444444; line-height: 20px; margin-bottom: 10px; }

.compare-table .table tbody tr td.product-image-title .title:hover { color: #cea679; }

.compare-table .table tbody tr td.pro-desc p { text-align: left; margin: 0; }

.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock { font-size: 16px; font-weight: 600; color: #444444; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart { position: relative; background-color: #cea679; color: #fff; border-radius: 50px; display: inline-block; width: 170px; padding: 10px 25px 10px 25px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover { background-color: #222; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart span { font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 26px; overflow: hidden; display: block; text-align: center; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added { padding-left: 25px; padding-right: 56px; }

.compare-table .table tbody tr td.pro-addtocart .add-to-cart.added i { left: calc(100% - 41px); }

.compare-table .table tbody tr td.pro-remove button { border: none; background-color: transparent; padding: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.compare-table .table tbody tr td.pro-remove button:hover { color: #000000; }

.compare-table .table tbody tr td.pro-remove button i { font-size: 20px; }

.compare-table .table tbody tr td.pro-ratting i { color: #666666; font-size: 14px; }

.compare-table .table tbody tr td.pro-ratting i.color { color: #000000; }

.compare-table .pro-addtocart a { color: #666666; cursor: pointer; }

.compare-table .pro-addtocart a:hover { color: #000000; text-decoration: underline; }

.pro-remove button { color: #666666; }

.pro-remove button:hover { color: #000000; }

.compareProdDesc { position: relative; transition: height 0.5s ease-in; }

.compareProdDesc a { position: absolute; bottom: -2px; right: 0; color: #cea679; padding-left: 25px; background: white; display: none; }

.footer-area { padding-top: 0; }