@font-face {

  font-family: "Roboto";

  src: url("../font/Roboto-Regular.ttf") format("truetype");

  font-weight: 400;

  font-style: normal; }

@font-face {

  font-family: "Roboto";

  src: url("../font/Roboto-Bold.ttf") format("truetype");

  font-weight: 700;

  font-style: normal; }

h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

span,

label,

body {

  font-family: 'Roboto', sans-serif;

  font-style: normal; }



h1,

h2,

h3,

h4,

h5,

h6,

label {

  font-weight: 700; }



a {

  text-decoration: none; }



.header {

  background: #0f3d99;

  padding: 1rem 0;

  z-index: 99;

  position: relative; }



.flex-row-between {

  display: flex;

  align-items: center;

  justify-content: space-between; }



.flex-row-center {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 2rem; }



.custom-logo-link {

  display: block; }

  .custom-logo-link img {

    width: 200px;

    height: auto; }



.container {

  padding: 0 4rem; }



.header-menu-wrap {

  position: relative; }

  .header-menu-wrap .header-menu {

    display: none;

    position: absolute;

    top: 0;

    right: 0;

    background-color: #fff;

    border-radius: .5rem;

    box-shadow: 0 4px 32px 2px rgba(3, 15, 39, 0.16);

    min-width: 420px;

    max-height: 800px;

    overflow: auto; }

    .header-menu-wrap .header-menu.show {

      display: block; }

    .header-menu-wrap .header-menu .menu-title {

      display: flex;

      align-items: center;

      justify-content: space-between;

      padding: 1rem;

      border-bottom: 1px solid #e6eaf5; }

      .header-menu-wrap .header-menu .menu-title h3 {

        margin-bottom: 0; }

      .header-menu-wrap .header-menu .menu-title .menu-closer {

        border: 1px solid #e6eaf5;

        background-color: rgba(0, 0, 0, 0);

        color: #5a6270;

        padding: 0.5rem;

        width: 40px;

        height: 40px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 5px;

        transition: .3s; }

        .header-menu-wrap .header-menu .menu-title .menu-closer:hover {

          background-color: #f0f5f9; }

        .header-menu-wrap .header-menu .menu-title .menu-closer svg {

          width: 20px;

          height: 20px; }

    .header-menu-wrap .header-menu ul {

      padding: 0;

      margin: 0;

      list-style: none; }

      .header-menu-wrap .header-menu ul li {

        border-bottom: 1px solid #e6eaf5;

        position: relative; }

        .header-menu-wrap .header-menu ul li::before {

          content: '';

          display: block;

          width: 12px;

          height: 12px;

          position: absolute;

          top: 21px;

          left: 7px;

          background-image: url(../imgs/down.svg);

          background-size: contain;

          background-position: center;

          background-repeat: no-repeat; }

        .header-menu-wrap .header-menu ul li:last-child {

          border-bottom-color: transparent; }

        .header-menu-wrap .header-menu ul li.menu-item-has-children.show::before {

          transform: rotate(90deg); }

        .header-menu-wrap .header-menu ul li.menu-item-has-children.show .sub-menu {

          display: block; }

        .header-menu-wrap .header-menu ul li.menu-item-has-children .sub-menu {

          display: none;

          border-left: 1px solid #5a6270;

          margin-left: 1rem;

          margin-bottom: 0.5rem; }

          .header-menu-wrap .header-menu ul li.menu-item-has-children .sub-menu li::before {

            display: none; }

          .header-menu-wrap .header-menu ul li.menu-item-has-children .sub-menu a {

            padding: 0.5rem;

            color: #0d60c5; }

        .header-menu-wrap .header-menu ul li a {

          color: #16233d;

          padding: 1rem;

          padding-left: 1.5rem;

          display: block;

          width: 100%;

          transition: .3s; }

          .header-menu-wrap .header-menu ul li a:hover {

            background-color: #f0f5f9; }



.menu-toggler {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 5px;

  position: relative;

  background-color: rgba(13, 96, 197, 0.5);

  color: #fff;

  font-weight: bold;

  padding: 1rem;

  border-radius: .5rem;

  transition: .3s; }

  .menu-toggler:hover {

    background-color: #0d60c5;

    color: #fff; }

  .menu-toggler .toggler {

    position: relative;

    width: 16px;

    height: 16px; }

    .menu-toggler .toggler span {

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 2px;

      background-color: #fff; }

      .menu-toggler .toggler span:nth-child(2) {

        top: 6px; }

      .menu-toggler .toggler span:nth-child(3) {

        top: 12px; }



.footer {

  background: #0f3d99;

  padding: 2rem 0; }



.top {

  background-color: #0f3d99;

  background-image: linear-gradient(#0f3d99, #0585db);

  padding: 5rem 0; }

  .top .text {

    color: #fff;

    margin-bottom: 3rem; }

    .top .text h1 {

      font-size: 4rem; }

  .top .block-card {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 1rem;

    background-color: #fff;

    color: #16233d;

    border-radius: .5rem;

    min-width: 244px;

    transition: .5s; }

    .top .block-card img {

      max-width: 64px;

      height: auto;

      margin-bottom: 1rem; }

    .top .block-card:hover {

      transform: translateY(-10px); }



.media-logos-section {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  color: #8da3cc;

  border-bottom: 1px solid #e6eaf5;

  margin-top: 1rem;

  margin-left: auto;

  margin-right: auto;

  padding-bottom: 1rem; }

  .media-logos-section .media-logo {

    display: flex;

    flex: 1 0 auto;

    justify-content: center;

    overflow: hidden; }

    .media-logos-section .media-logo .media-logo-wrapper {

      width: auto;

      height: 2.75rem;

      margin: 1rem; }



.footer-mid {

  color: #fff;

  text-align: left;

  border-bottom: 1px solid rgba(112, 198, 255, 0.25);

  margin-bottom: 2rem;

  padding-bottom: 2rem; }



.footer-bottom {

  color: #fff; }



.icon-large {

  display: flex;

  width: 1.5rem;

  height: 1.5rem; }



.icon-row {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-start;

  margin-top: 1.5rem;

  gap: 10px;

  list-style: none; }

  .icon-row a {

    margin-right: .5rem;

    color: #70c6ff; }



.footer-top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 2rem;

  margin-bottom: 2rem;

  padding-bottom: 2rem;

  border-bottom: 1px solid rgba(112, 198, 255, 0.25); }



.footer-nav {

  display: flex;

  align-items: flex-start;

  justify-content: flex-end;

  gap: 2rem; }



.back-to-top {

  background-color: rgba(13, 96, 197, 0.5);

  padding: 1rem;

  font-size: 1rem;

  font-weight: 500;

  color: #fff;

  border-radius: 5px;

  transition: .3s; }

  .back-to-top:hover {

    background-color: #0d60c5;

    color: #fff; }



.menu-wrap h6 {

  color: #fff; }

.menu-wrap .footer-menu {

  list-style: none;

  padding: 0; }

  .menu-wrap .footer-menu a {

    padding: .5rem 0;

    color: #70c6ff; }

    .menu-wrap .footer-menu a:hover {

      color: #0d60c5; }



.trust-links {

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-items: center;

  margin-bottom: 1rem;

  gap: 1rem; }



.awards-section {

  display: flex;

  border-top: 1px solid rgba(112, 198, 255, 0.25);

  flex-wrap: wrap;

  justify-content: flex-start;

  align-items: center;

  padding-top: 1.5rem;

  gap: 1rem; }



.casinos {

  padding: 2rem 0;

  margin: 1rem 0; }

  .casinos ul {

    display: grid;

    grid-row-gap: 1rem;

    width: 100%;

    list-style: none;

    padding: 0; }



.bonus-item {

  display: flex;

  flex-wrap: wrap;

  overflow: hidden;

  background-color: #fff;

  position: relative;

  width: 100%;

  border: 1px solid #f0f5f9;

  border-radius: .5rem; }

  .bonus-item .bonus-item-info {

    padding: 1rem;

    flex: 0 auto; }

    .bonus-item .bonus-item-info img {

      display: block;

      width: 182px;

      height: auto;

      border-radius: 5px;

      border: 1px solid #e6f5e8; }

    .bonus-item .bonus-item-info .bonus-item-rating {

      display: flex;

      margin-top: 1rem;

      justify-content: center;

      align-items: flex-start; }

      .bonus-item .bonus-item-info .bonus-item-rating div {

        font-size: 1.4em;

        line-height: 1.2em;

        font-weight: bold; }

        .bonus-item .bonus-item-info .bonus-item-rating div .rating-secondary {

          font-size: 0.8em;

          font-weight: normal; }

      .bonus-item .bonus-item-info .bonus-item-rating svg {

        margin-right: .25rem;

        width: 1.25rem;

        height: 1.25rem;

        color: #ffc800; }

  .bonus-item .bonus-item-content {

    display: flex;

    padding: 0;

    flex: 1; }

  .bonus-item .offers {

    display: grid;

    grid-row-gap: 1rem;

    justify-items: start;

    align-items: start;

    align-content: start;

    padding-top: 1rem;

    padding-bottom: 1rem;

    flex: 1; }

    .bonus-item .offers .title {

      display: flex;

      align-items: center;

      justify-content: flex-start;

      gap: 1rem; }

      .bonus-item .offers .title a {

        color: #16233d; }

      .bonus-item .offers .title .bonus-label {

        display: block;

        padding: 0.5rem;

        border-radius: 5px;

        color: #fff;

        font-size: 0.5em; }

        .bonus-item .offers .title .bonus-label.red {

          background-color: #ff441f; }

        .bonus-item .offers .title .bonus-label.green {

          background-color: #00994d; }

        .bonus-item .offers .title .bonus-label.purple {

          background-color: #9d50c7; }

  .bonus-item .bonus-item-cta {

    display: flex;

    width: 100%;

    max-width: 320px;

    padding: 1rem;

    flex-direction: column;

    flex: 0 0 auto;

    text-align: center; }

  .bonus-item .green-info {

    display: grid;

    grid-row-gap: .5rem;

    margin-bottom: 1rem;

    padding: .5rem;

    border-radius: .5rem;

    background-color: #e6f5e8;

    color: #006633;

    font-size: 0.8em; }

    .bonus-item .green-info .green-info-row {

      display: flex;

      justify-content: space-between;

      align-items: flex-end; }

      .bonus-item .green-info .green-info-row .line-dash {

        margin-bottom: 0.25rem;

        flex: 1;

        border-bottom: 1px dashed rgba(0, 102, 51, 0.4); }

  .bonus-item .btn_disclaimer {

    margin-top: 1rem;

    color: #006633;

    text-align: center; }

  .bonus-item .payment-methods {

    display: flex;

    justify-content: center;

    margin-top: 1rem;

    gap: 5px; }



.btn-green {

  display: block;

  padding: 1rem;

  border-radius: .5rem;

  background-color: #008542;

  transition: all 160ms ease;

  color: #fff;

  font-size: 1.2em;

  line-height: 1.2em;

  font-weight: 700;

  text-align: center;

  cursor: pointer; }

  .btn-green:hover {

    background-color: #00994d;

    color: #fff; }



.bg-sky {

  background-color: #f2f6ff;

  padding-bottom: 1rem; }



.bg-sky-linear {

  background-image: linear-gradient(180deg, #fff, #f2f6ff 16%);

  padding-bottom: 1rem; }



#breadcrumbs {

  color: #5a6270;

  font-size: 0.9em; }

  #breadcrumbs a {

    color: #5a6270; }

    #breadcrumbs a:hover {

      color: #404347; }



.casino-block {

  overflow: hidden;

  border: 1px solid #e6eaf5;

  border-radius: .5rem;

  background-color: #fff;

  padding: 1rem;

  height: 100%; }



table th,

table td {

  border: 1px solid #ddd;

  padding: 5px; }



.top-promotion {

  display: block;

  background-color: #70c6ff;

  color: #16233d;

  padding: .8rem;

  text-align: center;

  font-size: .9em; }

  .top-promotion:hover {

    color: #16233d; }



.statebar-block {

  padding: .5rem 0;

  font-size: .9em; }



.admin-bar .fixed-bonus {

  top: 32px; }



.fixed-bonus {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

  background: #fff;

  border-bottom: 1px solid #ddd;

  padding: 1rem 0;

  display: none; }

  .fixed-bonus.show {

    display: block; }

  .fixed-bonus img {

    width: 182px;

    border-radius: 8px; }

  .fixed-bonus .container {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 1rem; }

    .fixed-bonus .container .content {

      flex-grow: 1; }



.faq-item {

  position: relative;

  padding: 1rem;

  border-radius: .5rem;

  background-color: #d1eaff;

  margin-bottom: 0.5rem; }

  .faq-item.show .question::after {

    content: '-'; }

  .faq-item.show .answer {

    height: auto; }

  .faq-item .question {

    position: relative;

    padding-right: 30px;

    font-weight: bold; }

    .faq-item .question::after {

      content: '+';

      position: absolute;

      right: 0;

      top: -3px;

      display: flex;

      align-items: center;

      justify-content: center;

      background-color: #fff;

      width: 30px;

      height: 30px;

      border-radius: 3px;

      font-weight: bold;

      cursor: pointer; }

  .faq-item .answer {

    overflow: hidden;

    height: 0; }



h3 {

  margin-bottom: 1.5rem; }



.trust {

  color: #16233d; }

  .trust:hover {

    color: #16233d; }



.trust-pilot-wrapper {

  display: block;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  margin-top: 3rem;

  margin-bottom: 3rem;

  padding-top: 2rem;

  padding-bottom: 2rem; }

  .trust-pilot-wrapper .trust-pilot-title {

    display: flex;

    justify-content: center;

    margin-bottom: 2rem;

    font-size: 1.1em;

    font-weight: 500; }

    .trust-pilot-wrapper .trust-pilot-title .trust-pilot-logo {

      width: 7.25rem;

      margin-left: .5rem;

      margin-top: -.25rem; }

  .trust-pilot-wrapper .layout-grid {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-row-gap: 1rem;

    grid-column-gap: 1rem;

    align-items: stretch; }

    .trust-pilot-wrapper .layout-grid .trust-pilot-review {

      display: flex;

      text-align: center;

      flex-direction: column;

      align-items: center; }

      .trust-pilot-wrapper .layout-grid .trust-pilot-review svg {

        height: 1.375rem;

        -o-object-fit: cover;

        object-fit: cover;

        border-radius: 3px; }

      .trust-pilot-wrapper .layout-grid .trust-pilot-review div {

        margin-top: 1rem;

        color: #5a6270; }



.grid {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  grid-row-gap: 1rem;

  grid-column-gap: 1rem;

  align-items: stretch; }



.card-item {

  display: flex;

  flex-direction: column;

  overflow: hidden;

  max-width: 100%;

  border-radius: .5rem;

  border: 1px solid #ddd;

  color: #16233d; }

  .card-item:hover {

    color: #16233d; }

  .card-item .card-item-info {

    padding: 1rem;

    background: #fff;

    display: flex;

    flex-direction: column;

    height: 100%;

    align-items: center;

    justify-content: space-between;

    gap: 1rem; }



.btn-pseudo {

  color: #0d60c5;

  background-color: #fff;

  border: 1px solid #ddd;

  padding: .8rem;

  display: block;

  width: 150px;

  text-align: center;

  border-radius: 0.5rem; }

  .btn-pseudo:hover {

    background-color: #d1eaff; }



.author-and-ad-disclosure {

  color: #5a6270;

  font-size: .9em;

  margin-bottom: 1rem; }



.post-img {

  width: 100%;

  height: auto;

  margin-bottom: 1rem;

  border-radius: 1rem; }



.container-post {

  max-width: 824px; }



.author {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

  gap: 1rem;

  margin: 2rem 0;

  padding: 2rem 0;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd; }

  .author .avatar {

    width: 64px;

    height: 64px;

    border-radius: 0.5rem;

    overflow: hidden;

    flex-shrink: 0; }

    .author .avatar img {

      width: 100%;

      height: 100%;

      object-fit: cover;

      object-position: center; }

  .author .name {

    flex-shrink: 0; }

    .author .name p {

      margin-bottom: 0.2rem;

      font-size: .9em; }

  .author .description {

    flex-grow: 1; }



.news-img {

  width: 100%;

  height: 12rem;

  -o-object-fit: cover;

  object-fit: cover;

  flex-shrink: 0; }



.news-title {

  color: #16233d;

  font-size: 1.1em;

  font-weight: bold; }

  .news-title:hover {

    color: #16233d; }



.excerpt {

  font-size: .9em;

  color: #404347;

  text-overflow: ellipsis;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical; }



.news-author {

  width: 100%;

  font-size: .8em;

  color: #404347; }



.posts {

  margin: 3rem 0; }



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

  .author {

    flex-wrap: wrap; }

    .author .description {

      width: 100%; }



  .trust-pilot-wrapper .layout-grid {

    grid-template-columns: 1fr; }



  .grid {

    grid-template-columns: 1fr; }



  .admin-bar .fixed-bonus {

    top: unset; }



  .fixed-bonus {

    top: unset;

    bottom: 0; }

    .fixed-bonus .container {

      flex-direction: column; }

    .fixed-bonus img {

      display: none; }

    .fixed-bonus .content {

      display: none; }



  .container {

    padding: 0 1rem; }



  .header-menu-wrap .header-menu {

    position: fixed;

    top: 0;

    left: 0;

    min-width: 100%;

    max-height: 100%;

    width: 100%;

    height: 100%;

    z-index: 999; }



  .flex-row-center {

    flex-direction: column; }



  .media-logos-section {

    flex-wrap: wrap; }



  .footer-top {

    flex-direction: column; }



  .footer-nav {

    flex-direction: column; }



  .awards-section {

    justify-content: center; }



  .toggler-text {

    display: none; }



  .top .text h1 {

    font-size: 2.5rem; }



  .top .block-card img {

    margin-bottom: 0;

    margin-right: 1rem; }



  .top .block-card {

    flex-direction: row;

    width: 100%;

    justify-content: flex-start; }

    .top .block-card h6 {

      margin-bottom: 0; }



  .bonus-item .bonus-item-content {

    display: block; }

  .bonus-item .bonus-item-info {

    display: flex;

    width: 100%;

    padding-bottom: 0;

    justify-content: space-between; }

  .bonus-item .offers {

    padding: 1rem; }

  .bonus-item .bonus-item-cta {

    max-width: 100%; } }