/** Shopify CDN: Minification failed

Line 273:36 Expected "}" to go with "{"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:custom-logo-slider (INDEX:28) */
.filterDiv {
    display: none !important;
  }

  .show.filterDiv {
    display: flex !important;
  }

  .arrows-div{
        position: absolute;
      top: -85px;
      right: 40px;
  }
  /* Style the buttons */
  .btn {
  outline: none;
      padding: 6px 18px;
      cursor: pointer;
      margin-right: 4px;
      border: 1px solid;
      border-radius: 30px;
      font-family: inherit;

      margin-bottom: 8px;
  }

  .btn:hover {
    background-color: #9E9B80;
  }

  .btn.active {
    background-color: #000000;
    color: white;
  }



    /* The Modal (background) */
  .modal {
  	display: none;
  	position: fixed;
  	z-index: 99;
  	padding-top: 30px;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 130%;
  	overflow: hidden;
  	overflow-y: auto;
  }
  #ModalBackground{
      width: 100%;
  	height: 130%;
  }
  /* Modal Content */
  .lightbox {
  	top: 0px;
      left: 0px;
      right: 0px;
      padding-top: 12vh;
      width: 65%;
      margin: auto;
      display: block;
      position: absolute;
  }

  /* The Close Button */
  .close {
  	color: white;
  	position: absolute;
  	top: 10px;
  	right: 25px;
  	z-index: 1000;
  }

  .mySlides {
  	display: none;
      margin: auto;
  }

  /* Next & previous buttons */
  .prev,
  .next {
  	cursor: pointer;
  	position: absolute;
      bottom: -70px;
  	width: auto;
  	padding: 16px;
  	margin-top: -50px;
  	color: white;
  	font-weight: bold;
  	font-size: 20px;
  	-moz-user-select: none;
  	 -ms-user-select: none;
  	     user-select: none;
  	-webkit-user-select: none;
  }

  /* Position the "next button" to the right */
  .next {
  	right: 0;
  	border-radius: 3px 0 0 3px;
  }


  .active,
  .demo:hover {
  	opacity: 1;
  }





        #carousel{
            position: relative;
            margin: auto;
        }
        .carrousel-flexbox {

            display: flex;
            flex-wrap: nowrap;
            overflow-x: hidden;
            scrollbar-width: none;
        }

        .logo-block .carrousel-flexbox .card {
            padding-left: 20px;
          min-height: 100%;
            padding-right: 20px;
          height: auto !important;
          display: block;
        margin-top: auto;
    margin-bottom: auto;
  }

  .logo-block .carrousel-flexbox .card{
    flex: none;

  }
        .carrousel-flexbox .card:last-child {
            margin-right: 15px;
        }

        .carrousel-flexbox .card:last-child::after {
            content: ' ';
            display: inline-block;
        }

        .logo-block .card {
            width: 300px;
            cursor: pointer;
            user-select: none;
            outline: none;
              border-right: 0px;
      border-top: 0px;
      padding-left: 15px;
          height: auto !important;
        }
    .logo-block .card .smaller-img{
      width: 100%;
      max-height: 140px;
      object-fit: cover;
      margin: auto;
      padding: 0px 10px;
    }
      .logo-block  .card:hover {
            user-select: none;
            outline: none;
        }

      .logo-block  .card a {
            display: block;
        }

       .logo-block .deals-paddle {
            height: 38px;
            width: 38px;
            color: black;
            border-radius: 50%;
            border: 0px;
            background: transparent;
          cursor:pointer;
          margin-top: 0px;
        }
     .logo-block .deals-paddle button{
        margin-top: 0px;
     }
        .deals-paddle:focus {
            outline: none;
        }

        .deals-paddle:active {
            border-style: solid;
            outline: none;
            user-select: none;
        }

        .deals-paddle svg {
            width: 25px;
        }


        @media (min-width: 768px) {

        .carrousel,
        .carrousel-flexbox {
            width: 100%;
            -webkit-overflow-scrolling: touch;
        }

        .carrousel::-webkit-scrollbar,
        .carrousel-flexbox::-webkit-scrollbar {
            display: none;
        }

      }
        @media (min-width: 768px) {



        .start-from {
            font-size: 9px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: white;
        }

        .points {
            font-size: 12px;
            font-weight: 700;
            display: inline-block;
            color: white;
        }


      }
        @media (min-width: 768px) {
            .other-game-button {
                width: 300px;
            }
        }

        .carrousel-section {
            font-family: "Roboto";
            padding: 0px;
            position: relative;
        }
        @media (max-width: 768px) {
          .grad-right{
    display: none;
  }
  .grad-left{
      display: none;
  }

  	  @media (max-width: 450px)  {
  		  #myModal{
  			  display: none !important;
  		  }
  	  }
/* END_SECTION:custom-logo-slider */