body {     padding: 0;     margin: 0;     font-family: Arial, sans-serif; }  a {     text-decoration: none; }  * {     box-sizing: border-box; }  .container {     max-width: 1600px;     margin: 0 auto; }  .header {     background-color: #4e86e5;     min-height: 50px; } .menu__btn {     display: none; } .menu__btn span {     display: block;     width: 35px;     height: 3px;     background: #fff;     border-radius: 5px;     margin-bottom: 5px; } .menu__btn span:last-child{     margin-bottom: 0; } .header-logo {     display: none; }  .header__inner__nav {     list-style: none;     display: flex;     justify-content: space-around;     align-items: center;     padding: 0;     margin: 0; }  .header__inner__nav__list__link { 	color: #fff;     display: inline-block;     font-weight: 600;     padding: 25px;     text-decoration: none;     white-space: nowrap;      }  .header__inner__nav__list {     margin-right: 25px; }  .header__inner__nav__list:last-child {     margin-right: 0; }  .header__inner__nav__list {     position: relative; } .logo {     width: 175px; } .logo .header__inner__nav__list__link {     width: 100%; } .header__inner__nav__list__link img {     left: 0;     max-width: none;     position: absolute;     top: 2px; } .breadcrumb ul {   display: flex;   list-style: none;   padding-left: 0; }  .breadcrumb ul li.active {     color: #999;     font-weight: 700; }  .breadcrumb ul li a {     color: #999; }  img {     max-width: 100%;     text-indent: -9999px; }  .main__title {     text-align: center;     margin-bottom: 75px; }  .main__casino__inner {     width: 75%;   padding-left: 15px; }  .main__casino__inner-item {     display: flex;     justify-content: space-between;     flex-wrap: wrap;     width: 100%; }  .main__casino__sidebar {     width: 24%;     padding-left: 10px; }  .main__casino {     display: flex; }  .btn {     background-image: none;     border: 1px solid transparent;     border-radius: 0;     cursor: pointer;     display: inline-block;     font-size: 13px;     font-weight: 400;     letter-spacing: .02em;     line-height: 1.42857143;     margin-bottom: 0;     padding: 6px 12px;     text-align: center;     touch-action: manipulation;     user-select: none;     vertical-align: middle;     white-space: nowrap; }  .footer {     background-color: #e8f2ff;     flex: 0 0 auto;     font-size: 90%;     margin-top: 25px; }  .footer-content {     padding: 30px 10px 45px; }  .footer-text-wrap {     display: flex; }  .footer-text-col1 {     flex-grow: 1; }  .footer-gabling-info {     color: #404040;     display: flex;     flex-wrap: wrap;     justify-content: space-between;     min-width: 250px;     padding: 10px 0; }  .footer-18-plus {     float: left;     height: 60px;     margin: 0 10px 10px 0;     width: 60px; }  .btn-block {     display: block;     width: 100%; }  .btn-primary {     background-color: #4e86e5;     border-color: #4e86e5;     color: #fff; }  .casino-list__register-btn {     display: block;     border-bottom: 1px solid #428bca;     text-decoration: none;     transition: border .3s;     margin: 50px auto 0;     max-width: 400px;     white-space: normal; }  .bonus-card {     background-color: #fff;     border: 1px solid;     border-color: #eee #eee #dfdfe1;     box-shadow: 0 2px 3px -2px #ddd;     flex-basis: 32.5%;     margin-bottom: 40px;     max-width: 375px;     min-height: 300px; }  .bonus-card, .bonus-card__content {     display: flex;     flex-direction: column; }  .bonus-card {     flex-basis: auto;     margin: 0 0 0 10px;     max-width: none;     min-height: 255px;     min-width: 254px;     width: 227px; }  .bonus-card:first-child {     margin-left: 0; }  .bonus-card__img-wrap {     position: relative; }  .bonus-card__img-link {     display: block;     overflow: hidden;     position: relative;     text-align: center; }  .section__img_bg {     height: 130px;     margin-bottom: 5px;     overflow: hidden;     text-align: center;     width: 100%; }  .section__img_bg {     height: 100px; }  .section__img {     height: 100%; }  .section__img img {     height: 100%;     object-fit: cover;     object-position: center;     width: 100%; }  .bonus-card__casino-name {     background-color: rgba(0, 0, 0, .25);     bottom: 5px;     color: #fff;     font-family: Open Sans, Arial, Helvetica, Verdana, sans-serif;     font-size: 80%;     font-weight: 700;     padding: 2px 5px;     position: absolute;     right: 0;     text-align: center;     text-transform: uppercase;     width: 100%; }  .bonus-card, .bonus-card__content {     display: flex;     flex-direction: column; }  .bonus-card__content {     flex-grow: 1;     padding: 0 10px 10px; }  .bonus-card__bonus-size {     height: 82px;     padding: 8px 0 10px;     text-align: center;     width: 100%; }  .bonus-card__bonus-size {     flex-grow: 1; }  .bonus-card__hint {     color: #999;     font-size: 85%; }  .bonus-card__bonus-size .bonus-card__hint {     position: relative;     top: 2px; }  .bonus-card__bonus-size-value {     font-weight: 700; }  .bonus-card__bonus-size-value {     font-size: 18px; }  .bonus-card__dop-bonus-size-value {     font-size: 95%;     font-weight: 600;     line-height: 1.2; }  .bonus-card__buttons {     text-align: center; }  .bonus-card__options {     border-top: 1px solid #eee;     display: flex;     justify-content: space-between;     padding-top: 8px;     position: relative;     width: 100%; }  .bonus_card__option:first-child {     margin-right: 7px; }  .bonus-card__option-value {     text-align: center; }  .bonus-card__hint {     color: #999;     font-size: 85%; }  .bonus-card__bonus-wager-value {     font-size: 14px;     font-weight: 700; }  .bonus-card__bonus-code-value {     font-size: 85%; }  .bonus-list {     display: flex;     flex-wrap: wrap; }  @media only screen and (max-width: 1075px) {     .main__casino__sidebar {         width: 350px;     }      .casino-card {         flex-basis: 100%;     } }  @media only screen and (max-width: 921px) {     .container {         padding: 0 10px;     }      .main__casino__sidebar {         display: none;     }      .main__casino__inner {         width: 100%;     }      .casino-card {         flex-basis: 33%;     }      .footer-text-wrap {         display: block;     } }  @media only screen and (max-width: 580px) {     .casino-card {         flex-basis: 50%;     }      .header__inner__nav {         display: none;         position: fixed;         right: 0;         top: 60px;         z-index: 100;         background: #4e86e5;         height: 100%;         width: 320px;     }      .header__inner__nav__list.logo {         display: none;     }      .header-logo {         display: block;     }      .header__inner {         display: flex;         justify-content: space-between;         align-items: center;     }      .menu__btn {         display: block;     } } @media only screen and (max-width: 537px) {     .bonus-card {         width: 100%;     }     .bonus-card {         margin-left: 0;     } }  @media only screen and (max-width: 450px) {     .casino-card {         flex-basis: 100%;         max-width: 100%;     } }    .widget {             background-color: #fafafa;             padding: 0 15px 15px;         }         .widget + .widget {             margin-top: 30px;         }         .widget-title {             margin: 0 -15px;             background-color: #fff;             border-bottom: 1px solid #121212;             margin-bottom: 20px;         }         .widget-title span {             background-color: #121212;             display: inline-block;             color: #fff;             padding: 8px 15px 7px;             text-transform: uppercase;             letter-spacing: 1px;             font-size: 13px;             font-weight: 700;         }         .tab-nav {             border-bottom: solid #B2B7BA 1px;             margin-bottom: 15px;         }         .tab-nav a {             background: #E3E4E5;             border: 1px solid #B2B7BA;             margin-bottom: -1px;             font-weight: bold;             font-size: 16px;             line-height: 23px;             color: #3F4143;             flex: 1;             padding: 5px 0;             text-decoration: none;             margin-right: 5px;             text-align: center;         }         .tab-nav a.is-active {             background: #1E88E5;             color: #fff;             border: 1px solid #1E88E5;         }         .tab-content.is-active {             display: block;         }         .item__brand {             position: relative;         }         .widget .item {             clear: both;             margin-top: 20px;             min-height: 80px;         }         .widget .item.first {             margin-top: 0;             padding-top: 0;         }         .item__logo {             position: relative;             display: block;             width: 100px;             height: 80px;             margin-right: 15px;             float: left;         }         .item__logo img {             height: 80px;             width: 100px;             object-fit: cover;             max-width: 100%;             outline: 0;         }         .item__name {             font-weight: bold;             font-size: 18px;             line-height: 18px;             color: #9A9D9F;             text-decoration: none;             margin-bottom: 6px;             display: inline-block;             max-width: 175px;         }         .sidebar a,         .item__name {             color: #242526;         }         .item__brand .item__rate {             position: absolute;             right: 0;             top: -2px;             font-size: 18px;             line-height: 18px;             font-weight: bold;         }         .item__brand .item__rate:before {             content: "";             display: inline-block;             width: 19px;             height: 18px;             margin-right: 5px;             vertical-align: text-top;             background-repeat: no-repeat;             background-position: center;             background-image: url(/shared/2779/stars.svg);         }         .item__description {             font-size: 15px;             line-height: 15px;             margin-bottom: 10px;         }         .item__description[onclick] {             cursor: pointer;             transition: all linear .15s;         }         .code-wrapper {             background: #FFC530;             border-radius: 3px;             font-size: 14px;             line-height: 18px;             width: calc(100% - 115px);             max-width: 250px;             display: flex;             align-items: center;             justify-content: center;             height: 30px;         }         .code-wrapper.link {             text-decoration: none;             color: #242526;             transition: ease-out all .3s;         }         .widget__label {             font-size: 11px;             line-height: 15px;             color: #FFF;             text-transform: uppercase;             position: absolute;             z-index: 1;             display: inline-block;             padding: 4px 10px;             top: -10px;             left: -2px;         }         .widget__label:before {             content: '';             background: linear-gradient(180deg,#F72A2A 0,#F00 50%,#D60000 100%);             box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);             position: absolute;             left: 0;             top: 0;             width: 100%;             height: 100%;             transform: skew(-15deg);             z-index: -1;         }         .widget__label:after {             content: '';             position: absolute;             left: -2px;             bottom: -4px;             border: 2px solid transparent;             border-top: 2px solid #8D0000;             border-right: 2px solid #8D0000;         }         .item__more {             border-top: 1px solid #E0E0E0;             font-weight: bold;             font-size: 16px;             line-height: 22px;             text-align: center;             color: #242526;             padding: 10px 0 0;             text-decoration: none;             display: block;             margin-top: 20px;         } .widget {   position: sticky;     top: 10px; }  .header__inner__nav__list__link { 	color: #fff;     display: inline-block;     font-weight: 600;     padding: 25px;     text-decoration: none;     white-space: nowrap;      } .nav__inner__menu {                       position: absolute;   top: 50px;   left: 0;   background-color: #4e86e5;   z-index: 1;   display: none; } .nav__inner__menu ul {   list-style: none;   padding-left: 0; } .nav__inner__menu ul li {   padding: 10px; } .nav__inner__menu ul li a {   color: #fff; } .header__inner__nav__list-btn:hover .nav__inner__menu {   display: block; }