

/* Start:/local/templates/canada/components/bitrix/catalog/slots/style.css?17435998231628*/
/* tournaments banner new */

.tournaments-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px;
    margin: 0 0 30px 0;
  }
  .tournaments-banner__title {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 5px 0;
  }
  .tournaments-banner__subtitle {
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
    color: #fff;
  }
  .tournaments-banner__subtitle span {
    font-weight: 700;
    color: #37D1D1;
  }
  .tournaments-banner__btn {
    background: #37D1D1;
    border-radius: 5px;
    padding: 0px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    flex: 0 0 160px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
  }
  
  
  @media (max-width: 767px) {
    .tournaments-banner {
      padding: 25px 10px;
      margin: 0 0 20px 0;
    }
    .tournaments-banner__title {
      font-weight: 600;
      font-size: 14px;
    }
    .tournaments-banner__subtitle {
      font-size: 10px;
    }
    .tournaments-banner__btn {
      font-size: 10px;
      flex: 0 0 106px;
      height: 30px;
    }
  }
/* End */


/* Start:/local/templates/canada/components/bitrix/catalog.section.list/slots_table_games/style.css?17556145892200*/
.table-games .top-line{margin-bottom:2rem;padding:0 2rem}@media (max-width:767px){.table-games .top-line{padding:0 1rem}}.table-games__inner{position:relative}.table-games__inner:after{content:"";display:block;width:17rem;height:100%;position:absolute;top:0;right:-20px;z-index:4;opacity:1;visibility:visible;transition:opacity 0.3s ease,visibility 0.3s ease;background-image:linear-gradient(90deg,#fff0,#1d2738);pointer-events:none}.slots-carousel--end .table-games__inner::after{opacity:0;visibility:hidden}.table-games__inner .swiper-slide{width:16rem}.table-games__inner .swiper-container{margin:0 -20px}.table-games__inner .carousel-nav{position:absolute;top:50%;z-index:5}@media (max-width:1439px){.table-games__inner .carousel-nav{display:flex}}@media (max-width:767px){.table-games__inner .carousel-nav{display:none}}.table-games__inner .carousel-nav--prev{left:0}.table-games__inner .carousel-nav--next{right:0}.table-games__block{background:#283346;border-radius:1rem;overflow:hidden;position:relative}.table-games__block__inner{padding:1rem}.table-games__block__link{border-top:1px solid #1d2738;padding:1rem 2rem 1rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:1.6rem;line-height:1.875em;color:#fff!important;background-color:#fff0;transition:background-color 0.3s ease,color 0.3s ease}@media (min-width:768px){.table-games__block__link:hover{background-color:#313f56}.table-games__block__link:hover .icon-chevron{transform:translateX(2px) rotate(-90deg) translateZ(0)}}.table-games__block__link span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-games__block__link .icon-chevron{font-size:8px;flex-shrink:0;margin-left:5px;transition:transform 0.3s ease;transform:rotate(-90deg)}@media (min-width:768px){.table-games__block__link .icon-chevron{transform:rotate(-90deg) translateZ(0)}}.table-games__block__thumb{width:100%;height:8rem;border-radius:1rem;overflow:hidden}@media (min-width:992px){.table-games__block__thumb:hover img{transform:scale(1.05) translateZ(0)}}.table-games__block__thumb img{transition:transform 0.3s ease}@media (min-width:992px){.table-games__block__thumb img{transform:scale(1) translateZ(0)}}
/* End */


/* Start:/local/templates/canada/components/bitrix/catalog.section.list/top_providers/style.css?17499129173121*/
.providers-carousel__block__thumb {
	background: #1d2738;
}


.providers-carousel {
    width: 100%;
    background-color: #1d2738;
    border-radius: 1rem;
    padding: 2rem 0;
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
}
@media (max-width: 991px) {
    .providers-carousel {
        padding: 1.5rem 0 1rem;
    }
}
@media (max-width: 767px) {
    .providers-carousel {
        margin-bottom: 2rem;
    }
}
.providers-carousel:after {
    content: "";
    display: block;
    width: 17rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    background-image: linear-gradient(90deg, rgba(29, 39, 56, 0), #1d2738);
    pointer-events: none;
}
@media (max-width: 767px) {
    .providers-carousel:after {
        display: none;
    }
}
.providers-carousel--end:after {
    opacity: 0;
    visibility: hidden;
}
.providers-carousel .top-line {
    margin-bottom: 2rem;
    padding: 0 2rem;
    position: relative;
    z-index: 5;
}
@media (max-width: 767px) {
    .providers-carousel .top-line {
        padding: 0 1rem;
    }
}
.providers-carousel__inner {
    position: relative;
}
.providers-carousel__inner .swiper-slide {
    width: auto;
}
.providers-carousel__inner .carousel-nav {
    position: absolute;
    top: 50%;
    z-index: 6;
}
@media (max-width: 767px) {
    .providers-carousel__inner .carousel-nav {
        display: none;
    }
}
.providers-carousel__inner .carousel-nav--prev {
    left: 2rem;
}
.providers-carousel__inner .carousel-nav--next {
    right: 2rem;
}
.providers-carousel__block {
    background: #283346;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}
.providers-carousel__block__inner {
    padding: 1rem;
}
.providers-carousel__block__link {
    border-top: 1px solid #1d2738;
    padding: 1rem 2rem 1rem 1rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1.875em;
    color: #fff !important;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}
@media (min-width: 768px) {
    .providers-carousel__block__link:hover {
        background-color: #313f56;
    }
    .providers-carousel__block__link:hover .icon-chevron {
        transform: translateX(2px) rotate(-90deg) translateZ(0);
    }
}
.providers-carousel__block__link span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.providers-carousel__block__link .icon-chevron {
    font-size: 8px;
    flex-shrink: 0;
    margin-left: 5px;
    transition: transform 0.3s ease;
    transform: rotate(-90deg);
}
@media (min-width: 768px) {
    .providers-carousel__block__link .icon-chevron {
        transform: rotate(-90deg) translateZ(0);
    }
}
.providers-carousel__block__thumb {
    width: auto;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.providers-carousel__block__thumb img {
    max-width: 110px;
    width: 100%;
    height: 100%;
    max-height: 100%;
}
/* End */


/* Start:/local/templates/canada/components/bitrix/catalog.section/slots_section/style.css?17556141494554*/
.slots-block{margin:0 0 30px 0;padding:20px;border:1px solid #333c4c;border-radius:10px;position:relative}.slots-block_choose{margin:90px 0 30px 0}.slots-block__header{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px 0;position:relative;z-index:5}.slots-block__action{margin:0 0 0 5px}.slots-block__action a{display:flex;align-items:center}.slots-block__action a:hover .slots-block__show{opacity:1}.slots-block__show{font-weight:500;font-size:16px;line-height:30px;text-transform:capitalize;color:#FFF;transition:opacity 0.3s ease;opacity:.5;margin:0 10px 0 0}.slots-block__arrow{display:flex;align-items:center;justify-content:center;background-color:#283346;width:30px;height:30px;border-radius:6px}.slots-block__arrow img{width:8px;height:14px}.slots-block__tabs{display:flex;position:absolute;top:-60px;left:0}.slots-block__tab{font-weight:500;font-size:16px;line-height:30px;text-transform:capitalize;color:#FFF;background-color:unset;padding:14px 40px 25px;border-radius:10px 10px 0 0;transition:background-color 0.2s ease}.slots-block__tab.is-active{background-color:#1D2738}.slots-block__tab-block{display:none}.slots-block__tab-block.is-active{display:block}.slots-block__search{margin:0 0 20px 0;position:relative;z-index:2}.slots-block__subtitle{font-weight:500;font-size:14px;line-height:20px;color:#FFF;margin:0 0 18px 0}.slots-block__input{border-radius:20px;background-color:#333C4C;max-width:740px;width:100%;height:40px;font-weight:500;font-size:16px;line-height:20px;text-transform:capitalize;color:#FFF;padding:0 50px;background:url(/local/templates/canada/img/slots-block/search-icon.svg) 22px no-repeat,#333C4C}.slots-block__input::placeholder{opacity:.4;color:#FFF}.slots-block__container::after{content:"";display:block;background:linear-gradient(90deg,#fff0 0%,#1D2738 100%);width:170px;height:100%;position:absolute;top:0;right:0;z-index:1;transition:opacity 0.3s ease,visibility 0.3s ease}.slots-block__container:has(.swiper-btn-next.swiper-button-disabled)::after{opacity:0;visibility:hidden}.slots-block__item{padding:0 0 0 15px}.slots-block__item:first-child{padding:0 0 0 20px}.slots-block__item:last-child{padding:0 20px 0 15px}.slots-block .swiper-container{position:relative;margin:0 -20px;overflow:hidden}.slots-block .swiper-container .swiper-wrapper{display:flex;align-items:flex-start}.slots-block .swiper-container .swiper-slide{width:auto}.slots-block .swiper-container .swiper-btn-next,.slots-block .swiper-container .swiper-btn-prev{position:absolute;top:50%;transform:translate(0,-50%);z-index:10;font-size:0;background:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.70725 16.7072L13.7073 10.7073C14.0983 10.3163 14.0983 9.68425 13.7073 9.29325L7.70725 3.29325C7.31625 2.90225 6.68425 2.90225 6.29325 3.29325C5.90225 3.68425 5.90225 4.31625 6.29325 4.70725L11.5862 10.0002L6.29325 15.2933C5.90225 15.6843 5.90225 16.3162 6.29325 16.7072C6.48825 16.9022 6.74425 17.0002 7.00025 17.0002C7.25625 17.0002 7.51225 16.9022 7.70725 16.7072Z" fill="%231D2738"/></svg>') center no-repeat,#fff;width:40px;height:40px;border-radius:20px;transition:all 0.3s ease;cursor:pointer}.slots-block .swiper-container .swiper-btn-next:hover,.slots-block .swiper-container .swiper-btn-prev:hover{box-shadow:0 0 15px rgb(0 0 0 / .4) inset}.slots-block .swiper-container .swiper-btn-next{right:20px}.slots-block .swiper-container .swiper-btn-prev{left:20px;transform:translate(0,-50%) rotate(180deg)}.slots-block .swiper-container .swiper-button-disabled{opacity:0;visibility:hidden;transition:all 0.3s ease}.slots-block form{margin-top:10px}.slots-block .form-control{padding:0 20px 0 50px}@media (max-width:991px){.slots-block__show span{display:none}}@media (max-width:768px){.slots-block{padding:10px}.slots-block .swiper-container{margin:0 -10px}.slots-block__container::after{width:150px}.slots-block__item:first-child,.slots-block__item{padding:0 0 0 10px}.slots-block__item:last-child{padding:0 10px 0 10px}}@media (max-width:500px){.slots-block{margin:0 0 20px 0}.slots-block_choose{margin:60px 0 20px 0}.slots-block__tabs{top:-40px}.slots-block__tab{font-size:12px;padding:5px 30px 15px}.slots-block__subtitle{font-size:10px;line-height:16px;margin:0 0 8px 0}.slots-block__search{margin:0 0 10px 0}.slots-block .swiper-btn-next,.slots-block .swiper-btn-prev{display:none}.slots-block__container::after{display:none}}.slots-block .slots-card{border:1px solid #FFFFFF1A}
/* End */


/* Start:/local/templates/canada/components/bitrix/catalog/slots/bitrix/catalog.section/.default/style.css?17555830412380*/
.free-slots-cards {
	margin: 0 0 30px 0;
}
.free-slots-cards__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 20px;
	margin: 0 0 20px 0;
}
.free-slots-cards__card {
  width: unset !important;
}
@media (max-width: 767px) {

  .free-slots-cards__wrapper {
     grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	justify-content: center;
	gap: 10px;
  }
	.free-slots-cards {
		margin: 0 0 20px 0;
	}
}
@media (max-width: 400px) {
   .free-slots-cards__wrapper {
     grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  }
}

.slots-card{background-color:#1D2738;border-radius:10px;width:180px;padding:10px;overflow:hidden}.slots-card__image{width:100%;height:170px;position:relative;overflow:hidden;border-radius:10px 10px 0 0}.slots-card__img{width:100%;height:100%;object-fit:cover;transition:scale 0.3s ease}@media(min-width:768px){.slots-card:hover .slots-card__img{scale:1.05}}.slots-card__comment{display:none;position:absolute;top:0;right:0;background-color:#283346;border-radius:0 0 0 10px;padding:2px 4px 5px 10px}.slots-card__comment span{font-weight:400;font-size:12px;margin-left:6px}.slots-card__comment img{width:14.4px;height:14.4px}.slots-card__rtp{background-color:#283346;border-radius:0 0 10px 10px;margin:0 0 10px 0;background:#333C4C}.slots-card__rtp span{color:#fff;display:inline-block;width:100%;font-size:12px;font-weight:500;line-height:30px;text-align:center}.slots-card__title span{-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;text-align:center;font-weight:500;font-size:16px;line-height:20px;color:#fff}.slots-card__title{height:40px;display:flex;align-items:center;justify-content:center;transition:color 0.3s ease}.slots-card__title:hover{color:#e83d60}.slots-card__btn{font-size:14px;font-weight:600;line-height:30px;width:100%;height:40px;color:#1D2738;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center}.slots-card__by{position:absolute;top:5px;right:5px;display:flex;align-items:center;justify-content:center;gap:3px;height:30px;padding:0 10px;background-color:#1A1A1A;border-radius:5px}.slots-card__by svg{flex:0 0 16px}.slots-card__by span{color:#fff;font-size:10px;font-weight:700;line-height:normal}@media (max-width:768px){.slots-card__by svg{flex:0 0 12px}.slots-card__by span{font-size:8px}}
/* End */
/* /local/templates/canada/components/bitrix/catalog/slots/style.css?17435998231628 */
/* /local/templates/canada/components/bitrix/catalog.section.list/slots_table_games/style.css?17556145892200 */
/* /local/templates/canada/components/bitrix/catalog.section.list/top_providers/style.css?17499129173121 */
/* /local/templates/canada/components/bitrix/catalog.section/slots_section/style.css?17556141494554 */
/* /local/templates/canada/components/bitrix/catalog/slots/bitrix/catalog.section/.default/style.css?17555830412380 */
