@import url("../fonts/fonts.css");
/* @import url("../ptribe_test/fonts/fonts.css"); */

*,
*:before,
*:after {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

p, span {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

/* Lists */
ul, ol {
    padding-left: 0;
    list-style: none;
    margin-bottom: 2rem;
    font-size: 1rem;
}

li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.4375rem;
    margin-left: 1.5rem;
}

ul li::before {
    content: "";
    display: inline-block;
    width: 1.0625rem;
    min-width: 1.0625rem;
    height: 1.0625rem;
    min-height: 1.0625rem;
    background: url(../icons/list/ul.svg);
    background-size: 1.0625rem 1.0625rem;
    margin-right: 0.5rem;
    margin-left: -1.5rem;
}

ol {
    counter-reset: counter;

}

ol li {
    counter-increment: counter;
}

ol li::before {
    content: "0"counter(counter);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    min-height: 1.25rem;
    background: url(../icons/list/ol.svg);
    background-size: 1.25rem 1.25rem;
    font-family: 'San Francisco Pro';
    color: #E8E9EA;
    font-size: 0.6875rem;
    font-weight: 400;
    margin-right: 0.5rem;
    margin-left: -1.5rem;

}

li:last-of-type {
    margin-bottom: 0;
}

select {
    font-family: 'San Francisco Pro';
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(../icons/btn/arrow-bottom.svg) no-repeat;
    background-position: top 50% right 1rem;
    outline: 0;
}

input[type=time]::-webkit-calendar-picker-indicator {
    background: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
}

input[type=time] {
    padding: 0;
    margin: 0;
    line-height: 1.1875rem;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;

}

html {
    font-size: 11.3833333px;
}

body {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    background-color: #142229;
    font-family: 'San Francisco Pro';
}

.root {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.no-scroll {
    overflow: hidden;
}

.container {
    width: 100%;
    height: 100%;
    max-width: 1856px;
    padding: 0 2rem;
    margin: 0 auto;
}

/* ========== Header Start ==========*/

.header {
    position: fixed;
    width: 100%;
    height: 6.25rem;
    background: linear-gradient(to right, #263840, #0A171D) 90% 0%;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    z-index: 999;
}

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}

.header__logo {
    width: 6rem;
    height: 3.75rem;
}

.header__navigation {
    display: flex;
    align-items: center;
}

.nav {
    display: flex;
    margin-right: 5.6875rem;
}

.nav-mob {
    display: none;
}

.nav__link {
    font-family: 'San Francisco Pro';
    font-weight: 500;
    color: #5C737E;
    font-size: 1rem;
    text-decoration: none;
    margin-left: 2.375rem;
    user-select: none;
    text-align: left;
    transition: color .1s linear;

}

.nav__link:hover {
    color: #95A8B1;
}

.nav__link:active {
    color: #FFFFFF;
    transition: none;
}

.nav__link.active {
    color: #FFFFFF;
}

.header__buttons {
    display: flex;
    width: 18.5rem;
}

.btn {
    font-family: 'San Francisco Pro';
    font-weight: 400;
    display: inline-block;
    padding: .75rem 1.25rem;
    border-radius: 1rem;
    text-decoration: none;
    border: 0;
    color: #FFFFFF;
    font-size: 1rem;
    min-width: 8.75rem;
    align-self: center;
}

.btn:hover {
    cursor: pointer;
}

.btn--burger {
    display: none;
}

.btn--enter {
    background-color: #2D3A42;
    transition: background-color .1s linear;
}

.btn--enter:hover {
    background-color: #3E5665;
}

.btn--enter:active {
    background-color: #20333E;
    transition: none;
}

.btn--enter:focus {
    background-color: #20333E;
    transition: none;
    outline:none;
}

.btn--registration {
    display: block;
    position: relative;
    max-width: 23.375rem;
    margin-left: 1rem;
    background: linear-gradient(90deg, #FF6464, #FC3838);
    box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C;
    z-index: 1;
    text-align: center;
}

.btn--registration:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
    transition: opacity 0.1s linear;
    z-index: 2;
    opacity: 0;
}
  
.btn--registration:hover:after {
    opacity: 1;
}

.btn--registration:active:after {
    background: linear-gradient(90deg, #FF5454, #FF2121);
    transition: none;
}

.btn--registration:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
    transition: none;
    outline: none;
}

.btn__text {
    position: relative;
    z-index: 3;
}

.header__user {
    display: flex;
    align-items: center;
}

.header__user-container {
    margin-right: 1.25rem;
    text-align: end;
}

.header__user-nickname {
    text-decoration: none;
    margin-bottom: 0.3125rem;
    color: #FFFFFF;
    font-size: 1rem;
    line-height: 1.3125rem;
    font-weight: 600;
}

.header__user-logout {
    text-decoration: none;
    color: #5C737E;
    font-size: 0.875rem;
    line-height: 1.1875rem;
    font-weight: 500;
}

.header__user-avatar {
    width: 3.75rem;
    height: 3.75rem;
    min-width: 3.75rem;
    min-height: 3.75rem;
    border-radius: 50%;
    object-fit: cover;
}


/* ========== Header End ==========*/

/*========== Content Start ==========*/

.content {
    padding-top: 6.25rem;
    padding-bottom: 1.5325rem;
}

.content__inner {
    display: flex;
    align-items: stretch;
    
}

.left-side {
    display: flex;
    flex-direction: column;
    width: 74.73%;
}

.right-side {
    width: 25.27%;
}

/*========== Breadcrumbs ==========*/

.breadcrumbs {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    margin-top: 1.5325rem;
    padding: 0.875rem 1.5rem 0rem 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

.breadcrumbs::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
  }

.crumb {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125rem;
    margin-right: 1.3125rem;
    margin-bottom: 1rem;
    white-space: nowrap;
}

.crumb.active {
    color: #FFFFFF;
}

.crumb:first-of-type::before {
    display: none;
}

.crumb::before {
    content: "";
    display: inline-block;
    margin-right: 1rem;
    width: 0.5rem;
    height: 0.875rem;
    min-width: 0.5rem;
    min-height: 0.875rem;
    background: url(../icons/arrow/arrow-crumb.svg);
    background-size: 0.5rem 0.875rem;
    cursor: auto;
}

/*========== Breadcrumbs END ==========*/


/*========== Style in Title area in block ==========*/

.block-title {
    display: flex;
    height: 2.5625rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.block-title__text {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    margin-left: 0.439375rem;
}

/* Icons in title area */

.block-title__icon--star {
    display: block;
    text-indent: -9999px;
    width: 1.373125rem;
    height: 1.3125rem;
    min-width: 1.373125rem;
    min-height: 1.3125rem;
    background: url(../icons/block/star.svg);
    background-size: 1.373125rem 1.3125rem;
}

.block-title__icon--spade {
    display: block;
    text-indent: -9999px;
    width: 1.3125rem;
    height: 1.3125rem;
    min-width: 1.3125rem;
    min-height: 1.3125rem;
    background: url(../icons/block/spade.svg);
    background-size: 1.3125rem 1.3125rem;
}

.block-title__icon--trophy {
    display: block;
    text-indent: -9999px;
    width: 1.14125rem;
    height: 1.3125rem;
    background: url(../icons/block/trophy.svg);
    background-size: 1.14125rem 1.3125rem;
}

.block-title__icon--newspaper {
    display: block;
    text-indent: -9999px;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    background: url(../icons/block/newspaper.svg);
    background-size: 1.5625rem 1.5625rem;
}

.block-title__icon--comments {
    display: block;
    text-indent: -9999px;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    background: url(../icons/block/comment.svg);
    background-size: 1.5625rem 1.5625rem;
}

.block-title__icon--hot-news {
    display: block;
    text-indent: -9999px;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    background: url(../icons/block/hot.svg);
    background-size: 1.5625rem 1.5625rem;
}

.block-title__icon--liked-articles {
    display: block;
    text-indent: -9999px;
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../icons/block/like-articles.svg);
    background-size: 1.5625rem 1.5625rem;
}

.block-title__icon--shared-in-social {
    display: block;
    text-indent: -9999px;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    background: url(../icons/block/share-in-social.svg);
    background-size: 1.5625rem 1.5625rem;
}

.block-title__icon--screenshots {
    display: block;
    text-indent: -9999px;
    width: 1.3125rem;
    height: 1.3125rem;
    min-width: 1.3125rem;
    min-height: 1.3125rem;
    background: url(../icons/block/screenshots.svg) center no-repeat;
    background-size: 1.3125rem 1.3125rem;
}

.block-title__icon--room-contact {
    display: block;
    text-indent: -9999px;
    width: 1.4375rem;
    height: 1.1875rem;
    min-width: 1.4375rem;
    min-height: 1.1875rem;
    background: url(../icons/block/room-contact.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}

.block-title__icon--add-info {
    display: block;
    text-indent: -9999px;
    width: 1.3125rem;
    height: 1.3125rem;
    min-width: 1.3125rem;
    min-height: 1.3125rem;
    background: url(../icons/block/information.svg) center no-repeat;
    background-size: 1.3125rem 1.3125rem;
}

.block-title__icon--poker-chips {
    display: block;
    text-indent: -9999px;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    background: url(../icons/clubs/poker-chips.svg) center no-repeat;
    background-size: 1.5625rem 1.5625rem;
}

.contact__icon--room-email {
    display: block;
    text-indent: -9999px;
    width: 1.375rem;
    height: 1.1875rem;
    min-width: 1.375rem;
    min-height: 1.1875rem;
    background: url(../icons/contact/email.svg) center no-repeat;
    background-size: 1.375rem 1.1875rem;
}

.contact__icon--room-chat {
    display: block;
    text-indent: -9999px;
    width: 1.375rem;
    height: 1.1875rem;
    min-width: 1.375rem;
    min-height: 1.1875rem;
    background: url(../icons/contact/live-chat.svg) center no-repeat;
    background-size: 1.375rem 1.1875rem;
}

.contact__icon--room-phone {
    display: block;
    text-indent: -9999px;
    width: 1.375rem;
    height: 1.1875rem;
    min-width: 1.375rem;
    min-height: 1.1875rem;
    background: url(../icons/contact/phone.svg) center no-repeat;
    background-size: 1.375rem 1.1875rem;
}

.block-title__icon--rating {
    display: block;
    text-indent: -9999px;
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../icons/block/comment.svg);
    background-size: 1.5625rem 1.5625rem;
}

.description-block {
    width: 100%;
    margin-top: 1.5325rem;
    padding: 1.5rem;
    background: #202B31;
    border-radius: .5rem;
}

.description-block h1 {
    margin-bottom: 1rem;
}

.description-block__text {
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.description-block__text p {
    margin-bottom: 1rem;
}


/* ========== Slider Start ==========*/

.slider {
    width: 100%;
    position: relative;
    margin-top: 1.5325rem;
    height: calc(70vw / 4.97);
    background: #202B31;
    border-radius: .5rem;
    overflow: hidden;
}

.slider__container {
    width: 100%;
    max-height: auto;
    overflow: hidden;
}

.slider__nav-container {
    position: absolute;
    display: flex;
    bottom: 0.5rem;
    left: 1.5rem;
}

.slider__nav {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.slider__nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.slider__nav li::before {
    display: none;
    margin: 0;
    padding: 0;
}

.slider__nav .slick-active button,
.slider__nav li button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
    padding: 0;
    cursor: pointer;

    width: 1.6875rem;
    height: 2rem;
    min-width: 1.6875rem;
    min-height: 2rem;
    /* border: 1px solid #5C737E;
    border-radius: 0.5rem; */

    color: #FFFFFF;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125rem;
    opacity: 0.3;
}

.slider__nav li button::before {
    content: "0";
}

.slider__nav li:nth-child(n + 10) button::before {
    content: none;
}

.slider__nav .slick-active button {
    font-size: 1.3125rem;
    line-height: 1.75rem;
    opacity: 1;
    border-bottom: 0.1875rem solid #FFFFFF;

}

.slide {
    width: 100%;
    height: 100%;
    border-radius: .5rem;
}

/* ========== Recommended Start ==========*/

.recomend {
    margin-top: 1.5325rem;
    margin-left: 1rem;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.room-list__room {
    display: flex;
    padding: 1rem 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.room-list__room:last-child {
    border: none;
    padding-bottom: 0;
}

.room__logo {
    width: 6.3125rem;
    height: 4.1875rem;
    border-radius: 0.5rem;
}

.room__container {
    margin-left: 1rem;
}

.room__title {
    text-decoration: none;
    font-size: 1.125rem;
    color: #FFFFFF;
    font-weight: 600;
}

.room__rakeback {
    margin-top: 0.4375rem;
    font-size: 0.875rem;
    color: #70AB34;
    font-weight: 400;
    /* line-height: 1.3125rem; */
}

.room__bonus {
    margin-top: 0.4375rem;
    font-size: 0.875rem;
    color: #FFFFFF;
    font-weight: 400;
}

/* ========== Filter articles Start ==========*/

.filter {
    display: flex;
    align-items: center;
    margin-top: 1.5325rem;
    padding: 1.1875rem 1.5rem 1.1875rem 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.block-title__filter {
    display: flex;
    align-items: center;
    height: 2.5625rem;
    margin-right: 1.5rem;

}

.filter__buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    min-width: 19.5625rem;
    margin-left: auto;
    margin-right: 5.3125rem;
}

.filter__buttons div,
.filter__buttons a {
    text-decoration: none;
    margin-left: 1.5rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem;
    transition: color .1s linear;
}

.filter__buttons div:last-child,
.filter__buttons a:last-child {
    margin-right: 0;
}

.filter__buttons div:hover,
.filter__buttons a:hover {
    color: #3EB6F8;
    cursor: pointer;
}

.filter__buttons .active {
    color: #3EB6F8;
}

.filter__search {
    margin-left: auto;
    width: 100%;
    max-width: 36.5rem;
    height: 2.6875rem;
    padding: 0.75rem 1.25rem 0.75rem 2.8125rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    background-color: #2D3A42;
    border: none;
    border-radius: 1rem;
    caret-color: #3EB6F8;
}

.filter__search::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.filter__search:focus {
    background: #26495C;
    outline:none;
}

.filter__search-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;

}

.filter__search-icon {
    text-decoration: none;
    border: 0;
    position: absolute;
    margin-left: 1.140625rem;
    width: 1.140625rem;
    height: 1.140625rem;
    min-width: 1.140625rem;
    min-height: 1.140625rem;
    padding: 0.5rem;
    background: url(../icons/btn/search.svg) center no-repeat;
    background-size: 1.140625rem 1.140625rem;
    cursor: pointer;
}

.filter__search-icon:focus {
    border: none;
    outline:none;
}

.filter__search-icon:active {
    border: none;
}

.help-label-text-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background: url(../icons/other/help-label-icon.svg) center no-repeat;
    background-size: 1rem 1rem;
    cursor: pointer;
}

[data-helptext] {
    position: relative; /* Относительное позиционирование */ 
}

[data-helptext]::after {
    content: attr(data-helptext); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    width: 15rem; /* Ширина подсказки */
    left: 0;
    top: 0; /* Положение подсказки */
    background: #202B31; /* Цвет фона */
    color: #FFFFFF; /* Цвет текста */
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 1em; /* Поля вокруг текста */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    pointer-events: none; /* Подсказка */
    opacity: 0; /* Подсказка невидима */
    border: 1px solid #5C737E;
    border-radius: 0.5rem;
    z-index: 999;
}

[data-helptext]:hover::after {
    opacity: 1; /* Показываем подсказку */
    top: 2em; /* Положение подсказки */
}

/* ========== List of articles Start ==========*/

.list-article__article {
    display: flex;
    margin-top: 1.5325rem;
    height: 13.8125rem;
    background-color: #202B31;
    border-radius: .5rem;
    margin-bottom: 1.5rem;
}

.article__img {
    display: block;
    width: 34.375rem;
    height: 13.8125rem;
    border-radius: 0.5rem 0 0 0.5rem;
}

.article__img .image {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem 0 0 0.5rem;
    object-fit: cover;

}

.article__data {
    display: flex;
    flex-direction: column;
    width: 52.375rem;
    padding: 1.5rem;
}

.article__title {
    display: inline-flex;
    align-items: start;
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.5625rem;
}

.article__lable {
    margin-right: 0.4375rem;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0 0.875rem;
    border-radius: 0.5rem;
    user-select: none;
}

.article__title .title__text {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.5625rem;
}

.lable--promotions {
    background-color: #70AB34;
}

.lable--news {
    background-color:#4F9DF6;

}

.lable--articles {
    background-color:#6C49BF;

}

.article__published {
    margin-top: 1rem;
    color:#5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}

.article__description {

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.article__comments {
    display: flex;
    align-items: center;
    margin-top: auto;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    vertical-align: bottom;
}

.comments__icon {
    display: inline-block;
    margin-right: 0.4375rem;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background: url(../icons/other/comments.svg);
    background-size: 1rem;
}

/* Paggination button */

.btn--pagination {
    width: 100%;
    margin-top: 1rem;
    padding: 1.25rem 0;
    color: #E8E9EA;
    background-color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    border-radius: 0.5rem;
    transition: background-color .1s linear;
}

.btn--pagination:hover {
    background-color: #6D8895;
}

.btn--pagination:active {
    background-color: #4E6874;
    transition: none;
}

/*========== Pagination ==========*/

.pagination {
    /* display: flex;
    justify-content: center; */
    width: 100%;
    background-color: #202B31;
    border-radius: 0.5rem;
    margin-top: auto;
    padding: 1rem;
}

.pagination__container {
    display: flex;
    justify-content: center;
}

.pagination__arrow-left,
.pagination__arrow-right {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    cursor: pointer;
    margin-right: 1rem;
}

.pagination__arrow-left {
    background: url(../icons/arrow/pagination-left.svg);
    background-size: 1.5rem 1.5rem;
}

.pagination__arrow-right {
    background: url(../icons/arrow/pagination-right.svg);
    background-size: 1.5rem 1.5rem;
}

.pagination__page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    margin-right: 0.5rem;
    border: 1px solid #5C737E;
    border-radius: 0.5rem;
    outline: none;
    background: none;
    text-decoration: none;
    color: #5C737E;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
}

.pagination__page:last-of-type {
    margin-right: 0.5rem;
}

.pagination__page.active {
    border: none;
    color: #FFFFFF;
    background: linear-gradient(90deg, #FF6464, #FC3838);
}



/* ========== PokerTribe Contacts Start ==========*/

.contacts {
    margin-top: 1.5325rem;
    margin-left: 1rem;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.contacts__ways {
    padding: 1rem 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}

.contacts__way {
    display: flex;
    margin-top: 1rem;
}

.contacts__way:first-child {
    margin-top: 0;
}

.contact__icon--email {
    display: block;
    text-indent: -9999px;
    width: 1.4375rem;
    height: 1.1875rem;
    min-width: 1.4375rem;
    min-height: 1.1875rem;
    background: url(../icons/contact/email.svg);
    background-size: 1.4375rem 1.1875rem;
}

.contact__icon--telegram {
    display: block;
    text-indent: -9999px;
    width: 1.4375rem;
    height: 1.1875rem;
    min-width: 1.4375rem;
    min-height: 1.1875rem;
    background: url(../icons/contact/telegram.svg);
    background-size: 1.4375rem 1.1875rem;
}

.contact__icon--skype {
    display: block;
    text-indent: -9999px;
    width: 1.4375rem;
    height: 1.1875rem;
    min-width: 1.4375rem;
    min-height: 1.1875rem;
    background: url(../icons/contact/skype.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}

.contact__data {
    margin-left: 1rem;
}

.data__key {
    margin-right: 0.625rem;
    color:#5C737E;
    font-size: 1rem;
    font-weight: 600;
}

.data__value {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 300;
}

.contacts__social {
    margin-top: 1rem;
}

.social__title {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}

.social__icon-list {
    margin-top: 1.3125rem;
    display: flex;
}

.link-social {
    color: #FFFFFF;
    margin-right: 2.125rem;
    text-decoration: none;
    user-select: none;
    transition: color .1s linear;
}

.svg-icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #5c737e;
}

.link-social:hover .svg-icon {
    fill: #3EB6F8;
}

.link-social:active .svg-icon {
    fill: #1693D8;
}

/* ========== PokerTribe Freerolls Start ==========*/

.freerolls0 {
    margin-top: 1.5325rem;
    margin-left: 1rem;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.list__freeroll0 {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.list__freeroll0:last-child {
    border: none;
    padding-bottom: 0;
}

.freeroll0__room-logo {
    width: 4.1875rem;
    height: 4.1875rem;
    border-radius: 0.5rem;
}

.freeroll0__container {
    margin-left: 0.875rem;
    margin-right: 1.75rem;
}

.freeroll0__title {
    font-size: 1.125rem;
    color: #FFFFFF;
    font-weight: 600;
}

.freeroll0__prize {
    margin-top: 0.4375rem;
    font-size: 0.875rem;
    color: #FFBC37;
    font-weight: 400;
}

.freeroll0__date {
    margin-top: 0.4375rem;
    font-size: 0.875rem;
    color: #FFFFFF;
    font-weight: 400;
}

/* Timer in Freerolls block */

.freeroll__timer {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-end;
    margin-top: 0.875rem;
}

.time__block{
    text-align: center;
}

.number,
.seperator{
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
}

.text {
    margin-top: 0.4375rem;
    color: #5C737E;
    font-size: 0.75rem;
    font-weight: 400;
}

/* ========== Banner man Start ==========*/

.banner {
    margin-top: 1.5325rem;
    margin-left: 1rem;
    padding: 2.4375rem;
    height: 37.6875rem;
    background: #202B31;
    background: linear-gradient(to bottom, #00000000, #000000), url(../img/banner-man.png);
    background-size: cover;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.banner__logo {
    width: 7.5625rem;
    height: 4.75rem;
    text-align: center;
}

.banner__text {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1.75rem;
    text-align: center;
    margin-top: 1.5rem;
}

/* ========== Footer Start ==========*/

.footer {
    margin-top: auto;
    width: 100%;
    background-color: #121A1E;
    border-top: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
    border-image-width: 1px 0px 1px 0px;

}

.footer__inner {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    align-items: center;
    padding: 1rem 0 1.125rem 0;
}

.footer__logo {
    width: 6rem;
    height: 3.75rem;
}

.footer__politics {
    align-self: flex-end;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 2.1875rem 0 2.1875rem;
}

.footer__politics div {
    margin-top: 1rem;
}

.footer__politics a {
    display: inline;
    margin-top: 1rem;
    text-decoration: none;
    cursor: pointer;
    color: #5C737E;

}

.footer__copyright {
    margin-left: auto;
    margin-top: auto;
}

/*========== Content End ==========*/


/*========== PAGE PROMOTIONS START==========*/

/*========== Filter Rooms ==========*/

.filter-news {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5325rem;
    padding: 1.1875rem 1.5rem 1.1875rem 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.filter-news__buttons,
.filter-promo__buttons {
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    margin-right: 3rem;
}

.filter-news__buttons div,
.filter-news__buttons a,
.filter-promo__buttons div,
.filter-promo__buttons a {
    text-decoration: none;
    margin-right: 1.5rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    transition: color .1s linear;
}

.filter-news__buttons div:hover,
.filter-news__buttons a:hover,
.filter-promo__buttons div:hover,
.filter-promo__buttons a:hover  {
    color: #3EB6F8;
    cursor: pointer;
}

.filter-news__buttons .active,
.filter-promo__buttons .active {
    color: #3EB6F8;
}

.filter-news__search-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 40%;

}

.filter-news__search {
    margin-left: auto;
    width: 100%;
    height: 2.6875rem;
    padding: 0.75rem 1.25rem 0.75rem 2.8125rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    background-color: #2D3A42;
    border: none;
    border-radius: 1rem;
    caret-color: #3EB6F8;

}

.filter-news__search::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.filter-news__search:focus {
    background: #26495C;
    outline: none;
}


/*========== PAGE PROMOTIONS END==========*/


/*========== PAGE ARTICLE DETAILS START==========*/

.article-details {
    margin-top: 1.5325rem;
}

/* Article Header */

.article-details__header {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77, #1C333D) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.article-details__img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

.article-details__title {
    margin-top: 1.5rem;
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 700;
    /* line-height: 3rem; */
}

.article-details__stats {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}

.stats__date-published {
    margin-right: 4.1875rem;
}

.stats__comments {

}

/* Article Body */

.article-details__body {
    margin-top: 1.5rem;
}

.article-details__body p,
.review-room__body p,
.soft-trackers__body p,
.cashier-methods__body p,
.rakeback-structure__body p {
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    margin-bottom: 2rem;
}

.article-details__body blockquote,
.review-room__body blockquote,
.soft-trackers__body blockquote,
.cashier-methods__body blockquote,
.rakeback-structure__body blockquote {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-bottom: 2rem;
}

.article-details__body blockquote::before,
.review-room__body blockquote::before,
.soft-trackers__body blockquote::before,
.cashier-methods__body blockquote::before,
.rakeback-structure__body blockquote::before {
    content: "";
    display: block;
    width: 2.875rem;
    height: 2rem;
    min-width: 2.875rem;
    min-height: 2rem;
    background: url(../icons/other/quote-blue.svg);
    background-size: 2.875rem 2rem;
    margin-bottom: 0.75rem;
}

.article-details__body img,
.review-room__body img,
.soft-trackers__body img,
.cashier-methods__body img,
.rakeback-structure__body img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
}

/* .article-details__body a {
    text-decoration: none;
    font-weight: 500;
    color: #3EB6F8;
}

.article-details__body a:hover {
    color: #65C9FF;
}

.article-details__body a:active {
    color: #2999D6;
} */

.article-details__body h2,
.review-room__body h2,
.soft-trackers__body h2,
.cashier-methods__body h2,
.rakeback-structure__body h2,
.terms-block h2 {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.article-details__body h2::before,
.review-room__body h2::before,
.soft-trackers__body h2::before,
.cashier-methods__body h2::before,
.rakeback-structure__body h2::before,
.terms-block h2::before {
    content: "";
    display: inline-block;
    background: #FFBC37;
    width: 2rem;
    height: 1.5625rem;
    margin-left: -2rem;
    margin-right: 0.5rem;
    margin-bottom: -0.3rem;
}


.article-details__body h3,
.review-room__body h3,
.soft-trackers__body h3,
.cashier-methods__body h3,
.rakeback-structure__body h3 {
    margin-bottom: 1.5rem;
}


/* Body Text */
.body__text {
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    margin-bottom: 2rem;
}

/* Quote */
blockquote {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-bottom: 2rem;
}

blockquote::before {
    content: "";
    display: block;
    width: 2.875rem;
    height: 2rem;
    min-width: 2.875rem;
    min-height: 2rem;
    background: url(../icons/other/quote-blue.svg);
    background-size: 2.875rem 2rem;
    margin-bottom: 0.75rem;
}



/* Images */
.body__img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
}

/* Link */
.body__link {
    text-decoration: none;
    font-weight: 500;
    color: #3EB6F8;
    cursor: pointer;
}

.body__link:hover {
    color: #65C9FF;
}

.body__link:active {
    color: #2999D6;
}

/* Table */
.table-container {
    overflow-x: auto;
    margin-bottom: 2rem;
}

.article-details__body table,
.review-room__body table,
.soft-trackers__body table,
.cashier-methods__body table,
.rakeback-structure__body table,
thead,
tr,
th,
td,
thead, tbody,
tfoot {
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

.article-details__body table,
.review-room__body table,
.soft-trackers__body table,
.cashier-methods__body table,
.rakeback-structure__body table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1rem;
    font-weight: 300;
}

.article-details__body table thead,
.review-room__body table thead,
.soft-trackers__body table thead,
.cashier-methods__body table thead,
.rakeback-structure__body table thead {
    background: #202B31;
    padding: 0.75rem 1.5rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125rem;
    text-align: start;
}

.review-room__body table thead,
.soft-trackers__body table thead,
.cashier-methods__body table thead,
.rakeback-structure__body table thead {
    background: #142229;
}


.article-details__body table thead th, td {
    font-weight: 500;
    text-align: start;
    padding: 0.75rem 1.5rem;
}

.review-room__body table thead th,
.soft-trackers__body table thead th,
.cashier-methods__body table thead th,
.rakeback-structure__body table thead th {
    font-weight: 500;
    text-align: start;
    padding: 0.75rem 1.5rem;
}

.article-details__body table tr, td {
    font-weight: 300;
}

.review-room__body table th,
.soft-trackers__body table th,
.cashier-methods__body table th,
.rakeback-structure__body table th {
    font-weight: 500;
    text-align: start;
    padding: 0.75rem 1.5rem;
}

.article-details__body table tbody tr:nth-of-type(even) {
    background: rgba(32, 43, 49, .4);
}

.review-room__body table tbody tr:nth-of-type(even),
.soft-trackers__body table tbody tr:nth-of-type(even),
.cashier-methods__body table tbody tr:nth-of-type(even),
.rakeback-structure__body table tbody tr:nth-of-type(even) {
    background: rgba(20, 34, 41, .4);
}

.article-details__body table tbody tr:nth-of-type(odd) {
    background: rgba(32, 43, 49, .2);

}

.review-room__body table tbody tr:nth-of-type(odd),
.soft-trackers__body table tbody tr:nth-of-type(odd),
.cashier-methods__body table tbody tr:nth-of-type(odd),
.rakeback-structure__body table tbody tr:nth-of-type(odd) {
    background: rgba(20, 34, 41, .2);
}

.article-details__body table tbody tr:hover,
.review-room__body table tbody tr:hover,
.soft-trackers__body table tbody tr:hover,
.cashier-methods__body table tbody tr:hover,
.rakeback-structure__body table tbody tr:hover {
    background: rgba(32, 43, 49, 1);
}

.review-room__body table tbody tr:hover,
.soft-trackers__body table tbody tr:hover,
.cashier-methods__body table tbody tr:hover,
.rakeback-structure__body table tbody tr:hover {
    background: rgba(20, 34, 41, 1);
}

/* Titles */
.body__title-plus {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.body__title-plus::before {
    content: "";
    display: inline-block;
    background: #FFBC37;
    width: 2rem;
    height: 1.5625rem;
    margin-left: -2rem;
    margin-right: 0.5rem;
    margin-bottom: -0.3rem;
}

.body__title-droping {
    display: flex;
    align-items: flex-start;
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-bottom: 1.5rem;
}

.body__title-droping::before {
    content: "";
    display: inline-block;
    color: #3EB6F8;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    background: url(../icons/arrow/acardion-top.svg) no-repeat;
    background-size: 1rem 1rem;
    margin-right: 0.75rem;
    margin-top: 0.25rem;
}

.body__title {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-bottom: 1.5rem;
}

/* Registration Button */

.body__btn--registration {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: max-content;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 1.1875rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s linear;
    color: white;
    font-size: 1.3125rem;
    border-radius: 1rem;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C;
}


.body__btn--registration:hover {
    background: linear-gradient(to right, #FF8F8F, #FF5A5A) 98% 0%;
    transition: background 0.2s linear;

}

.body__btn--registration:active {
    background: linear-gradient(90deg, #FF5454, #FF2121);
    transition: none;
}

.btn-registration__icon {
    width: 1.5625rem;
    min-width: 1.5625rem;
    height: 1.5625rem;
    min-height: 1.5625rem;
    margin-right: 0.4375rem;
    background: url(../icons/btn/flag-download-btn.svg);
    background-size: 1.5625rem 1.5625rem;
}

/* Rating */
.article-details__rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 2rem;
    padding: 0.6875rem 1.75rem 0.6875rem 1.5rem;
    background: #202B31;
    border-radius: 0.5rem;
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
}

.rating__title {
    margin-right: 2rem;
}

.rating__buttons {
    display: flex;
}

.rating__buttons button {
    display:flex;
    align-items: center;
    font-family: 'San Francisco Pro';
    font-weight: 400;
    display: flex;
    margin-right: 1rem;
    padding: 1.125rem 1.5rem 1.0625rem 1.5rem;
    border-radius: 0.5rem;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    background: #2D3A42;
    color: #FFFFFF;
    font-size: 1.125rem;
    transition: background 0.2s linear;
}

.rating__buttons button:hover {
    background: #3E5665;
}

.rating__buttons button:active {
    background: #20333E;
    transition: none;
}

.buttons__icon--good, .buttons__icon--bad {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1.5rem;
    background: #F7CF9C;
}

.buttons__icon--good {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    background: url(../icons/other/good.svg);
    background-size: 1.5rem 1.5rem;
}

.buttons__icon--bad {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    background: url(../icons/other/bad.svg);
    background-size: 1.5rem 1.5rem;
}

[data-tooltip] {
    position: relative;
    cursor: pointer;
    /* Относительное позиционирование */ 
   }

[data-tooltip]::after {
    content: attr(data-tooltip); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    width: 15rem; /* Ширина подсказки */
    left: 0; top: 0; /* Положение подсказки */
    background: #142229;; /* Синий цвет фона */
    color: #FFFFFF; /* Цвет текста */
    padding: 0.5em; /* Поля вокруг текста */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    pointer-events: none; /* Подсказка */
    opacity: 0; /* Подсказка невидима */
    transition: .5s; /* Время появления подсказки */
    z-index: 999;
}

[data-tooltip]:hover::after {
    opacity: 1; /* Показываем подсказку */
    top: 2em; /* Положение подсказки */
}

/* Recommended room */
.article-details__container {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}

.article-details__recommend-room {
    /* display: flex; */
    width: 55.043%;
    height: auto;
    padding: 2rem;
    background: #202B31;
    border-radius: 0.5rem;

}

.recommend-room__container {
    display: flex;
    width: 100%;
    margin-bottom: 0.8125rem;
}

.recommend-room__container:last-of-type {
    margin-bottom: 0;
}

.recommend-room__logo {
    display: block;
    width: 6.75rem;
    height: 6.75rem;
    min-width: 6.75rem;
    margin-right: 1.5rem;
    background: #000;
    border-radius: 0.5rem;
}

.recommend-room__container-inner {
    width: 35.5rem;
}

.recommend-room__title{
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.recommend-room__description{
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.article-details__recommend-room ul {
    columns: 2;
    margin: 0;
    margin-right: 1rem;
    font-weight: 600;
}

.recommend-room__btn--review {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 11.5rem;
    max-height: 3.875rem;
    margin-left: auto;
    padding: 1.375rem 1.25rem 1.3125rem 1.25rem;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    transition: background 0.2s linear;
    color: white;
    font-size: 1rem;
    border-radius: 1rem;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C;
}

.recommend-room__btn--review:hover {
    background: linear-gradient(to right, #FF8F8F, #FF5A5A) 98% 0%;
    transition: background 0.2s linear;

}

.recommend-room__btn--review:active {
    background: linear-gradient(90deg, #FF5454, #FF2121);
    transition: none;
}

/* Share in social */
.article-details__share-in-social {
    width: 43.732%;
    height: auto;
    margin-left: 1rem;
    padding: 2rem;
    background: #202B31;
    border-radius: 0.5rem;
}

.share-in-social__title {
    color: #FFFFFF;
    font-size: 1.3125rem;;
    font-weight: 700;
    margin-bottom: 2.25rem;
}

.share-in-social__container {
    display: flex;
}

.share-in-social__social-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 19.25rem;
    margin-right: 1.625rem;

}

.share-in-social__social-buttons button,
.share-in-social__social-buttons a {
    display: inline-flex;
    justify-content: center;
    align-items: center; 
    min-width: 9.125rem;
    max-height: 2.6875rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1.5rem;
    border-radius: 1rem;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
}

.share-in-social__social-buttons button:hover,
.share-in-social__social-buttons a:hover {
    opacity: 0.9;
}

.social-buttons--facebook {
    background: #3B5998;
}

.facebook-icon {
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/share/facebook.svg);
    background-size: 1.1875rem 1.1875rem;
}

.telegram-icon {
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/share/telegram.svg);
    background-size: 1.1875rem 1.1875rem;
}

.whatsup-icon {
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/share/whatsapp.svg);
    background-size: 1.1875rem 1.1875rem;
}

.viber-icon {
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/share/viber.svg);
    background-size: 1.1875rem 1.1875rem;
}

.twitter-icon {
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/share/twitter.svg);
    background-size: 1.1875rem 1.1875rem;
}


.social-buttons--telegram {
    /* background: #279FD2; */
    background: #5682a3;

}

.social-buttons--whatsup {
    background: #27D366;

}

.social-buttons--twitter {
    /* background: #7C529E; */
    background: #1da1f2;

}

.share-in-social__stats {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 13.0625rem;
    height: auto;
    padding: 1.5625rem;
    background: #2D3A42;
    border-radius: 0.5rem;
    text-align: center;
    vertical-align: center;
}

.share-in-social__stats .stats__key {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.share-in-social__stats .stats__value {
    color: #FFFFFF;
    font-size: 1.875rem;
    font-weight: 700;
}

/*========== Comments ==========*/
.comments {
    width: 100%;
    padding: 1.75rem 1.5rem;
    background: #202B31;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
}

.comments .block-title {
    border: 0;
    height: auto;
}

.comments__leave-comment {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 3rem;
}

.leave-comments__user-logo {
    width: 4.0625rem;
    height: 4.0625rem;
    min-width: 4.0625rem;
    min-height: 4.0625rem;
    border-radius: 100%;
    background: #000;
    margin-right: 0.75rem;
    object-fit: cover;
}

.leave-comment__form {
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.answerto-container {
    display: none;
    margin-bottom: 0.4375rem;
}

.answerto {
    color: #5C737E;
    font-weight: 500;
    margin-right: 0.4375rem;

}

.answerto-nick {
    font-weight: 500;
    margin-right: 0.5rem;
}

.answerto-clear {
    color: red;
    cursor: pointer;
}

.leave-comment__form-container {
    width: 100%;
    margin-right: 1rem;

}

.leave-comment__textarea {
    width: 100%;
    min-height: 4.0625rem;
    height: 4.0625rem;
    padding: 0.75rem 1.25rem;
    background: #202B31;
    border-radius: 0.5rem;
    font-family: 'San Francisco Pro';
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    border: 0;
    caret-color: #3EB6F8;
    outline: none;
    resize: vertical;
}

.leave-comment__textarea::placeholder {
    color: #5C737E;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
}

.leave-comment__textarea:active {
    background: #26495C;
}

.leave-comment__textarea:focus {
    background: #26495C;
    outline:none;
}


.leave-comment__btn {
    width: 8.75rem;
    height: 2.6875rem;
    background: #2D3A42;
    font-family: 'San Francisco Pro';
    font-weight: 400;
    display: inline-block;
    padding: .75rem 2.0625rem;
    border-radius: 1rem;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    color: #FFFFFF;
    font-size: 1rem;
    min-width: 8.75rem;
    transition: background-color .1s linear;
    outline:none;

}

.leave-comment__btn:hover {
    background-color: #3E5665;
}

.leave-comment__btn:active {
    background-color: #20333E;
    transition: none;
}


.comment-area,
.comment-area-answer {
    /* display: flex; */
    margin-bottom: 2rem;
}

.comment-area:last-of-type,
.comment-area-answer:last-of-type {
    margin-bottom: 2.75rem;
}

.comment-area-answer {
    margin-left: 9.75rem;
    border-left: 1px solid #5C737E;
    padding-left: 1rem;
}

.comment-area-answer {
    margin-left: 4rem;
}

.comment-area__container {
    display: flex;
}

.comment-area__user-data{
    width: 8.4375rem;
    margin-right: 1.3125rem;
}

.user-data__name {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
    margin-bottom: 1rem;
}

.user-data__avatar {
    width: 4.0625rem;
    height: 4.0625rem;
    border-radius: 100%;
    margin-bottom: 1rem;
    object-fit: cover;
}

.user-data__experience {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1875rem;
}

.user-data__comments {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1875rem;
}

.comment-area__comment {
    display: flex;
    flex-direction: column;
    margin-top: 1.875rem;
    width: 77rem;
    padding: 0.75rem;
    padding-bottom: 0.875rem;
    background: #202B31;
    border-radius: 0.5rem;
}

.comment__content {
    word-wrap: break-word;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    /* margin-bottom: 0.5625rem; */
    margin-bottom: 1rem;

}

.comment__container {
    display: flex;
    margin-top: auto;
}

.comment__date,
.comment__answer {
    /* margin-top: auto; */
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}

.comment__answer {
    color: #3EB6F8;
    margin-left: 3rem;
    cursor: pointer;
}

.comment__quote {
    background: #2F3C43;
    padding: 0.75rem;
    margin-bottom: 1rem;
}

.quote__icon {
    width: 1.6875rem;
    height: 1.1875rem;
    min-width: 1.6875rem;
    min-height: 1.1875rem;
    background: url(../icons/other/left-quote.svg);
    background-size: 1.6875rem 1.1875rem;
    margin-bottom: 0.4375rem;
}

.quote__author {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.4375rem;

}

.quote__content {
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.comment__btn--load {
    display: block;
    width: 100%;
    margin-bottom: 0.4675rem;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 0.5rem;
    text-decoration: none;
    cursor: pointer;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    background: #202B31;
}

.comment__btn--load:hover {
    opacity: 0.9;
}




/*========== PAGE ARTICLE DETAILS END ==========*/

/*========== PAGE FREEROLL START ==========*/

.freeroll-filter-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    background: #202B31;
    border-radius: 0.5rem;
    margin-top: 1.5325rem;
    padding: 1.1875rem 1.5rem;
}

.freeroll-filter-panel__select-room,
.freeroll-filter-panel__select-date {
    font-family: 'San Francisco Pro';
    width: 15.6875rem;
    background-color: #2D3A42;
    margin-right: 1.5rem;
    padding: 0.75rem 1rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    outline: none;
}


.freeroll-filter-panel__select-room:focus,
.freeroll-filter-panel__select-date:focus {
    background-color: #26495C;
    color: #FFFFFF;
    outline:none;
}

.freeroll-filter-panel__select-room {
    position: relative;
}

.freeroll-filter-panel__select-date {
    background: url(../icons/btn/date-picker.svg) no-repeat;
    background-color: #2D3A42;
    background-position: top 50% right 1rem;
    background-size: 1.5rem 1.5rem;

}

.freeroll-filter-panel__select-date:focus {
    background: url(../icons/btn/date-picker.svg) no-repeat;
    background-color:#26495C;
    background-position: top 50% right 1rem;
    background-size: 1.5rem 1.5rem;
}

.freeroll-filter-panel__select-date::placeholder {
    font-family: 'San Francisco Pro';
    color: #5C737E;
}

.ui-widget-content {
    border: none;
    background: #202B31;
    /* background: #2D3A42; */
    color: #FFFFFF;
}

.ui-widget-header .ui-icon {
    background-image: url(../icons/arrow/pagination-left.svg);
}

.ui-widget-header {
    border: none;
    background: none;
    color: #FFFFFF;
    font-weight: bold;
}
    
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #202B31;
    background: none;
    color: #5C737E;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.freeroll-filter-panel__checkbox {
    margin-right: 1.8125rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;

}

/* для элемента input c type="checkbox" */
.freeroll-filter-panel__checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  /* для элемента label, связанного с .custom-checkbox */
  .freeroll-filter-panel__checkbox-input+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  /* создание в label псевдоэлемента before со следующими стилями */
  .freeroll-filter-panel__checkbox-input+label::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: none;
    border-radius: 0.5rem;
    margin-right: 0.4375rem;
    background-color: #2D3A42;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.6875rem 0.6875rem;
  }

  /* стили при наведении курсора на checkbox */
  .freeroll-filter-panel__checkbox-input:not(:disabled):not(:checked)+label:hover::before {
    background-color: #3E5665;
  }

  /* стили для активного чекбокса (при нажатии на него) */
  .freeroll-filter-panel__checkbox-input:not(:disabled):active+label::before {
    background: #2D3A42;
  }

  /* стили для чекбокса, находящегося в фокусе */
  .freeroll-filter-panel__checkbox-input:focus+label::before {
    background-color: #3E5665;
    outline:none;

  }

  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .freeroll-filter-panel__checkbox-input:focus:not(:checked)+label::before {
    background-color: #3E5665;
    outline:none;

  }

  /* стили для чекбокса, находящегося в состоянии checked */
  .freeroll-filter-panel__checkbox-input:checked+label::before {
    background-color: #70AB34;
    background-image: url(../icons/btn/check-arrow-white.svg);
  }

  /* стили для чекбокса, находящегося в состоянии disabled */
  .freeroll-filter-panel__checkbox-input:disabled+label::before {
    background-color: #e9ecef;
  }

.add-new-freeroll__btn,
.add-new-freeroll1__btn {
    display: flex;
    align-items: center;
    min-width: 14rem;
    margin-left: auto;
    padding: 0.5625rem 1rem;
    background: #70AB34;
    border-radius: 1rem;
    border: none;
    cursor: pointer;
    font-family: 'San Francisco Pro';
    color: #FFFFFF;
    font-size: 1rem;
    transition: background 0.1s linear;
}

.add-new-freeroll__btn:hover,
.add-new-freeroll1__btn:hover {
    background: #8AD241;
}

.add-new-freeroll__btn:active,
.add-new-freeroll1__btn:active {
    background: #65A128;
    transition: none;
    outline: none;
}

.add-new-freeroll__btn:focus,
.add-new-freeroll1__btn:focus {
    outline: none;

}

.add-new-freeroll__icon {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    margin-right: 0.4375rem;
    background: url(../icons/btn/add-freeroll.svg);
    background-size: 1.5625rem 1.5625rem;
}

.add-new-freeroll__text {

}

.freeroll-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.freeroll-list__freeroll {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 32.56%;
    position: relative;
    /* width: 28.25rem; */
    min-width: 20rem;
    /* margin-left: 1rem; */
    /* margin-right: 0.5rem; */
    margin-bottom: 2rem;
    background: #202B31;
    border-radius: 0.5rem;
    padding: 1.1875rem;
    padding-bottom: 2rem;
    overflow: hidden;
}

.freeroll-list__freeroll.past {
    opacity: 0.4;
}

.freeroll-list__freeroll:first-of-type {
    margin-left: 0;
}

.freeroll__header {
    display: flex;
}

.freeroll__room-logo {
    width: 5.625rem;
    height: 5.625rem;
    margin-right: 1.0625rem;
}

.freeroll__header-inner {

}

.freeroll__title {
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
    color: #FFFFFF;

}

.freeroll__exclusive-ribbon {
    position: absolute;
    width: 6.1875rem;
    height: 5.1875rem;
    left: auto;
    right: 0;
    top: 0;
}

.exclusive-ribbon__text {
    margin-left: -20%;
    margin-top: 15%;
    padding: 0.5rem;
    width: 10rem;
    background: transparent linear-gradient(180deg, #FF6464 0%, #FC3838 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    transform: rotate(40deg);

    color: #AA1919;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 0.9375rem;
    text-transform: uppercase;

}

.freeroll__date2,
.freeroll__time,
.freeroll__prize2,
.freeroll__buyin,
.freeroll__id,
.freeroll__password {
    display: flex;
    margin-top: 0.6875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.freeroll__prize2 {
    color: #FFBC37;
}

.freeroll__password-value {
    color: #70AB34;
    font-weight: 600;
}

.freeroll__date2-icon,
.freeroll__time-icon,
.freeroll__prize2-icon,
.freeroll__buyin-icon,
.freeroll__id-icon,
.freeroll__password-icon {
    display: inline-block;
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background-size: 1.1875rem 1.1875rem;
}

.freeroll__date2-key,
.freeroll__time-key,
.freeroll__prize2-key,
.freeroll__buyin-key,
.freeroll__id-key,
.freeroll__password-key {
    margin-right: 0.4375rem;

}

.freeroll__date2-value,
.freeroll__time-value,
.freeroll__prize2-value,
.freeroll__buyin-value,
.freeroll__id-value,
.freeroll__password-value {
    margin-right: 0.4375rem;

}

.freeroll__date2-icon {
    background: url(../icons/freeroll/calendar.svg);
    background-size: 1.1875rem 1.1875rem;

}

.freeroll__time-icon {
    background: url(../icons/freeroll/time.svg);
    background-size: 1.1875rem 1.1875rem;

}

.freeroll__prize2-icon {
    background: url(../icons/freeroll/prize-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}
 
.freeroll__buyin-icon {
    background: url(../icons/freeroll/chip.svg);
    background-size: 1.1875rem 1.1875rem;
}

.freeroll__id-icon {
    background: url(../icons/freeroll/hashtag.svg);
    background-size: 1.1875rem 1.1875rem;
}

.freeroll__password-icon {
    background: url(../icons/freeroll/key.svg);
    background-size: 1.1875rem 1.1875rem;
}


.freeroll__name {
    margin-top: 1rem;
    margin-left: -1.1875rem;
    margin-right: -1.1875rem;
    padding: 0.6875rem 1.1875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #3EB6F8;
    background: transparent linear-gradient(90deg, #1E343D 0%, #294A5B 25%, #1D3038 100%) 0% 0% no-repeat padding-box;
}

.exclusive {
    color: #FFFFFF;
    background: transparent linear-gradient(90deg, #3D361E 0%, #FDB241 25%, #382F1D 100%) 0% 0% no-repeat padding-box;
}

.freeroll__shared {
    display: flex;
    align-items: center;
    margin-top: 0.6875rem;
    margin-bottom: 2rem;
}

.freeroll__shared-logo {
    width: 2rem;
    height: 2rem;
    margin-right: 0.4375rem;
    border-radius: 50%;
}

.freeroll__shared-user {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
    color: #FFFFFF;
}

.freeroll__registration-btn {
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* max-width: 23.375rem; */
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    /* box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C; */
}

.freeroll__registration-btn:hover {
    background: linear-gradient(to right, #FF8F8F, #FF5A5A) 98% 0%;
    transition: background 0.2s linear;

}

.freeroll__registration-btn:active {
    background: linear-gradient(90deg, #FF5454, #FF2121);
    transition: none;
}

/*========== PAGE FREEROLL AND ==========*/



/*========== PAGE POKERROOMS START ==========*/

.room2-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.room2-list__room {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 32.56%;
    min-width: 20rem;
    margin-bottom: 2rem;
    background: #202B31;
    border-radius: 0.5rem;
    padding: 1.1875rem;
    padding-bottom: 2rem;
    overflow: hidden;
}

.room2__header {
    display: flex;
    align-items: center;
    margin: -1.1875rem -1.1875rem 0 -1.1875rem;
    padding: 1.1875rem;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, #1E343D 0%, #387A9B 35%, #1D3038 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    background: radial-gradient(ellipse at 37% 100%, #1B4E65 0%, #1B262B 40%, #0F1C23 100%);
    border-radius: 8px 8px 0px 0px;
    opacity: 1;
}

.room2__logo {
    width: 6.5rem;
    height: 6.5rem;
    margin-right: 1.0625rem;
}

.room2__header-inner {

}

.room2__title {
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
    color: #FFFFFF;
    margin-bottom: 0.625rem;
}

.room2__network {
    font-size: 1.3125rem;
    font-weight: 400;
    line-height: 1.5625rem;
    color: #3EB6F8;
}

.room2__rake-bonus {
    margin: 0 -1.1875rem 0 -1.1875rem;
    padding: 1rem 1.1875rem;
    background: #0F1C23;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, #1E343D 0%, #387A9B 35%, #1D3038 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.rake-bonus__bonus {
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-bottom: 1rem;
}

.rake-bonus__key {
    color: #5C737E;
    margin-right: 0.4375rem;
    white-space: nowrap;
}

.rake-bonus__value {
    color: #70AB34;
}

.rake-bonus__rake {
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.rake-rake__key {
    color: #5C737E;
    margin-right: 0.4375rem;


}

.rake-rake__value {
    color: #70AB34;
}

.room2__bonus-list {
    flex-grow: 1;
    padding: 1.875rem 0;
    margin: 0;
}

.room2__bonus-list li::before {
    background: url(../icons/list/ul-yellow.svg);
    background-size: 1.0625rem 1.0625rem;
}

.room2__reviews {
    display: flex;
    align-items: center;
    margin: 0 -1.1875rem 0 -1.1875rem;
    padding: 1.1875rem;
    background: #22343C;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color:#5A8091;
}

.reviews__text {
    margin-right: 1.75rem;
}

.reviews__rating::before {
    content: "";
    display: inline-block;
    margin-right: 0.4375rem;
    width: 1.25rem;
    height: 1.1875rem;
    min-width: 1.25rem;
    min-height: 1.1875rem;
    background: url(../icons/block/star.svg);
    background-size: 1.25rem 1.1875rem;
}

.reviews__icon-right-arrow {
    margin-left: auto;
    width: 1.5625rem;
    height: 0.75rem;
    min-width: 1.5625rem;
    min-height: 0.75rem;
    background: url(../icons/arrow/arrow-right1.svg);
    background-size: 1.5625rem 0.75rem;

}

.room2__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.875rem;
}

.room__survey-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 0.75rem 2rem;
    margin-right: 1rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: #2D3A42;
}

.room__survey-btn:hover {
    background-color: #3E5665;
}

.room__survey-btn:active {
    background-color: #20333E;
    transition: none;
}

.room__registration-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    /* box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C; */
}

.room__registration-btn:hover {
    background: linear-gradient(to right, #FF8F8F, #FF5A5A) 98% 0%;
    transition: background 0.1s linear;

}

.room__registration-btn:active {
    background: linear-gradient(90deg, #FF5454, #FF2121);
    transition: none;
}


/*========== Hot News List ==========*/
.hot-news{
    margin-top: 1.5rem;
    margin-left: 1rem;
    padding: 1.5rem;
    background: #202B31;
    border-radius: 0.5rem;
}

.hot-news-list {

}

.hot-news-list__news {
    margin-top: 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.news__logo {
    width: 100%;
    max-height: 8.875rem;
    border-radius: 0.5rem;
    object-fit: cover;
}

.news__title {
    text-decoration: none;
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
    color: #FFFFFF;
}

.news__description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0.625rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    color: #5C737E;
}


/*========== Personal Area Rooms List ==========*/
.personal-area {
    margin-top: 1.5625rem;
    width: 100%
}

.personal-area__navigation {
    display: flex;
    padding: 1rem 1.5rem;
    background: #202B31;
    border-radius: 0.5rem;
}

.personal-area__navigation-link {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem;
    color:#5C737E;
    margin-right: 3.75rem;
    transition: color 0.1s linear;
    cursor: pointer;

}

.personal-area__navigation-link:hover {
    color: #95A8B1;
    /* margin-bottom: -1rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to left,#FC3838, #FF6464) 90% 0%; */
}

.personal-area__navigation-link:active {
    color: #FFFFFF;
    /* margin-bottom: -1rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right,#FC3838, #FF6464) 90% 0%; */
    transition: none;
}

.personal-area__navigation-link.active {
    color: #FFFFFF;
    margin-bottom: -1rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right,#FC3838, #FF6464) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}

.personal-area__room-list {
    display: flex;
    flex-wrap: wrap;
}

.personal-area__room {
    width: 18.5rem;
    min-width: 18.5rem;
    margin-top: 1.5rem;
    margin-right: 0.5rem;
    padding: 1.1875rem 1.1875rem 2rem 1.1875rem;
    border-radius: 0.5rem;
    background: #202B31;
}

.personal-area__room:last-of-type {
    margin-right: 0;
}


.personal-area__room-header {
    display: flex;
    margin-bottom: 1rem;
}

.personal-area__room-logo {
    width: 5.625rem;
    height: 5.625rem;
    margin-right: 0.9375rem;
}

.personal-area__room-title {
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
    color:#FFFFFF;
    margin-top: 0.375rem;
    margin-bottom: 1rem;
}

.personal-area__room-binding-status,
.personal-area__room-binding-status-big {
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.personal-area__room-binding-status-big {
    font-size: 1.3125rem;
}

.personal-area__room-binding-status::before,
.personal-area__room-binding-status-big::before {
    content: "";
    display: block;
    width: 1.0625rem;
    height: 1.0625rem;
    min-width: 1.0625rem;
    min-height: 1.0625rem;
    margin-right: 0.4375rem;
}

.personal-area__room-binding-status-big::before {
    width: 1.3125rem;
    height: 1.3125rem;
    min-width: 1.3125rem;
    min-height: 1.3125rem;
}

.personal-area__room-binding-status.error,
.personal-area__room-binding-status-big.error {
    color:#FC3939;
}

.personal-area__room-binding-status.error::before {
    background: url(../icons/status/checked-red.svg);
    background-size: 1.0625rem 1.0625rem;
}

.personal-area__room-binding-status-big.error::before {
    background: url(../icons/status/checked-red.svg);
    background-size: 1.3125rem 1.3125rem;
}

.personal-area__room-binding-status.unknown,
.personal-area__room-binding-status-big.unknown {
    color:#5C737E;
}

.personal-area__room-binding-status.unknown::before {
    background: url(../icons/status/checked-grey.svg);
    background-size: 1.0625rem 1.0625rem;
}

.personal-area__room-binding-status-big.unknown::before {
    background: url(../icons/status/checked-grey.svg);
    background-size: 1.3125rem 1.3125rem;
}

.personal-area__room-binding-status.checking,
.personal-area__room-binding-status-big.checking {
    color:#FFBC37;
}

.personal-area__room-binding-status.checking::before {
    background: url(../icons/status/checked-yellow.svg);
    background-size: 1.0625rem 1.0625rem;
}

.personal-area__room-binding-status-big.checking::before {
    background: url(../icons/status/checked-yellow.svg);
    background-size: 1.3125rem 1.3125rem;
}

.personal-area__room-binding-status.success,
.personal-area__room-binding-status-big.success {
    color:#70AB34;
}

.personal-area__room-binding-status.success::before {
    background: url(../icons/status/checked-green.svg);
    background-size: 1.0625rem 1.0625rem;
}

.personal-area__room-binding-status-big.success::before {
    background: url(../icons/status/checked-green.svg);
    background-size: 1.3125rem 1.3125rem;
}

.personal-area__binding-form {
    display: flex;
    flex-direction: column;
}

.form-binding__label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.form-binding__input {
    margin-bottom: 1.5rem;
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.form-binding__input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.form-binding__input:focus {
    background: #26495C;
    outline: none;
}

.form-binding__input.no-focus:focus {
    background: #2D3A42;
    outline:none;
} 

.personal-area__room-binding-btn {
    padding: 0.75rem;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none;
    cursor: pointer;
}

.personal-area__room-binding-btn:hover {
    opacity: 0.9;
}

.btn-contact-support {
    background: #3EB6F8;
}

.btn-bind {
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.btn-checking {
    pointer-events: none;
    cursor: default;
    background:#5C737E;
}

.btn-success {
    background: #70AB34;
}


/* Personal Area Edit Informations */
.personal-area__personal-data {
    /* display: flex; */
    /* flex-wrap: wrap; */
    width: 100%;
    margin-top: 2rem;
}

.personal-data__forms-container {
    display: flex;
}

.personal-data__info {
    width: 55%;
    border: none;
    border-right: 1px solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, #1E343D 0%, #294A5B 25%, #1D3038 100%) 1 100%;
}

.personal-area__container-image-errors {
    display: flex;
}

.personal-data__image-container {
    /* width: 100%; */
    margin-bottom: 1.75rem;
    position: relative;

}

.personal-data__image {
    display: block;
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 50%;
    background: #000;
    object-fit: cover;
}

.file {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    position: absolute;
}


.personal-data__image-change-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: absolute;
    width: 2.375rem;
    height: 2.375rem;
    border: none;
    border-radius: 50%;
    bottom: 0;
    left: 6.375rem;
    cursor: pointer;
    background: linear-gradient(137deg, #FF6464, #FC3838);
    outline: none;
}

.personal-data__image-change-btn::after {
    content: '';
    display: flex;
    width: 1.125rem;
    height: 1rem;
    min-width: 1.125rem;
    min-height: 1rem;
    background: url(../icons/other/camera.svg) no-repeat center;
    background-size: 1.125rem 1rem;
}

.personal-area__errors {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 2rem;
    margin-bottom: 1.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.personal-data__form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.form-input-container {
    margin-right: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    width: 18.5rem;
}

.form-input-container__birthdate {
    display: flex;
    justify-content: space-between;
}

.form-input-container label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.form-input-container input,
.form-input-container select {
    border: none;
    border-radius: 1rem;
    background-color: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.form-input-container select.birthdate__date,
.form-input-container select.birthdate__month {
    width: 4.8125rem;
}

.form-input-container select.birthdate__year {
    width: 6.875rem;
}


.form-input-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.form-input-container input:focus,
.form-input-container select:focus {
    background-color: #26495C;
    outline: none;
}

.form-input-container  .input-no-focus:focus {
    background-color: #2D3A42;
    outline: none;
}

.personal-data__form-btn {
    display: inline-block;
    width: 18.5rem;
    height: 2.6875rem;
    padding: 0.75rem;
    margin-bottom: 1.5rem;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;

}

.personal-data__form-btn:hover {
    opacity: 0.9;
}

.personal-data__form-btn:active {

}


.personal-data__change-password {
    width: 45%;
    padding-left: 3rem;
    display: flex;
    flex-direction: column;
}

.change-password__title {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.5625rem;
    color: #FFFFFF;
}

.change-password__title::before {
    content: "";
    display: inline-block;
    width: 1.1875rem;
    height: 1.5625rem;
    min-width: 1.1875rem;
    min-height: 1.5625rem;
    margin-right: 0.4375rem;
    background: url(../icons/block/padlock.svg) no-repeat center;
    background-size: 1.1875rem 1.5625rem;

}

.change-password__form {
    display: flex;
    flex-wrap: wrap;
}

.change-password__form .form-input-container {
    width: 16.8125rem;
}

/* .change-password__form .form-input-container:last-of-type {
    margin-right: 0;
} */

.change-password__form-btn {
    align-self: flex-end;
    display: inline-block;
    width: 16.8125rem;
    height: 2.6875rem;
    padding: 0.75rem;
    margin-bottom: 1.5rem;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none;
    background: #5C737E;
    cursor: pointer;

}

.change-password__form-btn:hover {
    opacity: 0.9;
}

.change-password__notification {
    margin-top: auto;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}


/* Personal Area Page Activity */
.personal-area__activity {
    width: 100%;
    margin-top: 1.5rem;
}

.personal-area__activity-leave-comments,
.personal-area__activity-liked-articles,
.personal-area__activity-shared-in-social {
    width: 100%;
    padding: 0.875rem 1.5rem 1.5rem 1.5rem;
    border-radius: 0.5rem;
    background: #202B31;
    margin-bottom: 2rem;
}

.personal-area__activity-leave-comments .block-title {
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 62%, #1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    margin-bottom: 0.875rem;
}

.activity-leave-comments__comment {
    border-radius: 0.5rem;
    background: #2D3A42;
    margin-bottom: 1rem;
    padding: 1rem;
}

.activity-leave-comments__comment-header {
    display: flex;
    justify-content: space-between;
}

.activity-leave-comments__comment-title,
.activity-leave-comments__comment-answer-title {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3125rem;
    color: #FFFFFF;
    margin-bottom: 0.5rem;
}

.activity-leave-comments__comment-title::before {
    content: "";
    display: inline-block;
    width: 1.3125rem;
    height: 1.3125rem;
    min-width: 1.3125rem;
    min-height: 1.3125rem;
    margin-right: 0.4375rem;
    background: url(../icons/other/comment-article.svg);
    background-size: 1.3125rem 1.3125rem;
}

.activity-leave-comments__comment-answer-title::before {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.3125rem;
    min-width: 1.5rem;
    min-height: 1.3125rem;
    margin-right: 0.4375rem;
    background: url(../icons/arrow/curve-arrow.svg);
    background-size: 1.5rem 1.3125rem;
}

.activity-leave-comments__visit-comment {
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem;
    color:#3EB6F8;
}

.activity-leave-comments__visit-comment::before {
    content: "";
    display: inline-block;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    margin-right: 0.4375rem;
    background: url(../icons/other/talk-show.svg);
    background-size: 1.1875rem 1.1875rem;
}

.activity-leave-comments__comment-published-date {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color: #5C737E;
    margin-bottom: 0.5rem;

}

.activity-leave-comments__comment-data {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    color: #E8E9EA;
}

.personal-area__activity-leave-comments .btn--pagination {
    margin-top: 0;
    padding: 0.75rem 2rem;
    height: 2.6875rem;
}

.personal-area__activity-liked-articles .block-title {
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 62%, #1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    margin-bottom: 0.875rem;
}

.personal-area__activity-liked-articles .list-article__article {
    background: #2D3A42;
    margin-top: 1rem;
}

.personal-area__activity-liked-articles .btn--pagination {
    padding: 0.75rem 2rem;
    height: 2.6875rem;
}

.personal-area__activity-shared-in-social .block-title {
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 62%, #1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    margin-bottom: 0.875rem;
}

.personal-area__activity-shared-in-social .list-article__article {
    background: #2D3A42;
    margin-top: 1rem;
}

.personal-area__activity-shared-in-social .btn--pagination {
    padding: 0.75rem 2rem;
    height: 2.6875rem;
}







 /*========== Modals Windows ==========*/
.modal,
.modal-freeroll {
    display: none;
    width: 100%;
    height: 100%;
    padding: 3.375rem 1rem;
    overflow: auto;

    background-color: rgba(18, 26, 30, 0.87);

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.modal.modal-show,
.modal-freeroll.modal-show {
    display: flex;
    animation: fadein 0.5s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.modal__add-freeroll {
    width: 50.75rem;
    height: auto;
    margin: auto;
    padding: 1.375rem 1.375rem 2.5rem 1.375rem;
    position: relative;

    background-color: #202B31;
    box-shadow: 0px 10px 20px #0000001C;
    border-radius: 0.5rem;
}

.add-freeroll__form {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 1.625rem;

}

/* .add-freeroll__form>div:nth-child(2) */
.add-freeroll__input-container-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.add-freeroll__input-container,
.add-freeroll__input-container--sm {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.625rem;
}

.add-freeroll__input-container label,
.add-freeroll__input-container--sm label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.add-freeroll__input-container input,
.add-freeroll__input-container--sm input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.add-freeroll__input-container--sm input[type=time] {
    border: none;
    border-radius: 1rem;
    padding: 0.65rem 1.25rem 0.65rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
    background: url(../icons/btn/time-picker.svg) no-repeat;
    background-size: 1.5rem 1.5rem;
    background-color: #2D3A42;
    background-position: top 50% right 1rem;
    height: 2.729rem;
    max-height: 2.729rem;
}

.add-freeroll__input-container--sm input[type=time]:focus {
    border: none;
    border-radius: 1rem;
    padding: 0.65rem 1.25rem 0.65rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
    background: url(../icons/btn/time-picker.svg) no-repeat;
    background-size: 1.5rem 1.5rem;
    background-color: #26495C;
    background-position: top 50% right 1rem;
    outline: none;
    height: 2.729rem;
    max-height: 2.729rem;
}

.add-freeroll__input-container--sm input[name="date"] {
    border: none;
    border-radius: 1rem;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
    background: url(../icons/btn/date-picker.svg) no-repeat;
    background-size: 1.5rem 1.5rem;
    background-color: #2D3A42;
    background-position: top 50% right 1rem;
}

.add-freeroll__input-container--sm input[name="date"]:focus {
    border: none;
    border-radius: 1rem;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
    background: url(../icons/btn/date-picker.svg) no-repeat;
    background-size: 1.5rem 1.5rem;
    background-color: #26495C;
    background-position: top 50% right 1rem;
    outline:none;
}

.add-freeroll__input-container input::placeholder,
.add-freeroll__input-container--sm input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.add-freeroll__input-container input:focus,
.add-freeroll__input-container--sm input:focus {
    background: #26495C;
    outline: none;
}

.add-freeroll__select-room {
    font-family: 'San Francisco Pro';
    width: 100%;
    background-color: #2D3A42;
    margin-right: 1.5rem;
    padding: 0.75rem 1rem;
    color: #FFFFFF;
    /* color: #5C737E; */
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    outline: none;
}

.add-freeroll__select-room {
    position: relative;
}

.add-freeroll__select-room:focus {
    background-color: #26495C;
    color: #FFFFFF;
    outline: none;

}

/* .freeroll-filter-panel__select-date::placeholder {
    font-family: 'San Francisco Pro';
    color: #5C737E;
} */

.add-freeroll__input-container {
    width: 48.95%;
}

.add-freeroll__input-container--sm {
    width: 23.43%;
}

.add-freeroll__btn {
    display: block;
    width: 48.95%;
    height: 2.6875rem;
    padding: 0.75rem;
    margin: 0 auto;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none;
    background: #70AB34;
    cursor: pointer;
}

.add-freeroll__btn:hover {
    background: #8AD241;
}

.add-freeroll__btn:active {
    background: #65A128;
}

.modal__close-btn,
.modal-freeroll__close-btn {
    padding: 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 1.125rem;
    right: 1.375rem;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background: url(../icons/btn/close-burger.svg) no-repeat center;
    background-size: 0.875rem 0.875rem;
    background-color: #2D3A42;
    transition: background-color 0.1s linear;
    outline: none;
}

.modal__close-btn:hover,
.modal-freeroll__close-btn:hover {
    background-color: #3E5665;
}

.modal__close-btn:active,
.modal-freeroll__close-btn:active {
    background-color: #20333E;
    transition: none;

}


/* Modal Login */
.modal__auth {
    display: flex;
    width: 68rem;
    min-height: 42.25rem;
    margin: auto;
    /* padding: 1.375rem 1.375rem 4.125rem 1.375rem; */
    position: relative;

    background-color: #202B31;
    box-shadow: 0px 10px 20px #0000001C;
    border-radius: 0.5rem;
}

.modal__auth-welcome {
    display: flex;
    flex-direction: column;
    width: 49.26470588235294%;
    /* padding: 4rem 2.5rem 4.5rem 3.5rem; */
    border-radius: 0.5rem 0 0 0.5rem;
    background: linear-gradient(180deg, #202B31, #202B31E0), url(../img/bg-welcome-image.png) no-repeat;
    background-size: cover;
}

.auth-welcome__logo {
    margin: 4.125rem 2.6875rem 2.375rem 4.0625rem;
    /* margin: 2.75rem 2.6875rem 2.375rem 2.6875rem; */
    width: 7rem;
    height: 4.375rem;
}

.auth-welcome__title {
    margin: 0 2rem 2.375rem 3.8125rem;
    /* margin: 0 2rem 2.375rem 2.4375rem; */
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 3.125rem;
    color: #FFFFFF;
}

.auth-welcome__subtitle {
    margin: 0 3.0625rem 2.375rem 4.0625rem;
    /* margin: 0 3.0625rem 2.375rem 2.6875rem; */
    margin-bottom: 2.375rem;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3125rem;
    color: #FFFFFF;
}

.auth-welcome__social-login-container {
    margin-top: auto;
}

.auth-welcome__social-login-title {
    margin: 0 2rem 1.5rem 4.0625rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem;
    color: #FFFFFF;
}

.auth-welcome__social-login-list {
    margin: 0 2rem 4.125rem 4.0625rem;
    display: flex;
    align-items: center;
}

.auth-welcome__social-login-vk {
    margin-right: 2rem;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    background: url(../icons/social/auth/vk.svg) no-repeat center;
    background-size: 2rem 1.1875rem;
}

.auth-welcome__social-login-fb {
    margin-right: 2rem;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    background: url(../icons/social/auth/fb.svg) no-repeat center;
    background-size: 1rem 2rem;
}

.auth-welcome__social-login-tw {
    margin-right: 2rem;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    background: url(../icons/social/auth/tw.svg) no-repeat center;
    background-size: 2rem 1.625rem;

}

.auth-welcome__social-login-go {
    margin-right: 2rem;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    background: url(../icons/social/auth/gp.svg) no-repeat center;
    background-size: 2rem 1.25rem;

}

.auth-welcome__social-login-ig {
    margin-right: 2rem;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    background: url(../icons/social/auth/ig.svg) no-repeat center;
    background-size: 2rem 2rem;

}



.modal__auth-login {
    display: flex;
    flex-direction: column;
    width: 50.73529411764706%;
    padding: 0 3.8125rem 4.125rem 2.4375rem;
}

.auth-login__title {
    margin: 7.4375rem 0 1.5rem 0;
    font-size: 2.6875rem;
    font-weight: 700;
    line-height: 3.1875rem;
    color: #FFFFFF;
}

.auth-login__prompt {
    margin-bottom: 1.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
}

.auth-login__prompt a {
    margin-left: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}

.auth-login__form {

}

.auth-login__form-errors {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.auth-login__form-errors p {
    margin-bottom: 0.5rem;
}

.auth-login__email-container,
.auth-login__password-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.625rem;

}

.auth-login__email-container label,
.auth-login__password-container label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.auth-login__email-container input,
.auth-login__password-container input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.auth-login__email-container input::placeholder,
.auth-login__password-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.auth-login__email-container input:focus,
.auth-login__password-container input:focus {
    background: #26495C;
    outline:none;
}

.auth-login__password-container {
    margin-bottom: 2rem;
}

.auth-login__forgot-password-container {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.auth-login__remember-me {
    display: flex;
    align-items: center;

}

/* для элемента input c type="checkbox" */
.auth-login__remember-me-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


  /* для элемента label, связанного с .custom-checkbox */
  .auth-login__remember-me-input+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  /* создание в label псевдоэлемента before со следующими стилями */
  .auth-login__remember-me-input+label::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: none;
    border-radius: 0.5rem;
    margin-right: 0.4375rem;
    background-color: #2D3A42;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.6875rem 0.6875rem;
  }

  /* стили при наведении курсора на checkbox */
  .auth-login__remember-me-input:not(:disabled):not(:checked)+label:hover::before {
    background-color: #3E5665;
  }

  /* стили для активного чекбокса (при нажатии на него) */
  .auth-login__remember-me-input:not(:disabled):active+label::before {
    background: #2D3A42;
  }

  /* стили для чекбокса, находящегося в фокусе */
  .auth-login__remember-me-input:focus+label::before {
    background-color: #3E5665;
    outline:none;
  }

  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .auth-login__remember-me-input:focus:not(:checked)+label::before {
    background-color: #3E5665;
    outline:none;
  }

  /* стили для чекбокса, находящегося в состоянии checked */
  .auth-login__remember-me-input:checked+label::before {
    background-color: #70AB34;
    background-image: url(../icons/btn/check-arrow-white.svg);
  }

  /* стили для чекбокса, находящегося в состоянии disabled */
  .auth-login__remember-me-input:disabled+label::before {
    background-color: #e9ecef;
  }

.auth-login__forgot-password {
    cursor: pointer;
}

.auth-login__login-btn {
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    /* box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C; */
}

.auth-login__login-btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.auth-login__login-btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}

.modal__auth .modal__close-btn {
    top: 1.5rem;
    right: 1.5rem;
}


/* Registration modal */
.modal__auth-registration {
    display: flex;
    flex-direction: column;
    width: 50.73529411764706%;
    padding: 3.25rem 4.375rem 3.3125rem 1.875rem;
}

.confirm-email-msg {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.confirm-email-msg p {
    margin-bottom: 1.5rem;
}

.auth-registration__title {
    margin-bottom: 1.5rem;
    font-size: 2.6875rem;
    font-weight: 700;
    line-height: 3.1875rem;
    color: #FFFFFF;
}

.auth-registration__prompt {
    margin-bottom: 1.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
}

.auth-registration__prompt a {
    margin-left: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}

.auth-registration__form {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}

.auth-registration__field-error {
    margin-top: 0.5rem;
}

.auth-registration__email-container,
.auth-registration__nickname-container,
.auth-registration__password-container,
.auth-registration__password-confirm-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.625rem;
}


.auth-registration__email-container label,
.auth-registration__nickname-container label,
.auth-registration__password-container label,
.auth-registration__password-confirm-container label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.auth-registration__email-container input,
.auth-registration__nickname-container input,
.auth-registration__password-container input,
.auth-registration__password-confirm-container input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.auth-registration__email-container input::placeholder,
.auth-registration__nickname-container input::placeholder,
.auth-registration__password-container input::placeholder,
.auth-registration__password-confirm-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.auth-registration__email-container input:focus,
.auth-registration__nickname-container input:focus,
.auth-registration__password-container input:focus,
.auth-registration__password-confirm-container input:focus {
    background: #26495C;
    outline:none;
}

.auth-registration__nickname-container {

}

.auth-registration__password-container {

}

.auth-registration__password-confirm-container {
    margin-bottom: 3.125rem;
}

.auth-registration__registration-btn {
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.auth-registration__registration-btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.auth-registration__registration-btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}



/* Forgot password modal */
.modal__auth-forrgot-password {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50.73529411764706%;
    padding: 0 4.0625rem 0 2.1875rem;
}

.auth-forrgot-password__title {
    margin-bottom: 1.5625rem;
    font-size: 2.6875rem;
    font-weight: 700;
    line-height: 3.1875rem;
    color: #FFFFFF;
}

.auth-forrgot-password__prompt,
.auth-forrgot-password__prompt a {
    margin-bottom: 3.3125rem;
    margin-left: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}



.auth-forrgot-password__form {

}

.auth-forrgot-password__form-errors {
    margin-top: 1rem;
}

.auth-forrgot-password__email-container {
    display: flex;
    flex-direction: column;
}

.auth-forrgot-password__email-container label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.auth-forrgot-password__email-container input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.auth-forrgot-password__email-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.auth-forrgot-password__email-container input:focus {
    background: #26495C;
    outline:none;
}

.auth-forrgot-password__forrgot-password-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 1.125rem;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.auth-forrgot-password__forrgot-password-btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.auth-forrgot-password__forrgot-password-btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}




/*========== Page ROOM REVIEW ==========*/

/* ROOM REVIEW HEADER */
.room-review {
    margin-top: 1.5625rem;
    margin-bottom: 2rem;
    width: 100%;
    border-radius: 0.5rem;
    background: #202B31;
}

.room-review-top {
    display: flex;
    padding: 1.875rem 1.5rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.room-review__logo {
    margin-right: 1.375rem;
    width: 18.5rem;
    min-width: 18.5rem;
    height: 12.5625rem;
    background: #000;
    border-radius: 0.5rem;
}

.room-review__logo img {
    width: 100%;
    border-radius: 0.5rem;
    /* object-fit: cover; */
}

.room-review__description {
    width: 39.125rem;
}

.room-review__title {
    margin-bottom: 1rem;
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.375rem;
}

.room-review__description-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.room-review__network,
.room-review__bonus,
.room-review__rakeback {
    display: flex;
    margin-right: 2rem;
    margin-bottom: 0.5rem;

}

.room-review__network-key,
.room-review__bonus-key,
.room-review__rakeback-key {
    margin-right: 0.4375rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.room-review__network-value,
.room-review__bonus-value,
.room-review__rakeback-value {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
}

.room-review__network::before,
.room-review__bonus::before,
.room-review__rakeback::before {
    margin-right: 0.4375rem;
    content: "";
    display: inline-block;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
}

.room-review__network::before {
    background: url(../icons/other/network-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}

.room-review__bonus::before {
    background: url(../icons/other/bonus-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}

.room-review__bonus-key {

}

.room-review__bonus-value {

}

.room-review__rakeback::before {
    background: url(../icons/other/rakeback-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}

.room-review__rakeback-key {

}

.room-review__rakeback-value {

}

.room-review__text {
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.room-review__registration {
    width: 26.25rem;
    padding: 2rem;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.room-review__bonuscode {
    display: flex;
    margin-bottom: 1.625rem;
}

.room-review__bonuscode-key {
    margin-right: 0.4375rem;
    color: #5C737E;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
}

.room-review__bonuscode-value {
    color: #70AB34;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
}

.room-review__registration-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 18.5rem;
    min-width: 18.5rem;

    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 1.3125rem 2rem;

    text-decoration: none;
    text-align: center;
    transition: background 0.2s linear;
    cursor: pointer;
    color: #674500;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
    border-radius: 1rem;

    background: linear-gradient(98deg, #F59E2B 0%, #FED757 29%, #FCAE11 100%) 98% 0%;
    box-shadow: 0rem 0.3125rem 1.25rem #FCC03D8C;
}


.room-review__registration-btn:hover {
    background: linear-gradient(98deg, #F59E2B 0%, #FFE281 29%, #FCAE11 100%) 98% 0%;
    transition: background 0.2s linear;

}

.room-review__registration-btn:active {
    background: linear-gradient(98deg, #F59E2B 0%, #FFCB1E 29%, #FCAE11 100%) 98% 0%;
    transition: none;
}

.room-review__botoom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1.5rem;
    padding-bottom: 1.875rem;
}

.room-review__promos {
    width: 24rem;
    margin-right: 2rem;
}

.room-review__promos-title {
    color:#FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
    margin-bottom: 0.875rem;
}

.room-review__promos-list {
    margin: 0;
    padding: 0;
}

.room-review__promos-list li {
    margin-bottom: 1rem;
}

.room-review__promos-list li::before {
    background: url(../icons/list/ul-yellow.svg);
    background-size: 1.0625rem 1.0625rem;
}

.room-review__cashier-n-os {
    width: 25.875rem;
    margin-right: 2rem;
}

.room-review__cashier {

}

.room-review__cashier-title,
.room-review__os-title {
    color:#5C737E;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
    margin-bottom: 0.5rem;
}

.room-review__cashier-list,
.room-review__os-list {
    display: flex;
    flex-wrap: wrap;
}

.room-review__cashier-list {
    margin-bottom: 1rem;
}

.room-review__cashier-item,
.room-review__os-item {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    width: 4.125rem;
    height: 2rem;
    min-width: 4.125rem;
    min-height: 2rem;
    border-radius: 0.5rem;
    background: #5C737E;
}

.visa {
    background: url(../icons/cashier/visa-logo.svg) no-repeat center;
    background-size: 2.875rem 0.875rem;
    background-color: #5C737E;
}

.mastercard {
    background: url(../icons/cashier/mc-logo.svg) no-repeat center;
    background-size: 2.375rem 1.375rem;
    background-color: #5C737E;
}

.skrill {
    background: url(../icons/cashier/skrill-logo.svg) no-repeat center;
    background-size: 2.75rem 0.9375rem;
    background-color: #5C737E;
}

.neteller {
    background: url(../icons/cashier/neteller-logo.svg) no-repeat center;
    background-size: 3.1875rem 0.5625rem;
    background-color: #5C737E;
}

.webmoney {
    background: url(../icons/cashier/webmoney-logo.svg) no-repeat center;
    background-size: 3.5625rem 0.9375rem;
    background-color: #5C737E;
}

.ecopayz {
    background: url(../icons/cashier/ecopayz-logo.svg) no-repeat center;
    background-size: 3.25rem 0.8125rem;
    background-color: #5C737E;
}

.qiwi {
    background: url(../icons/cashier/qiwi.svg) no-repeat center;
    background-size: 2.8125rem 1.0625rem;
    background-color: #5C737E;
}

.yandex {
    background: url(../icons/cashier/ymoney-logo.svg) no-repeat center;
    background-size: 3.0625rem 1.0625rem;
    background-color: #5C737E;
}

.muchbetter {
    background: url(../icons/cashier/MuchBetter-logo.svg) no-repeat center;
    background-size: 3rem 1rem;
    background-color: #5C737E;
}

.bitcoin {
    background: url(../icons/cashier/bitcoin-logo.svg) no-repeat center;
    background-size: 3.25rem 0.75rem;
    background-color: #5C737E;
}

.windows {
    background: url(../icons/os/windows-logo.svg) no-repeat center;
    background-size: 1.375rem 1.25rem;
    background-color: #5C737E;
}

.macos {
    background: url(../icons/os/macos-logo.svg) no-repeat center;
    background-size: 1.25rem 1.25rem;
    background-color: #5C737E;
}

.ios {
    background: url(../icons/os/apple-logo.svg) no-repeat center;
    background-size: 1.0625rem 1.25rem;
    background-color: #5C737E;
}

.android {
    background: url(../icons/os/android-logo.svg) no-repeat center;
    background-size: 1.125rem 1.25rem;
    background-color: #5C737E;
}

.web {
    background: url(../icons/os/web-logo.svg) no-repeat center;
    background-size: 1.25rem 1.25rem;
    background-color: #5C737E;
}


.room-review__os {

}

.room-review__special-promo {
    width: 26.375rem;
    height: min-content;
    padding: 1.5rem 1.875rem;
    border-radius: 0.5rem;
    background: linear-gradient(112deg, #1F2F36 0%, #243842 62%, #1F2D33 100%) 90% 0%;
}

.special-promo__title {
    display: flex;
    align-items: center;
    color:#FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
    margin-bottom: 1rem;
}

.special-promo__title::before {
    content: "";
    display: inline-block;
    margin-right: 0.5625rem;
    width: 1.5625rem;
    height: 1.5rem;
    min-width: 1.5625rem;
    min-height: 1.5rem;
    background: url(../icons/other/nodep-bonus-icon.svg);
    background-size: 1.5625rem 1.5rem;
}

.special-promo__description {
    color:#E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    margin-bottom: 1rem;
}

.special-promo__link-how-to-get {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.special-promo__link-how-to-get::before {
    content: "";
    display: inline-block;
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/other/blue-info-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}


.instruction,
.review-room,
.soft-trackers,
.cashier-methods,
.rakeback-structure,
.recommend-list,
.pokertribe-contacts {
    width: 100%;
    border-radius: 0.5rem;
    background: #202B31;
    margin-bottom: 2rem;
}

.recommend-list__carousel {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    overflow: hidden;
}

.recommend-list__carousel .room2-list__room {
    display: flex;
    height: auto;
    margin-right: 1rem;
    margin-bottom: 0;
    background: #1B252A;
}

.recommend-list__carousel .slick-list  .slick-track {
    display: flex;
}

.instruction__header,
.review-room__header,
.soft-trackers__header,
.cashier-methods__header,
.rakeback-structure__header,
.recommend-list__header,
.pokertribe-contacts__header {
    display: flex;
    align-items: center;
    padding: 0.6875rem 1.25rem 0.75rem 1.5rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.instruction__header-title,
.review-room__header-title,
.soft-trackers__header-title,
.cashier-methods__header-title,
.rakeback-structure__header-title,
.recommend-list__header-title,
.pokertribe-contacts__header-title {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.instruction__header-title::before,
.review-room__header-title::before,
.soft-trackers__header-title::before,
.cashier-methods__header-title::before,
.rakeback-structure__header-title::before,
.recommend-list__header-title::before {
    content: "";
    display: inline-block;
    margin-right: 0.4375rem;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;

}

.instruction__header-title::before {
    background: url(../icons/block/insrtruction.svg);
    background-size: 1.5625rem 1.5625rem;
}

.review-room__header-title::before {
    background: url(../icons/block/room-review.svg);
    background-size: 1.5625rem 1.5625rem;
}

.soft-trackers__header-title::before {
    background: url(../icons/block/soft-trackers.svg);
    background-size: 1.5625rem 1.5625rem;
}

.cashier-methods__header-title::before {
    background: url(../icons/block/cashier-methods.svg);
    background-size: 1.5625rem 1.5625rem;
}

.rakeback-structure__header-title::before {
    background: url(../icons/block/rakeback-structure.svg);
    background-size: 1.5625rem 1.5625rem;
}

.recommend-list__header-title::before {
    background: url(../icons/block/star.svg);
    background-size: 1.5625rem 1.5625rem;
}


.accardion__arrow {
    margin-left: auto;
    margin-right: 0.4375rem;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    background: url(../icons/arrow/accardion-bottom.svg) no-repeat center;
    background-size: 0.9375rem 0.5625rem;
}

.accardion__arrow.hide-content {
    transform: rotate(180deg);
}

.instruction__body {
    padding: 0.75rem 1.25rem 1.3125rem 1.5rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.review-room__body,
.soft-trackers__body,
.cashier-methods__body,
.rakeback-structure__body,
.recommend-list__carousel {
    padding: 0.75rem 1.25rem 1.875rem 1.5rem;
}

.pokertribe-contacts__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.5rem 1.5rem 1.875rem 1.5rem;
}

.pokertribe-contacts__list .contacts__way {
    margin-top: 0;
    margin-right: 3rem;
}

.pokertribe-contacts__list .social__icon-list {
    margin-top: 0;
    margin-left: auto;
}

.pokertribe-contacts__list .social__icon-list .link-social:last-child {
    margin-right: 0;
}

.instruction__body>ol {
    margin-top: 0;
}

.instruction__body>ol>li {
    margin-bottom: 0.9375rem;
}

.instruction__body-help {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.instruction__binding {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.3125rem 1.5rem;
}

.instruction__binding-text {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

.instruction__binding-form {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
}

.instruction__binding-form>input {
    min-width: 18.5rem;
    margin-right: 2rem;
    margin-bottom: 0;
}

.instruction__binding-form>a,
.instruction__binding-form>button {
    min-width: 18.5rem;
    margin-bottom: 0;
    cursor: pointer;
}

.room-screenshots {
    margin-top: 1.5325rem;
    margin-left: 1rem;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.room-screenshots__container {
    padding: 0.625rem 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.room-screenshots__container-inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 14.8125rem;
    overflow: hidden;
}

.room-screenshots__screen {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    max-height: 14.8125rem;
    object-fit: cover;
}

.room-screenshots__carousel-nav,
.recommend-list__carousel-nav {
    display: flex;
    justify-content: space-around;
    margin-top: 1.25rem;
}

.recommend-list__carousel-nav {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.room-screenshots__carousel-arrow--left,
.room-screenshots__carousel-arrow--right,
.recommend-list__carousel-arrow--left,
.recommend-list__carousel-arrow--right {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    cursor: pointer;
}

.room-screenshots__carousel-arrow--left,
.recommend-list__carousel-arrow--left {
    background: url(../icons/arrow/pagination-left.svg);
    background-size: 1.5rem 1.5rem;
}

.room-screenshots__carousel-arrow--right,
.recommend-list__carousel-arrow--right {
    background: url(../icons/arrow/pagination-right.svg);
    background-size: 1.5rem 1.5rem;
}

.room-screenshots__carousel-dots,
.recommend-list__carousel-dots {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.room-screenshots__carousel-dots li,
.recommend-list__carousel-dots li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.room-screenshots__carousel-dots li::before,
.recommend-list__carousel-dots li::before {
    display: none;
    margin: 0;
    padding: 0;
}

.room-screenshots__carousel-dots li button,
.recommend-list__carousel-dots li button,
.room-screenshots__carousel-dots .slick-active button,
.recommend-list__carousel-dots .slick-active button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    border: 1px solid #5C737E;
    border-radius: 0.5rem;

    color: #5C737E;
    font-family: 'San Francisco Pro';
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
}

.room-screenshots__carousel-dots .slick-active button,
.recommend-list__carousel-dots .slick-active button {
    border: none;
    color: #FFFFFF;
    background: linear-gradient(90deg, #FF6464, #FC3838);
}










.room-add-info {
    margin-top: 1.5325rem;
    margin-left: 1rem;
    padding: 1.5rem 1.5rem 1.875rem 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.room-add-info__content {
    padding-top: 0.875rem;
}

.room-add-info__content-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.875rem;
}

.room-add-info__content-container:last-of-type {
    margin-bottom: 0;
}

.room-add-info__content-key {
    color:#5C737E;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3125rem;
    margin-right: 4rem;
}

.room-add-info__content-value {
    color:#FFFFFF;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    text-align: end;
}


.room-rating {
    margin-top: 1.5325rem;
    margin-left: 1rem;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.email-confirmation-block,
.auth-block {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
}

.email-confirmation-block h1 {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.email-confirmation-block p {
    margin-bottom: 1rem;
}

.email-confirmation-block form {
    margin-bottom: 1rem;
}

.email-confirmation-confirm-btn {
    margin-top: 1rem;
    padding: .75rem 3.25rem;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none; 
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    cursor: pointer;
}
.email-confirmation-confirm-btn:hover {
    opacity: 0.9;
}

/* Page Auth */
/* Login */

.page-login {
    width: 30%;
    min-width: 18rem;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: .5rem;
    background-color: #202B31;
}

.page-login__title {
    margin: 0 0 1.5rem 0;
    font-size: 2.6875rem;
    font-weight: 700;
    line-height: 3.1875rem;
    color: #FFFFFF;
    text-align: center;
}

.page-login__prompt {
    margin-bottom: 1.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    text-align: center;

}

.page-login__prompt a {
    margin-left: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}

.page-login__form {
    margin-bottom: 2rem;
}

.page-login__email-container,
.page-login__password-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.625rem;
}

.page-login__email-container label,
.page-login__password-container label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.page-login__email-container input,
.page-login__password-container input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.page-login__email-container input::placeholder,
.page-login__password-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.page-login__email-container input:focus,
.page-login__password-container input:focus {
    background: #26495C;
    outline:none;
}

.page-login__password-container {
    margin-bottom: 2rem;
}

.page-login__forgot-password-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-login__remember-me {
    display: flex;
    align-items: center;
}

/* для элемента input c type="checkbox" */
.page-login__remember-me-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


  /* для элемента label, связанного с .custom-checkbox */
  .page-login__remember-me-input+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  /* создание в label псевдоэлемента before со следующими стилями */
  .page-login__remember-me-input+label::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: none;
    border-radius: 0.5rem;
    margin-right: 0.4375rem;
    background-color: #2D3A42;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.6875rem 0.6875rem;
  }

  /* стили при наведении курсора на checkbox */
  .page-login__remember-me-input:not(:disabled):not(:checked)+label:hover::before {
    background-color: #3E5665;
  }

  /* стили для активного чекбокса (при нажатии на него) */
  .page-login__remember-me-input:not(:disabled):active+label::before {
    background: #2D3A42;
  }

  /* стили для чекбокса, находящегося в фокусе */
  .page-login__remember-me-input:focus+label::before {
    background-color: #3E5665;
    outline:none;
  }

  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .page-login__remember-me-input:focus:not(:checked)+label::before {
    background-color: #3E5665;
    outline:none;
  }

  /* стили для чекбокса, находящегося в состоянии checked */
  .page-login__remember-me-input:checked+label::before {
    background-color: #70AB34;
    background-image: url(../icons/btn/check-arrow-white.svg);
  }

  /* стили для чекбокса, находящегося в состоянии disabled */
  .page-login__remember-me-input:disabled+label::before {
    background-color: #e9ecef;
  }

.page-login__forgot-password {
    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
}

.page-login__form-errors {

}

.page-login__login-btn {
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.page-login__login-btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.page-login__login-btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}


/* Registration */
.page-registration {
    width: 30%;
    min-width: 18rem;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: .5rem;
    background-color: #202B31;
}

.confirm-email-msg {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.confirm-email-msg p {
    margin-bottom: 1.5rem;
}

.page-registration__title {
    margin-bottom: 1.5rem;
    font-size: 2.6875rem;
    font-weight: 700;
    line-height: 3.1875rem;
    color: #FFFFFF;
    text-align: center;
}

.page-registration__prompt {
    margin-bottom: 1.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    text-align: center;
}

.page-registration__prompt a {
    margin-left: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}

.page-registration__form {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}

.page-registration__field-error {
    margin-top: 0.5rem;
}

.page-registration__email-container,
.page-registration__nickname-container,
.page-registration__password-container,
.page-registration__password-confirm-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.625rem;
}


.page-registration__email-container label,
.page-registration__nickname-container label,
.page-registration__password-container label,
.page-registration__password-confirm-container label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.page-registration__email-container input,
.page-registration__nickname-container input,
.page-registration__password-container input,
.page-registration__password-confirm-container input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.page-registration__email-container input::placeholder,
.page-registration__nickname-container input::placeholder,
.page-registration__password-container input::placeholder,
.page-registration__password-confirm-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.page-registration__email-container input:focus,
.page-registration__nickname-container input:focus,
.page-registration__password-container input:focus,
.page-registration__password-confirm-container input:focus {
    background: #26495C;
    outline:none;
}

.page-registration__nickname-container {

}

.page-registration__password-container {

}

.page-registration__password-confirm-container {
    margin-bottom: 3.125rem;
}

.page-registration__registration-btn {
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.page-registration__registration-btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.page-registration__registration-btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}


/* Verification sent */
.page-verify-sent {
    width: 50%;
    min-width: 28rem;
    margin-top: 3rem;
    /* padding: 1.5rem;
    border-radius: .5rem;
    background-color: #202B31 */
}

.page-verify-sent h1 {
    text-align: center;
    margin-bottom: 1rem;
}

.page-verify-sent p {
    text-align: center;
    margin-bottom: 1rem;
}

/* Change password */
.page-change-password {
    width: 30%;
    min-width: 18rem;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: .5rem;
    background-color: #202B31
}

.page-change-password__title {
    margin-bottom: 1.5rem;
    font-size: 2.6875rem;
    font-weight: 700;
    line-height: 3.1875rem;
    color: #FFFFFF;
    text-align: center;
}

.page-change-password .form-input-container {
    width: 100%;
}

.page-change-password a {
    display: block;
    text-decoration: none;
    font-weight: 500;
    color: #3EB6F8;
    text-align: center;
}

.page-change-password__btn {
    margin-top: 3rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.page-change-password__btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.page-change-password__btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}


/* Reset passoword */
.page-reset-password {
    width: 30%;
    min-width: 18rem;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: .5rem;
    background-color: #202B31
}

.page-reset-password p {
    margin-bottom: 1rem;
}

.page-reset-password a {
    text-decoration: none;
    font-weight: 500;
    color: #3EB6F8;
}

.page-reset-password .form-input-container {
    width: 100%;
}

.page-reset-password__title {
    margin-bottom: 1.5rem;
    font-size: 2.6875rem;
    font-weight: 700;
    line-height: 3.1875rem;
    color: #FFFFFF;
    text-align: center;
}

.page-reset-password__form {
    margin-top: 2rem;
}

.page-reset-password__email-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.625rem;
}

.page-reset-password__email-container label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.page-reset-password__email-container input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.page-reset-password__email-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.page-reset-password__email-container input:focus {
    background: #26495C;
    outline:none;
}

.page-reset-password__btn {
    margin-top: 3rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.page-reset-password__btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.page-reset-password__btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}

.page-logout__btn {
    margin-top: 3rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 3rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.page-logout__btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.page-logout__btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}


.terms-block {
    margin: 1.5325rem 5rem 2rem 5rem;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.terms-block h1 {
    margin-bottom: 1.5rem;
}

.terms-block p {
    margin-bottom: 1rem;
}

/* ROOMS REVIEWS */

/* Filter */
.sort-rooms-reviews {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5325rem;
    padding: 0.6875rem 2.375rem 0.6875rem 1.4375rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.sort-rooms-reviews__text {
    margin-right: 1.5rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 400;
}

.sort-rooms-reviews__select {
    font-family: 'San Francisco Pro';
    width: 15.6875rem;
    height: 2.6875rem;
    background-color: #2D3A42;
    margin-right: 1.5rem;
    padding: 0.75rem 1rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    outline: none;
}

.sort-rooms-reviews__select:focus {
    background-color: #26495C;
    color: #FFFFFF;
    outline: none;
}

.sort-rooms-reviews__select.active {
    background-color: #26495C;
    color: #FFFFFF;
    outline: none;
}

.sort-rooms-reviews__btn {
    padding: 0.75rem 1.5625rem;
    background-color: #2D3A42;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    user-select: none;
}

.sort-rooms-reviews__btn:hover,
.sort-rooms-reviews__btn:focus {
    background-color: #26495C;
    color: #FFFFFF;
}

.sort-rooms-reviews__btn.active {
    background-color: #26495C;
    color: #FFFFFF;
}

/* End Filter */

/* Room List */
.list-rooms-reviews {
    width: 100%;
}

.list-rooms-reviews__room {
    display: flex;
    width: 100%;
    margin-top: 1.5rem;
    background-color: #202B31;
    border-radius: 0.5rem;
}

.list-rooms-reviews__room-img {
    width: 19.5rem; 
    height: 8.875rem;
    border-radius: 0.5rem 0 0 0.5rem;
    object-fit: contain;
    background-color: #000;
}

.list-rooms-reviews__room-info {
    position: relative;
    background: url(../icons/feedback/bg-rooms-feedback.svg) no-repeat;
    padding: 1.875rem 1.875rem 1.3125rem 1.875rem;
}

.list-rooms-reviews__room-info-name-bg {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 4rem;
    font-weight: 700;
    opacity: 0.02;
}

.list-rooms-reviews__room-info-name {
    color: #FFFFFF;
    font-size: 1.6875rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.list-rooms-reviews__room-info-container {
    display: flex;
    margin-top: 0.375rem;
}

.list-rooms-reviews__room-info-rating {
    margin-right: 2.75rem;
}

.list-rooms-reviews__room-info-rating-text,
.list-rooms-reviews__room-info-reviews-count-text {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.list-rooms-reviews__room-info-rating-container {
    display: flex;
    margin-top: 0.4375rem;
}

.list-rooms-reviews__room-info-rating-stars {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
}

.list-rooms-reviews__room-info-rating-value {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.list-rooms-reviews__room-info-reviews-container {
    display: flex;
}

.list-rooms-reviews__room-info-reviews-count {
    margin-right: 2.1875rem;
}

.list-rooms-reviews__room-info-reviews-count-container {
    display: flex;
    margin-top: 0.4375rem;
}

.list-rooms-reviews__room-info-reviews-count-icon {
    margin-right: 0.671875rem;
    display: block;
    text-indent: -9999px;
    width: 1.640625rem;
    height: 1.3125rem;
    min-width: 1.640625rem;
    min-height: 1.3125rem;
    background: url(../icons/feedback/reviews.svg) center no-repeat;
    background-size: 1.640625rem 1.3125rem;
}

.list-rooms-reviews__room-info-reviews-count-value {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.list-rooms-reviews__room-info-overview-link {
    margin-top: auto;
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    cursor: pointer;
}

.list-rooms-reviews__room-info-overview-link:hover {
    color: #65C9FF;
}

.list-rooms-reviews__room-info-overview-link:focus {
    color: #2999D6;
}

.list-rooms-reviews__room-btns {
    margin-left: auto;
    margin-right: 2.375rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list-rooms-reviews__room-btn--review {
    margin-right: 1.5rem;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.6875rem 1.8125rem 0.75rem 1.8125rem;
}

.list-rooms-reviews__room-btn--review:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.list-rooms-reviews__room-btn--review:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}

.list-rooms-reviews__room-btn--download {
    background: linear-gradient(98deg, #F59E2B 0%, #FED757 29%, #FCAE11 100%) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #674500;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.6875rem 3.4375rem 0.75rem 3.4375rem;
}

.list-rooms-reviews__room-btn--download:hover {
    background: linear-gradient(98deg, #F59E2B 0%, #FFE281 29%, #FCAE11 100%) 98% 0%;
}

.list-rooms-reviews__room-btn--download:focus {
    background: linear-gradient(98deg, #F59E2B 0%, #FFCB1E 29%, #FCAE11 100%) 98% 0%;
}

.jq-ry-container {
    padding: 0;
}

/* End Room List */

/* Room Review */

.room-review-header {
    display: flex;
    width: 100%;
    margin-top: 1.5rem;
    padding: 1.875rem 1.5rem;
    background-color: #202B31;
    border-radius: 0.5rem;
}

.room-review-header__img {
    display: block;
    width: 18.5rem;
    height: 15.9375rem;
    min-width: 18.5rem;
    min-height: 15.9375rem;
    margin-right: 1.375rem;
    background-color: #000;
    border-radius: 1rem;
    object-fit: contain;
}

.room-review-header__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.room-review-header__title-review-counter {
    /* width: 45%; */
    margin-right: 1rem;
}

.room-review-header__title {
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.6875rem;
}

.room-review-header__rating {
    display: flex;
    margin-top: 0.875rem;
}

.room-review-header__review {
    margin-right: 3.375rem;
}

.room-review-header__review-title,
.room-review-header__counter-title {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.room-review-header__review-container {
    display: flex;
}

.room-review-header__review-value {
    color: #FFFFFF;
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 3.75rem;
}

.room-review-header__review-stars-count-container {
    display: flex;
    margin-top: 0.5rem;
    margin-left: 1.4375rem;
}

.room-review-header__review-stars-count {

}

.room-review-header__review-stars-count div {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.4375rem;
}

.room-review-header__review-stars-count div:last-of-type {
    margin-bottom: 0rem;
}

.room-review-header__review-stars-count div i {
    display: block;
    margin-right: 0.3125rem;
    text-indent: -9999px;
    width: 0.5rem;
    height: 0.5rem;
    min-width: 0.5rem;
    min-height: 0.5rem;
    background: url(../icons/feedback/star.svg);
    background-size: 0.5rem 0.5rem;
    font-style: normal;
}

.room-review-header__review-stars-count div i:last-of-type {
    margin-right: 0rem;
}

.room-review-header__review-stars-line {
    margin-left: 0.5625rem;
}

.room-review-header__review-stars-line div {
    width: 6.875rem;
    height: 0.5rem;
    min-height: 0.5rem;
    position: relative;
    margin-bottom: 0.4375rem;
    background-color: #364750;
    border-radius: 0.25rem;
}

.room-review-header__review-stars-line div div {
    width: 0%;
    height: 0.5rem;
    min-height: 0.5rem;
    position: absolute;
    margin-bottom: 0.4375rem;
    background-color: #FFC107;
    border-radius: 0.25rem;
}

.room-review-header__review-stars-line div:last-of-type {
    margin-bottom: 0rem;
}

.room-review-header__counter {

}

.room-review-header__counter-count {
    display: flex;
    margin-top: 0.5rem;
    padding: 1.375rem 1.375rem 1.375rem 1rem;
    background-color: #364750;
    border-radius: 1rem;
}

.room-review-header__counter-count-icon {
    display: block;
    margin-right: 0.671875rem;
    text-indent: -9999px;
    width: 1.640625rem;
    height: 1.3125rem;
    min-width: 1.640625rem;
    min-height: 1.3125rem;
    background: url(../icons/feedback/megaphone.svg);
    background-size: 1.640625rem 1.3125rem;
}

.room-review-header__counter-count-digit {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.room-review-header__btns {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 14rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.room-review-header__btns__overview-btn {
    width: 100%;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
}

.room-review-header__btns__overview-btn:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.room-review-header__btns__overview-btn:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}


.room-review-header__btns__download-btn {
    margin-top: 1.3125rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 2.25rem;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: #674500;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125rem;
    border-radius: 1rem;
    background: linear-gradient(98deg, #F59E2B 0%, #FED757 29%, #FCAE11 100%) 98% 0%;
    box-shadow: 0rem 0.3125rem 1.25rem #fcc03d8c;
}

.room-review-header__btns__download-btn:hover {
    background: linear-gradient(98deg, #F59E2B 0%, #FFE281 29%, #FCAE11 100%) 98% 0%;
}

.room-review-header__btns__download-btn:focus {
    background: linear-gradient(98deg, #F59E2B 0%, #FFCB1E 29%, #FCAE11 100%) 98% 0%;
}

.room-review-header__desc {
    width: 100%;
    margin-top: 2rem;
    color: #E8E9EA;
    font-size: 1.0625rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

/* Leave Feedback block */

.leave-feedback {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #202B31;
    border-radius: 0.5rem;
    margin-top: 1rem;
    padding: 1.125rem 1.5rem;
}

.leave-feedback-text {
    color: #E8E9EA;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.leave-feedback-btn,
.leave-feedback-btnn,
.leave-club-feedback-btn {
    width: 17rem;
    height: 2.75rem;
    background-color: #3EB6F8;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
}

.leave-feedback-btn:hover,
.leave-feedback-btnn:hover,
.leave-club-feedback-btn:hover {
    background-color: #65C9FF;
}

.leave-feedback-btn:focus,
.leave-feedback-btnn:focus,
.leave-club-feedback-btn:focus {
    background-color: #2999D6;
}

/* End Leave Feedback block */

/* Feedback List */

.feedback-list {

}

.feedback {
    width: 100%;
    background-color: #202B31;
    border-radius: 0.5rem;
    margin-top: 1rem;
    padding: 1.5rem;
    padding-bottom: 1rem;
}

.feedback-head {
    display: flex;
    border-bottom: 1px solid;
    padding-bottom: 0.9375rem;
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 25%,#1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}

.feedback-person-img {
    width: 4.0625rem;
    height: 4.0625rem;
    border-radius: 50%;
    background-color: #000;
}

.feedback-person {
    margin-left: 0.5rem;
}

.feedback-person-name {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.feedback-person-isstaff {
    margin-top: 0.375rem;
    color: #FF2121;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-person-experience {
    margin-top: 0.375rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-person-messages {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-date {
    margin-left: auto;
    margin-right: 1.1875rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-body {
    margin-top: 1.1875rem;
}

.feedback-body-container {
    display: flex;
    justify-content: space-between;
}

.feedback-rating {

}

.feedback-rating-text {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-rating-container {
    display: flex;
    align-items: center;
    margin-top: 0.5625rem;
}

.feedback-rating-stars {
    margin-right: 0.5rem;
}

.feedback-rating-value {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.feedback-ishelpfull {
    display: flex;
    align-items: center;
}

.feedback-ishelpfull-text {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    margin-right: 2.4375rem;
}

.feedback-text {
    word-wrap: break-word;
    margin-top: 1.25rem;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.feedback-ishelpfull-btns {
    display: flex;
}

.feedback-ishelpfull-btns-like {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.125rem;
    width: 4.3125rem;
    height: 2.25rem;
    border: none;
    border-radius: 0.5rem;
    background-color: #70AB34;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
    cursor: pointer;
}

.feedback-ishelpfull-btns-dislike {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.3125rem;
    height: 2.25rem;
    border: none;
    border-radius: 0.5rem;
    background-color: #FD4242;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
    cursor: pointer;
}

.feedback-ishelpfull-btns-like-icon {
    margin-right: 0.5rem;
    display: block;
    text-indent: -9999px;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background: url(../icons/feedback/like.svg);
    background-size: 1rem 1rem;
}

.feedback-ishelpfull-btns-dislike-icon {
    margin-right: 0.5rem;
    display: block;
    text-indent: -9999px;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background: url(../icons/feedback/dislike.svg);
    background-size: 1rem 1rem;
}

.feedback-advanteges {
    display: flex;
    align-items: center;
    margin-top: 0.875rem;
    width: 100%;
    padding: 1rem;
    background-color: #1B252A;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    word-break: break-word;
}

.feedback-disadvanteges {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    width: 100%;
    padding: 1rem;
    background-color: #1B252A;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    word-break: break-word;
}

.feedback-disadvanteges div,
.feedback-advanteges div {
    word-break: break-word;
}

.feedback-advanteges-icon {
    display: block;
    margin-right: 0.5rem;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/plus.svg);
    background-size: 1.1875rem 1.1875rem;
}

.feedback-disadvanteges-icon {
    display: block;
    margin-right: 0.5rem;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/minus.svg);
    background-size: 1.1875rem 1.1875rem;
}


.feedback-foot {
    display: flex;
    margin-top: 1.5625rem;
    border-bottom: 1px solid;
    padding-bottom: 1.6875rem;
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 25%,#1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}

.feedback-answers {
    display: flex;
    align-items: center;
    margin-right: 2.25rem;
}

.feedback-answers-icon {
    display: block;
    margin-right: 0.8125rem;
    text-indent: -9999px;
    width: 1.5rem;
    height: 1.1875rem;
    min-width: 1.5rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/megaphone-grey.svg);
    background-size: 1.5rem 1.1875rem;
}

.feedback-answers-text {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.feedback-answer-btn,
.feedback-answer-btnn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125rem;
    cursor: pointer;
}

.feedback-answers-btn-icon {
    display: block;
    margin-right: 0.6875rem;
    text-indent: -9999px;
    width: 0.6875rem;
    height: 1.1875rem;
    min-width: 0.6875rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/answer-arrow.svg);
    background-size: 0.6875rem 1.1875rem;
}

.feedback-answer-btn:hover,
.feedback-answer-btnn:hover {
    color: #65C9FF;
}

.feedback-answer-btn:focus,
.feedback-answer-btnn:focus {
    color: #2999D6;
}

.feedback-answer-list {

}

.feedback-answer {
    margin-top: 0.875rem;
    margin-left: 2.5rem;
    padding-bottom: 1.3125rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 25%,#1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}

.feedback-answer-head {
    display: flex;
}

.feedback-answer-person-img {
    width: 4.0625rem;
    height: 4.0625rem;
    border-radius: 50%;
    background-color: #000;
    margin-right: 0.5rem;
}

.feedback-answer-person {

}

.feedback-answer-person-name {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.feedback-answer-person-experience {
    margin-top: 0.375rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-answer-person-messages {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-answer-date {
    margin-top: 0.6875rem;
    margin-left: auto;
    margin-right: 1.1875rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-answer-body {
    word-wrap: break-word;
    margin-top: 0.9375rem;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.feedback-answer-foot {
    margin-top: 1.1875rem;
}

.feedback-answer-body-textarea-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    
}

.feedback-answer-body-textarea-btn {
    width: 18.5625rem;
    min-width: 18.5625rem;
    border: none;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
    cursor: pointer;
}

.feedback-answer-body-textarea-btn:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.feedback-answer-body-textarea-btn:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}

.feedback-answer-loadmore {
    display: block;
    margin-top: 0.875rem;
    text-decoration: none;
    color: #5C737E;
    font-size:1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
}

.feedback-answer-loadmore:hover {
    color: #95A8B1;
}

.feedback-answer-loadmore:focus {
    color: #FFFFFF;
}

.modal-feedback,
.modal-club-feedback {
    display: none;
    width: 100%;
    height: 100%;
    padding: 3.375rem 1rem;
    overflow: auto;

    background-color: rgba(18, 26, 30, 0.87);

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.modal-feedback__add-feedback {
    width: 68rem;
    height: auto;
    margin: auto;
    padding: 2.1875rem 4rem 2.5rem 4rem;
    position: relative;

    background-color: #202B31;
    box-shadow: 0px 10px 20px #0000001C;
    border-radius: 0.5rem;
}

.modal-feedback.modal-show {
    display: flex;
}

.modal-club-feedback.modal-show {
    display: flex;
}

.add-feedback-title {
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.6875rem;
}

.add-feedback-rating {
    margin-top: 1.1875rem;
}

.add-feedback-rating-text {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.add-feedback-rating-stars-container {
    display: flex;
    align-items: center;
    margin-top: 0.5625rem;
}

.add-feedback-rating-stars {
    margin-right: 2rem;
}

.add-feedback-rating-set {

}

.add-feedback-rating-value,
.add-club-feedback-rating-value {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.add-feedback-advantages,
.add-feedback-disadvantages {
    margin-top: 2rem;
    position: relative;
}

.add-feedback-advantages-icon,
.add-feedback-disadvantages-icon {
    position: absolute;
    display: block;
    top: 0.75rem;
    bottom: 0.75rem;
    left: 1.25rem;
    margin-right: 0.5rem;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/plus.svg);
    background-size: 1.1875rem 1.1875rem;
}

.add-feedback-disadvantages-icon {
    background: url(../icons/feedback/minus.svg);
    background-size: 1.1875rem 1.1875rem;
}

.add-feedback-advantages-textarea,
.add-club-feedback-advantages-textarea,
.add-feedback-disadvantages-textarea,
.add-club-feedback-disadvantages-textarea,
.add-feedback-text-textarea,
.add-club-feedback-text-textarea,
.feedback-answer-body-textarea {
    font-family: 'San Francisco Pro';
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    display: block;
    width: 100%;
    overflow: hidden;
    resize: vertical;
    min-height: 2.6875rem;
    height: 2.6875rem;
    line-height: 1.3125rem;
    background-color: #2D3A42;
    border-radius: 1rem;
    padding: 0.75rem 1.25rem 0.75rem 2.875rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    border: 0;
    caret-color: #3EB6F8;
    outline: none;
}

.add-feedback-advantages-textarea::placeholder,
.add-club-feedback-advantages-textarea::placeholder,
.add-feedback-disadvantages-textarea::placeholder,
.add-club-feedback-disadvantages-textarea::placeholder,
.add-feedback-text-textarea::placeholder,
.add-club-feedback-text-textarea::placeholder,
.feedback-answer-body-textarea::placeholder {
    font-family: 'San Francisco Pro';
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-text-textarea,
.add-club-feedback-text-textarea,
.feedback-answer-body-textarea {
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    min-height: 5.375rem;
}

.add-feedback-advantages-textarea:focus,
.add-club-feedback-advantages-textarea:focus,
.add-feedback-disadvantages-textarea:focus,
.add-club-feedback-disadvantages-textarea:focus,
.add-feedback-text-textarea:focus,
.add-club-feedback-text-textarea:focus,
.feedback-answer-body-textarea:focus {
    background-color: #26495C;
}
  
.add-feedback-advantages-textarea[contenteditable]:empty::before,
.add-club-feedback-advantages-textarea[contenteditable]:empty::before,
.add-feedback-disadvantages-textarea[contenteditable]:empty::before,
.add-club-feedback-disadvantages-textarea[contenteditable]:empty::before,
.add-feedback-text-textarea[contenteditable]:empty::before,
.add-club-feedback-text-textarea[contenteditable]:empty::before,
.feedback-answer-body-textarea[contenteditable]:empty::before {
    content: "Плюсы";
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-disadvantages-textarea[contenteditable]:empty::before,
.add-club-feedback-disadvantages-textarea[contenteditable]:empty::before {
    content: "Минусы";
}

.add-feedback-text-textarea[contenteditable]:empty::before,
.add-club-feedback-text-textarea[contenteditable]:empty::before {
    content: "Ваш отзыв";
}

.feedback-answer-body-textarea[contenteditable]:empty::before {
    content: "";
}

.add-feedback-disadvantages {
    margin-top: 2rem;
}

.add-feedback-text {
    margin-top: 2rem;
}

.add-feedback-nickname {
    margin-top: 1.375rem;
}

.add-feedback-nickname-input {
    width: 50%;
    min-height: 2.6875rem;
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.add-feedback-nickname-input::placeholder {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-nickname-input:focus {
    background: #26495C;
    outline: none;
}

.add-feedback-nickname-desc {
    margin-top: 2rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-nickname-desc div {
    margin-top: 1rem;
}

.add-feedback-rules {
    display: flex;
    margin-top: 1.375rem;
}

.add-feedback-rules-checkbox {

}

.modal-feedback__add-feedback-success {
    text-align: center;
    width: 29rem;
    height: auto;
    margin: auto;
    padding: 4.25rem 4.875rem 4.25rem 4.875rem;
    position: relative;

    background: url(../icons/feedback/added-background.svg) no-repeat;
    background-color: #202B31;
    background-position: center bottom;
    box-shadow: 0px 10px 20px #0000001C;
    border-radius: 0.5rem;
}

.modal-feedback__add-feedback-success-icon {
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    width: 5.25rem;
    height: 5.25rem;
    min-width: 5.25rem;
    min-height: 5.25rem;
    background: url(../icons/feedback/added.svg) center no-repeat;
    background-size: 5.25rem 5.25rem;
}

.modal-feedback__add-feedback-success-text {
    width: 100%;
    margin-top: 1.8125rem;
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.75rem;
}


/* ======================================================= */

/* для элемента input c type="checkbox" */
.feedback-checkbox,
.club-feedback-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


  /* для элемента label, связанного с .custom-checkbox */
  .feedback-checkbox+label,
  .club-feedback-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  /* создание в label псевдоэлемента before со следующими стилями */
  .feedback-checkbox+label::before,
  .club-feedback-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: none;
    border-radius: 0.5rem;
    margin-right: 0.4375rem;
    background-color: #2D3A42;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.6875rem 0.6875rem;
  }

  /* стили при наведении курсора на checkbox */
  .feedback-checkbox:not(:disabled):not(:checked)+label:hover::before,
  .club-feedback-checkbox:not(:disabled):not(:checked)+label:hover::before {
    background-color: #3E5665;
  }

  /* стили для активного чекбокса (при нажатии на него) */
  .feedback-checkbox:not(:disabled):active+label::before,
  .club-feedback-checkbox:not(:disabled):active+label::before {
    background: #2D3A42;
  }

  /* стили для чекбокса, находящегося в фокусе */
  .feedback-checkbox:focus+label::before,
  .club-feedback-checkbox:focus+label::before  {
    background-color: #3E5665;
  }

  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .feedback-checkbox:focus:not(:checked)+label::before,
  .club-feedback-checkbox:focus:not(:checked)+label::before {
    background-color: #3E5665;
  }

  /* стили для чекбокса, находящегося в состоянии checked */
  .feedback-checkbox:checked+label::before,
  .club-feedback-checkbox:checked+label::before {
    background-color: #70AB34;
    background-image: url(../icons/btn/check-arrow-white.svg);
  }

  /* стили для чекбокса, находящегося в состоянии disabled */
  .feedback-checkbox:disabled+label::before,
  .club-feedback-checkbox:disabled+label::before {
    background-color: #e9ecef;
  }

/* ============================================================= */

.add-feedback-rules-text {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-btn-container {
    display: flex;
    justify-content: flex-end;
}

.add-feedback-btn,
.add-club-feedback-btn {
    width: 18.5625rem;
    min-width: 18.5625rem;
    border: none;
    margin-top: 1.625rem;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
    cursor: pointer;
}

.add-feedback-btn:hover,
.add-club-feedback-btn:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.add-feedback-btn:focus,
.add-club-feedback-btn:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}


/* End Feedback List */

/* End Room Review */
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Start PokerClubs */

.block-clubs-country {
    margin-top: 1.5325rem;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.clubs-country-container {
    width: 100%;
    background-image: url(../icons/clubs/world.svg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 3rem 16rem;
    background-size: 70%;
}

.clubs-country-filter {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
}

.clubs-country-filter__text {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-right: 1.4375rem;
}

.clubs-country-list {

}

.clubs-country__search-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 17rem;
    min-width: 17rem;
    margin-left: auto;
}

.clubs-country__search {
    margin-left: auto;
    width: 100%;
    height: 2.6875rem;
    padding: 0.75rem 1.25rem 0.75rem 2.8125rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    background-color: #2D3A42;
    border: none;
    border-radius: 1rem;
    caret-color: #3EB6F8;

}

.clubs-country__search::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.clubs-country__search:focus {
    background: #26495C;
    outline: none;
}

.clubs-country-description {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 1.5rem;
}

.clubs-country-list__continent-container {
    margin-top: 2.1875rem;
}

.clubs-country-list__continent {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-top: 2.1875rem;
}

.clubs-country-list__continent-container:first-of-type {
    margin-top: 1.6875rem;
}

.clubs-country-list__countries {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: 3.5625rem;
}

.clubs-country-list__country img {
    width: 1.875rem;
    height: 1.1875rem;
    min-width: 1.875rem;
    min-height: 1.1875rem;
    margin-right: 0.4375rem;
    border-radius: 0.25rem;
}

.clubs-country-list__country {
    width: fit-content;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 1.5rem;
}

/* CITIES */
.clubs-cities-container {
    width: 100%;
    background-image: url(../icons/clubs/cities.svg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 3rem 16rem;
    background-size: 70%;
}

.clubs-cities-filter {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
}

.clubs-cities-filter__letters {
    width: fit-content;
    display: flex;
    /* justify-content: space-between; */
}

.clubs-cities-filter__letter {
    color: #5C737E;
    font-size: 1rem;
    line-height: 1,1875rem;
    font-weight: 400;
    margin-right: 1.5rem;
    cursor: pointer;
}

.clubs-cities-filter__letter:last-of-type {
    margin-right: 2rem;
}

.clubs-cities__search-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 17rem;
    min-width: 17rem;
    margin-left: auto;
}

.clubs-cities__search {
    margin-left: auto;
    width: 100%;
    height: 2.6875rem;
    padding: 0.75rem 1.25rem 0.75rem 2.8125rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    background-color: #2D3A42;
    border: none;
    border-radius: 1rem;
    caret-color: #3EB6F8;
}

.clubs-cities__search::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.clubs-cities__search:focus {
    background: #26495C;
    outline: none;
}

.clubs-cities-description {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 1.5rem;
}

.clubs-cities-list {

}

.clubs-cities-list__container {
    margin-top: 2.25rem;
}

.clubs-cities-list__letter {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
}

.clubs-cities-list__cities {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: 3.5625rem;
}

.clubs-cities-list__city {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.clubs-cities-list__city-container {
    display: flex;
    width: fit-content;
    align-items: center;
    margin-top: 1.6875rem;
}

.clubs-cities-list__city-count {
    width: fit-content;
    padding: 0.25rem 0.5rem;
    margin-left: 0.4375rem;
    background-color: #70AB34;
    border-radius: 0.375rem;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.0625rem;
}

.clubs-clubs-container {

}

.clubs-clubs-description {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 1.5rem;
}

.clubs-clubs-list {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1.5em;
}

.clubs-club {
    width: 100%;
    position: relative;
    background: url('../icons/clubs/background-clubs.svg') no-repeat;
    background-color: #202B31;
    border-radius: 0.5rem;
    padding: 1.375rem 1.5rem 2rem 1.5rem;
}

.clubs-club__header {
    display: flex;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    padding-bottom: 1.125rem;
}

.clubs-club__header-logo {
    width: 5.5625rem;
    height: 5.5625rem;
    margin-right: 0.4375rem;
    border-radius: 50%;
    object-fit: cover;
}

.clubs-club__header-club-name {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    margin-top: 0.25rem;
}

.clubs-club__header-club-stat-container{
    display: flex;
    margin-top: 0.8125rem;
}

.clubs-club__header-club-rating-container {
    margin-right: 1.625rem;
}

.clubs-club__header-club-rating-txt,
.clubs-club__header-club-feedback-txt {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}

.clubs-club__header-club-rating-star {
    display: none;
}

.clubs-club__header-club-rating-stars {
    display: flex;
    align-items: center;
    margin-top: 0.625rem;
}

.clubs-club__header-club-rating-stars-rate {
    display: block;
    margin-right: 0.5rem;
}

.clubs-club__header-club-rating-stars-value {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 500;
}

.clubs-club__header-club-feedback-stat {
    display: flex;
    align-items: center;
    margin-top: 0.625rem;
}

.clubs-club__header-club-feedback-stat-icon {
    margin-right: 0.671875rem;
    display: block;
    text-indent: -9999px;
    width: 1.640625rem;
    height: 1.3125rem;
    min-width: 1.640625rem;
    min-height: 1.3125rem;
    background: url(../icons/clubs/reviews.svg) center no-repeat;
    background-size: 1.640625rem 1.3125rem;
}

.clubs-club__header-club-feedback-stat-value {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 400;
}

.clubs-club__contacts {
    margin-top: 1.5rem;
}
.clubs-club__contacts-title {
    display: flex;
    align-items: center;
}
.clubs-club__contacts-title-icon {
    margin-right: 0.5rem;
    display: block;
    text-indent: -9999px;
    width: 1.105625rem;
    height: 1.3125rem;
    min-width: 1.105625rem;
    min-height: 1.3125rem;
    background: url(../icons/clubs/phone-book.svg) center no-repeat;
    background-size: 1.105625rem 1.3125rem;
}
.clubs-club__contacts-title-txt {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 500;
}
.clubs-club__contacts-phone {
    margin-top: 1.3125rem;
    display: flex;
    align-items: center;
}
.clubs-club__contacts-phone-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/phone.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-club__contacts-phone-txt {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
}
.clubs-club__contacts-location {
    margin-top: 0.8125rem;
    display: flex;
    align-items: center;
}
.clubs-club__contacts-location-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/location.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-club__contacts-location-txt {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
}

.clubs-club__club-details-btn {
    display: block;
    width: 100%;
    border: none;
    margin-top: 2rem;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
    cursor: pointer;
}

.clubs-club__club-details-btn:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.clubs-club__club-details-btn:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}

/* Start Poker club details */

.clubs-club-desc {
    margin-top: 1.5325rem;
    padding: 1.875rem 1.5rem;
    width: 100%;
    background-color: #202B31;
    border-radius: 0.5rem;
}
.clubs-club-desc__header {
    display: flex;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}
.clubs-club-desc__logo {
    width: 11.8125rem;
    height: 10.1875rem;
    border-radius: 1rem;
    margin-right: 1.375rem;
    object-fit: cover;
}
.clubs-club-desc__title {
    margin-top: 0.3125rem;
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 600;
}
.clubs-club-desc__inner-container {
    display: flex;
    margin-top: 1.1875rem;
}
.clubs-club-desc__inner-container-1 {
    display: flex;
}
.clubs-club-desc__inner-container-2 {
    display: flex;
}
.clubs-club-desc__header-club-rating-container {
    margin-right: 2.2125rem;
}
.clubs-club-desc__header-club-feedback-container {
    margin-right: 2.2125rem;
}
.clubs-cluub-desc__contacts {
    margin-right: 2.2125rem;
}
.clubs-cluub-desc__contacts-txt {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}
.clubs-cluub-desc__contacts-phone {
    display: flex;
    /* align-items: center; */
    margin-top: 0.625rem;
}
.clubs-cluub-desc__contacts-phone-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/phone-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__contacts-phone-txt {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
}

.clubs-cluub-desc__contacts-website {
    display: flex;
    /* align-items: center; */
    margin-top: 1rem;
}
.clubs-cluub-desc__contacts-website-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/world-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__contacts-website-txt {
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
}

.clubs-cluub-desc__location {
    margin-right: 2.2125rem;
}

.clubs-cluub-location-txt {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}
.clubs-cluub-desc__location-container {
    display: flex;
    margin-top: 0.625rem;
}
.clubs-cluub-desc__location-address-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/location-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__location-address-txt {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
}
.clubs-cluub-desc__location-address-onmap {
    display: block;
    margin-top: 0.625rem;
    margin-left: 1.625rem;
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
}
.clubs-cluub-desc__social-messengers-txt {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}
.clubs-cluub-desc__social-messengers-facebook,
.clubs-cluub-desc__social-messengers-telegram,
.clubs-cluub-desc__social-messengers-instagram,
.clubs-cluub-desc__social-messengers-viber,
.clubs-cluub-desc__social-messengers-whatsup,
.clubs-cluub-desc__social-messengers-twitter {
    display: flex;
    margin-top: 0.625rem;
}
.clubs-cluub-desc__social-messengers-facebook-icon,
.clubs-cluub-desc__social-messengers-telegram-icon,
.clubs-cluub-desc__social-messengers-instagram-icon,
.clubs-cluub-desc__social-messengers-viber-icon,
.clubs-cluub-desc__social-messengers-whatsup-icon,
.clubs-cluub-desc__social-messengers-twitter-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
}
.clubs-cluub-desc__social-messengers-facebook-icon {
    background: url(../icons/clubs/facebook-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-telegram-icon {
    background: url(../icons/clubs/telegram-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-instagram-icon {
    background: url(../icons/clubs/instagram-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-viber-icon {
    background: url(../icons/clubs/viber-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-whatsup-icon {
    background: url(../icons/clubs/whatsapp-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-twitter-icon {
    background: url(../icons/clubs/twitter-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-facebook-txt,
.clubs-cluub-desc__social-messengers-telegram-txt,
.clubs-cluub-desc__social-messengers-instagram-txt,
.clubs-cluub-desc__social-messengers-viber-txt,
.clubs-cluub-desc__social-messengers-whatsup-txt,
.clubs-cluub-desc__social-messengers-twitter-txt {
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
}

.clubs-club-desc__about-title {
    margin-top: 2.125rem;
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
}

.clubs-club-desc__about-body {
    margin-top: 1rem;
}

.clubs-club-desc__gallery {
    margin-top: 3rem;
}

.clubs-club-desc__gallery img {
    margin-right: 1rem;
    border-radius: 0.5rem;
    height: 11.3125rem;
}

.clubs-slider__dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    padding-top: 3rem;
}

.clubs-slider__dots li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clubs-slider__dots li::before {
    display: none;
    margin: 0;
    padding: 0;
}

.clubs-slider__dots li button {
    display: block;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
    width: 0.5625rem;
    height: 0.5625rem;
    margin-right: 0.5rem;
    border: 1px solid #5C737E;
    border-radius: 50%;
}

.clubs-slider__dots .slick-active button {
    background: linear-gradient(132deg, #FF6464, #FC3838);
    border: none;
}

.break {
    flex-basis: 100%;
    height: 0;
}




















/*========== Media ==========*/


/* @media (min-width: 1366px) {

    html {
        font-size: 11.3833333px;
    }

    .container {
        width: 100%;
        height: 100%;
        max-width: 1366px;
        padding: 0 2rem;
        margin: 0 auto;
    }

}

@media (min-width: 1440px) {

    html {
        font-size: 12px;
    }

    .container {
        width: 100%;
        height: 100%;
        max-width: 1440px;
        padding: 0 2rem;
        margin: 0 auto;
    }

}

@media (min-width: 1536px) {

    html {
        font-size: 12.8px;
    }

    .container {
        width: 100%;
        height: 100%;
        max-width: 1536px;
        padding: 0 2rem;
        margin: 0 auto;
    }

}

@media (min-width: 1600px) {

    html {
        font-size: 13.333333px;
    }

    .container {
        width: 100%;
        height: 100%;
        max-width: 1600px;
        padding: 0 2rem;
        margin: 0 auto;
    }

}

@media (min-width: 1920px) {

    html {
        font-size: 16px;
    }

    .container {
        width: 100%;
        height: 100%;
        max-width: 1920px;
        padding: 0 2rem;
        margin: 0 auto;
    }

} */



@media (max-width: 7680px) {

    html {
        font-size: 16px;
    }

}

@media (max-width: 1600px) {

    html {
        font-size: 13.333333px;
    }

}

@media (max-width: 1536px) {

    html {
        font-size: 12.8px;
    }

}

@media (max-width: 1440px) {

    html {
        font-size: 12px;
    }

}

@media (max-width: 1366px) {

    html {
        font-size: 11.3833333px;
    }

} 



/* @media (max-width: 992px) {

    html {
        font-size: 24.576px;
    }

} */

@media (max-width: 992px) {

    html, body {
        font-size: 16px;
    }

    .container {
        padding: 0 1rem;
        /* max-width: 375px; */

    }

    .description-block {
        padding: 1rem;
    }

    /* ========== Header Start ==========*/

    .header {
        height: 4.375rem;
        position: fixed;
        border: none;
        border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
        border-image-width: 0px 0px 1px 0px;

    }

    .header__logo {
        margin: 0.625rem 0;
        width: 5rem;
        height: 3.125rem;
    }

    .nav {
        display: none;
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        column-count: 2;
        background: #142229;
        padding: 1.3125rem 0 1.3125rem 3.8125rem;
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
        border-image-width: 0px 0px 1px 0px;
    
    }

    .nav-show {
        display: block;

    }

    .nav__link {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 1.3125rem;
        margin-left: 0;
    }

    .header__buttons {
        width: auto;
    }
    
    .btn {
        font-family: 'San Francisco Pro';
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem .666875rem;
        border-radius: 0.5rem;
        text-decoration: none;
        outline: none;
        border: 0;
        color: #FFFFFF;
        font-size: 1rem;
        max-width: 2rem;
        max-height: 2rem;
        min-width: 2rem;
        min-height: 2rem;
        align-self: center;
    }
    
    .btn:hover {
        cursor: pointer;
    }

    .btn--burger {
        background-color: #2D3A42;
        /* transition: background-color .1s linear; */
    }

    .btn--burger.close {
        background-color: #3EB6F8;
        box-shadow: 0rem 0.1875rem 0.4375rem #3EB6F88C;
    }

    .btn--burger .burger-icon {
        margin: 0;
        width: 1rem;
        height: 0.875rem;
        min-width: 1rem;
        min-height: 0.875rem;
        padding: 0.5625rem 0.5rem;
        background: url(../icons/btn/burger.svg) center no-repeat;
        background-size: 1rem 0.875rem;
    }

    .btn--burger.close .burger-icon {
        margin: 0;
        width: 1rem;
        height: 0.875rem;
        min-width: 1rem;
        min-height: 0.875rem;
        padding: 0.5625rem 0.5rem;
        background: url(../icons/btn/close-burger.svg) center no-repeat;
        background-size: 1rem 0.875rem;
    }

    .btn--burger:hover.close {
        background-color: #3EB6F8;
        box-shadow: 0rem 0.1875rem 0.4375rem #3EB6F88C;
    }

    .btn--burger:active.close {
        background-color: #3EB6F8;
        box-shadow: 0rem 0.1875rem 0.4375rem #3EB6F88C;
    }

    .btn--burger:hover {
        background-color: #3E5665;
    }
    
    .btn--burger:active {
        background-color: #20333E;
        transition: none;
    }
    
    .btn--enter {
        background-color: #2D3A42;
        transition: background-color .1s linear;
        margin-left: 1rem;

    }

    .btn--enter .enter-icon {
        margin: 0;
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        min-height: 1rem;
        padding: 0.5rem;
        background: url(../icons/btn/login.svg) center no-repeat;
        background-size: 1rem 1rem;
    }
    
    .btn--enter:hover {
        background-color: #3E5665;
    }
    
    .btn--enter:active {
        background-color: #20333E;
        transition: none;
    }
    
    .btn--registration {
        position: relative;
        margin-left: 1rem;
        background: linear-gradient(90deg, #FF6464, #FC3838);
        box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C;
        z-index: 1;
    }

    .btn--registration .registration-icon {
        position: relative;
        margin: 0;
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        min-height: 1rem;
        padding: 0.5rem;
        background: url(../icons/btn/registration.svg) center no-repeat;
        background-size: 1rem 1rem;
        z-index: 3;
    }
    
    .btn--registration:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: .5rem;
    
        background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
        transition: opacity 0.1s linear;
        z-index: 2;
        opacity: 0;
    }
      
    .btn--registration:hover:after {
        opacity: 1;
    }
    
    .btn--registration:active:after {
        background: linear-gradient(90deg, #FF5454, #FF2121);
        transition: none;
    
    }
    
    .btn__text {
        position: relative;
        z-index: 3;
        display: none;
    }

    .header__user {
        display: flex;
        align-items: center;
    }
    
    .header__user-container {
        display: flex;
        align-items: center;
        margin-right: 1rem;
        text-align: end;
        /* display: none; */
    }
    
    .header__user-nickname {
        display: none;
    }
    
    .header__user-logout span {
        display: none;
    }

    .header__user-logout {
        display: block;
        font-family: 'San Francisco Pro';
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 1rem;
        padding: .5rem;
        border-radius: 0.5rem;
        text-decoration: none;
        outline: none;
        border: 0;
        color: #FFFFFF;
        font-size: 1rem;
        max-width: 2rem;
        max-height: 2rem;
        min-width: 2rem;
        min-height: 2rem;
        align-self: center;
        background-color: #2D3A42;
        cursor: pointer;
    }

    .header__user-logout::before {
        content: '';
        display: block;
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        min-height: 1rem;
        background: url(../icons/btn/exit.svg) center no-repeat;
        background-size: 1rem 1rem;
    }

    .header__user-logout:hover {
        background-color: #3E5665;
    }
    
    .header__user-avatar {
        width: 3rem;
        height: 3rem;
        min-width: 3rem;
        min-height: 3rem;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        object-fit: cover;
    }

/*========== Content Start ==========*/

    .content {
        padding-top: 4.375rem;
        /* padding-top: 0; */
    }

    .content__inner {
        flex-wrap: wrap;
    }

    .left-side {
        width: 100%;
    }
    
    .right-side {
        width: 100%
    }

/*========== Style in Title area in block ==========*/

    .block-title {
        display: flex;
        height: 2.5625rem;
        border-bottom: 1px solid;
        border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
        border-image-width: 0px 0px 1px 0px;
    }

    .block-title__text {
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }


    /* Icons in title area */

    .block-title__icon--newspaper {
        width: 1.125rem;
        height: 1.125rem;
        min-width: 1.125rem;
        min-height: 1.125rem;
        background-size: 1.125rem 1.125rem;
    }

    /* ========== Slider Start ==========*/

    .slider {
        width: 100%;
        height: min-content;
        /* background: url(../ptribe_test/img/main-banner-mob.png); */
        background-size: cover;
    }

    .slide {
        display: none;
        /* background: url(../ptribe_test/img/main-banner-mob.png);
        background-size: cover; */
        /* object-fit: cover; */

    }
    /* ========== Recommended Start ==========*/

    .recomend {
        margin-top: 1rem;
        margin-left: 0;
        padding: 1rem;
    }

    .recomend__room-list {
        overflow: hidden;
    }
    
    .room-list__room {
        padding: 0.25rem 1rem 0.25rem 0;
    }

    .room-list__room.slick-slide {
        display: flex;
        padding-left: 1px;
    }
    
    .room-list__room:last-child {
        padding-bottom: 0.25rem;
        border-bottom: 1px solid;
        border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
        border-image-width: 0px 0px 1px 0px;
    
    }
    
    .room__logo {
        width: 6.3125rem;
        height: 4.1875rem;
        border-radius: 0.5rem;
    }
    
    .room__container {
        margin-left: 0.5rem;
    }
    

    /* ========== Filter articles Start ==========*/

    .filter {
        flex-wrap: wrap;
        padding: 1rem;
    }

    .block-title__filter, 
    .filter__buttons, 
    .filter__search {
        width: 100%;
        max-width: none;
        min-width: none;
        margin: 0;
        padding: 0;
    }

    .block-title__filter {
        height: auto;
    }


    .filter__buttons {
        order: 1;
        margin-top: 1.3125rem;
        justify-content: flex-start;
        flex-wrap: wrap;
        min-width: 0rem;
    }

    .filter__buttons div,
    .filter__buttons a {
        margin-left: 0rem;
        margin-right: 1.375rem;
    }

    .filter__search-container {
        margin-top: 1rem;

    }

    .filter__search {
        padding: 0.75rem 1.25rem 0.75rem 2.8125rem;

    }

    /* ========== List of articles Start ==========*/

    .list-article__article {
        flex-wrap: wrap;
        margin-top: 1rem;
        height: auto;
    }

    .article__img {
        width: 100%;
        height: auto;

    }

    .article__img .image{
        display: block;
        width: 100%;
        height: auto;
        border-radius: 0.5rem 0.5rem 0 0;
    }

    .article__data {
        width: 100%;
        padding: 1rem;
    }

    .article__title{
        flex-wrap: wrap;
    }

    .article__lable {
        display: inline-block;
    }

    .title__text {
        width: 100%;
        margin-top: 0.5rem;
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }

    .article__published {
        margin-top: 0.5rem;
        line-height: 1rem;
    }

    .article__description {
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        overflow: hidden;

        margin-top: 0.75rem;
        margin-bottom: 0.75rem;

    }

    /* Paggination button */

    .btn--pagination {
        width: 100%;
        min-width: none;
        max-width: none;
        height: auto;
        min-height: none;
        max-height: none;
        padding: 0.75rem;
    }

/* ========== PokerTribe Contacts Start ==========*/

.contacts {
    margin-top: 1rem;
    margin-left: 0;
    padding: 1rem;
}

.contact__data {
    margin-left: 0.5rem;
}

.data__key {
    margin-right: 0.5rem;
}

.contacts__social {
    margin-top: 1rem;
}

.social__title {
    margin-left: 0.5rem;
}

.social__icon-list {
    margin-left: 0.5rem;
}

/* ========== PokerTribe Freerolls Start ==========*/

.freerolls0 {
    height: initial;
    margin-top: 1rem;
    margin-left: 0;
    padding: 1rem;
    overflow: hidden;

}

.freerolls0__list {
    height: 100%;
    overflow: hidden;

}

.list__freeroll0 {
    height: 100%;
    padding: 0.75rem 0;
    overflow: hidden;
}

.list__freeroll0.slick-slide {
    display: flex;
    padding-left: 1px;
    overflow: hidden;
}

.list__freeroll0:last-child {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.freeroll0__room-logo {
    width: 3.8125rem;
    height: 3.8125rem;
}

.freeroll0__container {
    margin-left: 0.5rem;
    margin-right: 1rem;
}

.freeroll0__title {
    font-size: 1rem;
}

.freeroll0__prize {
    margin-top: 0.25rem;
}

.freeroll0__date {
    margin-top: 0.25rem;
}

/* Timer in Freerolls block */

.number,
.seperator{
    font-size: 1.125rem;
}

.text {
    margin-top: 0rem;
    font-size: 0rem;
    overflow: hidden;
}

.text::first-letter {
    font-size: 0.75rem;
}

/* Dots in Slider */

.mini-slider__dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    padding-top: 1rem;
}

.mini-slider__dots li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mini-slider__dots li::before {
    display: none;
    margin: 0;
    padding: 0;
}

.mini-slider__dots li button {
    display: block;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
    width: 0.5625rem;
    height: 0.5625rem;
    margin-right: 0.5rem;
    border: 1px solid #5C737E;
    border-radius: 50%;
}

.mini-slider__dots .slick-active button {
    background: linear-gradient(132deg, #FF6464, #FC3838);
    border: none;
}

/* ========== Banner man Start ==========*/

.banner {
    margin-top: 1rem;
    margin-left: 0;
}


/* ========== Footer Start ==========*/

.footer__inner {
    display: block;
    padding: 1rem 0 1.5625rem 0;
}

.footer__politics {
    margin: 0 0 1rem 0;
}

.footer__copyright {
    margin-left: 0;
    margin-top: 0;
}

/*========== Content End ==========*/


/*========== PAGE PROMOTIONS START==========*/

/*========== Filter Rooms ==========*/

.filter-news {
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem;
}

.filter-news__buttons,
.filter-promo__buttons {
    order: 1;
    width: 100%;
    margin-right: 0;
    margin-top: 1.3125rem;

}

.filter-news__buttons div,
.filter-news__buttons a,
.filter-promo__buttons div,
.filter-promo__buttons a  {
    margin-right: 1.125rem;
}

.filter-news__search-container {
    width: 100%;

}

.filter-news__search {
    width: 100%;
}


/*========== PAGE ARTICLE DETAILS START==========*/

/* Article Header */
.article-details__title {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #FFFFFF;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.article-details__stats {
    display: block;
    margin-top: 0;
}

.article-details__stats div {
    display: flex;
    align-items: center;
}

.stats__date-published {
    display: block;
    margin-right: 0;
    margin-bottom: 1rem;
}

/* Body Text */
.body__text {
    margin-bottom: 1.5rem;
}

/* Quote */
blockquote {
    margin: 0;
    font-size: 1.125rem;
    line-height:1.6875rem;
    margin-bottom: 1.5rem;
}

blockquote::before {
    margin-bottom: 1rem;
}

.body__title-droping, .body__title-plus, .body__title {
    font-size: 1.125rem;
    line-height: 1.6875rem;
}

/* Table */
.table-container {
    margin-bottom: 1.5rem;
}

/* Rating */
.article-details__rating {
    flex-wrap: wrap;
    padding: 2rem 1.5rem;
}

.rating__title  {
    margin-bottom: 1.125rem;
}

/* Recommended room */
.article-details__container {
    flex-wrap: wrap;
}

.article-details__recommend-room {
    width: 100%;
    margin-bottom: 1.5rem;
}

.recommend-room__container {
    flex-wrap: wrap;
}

.recommend-room__logo {
    /* width: 100%; */
    height: 6.75rem;
    margin-right: 0;
    margin-bottom: 1rem;
}

.recommend-room__container-inner {
    width: 100%;
}

.recommend-room__title{
    width: 100%;
}

.recommend-room__description{
    width: 100%;
    margin-bottom: 1.5rem;

}

.article-details__recommend-room ul {
    width: 100%;
    columns: 1;
    margin: 0;
    margin-right: 0;
    margin-bottom: 2rem;
    font-size: 1rem;
}

.recommend-room__btn--review {
    max-width: none;
    max-height: none;
    margin-left: 0;
}

/* Share in social */
.article-details__share-in-social {
    width: 100%;
    margin-left: 0;
}

.share-in-social__title {
    margin-bottom: 1rem;
}

.share-in-social__container {
    flex-wrap: wrap;
}

.share-in-social__social-buttons {
    width: 100%;
    margin-right: 0;

}

.share-in-social__social-buttons button,
.share-in-social__social-buttons a {
    width: 100%; 
}

.share-in-social__stats {
    width: 100%;
}

/*========== Comments ==========*/
.comments {
    width: 100%;
    padding: 1.75rem 1.5rem;
    background: #202B31;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
}

.comments .block-title {
    border: 0;
    height: auto;
}

.comments__leave-comment {
    display: block;
    /* flex-wrap: wrap; */
    margin-bottom: 3rem;
    text-align: center;
}

.leave-comments__user-logo {
    display: inline;
    width: 4.0625rem;
    height: 4.0625rem;
    min-width: 4.0625rem;
    min-height: 4.0625rem;
    border-radius: 100%;
    background: #000;
    margin-right: 0.75rem;
    object-fit: cover;
}

.leave-comment__form {
    display: block;
}

.leave-comment__textarea {
    display: inline-block;
    width: 100%;

    height: 6rem;
    margin-right: 0;
    padding: 0.75rem 1.25rem;
    background: #202B31;
    border-radius: 0.5rem;
    font-family: 'San Francisco Pro';
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    border: 0;
    caret-color: #3EB6F8;
    outline: none;
    resize: vertical;
    margin-bottom: 1rem;
}

.leave-comment__textarea::placeholder {
    color: #5C737E;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
}

.leave-comment__textarea:active {
    background: #26495C;
}

.leave-comment__textarea:focus {
    background: #26495C;
    outline:none;
}


.leave-comment__btn {
    margin-left: auto;
    width: 100%;
    height: 2.6875rem;
    background: #2D3A42;
    font-family: 'San Francisco Pro';
    font-weight: 400;
    display: block;
    padding: .75rem 2.0625rem;
    border-radius: 1rem;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    color: #FFFFFF;
    font-size: 1rem;
    min-width: 8.75rem;
    transition: background-color .1s linear;
    outline:none;

}

.leave-comment__btn:hover {
    background-color: #3E5665;
}

.leave-comment__btn:active {
    background-color: #20333E;
    transition: none;
}


.comment-area {
    /* display: flex; */
    margin-bottom: 2rem;
}

.comment-area:last-of-type {
    margin-bottom: 2.75rem;
}

.comment-area-answer {
    margin-left: 2rem;
}

.comment-area__container {
    display: flex;
    flex-wrap: wrap;
}

.comment-area__user-data{
    display: flex;
    margin-right: 1.3125rem;
}

.user-data__name {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
    margin-bottom: 1rem;
}

.user-data__avatar {
    width: 4.0625rem;
    height: 4.0625rem;
    border-radius: 100%;
    margin-bottom: 1rem;
    margin-right: 1rem;
    object-fit: cover;
}

.user-data__experience {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1875rem;
}

.user-data__comments {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1875rem;
}

.comment-area__comment {
    display: flex;
    flex-direction: column;
    margin-top: 0rem;
    width: 100%;
    padding: 0.75rem;
    padding-bottom: 0.875rem;
    background: #202B31;
    border-radius: 0.5rem;
}

.comment__content {
    word-wrap: break-word;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    margin-bottom: 1rem;

}

.comment__container {
    display: flex;
    margin-top: auto;
}

.comment__date,
.comment__answer {
    /* margin-top: auto; */
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}

.comment__answer {
    color: #3EB6F8;
    margin-left: 3rem;
    cursor: pointer;
}

.comment__quote {
    background: #2F3C43;
    padding: 0.75rem;
    margin-bottom: 1rem;
}

.quote__icon {
    width: 1.6875rem;
    height: 1.1875rem;
    min-width: 1.6875rem;
    min-height: 1.1875rem;
    background: url(../icons/other/left-quote.svg);
    background-size: 1.6875rem 1.1875rem;
    margin-bottom: 0.4375rem;
}

.quote__author {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.4375rem;

}

.quote__content {
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.comment__btn--load {
    display: block;
    width: 100%;
    margin-bottom: 0.4675rem;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 0.5rem;
    text-decoration: none;
    cursor: pointer;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    background: #202B31;
}

.comment__btn--load:hover {
    opacity: 0.9;
}


/*========== PAGE ARTICLE DETAILS END ==========*/

/*========== PAGE FREEROLL START ==========*/
.freeroll-filter-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    background: #202B31;
    border-radius: 0.5rem;
    margin-top: 1.5325rem;
    padding: 1rem 1.3125rem;
}

.freeroll-filter-panel__select-room,
.freeroll-filter-panel__select-date {
    width: 100%;
    background-color: #2D3A42;
    margin-right: 0;
    padding: 0.75rem 1rem;
    color: #5C737E;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
}

.freeroll-filter-panel__select-room {
    position: relative;
    margin-bottom: 1rem;
}

.freeroll-filter-panel__select-date {
    margin-bottom: 1.5rem;
}

.freeroll-filter-panel__select-date::placeholder {
    color: #5C737E;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
}

.freeroll-filter-panel__checkbox {
    margin-right: 1.8125rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.5rem;

}

/* для элемента input c type="checkbox" */
.freeroll-filter-panel__checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  /* для элемента label, связанного с .custom-checkbox */
  .freeroll-filter-panel__checkbox-input+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  /* создание в label псевдоэлемента before со следующими стилями */
  .freeroll-filter-panel__checkbox-input+label::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: none;
    border-radius: 0.25rem;
    margin-right: 0.4375rem;
    background-color: #2D3A42;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.6875rem 0.6875rem;
  }

  /* стили при наведении курсора на checkbox */
  .freeroll-filter-panel__checkbox-input:not(:disabled):not(:checked)+label:hover::before {
    background-color: #3E5665;
  }

  /* стили для активного чекбокса (при нажатии на него) */
  .freeroll-filter-panel__checkbox-input:not(:disabled):active+label::before {
    background: #2D3A42;
  }

  /* стили для чекбокса, находящегося в фокусе */
  .freeroll-filter-panel__checkbox-input:focus+label::before {
    background-color: #3E5665;
    outline:none;
  }

  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .freeroll-filter-panel__checkbox-input:focus:not(:checked)+label::before {
    background-color: #3E5665;
    outline:none;
  }

  /* стили для чекбокса, находящегося в состоянии checked */
  .freeroll-filter-panel__checkbox-input:checked+label::before {
    background-color: #70AB34;
    background-image: url(../icons/btn/check-arrow-white.svg);
  }

  /* стили для чекбокса, находящегося в состоянии disabled */
  .freeroll-filter-panel__checkbox-input:disabled+label::before {
    background-color: #e9ecef;
  }

.add-new-freeroll__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 14rem;
    margin-left: auto;
    padding: 0.5625rem 1rem;
    background: #70AB34;
    border-radius: 1rem;
    border: none;
    cursor: pointer;
    font-family: 'San Francisco Pro';
    color: #FFFFFF;
    font-size: 1rem;
    transition: background 0.1s linear;
}

.add-new-freeroll__btn:hover {
    background: #8AD241;
}

.add-new-freeroll__btn:active {
    background: #65A128;
    transition: none;
}

.add-new-freeroll__icon {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    margin-right: 0.4375rem;
    background: url(../icons/btn/add-freeroll.svg);
    background-size: 1.5625rem 1.5625rem;
}

.add-new-freeroll__text {

}


select {
    /* background: url(../ptribe_test/img/icons-tmp/arrow-bottom.svg) no-repeat right;
    background-size: 0.5625rem 0.4375rem;
    background-position-x: 13.6875rem; */
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

select::after {
    content: "";
    display: block;
    width: 0.5625rem;
    height: 0.4375rem;
    min-width: 0.5625rem;
    min-height: 0.4375rem;
    position: absolute;
    background: url(../icons/btn/arrow-bottom.svg) no-repeat;
    background-size: 0.5625rem 0.4375rem;
}

.freeroll-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;

    margin-top: 1rem;
}

.freeroll-list__freeroll {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    /* width: 28.25rem; */
    min-width: 0;
    /* margin-left: 1rem; */
    /* margin-right: 0.5rem; */
    margin-bottom: 1rem;
    background: #202B31;
    border-radius: 0.5rem;
    padding: 1.1875rem;
    padding-bottom: 2rem;
    overflow: hidden;
}

.freeroll-list__freeroll:first-of-type {
    margin-left: 0;
}

.freeroll__header {
    display: flex;
}

.freeroll__room-logo {
    width: 3.75rem;
    height: 3.75rem;
    margin-right: 1.0625rem;
}

.freeroll__header-inner {

}

.freeroll__title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
    color: #FFFFFF;

}

.freeroll__exclusive-ribbon {
    position: absolute;
    width: 6.1875rem;
    height: 5.1875rem;
    left: auto;
    right: 0;
    top: 0;
}

.exclusive-ribbon__text {
    margin-left: -20%;
    margin-top: 15%;
    padding: 0.5rem;
    width: 10rem;
    background: transparent linear-gradient(180deg, #FF6464 0%, #FC3838 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    transform: rotate(40deg);

    color: #AA1919;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 0.9375rem;
    text-transform: uppercase;

}

.freeroll__date2,
.freeroll__time,
.freeroll__prize2,
.freeroll__buyin,
.freeroll__id,
.freeroll__password {
    display: flex;
    margin-top: 0.6875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.freeroll__prize2 {
    color: #FFBC37;
}

.freeroll__password-value {
    color: #70AB34;
    font-weight: 600;
}

.freeroll__date2-icon,
.freeroll__time-icon,
.freeroll__prize2-icon,
.freeroll__buyin-icon,
.freeroll__id-icon,
.freeroll__password-icon {
    display: inline-block;
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background-size: 1.1875rem 1.1875rem;
}

.freeroll__date2-key,
.freeroll__time-key,
.freeroll__prize2-key,
.freeroll__buyin-key,
.freeroll__id-key,
.freeroll__password-key {
    margin-right: 0.4375rem;

}

.freeroll__date2-value,
.freeroll__time-value,
.freeroll__prize2-value,
.freeroll__buyin-value,
.freeroll__id-value,
.freeroll__password-value {
    margin-right: 0.4375rem;

}

.freeroll__date2-icon {
    background: url(../icons/freeroll/calendar.svg);
    background-size: 1.1875rem 1.1875rem;

}

.freeroll__time-icon {
    background: url(../icons/freeroll/time.svg);
    background-size: 1.1875rem 1.1875rem;

}

.freeroll__prize2-icon {
    background: url(../icons/freeroll/prize-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}
 
.freeroll__buyin-icon {
    background: url(../icons/freeroll/chip.svg);
    background-size: 1.1875rem 1.1875rem;
}

.freeroll__id-icon {
    background: url(../icons/freeroll/hashtag.svg);
    background-size: 1.1875rem 1.1875rem;
}

.freeroll__password-icon {
    background: url(../icons/freeroll/key.svg);
    background-size: 1.1875rem 1.1875rem;
}


.freeroll__name {
    margin-top: 1rem;
    margin-left: -1.1875rem;
    margin-right: -1.1875rem;
    padding: 0.6875rem 1.1875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #3EB6F8;
    background: transparent linear-gradient(90deg, #1E343D 0%, #294A5B 25%, #1D3038 100%) 0% 0% no-repeat padding-box;
}

.exclusive {
    color: #FFFFFF;
    background: transparent linear-gradient(90deg, #3D361E 0%, #FDB241 25%, #382F1D 100%) 0% 0% no-repeat padding-box;
}

.freeroll__shared {
    display: flex;
    align-items: flex-end;
    margin-top: 0.6875rem;
    margin-bottom: 2rem;
}

.freeroll__shared-logo {
    width: 2rem;
    height: 2rem;
    margin-right: 0.4375rem;
}

.freeroll__shared-user {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
    color: #FFFFFF;
}

.freeroll__registration-btn {
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* max-width: 23.375rem; */
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    /* box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C; */
}

.freeroll__registration-btn:hover {
    background: linear-gradient(to right, #FF8F8F, #FF5A5A) 98% 0%;
    transition: background 0.2s linear;

}

.freeroll__registration-btn:active {
    background: linear-gradient(90deg, #FF5454, #FF2121);
    transition: none;
}


/*========== Page PokerRooms Start ==========*/

.room2-list__room {
    width: 100%;
    min-width: 0;
    margin-bottom: 1rem;
    padding: 1rem;
    padding-bottom: 1.5rem;
}


.room2__buttons {
    margin-top: 1.5rem;
}

.room__survey-btn {
    padding: 0.75rem 0.75rem;
}

.room__registration-btn {
    padding: 0.75rem 0.75rem;
}

/*========== Hot News List ==========*/
.hot-news{
    width: 100%;
    margin-top: 1.5rem;
    margin-left: 0;
    padding: 1rem;
    background: #202B31;
    border-radius: 0.5rem;
}

.hot-news-list {

}

.hot-news-list__news {
    margin-top: 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.news__logo {
    width: 100%;
    border-radius: 0.5rem;
}

.news__title {
    text-decoration: none;
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
    color: #FFFFFF;
}

.news__description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0.625rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    color: #5C737E;
}

/*========== Personal Area Rooms List ==========*/
.personal-area__navigation {
    flex-direction: column;
    width: 100%;
    padding: 1rem;
}

.personal-area__navigation-link {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
    cursor: pointer;
}

.personal-area__navigation-link:first-of-type {
    margin-top: 0;
}

.personal-area__navigation-link.active {
    margin-bottom: 0;
    border: none;
}

.personal-area__navigation-link.active::before {
    
    content: "";
    display: inline-block;
    height: 1rem;
    width: 2px;
    color: #FFFFFF;
    margin-bottom:0;
    border-bottom: none;
    margin-left: -1rem;
    margin-right: 1rem;
    background: linear-gradient(to bottom,#FC3838, #FF6464) 90% 0%;
}

.personal-area__room {
    width: 100%;
    min-width: 0;
    margin-right: 0;
}

.personal-area__room-binding-status::before {
    content: "";
    display: block;
    width: 1.0625rem;
    height: 1.0625rem;
    min-width: 1.0625rem;
    min-height: 1.0625rem;
    margin-right: 0.4375rem;
}

.personal-area__room-binding-status.error {
    color:#FC3939;
}

.personal-area__room-binding-status.error::before {
    background: url(../icons/status/checked-red.svg);
    background-size: 1.0625rem 1.0625rem;
}

.personal-area__room-binding-status.unknown {
    color:#5C737E;
}

.personal-area__room-binding-status.unknown::before {
    background: url(../icons/status/checked-grey.svg);
    background-size: 1.0625rem 1.0625rem;
}

.personal-area__room-binding-status.checking {
    color:#FFBC37;
}

.personal-area__room-binding-status.checking::before {
    background: url(../icons/status/checked-yellow.svg);
    background-size: 1.0625rem 1.0625rem;
}

.personal-area__room-binding-status.success {
    color:#70AB34;
}

.personal-area__room-binding-status.success::before {
    background: url(../icons/status/checked-green.svg);
    background-size: 1.0625rem 1.0625rem;
}

.personal-area__binding-form {
    display: flex;
    flex-direction: column;
}

.form-binding__label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.form-binding__input {
    margin-bottom: 1.5rem;
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.form-binding__input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.form-binding__input:focus {
    background: #26495C;
    outline: none;
}

.personal-area__room-binding-btn {
    padding: 0.75rem;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none; 
    cursor: pointer;
}

.personal-area__room-binding-btn:hover {
    opacity: 0.9;
}

.btn-contact-support {
    background: #3EB6F8;
}

.btn-bind {
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.btn-checking {
    pointer-events: none;
    cursor: default;
    background:#5C737E;
}

.btn-success {
    background: #70AB34;
}



/* Personal Area Edit Informations */
.personal-area__personal-data {
    width: 100%;
    margin-top: 2rem;
}

.personal-data__forms-container {
    display: flex;
    flex-wrap: wrap;
}

.personal-data__info {
    width: 100%;
    border: none;
    border-right: none;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D 0%, #294A5B 25%, #1D3038 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}   

.personal-data__image-container {
    width: 100%;
    margin-bottom: 1.75rem;
    position: relative;

}

.personal-data__image {
    display: block;
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 50%;
    background: #000;
    object-fit: cover;
}

.file {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    position: absolute;
}


.personal-data__image-change-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: absolute;
    width: 2.375rem;
    height: 2.375rem;
    border: none;
    border-radius: 50%;
    bottom: 0;
    left: 6.375rem;
    cursor: pointer;
    background: linear-gradient(137deg, #FF6464, #FC3838);
    outline: none;
}

.personal-data__image-change-btn::after {
    content: '';
    display: flex;
    width: 1.125rem;
    height: 1rem;
    min-width: 1.125rem;
    min-height: 1rem;
    background: url(../icons/other/camera.svg) no-repeat center;
    background-size: 1.125rem 1rem;
}

.personal-data__form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.form-input-container {
    margin-right: 0;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.form-input-container label {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color: #5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.form-input-container input {
    border: none;
    border-radius: 1rem;
    background-color: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.form-input-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.form-input-container input:focus {
    background-color: #26495C;
    outline:none;
}

.personal-data__form-btn {
    display: inline-block;
    width: 100%;
    height: 2.6875rem;
    padding: 0.75rem;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;

}

.personal-data__form-btn:hover {
    opacity: 0.9;
}

.personal-data__form-btn:active {

}


.personal-data__change-password {
    width: 100%;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    margin-top: 1.5rem;
}

.change-password__title {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.5625rem;
    color: #FFFFFF;
}

.change-password__title::before {
    content: "";
    display: inline-block;
    width: 1.1875rem;
    height: 1.5625rem;
    min-width: 1.1875rem;
    min-height: 1.5625rem;
    margin-right: 0.4375rem;
    background: url(../icons/block/padlock.svg) no-repeat center;
    background-size: 1.1875rem 1.5625rem;

}

.change-password__form {
    display: flex;
    flex-wrap: wrap;
}

.change-password__form .form-input-container {
    width: 100%;
}

.change-password__form .form-input-container:last-of-type {
    margin-right: 0;
}

.change-password__form-btn {
    align-self: flex-end;
    display: inline-block;
    width: 100%;
    height: 2.6875rem;
    margin-top: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 1.5rem;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none;
    background: #5C737E;
    cursor: pointer;

}

.change-password__form-btn:hover {
    opacity: 0.9;
}

.change-password__notification {
    margin-top: auto;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

/* Personal Area Page Activity */
.personal-area__activity-leave-comments,
.personal-area__activity-liked-articles,
.personal-area__activity-shared-in-social {
    padding: 0.875rem 1rem 1rem 1rem;
}




 /*========== Modals Windows ==========*/
 .modal {
    display: none;
    width: 100%;
    height: 100%;
    padding: 3.375rem 1rem;
    overflow: auto;

    background-color: rgba(18, 26, 30, 0.87);

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.modal.modal-show {
    display: flex;
}

.modal__add-freeroll {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 1.375rem 1rem;
    position: relative;

    background-color: #202B31;
    box-shadow: 0px 10px 20px #0000001C;
    border-radius: 0.5rem;
}

.add-freeroll__form {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 1.5rem;

}

/* .add-freeroll__form>div:nth-child(2) */

.add-freeroll__input-container,
.add-freeroll__input-container--sm {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.add-freeroll__input-container label,
.add-freeroll__input-container--sm label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.add-freeroll__input-container input,
.add-freeroll__input-container select,
.add-freeroll__input-container--sm input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.add-freeroll__input-container input::placeholder,
.add-freeroll__input-container--sm input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.add-freeroll__input-container input:focus,
.add-freeroll__input-container--sm input:focus {
    background: #26495C;
    outline:none;
}

.add-freeroll__input-container {
    width: 100%;
}

.add-freeroll__input-container--sm {
    width: 100%;
}

.add-freeroll__btn {
    display: block;
    width: 100%;
    height: 2.6875rem;
    padding: 0.75rem;
    margin: 0 auto;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    text-align: center;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    user-select: none;
    background: #70AB34;
    cursor: pointer;
}

.add-freeroll__btn:hover {
    background: #8AD241;
}

.add-freeroll__btn:active {
    background: #65A128;
}

.modal__close-btn {
    padding: 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 1.125rem;
    right: 1.375rem;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    border-radius: 0.5rem;
    background: url(../icons/btn/close-burger.svg) no-repeat center;
    background-size: 0.875rem 0.875rem;
    background-color: #2D3A42;
    transition: background-color 0.1s linear;
}

.modal__close-btn:hover {
    background-color: #3E5665;
}

.modal__close-btn:active {
    background-color: #20333E;
    transition: none;

}


/* Modal Login */
.modal__auth {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin: auto;
    position: relative;

    background-color: #202B31;
    box-shadow: 0px 10px 20px #0000001C;
    border-radius: 0.5rem;
}

.modal__auth-welcome {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 10.8125rem;
    /* padding: 4rem 2.5rem 4.5rem 3.5rem; */
    border-radius: 0.5rem 0.5rem 0 0;
    background: linear-gradient(180deg, #202B31, #202B31E0), url(../img/bg-welcome-image.png) no-repeat;
    background-size: cover;
}

.auth-welcome__logo {
    margin: 1rem 1rem 1.875rem 1rem;
    /* margin: 2.75rem 2.6875rem 2.375rem 2.6875rem; */
    width: 3.1875rem;
    height: 2rem;
}

.auth-welcome__title {
    display: none;
}

.auth-welcome__subtitle {
    display: none;
}

.auth-welcome__social-login-container {
    margin-top: auto;
}

.auth-welcome__social-login-title {
    margin: 0 7.25rem 1rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1rem;
    color: #FFFFFF;
}

.auth-welcome__social-login-list {
    margin: 0 1rem 4.125rem 1rem;
    display: flex;
    align-items: center;
}

.auth-welcome__social-login-vk {
    margin-right: 2rem;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    background: url(../icons/social/auth/vk.svg) no-repeat center;
    background-size: 1.3125rem 0.8125rem;
}

.auth-welcome__social-login-fb {
    margin-right: 2rem;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    background: url(../icons/social/auth/fb.svg) no-repeat center;
    background-size: 0.6875rem 1.3125rem;
}

.auth-welcome__social-login-tw {
    margin-right: 2rem;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    background: url(../icons/social/auth/tw.svg) no-repeat center;
    background-size: 1.3125rem 1.0625rem;

}

.auth-welcome__social-login-go {
    margin-right: 2rem;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    background: url(../icons/social/auth/gp.svg) no-repeat center;
    background-size: 1.3125rem 0.8125rem;

}



.modal__auth-login {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1.5rem 1rem 2rem 1rem;
}

.auth-login__title {
    margin: 0;
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.375rem;
    color: #FFFFFF;
}

.auth-login__prompt {
    margin-bottom: 1.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
}

.auth-login__prompt a {
    margin-left: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}

.auth-login__form {

}

.auth-login__email-container,
.auth-login__password-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.625rem;

}

.auth-login__email-container label,
.auth-login__password-container label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.auth-login__email-container input,
.auth-login__password-container input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.auth-login__email-container input::placeholder,
.auth-login__password-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.auth-login__email-container input:focus,
.auth-login__password-container input:focus {
    background: #26495C;
    outline:none;
}

.auth-login__password-container {
    margin-bottom: 2rem;
}

.auth-login__forgot-password-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    font-weight: 400;
}

.auth-login__remember-me {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 1.5rem ;
}

/* для элемента input c type="checkbox" */
.auth-login__remember-me-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


  /* для элемента label, связанного с .custom-checkbox */
  .auth-login__remember-me-input+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  /* создание в label псевдоэлемента before со следующими стилями */
  .auth-login__remember-me-input+label::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: none;
    border-radius: 0.5rem;
    margin-right: 0.4375rem;
    background-color: #2D3A42;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.6875rem 0.6875rem;
  }

  /* стили при наведении курсора на checkbox */
  .auth-login__remember-me-input:not(:disabled):not(:checked)+label:hover::before {
    background-color: #3E5665;
  }

  /* стили для активного чекбокса (при нажатии на него) */
  .auth-login__remember-me-input:not(:disabled):active+label::before {
    background: #2D3A42;
  }

  /* стили для чекбокса, находящегося в фокусе */
  .auth-login__remember-me-input:focus+label::before {
    background-color: #3E5665;
    outline:none;
  }

  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .auth-login__remember-me-input:focus:not(:checked)+label::before {
    background-color: #3E5665;
    outline:none;
  }

  /* стили для чекбокса, находящегося в состоянии checked */
  .auth-login__remember-me-input:checked+label::before {
    background-color: #70AB34;
    background-image: url(../icons/btn/check-arrow-white.svg);
  }

  /* стили для чекбокса, находящегося в состоянии disabled */
  .auth-login__remember-me-input:disabled+label::before {
    background-color: #e9ecef;
  }

.auth-login__forgot-password {

}

.auth-login__login-btn {
    margin-top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    /* box-shadow: 0rem 0.3125rem 1.25rem #FD3D3D8C; */
}

.auth-login__login-btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.auth-login__login-btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}

.modal__auth .modal__close-btn {
    top: 1rem;
    right: 1rem;
}


/* Registration modal */
.modal__auth-registration {
    width: 100%;
    padding: 1.1875rem 1rem 2rem 1rem;
}

.auth-registration__title {
    margin-bottom: 0.875rem;
    font-size: 2rem;
    line-height: 2.6875rem;
}


/* Forgot password modal */
.modal__auth-forrgot-password {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 1.1875rem 1rem 3.75rem 1rem;

}

.auth-forrgot-password__title {
    margin-bottom: 0.875rem;
    font-size: 2rem;
    line-height: 2.6875rem;
}

.auth-forrgot-password__prompt,
.auth-forrgot-password__prompt a {
    margin-bottom: 3.3125rem;
    margin-left: 0.625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    text-decoration: none;
    color: #3EB6F8;
}



.auth-forrgot-password__form {

}

.auth-forrgot-password__email-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 3.125rem;
}

.auth-forrgot-password__email-container label {
    font-family: 'San Francisco Pro';
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1rem;
    color:#5C737E;
    margin-left: 1.25rem;
    margin-bottom: 0.8125rem;
}

.auth-forrgot-password__email-container input {
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.auth-forrgot-password__email-container input::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.auth-forrgot-password__email-container input:focus {
    background: #26495C;
    outline:none;
}

.auth-forrgot-password__forrgot-password-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.75rem 2rem;
    text-decoration: none;
    text-align: center;
    transition: background 0.1s linear;
    font-family: 'San Francisco Pro';
    color: white;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
}

.auth-forrgot-password__forrgot-password-btn:hover {
    background: linear-gradient(to right, #FF8F8F,#FF5A5A) 98% 0%;
}

.auth-forrgot-password__forrgot-password-btn:active {
    background: linear-gradient(to right, #FF5454,#FF2121) 98% 0%;
}


/*========== Page ROOM REVIEW ==========*/

/* ROOM REVIEW HEADER */
.room-review {
    margin-top: 1.5625rem;
    margin-bottom: 2rem;
    width: 100%;
    border-radius: 0.5rem;
    background: #202B31;
}

.room-review-top {
    /* display: flex; */
    flex-wrap: wrap;
    padding: 1rem;
    /* border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%; */
}

.room-review__logo {
    margin-right: 0;
    width: 100%;
    min-width: 0;
    height: auto;
    margin-bottom: 0.8125rem;
    /* background: #000;
    border-radius: 0.5rem; */
}

.room-review__logo img {
    border-radius: 0.5rem;
    /* width: 100%; */
    /* object-fit: cover; */
}

.room-review__description {
    width: 100%;
}

.room-review__title {
    margin-bottom: 0.625rem;
    color: #FFFFFF;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
}

.room-review__description-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.room-review__network,
.room-review__bonus,
.room-review__rakeback {
    display: flex;
    margin-right: 2rem;
    margin-bottom: 0.625rem;
}

.room-review__network-key,
.room-review__bonus-key,
.room-review__rakeback-key {
    margin-right: 0.4375rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.room-review__network-value,
.room-review__bonus-value,
.room-review__rakeback-value {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
}

.room-review__network::before,
.room-review__bonus::before,
.room-review__rakeback::before {
    margin-right: 0.4375rem;
    content: "";
    display: inline-block;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
}

.room-review__network::before {
    background: url(../icons/other/network-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}

.room-review__bonus::before {
    background: url(../icons/other/bonus-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}

.room-review__bonus-key {

}

.room-review__bonus-value {

}

.room-review__rakeback::before {
    background: url(../icons/other/rakeback-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}

.room-review__rakeback-key {

}

.room-review__rakeback-value {

}

.room-review__text {
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    margin-bottom: 1.375rem;
}

.room-review__registration {
    width: 100%;
    padding: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.room-review__bonuscode {
    display: flex;
    margin-bottom: 1.4375rem;
}

.room-review__bonuscode-key {
    margin-right: 0.4375rem;
    color: #5C737E;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
}

.room-review__bonuscode-value {
    color: #70AB34;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3125rem;
}

.room-review__registration-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    max-width: 18.5rem;
    min-width: 0;

    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 1.3125rem 2rem;

    text-decoration: none;
    text-align: center;
    transition: background 0.2s linear;
    cursor: pointer;
    color: #674500;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1875rem;
    border-radius: 1rem;

    background: linear-gradient(98deg, #F59E2B 0%, #FED757 29%, #FCAE11 100%) 98% 0%;
    box-shadow: 0rem 0.3125rem 1.25rem #FCC03D8C;
}


.room-review__registration-btn:hover {
    background: linear-gradient(98deg, #F59E2B 0%, #FFE281 29%, #FCAE11 100%) 98% 0%;
    transition: background 0.2s linear;

}

.room-review__registration-btn:active {
    background: linear-gradient(98deg, #F59E2B 0%, #FFCB1E 29%, #FCAE11 100%) 98% 0%;
    transition: none;
}

.room-review__botoom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 1rem;
    padding-bottom: 1.875rem;
}

.room-review__promos {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.375rem;
}

.room-review__promos-title {
    color:#FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 0.625rem;
}

.room-review__promos-list {
    margin: 0;
    padding: 0;
}

.room-review__promos-list li {
    margin-bottom: 0.875rem;
}

.room-review__promos-list li::before {
    background: url(../icons/list/ul-yellow.svg);
    background-size: 1.0625rem 1.0625rem;
}

.room-review__cashier-n-os {
    width: 100%;
    margin-right: 0;
}

.room-review__cashier {

}

.room-review__cashier-title,
.room-review__os-title {
    color:#5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-bottom: 0.5rem;
}

.room-review__cashier-list,
.room-review__os-list {
    display: flex;
    flex-wrap: wrap;
}

.room-review__cashier-list {
    margin-bottom: 0.875rem;
}


.room-review__os-list {
    margin-bottom: 2.125rem;
}

.room-review__cashier-item,
.room-review__os-item {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    width: 4.125rem;
    height: 2rem;
    min-width: 4.125rem;
    min-height: 2rem;
    border-radius: 0.5rem;
    background: #5C737E;
}

.visa {
    background: url(../icons/cashier/visa-logo.svg) no-repeat center;
    background-size: 2.875rem 0.875rem;
    background-color: #5C737E;
}

.mastercard {
    background: url(../icons/cashier/mc-logo.svg) no-repeat center;
    background-size: 2.375rem 1.375rem;
    background-color: #5C737E;
}

.skrill {
    background: url(../icons/cashier/skrill-logo.svg) no-repeat center;
    background-size: 2.75rem 0.9375rem;
    background-color: #5C737E;
}

.neteller {
    background: url(../icons/cashier/neteller-logo.svg) no-repeat center;
    background-size: 3.1875rem 0.5625rem;
    background-color: #5C737E;
}

.webmoney {
    background: url(../icons/cashier/webmoney-logo.svg) no-repeat center;
    background-size: 3.5625rem 0.9375rem;
    background-color: #5C737E;
}

.ecopayz {
    background: url(../icons/cashier/ecopayz-logo.svg) no-repeat center;
    background-size: 3.25rem 0.8125rem;
    background-color: #5C737E;
}

.qiwi {
    background: url(../icons/cashier/qiwi.svg) no-repeat center;
    background-size: 2.8125rem 1.0625rem;
    background-color: #5C737E;
}

.yandex {
    background: url(../icons/cashier/ymoney-logo.svg) no-repeat center;
    background-size: 3.0625rem 1.0625rem;
    background-color: #5C737E;
}

.muchbetter {
    background: url(../icons/cashier/MuchBetter-logo.svg) no-repeat center;
    background-size: 3rem 1rem;
    background-color: #5C737E;
}

.bitcoin {
    background: url(../icons/cashier/bitcoin-logo.svg) no-repeat center;
    background-size: 3.25rem 0.75rem;
    background-color: #5C737E;
}

.windows {
    background: url(../icons/os/windows-logo.svg) no-repeat center;
    background-size: 1.375rem 1.25rem;
    background-color: #5C737E;
}

.macos {
    background: url(../icons/os/macos-logo.svg) no-repeat center;
    background-size: 1.25rem 1.25rem;
    background-color: #5C737E;
}

.ios {
    background: url(../icons/os/apple-logo.svg) no-repeat center;
    background-size: 1.0625rem 1.25rem;
    background-color: #5C737E;
}

.android {
    background: url(../icons/os/android-logo.svg) no-repeat center;
    background-size: 1.125rem 1.25rem;
    background-color: #5C737E;
}

.web {
    background: url(../icons/os/web-logo.svg) no-repeat center;
    background-size: 1.25rem 1.25rem;
    background-color: #5C737E;
}

.room-review__os {

}

.room-review__special-promo {
    width: 100%;
    height: min-content;
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    background: linear-gradient(112deg, #1F2F36 0%, #243842 62%, #1F2D33 100%) 90% 0%;
}

.special-promo__title {
    display: flex;
    align-items: center;
    color:#FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 0.5625rem;
}

.special-promo__title::before {
    content: "";
    display: inline-block;
    margin-right: 0.5625rem;
    width: 1.5625rem;
    height: 1.5rem;
    min-width: 1.5625rem;
    min-height: 1.5rem;
    background: url(../icons/other/nodep-bonus-icon.svg);
    background-size: 1.5625rem 1.5rem;
}

.special-promo__description {
    color:#E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    margin-bottom: 1rem;
}

.special-promo__link-how-to-get {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.special-promo__link-how-to-get::before {
    content: "";
    display: inline-block;
    margin-right: 0.4375rem;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/other/blue-info-icon.svg);
    background-size: 1.1875rem 1.1875rem;
}


.instruction,
.review-room,
.soft-trackers,
.cashier-methods,
.rakeback-structure,
.recommend-list,
.pokertribe-contacts {
    width: 100%;
    border-radius: 0.5rem;
    background: #202B31;
    margin-bottom: 1rem;
}

.recommend-list__carousel {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    overflow: hidden;
}

.recommend-list__carousel .room2-list__room {
    margin-right: 1rem;
    margin-bottom: 0;
    background: #1B252A;
}

.instruction__header,
.review-room__header,
.soft-trackers__header,
.cashier-methods__header,
.rakeback-structure__header,
.recommend-list__header,
.pokertribe-contacts__header {
    display: flex;
    align-items: center;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.instruction__header-title,
.review-room__header-title,
.soft-trackers__header-title,
.cashier-methods__header-title,
.rakeback-structure__header-title,
.recommend-list__header-title,
.pokertribe-contacts__header-title {
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-right: 0.5rem;
}

.instruction__header-title::before,
.review-room__header-title::before,
.soft-trackers__header-title::before,
.cashier-methods__header-title::before,
.rakeback-structure__header-title::before,
.recommend-list__header-title::before {
    content: "";
    display: inline-block;
    margin-right: 0.4375rem;
    width: 1.125rem;
    height: 1.125rem;
    min-width: 1.125rem;
    min-height: 1.125rem;

}

.instruction__header-title::before {
    background: url(../icons/block/insrtruction.svg);
    background-size: 1.125rem 1.125rem;
}

.review-room__header-title::before {
    background: url(../icons/block/room-review.svg);
    background-size: 1.125rem 1.125rem;
}

.soft-trackers__header-title::before {
    background: url(../icons/block/soft-trackers.svg);
    background-size: 1.125rem 1.125rem;
}

.cashier-methods__header-title::before {
    background: url(../icons/block/cashier-methods.svg);
    background-size: 1.125rem 1.125rem;
}

.rakeback-structure__header-title::before {
    background: url(../icons/block/rakeback-structure.svg);
    background-size: 1.125rem 1.125rem;
}

.recommend-list__header-title::before {
    background: url(../icons/block/star.svg);
    background-size: 1.125rem 1.125rem;
}


.accardion__arrow {
    margin-left: auto;
    margin-right: 0.4375rem;
    width: 1.5625rem;
    height: 1.5625rem;
    min-width: 1.5625rem;
    min-height: 1.5625rem;
    background: url(../icons/arrow/accardion-bottom.svg) no-repeat center;
    background-size: 0.9375rem 0.5625rem;
}

.accardion__arrow.hide-content {
    transform: rotate(180deg);
}

.instruction__body {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46, #305F77,#1C333D) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

    color:#FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.review-room__body,
.soft-trackers__body,
.cashier-methods__body,
.rakeback-structure__body,
.recommend-list__carousel {
    padding: 1rem;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.pokertribe-contacts__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem;
}

.pokertribe-contacts__list .contacts__way {
    margin-top: 0;
    margin-right: 1rem;
    margin-bottom: 0.875rem;
}

.pokertribe-contacts__list .social__icon-list {
    margin-top: 1.125rem;
    margin-left: 0;
}

.pokertribe-contacts__list .social__icon-list .link-social:last-child {
    margin-right: 0;
}

.instruction__body>ol {
    margin-top: 0;
}

.instruction__body>ol>li {
    margin-bottom: 0.9375rem;
}

.instruction__body-help {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.instruction__binding {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 1.5rem 1rem;
}

.instruction__binding-text {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-right: 0;
    margin-bottom: 1.25rem;
}

.instruction__binding-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.instruction__binding-form>input {
    width: 100%;
    min-width: 0;
    margin-right: 0;
    margin-bottom: 1.3125rem;
}

.instruction__binding-form>a {
    width: 100%;
    min-width: 0;
    margin-bottom: 0;
}

.room-screenshots {
    margin-top: 1.5325rem;
    margin-left: 0;
    padding: 1rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.room-screenshots__container {
    padding: 0.625rem 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;

}

.room-screenshots__container-inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.room-screenshots__screen {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: cover;
}

.room-screenshots__carousel-nav,
.recommend-list__carousel-nav {
    display: flex;
    justify-content: space-around;
    margin-top: 1.25rem;
}

.recommend-list__carousel-nav {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.room-screenshots__carousel-arrow--left,
.room-screenshots__carousel-arrow--right,
.recommend-list__carousel-arrow--left,
.recommend-list__carousel-arrow--right {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    cursor: pointer;
}

.room-screenshots__carousel-arrow--left,
.recommend-list__carousel-arrow--left {
    background: url(../icons/arrow/pagination-left.svg);
    background-size: 1.5rem 1.5rem;
}

.room-screenshots__carousel-arrow--right,
.recommend-list__carousel-arrow--right {
    background: url(../icons/arrow/pagination-right.svg);
    background-size: 1.5rem 1.5rem;
}

.room-screenshots__carousel-dots,
.recommend-list__carousel-dots {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.room-screenshots__carousel-dots li,
.recommend-list__carousel-dots li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.room-screenshots__carousel-dots li::before,
.recommend-list__carousel-dots li::before {
    display: none;
    margin: 0;
    padding: 0;
}

.room-screenshots__carousel-dots li button,
.recommend-list__carousel-dots li button,
.room-screenshots__carousel-dots .slick-active button,
.recommend-list__carousel-dots .slick-active button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    border: 1px solid #5C737E;
    border-radius: 0.5rem;

    color: #5C737E;
    font-family: 'San Francisco Pro';
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
}

.room-screenshots__carousel-dots .slick-active button,
.recommend-list__carousel-dots .slick-active button {
    border: none;
    color: #FFFFFF;
    background: linear-gradient(90deg, #FF6464, #FC3838);
}


/* Style for recommend room in room desc page for mobile */

.slick-track .room2-list__room {
    width: 100%;
}

.recommend-list__carousel .room2-list__room {
    margin-right: 0;
}



.room-add-info {
    margin-top: 1.5325rem;
    margin-left: 0;
    padding: 1rem 1rem 1.5rem 1rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.room-add-info__content {
    padding-top: 0.875rem;
}

.room-add-info__content-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.875rem;
}

.room-add-info__content-container:last-of-type {
    margin-bottom: 0;
}

.room-add-info__content-key {
    color:#5C737E;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3125rem;
    margin-right: 4rem;
}

.room-add-info__content-value {
    color:#FFFFFF;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    text-align: end;
}


.room-rating {
    margin-top: 1.5325rem;
    margin-left: 0;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

/* Page Auth */
/* Login */

.page-login {
    width: 100%;
    margin-top: 1rem;
}

/* Registration */
.page-registration {
    width: 100%;
    margin-top: 1rem;
}

/* Verification sent */
.page-verify-sent {
    width: 100%;
    margin-top: 1rem;
}

/* Change password */
.page-change-password {
    width: 100%;
    margin-top: 1rem;
}

/* Reset passoword */
.page-reset-password {
    width: 100%;
    margin-top: 1rem;
}

.terms-block {
    width: 100%;
    margin: 0;
    margin-top: 1rem;
    padding: 1rem;
}

/* ROOMS REVIEWS */

/* Filter */
.sort-rooms-reviews {
    display: block;
    margin-top: 1.5rem;
    padding: 1.25rem 1rem 1.375rem 1rem;
}

.sort-rooms-reviews__text {
    line-height: 1.5rem;
}

.sort-rooms-reviews__select {
    font-family: 'San Francisco Pro';
    width: 100%;
    height: 2.6875rem;
    background-color: #2D3A42;
    margin-right: 0rem;
    margin-top: 1rem;
    padding: 0.625rem 1.5625rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    outline: none;
}

.sort-rooms-reviews__select:focus {
    background-color: #26495C;
    color: #FFFFFF;
    outline: none;
}

.sort-rooms-reviews__btn {
    display: block;
    width: 100%;
    height: 2.6875rem;
    margin-top: 1rem;
    padding: 0.625rem 1.5625rem;
    background-color: #2D3A42;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    border-radius: 1rem;
    text-decoration: none;
    user-select: none;
    text-align: center;
}

.sort-rooms-reviews__btn:hover,
.sort-rooms-reviews__btn:focus {
    background-color: #26495C;
    color: #FFFFFF;
}

/* End Filter */

/* Room List */
.list-rooms-reviews {
    width: 100%;
}

.list-rooms-reviews__room {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1.5rem;
    background-color: #202B31;
    border-radius: 0.5rem;
}

.list-rooms-reviews__room-img {
    width: 100%;
    height: auto;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.list-rooms-reviews__room-info {
    width: 100%;
    position: relative;
    background: url(../icons/feedback/bg-rooms-feedback-mob.svg) no-repeat;
    background-size: 100%;
    padding: 1.375rem 1rem 1.9375rem 1rem;
}

.list-rooms-reviews__room-info-name-bg {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3rem;
    font-weight: 700;
    opacity: 0.02;
}

.list-rooms-reviews__room-info-name {
    color: #FFFFFF;
    font-size: 1.6875rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.list-rooms-reviews__room-info-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.375rem;
}

.list-rooms-reviews__room-info-rating {
    margin-right: 2.75rem;
}

.list-rooms-reviews__room-info-rating-text,
.list-rooms-reviews__room-info-reviews-count-text {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.list-rooms-reviews__room-info-rating-container {
    display: flex;
    margin-top: 0.4375rem;
}

.list-rooms-reviews__room-info-rating-stars {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
}

.list-rooms-reviews__room-info-rating-value {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.list-rooms-reviews__room-info-reviews-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.list-rooms-reviews__room-info-reviews-count {
    margin-right: 1.5rem;
    margin-top: 0.8125rem;
}

.list-rooms-reviews__room-info-reviews-count-container {
    display: flex;
    margin-top: 0.4375rem;
}

.list-rooms-reviews__room-info-reviews-count-icon {
    margin-right: 0.671875rem;
    display: block;
    text-indent: -9999px;
    width: 1.640625rem;
    height: 1.3125rem;
    min-width: 1.640625rem;
    min-height: 1.3125rem;
    background: url(../icons/feedback/reviews.svg) center no-repeat;
    background-size: 1.640625rem 1.3125rem;
}

.list-rooms-reviews__room-info-reviews-count-value {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.list-rooms-reviews__room-info-overview-link {
    margin-top: auto;
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    cursor: pointer;
}

.list-rooms-reviews__room-info-overview-link:hover {
    color: #65C9FF;
}

.list-rooms-reviews__room-info-overview-link:focus {
    color: #2999D6;
}

.list-rooms-reviews__room-btns {
    width: 100%;
    margin: 0 1rem 1.5rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list-rooms-reviews__room-btn--review {
    width: 100%;
    margin-right: 0;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.6875rem 1.8125rem 0.75rem 1.8125rem;
}

.list-rooms-reviews__room-btn--review:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.list-rooms-reviews__room-btn--review:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}

.list-rooms-reviews__room-btn--download {
    width: 100%;
    background: linear-gradient(98deg, #F59E2B 0%, #FED757 29%, #FCAE11 100%) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #674500;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3125rem;
    text-align: center;
    margin-top: 1rem;
    padding: 0.6875rem 3.4375rem 0.75rem 3.4375rem;
}

.list-rooms-reviews__room-btn--download:hover {
    background: linear-gradient(98deg, #F59E2B 0%, #FFE281 29%, #FCAE11 100%) 98% 0%;
}

.list-rooms-reviews__room-btn--download:focus {
    background: linear-gradient(98deg, #F59E2B 0%, #FFCB1E 29%, #FCAE11 100%) 98% 0%;
}

.jq-ry-container {
    padding: 0;
}

/* End Room List */

/* Room Review */

.room-review-header {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1.5rem;
    padding: 1rem;
    padding-bottom: 1.5rem;
    background-color: #202B31;
    border-radius: 0.5rem;
}

.room-review-header__img {
    display: block;
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    margin-right: 0;
    background-color: #000;
    border-radius: 1rem;
}

.room-review-header__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.room-review-header__title-review-counter {
    /* width: 45%; */
    width: 100%;
    margin-right: 0;
}

.room-review-header__title {
    margin-top: 1.125rem;
    color: #FFFFFF;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.3125rem;
}

.room-review-header__rating {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.875rem;
}

.room-review-header__review {
    margin-right: 1rem;
}

.room-review-header__review-title,
.room-review-header__counter-title {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.room-review-header__review-container {
    display: flex;
}

.room-review-header__review-value {
    margin-top: 0.1875rem;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.6875rem;
}

.room-review-header__review-stars-count-container {
    display: flex;
    margin-top: 0.5rem;
    margin-left: 0.875rem;
}

.room-review-header__review-stars-count {

}

.room-review-header__review-stars-count div {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.3125rem;
}

.room-review-header__review-stars-count div:last-of-type {
    margin-bottom: 0rem;
}

.room-review-header__review-stars-count div i {
    display: block;
    margin-right: 0.125rem;
    text-indent: -9999px;
    width: 0.5rem;
    height: 0.5rem;
    min-width: 0.5rem;
    min-height: 0.5rem;
    background: url(../icons/feedback/star.svg);
    background-size: 0.5rem 0.5rem;
    font-style: normal;
}

.room-review-header__review-stars-count div i:last-of-type {
    margin-right: 0rem;
}

.room-review-header__review-stars-line {
    margin-left: 0.4375rem;
}

.room-review-header__review-stars-line div {
    width: 4.6875rem;
    height: 0.5rem;
    min-height: 0.5rem;
    position: relative;
    margin-bottom: 0.3125rem;
    background-color: #364750;
    border-radius: 0.25rem;
}

.room-review-header__review-stars-line div div {
    width: 0%;
    height: 0.5rem;
    min-height: 0.5rem;
    position: absolute;
    margin-bottom: 0.3125rem;
    background-color: #FFC107;
    border-radius: 0.25rem;
}

.room-review-header__review-stars-line div:last-of-type {
    margin-bottom: 0rem;
}

.room-review-header__counter {

}

.room-review-header__counter-count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.4375rem;
    height: 3.75rem;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background-color: #364750;
    border-radius: 1rem;
}

.room-review-header__counter-count-icon {
    display: block;
    margin-right: 0.671875rem;
    text-indent: -9999px;
    width: 1.640625rem;
    height: 1.3125rem;
    min-width: 1.640625rem;
    min-height: 1.3125rem;
    background: url(../icons/feedback/megaphone.svg);
    background-size: 1.640625rem 1.3125rem;
}

.room-review-header__counter-count-digit {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.room-review-header__btns {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 100%;
    margin-top: 1.875rem;
    margin-bottom: 0;
    order: 1;
}

.room-review-header__btns__overview-btn {
    width: 100%;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
}

.room-review-header__btns__overview-btn:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.room-review-header__btns__overview-btn:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}


.room-review-header__btns__download-btn {
    margin-top: 1.3125rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 2.25rem;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: #674500;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125rem;
    border-radius: 1rem;
    background: linear-gradient(98deg, #F59E2B 0%, #FED757 29%, #FCAE11 100%) 98% 0%;
    box-shadow: 0rem 0.3125rem 1.25rem #fcc03d8c;
}

.room-review-header__btns__download-btn:hover {
    background: linear-gradient(98deg, #F59E2B 0%, #FFE281 29%, #FCAE11 100%) 98% 0%;
}

.room-review-header__btns__download-btn:focus {
    background: linear-gradient(98deg, #F59E2B 0%, #FFCB1E 29%, #FCAE11 100%) 98% 0%;
}

.room-review-header__desc {
    width: 100%;
    margin-top: 1.5rem;
    color: #E8E9EA;
    font-size: 1.0625rem;
    font-weight: 300;
    line-height: 1.3125rem;
    order: 0;
}

/* Leave Feedback block */

.leave-feedback {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 100%;
    background-color: #202B31;
    border-radius: 0.5rem;
    margin-top: 1rem;
    padding: 1.5rem 1rem;
}

.leave-feedback-text {
    color: #E8E9EA;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3125rem;
}

.leave-feedback-btn,
.leave-feedback-btnn,
.leave-club-feedback-btn {
    width: 100%;
    height: 2.75rem;
    background-color: #3EB6F8;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
    margin-top: 2.125rem;
}

.leave-feedback-btn:hover,
.leave-feedback-btnn:hover,
.leave-club-feedback-btn:hover {
    background-color: #65C9FF;
}

.leave-feedback-btn:focus,
.leave-feedback-btnn:focus,
.leave-club-feedback-btn:focus {
    background-color: #2999D6;
}

/* End Leave Feedback block */

/* Feedback List */

.feedback-list {

}

.feedback {
    width: 100%;
    background-color: #202B31;
    border-radius: 0.5rem;
    margin-top: 1rem;
    padding: 1rem;
    padding-bottom: 1rem;
}

.feedback-head {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid;
    padding-bottom: 0.9375rem;
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 25%,#1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}

.feedback-person-img {
    width: 4.0625rem;
    height: 4.0625rem;
    min-width: 4.0625rem;
    min-height: 4.0625rem;
    border-radius: 50%;
    background-color: #000;
}

.feedback-person {
    margin-left: 0.5rem;
}

.feedback-person-name {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.feedback-person-experience {
    margin-top: 0.375rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-person-messages {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-date {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.875rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-body {
    margin-top: 1.1875rem;
}

.feedback-body-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.feedback-rating {

}

.feedback-rating-text {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-rating-container {
    display: flex;
    align-items: center;
    margin-top: 0.5625rem;
}

.feedback-rating-stars {
    margin-right: 0.5rem;
}

.feedback-rating-value {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.feedback-ishelpfull {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-top: 1.3125rem;
}

.feedback-ishelpfull-text {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    margin-right: 0;
}

.feedback-text {
    word-wrap: break-word;
    margin-top: 1.3125rem;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.feedback-ishelpfull-btns {
    display: flex;
    margin-top: 1rem;
}

.feedback-ishelpfull-btns-like {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.125rem;
    width: 4.3125rem;
    height: 2.25rem;
    border: none;
    border-radius: 0.5rem;
    background-color: #70AB34;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
    cursor: pointer;
}

.feedback-ishelpfull-btns-dislike {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.3125rem;
    height: 2.25rem;
    border: none;
    border-radius: 0.5rem;
    background-color: #FD4242;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
    cursor: pointer;
}

.feedback-ishelpfull-btns-like-icon {
    margin-right: 0.5rem;
    display: block;
    text-indent: -9999px;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background: url(../icons/feedback/like.svg);
    background-size: 1rem 1rem;
}

.feedback-ishelpfull-btns-dislike-icon {
    margin-right: 0.5rem;
    display: block;
    text-indent: -9999px;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background: url(../icons/feedback/dislike.svg);
    background-size: 1rem 1rem;
}

.feedback-advanteges {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    width: 100%;
    padding: 1rem;
    background-color: #1B252A;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    word-break: break-word;
}

.feedback-disadvanteges {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    width: 100%;
    padding: 1rem;
    background-color: #1B252A;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
    word-break: break-word;
}

.feedback-disadvanteges div,
.feedback-advanteges div {
    word-break: break-word;
}

.feedback-advanteges-icon {
    display: block;
    margin-right: 0.5rem;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/plus.svg);
    background-size: 1.1875rem 1.1875rem;
}

.feedback-disadvanteges-icon {
    display: block;
    margin-right: 0.5rem;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/minus.svg);
    background-size: 1.1875rem 1.1875rem;
}


.feedback-foot {
    display: flex;
    margin-top: 1.5625rem;
    border-bottom: 1px solid;
    padding-bottom: 1.6875rem;
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 25%,#1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}

.feedback-answers {
    display: flex;
    align-items: center;
    margin-right: 2.25rem;
}

.feedback-answers-icon {
    display: block;
    margin-right: 0.8125rem;
    text-indent: -9999px;
    width: 1.5rem;
    height: 1.1875rem;
    min-width: 1.5rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/megaphone-grey.svg);
    background-size: 1.5rem 1.1875rem;
}

.feedback-answers-text {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.feedback-answer-btn,
.feedback-answer-btnn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125rem;
    cursor: pointer;
}

.feedback-answers-btn-icon {
    display: block;
    margin-right: 0.6875rem;
    text-indent: -9999px;
    width: 0.6875rem;
    height: 1.1875rem;
    min-width: 0.6875rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/answer-arrow.svg);
    background-size: 0.6875rem 1.1875rem;
}

.feedback-answer-btn:hover,
.feedback-answer-btnn:hover {
    color: #65C9FF;
}

.feedback-answer-btn:focus,
.feedback-answer-btnn:focus {
    color: #2999D6;
}

.feedback-answer-list {

}

.feedback-answer {
    margin-top: 0.875rem;
    margin-left: 2.5rem;
    padding-bottom: 1.3125rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1F3A46 0%, #305F77 25%,#1C333D 100%) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}

.feedback-answer-head {
    display: flex;
    flex-wrap: wrap;
}

.feedback-answer-person-img {
    width: 4.0625rem;
    height: 4.0625rem;
    min-width: 4.0625rem;
    min-height: 4.0625rem;
    border-radius: 50%;
    background-color: #000;
    margin-right: 0.5rem;
}

.feedback-answer-person {

}

.feedback-answer-person-name {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.feedback-answer-person-experience {
    margin-top: 0.375rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-answer-person-messages {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-answer-date {
    width: 100%;
    margin-top: 0.875rem;
    margin-left: auto;
    margin-right: 1.1875rem;
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.feedback-answer-body {
    word-wrap: break-word;
    margin-top: 0.9375rem;
    color: #E8E9EA;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3125rem;
}

.feedback-answer-foot {
    margin-top: 1.1875rem;
}

.feedback-answer-body-textarea-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    
}

.feedback-answer-body-textarea-btn {
    width: 100%;
    min-width: 0;
    border: none;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
    cursor: pointer;
}

.feedback-answer-body-textarea-btn:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.feedback-answer-body-textarea-btn:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}

.feedback-answer-loadmore {
    display: block;
    margin-top: 0.875rem;
    text-decoration: none;
    color: #5C737E;
    font-size:1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
}

.feedback-answer-loadmore:hover {
    color: #95A8B1;
}

.feedback-answer-loadmore:focus {
    color: #FFFFFF;
}

.modal-feedback {
    display: none;
    width: 100%;
    height: 100%;
    padding: 3.375rem 1rem;
    overflow: auto;

    background-color: rgba(18, 26, 30, 0.87);

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.modal-feedback__add-feedback {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 1.5rem 1rem 2.5rem 1rem;
    position: relative;

    background-color: #202B31;
    box-shadow: 0px 10px 20px #0000001C;
    border-radius: 0.5rem;
}

.modal-feedback.modal-show {
    display: flex;
}

.add-feedback-title {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.75rem;
    margin-right: 3rem;
}

.add-feedback-rating {
    margin-top: 1rem;
}

.add-feedback-rating-text {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.add-feedback-rating-stars-container {
    display: flex;
    align-items: center;
    margin-top: 0.5625rem;
}

.add-feedback-rating-stars {
    margin-right: 2rem;
}

.add-feedback-rating-set {

}

.add-feedback-rating-value,
.add-club-feedback-rating-value {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.add-feedback-advantages,
.add-feedback-disadvantages {
    margin-top: 1.3125rem;
    position: relative;
}

.add-feedback-advantages-icon,
.add-feedback-disadvantages-icon {
    position: absolute;
    display: block;
    top: 0.75rem;
    bottom: 0.75rem;
    left: 1.25rem;
    margin-right: 0.5rem;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/feedback/plus.svg);
    background-size: 1.1875rem 1.1875rem;
}

.add-feedback-disadvantages-icon {
    background: url(../icons/feedback/minus.svg);
    background-size: 1.1875rem 1.1875rem;
}

.add-feedback-advantages-textarea,
.add-club-feedback-advantages-textarea,
.add-feedback-disadvantages-textarea,
.add-club-feedback-disadvantages-textarea,
.add-feedback-text-textarea,
.add-club-feedback-text-textarea,
.feedback-answer-body-textarea {
    font-family: 'San Francisco Pro';
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    display: block;
    width: 100%;
    overflow: hidden;
    resize: vertical;
    min-height: 2.6875rem;
    line-height: 1.3125rem;
    background-color: #2D3A42;
    border-radius: 1rem;
    padding: 0.75rem 1.25rem 0.75rem 2.875rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    border: 0;
    caret-color: #3EB6F8;
    outline: none;
}

.add-feedback-text-textarea,
.add-club-feedback-text-textarea,
.feedback-answer-body-textarea {
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    min-height: 5.375rem;
}

.add-feedback-advantages-textarea:focus,
.add-club-feedback-advantages-textarea:focus,
.add-feedback-disadvantages-textarea:focus,
.add-club-feedback-disadvantages-textarea:focus,
.add-feedback-text-textarea:focus,
.add-club-feedback-text-textarea:focus,
.feedback-answer-body-textarea:focus {
    background-color: #26495C;
}
  
.add-feedback-advantages-textarea[contenteditable]:empty::before,
.add-club-feedback-advantages-textarea[contenteditable]:empty::before,
.add-feedback-disadvantages-textarea[contenteditable]:empty::before,
.add-club-feedback-disadvantages-textarea[contenteditable]:empty::before,
.add-feedback-text-textarea[contenteditable]:empty::before,
.add-club-feedback-text-textarea[contenteditable]:empty::before,
.feedback-answer-body-textarea[contenteditable]:empty::before {
    content: "Плюсы";
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-disadvantages-textarea[contenteditable]:empty::before,
.add-club-feedback-disadvantages-textarea[contenteditable]:empty::before {
    content: "Минусы";
}

.add-feedback-text-textarea[contenteditable]:empty::before,
.add-club-feedback-text-textarea[contenteditable]:empty::before  {
    content: "Ваш отзыв";
}

.feedback-answer-body-textarea[contenteditable]:empty::before {
    content: "";
}

.add-feedback-disadvantages {
    margin-top: 1.3125rem;
}

.add-feedback-text {
    margin-top: 1.375rem;
}

.add-feedback-nickname {
    margin-top: 1.3125rem;
}

.add-feedback-nickname-input {
    margin-top: 0rem;
    width: 100%;
    min-height: 2.6875rem;
    border: none;
    border-radius: 1rem;
    background: #2D3A42;
    padding: 0.75rem 1.25rem 0.75rem 1.25rem;
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #FFFFFF;
    caret-color: #3EB6F8;
}

.add-feedback-nickname-input::placeholder {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-nickname-input:focus {
    background: #26495C;
    outline: none;
}

.add-feedback-nickname-desc {
    margin-top: 1.3125rem;
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-nickname-desc div {
    margin-top: 1rem;
}

.add-feedback-rules {
    display: flex;
    margin-top: 1.375rem;
}

.add-feedback-rules-checkbox {

}

/* ======================================================= */

/* для элемента input c type="checkbox" */
.feedback-checkbox,
.club-feedback-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


  /* для элемента label, связанного с .custom-checkbox */
  .feedback-checkbox+label,
  .club-feedback-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  /* создание в label псевдоэлемента before со следующими стилями */
  .feedback-checkbox+label::before,
  .club-feedback-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    border: none;
    border-radius: 0.5rem;
    margin-right: 0.4375rem;
    background-color: #2D3A42;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.6875rem 0.6875rem;
  }

  /* стили при наведении курсора на checkbox */
  .feedback-checkbox:not(:disabled):not(:checked)+label:hover::before,
  .club-feedback-checkbox:not(:disabled):not(:checked)+label:hover::before {
    background-color: #3E5665;
  }

  /* стили для активного чекбокса (при нажатии на него) */
  .feedback-checkbox:not(:disabled):active+label::before,
  .club-feedback-checkbox:not(:disabled):active+label::before {
    background: #2D3A42;
  }

  /* стили для чекбокса, находящегося в фокусе */
  .feedback-checkbox:focus+label::before,
  .club-feedback-checkbox:focus+label::before {
    background-color: #3E5665;
  }

  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .feedback-checkbox:focus:not(:checked)+label::before,
  .club-feedback-checkbox:focus:not(:checked)+label::before  {
    background-color: #3E5665;
  }

  /* стили для чекбокса, находящегося в состоянии checked */
  .feedback-checkbox:checked+label::before,
  .club-feedback-checkbox:checked+label::before {
    background-color: #70AB34;
    background-image: url(../icons/btn/check-arrow-white.svg);
  }

  /* стили для чекбокса, находящегося в состоянии disabled */
  .feedback-checkbox:disabled+label::before,
  .club-feedback-checkbox:disabled+label::before {
    background-color: #e9ecef;
  }

/* ============================================================= */

.add-feedback-rules-text {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
}

.add-feedback-btn-container {
    display: flex;
    justify-content: flex-end;
}

.add-feedback-btn,
.add-club-feedback-btn {
    width: 100%;
    min-width: 0;
    border: none;
    margin-top: 1.5rem;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
    cursor: pointer;
}

.add-feedback-btn:hover,
.add-club-feedback-btn:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.add-feedback-btn:focus,
.add-club-feedback-btn:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}

.modal-feedback__add-feedback-success {
    text-align: center;
    width: 16.625rem;
    height: auto;
    margin: auto;
    padding: 3rem 1.5rem 3rem 1.5rem;
    position: relative;

    background: url(../icons/feedback/added-background.svg) no-repeat;
    background-color: #202B31;
    background-position: center bottom;
    box-shadow: 0px 10px 20px #0000001C;
    border-radius: 0.5rem;
}

.modal-feedback__add-feedback-success-icon {
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    min-height: 4rem;
    background: url(../icons/feedback/added.svg) center no-repeat;
    background-size: 4rem 4rem;
}

.modal-feedback__add-feedback-success-text {
    width: 100%;
    margin-top: 1.25rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3125rem;
}
/* End Feedback List */

/* End Room Review */

/* Start offline poker clubs */

.block-clubs-country {
    margin-top: 1.5325rem;
    padding: 1.5rem;
    background-color: #202B31;
    border-radius: .5rem;
}

.clubs-country-container {
    width: 100%;
    background-image: url(../icons/clubs/world.svg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 3rem 16rem;
    background-size: 70%;
}

.clubs-country-filter {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
}

.clubs-country-filter__text {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-right: 1.4375rem;
}

.clubs-country-list {

}

.clubs-country__search-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    min-width: 100%;
    margin-left: 0;
}

.clubs-country__search {
    margin-left: 0;
    width: 100%;
    height: 2.6875rem;
    padding: 0.75rem 1.25rem 0.75rem 2.8125rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    background-color: #2D3A42;
    border: none;
    border-radius: 1rem;
    caret-color: #3EB6F8;

}

.clubs-country__search::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.clubs-country__search:focus {
    background: #26495C;
    outline: none;
}

.clubs-country-description {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 1.5rem;
}

.clubs-country-list__continent-container {
    margin-top: 2.1875rem;
}

.clubs-country-list__continent {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.375rem;
    margin-top: 2.1875rem;
}

.clubs-country-list__continent-container:first-of-type {
    margin-top: 1.6875rem;
}

.clubs-country-list__countries {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 0;
}

.clubs-country-list__country img {
    width: 1.875rem;
    height: 1.1875rem;
    min-width: 1.875rem;
    min-height: 1.1875rem;
    margin-right: 0.4375rem;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

.clubs-country-list__country {
    width: fit-content;
    display: block;
    flex-direction: none;
    align-items: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 1rem;
}

/* CITIES */
.clubs-cities-container {
    width: 100%;
    background-image: url(../icons/clubs/cities.svg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 3rem 16rem;
    background-size: 70%;
}

.clubs-cities-filter {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
}

.clubs-cities-filter__letters {
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
}

.clubs-cities-filter__letter {
    color: #5C737E;
    font-size: 1rem;
    line-height: 1,1875rem;
    font-weight: 400;
    margin-right: 1.5rem;
}

.clubs-cities-filter__letter:last-of-type {
    margin-right: 2rem;
}

.clubs-cities__search-container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    min-width: 100%;
    margin-left: 0;
}

.clubs-cities__search {
    margin-left: auto;
    width: 100%;
    height: 2.6875rem;
    padding: 0.75rem 1.25rem 0.75rem 2.8125rem;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    background-color: #2D3A42;
    border: none;
    border-radius: 1rem;
    caret-color: #3EB6F8;
}

.clubs-cities__search::placeholder {
    font-family: 'San Francisco Pro';
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    color: #5C737E;
}

.clubs-cities__search:focus {
    background: #26495C;
    outline: none;
}

.clubs-cities-description {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 1.5rem;
}

.clubs-cities-list {

}

.clubs-cities-list__container {
    margin-top: 2.25rem;
}

.clubs-cities-list__letter {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
}

.clubs-cities-list__cities {
    display: block;
    grid-template-columns: none;
    margin-left: 0;
}

.clubs-cities-list__city {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
}

.clubs-cities-list__city-container {
    display: flex;
    width: fit-content;
    align-items: center;
    margin-top: 1.6875rem;
}

.clubs-cities-list__city-count {
    width: fit-content;
    padding: 0.25rem 0.5rem;
    margin-left: 0.4375rem;
    background-color: #70AB34;
    border-radius: 0.375rem;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.0625rem;
}

/* Start poker clubs list */

.clubs-clubs-container {

}

.clubs-clubs-description {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-top: 1.5rem;
}

.clubs-clubs-list {
    margin-top: 1.5rem;
    display: block;
    grid-template-columns: none;
    grid-column-gap: none;
    grid-row-gap: none;
}

.clubs-club {
    width: 100%;
    position: relative;
    background: url('../icons/clubs/background-clubs.svg') no-repeat;
    background-color: #202B31;
    border-radius: 0.5rem;
    padding: 1.375rem 1.5rem 2rem 1.5rem;
    margin-bottom: 1rem;
}

.clubs-club__header {
    display: flex;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
    padding-bottom: 1.125rem;
}

.clubs-club__header-logo {
    width: 5.5625rem;
    height: 5.5625rem;
    margin-right: 0.4375rem;
}

.clubs-club__header-club-name {
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    margin-top: 0.25rem;
}

.clubs-club__header-club-stat-container{
    display: flex;
    margin-top: 0.8125rem;
}

.clubs-club__header-club-rating-container {
    margin-right: 1.625rem;
}

.clubs-club__header-club-rating-txt,
.clubs-club__header-club-feedback-txt {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
    white-space: nowrap;
}

.clubs-club__header-club-rating-stars {
    display: flex;
    align-items: center;
    margin-top: 0.625rem;
}

.clubs-club__header-club-rating-stars-rate {
    display: none;
    margin-right: 0.5rem;
}

.clubs-club__header-club-rating-star {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.3125rem;
    height: 1.3125rem;
    min-width: 1.3125rem;
    min-height: 1.3125rem;
    background: url(../icons/clubs/star.svg) center no-repeat;
    background-size: 1.3125rem 1.3125rem;
}

.clubs-club__header-club-rating-stars-value {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 500;
}

.clubs-club__header-club-feedback-stat {
    display: flex;
    align-items: center;
    margin-top: 0.625rem;
}

.clubs-club__header-club-feedback-stat-icon {
    margin-right: 0.671875rem;
    display: block;
    text-indent: -9999px;
    width: 1.640625rem;
    height: 1.3125rem;
    min-width: 1.640625rem;
    min-height: 1.3125rem;
    background: url(../icons/clubs/reviews.svg) center no-repeat;
    background-size: 1.640625rem 1.3125rem;
}

.clubs-club__header-club-feedback-stat-value {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 400;
}

.clubs-club__contacts {
    margin-top: 1.5rem;
}
.clubs-club__contacts-title {
    display: flex;
    align-items: center;
}
.clubs-club__contacts-title-icon {
    margin-right: 0.5rem;
    display: block;
    text-indent: -9999px;
    width: 1.105625rem;
    height: 1.3125rem;
    min-width: 1.105625rem;
    min-height: 1.3125rem;
    background: url(../icons/clubs/phone-book.svg) center no-repeat;
    background-size: 1.105625rem 1.3125rem;
}
.clubs-club__contacts-title-txt {
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 500;
}
.clubs-club__contacts-phone {
    margin-top: 1.3125rem;
    display: flex;
    align-items: center;
}
.clubs-club__contacts-phone-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/phone.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-club__contacts-phone-txt {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
}
.clubs-club__contacts-location {
    margin-top: 0.8125rem;
    display: flex;
    align-items: center;
}
.clubs-club__contacts-location-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/location.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-club__contacts-location-txt {
    color: #5C737E;
    font-size: 1rem;
    font-weight: 400;
}

.clubs-club__club-details-btn {
    display: block;
    width: 100%;
    border: none;
    margin-top: 2rem;
    background: linear-gradient(to right, #FF6464, #FC3838) 98% 0%;
    border-radius: 1rem;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3125rem;
    text-align: center;
    padding: 0.75rem 2.25rem;
    cursor: pointer;
}

.clubs-club__club-details-btn:hover {
    background: linear-gradient(90deg, #FF8F8F, #FF5A5A);
}

.clubs-club__club-details-btn:focus {
    background: linear-gradient(90deg, #FF5454, #FF2121);
}

/* Start Poker club details */

.clubs-club-desc {
    margin-top: 1.5325rem;
    padding: 1.875rem 1.5rem;
    width: 100%;
    background-color: #202B31;
    border-radius: 0.5rem;
}
.clubs-club-desc__header {
    display: flex;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, #1E343D, #294A5B,#1D3038) 90% 0%;
    border-image-width: 0px 0px 1px 0px;
}
.clubs-club-desc__logo {
    width: 4.6875rem;
    height: 4.6875rem;
    border-radius: 1rem;
    margin-right: 0.75rem;
    object-fit: cover;

}
.clubs-club-desc__title {
    margin-top: 0.1875rem;
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
}
.clubs-club-desc__inner-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5625rem;
}
.clubs-club-desc__inner-container-1 {
    display: flex;
}
.clubs-club-desc__inner-container-2 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5.4375rem;
}
.clubs-club-desc__header-club-rating-container {
    margin-right: 1.6875rem;
}
.clubs-club-desc__header-club-feedback-container {
    margin-right: 2.2125rem;
}
.clubs-cluub-desc__contacts {
    margin-right: 2.2125rem;
    margin-top: 1rem;
}
.clubs-cluub-desc__contacts-txt {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}
.clubs-cluub-desc__contacts-phone {
    display: flex;
    /* align-items: center; */
    margin-top: 0.625rem;
}
.clubs-cluub-desc__contacts-phone-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/phone-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__contacts-phone-txt {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
}

.clubs-cluub-desc__contacts-website {
    display: flex;
    /* align-items: center; */
    margin-top: 1rem;
}
.clubs-cluub-desc__contacts-website-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/world-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__contacts-website-txt {
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
}

.clubs-cluub-desc__location {
    margin-right: 2.2125rem;
    margin-top: 1rem;
}

.clubs-cluub-location-txt {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}
.clubs-cluub-desc__location-container {
    display: flex;
    margin-top: 0.625rem;
}
.clubs-cluub-desc__location-address-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
    background: url(../icons/clubs/location-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__location-address-txt {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
}
.clubs-cluub-desc__location-address-onmap {
    display: block;
    margin-top: 0.625rem;
    margin-left: 1.625rem;
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
}
.clubs-cluub-desc__social-messengers {
    margin-top: 1rem;
}
.clubs-cluub-desc__social-messengers-txt {
    color: #5C737E;
    font-size: 0.875rem;
    font-weight: 400;
}
.clubs-cluub-desc__social-messengers-facebook,
.clubs-cluub-desc__social-messengers-telegram,
.clubs-cluub-desc__social-messengers-instagram,
.clubs-cluub-desc__social-messengers-viber,
.clubs-cluub-desc__social-messengers-whatsup,
.clubs-cluub-desc__social-messengers-twitter {
    display: flex;
    margin-top: 0.625rem;
}
.clubs-cluub-desc__social-messengers-facebook-icon,
.clubs-cluub-desc__social-messengers-telegram-icon,
.clubs-cluub-desc__social-messengers-instagram-icon,
.clubs-cluub-desc__social-messengers-viber-icon,
.clubs-cluub-desc__social-messengers-whatsup-icon,
.clubs-cluub-desc__social-messengers-twitter-icon {
    margin-right: 0.4375rem;
    display: block;
    text-indent: -9999px;
    width: 1.1875rem;
    height: 1.1875rem;
    min-width: 1.1875rem;
    min-height: 1.1875rem;
}
.clubs-cluub-desc__social-messengers-facebook-icon {
    background: url(../icons/clubs/facebook-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-telegram-icon {
    background: url(../icons/clubs/telegram-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-instagram-icon {
    background: url(../icons/clubs/instagram-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-viber-icon {
    background: url(../icons/clubs/viber-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-whatsup-icon {
    background: url(../icons/clubs/whatsapp-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-twitter-icon {
    background: url(../icons/clubs/twitter-white.svg) center no-repeat;
    background-size: 1.1875rem 1.1875rem;
}
.clubs-cluub-desc__social-messengers-facebook-txt,
.clubs-cluub-desc__social-messengers-telegram-txt,
.clubs-cluub-desc__social-messengers-instagram-txt,
.clubs-cluub-desc__social-messengers-viber-txt,
.clubs-cluub-desc__social-messengers-whatsup-txt,
.clubs-cluub-desc__social-messengers-twitter-txt {
    text-decoration: none;
    color: #3EB6F8;
    font-size: 1rem;
    font-weight: 400;
}

.clubs-club-desc__about-title {
    margin-top: 2.125rem;
    color: #FFFFFF;
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: 1.5625rem;
}

.clubs-club-desc__about-body {
    margin-top: 1rem;
}

.clubs-club-desc__gallery {
    margin-top: 3rem;
}

.clubs-club-desc__gallery img {
    margin-right: 1rem;
    border-radius: 0.5rem;
    height: 11.3125rem;
}

.clubs-slider__dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    padding-top: 3rem;
}

.clubs-slider__dots li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clubs-slider__dots li::before {
    display: none;
    margin: 0;
    padding: 0;
}

.clubs-slider__dots li button {
    display: block;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    text-decoration: none;
    width: 0.5625rem;
    height: 0.5625rem;
    margin-right: 0.5rem;
    border: 1px solid #5C737E;
    border-radius: 50%;
}

.clubs-slider__dots .slick-active button {
    background: linear-gradient(132deg, #FF6464, #FC3838);
    border: none;
}

.mh {
    display: none;
}

.break {
    flex-basis: 100%;
    height: 0;
}



/* End offline poker clubs */


}