/* Подключение шрифтов */

@font-face {
    font-weight: 400;
    font-style: normal;
   font-family: 'Poppins';
	 src: url('../fonts/Poppins-Regular.ttf') format("truetype");
    src: url(../fonts/Poppins-Regular.woff) format("woff");
	font-display: swap;
 }
@font-face {
    font-weight: 500;
    font-style: normal;
   font-family: 'Poppins';
	 src: url('../fonts/Poppins-Medium.ttf') format("truetype");
    src: url(../fonts/Poppins-Medium.woff) format("woff");
	font-display: swap;
 }
@font-face {
    font-weight: 600;
    font-style: normal;
   font-family: 'Poppins';
	 src: url('../fonts/Poppins-SemiBold.ttf') format("truetype");
    src: url(../fonts/Poppins-SemiBold.woff) format("woff");
	font-display: swap;
 }
@font-face {
    font-weight: 700;
    font-style: normal;
   font-family: 'Poppins';
	 src: url('../fonts/Poppins-Bold.ttf') format("truetype");
    src: url(../fonts/Poppins-Bold.woff) format("woff");
	font-display: swap;
 }

.bolder {
    font-weight: 600;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/* Обнуление стилей */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ROOT */
:root {
    --resizer: 1920;
    --blue: #0667EC;
/*     --yellow: #06E57A; */
	--yellow: #066031;	
    --black: #1E1F2A;
    --white: #F2F2F2;
    --grey: #B6B7C0;
    --transition: .4s all linear;
}

/* Html, Body */
html,
body {
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 96vh;
}

/* container */
.container {
    margin: 0 auto;
    max-width: calc(1600vw / var(--resizer) * 100);
    width: 100%;
}

.dn-auht {
    display: none;
}

.img-text {
    display: flex;
    margin: calc(20vw / var(--resizer) * 100) 0;
    width: 100%;
    height: auto;
}

.img-text img {
    width: inherit;
    height: inherit;
}

main.authors .dn-auht img {
    width: 100%;
    height: auto;
    max-width: 100% !important;
}

main .active {
  display: block !important;
}

main .inactive {
  display: none !important;
}

/* my Video */
.myVideo {
    display: none;
}

/* Header */
.header {
    position: relative;
    padding: calc(20vw / var(--resizer) * 100) 0 0 0;
    width: 100%;
    background-color: #ffffff;
    border-bottom: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    z-index: 999;
}

.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation-name: header-a;
    animation-duration: .5s;
    z-index: 99999;
}

.headerNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headerMY {
    position: relative;
    bottom: calc(10vw / var(--resizer) * 100);
    display: flex;
    justify-content: center;
    align-items: center;
}

.headerLogo {
    width: calc(234vw / var(--resizer) * 100);
    height: calc(28.96vw / var(--resizer) * 100);
}

.headerLogo img {
/*     width: inherit;
    height: inherit; */
	width: auto;
    height: 100%;
}

.headerLogo:hover {
    transform: scale(1.05);
}

.headerMR {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 90%;
}

.headerMenu {
    display: flex;
    align-items: center;
    margin: 0 calc(44.42vw / var(--resizer) * 100) 0 calc(24.42vw / var(--resizer) * 100);
    width: 80%;
}

.burger {
    display: none;
}

.headerMenuLi {
    position: relative;
    display: flex;
    padding: 0 0 calc(20vw / var(--resizer) * 100) 0;
    margin: 0 calc(17.42vw / var(--resizer) * 100) 0 0;
    align-items: center;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
    text-transform: capitalize;
    list-style: none;
}

.headerMenuLi:last-child {
    margin: 0;
}

.headerMenuA {
    text-decoration: none;
    color: inherit;
    min-width: max-content;
}

p.headerMenuA,
span.headerMenuA{
    cursor: default;
}

a.headerMenuA {
    cursor: pointer;
}

.headerMenuLi svg {
    margin: 0 0 0 calc(9.43vw / var(--resizer) * 100);
    width: calc(11.15vw / var(--resizer) * 100);
    height: calc(6.55vw / var(--resizer) * 100);
}

.headerMenuLi:hover svg {
    transform: scale(1, -1)
}

.headerMenuLi svg path {
    fill: var(--black);
}

.headerMenuDropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(300vw / var(--resizer) * 100);
    display: flex;
    flex-direction: column;
    padding: calc(12.15vw / var(--resizer) * 100) calc(12.15vw / var(--resizer) * 100) 0 calc(12.15vw / var(--resizer) * 100);
    opacity: 0;
    visibility: hidden;
    background-color: #ffffff;
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-top: none;
}

.headerMenuDropdown.rating {
    width: calc(300vw / var(--resizer) * 100);
    height: 80vh;
    overflow: auto;
}

 .headerMenuLi:hover .headerMenuDropdown {
    opacity: 1;
    visibility: visible;
} 

/*.headerMenuLi.active .headerMenuDropdown {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

.headerMenuDropdownA {
    margin: 0 0 calc(15vw / var(--resizer) * 100) 0;
    width: 100%;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(18vw / var(--resizer) * 100);
    color: #8B8D9B;
    text-decoration: none;
    text-transform: capitalize;
}

.headerMenuDropdownA:hover {
    color: var(--black);
}

.headerSelect {
    position: relative;
    bottom: calc(10vw / var(--resizer) * 100);
    display: flex;
    align-items: center;
}

/* select */
.select {
    display: flex;
    align-items: center;
}

.selectBody {
    position: relative;
    padding: calc(9vw / var(--resizer) * 100) calc(17vw / var(--resizer) * 100) calc(9vw / var(--resizer) * 100) calc(11vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
    border: none;
    outline: none;
    cursor: pointer;
}

.selectBody:hover {
    background: var(--blue);
}

.selectBodyHead,
.selectBodyItem {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.selectBodyHead img,
.selectBodyItem img {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: calc(34vw / var(--resizer) * 100);
    height: calc(24.5vw / var(--resizer) * 100);
    pointer-events: none;
    border-radius: calc(7vw / var(--resizer) * 100);
}

.selectBodyHead p,
.selectBodyItem p {
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
    text-transform: capitalize;
    pointer-events: none;
}

.selectLanguage p {
    text-transform: uppercase;
}

.selectBody:hover .selectBodyHead p,
.selectBody:hover .selectBodyItem p {
    color: var(--white);
}

.selectBodyHead svg {
    margin: 0 0 0 calc(19.4vw / var(--resizer) * 100);
    width: calc(11.15vw / var(--resizer) * 100);
    height: calc(6.55vw / var(--resizer) * 100);
}

.selectBody.active .selectBodyHead svg {
    transform: scale(1, -1)
}

.selectBodyHead svg path {
    fill: var(--black);
}

.selectBody:hover .selectBodyHead svg path {
    fill: var(--white);
}

.selectCountry {
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(187vw / var(--resizer) * 100);
}

.selectLanguage {
    width: calc(127vw / var(--resizer) * 100);
}
main .container .hide {
    display: none;
}

main .container .hide.show {
    display: flex;
}

main .container button.show {
    border: none;
    cursor: pointer;
}

main.authors .myCnt p {
    margin: calc(20vw / var(--resizer) * 100) 0;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 170%;
    color: var(--black);
}

main.authors .myCnt ul,
main.authors .myCnt ol {
    padding: 0 0 0 calc(20vw / var(--resizer) * 100);
}

main.authors .myCnt li {
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 170%;
    color: var(--black);
}

main.authors .myAside img {
    max-width: 100% !important;
    height: auto !important;
}

main.home h1,
main.home h2 {
    font-style: normal;
    font-weight: 700;
    font-size: calc(32vw / var(--resizer) * 100);
    line-height: 160%;
    color: #1E1F2A;
}

main h1 {
    font-style: normal;
    font-weight: 700;
    font-size: calc(32vw / var(--resizer) * 100);
    line-height: 160%;
    color: #1E1F2A;
}

main h2 {
    margin: calc(64vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24vw / var(--resizer) * 100);
    line-height: 160%;
    color: #1E1F2A;
}

main h3 {
    margin: calc(44vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(22vw / var(--resizer) * 100);
    line-height: 160%;
    color: #1E1F2A;
}

main p {
    margin: calc(8vw / var(--resizer) * 100) 0 0 ;
    font-style: normal;
    font-weight: 400;
    font-size:  calc(16vw / var(--resizer) * 100);
    line-height: 170%;
}

main li,
main td {
    font-style: normal;
    font-weight: 400;
    font-size:  calc(16vw / var(--resizer) * 100);
    line-height: 170%;
}

main.home h2 {
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
}

main.home h3 {
    margin: calc(34vw / var(--resizer) * 100) 0 0 0;
    font-size: calc(27vw / var(--resizer) * 100);
}


main.home h4 {
    margin: calc(27vw / var(--resizer) * 100) 0 0 0;
    font-size: calc(24vw / var(--resizer) * 100);
}

main.home p {
    font-weight: 500;
}



.myAside .authorImg {
    width: 100%;
    height: auto;
    border-radius: calc(8vw / var(--resizer) * 100);
}

main.authors .my h2 {
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24vw / var(--resizer) * 100);
    line-height: 160%;
    color: #1E1F2A;
}

main.authors .my h3 {
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(20vw / var(--resizer) * 100);
    line-height: 160%;
    color: #1E1F2A;
}

.selectCountry .selectBodyHead svg {
    position: absolute;
    right: 10%;
}

.selectBodyRowPar {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(110vw / var(--resizer) * 100);
    opacity: 0;
    visibility: hidden;
}

.selectBodyRow {
    position: relative;
    width: 100%;
    height: calc(110vw / var(--resizer) * 100);
    overflow-y: scroll;
    margin: calc(5vw / var(--resizer) * 100) 0 0 0;
    padding: calc(9vw / var(--resizer) * 100) calc(17vw / var(--resizer) * 100) calc(9vw / var(--resizer) * 100) calc(11vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
}

.selectBody:hover .selectBodyRow {
    background: var(--blue);
}

.selectBody.active .selectBodyRowPar {
    opacity: 1;
    visibility: visible;
}

.selectBodyItem {
    margin: 0 0 calc(9vw / var(--resizer) * 100) 0;
    cursor: pointer;
}

.selectBodyItem:last-child {
    margin: 0;
}

/* rateF */
.rateF {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 calc(20vw / var(--resizer) * 100) calc(200vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);
    overflow-y: scroll;
    height: 90vh;
}

.headerMR .rateF {
    display: none;
}

.rateFh3 {
    display: none;
}

.rateF::-webkit-scrollbar {
    width: 0;
}

.rateF::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.rateFItem {
    padding: calc(20vw / var(--resizer) * 100) 0;
    border-bottom: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
}

.rateFItem:last-child {
    border: 0;
}

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

.rateFSvg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: calc(25vw / var(--resizer) * 100);
}

.rateFSvg1 svg {
    width: calc(14vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.rateFSvg2 svg {
    width: calc(12vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.rateFSvg3 svg {
    width: calc(20vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.rateFTitle {
    font-size: calc(20vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    color: #1E1F2A;
}

.rateFBody {
    position: relative;
    margin: calc(24vw / var(--resizer) * 100) 0 0 calc(35vw / var(--resizer) * 100);
    max-height: calc(22vw / var(--resizer) * 100);
    transition: var(--transition);
    cursor: pointer;
    overflow: hidden;
}

.rateFBody::before {
    content: '';
    position: absolute;
    top: calc(10vw / var(--resizer) * 100);
    right: 0;
    width: calc(12.5vw / var(--resizer) * 100);
    height: calc(7vw / var(--resizer) * 100);
    background: url('../img/png/Down.png') center / cover no-repeat;
    transition: var(--transition);
}

.rateFBodyTitleS {
    display: flex;
    width: calc(300vw / var(--resizer) * 100);
    margin: calc(24vw / var(--resizer) * 100) 0 0 calc(35vw / var(--resizer) * 100);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: var(--transition);
}

.rateFBody.active {
    max-height: calc(1262vw / var(--resizer) * 100);
    transition: var(--transition);
}

.rateFBody.active::before {
    transform: rotate(-180deg);
}

.rateFBodyTitle,
.rateFBodyTitleS {
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #1E1F2A;
}

.main .rateFBodyList {
    margin: calc(10vw / var(--resizer) * 100) 0;
    padding: 0 0 0 calc(20vw / var(--resizer) * 100);
    list-style: none;
}

.rateFBodyList li {
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
    font-weight: 500;
    font-size: calc(15vw / var(--resizer) * 100);
    line-height: calc(18vw / var(--resizer) * 100);
    color: #8B8D9B;
    transition: var(--transition);
}

.rateFBodyList li:hover {
    color: #1E1F2A;
}

.rateFBodyList li a {
    color: inherit;
    text-decoration: none;
    transition: var(--transition);
}

/* Main */
main {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    margin: 0 !important;
    padding: 0 0 calc(60vw / var(--resizer) * 100) 0;
    min-height: 75vh;
}



/* main */
.main .container {
    display: flex;
    flex-direction: column;
}

/* breadcrumbs */
.breadcrumbs {
    display: flex;
    align-items: center;
    margin: calc(21vw / var(--resizer) * 100) 0 calc(36vw / var(--resizer) * 100) 0;
}

.breadcrumbsLink {
    display: flex;
    align-items: center;
    margin: 0 calc(16vw / var(--resizer) * 100) 0 0;
    height: calc(20vw / var(--resizer) * 100);
    text-decoration: none;
}

.breadcrumbsLink:last-child {
    margin: 0;
}

.breadcrumbsLink--home svg,
.breadcrumbsLink--home--current svg {
    width: calc(20vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.breadcrumbsLink--home svg:hover path,
.breadcrumbsLink--home--current svg:hover path {
    fill: var(--blue);
}

.breadcrumbsLink--home svg path {
    fill: var(--black);
    transition: var(--transition);
}

.breadcrumbsLink--home--current svg path {
    fill: var(--grey);
    transition: var(--transition);
}

.breadcrumbsLink--prev svg {
    height: calc(11.15vw / var(--resizer) * 100);
    width: calc(6.55vw / var(--resizer) * 100);
}

.breadcrumbsLink--prev svg path {
    fill: var(--grey);
}

.breadcrumbsLink p {
    margin: 0 0 0 calc(11.72vw / var(--resizer) * 100);
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
}

.breadcrumbsLink--limited p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(250vw / var(--resizer) * 100);
    transition: var(--transition);
}

.breadcrumbsLink--prev p {
    color: var(--grey);
    transition: var(--transition);
}

.breadcrumbsLink--prev p:hover {
    color: var(--blue);
}

.breadcrumbsLink--current {
    color: var(--black);
}

.breadcrumbsLink--current svg {
    height: calc(11.15vw / var(--resizer) * 100);
    width: calc(6.55vw / var(--resizer) * 100);
}

.breadcrumbsLink--current svg path {
    fill: var(--grey);
}

/* brandLinks */
.brandLinks {
    display: flex;
    align-items: center;
    margin: 0 0 calc(15vw / var(--resizer) * 100) 0;
}

.brandLinksBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2% 0 0;
    width: 24%;
    padding: calc(13vw / var(--resizer) * 100);
    text-decoration: none;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 100%;
}

/* mainBody */
.mainBody {
    display: flex;
    flex-direction: column;
    width: calc(790vw / var(--resizer) * 100);
    margin: 0 auto;
}

h1.mainBodyTitle {
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
}

h2.mainBodyTitle {
    margin: calc(48vw / var(--resizer) * 100) 0 calc(10vw / var(--resizer) * 100) 0;
}


main.secondary h1.mainBodyTitle {
    font-size: calc(32vw / var(--resizer) * 100);
}

main.secondary h2.mainBodyTitle {
    margin: calc(48vw / var(--resizer) * 100) 0 calc(10vw / var(--resizer) * 100) 0;
}

main.secondary .mainBodyTitle {
    font-size: calc(27vw / var(--resizer) * 100);
}

.mainBodyTitle {
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: calc(32vw / var(--resizer) * 100);
    line-height: calc(48vw / var(--resizer) * 100);
    color: #1E1F2A;
    flex: 1 1 100%;
}

.mainBodyText {
    font-weight: 500;
    font-size: calc(20vw / var(--resizer) * 100);
    line-height: 170%;
    color: #1E1F2A;
}

main.secondary .mainBodyText {
    font-weight: 400;
}

/* .main li,
.main td {
    font-weight: 400;
    font-size: calc(20vw / var(--resizer) * 100);
    line-height: 170%;
    color: #1E1F2A;
}
 */
.main ul,
.main ol {
    margin: calc(20vw / var(--resizer) * 100) 0 calc(20vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);
}

.main table {
    margin: calc(20vw / var(--resizer) * 100) 0;
}

.mainBodyText-2 {
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 170%;
    color: #1E1F2A;
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
}

.mainBodyText {
    margin: 0 0 calc(24vw / var(--resizer) * 100) 0;
}

.depCashRow {
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
}

.slots-page .depCash {
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}

.bonus .reviewCntHead,
.aAd .reviewCntHead {
    height: auto;
}

.bonus .columnsItems.columnsBonus {
    margin: 0 0 0 calc(20vw / var(--resizer) * 100);
    flex-direction: row;
    width: auto;
}

.mainBody .ytbV .mainTitle,
.ytbV .mainTitle{
    margin: 0;
}

.news-page .columnsItems.columnsBonus {
    flex-direction: row;
}

.slots-page .columnsItems.columnsBonus {
    flex-direction: column;
}

.slots .mainTitle {
    margin: 10px 0 0 0;
}

.depCashRow {
    display: flex;
    flex-direction: column;
}

.depCashHead {
    display: flex;
    justify-content: space-between;
    padding: calc(4.5vw / var(--resizer) * 100) calc(11.5vw / var(--resizer) * 100);
    width: 100%;
    background: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
}

.reviews-Y .depCashHeadTitle,
.depCashHeadTitle {
    font-style: normal;
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-transform: uppercase;
    color: #8B8D9B;
    width: 50%;
}

.depCashRow-2 .depCashHeadTitle,
.depCashRow-2 .depCashItemTitle {
    width: 37%;
}
.depCashRow-2 .depCashHead .depCashHeadTitle:first-child {
    width: 23%;
}
.depCashRow-2 .mainItemCalendar,
.depCashRow-2 .columnsItems.columnsBonus {
    flex-direction: row;
    justify-content: flex-start;
    margin: 0;
    width: 100%;
}
.depCashRow-2 .depCashItem .depCashItemTitle:first-child {
    width: 23%;
}
.depCashRow-2 .depCashItem .depCashItemTitle:last-child {
    color: var(--yellow);
}

.depCashRow-3 .depCashHead .depCashHeadTitle:first-child,
.depCashRow-3 .depCashItem .depCashItemTitle:first-child {
    width: 50%;
}

.depCashRow-3 .depCashItem .depCashItemTitle:last-child {
    color: var(--blue);
}

.depCashRow-3 .depCashHead .depCashHeadTitle,
.depCashRow-3 .depCashItem .depCashItemTitle {
    width: 25%;
}

.depCashItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(6.5vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    border-width: calc(1vw / var(--resizer) * 100);
    border-style: solid;
    border-color: #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    width: 100%;
}

.depCashItemTitle {
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 170%;
    color: var(--black);
    width: 50%;
}

.depCashItemTitleB {
    font-weight: 700;
}

.depCashItemImg {
    width: calc(20vw / var(--resizer) * 100);
    height: calc(15vw / var(--resizer) * 100);
}

.my {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.myAside {
    position: fixed;
    top: 18%;
    width: calc(385vw / var(--resizer) * 100);
    height: auto;
    transition: var(--transition);
    background-color: #ffffff;
    border-radius: calc(12vw / var(--resizer) * 100);
    z-index: 99;
}

.myAsideFix {
    position: static !important;
}

.myAside.head-fix {
    top: 7%;
}

.myAside.active {
    top: -20%;
}

.myAside:first-child {
    left: 8%;
}

.myAside:last-child {
/*     right: 8%; */
	right: 4%;
}

.myAsideItem {
    display: flex;
    flex-direction: column;
    margin: 0 0 calc(46vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100);
    width: 100%;
    text-decoration: none;
}

.myAsideItem:last-child {
    margin: 0;
}

.myAsideTitle {
    margin: 0 0 calc(16vw / var(--resizer) * 100) 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
}
.myAsideItemVid {
    width: 100%;
    height: calc(210vw / var(--resizer) * 100);
    border-radius: calc(12vw / var(--resizer) * 100);
}
.myAsideItemRow {
    display: flex;
    align-items: flex-start;
    margin: calc(13vw / var(--resizer) * 100) 0 0 0;
}
.myAsideItemBodyIco {
    width: calc(36vw / var(--resizer) * 100);
    height: calc(36vw / var(--resizer) * 100);
    border-radius: 50%;
}
.myAsideItemBody {
    margin: 0 0 0 calc(14vw / var(--resizer) * 100);
}
.myAsideItemBodyTitle {
    margin: 0 0 calc(5vw / var(--resizer) * 100) 0;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(16vw / var(--resizer) * 100);
    color: #030303;
}
.myAsideItemBodySubtitle {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(19vw / var(--resizer) * 100);
    color: #606060;
}

.myCnt {
    margin: 0 auto;
    width: calc(790vw / var(--resizer) * 100);
}

/* columns */
.columns {
    display: flex;
    flex-direction: column;
    margin: calc(48vw / var(--resizer) * 100) auto;
    width: 100%;
}

.secondary .columns {
    margin: calc(48vw / var(--resizer) * 100) auto;
}

.columnsTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(4.5vw / var(--resizer) * 100) 0;
    background-color: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
}

.columnsTitles {
    display: flex;
    justify-content: center;
    align-items: center;
}

.columnsTitle {
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    letter-spacing: 0.04em;
    text-transform: uppercase;
/*     color: #8B8D9B; */
	color: #4D4E56;
}

.columnsNumber {
    width: calc(57vw / var(--resizer) * 100);
}

.columnsCasino {
    width: calc(103vw / var(--resizer) * 100);
}

.columnsRating {
    width: calc(107vw / var(--resizer) * 100);
}
.columnsFeedbacks {
    width: calc(129vw / var(--resizer) * 100);
}
.columnsBonus {
    width: calc(137vw / var(--resizer) * 100);
}
.columnsButtons {
    width: calc(257vw / var(--resizer) * 100);
}

.bonuses .bonus .columnsButton {
    width: 100%;
}

.columnsItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(6.5vw / var(--resizer) * 100) 0;
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.columnsFeedbacksW:hover svg path  {
    fill: #ffffff;
}
.columnsBonusW:hover svg path  {
    fill: #ffffff;
}
.columnsPayoutW:hover svg path {
    fill: #ffffff;
}
.columnsWinrateW:hover svg path {
    fill: #ffffff;
}

.columnsFeedbacksW:hover {
    background-color: var(--blue);
}
.columnsBonusW:hover {
    background-color: var(--blue);
}
.columnsPayoutW:hover {
    background-color: var(--blue);
}
.columnsWinrateW:hover {
    background-color: var(--blue);
}


.columnsItemF {
    display: flex;
    align-items: center;
    width: calc(160vw / var(--resizer) * 100);
}

.columnsItemS {
    display: flex;
    align-items: center;
    width: calc(236vw / var(--resizer) * 100);
}

.columnsItemT {
    display: flex;
    align-items: center;
    width: calc(137vw / var(--resizer) * 100);
}

.columnsCasinoP {
    display: none;
}

.columnsItem p {
    cursor: default;
}

.columnsItem:nth-child(2) .columnsNumberY,
.columnsItem:nth-child(3) .columnsNumberY,
.columnsItem:nth-child(4) .columnsNumberY {
    background: var(--blue);
}

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

.columnsNumberY {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: calc(36vw / var(--resizer) * 100);
    height: calc(36vw / var(--resizer) * 100);
    background: var(--black);
    border-radius: calc(8vw / var(--resizer) * 100);
}

.columnsNumberY p {
    margin: 0;
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    text-align: center;
    color: #FFFFFF;
}

.columns p {
    margin-top: 0;
}

.columnsCasinoY {
    width: calc(95vw / var(--resizer) * 100);
    height: calc(44.57vw / var(--resizer) * 100);
	 
}

.columnsItems.columnsRating {
    display: flex;
    justify-content: center;
    align-items: center;
}

.columnsRatingY {
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    font-weight: 600;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
}

.columnsRatingW {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(31vw / var(--resizer) * 100);
}

.columnsRatingW svg {
    margin: 0;
    width: calc(20vw / var(--resizer) * 100);
    height: calc(19.1vw / var(--resizer) * 100);
}

.columnsRatingW svg path {
    fill: #EED13B;
}

.columnsRatingW.rateFo svg:last-child path {
    fill: #B6B7C0;
}

.columnsFeedbacksW {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(10.79vw / var(--resizer) * 100) calc(23vw / var(--resizer) * 100) calc(10.79vw / var(--resizer) * 100) calc(15.5vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(31vw / var(--resizer) * 100);
    transition: var(--transition);
}

.columnsFeedbacksW:hover {
    background: var(--blue);
}

.columnsFeedbacksW svg {
    margin: 0 calc(10.5vw / var(--resizer) * 100) 0 0;
    width: calc(20vw / var(--resizer) * 100);
    height: calc(19.41vw / var(--resizer) * 100);
}

.columnsFeedbacksW svg path {
    fill: var(--black);
}

.columnsFeedbacksW:hover svg path {
    fill: var(--white);
}

.columnsFeedbacksY {
    margin: 0;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
}

.columnsFeedbacksW:hover .columnsFeedbacksY {
    color: var(--white);
}

.columnsItems.columnsBonus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.columnsBonusW {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(31vw / var(--resizer) * 100);
    transition: var(--transition);
}

.columnsBonusW {
    color: var(--black);
}

.columnsBonus:hover .columnsBonusW {
    background: var(--blue);
}

.columnsBonusW svg {
    width: calc(18.38vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.columnsBonusW svg path {
    fill: var(--black);
    transition: var(--transition);
}

.columnsBonus:hover svg path {
    fill: var(--white);
}

.columnsBonusY {
    margin: calc(3vw / var(--resizer) * 100) 0 0 0;
    max-width: 100%;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
    text-align: center;
    cursor: pointer;
}

.columnsItems.columnsPayout {
    display: flex;
    justify-content: center;
    align-items: center;
}

.columnsItems a,
a.columnsItems {
    text-decoration: none;
}

.columnsItems p {
    cursor: pointer;
}

.columnsPayoutW {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(31vw / var(--resizer) * 100);
    transition: var(--transition);
}

.columnsPayout:hover .columnsPayoutW {
    background: var(--blue);
}

.columnsPayoutW svg {
    width: calc(20vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.columnsPayoutW svg path {
    fill: var(--black);
    transition: var(--transition);
}

.columnsPayout:hover svg path {
    fill: var(--white);
}

.columnsPayoutY {
    max-width: 30%;
    white-space: break-spaces;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
}

.columnsItems.columnsWinrate {
    display: flex;
    justify-content: center;
    align-items: center;
}

.columnsWinrateW {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(31vw / var(--resizer) * 100);
    transition: var(--transition);
}

.columnsWinrate:hover .columnsWinrateW {
    background: var(--blue);
}

.columnsWinrateW svg {
    width: calc(12.78vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.columnsWinrateW svg path {
    fill: var(--black);
    transition: var(--transition);
}

.columnsWinrate:hover svg path {
    fill: var(--white);
}

.columnsWinrateY {
    max-width: 30%;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
}

.columnsButtons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 calc(10vw / var(--resizer) * 100);
}

.columnsButtonsY {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(13vw / var(--resizer) * 100) 0;
    border-radius: calc(8vw / var(--resizer) * 100);
    text-decoration: none;

    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
}

.columnsButtonsY:first-child {
    margin: 0 calc(20vw / var(--resizer) * 100) 0 0;
    width: calc(96vw / var(--resizer) * 100);
}

.columnsButtonsY:last-child {
    width: calc(121vw / var(--resizer) * 100);
}

.columnsButton {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
    padding: calc(5.5vw / var(--resizer) * 100) calc(54.5vw / var(--resizer) * 100);
    text-decoration: none;

    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
}

.columns--second .columnsTop .columnsNumber {
    padding: 0 0 0 calc(5vw / var(--resizer) * 100);
    justify-content: flex-start;
}

.columns--second .columnsCasino {
    width: calc(91vw / var(--resizer) * 100);
}

.columns--second .columnsRating {
    width: calc(97vw / var(--resizer) * 100);
}

.columns--second .columnsBonus {
    width: calc(259vw / var(--resizer) * 100);
}

.columns--second .columnsButtons {
    width: calc(287vw / var(--resizer) * 100);
}

.columns--second .columnsItemS {
    width: calc(97vw / var(--resizer) * 100);
}

.columns--second .columnsItemT {
    width: calc(248vw / var(--resizer) * 100);
}

.columns--second .columnsButtonsY:first-child {
    width: calc(111vw / var(--resizer) * 100);
}

.columns--second .columnsButtonsY:last-child {
    width: calc(127vw / var(--resizer) * 100);
}

.columnsItems.columnsPayout,
.columnsItems.columnsWinrate,
.columns--second .columnsFeedbacks {
    display: none;
}

.columns--second .columnsBonus .columnsBonusW {
    padding: calc(5vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);
    width: 90%;
    height: auto;
    min-height: calc(64vw / var(--resizer) * 100);
    background: rgba(6, 229, 122, 0.1);
    border: calc(1vw / var(--resizer) * 100) dashed var(--yellow);
    border-radius: calc(8vw / var(--resizer) * 100);
    text-align: center;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
}

main.review .columnsRatingW,
main.slots-page .columnsRatingW  {
    padding: calc(10.79vw / var(--resizer) * 100) calc(15.5vw / var(--resizer) * 100);
    width: auto;
    height: auto;
}


main.review .columnsRatingW svg,
main.slots-page .columnsRatingW svg {
    margin: 0 calc(6.5vw / var(--resizer) * 100) 0 0;
}

main.review .columnsRatingW svg:last-child,
main.slots-page .columnsRatingW svg:last-child {
    margin: 0;
}

.tr-btns {
    display: flex;
    justify-content: space-between;
    margin: calc(30vw / var(--resizer) * 100) 0 0 0;
}
.reviews-Y .tr-btns:nth-child(1) {
    margin: 0;
}
.tr-btns a {
    margin: 0 0 calc(16vw / var(--resizer) * 100) 0;
    padding: calc(13vw / var(--resizer) * 100) calc(5vw / var(--resizer) * 100);
    width: 32%;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-decoration: none;
    text-align: center;
}

.tr-btns--s {
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
}

.tr-btns--t {
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}

.dn {
    display: none;
}

.ytbSrc {
    margin: calc(16vw / var(--resizer) * 100) 0 0 0;
    width: 100%;
    height: calc(444vw / var(--resizer) * 100);
    cursor: pointer;
}

/* Map */
.map {
    display: none;
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
    width: calc(1371.05vw / var(--resizer) * 100);
    height: calc(902.75vw / var(--resizer) * 100);
    align-self: center;
}

.mapRow {
    position: relative;
    width: 100%;
    height: 100%;
}

.mapImg {
    width: 100%;
    height: 100%;
}

.mapPosition {
    position: absolute;
    width: calc(255vw / var(--resizer) * 100);
    zoom: 80%;
}

.canadaPosition {
    bottom: 61%;
    left: 9%;
}

.polandPosition {
    top: 43.3%;
    left: 53.6%;
}

.mexicoPosition {
    bottom: 42.5%;
    left: 10.9%;
}

.columbiaPosition {
    bottom: 32.9%;
    left: 19.5%;
}

.ecuadorPosition {
    top: 70.1%;
    right: 75.1%;
}

.peruPosition {
    top: 74.7%;
    left: 27.1%;
}

.brazilPosition {
    bottom: 28.6%;
    left: 27.9%;
}

.argentinaPosition {
    bottom: 14.6%;
    left: 21.9%;
}

.chilePosition {
    top: 91.6%;
    right: 73.7%;
}

.nederlandsPosition {
    bottom: 57.1%;
    left: 39.9%;
}

.nederlandsPosition .mapCntRowItem {
    min-width: calc(265vw / var(--resizer) * 100);
}

.czechiaPosition {
    bottom: 53.6%;
    left: 43.9%;
}

.spainPosition {
    bottom: 47.2%;
    left: 38.6%;
}

.indiaPosition {
    bottom: 43.1%;
    left: 60.9%;
}

.africaPosition {
    bottom: 18.1%;
    left: 46.3%;
}

.africaPosition .mapCnt {
    width: calc(280.55vw / var(--resizer) * 100);
}

.africaPosition .mapCnt.active {
    width: calc(405vw / var(--resizer) * 100);
}

.mapPositionTop .mapCnt {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translate3d(0,0,0);
      -webkit-transform: translateX(-50%) translate3d(0,0,0);
      will-change: transform;
}

.mapPositionTopLeft .mapCnt {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translate3d(0,0,0);
      -webkit-transform: translateX(-50%) translate3d(0,0,0);
      will-change: transform;
}

.mapPositionBottom .mapCnt {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translate3d(0,0,0);
      -webkit-transform: translateX(-50%) translate3d(0,0,0);
    will-change: transform;
}

.mapPositionRight .mapCnt {
    top: 50%;
    left: 0;
    transform: translateY(-50%) translate3d(0,0,0);
      -webkit-transform: translateY(-50%) translate3d(0,0,0);
    will-change: transform;
}

.mapPositionLeft .mapCnt {
    top: 50%;
    right: 0;
    transform: translateY(-50%) translate3d(0,0,0);
      -webkit-transform: translateY(-50%) translate3d(0,0,0);
    will-change: transform;
}

.mapPositionTop .mapCnt:before {
    bottom: 0;
    left: 50%;
    transform: rotate(45deg) translate(-6%, 75%);
}

.mapPositionTopLeft .mapCnt:before {
    bottom: 0;
    left: 50%;
    transform: rotate(45deg) translate(91%, -25%);
}

.mapPositionBottom .mapCnt::before {
    top: 0;
    left: 50%;
    transform: rotate(45deg) translate(-75%, 6%);
}

.mapPositionRight .mapCnt:before {
    top: 50%;
    right: 100%;
    transform: rotate(45deg) translate(1%, -68%);
}

.mapPositionLeft .mapCnt:before {
    top: 50%;
    left: 100%;
    transform: rotate(45deg) translate(-71%, 1%);
}

.mapCnt {
    position: absolute;
    width: auto;
    height: calc(47.55vw / var(--resizer) * 100);
    padding: calc(11.75vw / var(--resizer) * 100) calc(11vw / var(--resizer) * 100);
    background: #FFFFFF;
    box-shadow: 0px calc(151vw / var(--resizer) * 100) calc(98vw / var(--resizer) * 100) rgba(20, 0, 66, 0.07), 0px 11.9021px calc(37vw / var(--resizer) * 100) rgba(20, 0, 66, 0.0342799), 0px calc(7vw / var(--resizer) * 100) calc(28vw / var(--resizer) * 100) rgba(20, 0, 66, 0.0310556), 0px calc(3vw / var(--resizer) * 100) calc(15vw / var(--resizer) * 100) rgba(20, 0, 66, 0.0241386);
    border-radius: calc(4vw / var(--resizer) * 100);
    cursor: pointer;
    transition: var(--transition);
}

.mapCnt.active {
    height: calc(222vw / var(--resizer) * 100);
    z-index: 99;
}

.mapCnt::before {
    content: '';
    position: absolute;
    width: calc(16.71vw / var(--resizer) * 100);
    height: calc(16.71vw / var(--resizer) * 100);
    background: #ffffff;
    border-radius: calc(2vw / var(--resizer) * 100);
    transform: rotate(45deg);
    pointer-events: none;
}

.mapCntHead {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
}

.mapCnt.active .mapCntHead {
    justify-content: center;
    pointer-events: none;
}

.mapCntHeadImg {
    position: relative;
    left: 0;
    margin: 0 calc(13vw / var(--resizer) * 100) 0 0;
    width: calc(30vw / var(--resizer) * 100);
    height: calc(20.5vw / var(--resizer) * 100);
    transition: var(--transition);
    pointer-events: none;
}

.mapCnt.active .mapCntHeadImg {
    position: absolute;
    left: -200%;
    pointer-events: none;
}

.mapCntHeadTitle,
.mapCntHeadSpan {
    margin: 0 calc(5vw / var(--resizer) * 100) 0 0;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(27vw / var(--resizer) * 100);
    color: var(--black);
    transition: var(--transition);
    pointer-events: none;
}

.mapCntHeadSpan {
    position: absolute;
    left: -200%;
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
}

.mapCnt.active .mapCntHeadSpan {
    position: relative;
    left: 0;
    transform: scale(1);
    opacity: 1;
    pointer-events: none;
}

.mapCnt.active .mapCntHeadTitle,
.mapCnt.active .mapCntHeadSpan {
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: calc(20vw / var(--resizer) * 100);
    pointer-events: none;
}

.mapCntRow {
    position: relative;
    transition: var(--transition);
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.mapCnt.active .mapCntRow {
    opacity: 1;
    pointer-events: none;
}

.mapCntRowItem {
    display: flex;
    position: absolute;
    left: -200%;
    transform: scale(0);
    justify-content: space-between;
    align-items: center;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(4vw / var(--resizer) * 100);
    min-width: calc(230vw / var(--resizer) * 100);
    transition: .7s all ease-in-out;
    pointer-events: none;
}

.mapCnt.active .mapCntRowItem {
    position: relative;
    left: 0;
    transform: scale(1);
    opacity: 1;
    pointer-events: none;
}

.mapCntRow .mapCntRowItem:first-child .mapCntRowItemPlace {
    background: var(--blue);
    pointer-events: none;
}

.mapCntRow .mapCntRowItem:first-child {
    background: var(--white);
    border-radius: calc(10vw / var(--resizer) * 100);
}

.mapCntRowItemPlace {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(36vw / var(--resizer) * 100);
    height: calc(36vw / var(--resizer) * 100);
    background: var(--black);
    border-radius: calc(8vw / var(--resizer) * 100);
    pointer-events: none;
}

.mapCntRowItemPlace p {
    margin: 0;
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: #FFFFFF;
    pointer-events: none;
}

.mapCntRowItemCover {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 calc(7.76vw / var(--resizer) * 100);
    width: calc(85vw / var(--resizer) * 100);
    height: calc(36vw / var(--resizer) * 100);
    background: #FFFFFF;
    border-radius: calc(8vw / var(--resizer) * 100);
    pointer-events: none;
}

.mapCntRowItemCover img {
    width: calc(69.47vw / var(--resizer) * 100);
    height: calc(36vw / var(--resizer) * 100);
    pointer-events: none;
}

.mapCntRowItemRate {
    font-weight: 600;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    pointer-events: none;
    color: var(--black);
}

.mapCntRowItemStar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    background: #FFFFFF;
    border-radius: calc(31vw / var(--resizer) * 100);
    pointer-events: none;
}

.mapCntRowItemStar img {
    width: inherit;
    height: inherit;
    pointer-events: none;
}


/* Review */
.review {
    padding: 0 0 calc(46vw / var(--resizer) * 100) 0;
}

.reviewRow {
    display: flex;
    justify-content: space-between;
}

.reviewAside {
    display: flex;
    flex-direction: column;
    width: calc(385vw / var(--resizer) * 100);
}

.reviewAsideCover {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(170vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
    overflow: hidden;
}

.review-2 .reviewAsideCover {
    height: calc(225vw / var(--resizer) * 100);
}

.reviewAsideCover img {
    width: 100%;
    height: 100%;
}

.reviewAsideNav {
    display: flex;
    flex-direction: column;
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
    padding: calc(30vw / var(--resizer) * 100);
    max-height: calc(580vw / var(--resizer) * 100);
    overflow-y: scroll;
}

.reviewAsideHead {
    margin: 0 0 calc(4vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100);
    font-weight: 600;
    font-size: calc(20vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
}

.reviewAsideButton {
    display: flex;
    justify-content: flex-start;
    align-content: inherit;
    margin: 0 0 calc(8vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100);
    width: 100%;
    cursor: pointer;
    border-radius: calc(8vw / var(--resizer) * 100);
    transition: var(--transition);

    font-style: normal;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
    background-color: transparent;
    border: none;
    text-decoration: none;
}

.reviewAsideButton:hover {
    background-color: var(--grey);
}

.reviewAsideButton.active {
    background-color: var(--blue);
    color: var(--white);
}

.rightSide {
    display: flex;
    flex-direction: column;
/*     width: 100%; */
	width: 60%;
}
.rightSideItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
/*     padding: calc(15vw / var(--resizer) * 100); */
	padding: calc(5vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #e5e6e8;
}

.rightSideItemImg {
/*     width: calc(166vw / var(--resizer) * 100);
    height: calc(55vw / var(--resizer) * 100); */
    border-radius: calc(8vw / var(--resizer) * 100);
	height:auto;
/* 	width:60%; */
	width:100%;
}
.rightSideItem a {
	text-align:center;
}

.rightSideItemBtn {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    width: calc(166vw / var(--resizer) * 100);
    height: calc(55vw / var(--resizer) * 100);
    text-decoration: none;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    font-weight: 600;
}

.video {
    margin: 0 0 calc(30vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    width: 100%;
    background: var(--yellow);
    border-radius: calc(12vw / var(--resizer) * 100);
    overflow: hidden;
}
.videTitle {
    margin: calc(3vw / var(--resizer) * 100) 0 0 calc(5vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    font-size: calc(24vw / var(--resizer) * 100);
    line-height: 160%;
    color: #FFFFFF;
}
.videoItem {
    position: relative;
    margin: calc(12vw / var(--resizer) * 100) 0 0 0;
    padding: calc(12.5vw / var(--resizer) * 100) calc(17vw / var(--resizer) * 100);
    background: #373844;
    border-radius: calc(8vw / var(--resizer) * 100);
    height: calc(228vw / var(--resizer) * 100);
    cursor: pointer;
}
.videoItemTitle {
    font-style: normal;
    font-weight: 600;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: #FFFFFF;
}
.videoPlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(68vw / var(--resizer) * 100);
    height: calc(68vw / var(--resizer) * 100);
}

.reviewCnt {
    width: calc(790vw / var(--resizer) * 100);
}

.reviewCntHead {
    display: flex;
    flex-direction: column;
    min-height: calc(170vw / var(--resizer) * 100);
}

.reviewCntHead.demo {
    min-height: auto;
}

.reviewCntHead h1 {
    flex: 1 1 100%;
}

.review-2 .reviewCntItems,
.guides .reviewCntItems{
    flex-wrap: wrap;
    justify-content: space-between;
}

.review-2 .reviewCntHead {
    height: auto;
}

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

.reviewCntItemsButtons {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(20vw / var(--resizer) * 100) 0;
    width: 100%;
}

.reviewImg {
    display: none;
}

.providers ._slots {
    margin: calc(32vw / var(--resizer) * 100) auto 0 auto;
}

.review-2 .reviewCntItemsButton,
.guides .reviewCntItemsButton {
/*     width: 24%; */
	  width: fit-content;
}

.guides .reviewCntItems {
    margin: calc(30vw / var(--resizer) * 100) 0;
}

.review-2 .reviewCntItemsFeedbacks {
    margin: 0 calc(20vw / var(--resizer) * 100) 0 0;
}

.review-2 .reviewCntItemsRating {
    margin: 0;
}


.reviewCntItemsButton {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(13vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    width: calc(335vw / var(--resizer) * 100);

    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
	margin-bottom:10px;
}

.guidesRev {
    display: flex;
    flex-direction: column;
}

.guidesRevwBtn {
    margin: 2% 0 0 0;
}

.mainBtn {
    background: var(--yellow);
    color: #FFFFFF;
    border-radius: calc(8vw / var(--resizer) * 100);
    transition: var(--transition);
}

.mainBtn:hover {
    background: #15BE6D;
}

.mainBtn-2 {
    background-color: var(--white);
    color: var(--black);
    border-radius: calc(8vw / var(--resizer) * 100);
    transition: var(--transition);
}

.mainBtn-2:hover {
    color: var(--blue);
}

.reviewCntItemsFeedbacks {
    margin: 0 0 0 calc(20vw / var(--resizer) * 100);
    width: auto;
    cursor: default;
}

.reviewCntItemsRating {
    margin: 0 0 0 calc(20vw / var(--resizer) * 100);
    display: flex;
    align-items: center;
}

.mainTitle {
    padding: calc(64vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(24vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
}

.mainTitle-2 {
    padding: calc(32vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 600;
    font-size: calc(20vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
}

.mainText {
    margin: calc(8vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 170%;
    color: var(--black);
}

.reviews-Y ul,
.reviews-Y ol {
    margin: calc(8vw / var(--resizer) * 100) 0 0 calc(20vw / var(--resizer) * 100);
}

.reviews-Y .img-text {
    width: 100%;
    height: auto;
}

.reviews-Y table {
    margin: calc(20vw / var(--resizer) * 100) 0 0 0;
    width: 100%;
    overflow-x: auto;
}

.reviews-Y li,
.reviews-Y td {
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 150%;
    color: var(--black);
}

.mainItem {
    margin: calc(18vw / var(--resizer) * 100) 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.mainItemL,
.mainItemR {
    display: flex;
    align-items: center;
}
.mainItemCalendar {
    margin: 0 calc(20vw / var(--resizer) * 100) 0 0;
}
.mainItemCalendar,
.mainItemClock,
.mainItemFeedbacks,
.mainItemRating {
    width: auto;
}
.mainItemCalendar p,
.mainItemClock p {
    max-width: 100%;
}


.stat {
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.statItem {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 0 calc(20vw / var(--resizer) * 100) 0;
    padding: calc(13.75vw / var(--resizer) * 100);
    width: calc(250vw / var(--resizer) * 100);
    max-height: calc(136vw / var(--resizer) * 100);
    transition: max-height .5s linear;
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    overflow: hidden;
    cursor: pointer;
}

.statItem.active {
    max-height: calc(550vw / var(--resizer) * 100);
}

.statItemCount {
    font-weight: 700;
    font-size: calc(24vw / var(--resizer) * 100);
    line-height: 160%;
    text-align: center;
}

.statItemTitle {
    margin: 0;
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: #1E1F2A;
}

.statItemCount {
    position: absolute;
    top: calc(35vw / var(--resizer) * 100);
}

.statItemTitle {
    position: absolute;
    top: calc(75vw / var(--resizer) * 100);
}

.statProgress {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: calc(4vw / var(--resizer) * 100);
    text-align: center;
}

.statBarOverflow {
    position: relative;
    width: calc(140vw / var(--resizer) * 100);
    height: calc(70vw / var(--resizer) * 100);
    overflow: hidden;
    border-radius: calc(7vw / var(--resizer) * 100);
}

.statBar {
    position: absolute;
    left: 0;
    width: calc(140vw / var(--resizer) * 100);
    height: calc(140vw / var(--resizer) * 100);
    border-radius: 50%;
    border: calc(10vw / var(--resizer) * 100) solid var(--white);
    transform: rotate(45deg);
}

.statCnt {
    margin: calc(43vw / var(--resizer) * 100) 0 0 0;
    width: 100%;
}

.statCntItem {
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.statCntItemTitle {
    font-style: normal;
    font-weight: 500;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    color: #8B8D9B;
}

.statCntItemCount {
    font-style: normal;
    font-weight: 500;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-align: right;
    color: var(--black);
}

.statCntItemBarOverflow {
    position: relative;
    margin: calc(4vw / var(--resizer) * 100) 0 0 0;
    width: 100%;
    background-color: #E5E6E8;
    height: calc(5vw / var(--resizer) * 100);
    border-radius: calc(5vw / var(--resizer) * 100);
    overflow: hidden;
}

.statCntItemBar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    transition: var(--transition);
    height: 100%;
}

.statCntPerson {
    display: flex;
    margin: calc(17vw / var(--resizer) * 100) 0 0 0;
    padding: calc(17vw / var(--resizer) * 100) 0 0 0;
    border-top: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
}

.statCntPersonImg {
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(45vw / var(--resizer) * 100);
    height: calc(45vw / var(--resizer) * 100);
    border-radius: 50%;
}

.statCntPersonRow {
    display: flex;
    flex-direction: column;
}

.statCntPersonRow p {
    margin: 0;
}

.statCntPersonName {
    font-style: normal;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
    flex: 1 1 100%;
}

.statCntPersonPos {
    font-style: normal;
    font-weight: 500;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    color: #8B8D9B;
}

.statCntPersonText {
    margin: calc(12vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: 150%;
    color: var(--black);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.statItem:nth-child(1) .statBar {
    border-bottom-color: #06E57A;
    border-right-color: #06E57A;
}

.statItem:nth-child(1) .statItemCount {
    color: #06E57A;
}

.statItem:nth-child(1) .statCntItemBar {
    background-color: #06E57A;
}

.statItem:nth-child(2) .statBar {
    border-bottom-color: #EED13B;
    border-right-color: #EED13B;
}

.statItem:nth-child(2) .statItemCount {
    color: #EED13B;
}

.statItem:nth-child(2) .statCntItemBar {
    background-color: #EED13B;
}

.statItem:nth-child(3) .statBar {
    border-bottom-color: #0667EC;
    border-right-color: #0667EC;
}

.statItem:nth-child(3) .statItemCount {
    color: #0667EC;
}

.statItem:nth-child(3) .statCntItemBar {
    background-color: #0667EC;
}

.statItem:nth-child(4) .statBar {
    border-bottom-color: #9C17DB;
    border-right-color: #9C17DB;
}

.statItem:nth-child(4) .statItemCount {
    color: #9C17DB;
}

.statItem:nth-child(4) .statCntItemBar {
    background-color: #9C17DB;
}

.statItem:nth-child(5) .statBar {
    border-bottom-color: #E73168;
    border-right-color: #E73168;
}

.statItem:nth-child(5) .statItemCount {
    color: #E73168;
}

.statItem:nth-child(5) .statCntItemBar {
    background-color: #E73168;
}

.statItem:nth-child(6) .statBar {
    border-bottom-color: #FCA21B;
    border-right-color: #FCA21B;
}

.statItem:nth-child(6) .statItemCount {
    color: #FCA21B;
}

.statItem:nth-child(6) .statCntItemBar {
    background-color: #FCA21B;
}


/* licenseItem */
.lic {
    margin: calc(32vw / var(--resizer) * 100) 0 calc(10vw / var(--resizer) * 100) 0;
}
.licenseItem {
    display: flex;
    align-items: center;
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
    padding: calc(8vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    border-width: calc(1vw / var(--resizer) * 100);
    border-style: solid;
    border-color: #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}
.licenseItem .licenseItemTitle:first-child {
    width: 40%;
}

.licenseItemTitle {
    width: calc(193vw / var(--resizer) * 100);
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
}

.licenseItemText {
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 170%;
    color: var(--black);
    width: 80%;
}


/* security */
.security {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: calc(22vw / var(--resizer) * 100) 0 0 0;
    width: 100%;
    align-items: center;
}

.securityItem {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: calc(20vw / var(--resizer) * 100) 0 0 0;
    width: calc(250vw / var(--resizer) * 100);
    height: calc(84vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    cursor: pointer;
}

.securityImg {
    width: calc(120vw / var(--resizer) * 100);
    height: calc(36vw / var(--resizer) * 100);
}

.securityItem svg {
    position: absolute;
    top: calc(12.5vw / var(--resizer) * 100);
    right: calc(12.5vw / var(--resizer) * 100);
    width: calc(20vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.securityItem svg path {
    fill: var(--white);
    transition: var(--transition);
}

.securityItem:hover svg path {
    fill: var(--yellow);
}


/* prosCons */
.prosCons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
    width: 100%;
}

.prosConsBody {
    display: flex;
    flex-direction: column;
    padding: calc(10vw / var(--resizer) * 100);
    width: calc(385vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.prosConsBody--pros .prosConsBodyTitle {
    background: rgba(6, 229, 122, 0.1);
    color: #15BE6D !important;
}

.prosConsBodyTitle {
    padding: calc(10vw / var(--resizer) * 100) calc(14vw / var(--resizer) * 100);
    width: 100%;
    border-radius: calc(4vw / var(--resizer) * 100);

    text-transform: capitalize;
    font-style: normal;
    font-weight: 600 !important;
    font-size: calc(18vw / var(--resizer) * 100) !important;
    line-height: 160%;
}

.prosConsBodyItem {
    display: flex;
    align-items: center;
    width: 100%;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(8vw / var(--resizer) * 100) 0 calc(8vw / var(--resizer) * 100) calc(14vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
}

.prosConsBodyItem svg {
    margin: 0 calc(13vw / var(--resizer) * 100) 0 0;
    width: calc(18.88vw / var(--resizer) * 100);
    height: calc(19.54vw / var(--resizer) * 100);
}

.prosConsBodyItemTitle {
    width: 100%;
    font-weight: 500;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    color: var(--black);
}

.prosConsBody--cons .prosConsBodyTitle {
    background: rgba(231, 49, 104, 0.1);
    color: #E73168 !important;
}


/* bonus */
.bonus {
    display: flex;
    flex-direction: column;
    margin: calc(12vw / var(--resizer) * 100) 0;
}

.bonusRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.bonusItem {
    display: flex;
    flex-direction: column;
    margin: calc(20vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    width: calc(250vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.bonusItemTop {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bonusItemTopW {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(6vw / var(--resizer) * 100) 0 0;
    width: calc(41vw / var(--resizer) * 100);
    height: calc(41vw / var(--resizer) * 100);
    background: rgba(6, 229, 122, 0.1);
    border-radius: calc(31vw / var(--resizer) * 100);
}

.bonusItemTopW svg {
    width: calc(18.38vw / var(--resizer) * 100);
    height: calc(20vw / var(--resizer) * 100);
}

.bonusItemTopW svg path {
    fill: var(--yellow);
}

.bonusItemTopTitle {
    font-style: normal;
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-transform: uppercase;
    color: #8B8D9B;
}

.bonusItemImg {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    width: calc(152vw / var(--resizer) * 100);
    height: calc(37.52vw / var(--resizer) * 100);
    align-self: center;
}

.bonusItemText {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: var(--black);
    flex: 1 1 auto;
}

.bonusItemButton {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(13vw / var(--resizer) * 100);
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.bonusButton {
    margin: calc(16vw / var(--resizer) * 100) 0 0 0;
    padding: calc(5.5vw / var(--resizer) * 100);
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    width: 100%;
    text-align: center;
    text-decoration: none;
    align-self: center;
}

/* mobileApp */
.mobileApp {
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}

.mobileAppRow {
    display: flex;
    justify-content: space-between;
}

.mobileAppItem {
    display: flex;
    flex-direction: column;
    padding: calc(10vw / var(--resizer) * 100);
    width: calc(385vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.mobileAppItemTitle {
    font-style: normal;
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: var(--black);
}

.mobileAppItemDi {
    margin: calc(10vw / var(--resizer) * 100) 0 calc(5vw / var(--resizer) * 100) 0;
    width: 100%;
    height: calc(581vw / var(--resizer) * 100);
    border-radius: calc(4vw / var(--resizer) * 100);
}

.mobileAppItemText {
    margin: calc(5vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100) 0 calc(10vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    color: var(--black);
}

/* finance */
.finance {
    display: flex;
    flex-direction: column;
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}

.finance p {
    margin: 0;
}

.financeTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(4.5vw / var(--resizer) * 100) calc(5vw / var(--resizer) * 100);
    width: 100%;
    background: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
}

.financeTopTitle {
    font-style: normal;
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8B8D9B;
}

.financeMethod {
    width: calc(168vw / var(--resizer) * 100);
}

.financeTime {
    width: calc(164vw / var(--resizer) * 100);
}

.financeMax {
    width: calc(175vw / var(--resizer) * 100);
}

.financeMin {
    width: calc(164vw / var(--resizer) * 100);
}

.financeFree {
    width: calc(119vw / var(--resizer) * 100);
}

.financeItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(13vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    border-width: calc(1vw / var(--resizer) * 100);
    border-style: solid;
    border-color: #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.financeTimeSubtitle,
.depositFreeSubtitle {
    display: none;
}

.financeItemTitle {
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: var(--black);
}

.financeItemTitle--bold {
    font-weight: 600;
    text-align: left;
}

.financeItemTitle--y {
    color: #15BE6D;
}

/* deposit */
.deposit {
    display: flex;
    flex-direction: column;
    margin: calc(24vw / var(--resizer) * 100)  0;
}

.deposit p {
    margin: 0;
}

.depositRow {
    display: flex;
    flex-direction: column;
}

.depositTop {
    display: flex;
    justify-content: space-between;
    padding: calc(4.5vw / var(--resizer) * 100) 0;
    align-items: center;
    background: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
}

.depositTopTitle {
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8B8D9B;
}

.depositMethod {
    width: calc(158vw / var(--resizer) * 100);
}

.depositDesc {
    width: calc(137vw / var(--resizer) * 100);
}

.depositFree {
    width: calc(118vw / var(--resizer) * 100);
}

.depositTime {
    width: calc(133vw / var(--resizer) * 100);
}

.depositLimits {
    width: calc(244vw / var(--resizer) * 100);
}

.depositItem {
    display: flex;
    justify-content: space-between;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(2.72vw / var(--resizer) * 100) 0;
    align-items: center;
    border-width: calc(1vw / var(--resizer) * 100);
    border-style: solid;
    border-color: #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.depositItem .depositMethod {
    display: flex;
    justify-content: center;
    align-items: center;
}

.depositItemImg {
    width: calc(95vw / var(--resizer) * 100);
    height: calc(44.57vw / var(--resizer) * 100);
    text-align: center;
}

.depositItemTitle {
    font-style: normal;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: var(--black);
}

.depositItemTitle--y {
    color: #15BE6D;
}

.depositItem .depositLimits {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.depositButton {
    margin: calc(16vw / var(--resizer) * 100) 0 0 0;
    padding: calc(5.5vw / var(--resizer) * 100);
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    width: 100%;
    text-align: center;
    text-decoration: none;
    align-self: center;
}

/* support */
.support {
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}

.supportRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.supportItem {
    display: flex;
    flex-direction: column;
    margin: calc(20vw / var(--resizer) * 100) 0 0 0;
    padding: calc(37vw / var(--resizer) * 100) 0 calc(27.5vw / var(--resizer) * 100) 0;
    width: calc(250vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.supportItemTitle {
    margin: 0 0 calc(12vw / var(--resizer) * 100) 0;
    font-style: normal;
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: var(--black);
}

.supportItem img {
    align-self: center;
    width: calc(29.44vw / var(--resizer) * 100);
    height: calc(35.46vw / var(--resizer) * 100);
}

/* FAQ */
.faqR p {
    margin: 0;
}

.faqR {
    display: flex;
    flex-direction: column;
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
    width: 100%;
}

.faqItem {
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
   max-height: calc(69vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    cursor: pointer;
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    overflow: hidden;
    transition: max-height 0.3s ease-in;
}

.faqItem.active {
    max-height: calc(500vw / var(--resizer) * 100);
    transition: max-height 0.5s linear;
}

.faqItemHead {
	min-height: calc(69vw / var(--resizer) * 100);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(13vw / var(--resizer) * 100) calc(19vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    background-color: #ffffff;
    transition: var(--transition);
}

.faqItem.active .faqItemHead {
    background-color: var(--blue);
}

.faqItemTitle {
    font-style: normal;
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
    transition: var(--transition);
}

.faqItem.active .faqItemTitle {
    color: #ffffff;
}

.faqItemHead svg {
    width: calc(11.15vw / var(--resizer) * 100);
    height: calc(6.34vw / var(--resizer) * 100);
    transition: var(--transition);
}

.faqItem.active .faqItemHead svg {
    transform: scale(1, -1);
}

.faqItemHead svg path {
    fill: var(--black);
    transition: var(--transition);
}

.faqItem.active .faqItemHead svg path {
    fill: #ffffff;
}

.faqItemCnt {
    padding: calc(12vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    background-color: var(--white);
}

.faqItemText {
    font-style: normal;
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: 150%;
    color: var(--black);
}

/* E-A */
.e-a {
    margin: calc(64vw / var(--resizer) * 100) 0 0 0;
    padding: calc(64vw / var(--resizer) * 100) 0 0 0;
    border-top: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
}

.e-a.d-n {
    display: none;
}

.e-aRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.e-aItem {
    margin: 0 0 2% 0;
    padding: calc(10vw / var(--resizer) * 100);
    width: calc(385vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    text-decoration: none;
}

.e-aItemHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.e-aItemEA {
    display: flex;
    align-items: center;
}

.e-aItemEAImg {
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(45vw / var(--resizer) * 100);
    height: calc(45vw / var(--resizer) * 100);
}

.e-aItemEABody {
    display: flex;
    flex-direction: column;
}

.e-aItemEABody p {
    margin: 0;
}

.e-aItemEABodyName {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
    flex: 1 1 100%;
}

.e-aItemEABodyPos {
    font-style: normal;
    font-weight: 500;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    color: #8B8D9B;
}

.e-aItemRate {
    display: flex;
    align-items: center;
}

.e-aItemRateCount {
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    font-style: normal;
    font-weight: 600;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
}

.e-aItemRateW {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(31vw / var(--resizer) * 100);
}

.e-aItemRateW svg {
    width: calc(20vw / var(--resizer) * 100);
    height: calc(19.1vw / var(--resizer) * 100);
}

.e-aItemRateW svg path {
    fill: var(--yellow);
}

.e-aItemText {
    margin: calc(20vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100) calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: 150%;
    color: var(--black);
}

.e-aItemText p {
    margin: 0;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

/* guides */
.guides {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.guidesRow {
    margin: 0 auto;
    max-width: calc(790vw / var(--resizer) * 100);
    width: 100%;
}

.images {
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
}

.images-2 {
    display: flex;
    justify-content: space-between;
}

.images-2 img {
    width: 49%;
    height: calc(188vw / var(--resizer) * 100);
}

.images-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.images-1 img {
    width: 100%;
    min-height: calc(188vw / var(--resizer) * 100);
    height: auto;
}

.guidesRow .reviewCntHead {
    height: auto;
}

.reviews-Y {
    margin: calc(30vw / var(--resizer) * 100) 0 0 0;
}

main.guides .reviews-Y {
    margin: 0;
}
/* steps */
.steps {
    width: 100%;
}

.stepsRow {
    display: flex;
    flex-direction: column;
}

.stepsFBX .stepsRow {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.stepsItem {
    display: flex;
    align-items: center;
    margin: calc(24vw / var(--resizer) * 100) 0 0 0;
}

.stepsFBX .stepsRow .stepsItem {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(20vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    width: 49%;
    background: #FFFFFF;
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.stepsItemW {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    border-radius: 50%;
    background-color: var(--white);
}

.stepsFBX .stepsRow .stepsItemW {
    width: calc(35vw / var(--resizer) * 100);
    height: calc(35vw / var(--resizer) * 100);
}

.stepsItemW svg {
    width: calc(23vw / var(--resizer) * 100);
    height: calc(17.1vw / var(--resizer) * 100);
}

.stepsFBX .stepsRow .stepsItemW svg {
    width: calc(20vw / var(--resizer) * 100);
    height: calc(14.1vw / var(--resizer) * 100);
}

.stepsItemCount {
    font-style: normal;
    font-weight: 600;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
}

.stepsItemText {
    width: 80%;
    font-style: normal;
    font-weight: 500 !important;
    font-size: calc(16vw / var(--resizer) * 100) !important;
    line-height: calc(24vw / var(--resizer) * 100) !important;
    color: var(--black);
}


/* News */
.news {
    display: flex;
    flex-direction: column;
    max-width: calc(790vw / var(--resizer) * 100);
    margin: 0 auto;
    width: 100%;
}

.newsRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newsItem {
    display: flex;
    flex-direction: column;
    margin: calc(30vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    width: calc(385vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    text-decoration: none;
}

.newsItemImg {
    width: 100%;
    height: calc(230vw / var(--resizer) * 100);
    border-radius: calc(4vw / var(--resizer) * 100);
}

.newsItemTitle {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
    transition: var(--transition);
}

.newsItem:hover .newsItemTitle {
    color: var(--blue);
    text-decoration: underline;
    text-decoration-color: var(--blue);
}

.newsItemData {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: calc(25vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
}

.newsItemDate,
.newsItemTime {
    font-style: normal;
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-transform: uppercase;
    color: #8B8D9B;
}

.newsItemDate {
    text-align: left;
}

.newsItemTime {
    text-align: right;
}

.newsBtn {
    margin: calc(20vw / var(--resizer) * 100) 0 0 0;
    padding: calc(5.5vw / var(--resizer) * 100);
    width: 100%;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    align-self: center;
    text-decoration: none;
    text-align: center;
}

/* slots */
.slots {
    display: flex;
    flex-direction: column;
}

._slots {
    display: flex;
    flex-direction: column;
    margin: calc(20vw / var(--resizer) * 100) auto 0 auto;
    max-width: calc(790vw / var(--resizer) * 100);
    width: 100%;
}

.slotsRow {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.slotsRow.notFull {
    justify-content: flex-start;
}

.slotsRow.notFull .slotsItem {
    margin: 0 calc(10vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100) 0;
}

.slotsItem {
    display: flex;
    flex-direction: column;
    width: 32%;
    margin: 0 0 calc(20vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.slotsItemImg {
    width: 100%;
    height: calc(110vw / var(--resizer) * 100); 
    border-radius: calc(4vw / var(--resizer) * 100);
}

/*._ratings_slots .slotsItemImg {*/
/*    height: calc(150vw / var(--resizer) * 100) !important;*/
/*}*/

.slotsItemTitle {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
    text-decoration: none;
    transition: var(--transition);
    flex: 1;
}

.slotsItemW {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: calc(5vw / var(--resizer) * 100) 0 0 0;
    padding: 0 0 calc(7vw / var(--resizer) * 100) 0;
}

.slotsItemJ {
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 160%;
    color: #8B8D9B;
}

.slotsItemRate {
    width: 50%;
    font-style: normal;
    font-weight: 600;
    text-align: right;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
}

.slotsItemButton {
    margin: calc(8vw / var(--resizer) * 100) 0 0 0;
    padding: calc(13vw / var(--resizer) * 100) 0;

    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.slotsButton {
    padding: calc(5.5vw / var(--resizer) * 100) 0;
    width: 100%;
    align-self: center;
    text-decoration: none;
    text-align: center;

    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
}

/* characteristics */
.characteristics {
    display: flex;
    flex-direction: column;
}
.characteristicsRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}
.characteristicsItem {
    display: flex;
    flex-direction: column;
    margin: 0 0 calc(20vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100);
    width: calc(183vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    cursor: pointer;
}
.characteristicsImg {
    margin: 0 0 calc(16vw / var(--resizer) * 100) 0;
    width: calc(41vw / var(--resizer) * 100);
    height: calc(41vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    align-self: center;
    text-align: center;
}
.characteristicsName {
    margin: 0 0 calc(5vw / var(--resizer) * 100) 0;
    text-align: center;
    align-self: center;
    font-style: normal;
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-transform: uppercase;
    color: #8B8D9B;
}
.characteristicsText {
    position: relative;
    left: 8%;
    text-align: center;
    align-self: center;
    font-style: normal;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    color: var(--black);
    transition: var(--transition);
}

.characteristics-2Item .characteristicsText {
    position: static;
}

.characteristicsItem:hover .characteristicsText {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--blue);
    width: 100%;
}
.characteristicsItem:hover .characteristicsText svg {
    opacity: 1;
}
.characteristicsItem:hover .characteristicsText svg path {
    fill: var(--blue);
}


.characteristics-2Item:hover .characteristicsText {
    position: static;
    color: var(--blue);
}

.characteristicsText svg {
    margin: 0 0 0 calc(5.72vw / var(--resizer) * 100);
    width: calc(22.30vw / var(--resizer) * 100);
    height: calc(13vw / var(--resizer) * 100);
    opacity: 0;
    transition: var(--transition);
}

.slotsImg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: calc(32vw / var(--resizer) * 100) 0;
    width: 100%;
    height: calc(443vw / var(--resizer) * 100);
    overflow: hidden;
    border-radius: calc(8vw / var(--resizer) * 100);
}
.themeImg {
    width: 100%;
    height: 100%;
}
.characteristics-2Item {
    margin: calc(25vw / var(--resizer) * 100) 0 0 0;
    width: calc(250vw / var(--resizer) * 100);
}
.symPI {
    display: flex;
    flex-direction: column;
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}
.symPIHead {
    display: flex;
    padding: calc(4.5vw / var(--resizer) * 100) calc(5vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
}
.symPIHeadTitle {
    font-style: normal;
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-transform: uppercase;
    color: #8B8D9B;
}
.symPIHeadTitle:first-child {
    width: 35%;
}
.symPIHeadTitle:last-child {
    width: 65%;
}
.symPIItem {
    display: flex;
    align-items: center;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    border-width: calc(1vw / var(--resizer) * 100);
    border-style: solid;
    border-color: #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}
.symPIItemL {
    display: flex;
    align-items: center;
    width: 35%;
}
.symPIItemLImg {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: calc(50vw / var(--resizer) * 100);
    height: calc(50vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
}
.symPIItemLTitle {
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
}
.symPIItemR {
    width: 65%;
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 170%;
    color: var(--black);
}

/* GAR */
.GAR {
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
}

.GARItem {
    display: flex;
    align-items: flex-start;
    margin: calc(20vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    width: 100%;
    background: #FFFFFF;
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}

.GARImg {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: calc(110vw / var(--resizer) * 100);
    height: calc(98vw / var(--resizer) * 100);
    border-radius: calc(4vw / var(--resizer) * 100);
}

.GARItemR {
    display: flex;
    flex-direction: column;
    width: 80%;
}

.GARItemLTitle {
    margin: 0 0 calc(8vw / var(--resizer) * 100) 0;
    font-style: normal;
    font-weight: 600;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: #1E1F2A;
}

.GARItemText {
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 170%;
    color: #1E1F2A;
}

/* best casino */
.bestCasino {
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}
.bestCasinoRow {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: calc(18vw / var(--resizer) * 100) 0 0 0;
}
.bestCasinoItem {
    display: flex;
    flex-direction: column;
    margin: calc(20vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    width: calc(250vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
}
.bestCasinoItemHead {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(157vw / var(--resizer) * 100);
    border-radius: calc(4vw / var(--resizer) * 100);
}
.bestCasinoItemHead::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0.96deg, rgba(30, 31, 42, 0.94) 3.28%, rgba(30, 31, 42, 0.8836) 30.56%, rgba(30, 31, 42, 0) 57.6%);
    border-radius: calc(4vw / var(--resizer) * 100);
    z-index: 2;
}
.bestCasinoItemImg {
    width: 100%;
    height: 100%;
    border-radius: calc(4vw / var(--resizer) * 100);
}
.bestCasinoItemLogo {
    position: absolute;
    left: calc(10.5vw / var(--resizer) * 100);
    bottom: -10%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(67vw / var(--resizer) * 100);
    height: calc(67vw / var(--resizer) * 100);
    background: #ffffff;
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    z-index: 2;
}
.bestCasinoItemLogoImg {
    width: 100%;
    height: auto;
}
.bestCasinoItemTitle {
    margin: calc(24vw / var(--resizer) * 100) 0 calc(12vw / var(--resizer) * 100) 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
}
.bestCasinoItemB {
    display: flex;
    flex: 1;
    align-items: center;
    margin: 0 0 calc(15vw / var(--resizer) * 100) 0;
    width: 100%;
}
.bestCasinoItemBImg {
    margin: 0 calc(7.5vw / var(--resizer) * 100) 0 0;
    width: calc(15vw / var(--resizer) * 100);
    height: calc(11.19vw / var(--resizer) * 100);
}
.bestCasinoItemBTitle {
    margin: 0;
    font-style: normal;
    font-weight: 500;
    font-size: calc(12vw / var(--resizer) * 100);
    line-height: calc(18vw / var(--resizer) * 100);
    color: var(--black);
    width: 80%;
}
.bestCasinoItemButton {
    margin: calc(8vw / var(--resizer) * 100) 0 0 0;
    padding: calc(13vw / var(--resizer) * 100);
    text-align: center;
    text-decoration: none;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
}

/* providers */
.providers .mainTitle {
    padding: calc(48vw / var(--resizer) * 100) 0 0 0;
}
.providers .licenseItem .licenseItemTitle:first-child {
    width: 40%;
}
.providersLicense {
    margin: calc(32vw / var(--resizer) * 100) 0;
}
.providers .licenseItem .licenseItemTitle:last-child {
    width: 60%;
}

/* mainArea */
.mainArea {
    margin: calc(32vw / var(--resizer) * 100) 0;
    padding: calc(19vw / var(--resizer) * 100) calc(34vw / var(--resizer) * 100);
    border-left: calc(7vw / var(--resizer) * 100) solid #0667EC;
    border-radius: calc(8vw / var(--resizer) * 100);
    background-color: var(--white);
}
.mainAreaText {
    font-style: normal;
    font-weight: 400;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: var(--black);
}
.mainAreaSpan {
    font-weight: bold;
}

/* Authors */
/* .authorsNav.st {
    display: none;
} */
main.authors .authorsNav.st {
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
    min-height: calc(52vw / var(--resizer) * 100);
}

main.authors .authorsNav.st ul {
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

main.authors .authorsNav.st ul li {
    width: 48%;
}

main.authors .authorsNav,
main.authors .authorsNav ul {
    display: flex;
    flex-direction: column;
    width: 100%;
}

main.authors .authorsNav li {
    display: flex;
    justify-content: space-between;
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
    padding: calc(8vw / var(--resizer) * 100) calc(21vw / var(--resizer) * 100) calc(8vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    min-height: calc(40vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    align-items: center;
    font-style: normal;
    list-style: none;
    color: #1E1F2A;
}
main.authors .authorsNav li:last-child {
    margin: 0;
}
main.authors .authorsNav li a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

main.authors .authorsNav li a p {
    margin: 0;
    font-weight: 500;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: calc(24vw / var(--resizer) * 100);
    color: inherit;
}

main.authors .authorsNav li a svg {
    height: calc(11.15vw / var(--resizer) * 100);
    width: calc(6.55vw / var(--resizer) * 100);
}

.authorsR {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
}
.authorsR a {
    text-decoration: none;
}
.authorsItem {
    display: flex;
    flex-direction: column;
    margin: 0 0 calc(20vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer) * 100);
    width: 32%;
}
.authorsImg {
    width: 100%;
    height: calc(230vw / var(--resizer) * 100);
}
.authorsImg img {
    width: 100%;
    height: 100%;
}
.authorsTitle {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(18vw / var(--resizer) * 100);
    color: #1E1F2A;
}
main.authors .my .authorsText {
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: 150%;
    color: #8B8D9B;
    
    overflow: hidden;
}
.authorsTextCon {
    margin: calc(5vw / var(--resizer) * 100) 0 0 0;
    max-height: calc(100vw / var(--resizer) * 100);
    flex: 1;
    overflow: hidden;
}
.authorsBtn {
    display: flex;
    justify-content: center;
    margin: calc(12vw / var(--resizer) * 100) 0 0 0;
    padding: calc(13vw / var(--resizer) * 100);
    
    font-weight: 600;
    font-size: calc(16vw / var(--resizer) * 100);
    line-height: 160%;
    text-align: center;
    color: #FFFFFF;
}
.myCntError {
    display: flex;
    flex-direction: column;
}
.errorSubtitle {
    color: #15BE6D;
    font-size: calc(18vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    align-self: center;
}

.myCntError h1 {
    color: #15BE6D;
    font-size: calc(200vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    align-self: center;
}

.myCntError h1 span {
    color: var(--black);
}

.myCntError .btn {
    margin: calc(30vw / var(--resizer) * 100) 0 0 0;
    padding: calc(13vw / var(--resizer) * 100) calc(51vw / var(--resizer) * 100);
    align-self: center;
}

.myCntErrorRow {
    margin: calc(64vw / var(--resizer) * 100) 0 0 0;
}

.myCntErrorRow h4 {
    color: #1E1F2A;
    font-size: calc(32vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.myCntErrorRow .newsItemTitle {
    padding: 0;
    margin: 0;
}

.newsItemText {
    color: #8B8D9B;
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* Contact Form */
._cForm {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: calc(48vw / var(--resizer) * 100) 0;
    padding: calc(30vw / var(--resizer) * 100) calc(18vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #0667EC;
}

._cFormBody {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(473vw / var(--resizer) * 100);
    z-index: 2;
}

._cFormHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 calc(26vw / var(--resizer) * 100) 0;
}

._cFormHeadTitle {
    margin: 0 calc(40vw / var(--resizer) * 100) 0 0;
 /*    font-size: calc(24vw / var(--resizer) * 100); */
    font-size: calc(20vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    color: #ffffff;
}

._cFormHeadB {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(10vw / var(--resizer) * 100) calc(12vw / var(--resizer) * 100);
    border-radius: calc(52vw / var(--resizer) * 100);
    background: rgba(255, 255, 255, 0.25);
}

._cFormHeadB svg {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: calc(24vw / var(--resizer) * 100);
    height: calc(24vw / var(--resizer) * 100);
}

._cFormHeadB span {
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #ffffff;
}

._cForm input, 
._cForm textarea {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(13vw / var(--resizer) * 100) calc(16vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #FFF;
    border: none;
    
    
    font-family: 'Poppins', sans-serif;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #000000;
}

._cForm input:placeholder, 
._cForm textarea:placeholder {
    color: #8B8D9B;
}

._cFormsBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: calc(13vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    text-decoration: none;
    
    text-align: center;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

._cFormImgText {
    position: absolute;
    right: calc(10vw / var(--resizer) * 100);
    top: calc(-10vw / var(--resizer) * 100);
    display: flex;
    width: calc(400vw / var(--resizer) * 100);
    height: calc(300vw / var(--resizer) * 100);
    z-index: 1;
}

._cFormImgText img {
    width: inherit;
    height: inherit;
}

/* Footer */
.footer {
    position: relative;
    padding: calc(33.5vw / var(--resizer) * 100) 0 calc(10.5vw / var(--resizer) * 100) 0;
    background-color: var(--black);
    border-top: calc(50vw / var(--resizer) * 100) solid #ffffff;
    overflow: hidden;
    z-index: 999;
}

.footerRow {
    display: flex;
    padding: 0 0 calc(36vw / var(--resizer) * 100) 0;
    border-bottom: calc(1vw / var(--resizer) * 100) solid rgba(139, 141, 155, 0.1);
}

.footerRowSite {
    display: flex;
    flex-direction: column;
}

.footerLogo {
    margin: 0 0 calc(8.5vw / var(--resizer) * 100) 0;
    width: calc(234vw / var(--resizer) * 100);
    height: calc(28.96vw / var(--resizer) * 100);
    transition: var(--transition);
}

.footerLogo img {
    width: inherit;
    height: inherit;
}

.footerLogo:hover {
    transform: scale(1.05);
}

.footerRowSiteTitle {
    max-width: calc(307vw / var(--resizer) * 100);
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: 150%;
    color: var(--grey);
}

.footerSelect {
    margin: calc(96.5vw / var(--resizer) * 100) 0 0 0;
}

.footerSelect .selectBody,
.footerSelect .selectBodyRow {
    background: #373844;
}

.footerSelect .selectBody:hover {
    background: var(--blue);
}

.footerSelect .selectBodyHead p,
.footerSelect .selectBodyItem p {
    color: var(--white);
}

.footerSelect .selectBodyHead svg path {
    fill: var(--white);
}

.footerMenu {
    display: flex;
    margin: 0 0 0 calc(94vw / var(--resizer) * 100);
    flex-wrap:wrap;
    
}

.footerMenuLi {
    margin: 0 calc(41vw / var(--resizer) * 100) 10px 0;
    font-weight: 600;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    text-transform: uppercase;
    color: #FFFFFF;
    list-style: none;
    transition: var(--transition);
}

.footerMenuLi svg {
    display: none;
}

.footerMenuLi:last-child {
    margin: 0;
}

.footerMenuLiA {
    color: inherit;
    text-decoration: none;
}

.footerMenuDropdown {
    display: flex;
    flex-direction: column;
    transition: var(--transition);
}

.footerMenuDropDownA {
    margin: calc(13vw / var(--resizer) * 100) 0 0 0;
    font-weight: 500;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: calc(21vw / var(--resizer) * 100);
    color: #8B8D9B;
    text-decoration: none;
    text-transform: capitalize;
}

.footerRights {
    display: flex;
    flex-direction: column;
    margin: calc(24vw / var(--resizer) * 100) 0 0 0;
}

.footerRightsTitle {
    margin: 0 0 calc(5vw / var(--resizer) * 100) 0;
    font-weight: 400;
    font-size: calc(14vw / var(--resizer) * 100);
    line-height: 150%;
    text-align: center;
    color: var(--grey);
    align-self: center;
}

.footer {
    will-change: transform;
}
.footer > * {
    will-change: transform;
}

/* footerRowTop */
.footerRowTop {
    justify-content: center;
    padding: 0 0 calc(40vw / var(--resizer) * 100) 0;
    margin: 0 0 calc(40vw / var(--resizer) * 100) 0;
}
.footerRowTop .footerMenu {
    flex-direction: column;
}

.footerRowTop  p.footerMenuLi {
    margin: 0 0 calc(20vw / var(--resizer) * 100) 0;
    color: var(--grey);
}
/* footerRowTop */

@keyframes header-a {
    0% {
        opacity: 0;
        top: -70px;
    }
    
    100% {
        opacity: 1;
        top: 0;
    }
}

/* add style */
.slotsItem__main {
    width:19%;
    padding:0;
    border:none;
}

/*CityOut*/
/* cityOu */
.cityOu {
    display: flex;
    flex-direction: column;
    margin: calc(48vw / var(--resizer) * 100) 0 0 0;
}

.cityOuItem {
    margin: 0 0 calc(20vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    background: #FFF;
    width: 100%;
}

.cityOuTop {
    display: flex;
    margin: 0 0 calc(20vw / var(--resizer) * 100) 0;
    padding: 0 0 calc(20vw / var(--resizer) * 100) 0;
    border-bottom: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
}

.cityOuImg {
    margin: 0 calc(26vw / var(--resizer) * 100) 0 0;
    width: calc(230vw / var(--resizer) * 100);
    height: calc(117vw / var(--resizer) * 100);
    border-radius: calc(4vw / var(--resizer) * 100);
}

.cityOuBody {
    display: flex;
    flex-direction: column;
}

.cityOuTitle {
    margin: 0 0 calc(16vw / var(--resizer) * 100) 0;
    font-size: calc(18vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #1E1F2A;
}

.cityOuRow {
    display: flex;
    align-items: flex-start;
}

.cityOuSubItem {
    display: flex;
}

.cityOuSubItemW {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    background: #F2F2F2;
    border-radius: 50%;
}

.cityOuRow .cityOuSubItem:first-child {
    width: 55%;
    align-items: flex-start;
}

.cityOuRow .cityOuSubItem:last-child {
    width: 43%;
    align-items: center;
}

.cityOuRow .cityOuSubItemW svg {
    width: calc(25vw / var(--resizer) * 100);
    height: calc(25vw / var(--resizer) * 100);
}

.cityOuSubItemText {
    font-size: calc(15vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #1E1F2A;
    flex: 1;
}

.cityOuText {
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 400;
    color: #1E1F2A;
}
/* cityOu */
/*CityOut*/
/*reviewAsideCover*/

.reviewAsideCover {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(170vw / var(--resizer) * 100);
    background: var(--white);
    border-radius: calc(8vw / var(--resizer) * 100);
    overflow: hidden;
}

.review-2 .reviewAsideCover {
    height: calc(225vw / var(--resizer) * 100);
}

.reviewAsideCover img {
    width: 100%;
    height: 100%;
}

.reviewAsideCover .reviewAsideCoverRate {
    position: absolute;
    top: calc(12vw / var(--resizer) * 100);
    right: calc(10vw / var(--resizer) * 100);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.reviewAsideCover .reviewAsideCoverCount {
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    font-size: calc(18vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    color: var(--black);
}

.reviewAsideCover .reviewAsideCoverImg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(167vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    border-radius: calc(31vw / var(--resizer) * 100);
    background: #FFF;
}

.reviewAsideCover .reviewAsideCoverImg img {
    width: calc(141vw / var(--resizer) * 100);
    height: calc(25vw / var(--resizer) * 100);
}

.e-aItemBtm {
    display: flex;
    align-self: flex-end;
    align-items: center;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(6vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #F2F2F2;
}

.e-aItemBtm svg {
    margin: 0 calc(6vw / var(--resizer) * 100) 0 0;
    width: calc(12vw / var(--resizer) * 100);
    height: calc(12vw / var(--resizer) * 100);
}

.e-aItemBtm span {
    font-size: calc(12vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 400;
    line-height: 50%;
    color: #8B8D9B;
}

.revbtn {
    display: flex;
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    justify-content: center;
    align-items: center;
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #F2F2F2;
    cursor: pointer;
}

.revbtnAdd {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    font-size: calc(22vw / var(--resizer) * 100);
    line-height: normal;
    color: #0667EC;
    transition: var(--transition);
}

.revbtn:hover .revbtnAdd {
    opacity: 0;
}

.revbtnText,
main .revbtnText {
    position: relative;
    left: 0;
    margin: 0;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #1E1F2A;
    transition: var(--transition);
}

.revbtn:hover .revbtnText {
    left: calc(-10vw / var(--resizer) * 100);
    color: #0667EC;
}

.myCnt .revUser .revbtn {
    display: flex;
    width: 100%;
}

.myCnt .reviewAsideCover,
.myCnt .reviewsCntItemsButton,
.myCnt .revbtn {
    display: none;
}
.rwFormW {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    backdrop-filter: blur(calc(7vw / var(--resizer) * 100));
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

.rwFormW.active {
    display: flex !important;
    opacity: 1;
    visibility: visible;
}

.rwFormW::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
   background: rgba(19, 19, 19, 0.34);
    opacity: 0.5;
    filter: blur(4px);
    z-index: 1;
}


.rwForm {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(499vw / var(--resizer) * 100);
    padding: calc(28vw / var(--resizer) * 100) calc(17.5vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100) calc(17.5vw / var(--resizer) * 100);
    background: #fff;
    border-radius: calc(8vw / var(--resizer) * 100);
    z-index: 99999;
}

.rwFormClose {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(14.45vw / var(--resizer) * 100);
    right: calc(14.45vw / var(--resizer) * 100);
    cursor: pointer;
    border: none;
    background: transparent;
}

.rwFormClose svg {
    width: inherit;
    height: inherit;
}

.rwFormClose svg path {
    fill: black;
}

.rwFormTitle {
    margin: 0 0 calc(29vw / var(--resizer) * 100) 0;
    font-size: calc(24vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    color: #373844;
}

.rwForm label {
    display: flex;
    align-items: center;
    font-size: calc(18vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #373844;
}

.rwForm label svg {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: calc(25vw / var(--resizer) * 100);
    height: calc(25vw / var(--resizer) * 100);
}

.rwForm select,
.rwForm input,
.rwForm textarea {
    margin: calc(5.5vw / var(--resizer) * 100) 0 calc(20vw / var(--resizer) * 100) 0;
    padding: calc(13vw / var(--resizer) * 100) calc(16vw / var(--resizer) * 100);
    width: 100%;
    border-radius: calc(8vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    background:#FFF;
    
    color: #373844;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.rwForm-option {
    word-wrap: break-word;
}

.rwForm textarea {
    color: #373844;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.rwForm textarea:placeholder {
    color: #8B8D9B;
}


.rwForm input[type=submit] {
    text-align: center;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #0667EC;
    transition: var(--transition);
    cursor: pointer;
    background: #F2F2F2;
}
.rwForm input:disabled {
    color: #B6B7C0;
    cursor: not-allowed;
}

.ydata-btn {
    margin: 10px 10px 0 0;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    transition: var(--transition);
}

.ydata-btn.active,
.ydata-btn:hover {
    transform: scale(0.8);
}

.ydata-btn-approve {
    background: green;
}

.ydata-btn-reject {
    background: red;
}

.ydata-btn-positive {
    background: blue;
}

.ydata-btn-negative {
    background: orange;
}
.revUser {
    position: relative;
    margin: calc(45vw / var(--resizer) * 100) 0 calc(25vw / var(--resizer) * 100) 0;
}

.revUserRow {
    display: flex;
    flex-wrap: wrap;
}

.revUserItem {
    margin: 0 calc(10vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid  #E5E6E8;
    background: #fff;
    width: 48%;
}

.revUserItem.hidden {
    display: none;
}

.revUserCov {
    margin: 0 0 calc(17vw / var(--resizer) * 100) 0;
    width: auto;
    height: calc(50vw / var(--resizer) * 100);
}

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

.revUserImg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(43vw / var(--resizer) * 100);
    height: calc(43vw / var(--resizer) * 100);
    border-radius: 50%;
    overflow: hidden;
}

.revUserInfoBody {
    display: flex;
    flex-direction: column;
}

.revUserInfoName {
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #1E1F2A;
}

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

.revUserInfoDate {
    margin: 0 4% 0 0;
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #8B8D9B;
}

.revUserInfoTime {
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #8B8D9B;
}

.revUserInfoType {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: calc(16vw / var(--resizer) * 100) 0 0 0;
}

.revUserInfoB {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    padding: calc(10vw / var(--resizer) * 100) calc(14vw / var(--resizer) * 100);
    border-radius: calc(6vw / var(--resizer) * 100);
    
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #FFF;
    flex: 1;
}

.revUserItem--pos .revUserInfoB {
    background: #15BE6D;
}

.revUserItem--neg .revUserInfoB {
    background: #E73168;
}

.revUserInfoCheck {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(10vw / var(--resizer) * 100) calc(14vw / var(--resizer) * 100);
    border-radius: calc(6vw / var(--resizer) * 100);
    background: #F2F2F2;
}

.revUserInfoCheck span {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #373844;
}

.revUserInfoCheck svg {
    width: calc(24vw / var(--resizer) * 100);
    height: calc(24vw / var(--resizer) * 100);
}


.revUserInfoTitle {
    margin: calc(16vw / var(--resizer) * 100) 0 0 0;
    font-size: calc(12vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #8B8D9B;
}

.revUserInfoCatRow {
    display: flex;
    flex-wrap: wrap;
    margin: calc(8vw / var(--resizer) * 100) 0 0 0;
}

.revUserInfoCat {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(8vw / var(--resizer) * 100) calc(8vw / var(--resizer) * 100) 0;
    padding: calc(10vw / var(--resizer) * 100) calc(14vw / var(--resizer) * 100);
    border-radius: calc(6vw / var(--resizer) * 100);
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.revUserInfoCatRow--pos .revUserInfoCat {
    background: rgba(6, 229, 122, 0.10);
    color: #15BE6D;
}

.revUserInfoCatRow--neg .revUserInfoCat {
    background: rgba(231, 49, 104, 0.10);
    color: #E73168;
}

.revUserInfoText {
    margin: calc(14vw / var(--resizer) * 100) 0;
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.myCnt .revUser .reviewsCntItemsButton {
    display: flex;
    margin: 0;
    width: 100%;
}

.myCnt .revUser .revbtn {
    display: flex;
    width: 100%;
}

.revUserM {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-170%);
    border-radius: calc(32vw / var(--resizer) * 100);
    background: #F2F2F2;
    padding: calc(7vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #1E1F2A;
    cursor: pointer;
    z-index: 3;
}

.rewArea {
    display: flex;
    flex-direction: column;
    margin: calc(45vw / var(--resizer) * 100) 0 0 0;
    padding: 0 0 calc(25vw / var(--resizer) * 100) 0;
}

.rewAreaHead {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(475vw / var(--resizer) * 100);
    overflow-x: auto;
    overflow-y: hidden;
    align-items: flex-start;
    background: url('../img/rewAreaHead.png') center / contain repeat-x;
    border-radius: 9px;
}

.rewAreaTop {
    display: flex;
    flex-direction: row;
    position: relative;
    top: 45%;
    justify-content: space-around;
    height: calc(237vw / var(--resizer) * 100);
}
.rewAreaTop::after {
    content: '';
    position: absolute;
    top: -90%;
    left: 0;
    height: 100%;
    width: calc(4vw / var(--resizer) * 100);
    background: #06E57A;
}

.rewAreaBtm {
    display: flex;
    position: relative;
    top: 38%;
    justify-content: space-around;
    height: calc(237vw / var(--resizer) * 100);
}

.rewAreaBtm::after {
    content: '';
    position: absolute;
    top: -76%;
    left: 0;
    height: 100%;
    width: calc(4vw / var(--resizer) * 100);
    background: #E73168;
}
.rewAreaItem {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 0 0 1%;
    width: calc(210vw / var(--resizer) * 100);
}

.rewAreaItemC {
    margin: 0 auto;
    align-self: center;
    width: calc(34vw / var(--resizer) * 100);
    height: calc(34vw / var(--resizer) * 100);
    border-radius: 50%;
    border: calc(3vw / var(--resizer) * 100) solid;
    background: rgba(231, 49, 104, 0.10);
}

.rewAreaTop .rewAreaItemC {
    border-color: #06E57A;
}

.rewAreaBtm .rewAreaItemC {
    border-color: #E73168;
}

.rewAreaItemP {
    text-align: center;
    align-self: center;
    margin: calc(6vw / var(--resizer) * 100) 0 0 0;
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #373844;
}

.rewAreaTitle {
    margin: calc(8vw / var(--resizer) * 100) 0 0 0;
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #8B8D9B;
}

.rewAreaBody {
    margin: calc(16vw / var(--resizer) * 100) 0 0 0;
}

.rewAreaBodyPos,
.rewAreaBodyNeg {
    position: relative;
    padding: 0 0 0 calc(26vw / var(--resizer) * 100);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 calc(8vw / var(--resizer) * 100) 0;
}

.rewAreaBodyM {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-53%);
    border-radius: calc(32vw / var(--resizer) * 100);
    background: #F2F2F2;
    padding: calc(7vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #1E1F2A;
    cursor: pointer;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
}

.rewAreaBodyB {
    content: '';
    position: absolute;
    right: -2%;
    bottom: 0;
    width: calc(180vw / var(--resizer) * 100);
    height: calc(42vw / var(--resizer) * 100);
    background: linear-gradient(270deg, #FFF 34.57%, #FFF 65.71%, rgba(255, 255, 255, 0.00) 86.18%);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

.rewAreaBodyPos.hidden .rewAreaBodyM,
.rewAreaBodyPos.hidden .rewAreaBodyB {
    opacity: 1;
    visibility: visible;
}

.rewAreaBodyNeg.hidden .rewAreaBodyM,
.rewAreaBodyNeg.hidden .rewAreaBodyB {
    opacity: 1;
    visibility: visible;
}


.rewAreaBodyPos.hidden,
.rewAreaBodyNeg.hidden {
    height: calc(47vw / var(--resizer) * 100);
    overflow: hidden;
    transition: var(--transition);
}

.rewAreaBodyC {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: calc(16vw / var(--resizer) * 100);
    height: calc(16vw / var(--resizer) * 100);
    border-radius: 50%;
    border: calc(2vw / var(--resizer) * 100) solid;
    background-color: rgba(231, 49, 104, 0.10);
}

.rewAreaBodyPos .rewAreaBodyC {
    border-color: #06E57A;
}

.rewAreaBodyNeg .rewAreaBodyC {
    border-color: #E73168;
}

.rewAreaBodyBtn {
    margin: calc(5vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100) calc(5vw / var(--resizer) * 100) 0;
    padding: calc(7vw / var(--resizer) * 100) calc(17vw / var(--resizer) * 100);
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    color: #1E1F2A;
    border-radius: calc(8vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    cursor: pointer;
}

.rewAreaBodyPos .rewAreaBodyBtn span {
    font-weight: 400;
    color: #15BE6D;
}

.rewAreaBodyNeg .rewAreaBodyBtn span {
    font-weight: 400;
    color: #E73168;
}
.reviews-slider {
    margin: calc(20vw / var(--resizer) * 100) 0;
    display: flex;
    width: 100%;
    overflow-x: scroll;
}

.reviews-slide {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: 90%;
    height: calc(400vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
}
/*reviewAsideCover*/
@media screen and (max-width: 1024px) {
    /*reviewAsideCover*/
    .reviews-slider {
        margin: 20px 0;
        display: flex;
        width: 100%;
        overflow-x: scroll;
    }
    
    .reviews-slide {
        margin: 0 10px 0 0;
        width: 90%;
        height: 300px;
        border-radius: 8px;
    }
    
    .rewArea {
        margin: 25px 0 0 0;
        padding: 0 0 10px 0;
    }
    
    .rewAreaHead {
        height: calc(980vw / var(--resizer) * 100);
    }
    
    .rewAreaTop,
    .rewAreaBtm {
        height: calc(490vw / var(--resizer) * 100);
        top: 60%;
    }
    
    .rewAreaItem {
        margin: 0 0 0 4%;
        width: calc(310vw / var(--resizer) * 100);
        transform: scale(2);
    }
    
    .rewAreaTop::after,
    .rewAreaBtm::after {
        width: 4px;
        top: -120%;
    }
    
    .rewAreaTitle {
        margin: 8px 0 0 0;
        font-size: 14px;
    }
    .rewAreaBody {
        margin: 16px 0 0 0;
    }
    
    
    .rewAreaBodyC {
        margin: 0 10px 0 0;
        width: 16px;
        height: 16px;
        border: 2px solid;
    }
    
    .rewAreaBodyPos, .rewAreaBodyNeg {
        margin: 0 0 8px 0;
        padding: 0 0 0 26px;
    }
    
    .rewAreaBodyBtn {
        margin: 5px 10px 5px 0;
        padding: 7px 17px;
        font-size: 16px;
        border-radius: 8px;
        border: 1px solid #E5E6E8;
    }
    
    .rewAreaBodyPos.hidden, .rewAreaBodyNeg.hidden {
        height: 47px;
    }
    
    .rewAreaBodyM {
        border-radius: 32px;
        padding: 7px 20px;
        font-size: 16px;
    }
    
    .rewAreaBodyB {
        display: none;
        width: 180px;
        height: 47px;
    }
    .revUserM {
        border-radius: 32px;
        padding: 7px 20px;
        font-size: 16px;
    }
    
    .revUser {
        margin: 45px 0 25px 0;
    }
    
    .revUserItem {
        margin: 0 0 10px 0;
        padding: 10px;
        border-radius: 8px;
        border: 1px solid #E5E6E8;
        width: 100%;
    }
    
    .revUserCov {
        margin: 0 0 17px 0;
        height: 50px;
    }
    
    .revUserImg {
        margin: 0 8px 0 0;
        width: 43px;
        height: 43px;
    }
    
    .revUserInfoName {
        font-size: 16px;
    }
    
    .revUserInfoDate,
    .revUserInfoTime {
        font-size: 14px;
    }
    
    .revUserInfoType {
        margin: 16px 0 0 0;
    }
    
    .revUserInfoB {
        margin: 0 10px 0 0;
        padding: 10px 14px;
        border-radius: 6px;
        font-size: 14px;
    }
    
    .revUserInfoCheck {
        padding: 10px 14px;
        border-radius: 6px;
    }
    
    .revUserInfoCheck span {
        margin: 0 10px 0 0;
        font-size: 14px;
    }
    
    .revUserInfoCheck svg {
        width: 24px;
        height: 24px;
    }
    
    .revUserInfoTitle {
        margin: 16px 0 0 0;
        font-size: 12px;
    }
    
    .revUserInfoCatRow {
        margin: 8px 0 0 0;
    }
    
    .revUserInfoCat {
        margin: 0 8px 8px 0;
        padding: 10px 14px;
        border-radius: 6px;
        font-size: 14px;
    }
    
    .revUserInfoText {
        margin: 14px 0;
        font-size: 14px;
    }
    
    .myCnt .revUser .revbtn {
        margin: 10px 0 0 0;
    }
    
    .rwFormW {
        backdrop-filter: 7px;
    }
    
    .rwFormW::after {
        filter: blur(4px);
    }
    
    .rwForm {
        aling-self: center;
        width: 90%;
        padding: 16px;
        border-radius: 8px;
    }
    
    .rwFormClose {
        top: 14px;
        right: 14px;
    }
    
    .rwFormTitle {
        margin: 0 0 29px 0;
        font-size: 24px;
    }
    
    .rwForm label {
        font-size: 18px;
    }
    
    .rwForm label svg {
        margin: 0 10px 0 0;
        width: 25px;
        height: 25px;
    }
    
    
    .rwForm input,
    .rwForm textarea {
        margin: 5.5px 0 20px 0;
        padding: 13px 16px;
        font-size: 16px;
        border-radius: 8px;
        border: 1px solid #E5E6E8;
    }
    
    .rwForm textarea {
        font-size: 16px;
    }
    
    
    .rwForm input[type=submit] {
        font-size: 16px;
    }
    
    .rwForm select, .rwForm input, .rwForm textarea {
        margin: 5.5px 0 20px 0;
        padding: 13px 16px;
        border-radius: 8px;
        border: 1px solid #E5E6E8;
        font-size: 16px;
    }
    
    .myCnt .reviewAsideCover {
        margin: 0 0 20px 0;
        display: flex;
        height: 370px;
        border-radius: 8px;
    }
    
    .reviewAsideCover .reviewAsideCoverRate {
        top: 12px;
        right: 10px;
    }
    
    .reviewAsideCover .reviewAsideCoverCount {
        margin: 0 8px 0 0;
        font-size: 18px;
    }
    
    .reviewAsideCover .reviewAsideCoverImg {
        width: 167px;
        height: 40px;
        border-radius: 31px;
    }
    
    .reviewAsideCover .reviewAsideCoverImg img {
        width: 141px;
        height: 25px;
    }
    
    .myCnt .reviewsCntItemsButton,
    .myCnt .welbon,
    .myCnt .revbtn {
        display: flex;
    }
    
    .revbtn {
        margin: 0 0 20px 0;
        padding: 10px;
        border-radius: 8px;
    }
    
    .revbtnAdd {
        margin: 0 10px 0 0;
        font-size: 22px;
    }
    
    .revbtnText, main .revbtnText {
        font-size: 16px;
    }
    
    .myCnt .revUser .revbtn {
        margin: 10px 0 0 0;
    }
    /*reviewAsideCover*/
    
    .slotsItem__main {
    width:100%;
     padding:0 !important;
    border:none !important;
  
}
   .slotsItem__main img{
   width:100%;
   height:auto;
  
}
}

picture {
	width:100%;
}

.pagination a, .pagination span {
	margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(18vw / var(--resizer) * 100);
    line-height: 160%;
    color: var(--black);
    text-decoration: none;
    transition: var(--transition);
	text-decoration:none;
}
.pagination a:hover {
	color:#15BE6D;
}
@media screen and (max-width: 1024px) {
		.pagination a, .pagination span  {
		font-size:18px;
	}
}
@media screen and (max-width: 600px) {
	.pagination a, .pagination span  {
		font-size:14px;
	}
	.reviews-slider {
        margin: 10px 0;
        display: flex;
        width: 100%;
        overflow-x: scroll;
    }
    
    .reviews-slide {
        margin: 0 10px 0 0;
        width: 90%;
        height: 200px;
        border-radius: 8px;
    }
	.rewArea {
        margin: 25px 0 0 0;
        padding: 0 0 10px 0;
    }
    
    .rewAreaTop,
    .rewAreaBtm {
        top: 60%;
    }
    
    .rewAreaItem {
        transform: scale(2);
    }
    
    .rewAreaTop::after,
    .rewAreaBtm::after {
        width: 2px;
        top: -120%;
    }
    
    .rewAreaTitle {
        margin: 5px 0 0 0;
        font-size: 12px;
    }
    
    .rewAreaItemP {
        font-size: calc(20vw / var(--resizer) * 100);
    }
    
    .rewAreaBody {
        margin: 10px 0 0 0;
    }
    
    .rewAreaBodyC {
        width: 12px;
        height: 12px;
        border: 2px solid;
    }
    
    .rewAreaBodyPos, .rewAreaBodyNeg {
        margin: 0 0 8px 0;
        padding: 0 0 0 22px;
    }
    
    .rewAreaBodyBtn {
        margin: 2px 10px 2px 0;
        padding: 4px 8px;
        font-size: 12px;
    }
    
    .rewAreaBodyPos.hidden, .rewAreaBodyNeg.hidden {
        height: 33px;
    }
    
    .rewAreaBodyM {
        font-size: 12px;
    }
	.revUserM {
        padding: 7px 14px;
        font-size: 12px;
    }
    
    .revUser {
        margin: 45px 0 25px 0;
    }
    
    .revUserItem {
        margin: 0 0 20px 0;
        width: 100%;
    }
    
    .revUserCov {
        height: 35px;
    }
    
    .revUserImg {
        width: 35px;
        height: 35px;
    }
    
    .revUserInfoName {
        font-size: 14px;
    }
    
    .revUserInfoDate,
    .revUserInfoTime {
        font-size: 12px;
    }
    
    .revUserInfoType {
        margin: 10px 0 0 0;
    }
    
    .revUserInfoB {
        padding: 10px;
        font-size: 12px;
    }
    
    .revUserInfoCheck {
        padding: 10px 14px;
        border-radius: 6px;
    }
    
    .revUserInfoCheck span {
        margin: 0 5px 0 0;
        font-size: 12px;
    }
    
    .revUserInfoCheck svg {
        width: 18px;
        height: 18px;
    }
    
    .revUserInfoCat {
        font-size: 12px;
    }
    
    .revUserInfoText {
        margin: 10px 0 0 0;
        font-size: 12px;
    }
    
    .myCnt .revUser .revbtn {
        margin: 10px 0 0 0;
    }
	
	.rwFormClose {
        top: 14px;
        right: 14px;
    }
    
    .rwFormTitle {
        margin: 0 0 20px 0;
        font-size: 16px;
    }
    
    .rwForm label {
        font-size: 14px;
    }
    
    .rwForm label svg {
        width: 16px;
        height: 16px;
    }
    
    
    .rwForm input,
    .rwForm textarea {
        margin: 5.5px 0 20px 0;
        padding: 13px 16px;
        font-size: 12px;
        border-radius: 8px;
        border: 1px solid #E5E6E8;
    }
    
    .rwForm input[type=submit] {
        font-size: 14px;
    }
	
	.myCnt .reviewAsideCover {
        height: 170px;
    }
    
    .myCnt .revUser .reviewsCntItemsButton {
        margin: 10px 0;
    }
    
    .reviewAsideCoverRate {
        padding: 3px 3px 3px 7px;
        border-radius: 41px;
        background: #FFF;
    }
    
    .reviewAsideCover .reviewAsideCoverImg {
        border-radius: 19.375px;
        background: #F2F2F2;
        width: 39px;
        height: 39px;
        overflow: hidden;
    }
    
    .reviewAsideCover .reviewAsideCoverCount {
        margin: 0 5px 0 0;
        font-size: 11.25px;
    }
    
    .reviewAsideCover .reviewAsideCoverImg {
        width: 25px;
        height: 25px;
    }
    
    .reviewAsideCover .reviewAsideCoverImg img {
        height: 18px;
    }
    
    .revbtn {
        padding: 5px;
    }
    
    .revbtnAdd {
        font-size: 18px;
    }
    
    .revbtnText, main .revbtnText {
        font-size: 12px;
    }
    
    .myCnt .revUser .revbtn {
        margin: 10px 0 0 0;
    }
    
    .reviewCntItems .revbtn,
    .reviewCntItems .nybHeadBonus {
        margin: 10px 0 0 0;    
    }
}

.random-post {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    max-width: calc(790vw / var(--resizer)* 100);
    width: 100%;
}

.random-post-item {
   display: flex;
    flex-direction: column;
    width: 32%;
    margin: 0 0 calc(20vw / var(--resizer)* 100) 0;
    padding: calc(10vw / var(--resizer)* 100);
    border: calc(1vw / var(--resizer)* 100) solid #E5E6E8;
    border-radius: calc(8vw / var(--resizer)* 100);
   align-items: center;
}
.random-post-item img {
    width:100%;
	height:105px;
}
.random-post-item a {
    text-decoration:none;
    color: var(--black);
	font-weight:700;
	width:100%;
}

@media screen and (max-width:1024px){
    .random-post {
        flex-direction:column;
        margin:auto;
      }
    .random-post-item  {
        width:100%;
    }
}
@media screen and (max-width:425px){
    .random-post {
        max-width:100%;
    }
 
}

.bonmo,
.bonmo30sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    backdrop-filter: blur(calc(7vw / var(--resizer) * 100));
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

.bonmo.active,
.bonmo30sec.actives {
    opacity: 1;
    visibility: visible;
    overflow: auto;
}

.bonmo::after,
.bonmo30sec::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(19, 19, 19, 0.34);
    opacity: 0.5;
    filter: blur(4px);
    z-index: 1;
}


.bonmoHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bonmoBody {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(699vw / var(--resizer) * 100);
    padding: calc(19vw / var(--resizer) * 100) calc(17.5vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100) calc(17.5vw / var(--resizer) * 100);
    background: #fff;
    border-radius: calc(8vw / var(--resizer) * 100);
    z-index: 99999;
}

.bonmoClose,
.bonmoClose30sec {
    display: flex;
    margin: 0 0 calc(29vw / var(--resizer) * 100) 0;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    cursor: pointer;
    border: none;
    background: transparent;
}

.bonmoClose svg,
.bonmoClose30sec svg{
    width: inherit;
    height: inherit;
}

.bonmoClose svg path,
.bonmoClose30sec svg path {
    fill: black;
}

.bonmoTitle {
    margin: 0 0 calc(29vw / var(--resizer) * 100) 0;
    font-size: calc(24vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    color: #373844;
}

.bonmoItem {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
    padding: calc(7.5vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    border-radius: calc(3.8vw / var(--resizer) * 100);
    border: calc(0.5vw / var(--resizer) * 100) solid #E5E6E8;
    background: #FFF;
}

.bonmoImg {
    width: 27%;
    height: calc(60vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
}

.bonmoValue {
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    height: calc(60vw / var(--resizer) * 100);
    background: rgba(6, 229, 122, 0.10);
    padding: calc(7.5vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
}

.bonmoValue h6,
.bonmoValue p {
    margin: 0 0 0 calc(6vw / var(--resizer) * 100);
    text-align: center;
    font-size: calc(15vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: #15BE6D;
    flex: 1;
}

.bonmoValue svg {
    width: calc(15vw / var(--resizer) * 100);
    height: calc(15vw / var(--resizer) * 100);
}

.bonmoItem .mainBtn {
    margin: 0;
    width: 49%;
    padding: calc(13vw / var(--resizer) * 100);
    height: calc(60vw / var(--resizer) * 100);
    background-color: #0667EC;
}

.bonmo .bonmoMainImg {
    margin: calc(15vw / var(--resizer) * 100) auto;
    width: calc(144vw / var(--resizer) * 100);
    height: calc(66vw / var(--resizer) * 100);
}

.bonmoRow {
    width: 71%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bonmo .mainBtn.bonmoButton {
    width: 100%;
    background-color: #06E57A;
}

.bonmo .mainBtn:hover {
    background: #15BE6D;
}

.bonmoAlert {
    margin: calc(15vw / var(--resizer) * 100) 0 0 0;
    text-align: center;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #373844;
}

/* BONUS-INNER */
.nybHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nybHeadBonus {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(20vw / var(--resizer) * 100) 0 0;
    padding: 0 calc(15vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    background: rgba(6, 229, 122, 0.10);
}

.reviewCntItems .mainBtn {
    margin: 0 calc(20vw / var(--resizer) * 100) 0 0;
}
.nybHeadBonus svg {
    margin: 0 calc(10vw / var(--resizer) * 100) 0 0;
    width: calc(30vw / var(--resizer) * 100);
    height: calc(30vw / var(--resizer) * 100);
}
.nybHeadBonus span {
    font-size: calc(28vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    color: #15BE6D;
}

.nybBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(13vw / var(--resizer) * 100);
    text-decoration: none;
    background-color: #06E57A;
    width: auto;
    font-style: normal;
    line-height: normal;
}

.nybHead .nybBtn {
    margin: 0 calc(20vw / var(--resizer) * 100) 0 0;
    flex: 1;
    font-size: calc(16vw / var(--resizer) * 100);
    font-weight: 600;
}

.nybHeadPromo {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 calc(40vw / var(--resizer) * 100);
    padding: calc(6vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);
    border-radius: calc(9vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) dashed #0667EC;
    background: rgba(6, 103, 236, 0.10);
}

.nybHeadPromo::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(-30vw / var(--resizer) * 100);
    height: 100%;
    width: calc(1vw / var(--resizer) * 100);
    background-color: #E5E6E8;
}

.nybHeadPromoTitle {
    text-align: center;
    font-size: calc(10vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    color: #0667EC;
}

.nybHeadPromoCode {
    text-align: center;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #0667EC;
}

.nybHeadCopy {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 calc(10vw / var(--resizer) * 100);
    padding: calc(15vw / var(--resizer) * 100) calc(15vw / var(--resizer) * 100);
    border-radius: 8px;
    background: #F2F2F2;
    border: none;
    cursor: pointer;
}

.nybHeadCopy svg {
    width: calc(25vw / var(--resizer) * 100);
    height: calc(25vw / var(--resizer) * 100);
}

.nybHeadCopy span {
    margin: 0 0 0 calc(10vw / var(--resizer) * 100);
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #1E1F2A;
}

.nybInfo {
    margin: calc(24vw / var(--resizer) * 100) 0 0 0;
}

.nybInfoHead {
    padding: calc(4vw / var(--resizer) * 100) calc(16vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #F2F2F2;
    
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #1E1F2A;
}

.nybInfoRow {
    display: flex;
    align-items: center;
    margin: calc(26vw / var(--resizer) * 100) 0 0 0;
}

.nybInfoItem {
    display: flex;
    margin: 0 calc(20vw / var(--resizer) * 100) 0 0;
    align-items: center;
}

.nybInfoItemI {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    border-radius: 50%;
    background: #F2F2F2;
}

.nybInfoItemI svg {
    width: calc(20vw / var(--resizer) * 100);
    height: calc(21vw / var(--resizer) * 100);
}

.nybInfoItemBody {
    display: flex;
    flex-direction: column;
}

.nybInfoItemBodyType {
    color: #8B8D9B;
    font-size: calc(10vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    flex: 1;
}

.nybInfoItemBodyTitle {
    color: #1E1F2A;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.nybType {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: calc(8vw / var(--resizer) * 100) 0 0 0;
}

.nybTypeBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(10vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100) 0;
    padding: calc(13vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #F2F2F2;
    transition: var(--transition);
    
    color: #1E1F2A;
    text-align: center;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.nybTypeBtn:hover,
.nybTypeBtn.active {
    background: #0667EC;
    color: #fff;
}

.nybBoOu {
    margin: calc(32vw / var(--resizer) * 100) 0 0 0;
}

.nybBoOu .show {
    width: 100%;
}

.nybBoOuRow {
    display: flex;
    flex-wrap: wrap;
}

.nybBoOuItem {
    display: flex;
    flex-direction: column;
    margin: calc(10vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100) 0 0;
    padding: calc(10vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    background: #FFF;
    width: 32%;
}

.nybBoOuHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nybBoOuHead img {
    max-width: calc(123vw / var(--resizer) * 100);
    flex: 1;
    height: calc(60vw / var(--resizer) * 100);
}

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

.nybBoOuDLI {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(24vw / var(--resizer) * 100);
    height: calc(24vw / var(--resizer) * 100);
    border-radius: 50%;
    background: #0667EC;
    z-index: 5;
}

.nybBoOuDLI svg {
    width: calc(6vw / var(--resizer) * 100);
    height: calc(9vw / var(--resizer) * 100);
}

.nybBoOuDLT {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: calc(32vw / var(--resizer) * 100);
    border-bottom-right-radius: calc(32vw / var(--resizer) * 100);
    background: #F2F2F2;
    padding: calc(2vw / var(--resizer) * 100) calc(8vw / var(--resizer) * 100);
    color: #1E1F2A;
    font-size: calc(12vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    z-index: 4;
}

.nybBoOuDLT::after {
    content: '';
    position: absolute;
    top: 0;
    right: 20%;
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    z-index: -1;
}

.nybBoOu .nybHeadBonus {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    padding: calc(3vw / var(--resizer) * 100) calc(7vw / var(--resizer) * 100);
    align-self: center;
}

.nybBoOu .nybHeadBonus svg {
    width: calc(19vw / var(--resizer) * 100);
    height: calc(19vw / var(--resizer) * 100);
}

.nybBoOu .nybHeadBonus span {
    font-size: calc(21vw / var(--resizer) * 100);
    line-height: 100%;
}

.nybBoOuText {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    color: #1E1F2A;
    text-align: center;
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nybBoOuBtm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(10vw / var(--resizer) * 100) 0 0 0;
}

.nybBoOu .nybHeadPromo {
    flex: 1;
}

.nybBoOu .nybHeadPromo {
    padding: calc(3vw / var(--resizer) * 100);
    position: static;
    margin: 0;
}

.nybBoOu .nybHeadCopy {
    padding: calc(8vw / var(--resizer) * 100) calc(13vw / var(--resizer) * 100);
}

.nybBoOu .nybHeadPromoCode {
    line-height: 100%;   
}

.nybBoOu .nybBtn {
    margin: calc(10vw / var(--resizer) * 100) 0 0 0;
    font-size: calc(12vw / var(--resizer) * 100);
} 
/* /BONUS-INNER */

@media screen and (max-width: 1024px) {
    .bonmo,
    .bonmo30sec {
        backdrop-filter: blur(7px);
    }
    
    .bonmo::after,
    .bonmo30sec::after {
        filter: 4px;
    }
    
    .bonmoBody {
        width: 90%;
        height: 80vh;
        overflow: scroll;
        padding: 16px;
        border-radius: 8px;
    }
    
    .bonmoClose,
    .bonmoClose30sec {
        margin: 0 0 20px 0;
    }
    
    .bonmoTitle {
        margin: 0 0 29px 0;
        font-size: 24px;
    }
    
    .bonmoItem {
        margin: 0 0 5px 0;
        padding: 7.5px 10px;
        border-radius: 3.8px;
        border: 0.5px solid #E5E6E8;
    }
    
    .bonmoImg {
        width: 38%;
        height: 100px;
        border-radius: 8px;
    }
    
    .bonmoValue {
        margin: 0 0 10px 0;
        width: 100%;
        min-height: 45px;
        height: auto;
        padding: 7.5px 10px;
    }
    
    .bonmoValue h6,
    .bonmoValue p{
        margin: 0 0 0 6px;
        font-size: 17px;
    }
    
    .bonmoValue svg {
        width: 15px;
        height: 15px;
    }
    
    .bonmoItem .mainBtn {
        width: 100%;
        padding: 13px;
        height: 45px;
    }
    
    .bonmo .bonmoMainImg {
        margin: 15px auto;
        width: auto;
        height: 100px;
    }
    
    
    .bonmoRow {
        width: 59%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .bonmoAlert {
        margin: 15px 0 0 0;
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .bonmoRow {
        width: 52%;
    }
    
    
    .bonmoBody {
        padding: 13px 20px;
    }

    .bonmoTitle {
        margin: 0 0 19px 0;
        font-size: 16px;
    }
    
    .bonmoItem {
        padding: 7px;
    }
    
    .bonmoImg {
        width: 46%;
        height: 60px;
    }
    
    .bonmoValue {
        margin: 0 0 5px 0;
        width: 100%;
        min-height: 23px;
        padding: 6px;
    }
    
    .bonmoValue h6,
    .bonmoValue p {
        margin: 0 0 0 4px;
        font-size: 12px;
    }
    
    .bonmoValue svg {
        width: 11px;
        height: 11px;
    }
    
    .bonmoItem .mainBtn {
        height: 35px;
    }
    
    .bonmo .bonmoMainImg {
        margin: 15px auto;
        width: 109px;
        height: 50px;
    }
    
    .bonmoAlert {
        font-size: 14px;
    }    
}
.iframe-vertical {
	width:100%;
	height:1000px;
}

.iframe-horizontal {
	width:100%;
	height:500px;
}

iframe {
	width:100%;
	height:100%;
	border:0
}

.ytbV iframe {
    width:100%;
	height: calc(455vw / var(--resizer) * 100);  
}

@media screen and (max-width: 700px) {
    .ytbV iframe {
        width: 100%;
        height: 200px;
    }
}


/* Demo Game */
.some-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
    grid-gap: 10px;
}
.some-buttons a {
    width: 100%;
    background: #06E57A;
}
.demo-game {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: calc(755vw / var(--resizer) * 100);
    padding: calc(30vw / var(--resizer) * 100) 0 calc(40vw / var(--resizer) * 100) 0;
}
.demo-game-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(7.25px);
}

.demo-gameArea {
    position: relative;
    width: calc(975vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    overflow: hidden;
    background: #1E1F2A;
    z-index: 999;
}

.demo-gameAreaHead {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: calc(12vw / var(--resizer) * 100) calc(16vw / var(--resizer) * 100);
}

.demo-gameAreaHead h1 {
    color: #fff;
}

.demo-gameAreaHead .subtitle {
    font-size: calc(18vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    color: #8B8D9B;
}

.demo-main .my {
    position: relative;
}

.demo-main .myAside:first-child {
    position: absolute;
    left: -2%;
}
.demo-main .myAside:last-child {
    position: absolute;
    right: -4%;
}
.demo-gameAreaItem {
    display: flex;
    height: calc(555vw / var(--resizer) * 100);
}

.demo-gameAreaItem p {
    display: flex;
    width: 100%;
}

.demo-gameAreaItem,
.demo-gameAreaItem iframe {
    display: flex;
    width: 100%;
}

.demo-gameAreaItem iframe {
    height: 100%;
}

.demo-gameAreaItem iframe.fullScreen {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
.demo-gameAreaSize {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(16vw / var(--resizer) * 100);
    height: calc(47vw / var(--resizer) * 100);
    width: calc(47vw / var(--resizer) * 100);
    background: url('../img/full-size.webp') center / cover no-repeat;
    cursor: pointer;
    transition: var(--transition);
}
._demo_game ._demo_game_bf {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #06E57A;
}
._demo_game ._demo_game_bl {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(9vw / var(--resizer) * 100) 0;
    background: #F2F2F2;
    color: #1E1F2A;
}
._demo_game ._demo_game_bl svg path {
    fill: #1E1F2A;
}
._demo_game .mainBtn svg {
    margin: 0 calc(14vw / var(--resizer) * 100) 0 0;
    width: calc(15vw / var(--resizer) * 100);
    height: calc(15vw / var(--resizer) * 100);
}
._demo_gameHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 calc(34vw / var(--resizer) * 100) 0;
}
._demo_gameHeadL {
    display: flex;
    align-items: center;
    
}
._demo_gameHeadL h2 {
    margin: 0;
    flex: 1;
}
._demo_gameHeadL img {
    margin: 0 calc(16vw / var(--resizer) * 100) 0 0;
    width: calc(36vw / var(--resizer) * 100);
    height: calc(36vw / var(--resizer) * 100);
}
._demo_gameCount {
    margin: 0 0 0 calc(16vw / var(--resizer) * 100);
    padding: calc(8vw / var(--resizer) * 100) calc(13vw / var(--resizer) * 100);
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #373844;
    border-radius: calc(31vw / var(--resizer) * 100);
    background: #F2F2F2;
}
._demo_gameHeadR {
    display: flex;
    align-items: center;
    
}
._demo_gameHeadShow {
    margin: 0 calc(16vw / var(--resizer) * 100) 0 0;
    padding: calc(8vw / var(--resizer) * 100) calc(13vw / var(--resizer) * 100);
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #373844;
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #F2F2F2;
    border: none;
    cursor: pointer;
}
._demo_gameHeadPrev {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 calc(8vw / var(--resizer) * 100) 0 0;
    width: calc(35vw / var(--resizer) * 100);
    height: calc(35vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #F2F2F2;
    border: none;
    cursor: pointer;
}
._demo_gameHeadNext {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(35vw / var(--resizer) * 100);
    height: calc(35vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    background: #F2F2F2;
    border: none;
    cursor: pointer;
}
._demo_game_cat {
    display: flex;
    flex-wrap: wrap;
}
._demo_game_catItem {
    display: flex;
    flex-direction: column;
    margin: calc(8vw / var(--resizer) * 100) calc(16vw / var(--resizer) * 100) calc(8vw / var(--resizer) * 100) 0;
    padding: calc(4vw / var(--resizer) * 100) calc(4vw / var(--resizer) * 100) calc(16vw / var(--resizer) * 100) calc(4vw / var(--resizer) * 100); 
    width: calc(142vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
    border: calc(1vw / var(--resizer) * 100) solid #E5E6E8;
    background: #FFF;
    cursor: pointer;
}
._demo_game_catCount {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(31vw / var(--resizer) * 100);
    background: #F2F2F2;
    
    padding: calc(6vw / var(--resizer) * 100);
    font-size: calc(14vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #373844;
    align-self: flex-end;
}
._demo_game_catItem img {
    width: calc(40vw / var(--resizer) * 100);
    height: calc(40vw / var(--resizer) * 100);
    align-self: center;
}
._demo_game_catTitle {
    margin: calc(17.5vw / var(--resizer) * 100) 0 0 0;
    text-align: center;
    font-size: calc(16vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #1E1F2A;
}

@media screen and (max-width: 1024px) {
    .demo-gameAreaSize.active {
        position: fixed;
        top: 2%;
        right: 2%;
        z-index: 9999;
        transform: none;
    }
    
    .demo-game-bg {
        display: none;
    }
    
    .demo-game {
        min-height: auto;
        margin: 0 0 20px 0;
        padding: 0 50px;
    }
    
    .demo-gameArea {
        width: 100%;
        border-radius: 8px;
    }
    
    .demo-gameAreaHead {
        padding: 12px 16px;
    }
    
    .demo-game h1 {
        font-size: 32px;  
    }
    
    .demo-gameAreaHead .subtitle {
        font-size: 18px;
    }
    
    .demo-gameAreaSize {
        top: 75%;
        right: 16px;
        height: 47px;
        width: 47px;
    }
    
    .demo-gameAreaItem, .demo-gameAreaItem iframe {
        height: 777px;
    }
    
    ._demo_gameHead {
        margin: 0 0 34px 0;
    }
    
    ._demo_gameHeadL img {
        margin: 0 16px 0 0;
        width: 36px;
        height: 36px;
    }
    ._demo_gameCount {
        margin: 0 0 0 16px;
        padding: 8px 13px;
        font-size: 16px;
        border-radius: 31px;
    }
    
    ._demo_gameHeadShow {
        margin: 0 16px 0 0;
        padding: 8px 13px;
        font-size: 16px;
        border-radius: 8px;
    }
    .slotsItemImg {
        height: 150px;
    }
    
    ._demo_game .mainBtn svg {
        margin: 0 14px 0 0;
        width: 15px;
        height: 15px;
    }
    ._demo_game ._demo_game_bl,
    ._demo_game ._demo_game_bf {
        padding: 9px;
    }
    
    ._demo_game_catItem {
        margin: 8px 8px 8px 0;
        width: 32%;
        padding: 4px 4px 16px 4px; 
        border-radius: 8px;
        border: 1px solid #E5E6E8;
    }
    ._demo_game_catCount {
        border-radius: 31px;
        
        padding: 6px;
        font-size: 14px;
    }
    ._demo_game_catItem img {
        width: 40px;
        height: 40px;
    }
    ._demo_game_catTitle {
        margin: 17.5px 0 0 0;
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .demo-game {
        padding: 0 20px;
    }
    
    .demo-gameAreaHead {
        padding: 12px;
    }
    
    .demo-game h1 {
        font-size: 24px;  
    }
    
    .demo-gameAreaHead .subtitle {
        font-size: 12px;
    }
    
    .demo-gameAreaSize {
        top: 75%;
        right: 16px;
        height: 32px;
        width: 32px;
    }
    
    .demo-gameAreaItem, .demo-gameAreaItem iframe {
        height: 500px;
    }
    
    .some-buttons {
        display: flex;
        flex-direction: column;
    }
    .slotsItemImg {
        height: 250px;
    }
    
    ._demo_gameHead {
        flex-direction: column;
    }
    ._demo_gameHeadL,
    ._demo_gameHeadR {
        align-self: flex-start;
    }
    ._demo_gameHeadL {
        justify-content: space-between;
        width: 100%;
    }
    ._demo_gameHeadR {
        margin: 10px 0 0 0;
        width: 100%;
    }
    ._demo_gameHeadShow {
        width: 100%;
    }
    ._demo_game_catItem {
        margin: 4px 4px 4px 0;
    }
    ._demo_game_catCount {
        border-radius: 31px;
        
        padding: 2px 6px;
        font-size: 10px;
    }
    ._demo_game_catItem img {
        width: 24px;
        height: 24px;
    }
    ._demo_game_catTitle {
        font-size: 10px;
    }
}
@media screen and (max-width: 475px) {
    .slotsItemImg {
        height: 200px;
    }
}
@media screen and (max-width: 375px) {
    .slotsItemImg {
        height: 150px;
    }
    ._demo_game_catItem {
        width: 47%;
    }
}
/* Demo Game */
.wp-block-table {
    overflow-x: auto;
}

.casino__top {
    display: flex;
    padding: calc(10vw/var(--resizer)*100);
    border-radius: calc(8vw/var(--resizer)*100);
    margin: 0 auto;
    justify-content: space-between;
    background-color: rgba(242, 242, 242, 1);
}

.casino__link {
    display: flex;
    text-decoration: none;
    color: inherit;
    width: 24%;
}

.casino__block {
    width: 100%;
    background-color: #fff;
    border: calc(1vw/var(--resizer)*100) solid #ccc;
    border-radius: calc(10vw/var(--resizer)*100);
    box-shadow: 0 calc(2vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
}

.casino__block:hover {
    transform: translateY(-5px);
    box-shadow: 0 calc(4vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) rgba(0, 0, 0, 0.2);
}

.casino__img img {
    width: 100%;
    height: calc(75vw/var(--resizer)*100);
    display: block;
    border-radius: calc(4vw/var(--resizer)*100);
}

.casino__img {
    padding: calc(10vw/var(--resizer)*100);
}

.casino__text {
    padding: calc(4vw/var(--resizer)*100);
    text-align: center;
}

.casino__p {
    margin: 0;
    font-size: calc(12vw/var(--resizer)*100);
    color: #333;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
     .casino__top {
        display: flex;
        padding: 10px;
        flex-wrap: wrap;
        height: 100%;
        justify-content: space-between;
        border-radius: 8px;
    }

    .casino__link {
        display: flex;
        width: 48%;
        text-decoration: none;
        color: inherit;
    }

    .casino__block {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .casino__img {
        padding: 10px;
    }

    .casino__link:nth-of-type(3) .casino__block,
    .casino__link:nth-of-type(4) .casino__block {
        margin-top: 10px;
    }

    .casino__img img {
        width: 100%;
        height: 160px;
        display: block;
        border-radius: 4px;
    }

    .casino__text {
        padding: 0 10px 10px 10px;
        text-align: center;
    }

    .casino__p {
        margin: 0;
        font-size: 14px;
        color: #333;
    }
}

@media screen and (max-width: 1024px) {
      .casino__img img {
        height: 100px;
    }
}

@media screen and (max-width: 767px){
  .p_2 {
    display: none;
  }
  
  .spec__btn {
    display: block;
  }
  
}

.spec__btn {
  padding: 10px;
  background-color: white;
  border: 1px solid #3803ce;
  border-radius: 12px;
  margin: 10px auto;
  color: #3803ce;
}

@media screen and (min-width:768px){
    .spec__btn {
    display: none;
  }
}

.bonmo_1{
   display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    backdrop-filter: blur(calc(7vw / var(--resizer) * 100));

    transition: var(--transition);
}
.bonmo_1::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(19, 19, 19, 0.34);
    opacity: 0.5;
    filter: blur(4px);
    z-index: 1;
}
.bonmoBody_1 {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(699vw / var(--resizer) * 100);
    padding: calc(19vw / var(--resizer) * 100) calc(17.5vw / var(--resizer) * 100) calc(20vw / var(--resizer) * 100) calc(17.5vw / var(--resizer) * 100);
    background: #fff;
    border-radius: calc(8vw / var(--resizer) * 100);
    z-index: 99999;
}
.bonmoClose__1 {
      display: flex;

    align-items: center;
    justify-content: center;
    align-self: flex-end;
    cursor: pointer;
    border: none;
    background: transparent;
}
.bonmoClose__1 svg {
      width: inherit;
    height: inherit;
}
.bonmoClose__1 svg path {
  fill: black;
}
.bonmoTitle_1 {
    margin: 0 0 calc(29vw / var(--resizer) * 100) 0;
    font-size: calc(24vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    color: #373844;
}
.bonmoItem_1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 calc(10vw / var(--resizer) * 100) 0;
    padding: calc(7.5vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
    border-radius: calc(3.8vw / var(--resizer) * 100);
    border: calc(0.5vw / var(--resizer) * 100) solid #E5E6E8;
    background: #FFF;
}
.bonmoImg_1 {
    width: 27%;
    height: calc(60vw / var(--resizer) * 100);
    border-radius: calc(8vw / var(--resizer) * 100);
}
.bonmoValue_1 {
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    height: calc(60vw / var(--resizer) * 100);
    background: rgba(6, 229, 122, 0.10);
    padding: calc(7.5vw / var(--resizer) * 100) calc(10vw / var(--resizer) * 100);
}
.bonmoValue_1 h6 {
    margin: 0 0 0 calc(6vw / var(--resizer) * 100);
    text-align: center;
    font-size: calc(15vw / var(--resizer) * 100);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: #15BE6D;
    flex: 1;
}
.bonmoValue_1 svg {
    width: calc(15vw / var(--resizer) * 100);
    height: calc(15vw / var(--resizer) * 100);
}
.bonmoRow_1 {
    width: 71%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bonmoItem_1 .mainBtn_1 {
    margin: 0;
    width: 49%;
    padding: calc(13vw / var(--resizer) * 100);
    height: calc(60vw / var(--resizer) * 100);
    background-color: #0667EC;
}

/*DemoGamesPagination*/
.demoGamesPagination {
    text-align: center;
    margin: calc(20vw / var(--resizer) * 100) 0;
}

.demoGamesPagination ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.demoGamesPagination ul li {
    margin: 0;
}

.demoGamesPagination ul li a,
.demoGamesPagination ul li span {
    display: block;
    padding: calc(10vw / var(--resizer) * 100) calc(17vw / var(--resizer) * 100);
    text-decoration: none;
    color: #1E1F2A;
    border: calc(1vw / var(--resizer) * 100) solid transparent;
    border-radius: calc(8vw / var(--resizer) * 100);
    transition: background-color 0.3s, color 0.3s;
}

.demoGamesPagination ul li a:hover,
.demoGamesPagination ul li span:hover {
    background-color: #F2F2F2;
}

.demoGamesPagination ul li span.current {
    color: #fff;
    background-color: #15BE6D;
    cursor: default;
}

@media screen and (max-width: 600px ) {
    .demoGamesPagination {
        margin: 20px 0;
    }
    
    .demoGamesPagination ul li a,
    .demoGamesPagination ul li span {
        padding: 10px 17px;
        border: 1px solid transparent;
        border-radius: 8px;
    }
}
/*DemoGamesPagination*/

/*ratings_slots*/
._ratings_slots .slotsPage {
    display: flex;
   flex-wrap: wrap;
}


._ratings_slots_pagination,
.pagination {
    text-align: center;
    margin: calc(20vw / var(--resizer) * 100) 0;
}

.pagination ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination ul li {
    margin: 0;
}

.pagination ul li a,
.pagination ul li span {
    display: block;
    padding: calc(10vw / var(--resizer) * 100) calc(17vw / var(--resizer) * 100);
    text-decoration: none;
    color: #1E1F2A;
    border: calc(1vw / var(--resizer) * 100) solid transparent;
    border-radius: calc(8vw / var(--resizer) * 100);
    transition: background-color 0.3s, color 0.3s;
}

.activePagi {
   color: #fff!important;
    background-color: #15BE6D;
    cursor: default;
}

.pagination ul li a:hover,
.pagination ul li span:hover {
    background-color: #F2F2F2;
}

.pagination ul li span.current {
    color: #fff;
    background-color: #15BE6D;
    cursor: default;
}

@media screen and (max-width: 600px ) {
    ._ratings_slots_pagination.pagination {
        margin: 20px 0;
    }
    
    .pagination ul li a,
    .pagination ul li span {
        padding: 10px 17px;
        border: 1px solid transparent;
        border-radius: 8px;
    }
}
/*ratings_slots*/

.img-small img {
	width: 200px;
}

.img-small {
    margin: calc(64vw / var(--resizer) * 100) 0 0 0
}

.img-small + h2 {
    margin-top: 0px;
}

@media screen and (max-width: 1024px){
    .img-small{
        margin: 48px 0 0 0;
    }
}