/*** COLORS ***/
/*** MENU ***/
/*** MIXINS ***/
/*** TOOLS ***/
.clear {
  clear: both; }

.img-center {
  display: block;
  margin: 0 auto; }

@media (max-width: 479px) {
  .col-xxs {
    width: 100%;
    margin: 0;
    padding: 0 15px; }

  .hidden-xxs {
    display: none !important; }

  .visible-xxs {
    display: block !important; } }
.comparator-title {
  font-size: 30px;
  color: #50a5bb;
  text-transform: uppercase;
  margin-top: 20px; }
  .comparator-title .title {
    font-family: "Amatic SC", cursive !important;
    font-size: 30px;
    margin: 0;
    line-height: 18px; }
    .comparator-title .title span {
      background-color: #fff; }
      .comparator-title .title span::after {
        width: 30px;
        height: 50px;
        content: "";
        background: #fff url("../../../../../img/design/after-comparator-title.png") no-repeat center center;
        display: inline-block;
        margin-left: 12px;
        top: -30px; }
    .comparator-title .title .bar {
      border: 1px solid #edf1f1;
      width: 100%; }
  @media (max-width: 991px) {
    .comparator-title {
      margin-bottom: 20px; } }

.comparator-informations {
  text-align: center;
  margin-top: 46px;
  margin-bottom: 7px; }
  .comparator-informations .message {
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 11px; }
    .comparator-informations .message::before {
      width: 100%;
      height: 100%;
      content: "";
      background: url("../../../../../img/design/arrow.png") no-repeat center center;
      display: inline-block;
      position: absolute;
      top: -20px; }
  @media (max-width: 991px) {
    .comparator-informations {
      display: none; } }

.comparator-table {
  overflow: hidden;
  margin-bottom: 32px; }
  .comparator-table table {
    position: relative;
    overflow: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .comparator-table table thead {
      position: relative;
      display: block;
      width: 0;
      height: 100%; }
      .comparator-table table thead tr th {
        padding: 0;
        position: relative;
        z-index: 999;
        border-top: 0px;
        box-shadow: rgba(59, 63, 63, 0.13) 0px 10px 20px; }
        .comparator-table table thead tr th:nth-child(1) {
          z-index: 1000;
          border: none;
          position: relative;
          box-shadow: rgba(59, 63, 63, 0.13) 10px 0px 20px; }
        .comparator-table table thead tr th .feature-detail {
          font-family: "Poppins", sans-serif;
          font-weight: 500;
          height: 100%;
          font-size: 11px; }
          .comparator-table table thead tr th .feature-detail .feature-img {
            height: 80px; }
          .comparator-table table thead tr th .feature-detail .feature-name {
            min-height: 42px;
            background-color: #edf1f1;
            display: table;
            width: 100%; }
            .comparator-table table thead tr th .feature-detail .feature-name span {
              display: table-cell;
              vertical-align: middle; }
      .comparator-table table thead tr:nth-child(1) {
        cursor: pointer; }
    .comparator-table table tbody {
      position: relative;
      display: block;
      width: 400px;
      height: 600px;
      overflow: scroll;
      padding-right: 20px;
      margin-bottom: -20px;
      cursor: pointer; }
      .comparator-table table tbody tr td.comparator-product {
        z-index: 1001;
        position: relative;
        box-shadow: rgba(59, 63, 63, 0.13) 10px 0px 20px;
        border-right: none; }
        .comparator-table table tbody tr td.comparator-product img {
          min-width: 100px;
          max-width: 100px;
          max-height: 80px;
          min-height: 80px; }
        .comparator-table table tbody tr td.comparator-product .comparator-box {
          display: none;
          padding: 5px 10px;
          min-width: 200px;
          box-shadow: rgba(59, 63, 63, 0.13) 10px 0px 20px;
          position: absolute;
          z-index: 9999;
          background: #fff;
          border: 1px solid #edf1f1; }
    .comparator-table table th, .comparator-table table td {
      text-align: center;
      background-color: white;
      padding: 0;
      font-family: "Poppins", sans-serif;
      font-size: 11px;
      font-weight: 500;
      width: 100px;
      height: 80px;
      min-width: 100px;
      max-width: 100px;
      max-height: 80px;
      min-height: 80px;
      border: 1px solid #edf1f1; }
  @media (max-width: 991px) {
    .comparator-table {
      max-height: 450px; } }

.scrollbar {
  float: left;
  width: 100%;
  background: #F5F5F5;
  overflow-x: scroll;
  border-radius: 10px;
  margin-bottom: 32px; }
  .scrollbar::-webkit-scrollbar {
    border-radius: 10px;
    width: 12px;
    background-color: #F5F5F5;
    height: 15px; }
  .scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #50a5bb; }
  .scrollbar .force-overflow {
    min-height: 2px; }
  .scrollbar:hover {
    cursor: pointer; }
  @media (max-width: 991px) {
    .scrollbar {
      display: none; } }

.no-product {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  font-size: 16px; }