body[data-modal="1"] {
  overflow: hidden; }

#comparison-btns-holder {
  position: fixed;
  bottom: 0;
  right: 0; }
  #comparison-btns-holder button {
    background-color: #FB8500;
    color: #FFFFFF;
    margin: 10px;
    border: none;
    border-radius: 10px;
    padding: 10px 25px;
    outline: none;
    display: none;
    cursor: pointer; }
    #comparison-btns-holder button.active {
      display: inline-block; }

#comparisons-modal {
  width: 100%;
  height: 100%;
  background-color: #000c;
  position: fixed;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  z-index: 100; }
  #comparisons-modal[data-active="0"] {
    display: none; }
  #comparisons-modal #comparisons-modal-wrapper {
    max-width: 90%;
    width: fit-content;
    max-height: 90%;
    background-color: #fff;
    position: relative;
    overflow-y: auto; }
    #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-close {
      color: #000;
      position: absolute;
      top: 10px;
      right: 24px;
      font-size: 35px;
      cursor: pointer; }
    #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content {
      height: calc(100% - (2 * 48px));
      margin: 40px 48px;
      overflow-x: hidden;
      overflow-y: auto;
      position: relative;
      /**  Search - Pop Up  **/
      /**  ./Search - Pop Up  **/
      /**  Results Pop Up  **/
      /**  ./Results Pop Up  **/ }
      #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder {
        display: none; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder.active {
          display: unset; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder h3 {
          color: #262626;
          text-align: center;
          font-size: 24px;
          font-weight: 700;
          line-height: 31px; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder h4 {
          color: #6C6C6C;
          margin: 10px 0;
          text-align: center;
          font-size: 15px;
          font-weight: 400;
          line-height: 26px; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder button {
          color: #FFFFFF;
          margin: auto;
          border: none;
          border-radius: 10px;
          display: block;
          text-align: center;
          font-size: 16px;
          line-height: 24px;
          cursor: pointer; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder button.disabled, #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder button:disabled {
            opacity: 0.5;
            cursor: default; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-auto-suggest-btn {
          background-color: #FFBB37;
          padding: 10px 25px;
          font-weight: 700; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-compare-btn {
          background-color: #FB8500;
          padding: 10px 40.5px;
          font-weight: 600; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder {
          margin: 40px 0;
          display: flex;
          align-items: center; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder[data-type="slot"] {
            justify-content: center;
            gap: 27px; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder[data-type="slot"] .logo {
              width: 155px;
              height: 75px;
              border-radius: 5px; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder[data-type="casino"] {
            justify-content: space-evenly; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder[data-type="casino"] .logo {
              width: 94px;
              height: 94px;
              margin: auto;
              margin-top: 10.5px;
              border-radius: 50%;
              display: block; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder[data-type="casino"] .remove-item {
              right: calc(50% - 55px); }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder .item-holder {
            width: 169px;
            position: relative; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder .item-holder img {
              margin-top: 10.5px;
              object-fit: cover; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder .item-holder .remove-item {
              width: 21px;
              height: 21px;
              position: absolute;
              top: -10.5px;
              right: 0;
              object-fit: unset;
              cursor: pointer; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder #comparisons-game-items-holder .item-holder h5 {
              color: #262626;
              margin-top: 10px;
              text-align: center;
              font-size: 20px;
              font-weight: 600;
              line-height: 26px; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper {
          margin-top: 40.5px; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper h4 {
            color: #262626;
            text-align: left;
            font-size: 22px;
            font-weight: 600;
            line-height: 29px; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder {
            margin: 18px 0;
            border: 1px solid #E2E2E2;
            border-radius: 10px;
            padding: 10px 25px;
            position: relative;
            display: flex;
            align-items: center; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder.disabled {
              opacity: 0.5; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder #comparisons-search-input {
              width: 100%;
              color: #262626;
              margin-right: 10px;
              border: none;
              outline: none;
              font-family: inherit;
              font-size: 16px;
              font-weight: 400;
              line-height: 24px; }
              #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder #comparisons-search-input::placeholder {
                color: #808080; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder img {
              width: 14px;
              height: 14px; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder #comparisons-search-items-holder {
              width: 100%;
              max-height: 180px;
              background-color: #fff;
              padding: 0 12px;
              position: absolute;
              top: 100%;
              left: 0;
              overflow: auto;
              font-size: 14px;
              font-weight: 500;
              line-height: 24px;
              z-index: 1; }
              #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder #comparisons-search-items-holder .item-holder {
                color: #1E1D1C;
                margin: 10px 0;
                border-radius: 5px;
                padding: 10px 11px;
                position: relative;
                cursor: pointer; }
                #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder #comparisons-search-items-holder .item-holder::after {
                  content: '';
                  width: 100%;
                  height: 1px;
                  background-color: #505050;
                  position: absolute;
                  top: calc(100% + 5px);
                  left: 0; }
                #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder #comparisons-search-items-holder .item-holder:last-child::after {
                  display: none; }
                #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-search-holder .comparisons-search-wrapper #comparisons-search-holder #comparisons-search-items-holder .item-holder:hover {
                  background-color: #023047;
                  color: #fff; }
      #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder {
        display: none; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder.active {
          display: unset; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder h3 {
          color: #262626;
          margin-bottom: 40px;
          text-align: center;
          font-size: 24px;
          font-weight: 700;
          line-height: 31px; }
        #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results {
          display: flex;
          align-items: center;
          gap: 10px;
          padding-bottom: 10px;
          overflow-x: auto; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results[data-type="slot"] .item-holder > img {
            width: 155px;
            height: 75px;
            border-radius: 5px; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results[data-type="casino"] .item-holder > img {
            width: 94px;
            height: 94px;
            border-radius: 50%; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results[data-type="casino"] .item-holder .item-box-title {
            background-color: #262626 !important; }
          #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder {
            min-width: 280px;
            max-width: 280px;
            width: 280px;
            border: 1px solid #023047;
            border-radius: 5px;
            padding: 20px; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder img {
              margin: auto;
              display: block;
              object-fit: cover; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder h5 {
              margin: 10px;
              text-align: center;
              font-size: 20px;
              font-weight: 700;
              line-height: 26px; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder a {
              color: #FFFFFF;
              margin: auto;
              border-radius: 10px;
              padding: 10px;
              display: block;
              text-align: center; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .play-btn {
              max-width: 198px;
              background-color: #FB8500;
              font-size: 21px;
              font-weight: 600;
              line-height: 32px; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .read-review-btn {
              max-width: 182px;
              background-color: #FFBB37;
              font-size: 16px;
              font-weight: 600;
              line-height: 24px; }
            #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder {
              margin: 10px 0;
              text-align: center; }
              #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder:last-child {
                margin: 0;
                margin-top: 10px; }
              #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder .item-box-title {
                background-color: #023047;
                color: #FFFFFF;
                border: 1px solid #D8D8D8;
                border-radius: 5px 5px 0px 0px;
                padding: 8.5px;
                font-size: 16px;
                font-weight: 600;
                line-height: 24px; }
              #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder .item {
                border: 1px solid #D8D8D8;
                border-top: none;
                padding: 10px; }
                #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder .item span {
                  color: #6C6C6C;
                  display: block;
                  font-size: 14px;
                  font-weight: 400;
                  line-height: 21px; }
                #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder .item img {
                  width: 13px;
                  height: 13px;
                  margin-right: 10px;
                  position: relative;
                  top: 2px;
                  display: inline-block;
                  object-fit: unset; }
                #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder .item strong {
                  color: #262626;
                  font-size: 15px;
                  font-weight: 600;
                  line-height: 23px; }
                #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder .item a {
                  color: #FB8500;
                  padding: 0;
                  text-align: center;
                  text-decoration: underline;
                  font-size: 15px;
                  font-weight: 600;
                  line-height: 23px; }
                  #comparisons-modal #comparisons-modal-wrapper #comparisons-modal-content #comparisons-modal-results-holder #comparisons-modal-results .item-holder .item-box-holder .item a.btn {
                    background-color: #FB8500;
                    color: #FFFFFF;
                    margin: 0 22px;
                    border-radius: 10px;
                    padding: 10px 25px;
                    display: block;
                    text-align: center;
                    text-decoration: none;
                    font-size: 21px;
                    font-weight: 600;
                    line-height: 32px; }

@media only screen and (min-width: 600px) and (max-width: 1000px) {
  #comparisons-modal #comparisons-modal-wrapper {
    max-width: 90%; } }
@media only screen and (max-width: 600px) {
  #comparisons-modal #comparisons-modal-wrapper {
    max-width: 90%;
    width: 100%; }
    #comparisons-modal #comparisons-modal-wrapper #comparisons-game-items-holder[data-type="slot"] {
      flex-direction: column;
      gap: 0 !important; }
    #comparisons-modal #comparisons-modal-wrapper #comparisons-game-items-holder[data-type="casino"] {
      flex-wrap: wrap;
      justify-content: flex-start; }
    #comparisons-modal #comparisons-modal-wrapper #comparisons-game-items-holder .item-holder {
      margin-bottom: 25px; } }