body {
padding:0px;
color: #020817;
margin:0px;
background: #FAFAFA;
font-family: "Inter", sans-serif;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
flex-direction: column;
min-height: 100vh;
}

a {
text-decoration:underline;
color:#020817;
transition: .5s;
}

button, .feedback, .btn {
transition: .5s;
}

a:hover {
text-decoration:underline;
color: #ED1F34;
}

ul li:last-child {
margin:0px;
}

li {
padding-bottom: 10px;
}

p, img {
margin:0px;
border:0px;
}

p {
margin:0 0 20px 0 !important;
font-size: 17px;
line-height: 30px;
color: #0c0c0c;
}

p:last-child {
margin:0px !important;
}

* {
box-sizing: border-box;
}

table {
border-spacing: 0px;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

header, 
nav, 
section, 
article, 
aside, 
footer {
display: block
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: "Inter", sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}

input[type="number"] {
-moz-appearance: textfield;
}

button {
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

img {
max-width:100%;
height:auto !important;
}

iframe {
max-width:100% !important;
max-height:100% !important;
}

.site-width {
width:100%;
max-width:1240px;
margin:0 auto;
padding:0px 20px;
}

.header {
background: #191919;
box-shadow: 0px 10px 40px 0px rgba(109, 141, 173, 0.25);
margin:0 0 20px 0;
}

.header .site-width {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
}

.header .logo a {
display:block;
text-decoration:none;
width:111px;
height:34px;
background:url(../images/logo.svg) no-repeat;
}

.header .menu ul {
display:flex;
list-style:none;
margin:0px;
padding:0px;
gap:50px;
}

.header .menu a {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px;
text-decoration:none;
}

.header .menu li {
position:relative;
padding:30px 0;
}

.header .menu ul ul {
display:none;
flex-direction:column;
gap:15px;
position:absolute;
top:100%;
left:50%;
transform: translate(-50%, 0%);
border-radius: 0px 0px 10px 10px;
background: #FFF;
padding:10px 20px;
white-space: nowrap;
z-index:3;
}

.header .menu .menu-item-has-children a {
display:flex;
align-items:center;
gap:5px;
}

.header .menu .menu-item-has-children a:after {
content:"";
width:6px;
height:4px;
background:url(../images/topmenu-arrow.svg) no-repeat;
}

.header .menu a:hover {
color: #FB1516;
}

.header .menu li:hover > ul {
display:flex;
}

.header .menu ul ul a {
color: #000;
}

.header .menu ul ul li {
padding:0px;
}

#top {
position:fixed;
bottom:20px;
right:20px;
z-index:8;
cursor:pointer;
display:none;
width:64px;
height:64px;
background:url(../images/top.svg) no-repeat;
transition: .5s;
}

#top:hover {
bottom:30px;
}

.section-1 {
margin:38px 0 31px 0;
}

.section-1 .site-width {
display:flex;
align-items:center;
gap:30px;
}

.section-1 .col-left {
flex:1;
padding:28px 0 0 0;
}

.section-1 .images {
font-size:0px;
line-height:0px;
position:relative;
min-height: 455px;
display: flex;
align-items: flex-end;
justify-content: center;
overflow:hidden;
}

.section-1 .images .girl {
position:absolute;
bottom:0px;
left:70px;
}

.section-1 .images .money {
position: absolute;
bottom: 85px;
right: 0px;
}








.section-1 .images:before {
content:"";
position:absolute;
bottom:-120px;
left:0px;
right:0px;
z-index:3;
height:207px;
background: #FAFAFA;
filter: blur(29.299999237060547px);
}

.section-1 .title {
color: #020817;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 70.4px */
text-transform: capitalize;
margin:0 0 20px 0;
}

.section-1 .desc {
color: #020817;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 138.889% */
margin:0 0 40px 0;
}

.section-1 .button {
display:flex;
gap:20px;
}

.section-1 .btn:first-child {
padding:15px 30px;
border-radius: 30px;
border: 2px solid #020817;
box-shadow: 0px 0px 15.137px 0px rgba(255, 255, 255, 0.15);
text-decoration:none;
cursor:pointer;
display:block;
color: #020817;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
width:100%;
max-width: 220px;
min-height: 50px;
}

.section-1 .btn:nth-child(2) {
padding:15px 30px;
width:100%;
text-decoration:none;
cursor:pointer;
display:block;
border-radius: 30px;
background: var(--Accent, #ED1F34);
box-shadow: 0px 0px 15.137px 0px rgba(255, 255, 255, 0.15);
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
max-width: 220px;
min-height: 50px;
}

.head-section {
display:flex;
align-items:center;
gap:20px;
margin:0 0 40px 0;
position:relative;
z-index:3;
}

.head-section .title {
flex:1;
margin:0px;
color: #020817;
font-family: "Inter", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 33.6px; /* 105% */
text-transform: capitalize;
}

.head-section a {
display:flex;
align-items:center;
gap:5px;
color: #202020;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 17.94px; /* 112.127% */
}

.head-section a:after {
content:"";
width:16px;
height:16px;
background:url(../images/title-more.svg) no-repeat;
}

.section-2 {
margin:0 0 60px 0;
}

.flex-slots {
display:flex;
flex-wrap:wrap;
gap:10px;
}

.flex-slots .slot {
margin:0 0 10px 0;
width:calc(20% - 10px);
border-radius: 10px;
border: 0.81px solid #DDD;
background: #FFF;
display:flex;
flex-direction:column;
gap:15px;
padding:0 15px 15px 15px;
color: #202020;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
transition: .5s;
}

.flex-slots .slot:hover {
box-shadow:0 0 10px rgba(0,0,0,.2);
}

.flex-slots .images {
display:block;
text-decoration:none;
height:230px;
border-radius: 10px 10px 0px 0px;
overflow:hidden;
font-size:0px;
line-height:0px;
margin:0 -15px;
}

.flex-slots .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.flex-slots .name {
display:block;
text-decoration:none;
flex:1;
color: #020817;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
}

.section-3 {
margin:0 0 60px 0;
}

.section-3 table {
width:100%;
background: #F8F8F8;
border-radius: 12px;
border: 1px solid #DDD;
overflow:hidden;
}

.section-3 td a {
color: #202020;
text-decoration: underline;
}

.section-3 tr:nth-child(2n) td {
background:#fff;
}

.section-4 {
margin:0 0 60px 0;
}

.desc-section {
margin:-16px 0 40px 0;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 30px;
color: #0c0c0c;
}

.section-4 .flex {
display:flex;
flex-wrap:wrap;
gap:40px;
}

.section-4 .item {
width:calc(25% - 30px);
padding:20px;
border-radius: 20px;
border: 1px solid #DDD;
background: #FFF;
text-align:center;
display:flex;
flex-direction:column;
min-height:435px;
transition: .5s;
}

.section-4 .item:hover {
box-shadow:0 0 10px rgba(0,0,0,.2);
}

.section-4 .name {
color: #020817;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 23.2px; /* 145% */
margin:0 0 10px 0;
}

.section-4 .item .title {
margin:0 0 16px 0;
color: #020817;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-4 .bonus-name {
color: #020817;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 17.4px; /* 145% */
margin:0 0 4px 0;
}

.section-4 .bonus-code {
    margin: 0 0 10px 0;
    padding: 12px 20px;
    border-radius: 23px;
    border: 1px solid #DDD;
    background: #fcfcfc;
    color: #3e3e3e;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 2px;
}

.section-4 .bonus-desc {
    color: #6c6c6c;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    flex: 1;
    margin: 0 0 10px 0;
}

.section-4 .btn {
display:block;
text-decoration:none;
cursor:pointer;
padding:13px;
border-radius: 10px;
background: #FB1516;
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 125% */
}

.section-5 {
margin:0 0 60px 0;
}

.section-5 .flex {
display:flex;
flex-direction:column;
gap:20px;
}

.section-5 .item {
width:100%;
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
padding:20px;
border-radius: 20px;
border: 1px solid #DDD;
background: #FFF;
transition: .5s;
}

.section-5 .item:hover {
box-shadow:0 0 10px rgba(0,0,0,.2);
}

.section-5 .item.column {
flex-direction:column;
gap:20px;
}

.section-5 .item.column .head {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
width:100%;
}

.section-5 .images {
font-size:0px;
line-height:0px;
overflow:hidden;
width: 50px;
height: 50px;
border-radius: 10px;
}

.section-5 .info {
display:flex;
align-items:flex-start;
flex-direction:column;
gap:6px;
}

.section-5 .name {
display:block;
text-decoration:none;
color: #020817;
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: 26.66px; /* 126.952% */
}

.section-5 .rating {
display:flex;
align-items:center;
gap:7px;
padding:9px 12px;
border-radius: 16.235px;
border: 0.812px solid #D6D7DB;
color: #020817;
font-size: 12.988px;
font-style: normal;
font-weight: 700;
line-height: 12.988px; /* 100% */
}

.section-5 .stars {
display:flex;
font-size:0px;
line-height:0px;
flex:1;
}

.section-5 .price {
color: #202020;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 142.857% */
}

.section-5 .price span {
display:block;
color: #FB1516;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-5 .rate {
color: #7F8C8D;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.section-5 .rate span {
display:block;
color: #202020;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.section-5 .col {
display:flex;
align-items:center;
gap:25px;
}

.section-5 .button {
display:flex;
gap:10px;
}

.section-5 .btn {
display:block;
text-decoration:none;
cursor:pointer;
padding:10px 20px;
border-radius: 10px;
background: #FB1516;
box-shadow: 0px 0px 13.455px 0px rgba(255, 255, 255, 0.15);
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 17.94px; /* 112.127% */
}

.section-5 .btn:nth-child(2) {
background: #202020;
}

.section-5 .open {
cursor:pointer;
width:25px;
height:25px;
background:url(../images/section5-plus.svg) no-repeat;
}

.section-5 .open.active {
background:url(../images/section5-minus.svg) no-repeat;
}

.section-5 .hover {
border-radius: 10px;
background: #F8F8F8;
padding:30px 15px;
width:100%;
display:none;
}

.section-5 .hover ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:10px;
color: #1B1717;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 13.793px; /* 98.519% */
}

.section-5 .hover li {
padding:0 0 0 22px;
background:url(../images/section5-li.svg) no-repeat 0 center;
font-size: 16px;
margin-bottom: 0px !important;
}

.section-6 {
margin:0 0 60px 0;
color: #020817;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22.4px; /* 124.444% */
}

.section-6 h2 {
margin:40px 0 20px 0;
color: #020817;
font-family: "Inter", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 33.6px; /* 105% */
text-transform: capitalize;
}

.section-6 h2:first-child {
margin:0 0 20px 0;
}

h3 {
margin:40px 0 20px 0;
color: #020817;
font-family: "Inter", sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 33.6px; /* 105% */
text-transform: capitalize;
}

.footer {
background: #202020;
padding:43px 0;
margin-top: auto;
}

.footer .site-width {
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
}

.footer .logo a {
display:block;
text-decoration:none;
width:111px;
height:34px;
background:url(../images/logo.svg) no-repeat;
}

.footer .menu ul {
display:flex;
list-style:none;
margin:0px;
padding:0px;
gap:30px;
}

.footer .menu a {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 100% */
}

.speedbar {
margin:0 0 42px 0;
color: #596983;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 17.4px; /* 145% */
}

.speedbar a {
color: #596983;
position:relative;
margin:0 25px 0 0;
}

.speedbar a:after {
content:" » ";
position:absolute;
top:50%;
right:-19px;
transform: translate(0%, -50%);
}

h1 {
color: #151515;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 55.56px; /* 115.75% */
margin:0 0 40px 0;
}

.section-7 {
margin:0 0 60px 0;
}

.section-7 .flex {
display:flex;
gap:40px;
}

.section-7 .col-left {
flex:1;
border-radius: 12px;
overflow:hidden;
font-size:0px;
line-height:0px;
}

.section-7 iframe {
width:100% !important;
height:100% !important;
}

.section-7 .col-right {
width:387px;
}

.section-7 .title {
color: #020817;
font-family: "Inter", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 33.6px; /* 140% */
text-transform: capitalize;
margin:0 0 25px 0;
}

.section-7 .section-5 .flex {
gap:20px;
}

.section-7 .section-5 .flex .item {
padding:14px 15px;
}

.section-8 {
margin:0 0 60px 0;
}

.section-8 .head {
display:flex;
align-items:center;
gap:20px;
padding:0 0 20px 0;
margin:0 0 21px 0;
border-bottom: 1px solid #DCDDE1;
}

.section-8 .logo {
position:relative;
font-size:0px;
line-height:0px;
display:flex;
align-items:center;
justify-content: center;
width: 135px;
height: 135px;
padding:5px;
background: #18222C;
border-radius: 10px;
}

.section-8 .logo span {
position:absolute;
top:-14px;
right:-15px;
z-index:1;
display:flex;
align-items:center;
gap:5px;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
padding: 8px 8px 6px 10px;
color: #111;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 100% */
}

.section-8 .logo span:after {
content:"";
width:15px;
height:14px;
background:url(../images/star.svg) no-repeat;
}

.section-8 .info {
flex:1;
}

.section-8 .link {
display:block;
text-decoration:none;
cursor:pointer;
border-radius: 10px;
background: var(--Accent, #ED1F34);
box-shadow: 0px 0px 15.137px 0px rgba(255, 255, 255, 0.15);
padding:15px;
color: #FAFAFA;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20.183px;
width:100%;
max-width:300px;
}

.section-8 h1 {
color: #020817;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 33.6px; /* 93.333% */
margin:0 0 10px 0;
}

.section-8 .date {
display:flex;
flex-wrap:wrap;
gap:20px;
margin:0 0 10px 0;
color: #020817;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 17.4px; /* 124.286% */
}

.section-8 .date div {
display:flex;
align-items:center;
gap:5px;
}

.section-8 .date div:before {
content:"";
width:12px;
height:13px;
background:url(../images/section9-date.svg) no-repeat;
}

.section-8 .date span {
color: #FB1516;
font-weight: 600;
}

.section-8 .desc {
color: #1D1D1D;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 17.4px; /* 96.667% */
}

.section-8 .bottom {
display:flex;
align-items:center;
gap:50px;
}

.section-8 .col-left {
flex:1;
display:flex;
flex-wrap:wrap;
}

.section-8 .rating {
width:50%;
padding:10px 15px 10px 0;
display:flex;
align-items:center;
gap:12px;
color: #2E3246;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 187.5% */
}

.section-8 .rating span {
display:flex;
align-items:center;
gap:5px;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
padding: 8px 8px 6px 10px;
color: #111;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 100% */
}

.section-8 .rating span:after {
content:"";
width:15px;
height:14px;
background:url(../images/star.svg) no-repeat;
}

.section-8 .counter-rating {
text-align:center;
color: #111;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}

.section-8 .counter-rating span {
display:block;
color: #111;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 50.51px; /* 105.229% */
}

.section-8 ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:10px;
color: #1B1717;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 13.793px; /* 98.519% */
}

.section-8 li {
padding:0 0 0 30px;
background:url(../images/section5-li.svg) no-repeat 0 center;
line-height: 20px;
}

.section-5 .btn:nth-child(2):hover {
background:#4f4f4f;
}

.section-1 .btn:first-child:hover,
.section-4 .btn:hover {
background:#020817;
color:#fff;
}

.section-8 .link:hover,
.section-1 .btn:nth-child(2):hover,
.section-5 .btn:hover { 
background:#b60c33;
color:#fff;
}

.flex-slots .slot:hover {
color:#b60c33;	
}

.mobile-menu {
display:none;
}

.section-7 .col-right .section-5 {
margin:0px;
}







@media screen and (max-width:1300px) {

.flex-slots .slot {
width:calc(25% - 8px);
}




}







@media screen and (max-width:1200px) {

.section-1 .title {
font-size:36px;
}

.section-1 .desc {
font-size:16px;
}

.section-1 .site-width {
align-items:center;
}

.section-1 .images {
max-width:50%;
}

.section-8 .rating {
width:100%;
}

.section-8 .col-right {
flex:1;
}

.section-8 .link {
max-width:200px;
}

.section-8 h1 {
font-size:26px;
}



















}







@media screen and (max-width:1000px) {


.flex-slots .slot {
width:calc(33.333% - 7px);
}

.section-4 .flex {
gap:10px;
}

.section-4 .item {
width:calc(25% - 8px);
}

.section-4 .item .title {
font-size:20px;
}

.section-5 .item {
flex-wrap:wrap;
justify-content: center;
}

.section-5 .button {
width:100%;
}

.section-5 .btn {
flex:1;
}

.section-5 .item.column .head {
flex-wrap:wrap;
justify-content: center;
}

.section-7 .flex {
flex-direction:column;
}

.section-7 .col-right {
width:100%;
}

.section-7 .col-left {
text-align:center;
}









}







@media screen and (max-width:780px) {

.mobile-menu {
display:block;
cursor:pointer;
width:24px;
height:24px;
background:url(../images/mobile-menu.svg) no-repeat;
}

.header {
padding:20px 0;
position:relative;
}

.header .menu {
position:absolute;
top:100%;
right:0px;
z-index:9;
background: #191919;
box-shadow: 0px 10px 40px 0px rgba(109, 141, 173, 0.25);
padding:40px;
width:100%;
display:none;
text-align: center;
padding-bottom: 100%;
}
	
.header .menu a {
font-size: 22px;
line-height: 30px;
}

.header .menu ul {
flex-direction:column;
gap:20px;
}

.header .menu li {
padding:0px;
}

.header .menu ul ul {
position:relative;
top:auto;
left:auto;
transform: translate(0%, 0%);
padding:0px;
display:flex;
flex-direction:column;
gap:15px;
background:none;
margin:10px 0 0 0;
border: none !important;
}

.header .menu ul ul a {
color:#fff;
}

.header .menu .menu-item-has-children a:after {
display:none;
}

.section-1 .site-width {
flex-direction:column;
text-align:center;
}

.section-1 .col-left {
padding:0px;
text-align: left;
}
	
.font-bold {
text-align: left;
}

.section-1 .images {
max-width:100%;
text-align:center;
}

.section-1 .button {
flex-direction:column;
}

.section-1 .btn:first-child,
.section-1 .btn:nth-child(2) {
max-width:none;
}

.head-section .title {
font-size: 26px;
padding-bottom: 10px;
text-align: left;
line-height: 30px;
}

.head-section a {
font-size:14px;
justify-content: left;
padding-bottom: 20px;
}

.flex-slots .slot {
width:calc(50% - 5px);
margin:0px;
}

.head-section {
margin: 0 0 10px 0; 
}
	
.flex-slots .images {
height:150px;
}

.section-3 tr:first-child td, .section-3 td {
font-size:14px;
padding:20px;
}

.desc-section {
font-size:14px;
line-height:18px;
}

.section-4 .item {
width:100%;
min-height:inherit;
}

.section-5 .button {
flex-direction:column;
}

#top {
width:40px;
height:40px;
background-size:contain !important;
}

.section-6 {
font-size:14px;
line-height:18px;
}

.section-6 h2 {
font-size:24px;
}

.footer .site-width {
flex-direction:column;
gap:40px;
}

.footer .menu ul {
flex-direction:column;
text-align:center;
gap:20px;
}

.header .logo a {
width:100px;
height:31px;
background-size:contain !important;
}

h1 {
font-size:30px;
line-height:36px;
text-align:center;
margin:0 0 20px 0;
}

.section-8 .head {
flex-direction:column;
}

.section-8 .date {
align-items:center;
justify-content: center;
flex-direction:column;
gap: 10px;
}

.section-8 .link {
max-width:100%;
}

.section-8 .bottom {
flex-direction:column;
gap:20px;
}
	
.head-section {
display: block; 
}

.section-1 .images {
min-height:inherit;
padding-top:40px;
}

.section-8 .desc { 
color: #1D1D1D;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 28px;
text-align: center;	
}
.speedbar {
    margin: 0 0 20px 0;
}
.section-1 .images:before {
    bottom: -140px; 
}

















}