:root {
  --body-bg-color: #f8fafc;
  --body-text-color: #222222;
  --heading-color: #222222;
  --hero-gradient1: #127a7a;
  --hero-gradient2: #111c36;
  --footer-bg-color: #0d0d0d;
  --link-color: #127a7a;
  --header-bg-color: #ffffff;
  --font-family: 'Open Sans', sans-serif;
  --nav-link-color: #141414;
  --footer-text-color: #ffffff;
  --header-text-color: #ffffffff;
}

html {
  overflow-x: hidden;
}

body {
  background-color: var(--body-bg-color);
  color: var(--body-text-color) !important;
  font-family: var(--font-family);
  line-height: 1.6;
  min-height: 100vh;
  display: flex;
  flex-direction: column;

}


h1 {
  font-size: clamp(2rem, 4vw, 2.5rem) !important;
}

h2 {
  font-size: clamp(1.6rem, 3vw, 2rem) !important;
}

h3 {
  font-size: clamp(1.4rem, 3vw, 1.7rem) !important;
}

p {
  margin-bottom: 0.5rem !important;
}

section {
  padding: 15px 0;
  scroll-margin-top: 90px;
}



.content-area a {
  color: var(--link-color) !important;
  text-decoration: none !important;
}

.content-area a:hover {
  color: var(--link-color) !important;
  opacity: 0.8;
}

.sidebar-page-list {
  padding: 0;
  margin: 0;
  margin-bottom: 17px;
  width: 279px;
}

.sidebar-page-list li {
  list-style-type: disc;
  list-style-position: inside;
  color: var(--heading-color);
}

.sidebar-page-list li::marker {
  color: var(--link-color);
  font-size: 1.2em;
}

.sidebar-page-list li:last-child {
  border-bottom: none;
}

.sidebar-page-list li a {
  padding: 12px 0;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
  color: var(--link-color);
}

.sidebar-page-list li a:hover {
  padding-left: 11px;
}

.error_page {
  min-height: 70vh;
}


.footer {
  background-color: var(--footer-bg-color);
  color: var(--footer-text-color);
}

.footer a {
  text-decoration: none;
  color: var(--link-color) !important;
}

.navbar {
  background-color: var(--header-bg-color) !important;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.hero-section.gradient-bg {
  background: linear-gradient(135deg, var(--hero-gradient1), var(--hero-gradient2));
}

.hero-section .container {
  position: relative;
  z-index: 2;
}


.navbar-light .navbar-nav .nav-link {
  color: var(--nav-link-color, #141414) !important;
}

.navbar-light .navbar-nav .nav-link.active {
  color: var(--link-color) !important;
  font-weight: bold;
}

/* Mobile nav */
@media (max-width: 1199.98px) {
  .navbar-collapse {
    position: fixed;
    top: 61px;
    left: 15px;
    right: 15px;
    background-color: color-mix(in srgb, var(--header-bg-color) 65%, transparent);
    backdrop-filter: blur(12px);
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    padding: 15px;
    margin: 0;
  }

  .navbar-nav {
    width: 100%;
  }

  .navbar-nav .nav-item {
    margin: 7px 0;
  }

  .navbar-nav .nav-item:hover {
    transform: translateY(-1px);
  }

  .navbar-nav .nav-link {
    font-size: 1.2rem;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 0;
  }

  .navbar-toggler {
    z-index: 10000;
    position: relative;
    border: var(--bs-border-width) solid var(--nav-link-color, #141414) !important;
  }
}

.custom-dropdown {
  border: 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
  min-width: 220px;
  background: color-mix(in srgb,
      var(--header-bg-color) 65%,
      transparent) !important;
  backdrop-filter: blur(12px);
}

.custom-dropdown .dropdown-item {
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
  color: var(--nav-link-color, #141414) !important;
  font-weight: 500;
  border-radius: 0;
  text-wrap: wrap;
}

.dropdown-menu {
  display: none;
}

.custom-dropdown .dropdown-item:hover {
  color: #fff;
  background: color-mix(in srgb,
      var(--header-bg-color) 95%,
      transparent) !important;
}

.nav-item.dropdown>.nav-link {
  display: flex;
  align-items: center;
}

.nav-item.dropdown>.nav-link .arrow {
  position: relative;
  margin-left: auto;
  border: solid var(--nav-link-color, #141414);
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.25s;
}

.dropdown.open .dropdown-menu {
  display: block;
}

@media (min-width: 1200px) {
  .nav-item.dropdown {
    position: relative;
  }

  .nav-item.dropdown>.nav-link .arrow {
    margin-left: 7px;
  }

  .custom-dropdown.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    z-index: 1000;
  }

  .nav-item.dropdown:hover>.nav-link .arrow {
    transform: rotate(-135deg);
  }

  .nav-item.dropdown:hover>.dropdown-menu {
    display: block !important;
  }
}

@media (max-width: 1199px) {
  .nav-item.dropdown>.nav-link .arrow {
    padding: 4px;
  }
}





.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: -15px;
  z-index: 99999;
  background-color: var(--link-color);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: var(--footer-bg-color);
  line-height: 0;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, var(--link-color), transparent 20%);
  color: var(--footer-bg-color);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}

/*NEW CSS*/

/* =========================
   BASE & RESET
   ========================= */

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

body,
div,
p,
span,
nav,
h1,
h2,
h3,
ul,
li,
table,
thead,
tbody,
tr,
th,
td,
img,
strong,
a,
time {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

ul {
  list-style: none;
}

p {
  margin: 14px 0;
  line-height: 1.5;
}

a {
  color: #ffffff;
  background-color: transparent;
  text-decoration: underline;
  word-break: break-word;
}

a:hover {
  color: #0d7a7a;
  text-decoration: none;
  cursor: pointer;
}

.mr-1 {
  margin-right: 10px !important;
}

/* Headings */

h1,
h2,
h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #111b36;
  margin: 14px 0;
}

h1 {
  font-size: 50px;
  color: #4dbca2;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

/* Responsive headings */

@media (max-width: 799px) {
  h1 {
    font-size: 30px !important;
  }

  h2 {
    font-size: 26px !important;
  }
}

@media (max-width: 639px) {
  h1 {
    font-size: 24px !important;
  }

  h2 {
    font-size: 22px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  .section-box>p {
    margin: 10px 0;
  }
}

/* =========================
   LAYOUT & UTILITIES
   ========================= */

.section {
  position: relative;
}

.section-box {
  padding: 1px 0;
  margin-bottom: 20px;
}

.section-box:first-child:last-child {
  margin-bottom: 0;
}

.section h2,
.section h3,
.section h4,
.section h5,
.section h6 {
  color: inherit;
}

.main-width,
.main-width-md {
  margin: 0 auto;
}

@media (min-width: 1300px) {
  .main-width-md {
    width: 1060px;
  }

  .main-width {
    width: 1200px;
  }
}

@media (max-width: 1299px) and (min-width: 1024px) {

  .main-width-md,
  .main-width {
    width: 924px;
  }
}

@media (max-width: 1023px) and (min-width: 800px) {

  .main-width-md,
  .main-width {
    width: 760px;
  }
}

@media (max-width: 799px) {

  .main-width-md,
  .main-width {
    width: calc(100% - 20px);
  }
}


/* Flex & alignment */

.d-flex {
  display: flex !important;
}

.dir-column {
  flex-direction: column;
}

.d-align-items-center,
.flex-align-center {
  align-items: center;
}

.w-100 {
  width: 100% !important;
}

.w-50 {
  width: 50%;
}

.block {
  display: block !important;
}

.text-align-center,
.text--center {
  text-align: center !important;
}

.white-color {
  color: #fff !important;
}

/* Clearfix */

.clear::after {
  content: "";
  display: block;
  clear: both;
}

/* =========================
   HERO SECTION (NEW HTML)
   ========================= */

.hero-section.gradient-bg {
  background: linear-gradient(to bottom,
      #364d54 0%,
      #294b54 9%,
      #1f454f 29%,
      #123346 59%,
      #123346 100%);
  color: #f3f4f5;
}

.hero-section .container {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 10px;
}

.hero-section .justify-content-center {
  display: flex;
  justify-content: center;
}

.hero-section .text-center {
  text-align: center;
  flex-direction: column;
}

.hero-section h1,
.hero-section p {
  margin: 14px 0;
}

.hero-section h1 {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.4;
  color: #4dbca2 !important;
}

.hero-section p {
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 799px) {
  .hero-section h1 {
    font-size: 30px !important;
  }

  .hero-section .container {
    padding: 0 15px;
  }
}

@media (max-width: 639px) {
  .hero-section h1 {
    font-size: 24px !important;
  }
}

/* =========================
   COUNTRY PROFILE / TABLES
   ========================= */

.section--country-profile .main-width {
  padding: 0 12px;
}

.section--country-profile h2 {
  font-size: 36px;
}

@media (max-width: 799px) {
  .section--country-profile h2 {
    font-size: 26px !important;
  }
}

@media (max-width: 639px) {
  .section--country-profile h2 {
    font-size: 22px !important;
  }
}

/* Font sizing helper */

.font-weight-bold {
  font-weight: 700 !important;
}

.font-size-ms {
  line-height: 1.3;
}

@media (min-width: 640px) {
  .font-size-ms {
    font-size: 19px !important;
  }
}

@media (max-width: 639px) {
  .font-size-ms {
    font-size: 18px !important;
  }
}

/* Lists */

ul:not(.list-r) {
  margin: 20px 0;
  padding-left: 30px;
}

ul:not(.list-r).navbar-nav {
  margin: 0;
}

ul:not(.list-r)>li:not(:last-child) {
  margin-bottom: 20px;
}

ul.curr-list li,
ul.depwith-list li {
  display: inline-block;
  vertical-align: middle;
}

ul.curr-list li::before {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 2px 0 7px;
  position: relative;
  top: -2px;
  content: "";
}

.curr-list__chf::before {
  background: url(/images/chf-circle.svg) 0 0 no-repeat;
}

ul.depwith-list li:not(:last-child) {
  margin-right: 6px;
}

/* Table base */

.table-wrap {
  width: 100%;
  margin: 12px auto;
  padding: 8px 8px 2px;
  border-radius: 10px;
}

table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
  color: #111b36;
  text-align: center;
}

th,
td {
  padding: 4px;
  vertical-align: middle;
  position: relative;
}

th {
  font-weight: 300;
  font-size: 14px;
  padding: 4px 6px;
}

tbody tr {
  background: #f6f6f6;
}

/* Rounded corners */

tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

tbody td:first-child {
  border-bottom-left-radius: 10px;
}

tbody td:last-child {
  border-bottom-right-radius: 10px;
}

/* Column separators */

tbody td:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom,
      #fff 0%,
      #e8e8e8 30%,
      #d4d3d3 54%,
      #e8e8e8 77%,
      #fff 100%);
}

@media (max-width: 850px) {
  tbody td:not(:last-child)::after {
    display: none;
  }
}

/* New grey table variant */

.new-grey-table {
  background: #f2f2f2;
  border: 2px solid #4cbca2;
  border-radius: 10px;
  padding-top: 0 !important;
}

.new-grey-table .brand-table tbody tr {
  background: #fff;
}

.new-grey-table .brand-table tbody tr td {
  border: none !important;
}

.new-grey-table .brand-table th {
  color: #101c36 !important;
  font-weight: 500;
}

table.brand-table {
  table-layout: fixed;
}

.brand-table th:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #dbdada;
}

.new-grey-table .brand-table th:not(:last-child)::after {
  background: linear-gradient(to bottom,
      #ededed 0,
      #4dbba1 50%,
      #4dbba1 82%,
      #ffffff 100%) !important;
}

/* Rank badge */

.new-grey-table .number {
  background: #4dbea3;
  color: #fff;
  padding: 2px 9px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  width: 36px;
  z-index: 6;
}

/* Brand logo & name */

.brand-table .brand-svg .svg-img {
  width: 92px;
  height: 82px;
}

.brand-table .brand-svg {
  position: absolute;
  left: 45px;
  top: 0;
}

.brand-svg {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 10px;
}

@media only screen and (min-width: 1300px) {
  .new-grey-table .brand-svg {
    left: 30px;
  }
}

.brand-table .brand-name {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.2;
  text-align: left;
}

.brand-table .brand-name a {
  text-decoration: none;
  color: #111b36;
}

.new-grey-table .brand-name {
  top: -20px;
  position: relative;
}

.new-grey-table .rating {
  background-position: 0 0;
  width: 145px;
  height: 26px;
  transform: scale(.8);
  position: absolute;
  left: 36%;
  margin-top: 40px;
}

.new-grey-table .rating {
  margin-top: 0;
  margin-left: 10px;
}



.new-grey-table .rating>span {
  width: 0;
  background-position: 0 -31px;
  text-indent: -9999px;
  height: 26px;
  position: absolute;
}

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

  .brand-table--main th:first-child,
  .new-grey-table th:first-child {
    width: 320px;
  }
}

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

  .brand-table--main.country-table th:nth-child(2),
  .brand-table--main.country-table th:nth-child(3),
  .brand-table--main.country-table th:nth-child(4) {
    width: 170px;
  }
}

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

  .brand-table--main th:last-child {
    width: 180px;
  }
}

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

  .brand-table--main.country-table .brand-name,
  .brand-table--main.country-table .rating-num-of {
    margin-left: 85px;
    display: inline-block;
  }

  .brand-table--main .brand-name {
    width: 140px;
  }
}

/* Currency badge */


table .curr-list {
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 19px;
}

table .curr-list:not(.color-inh) {
  color: #111b36;
  background: #ededed;
  border: 2px solid #fff;
}

.new-grey-table .curr-list {
  font-weight: 700;
  text-align: center;
}

/* Feature list (check-list) */

.new-grey-table ul.check-list li {
  margin-bottom: 8px;
  font-size: 14px;
  position: relative;
  text-align: left;
}

.new-grey-table ul.check-list li::before {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  height: 11px;
  width: 7px;
  border-bottom: 3px solid #4dbea3;
  border-right: 3px solid #4dbea3;
  position: absolute;
  left: -15px;
  top: 4px;
}

/* Rating hidden */
.new-grey-table .rating,
.rating>span {
  display: block;
  background: url(/images/stars.svg) no-repeat;
}

.new-grey-table .rate-num {
  display: none;
}

/* Action buttons */

.brand-table .v-in {
  display: block;
  color: #111b36;
  font-style: italic;
  font-size: 14px;
  text-decoration: none;
}

.v-out-wrap,
.v-out {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.v-out {
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  background-color: #ff5411;
  z-index: 10;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  outline: none;
}

.v-out:hover {
  background-color: #e94100;
  color: #fff;
}

.brand-table--main.country-table .v-out {
  display: none;
}

.brand-table--main.country-table .v-out.not-available {
  display: block;
}

.brand-table .v-out.not-available {
  font-size: 14px;
}

.new-grey-table .v-out-wrap a::after {
  display: none;
}

.brand-table--main .v-out-wrap,
.new-grey-table .v-out-wrap {
  margin-bottom: 10px;
}

.ch-table .v-out-wrap {
  margin-bottom: 10px;
  width: 100%;
}

/* Hidden mobile columns */

.new-grey-table td.mb-none,
.new-grey-table .hidden-element {
  display: none;
}

/* Responsive table behaviour */

@media (max-width: 1024px) {
  .new-grey-table thead {
    display: none;
  }
}

@media (max-width: 799px) {
  .new-grey-table .brand-table .v-in {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    margin: 15px 0;
    font-style: italic;
  }

  .new-grey-table tbody tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 10px 20px;
    background: #f2f2f2;
    border: 2px solid #4dbca2;
    border-radius: 12px;
    margin-bottom: 15px;
  }

  .new-grey-table tbody tr td {
    width: 100% !important;
  }

  .new-grey-table .brand-name {
    display: block;
    margin: 30px 0 20px;
    width: 120px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
  }

  .new-grey-table div.curr-list {
    margin-top: 30px;
    background: none;
  }

  .new-grey-table .v-out,
  .new-grey-table .v-out-wrap {
    width: 100%;
    padding: 12px;
  }

  .new-grey-table {
    background: none;
    border: none;
    padding: 0;
  }

  .new-grey-table tbody tr td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px;
  }

  .new-grey-table tbody tr td:nth-child(5) {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .new-grey-table table,
  .new-grey-table {
    margin-top: 0;
  }

  .new-grey-table button.view-more.mb-none {
    display: block !important;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    margin-top: 15px;
    background: #f2f2f2;
    padding: 0;
  }

  .new-grey-table button.view-more.mb-none span:not(.arrow-link) {
    text-decoration: underline;
  }

  .new-grey-table button.view-more.mb-none.arrow-link-wrap.arrow-link--pos-l .arrow-link {
    margin-left: 10px;
    left: auto;
  }

  .new-grey-table .arrow-link-wrap.arrow-link--small .arrow-link.arrow-link--down::before {
    transform: translate(-50%, -50%) rotate(270deg) scale(0.8);
  }

  .new-grey-table .brand-table tbody tr td.mb-none {
    display: table-cell;
    background-color: #f2f2f2;
  }

  .new-grey-table .brand-table tbody tr td.hidden-element {
    background-color: #f2f2f2;
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div span {
    color: #137a7a;
    font-size: 13px;
    margin-top: 20px;
    width: 100%;
    text-align: left;
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div span strong {
    color: #123346;
    font-weight: 700;
    font-size: 16px;
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div ul.depwith-list {
    display: flex;
    flex-wrap: wrap;
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div ul.depwith-list li {
    width: 25%;
    text-align: left;
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div ul.depwith-list li:not(:last-child) {
    margin-right: 13px;
  }

  .new-grey-table .brand-table tbody tr td.hidden-element ul.check-list,
  .new-grey-table .brand-table tbody tr td.hidden-element ul.check-list+div {
    width: 50%;
  }
}

@media (max-width: 519px) {

  .table-wrap--main,
  .new-grey-table.table-wrap--main {
    width: 100%;
  }
}

@media only screen and (min-width: 1300px) {
  .brand-table td {
    padding: 14px 6px;
  }
}

/* Arrow "Mehr lesen" */

.button-read-more {
  font-weight: 700;
  font-size: 12px;
}

.arrow-link-wrap {
  display: inline-block;
  padding-right: 2px;
  color: inherit;
  line-height: 1.3;
  text-align: left;
  position: relative;
}

.arrow-link {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-color: #e6f1f1;
  border: 2px dotted #4dbca2;
  border-radius: 50%;
  position: relative;
  bottom: 1px;
  cursor: pointer;
}

.arrow-link::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 11px;
  height: 9px;
  background: url(/images/svg-sprite-bg.svg#arrow-green) 0 0 no-repeat;
}

.arrow-link--down::before {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.arrow-link-wrap.arrow-link--pos-l {
  padding-left: 28px;
}

.arrow-link-wrap.arrow-link--pos-l .arrow-link {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}

.arrow-link-wrap.arrow-link--small {
  padding-left: 24px;
}

.arrow-link-wrap.arrow-link--small .arrow-link {
  width: 20px;
  height: 20px;
}

.arrow-link-wrap.arrow-link--small .arrow-link::before {
  transform: translate(-50%, -50%) rotate(180deg) scale(0.8);
}

.arrow-link:hover {
  border-style: solid;
}

/* =========================
   BLOG NAVIGATION (blog-nav-v-2)
   ========================= */

.blog-nav-v-2 {
  position: relative;
  cursor: pointer;
  user-select: none;
  line-height: 1.375rem;
  padding: 10px 30px;
  display: flex;
  align-items: center;
  background-color: #127a7a;
  width: 100% !important;
  margin-left: 0 !important;
}

.blog-nav-v-2 .d-flex.w-100 {
  width: 100%;
}

.blog-nav-v-2 ul.nav-dropdown {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  max-height: 250px;
  right: 0;
  border-radius: 5px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d6e2ff;
  z-index: 2;
  padding: 0 !important;
}

.blog-nav-v-2 ul.nav-dropdown li {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 15px;
  padding: 6px 0;
}

.blog-nav-v-2 span.relative {
  font-size: 14px;
  line-height: 18px;
  color: #0d2c3d;
  font-weight: 700;
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  width: max-content;
  position: relative;
  padding-right: 18px;
}

span.arrow-down-dropdown-icon {
  content: "";
  display: inline-block;
  width: 0.9em;
  height: 0.9em;
  border-right: 0.2em solid #134c58;
  border-top: 0.2em solid #134c58;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  opacity: 0.7;
}

.blog-nav-v-2 ul.nav-dropdown li a {
  color: #134c58;
  font-weight: 500;
  width: max-content;
  text-decoration: none;
}

.blog-nav-v-2 ul.nav-dropdown li:hover a {
  color: #ec693a;
  position: relative;
}

.blog-nav-v-2 ul.nav-dropdown li:hover a::after {
  content: "";
  position: absolute;
  display: block;
  height: 3px;
  width: 120%;
  bottom: -7px;
  left: -10%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: orange;
}

.nav-dropdown li a {
  display: block;
  text-decoration: none;
}

@media (min-width: 1300px) and (max-width: 1600px) {
  .blog-nav-v-2 ul.nav-dropdown {
    overflow: auto;
  }

  .blog-nav-v-2 ul.nav-dropdown li {
    margin-right: 20px;
  }
}

@media (max-width: 770px) {
  .blog-nav-v-2 ul.nav-dropdown {
    flex-wrap: wrap;
  }

  .blog-nav-v-2 ul.nav-dropdown li {
    padding: 10px 15px;
  }
}

@media (max-width: 550px) {
  .blog-nav-v-2 ul.nav-dropdown li {
    width: 100% !important;
    text-align: left !important;
  }
}

/* =========================
   DARK BLUE CARD (BRAND BOX)
   ========================= */

.dark-blue-bg {
  border-radius: 10px;
  background-color: #111c36;
  padding: 30px 10px 15px;
  margin-bottom: 30px;
  color: #fff;
}

.dark-blue-bg .part-1 .box-brand {
  margin-bottom: 20px;
}

.dark-blue-bg .part-1 .box-brand h3 {
  text-align: left;
  color: #fff !important;
  margin-left: 20px;
  display: block;
  font-size: 24px !important;
}

/* Logo circle */

.dark-blue-bg .part-1 .d-flex.flex-align-center img:not(.bonus-icon) {
  border: 1px solid #4dbca2;
  border-radius: 50%;
  min-width: 94px;
}

/* Text left / image right (desktop) */

.dark-blue-bg .part-1 .d-flex.dir-column {
  width: 60%;
  margin-right: 20px;
}

.dark-blue-bg .part-1 .d-flex.dir-column+div {
  width: 40%;
}

.dark-blue-bg .part-1 .d-flex.dir-column+div img {
  border-radius: 10px;
}

/* CTA buttons */

.v-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  position: relative;
  padding: 8px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  transition: all linear 0.3s;
  text-decoration: none;
  outline: none;
  border: 2px dotted #4dbca2;
  background-color: rgba(15, 122, 122, 0.1);
  color: #fff;
}

.v-dot:hover {
  background: #0d7a7a;
  border-style: solid;
  color: #fff;
}

/* Main orange CTA */

.dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 20px;
  text-decoration: none;
  outline: none;
  border: none;
  border-radius: 10px;
  background-image: linear-gradient(180deg, #f5732b 0%, #fd4501 100%);
  color: #fff !important;
  border: 3px #f5732b solid;
  width: 50%;
}

/* Secondary "Testbericht" */

.v-dot--o {
  border: 1px solid #4dbea3;
  border-radius: 8px;
  background: transparent;
  color: #4dbea3 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v-dot--o:not(.make-p-full-height):hover {
  border: 1px solid #fff;
  background: transparent;
  color: #fff !important;
}

/* CTA alignment */

.dark-blue-bg .v-dot:not(.read-more-dots-button) {
  padding: 12px !important;
  width: 45% !important;
}

.dark-blue-bg .v-dot:first-of-type {
  margin-right: 15px !important;
}

.dark-blue-bg .d-flex.w-100 {
  margin-top: 15px !important;
}

/* Pros & cons */

.pro-cons-main {
  padding-top: 20px;
}

.pro-cons-main>.custom-grid--c-general-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.custom-grid__item-1-2 {
  width: 48.5%;
}

.dark-blue-bg .pros-part {
  width: 60%;
  margin-bottom: 0;
}

.dark-blue-bg .cons-part {
  width: 38%;
}

.pros-cons-box {
  border: 1px solid #101c36;
  border-radius: 10px;
  background-color: #134c58;
}

.pros-cons-box.red {
  background-color: #4c4a52;
}

.dark-blue-bg .pros-cons-box ul {
  list-style: none;
  padding-left: 30px;
  margin: 20px 0;
}

.dark-blue-bg .pros-part .pros-cons-box ul li,
.dark-blue-bg .cons-part .pros-cons-box ul li {
  margin: 0 1% 20px;
}

.dark-blue-bg .pros-cons-box ul li {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}

/* Pro / Contra icons */

.ico-yes,
.ico-no {
  display: inline-block;
  vertical-align: middle;
  background-position: 0 0;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ico-yes {
  background-image: url(/images/svg-sprite-bg.svg#ico-yes);
}

.ico-no {
  background-image: url(/images/svg-sprite-bg.svg#ico-no);
}

.ico-yes--medium {
  width: 26px;
  height: 27px;
}

.ico-no--medium {
  width: 26px;
  height: 26px;
}

.terms {
  color: inherit;
  font-style: italic;
  font-size: 12px;
}

/* Visibility helpers */

.same-height.same-height--initialized {
  opacity: 1;
  visibility: visible;
  transition: opacity linear 0.1s;
}

.dark-blue-bg .pro-cons-main {
  border-top: 1px solid #0f7a7a;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.d-sm-none {
  display: block;
}

/* Responsive dark-blue-bg */

@media (max-width: 1299px) {

  .dark-blue-bg .part-1 .d-flex.dir-column,
  .dark-blue-bg .part-1 .d-flex.dir-column+div {
    width: 100%;
  }

  .dark-blue-bg>.d-flex.dir-column,
  .dark-blue-bg .part-1 .d-flex.dir-column {
    align-items: center;
  }

  .dark-blue-bg .d-flex .part-1>.d-flex {
    flex-direction: column;
  }

  .dark-blue-bg .part-1 .d-flex.dir-column+div {
    margin-top: 20px;
  }

  .dark-blue-bg .part-1 .d-flex.dir-column+div img {
    display: block;
    margin: 0 auto;
  }

  .dark-blue-bg .pros-part,
  .dark-blue-bg .cons-part {
    width: 100%;
  }

  .dark-blue-bg .pros-part {
    margin-bottom: 10px;
  }

  .custom-grid--c-general-info>.custom-grid__item {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .mb-mt-2 {
    margin-top: 20px !important;
  }

  .mb-p-1 {
    padding: 20px 10px 10px;
  }
}

@media (max-width: 799px) {
  .dark-blue-bg .pros-part .pros-cons-box ul li {
    width: 100%;
    font-size: 14px;
  }

  .dark-blue-bg .pros-cons-box ul {
    padding-left: 0;
    margin: 30px 20px 15px;
    width: 100%;
  }
}

@media (max-width: 550px) {
  .d-sm-none {
    display: none;
  }

  .dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d,
  .dark-blue-bg .v-dot.v-dot--o.white-color {
    width: 100% !important;
  }
}

@media (max-width: 481px) {
  .dark-blue-bg .part-1 .box-brand h3 {
    word-break: break-word;
  }
}

/* =========================
   CASINO TYPES TABLE
   ========================= */

.main-width-md.d-flex {
  display: flex;
  justify-content: center;
}

.casino-types-wrapper>div {
  width: 60%;
}

.casino-types-wrapper .casino-types {
  width: 40%;
}

table.casino-types {
  border-radius: 10px;
  background-color: #e1e1e1;
  padding: 0 10px 10px;
  margin-left: 20px;
}

table.casino-types tr {
  filter: drop-shadow(0px 1px 2px #00000026);
}

table.casino-types thead tr th:nth-child(1) {
  width: 65%;
}

table.casino-types th {
  font-size: 14px;
  line-height: 25px;
  color: #5d626f;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  text-align: left;
}

table.casino-types td {
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  padding-left: 10px;
}

@media (max-width: 1299px) {
  .casino-types-wrapper {
    display: flex;
    flex-wrap: wrap;
  }

  .casino-types-wrapper>div {
    width: 100%;
  }

  .casino-types {
    width: 100%;
    margin: 15px auto 20px;
  }
}

/* =========================
   PAYMENT CHOICES (steps)
   ========================= */

.payment-choices {
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
  flex-wrap: wrap;
}

.payment-choices-card {
  width: 45%;
}

.payment-choices-card h3 {
  text-align: left;
  width: 80%;
  margin-bottom: 30px;
}

.swiss .payment-choices-card h3 {
  width: 90%;
}

@media (max-width: 799px) {
  .payment-choices-card h3 {
    margin-bottom: 0;
  }
}

@media (max-width: 500px) {
  .payment-choices {
    flex-direction: column;
  }

  .payment-choices-card {
    width: 100%;
    margin-top: 20px;
  }
}

/* =========================
   PAYMENT TABLE SECTION
   ========================= */

.section--country-live .section-box.bg-d-gn {
  border-radius: 40px 40px 0 0;
}

.bg-d-gn {
  background: #123346;
  color: #f3f4f5;
}

.bg-g {
  background: #e1e1e1;
}

/* Payment table */

.payment-table tbody td:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom,
      #fff 0%,
      #e8e8e8 30%,
      #d4d3d3 54%,
      #e8e8e8 77%,
      #fff 100%);
}

.brand-table--bon {
  width: 1172px;
}

.brand-table--t2 td {
  padding: 22px 6px;
}

.brand-table--bon .brand-name {
  display: none !important;
}

.payment-table img.svg-img {
  margin: 30px 0 30px 40px;
}

.brand-table--t2 .brand-name {
  width: auto;
  min-height: auto;
}

/* Scroll wrapper */

.table-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}

.custom-scrollbar-2::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  -webkit-appearance: none;
}

.custom-scrollbar-2::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
}

.custom-scrollbar-2::-webkit-scrollbar-thumb {
  background: #86868680;
  border-radius: 8px;
}

.custom-scrollbar-2::-webkit-scrollbar-thumb:hover {
  background: #868686e6;
}

/* Scroll hint arrow */

.table-wrap .next {
  position: absolute;
  right: 10px;
  top: -4px;
  font-size: 40px;
  color: #0d7a7a;
  z-index: 99;
  display: none;
}

/* Payment table responsiveness */

@media (max-width: 1023px) {

  .payment-table th:nth-child(4),
  .payment-table td:nth-child(4) {
    display: none;
  }
}

@media (max-width: 799px) {

  .payment-table th:nth-child(3),
  .payment-table td:nth-child(3) {
    display: none;
  }

  .payment-table tbody td:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 580px) {

  .payment-table th:nth-child(5),
  .payment-table td:nth-child(5) {
    display: none;
  }
}

@media (max-width: 481px) {

  .payment-table th:nth-child(6),
  .payment-table td:nth-child(6) {
    display: none;
  }

  .table-wrap .next {
    display: block;
  }
}

/* =========================
   RESPONSIBLE GAMING SECTION
   ========================= */

.list-pin {
  margin-left: 20px;
}

.list-pin>:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(/images/pin.svg) 0 0 no-repeat;
  position: relative;
  top: -2px;
}

@media (max-width: 639px) {
  ul.list-pin:not(.v-2) {
    padding-left: 0;
  }
}

/* =========================
   FAQ SECTION
   ========================= */

.section--faq.bg-gn-grad.br-t {
  border-radius: 40px 40px 0 0;
}

.bg-gn-grad {
  background: linear-gradient(to bottom,
      #364d54 0%,
      #294b54 9%,
      #1f454f 29%,
      #123346 59%,
      #123346 100%);
  color: #f3f4f5;
}

.faq {
  color: #f3f4f5 !important;
}

.faq-boxes {
  padding-bottom: 20px;
  text-align: left;
}

@media (min-width: 640px) {
  .faq-box__q {
    font-size: 19px;
  }
}

.faq-box__q {
  position: relative;
  min-height: 40px;
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 16px;
  font-style: italic;
  color: #4dbca2;
  cursor: pointer;
}

.faq-box__q>span {
  vertical-align: middle;
  line-height: 1.3;
  cursor: pointer;
}

.faq-box__a {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 300;
}


.faq-box__q .fav-logo-wrap {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 62px;
  height: 37px;
  line-height: 33px;
  background: #123346;
  border-radius: 8px 0 8px 0;
  text-align: center;
}

.fav-logo {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 27px;
}

/* FAQ responsive */

@media (min-width: 1300px) {
  .faq-box {
    float: left;
    width: 48%;
  }

  .faq-box:nth-child(2n + 1) {
    margin-right: 4%;
  }
}



@media (max-width: 1299px) {
  .faq-box:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (max-width: 1299px) and (min-width: 800px) {
  .faq-boxes {
    padding: 0 55px 0 77px;
  }
}

@media (max-width: 639px) {
  .fav-logo {
    width: 33px;
    height: 25px;
  }
}

/* input(195,132): run-time error CSS1038: Expected hex color, found '#ffff'
input(195,183): run-time error CSS1038: Expected hex color, found '#ffff'
input(258,258): run-time error CSS1038: Expected hex color, found '#000c'
input(258,294): run-time error CSS1038: Expected hex color, found '#000c'
input(258,325): run-time error CSS1038: Expected hex color, found '#000c'
input(259,251): run-time error CSS1038: Expected hex color, found '#000c'
input(259,287): run-time error CSS1038: Expected hex color, found '#000c'
input(259,318): run-time error CSS1038: Expected hex color, found '#000c'
input(459,107): run-time error CSS1038: Expected hex color, found '#ccc6'
input(459,138): run-time error CSS1038: Expected hex color, found '#ccc6'
input(649,138): run-time error CSS1038: Expected hex color, found '#ffff'
input(649,207): run-time error CSS1038: Expected hex color, found '#ffff'
input(649,308): run-time error CSS1038: Expected hex color, found '#ffff'
input(649,350): run-time error CSS1038: Expected hex color, found '#ffff'
input(649,401): run-time error CSS1038: Expected hex color, found '#ffff'
input(649,474): run-time error CSS1038: Expected hex color, found '#ffff'
input(649,562): run-time error CSS1038: Expected hex color, found '#ffff'
input(649,607): run-time error CSS1038: Expected hex color, found '#ffff'
input(649,658): run-time error CSS1038: Expected hex color, found '#ffff'
input(1333,258): run-time error CSS1038: Expected hex color, found '#000c'
input(1333,294): run-time error CSS1038: Expected hex color, found '#000c'
input(1333,325): run-time error CSS1038: Expected hex color, found '#000c'
input(1334,251): run-time error CSS1038: Expected hex color, found '#000c'
input(1334,287): run-time error CSS1038: Expected hex color, found '#000c'
input(1334,318): run-time error CSS1038: Expected hex color, found '#000c' */
.ico-wblock {
  width: 24px;
  height: 24px;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 0 2px #ffffff4f;
  box-shadow: 0 0 0 2px #ffffff4f;
  border-radius: 2px;
  text-align: center
}

.ico-wblock,
.compare-select__item>.ico-wblock {
  line-height: 28px
}

table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 6px;
  width: 100%;
  margin-top: 15px;
  color: #111b36;
  text-align: center
}

.ico-wblock--countries {
  background-image: url(/images/svg-sprite-bg.svg#countries)
}

.ico-wblock--providers {
  background-image: url(/images/svg-sprite-bg.svg#providers)
}

.brand-table .v-out.not-available {
  font-size: 14px;
  text-decoration: none
}

.vietnam #main-country-table tbody tr .v-out {
  border-radius: 10px;
  background-image: linear-gradient(180deg, #f5732b 0%, #fd4501 100%);
  color: #fff !important;
  border: 3px #f5732b solid;
  font-size: 17px;
  transition: all linear .6s
}

.section--country-live .brand-table--t2.payment-table-scrollable td {
  height: 100px
}

.gambling-in-your-state table tr:nth-child(n+11) {
  display: none
}

button.show-more-states {
  display: block;
  margin: 20px auto;
  padding: 5px 20px
}

main.redesign-country .section--country-profile>.bg-d-gn:nth-child(1) {
  background-color: #fff
}

.brand-table--main .v-out-wrap,
.sweepstake-games-table .v-out-wrap,
.new-grey-table .v-out-wrap {
  margin-bottom: 10px
}

.vietnam #main-country-table .v-out-wrap {
  display: block
}

.brand-table .v-in {
  display: block;
  color: #111b36;
  font-style: italic;
  font-size: 14px;
  text-decoration: none
}

.vietnam .section.section--country-other-c .main-width-md h2 {
  max-width: 700px;
  margin: 0 auto
}

.vietnam .section.section--country-other-c .main-width-md>p,
.philippines .section.section--country-other-c .main-width-md>p {
  text-align: center
}

.dark-blue-bg a.v-dot.fit-content,
.dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d.fit-content {
  width: fit-content;
  padding: 8px 90px;
  margin-top: 10px
}

.vietnam .section--country-support .main-width-md.relative ul:not(.list-r):last-of-type,
.vietnam .section--country-support .main-width-md.relative p:last-of-type {
  width: 66%
}

.vietnam .section--country-support .main-width-md.relative ul:not(.list-r) {
  padding-left: 0
}

span.hide-p {
  display: none
}

.redesign-country.vietnam .cont-2 {
  width: 20%;
  margin-top: 40px
}

.redesign-country.vietnam .cont-1 {
  width: 70%;
  margin-top: 30px
}

.game-boxes {
  justify-content: center
}

p.faq-view-more-container {
  display: none;
  align-items: center;
  justify-content: center
}

p.faq-view-more-container span {
  background: transparent;
  width: 35px;
  height: 35px
}

p.faq-view-more-container .arrow-link-wrap.button-read-more.faq-show-more {
  width: fit-content;
  display: none;
  color: #fff;
  margin: 0;
  font-size: 16px;
  text-decoration: none;
  font-weight: 400
}

.find-brand .title,
.toggle-box>.title {
  margin: 0;
  padding: 9px 0;
  color: #0d7a7a
}

.heading-logo img {
  position: relative;
  border-radius: 50%
}

.heading-logo-wrap .heading-logo,
.heading-logo-wrapper .heading-logo,
.heading-logo img,
.head-log-grad.head-log-grad--circle img {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

th,
td {
  padding: 4px;
  vertical-align: middle;
  position: relative
}

.heading-logo {
  width: 164px;
  height: 164px;
  text-align: center;
  position: relative;
  border-radius: 50%
}

.heading-logo-wrap,
.heading-logo-wrapper {
  position: relative
}

.heading-logo {
  width: 164px;
  height: 164px;
  text-align: center;
  position: relative;
  border-radius: 50%
}

.heading-logo,
.head-log-grad {
  background: #f3b183ff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3b183ff), color-stop(100%, #4fbca3ff));
  background: -o-linear-gradient(top, #f3b183ff 0%, #4fbca3ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f3b183ff), to(#4fbca3ff));
  background: linear-gradient(to bottom, #f3b183ff 0%, #4fbca3ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3b183', endColorstr='#4fbca3', GradientType=0)
}

.dots-more-box {
  height: 50px;
  line-height: 50px;
  background: #f7f7f7;
  border: 1px solid #4ebca2;
  border-radius: 8px;
  text-align: center
}

.dots-more-box>.item {
  vertical-align: middle;
  width: 7px;
  height: 7px;
  background: #123346;
  border-radius: 50%;
  text-indent: -9999px
}

.dots-more-box>.item:not(:last-child) {
  margin-right: 22px
}

.slider-container--prov-games {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto
}

#main-nav__user-info .user-name>span {
  width: 56px
}

.user-panel .user-info .user-name>span,
#main-nav__user-info .user-name>span {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.body-country #main-header.bonus-header.dark-design .height-js {
  margin-bottom: 0
}

.body-country #main-header.bonus-header.dark-design p {
  color: #F3F4F5
}

.body-country .sub-title>.info.font-un {
  font-style: unset
}

.body-country .sub-title>.info {
  font-weight: 300
}

.body-country .sub-title {
  margin-bottom: 30px
}

.body-contacts .sub-title,
.body-sitemap .sub-title,
.body-compare .sub-title,
.body-default .sub-title {
  text-align: center
}

.body-country #main-header.bonus-header.dark-design h1 {
  font: normal normal bold 54px / 66px Open Sans;
  font-weight: 700 !important
}

.body-country h1 {
  margin-bottom: 20px
}

.title-wrap.d-flex>div {
  width: 60%
}

.body-default.body-country .title-wrap {
  max-width: none;
  padding-bottom: 10px
}

.body-rng .title-wrap,
.body-rng .title-wrap,
.body-default .title-wrap {
  margin: 0 auto
}

.body-contacts .breadcrumbs-wrap,
.body-sitemap .breadcrumbs-wrap,
.body-compare .breadcrumbs-wrap,
.body-default .breadcrumbs-wrap {
  text-align: right
}

.header-boxes {
  padding-bottom: 75px
}

.vietnam-header #main-nav-wrap {
  z-index: 99999
}

.header-boxes>div:not(:last-of-type) {
  margin-right: 20px
}

.header-boxes>div {
  background: #101C36 0 0 no-repeat padding-box;
  box-shadow: 0 0 15px #FFFFFF26;
  border-radius: 8px;
  text-align: center;
  width: 235px;
  padding: 20px;
  z-index: 2;
  display: flex;
  justify-content: center
}

.header-boxes>div a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none
}

.header-boxes>div span {
  margin-left: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  word-break: normal
}

#content.redesign-country>.section.section--country-profile h2,
#content.redesign-country>.section.section--country-profile .terms {
  color: #172736
}

.top-three-casinos-element {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
  margin-top: 50px
}

.top-three-casinos-element .white-bg {
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  margin-left: 5px
}

.top-three-casinos-element .lower-part {
  margin-left: 5px;
  display: flex;
  justify-content: flex-start
}

.top-three-casinos-element .lower-part ul.check-list,
.top-three-casinos-element .lower-part ul.check-list+div {
  width: 50%
}

.top-three-casinos-element .lower-part ul.check-list li,
.new-grey-table ul.check-list li {
  margin-bottom: 8px;
  font-size: 14px;
  position: relative
}

.top-three-casinos-element .lower-part ul.depwith-list {
  display: flex;
  flex-wrap: wrap
}

.top-three-casinos-element .lower-part ul.depwith-list li {
  width: 25%
}

.new-grey-table ul.check-list li {
  text-align: left
}

.top-three-casinos-element .lower-part ul.check-list li::before,
.new-grey-table ul.check-list li::before {
  content: '';
  display: inline-block;
  transform: rotate(45deg);
  height: 11px;
  width: 7px;
  border-bottom: 3px solid #4DBEA3;
  border-right: 3px solid #4DBEA3;
  position: absolute;
  left: -15px;
  top: 4px
}

table.casino-types td a {
  text-decoration: none
}

.dark-blue-bg {
  border-radius: 10px;
  background-color: #111c36;
  padding: 30px 10px 15px;
  margin-bottom: 30px;
  color: #fff
}

.region-page .dark-blue-bg .part-1 .d-flex.dir-column {
  width: 55%
}

.dark-blue-bg .part-1 .box-brand {
  margin-bottom: 20px
}

.dark-blue-bg-wrapper {
  width: unset !important;
  background-color: #123346;
  padding-top: 40px !important
}

main.redesign-country div.section-box:not(.payment-table-wrapper):nth-child(2) {
  width: unset;
  border-radius: 40px 40px 0 0
}

.dark-blue-bg-wrapper .part-1 p {
  color: #fff
}

.region-page .dark-blue-bg .part-1 .d-flex.dir-column+div {
  width: 45%
}

.region-page .dark-blue-bg .part-1 .d-flex.dir-column+div a,
.region-page .dark-blue-bg .part-1 .d-flex.dir-column+div .pic-slider {
  display: flex;
  justify-content: space-between
}

.pic-slider:not(.slick-initialized)>* {
  visibility: visible !important
}

.gallery__item {
  text-align: center;
}

.dark-blue-bg .part-1 .d-flex.dir-column+div img {
  border-radius: 10px
}

.ontario .casino-types:first-of-type tr td:nth-child(2),
.redesign-country.canada .casino-types:first-of-type tr td:nth-child(2) {
  color: #0D7A7A
}

.pic-slider {
  opacity: 1 !important;
  height: auto !important;
  overflow: auto !important
}

.section-box {
  padding: 1px 0
}

.region-page .dark-blue-bg {
  border: 1px solid #404E6C
}

.region-page .dark-blue-bg .pro-cons-main {
  border-top: 1px solid #404E6C
}

.pro-cons-main {
  padding-top: 20px
}

.redesign-country .green-color {
  color: #0d7a7a
}

.top-rated-casino,
.second-rated-casino,
.third-rated-casino {
  border: 2px solid #4DBCA2;
  border-radius: 12px;
  background: #EDEDED;
  padding: 5px 5px 5px 0;
  position: relative;
  width: 31%;
  height: 100%;
  margin-bottom: 40px
}

.top-rated-casino span.terms,
.second-rated-casino span.terms,
.third-rated-casino span.terms {
  position: absolute;
  bottom: -40px;
  color: #123347;
  font-size: 12px;
  font-style: italic;
  font-weight: 400
}

.second-rated-casino,
.third-rated-casino {
  margin-top: 70px;
  height: auto
}

.top-three-casinos-element .number,
.top-three-casinos-element .number-one {
  background: #4DBEA3;
  border-top-left-radius: 10px;
  color: #fff;
  padding: 2px 9px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px
}

.top-three-casinos-element .number-one {
  top: -31px;
  left: -2px;
  font-size: 12px;
  border-top-right-radius: 12px;
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-bottom: 0
}

.top-rated-casino {
  border-top-left-radius: 0;
  margin: 0 auto;
  order: 2
}

.second-rated-casino {
  order: 1
}

.third-rated-casino {
  order: 3
}

.top-three-casinos-element .top-part {
  position: relative
}

.top-three-casinos-element .brand-svg {
  position: absolute;
  top: -20px;
  left: 7px
}

.top-three-casinos-element .brand-svg:after {
  display: none
}

.top-three-casinos-element .bottom-part {
  display: flex;
  flex-direction: column;
  align-items: center
}

.top-three-casinos-element .bottom-part .bonus {
  font-size: 22px;
  font-weight: 700;
  margin-top: 90px;
  margin-bottom: 30px;
  text-align: center
}

table .curr-list {
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 19px
}

.new-grey-table .brand-table .curr-list {
  text-align: center;
  font-size: 22px;
  font-weight: 700
}

.ontario-page .new-grey-table .brand-table .curr-list {
  font-size: 16px
}

.top-three-casinos-element .name-rating {
  position: relative
}

.top-three-casinos-element .name-rating span.name {
  font-weight: 700;
  font-size: 20px;
  position: absolute;
  left: 40%
}

.top-three-casinos-element .v-out-wrap {
  width: 100%
}

.top-three-casinos-element .v-out {
  box-shadow: none;
  border: none;
  width: 100%
}

.top-three-casinos-element .v-out:not(.not-available)::after {
  display: none
}

.top-three-casinos-element .v-in {
  text-decoration: none;
  color: #000;
  font-size: 16px;
  margin: 15px 0;
  font-style: italic
}

.top-three-casinos-element .v-in:hover {
  text-decoration: underline
}

.top-three-casinos-element .lower-part div span {
  color: #137A7A;
  font-size: 13px;
  margin-top: 20px
}

.top-three-casinos-element .lower-part div span strong {
  color: #123346;
  font-weight: 700;
  font-size: 16px
}

.top-three-casinos-element .lower-part ul.depwith-list li:not(:last-child) {
  margin-right: 13px
}

.top-three-casinos-element .rate-num,
.top-three-casinos-element .rec-rating,
.new-grey-table .rec-rating,
.new-grey-table .rate-num {
  display: none
}

.top-three-casinos-element .rating>span,
.new-grey-table .rating>span {
  width: 0;
  background-position: 0 -31px;
  text-indent: -9999px;
  height: 26px;
  position: absolute
}

.top-three-casinos-element .rec-rating,
.new-grey-table .rec-rating {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important
}

.top-three-casinos-element .rating,
.new-grey-table .rating {
  background-position: 0 0;
  width: 145px;
  height: 26px;
  transform: scale(.8);
  position: absolute;
  left: 36%;
  margin-top: 40px
}

.new-grey-table.games-hub .rating {
  bottom: 20px
}

.top-three-casinos-element .rating,
.rating>span,
.new-grey-table .rating,
.rating>span {
  display: block;
  background: url(/images/stars.svg) no-repeat
}

.new-grey-table {
  background: #F2F2F2;
  border: 2px solid #4CBCA2;
  border-radius: 10px
}

th {
  font-weight: 300;
  font-size: 14px;
  padding: 4px 6px
}

.new-grey-table .brand-table tbody tr td {
  border: none !important
}

.new-grey-table .brand-table tbody tr {
  background: #fff
}

.brand-table th:not(:last-child):after,
.bg-d-gn .calendar-table th:not(:last-child)>div:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #dbdada
}

.bg-d-gn .brand-table th {
  color: #f3f4f5
}

.new-grey-table .brand-table th {
  color: #101C36 !important;
  font-weight: 500
}

.bg-d-gn .brand-table th:not(:last-child):after,
.bg-d-gn .calendar-table th:not(:last-child)>div:after {
  background: #123347ff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #123347ff), color-stop(22%, #337f79ff), color-stop(54%, #4dbba1ff), color-stop(82%, #337f79ff), color-stop(100%, #123347ff));
  background: -o-linear-gradient(top, #123347ff 0%, #337f79ff 22%, #4dbba1ff 54%, #337f79ff 82%, #123347ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#123347ff), color-stop(22%, #337f79ff), color-stop(54%, #4dbba1ff), color-stop(82%, #337f79ff), to(#123347ff));
  background: linear-gradient(to bottom, #123347ff 0%, #337f79ff 22%, #4dbba1ff 54%, #337f79ff 82%, #123347ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123347', endColorstr='#123347', GradientType=0)
}

.new-grey-table .brand-table th:not(:last-child):after {
  background: linear-gradient(to bottom, #ededed 0, #4dbba1ff 50%, #4dbba1ff 82%, #4dbba1ff 82%, #fff 100%) !important
}

.new-grey-table .rating {
  margin-top: 0;
  margin-left: 10px
}

.new-grey-table .brand-svg:after {
  display: none
}

.new-grey-table .brand-name {
  top: -20px;
  position: relative
}

.new-grey-table .curr-list {
  font-weight: 700
}

.new-grey-table .v-out {
  box-shadow: none;
  border: none
}

.new-grey-table .number {
  background: #4DBEA3;
  color: #fff;
  padding: 2px 9px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  width: 36px;
  z-index: 6
}

.new-grey-table .v-out-wrap a::after {
  display: none
}

.new-grey-table .no-deposit-table .brand-name {
  top: unset
}

.no-deposit-table .promo-code:not(.no-code) {
  margin-left: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  float: right;
  margin-right: 25px
}

.no-deposit-table .promo-code.no-code {
  float: right;
  margin-right: 25px
}

.no-deposit-table.brand-table .curr-list span.bonus-info {
  font-weight: 500
}

.new-grey-table .no-deposit-table.brand-table .curr-list {
  font-size: 18px;
  padding-top: 15px
}

.dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d,
a.orange-color {
  border-radius: 10px;
  background-image: linear-gradient(180deg, #f5732b 0%, #fd4501 100%);
  color: #fff !important;
  border: 3px #f5732b solid;
  width: 50%
}

.dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  background-color: #ff5411;
  z-index: 10;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  outline: none;
  border: none
}

.v-dot--o {
  color: #4DBEA3 !important
}

.dark-blue-bg {
  color: #fff
}

.dark-blue-bg .part-1 .d-flex.dir-column {
  width: 60%;
  margin-right: 20px
}

.dark-blue-bg .part-1 .d-flex.dir-column+div {
  width: 40%
}

.dark-blue-bg .part-1 .d-flex.dir-column+div img {
  border-radius: 10px
}

.region-page .dark-blue-bg .part-1 .d-flex.dir-columnumn {
  width: 55%;
}

.dark-blue-bg .pro-cons-main {
  border-top: 1px solid #0f7a7a;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.dark-blue-bg .pro-cons-main>.custom-grid--c-general-info {
  margin-bottom: 0
}

.pro-cons-main>.custom-grid--c-general-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.dark-blue-bg .pros-part {
  width: 60%;
  margin-bottom: 0
}

.dark-blue-bg .cons-part {
  width: 38%
}

.pros-cons-box {
  border: 1px solid #101c36;
  border-radius: 10px;
  background-color: #134c58
}

.dark-blue-bg .pros-part .pros-cons-box ul li {
  margin: 0 1% 20px
}

.dark-blue-bg .pros-cons-box ul li {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 300;
  font-family: "Open Sans"
}

.dark-blue-bg .cons-part .pros-cons-box ul li {
  margin: 0 1% 20px
}

.pros-cons-box.red {
  background-color: #4c4a52
}

#content.redesign-country>.section {
  padding: 0
}

#content>.section {
  position: relative
}

.section-box:first-child:last-child {
  margin-bottom: 0
}

.payment-choices {
  justify-content: space-between;
  padding-left: 10px;
  flex-wrap: wrap
}

.payment-choices .payment-choices-card {
  width: 45%
}

.d-align-items-center {
  align-items: center
}

.payment-choices .payment-choices-card h3 {
  text-align: left;
  width: 80%;
  margin-bottom: 30px
}

ul.green-list {
  padding-left: 0;
  width: 73%
}

.green-list li {
  font-size: 16px;
  line-height: 24px;
  color: #124c58;
  font-weight: 600;
  display: flex;
  align-items: center
}

.green-list li span.dash {
  height: 1px;
  border-bottom: 3px solid #4dbea3;
  min-width: 20px;
  max-width: 20px;
  vertical-align: super;
  margin: 0 10px
}

.green-list li span:not(.dash) {
  border-radius: 8px;
  background-color: #4dbea3;
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  min-width: 80px
}

.philippines .green-list li span:not(.dash) {
  min-width: 120px
}

.redesign-country .section--country-bonuses {
  position: relative;
  color: #000
}

.redesign-country .section--country-bonuses::before {
  content: '';
  position: absolute;
  top: 5%;
  left: 8%;
  display: block;
  background-repeat: no-repeat;
  filter: opacity(0.3) blur(5px);
  transform: rotate(355deg);
  width: 422px;
  height: 323px
}

.custom-grid__item__list-fix:hover:before {
  opacity: 1
}

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

.redesign-country .flex--container.best-bonuses-tables>div:first-of-type {
  width: 50%
}

.redesign-country .flex--container.best-bonuses-tables table,
.redesign-country .section-box.bg-d-gn table {
  width: 100%
}

.redesign-country .flex--container.best-bonuses-tables>div h3 {
  text-align: left;
  padding-left: 20px
}

.redesign-country .flex--container.best-bonuses-tables {
  align-items: center;
  justify-content: space-between !important
}

tbody tr {
  background: #f6f6f6
}

table.casino-types {
  border-radius: 10px;
  background-color: #e1e1e1;
  padding: 0 10px 10px;
  margin-left: 20px
}

table.casino-types tr {
  filter: drop-shadow(0px 1px 2px #00000026)
}

table.casino-types thead tr th:nth-child(1) {
  width: 65%
}

table.casino-types th {
  font-size: 14px;
  line-height: 25px;
  color: #5d626f;
  font-weight: 700;
  font-family: "Open Sans";
  text-align: left
}

tbody tr:first-child td:first-child,
tr.em-tr td:first-child {
  border-top-left-radius: 10px
}

table.casino-types td {
  font-size: 16px;
  line-height: 25px;
  text-align: left;
  padding-left: 10px
}

tbody td:first-child {
  border-bottom-left-radius: 10px
}

tbody td:not(:last-child):after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, #ffff 0%, #e8e8e8ff 30%, #d4d3d3ff 54%, #e8e8e8ff 77%, #ffff 100%)
}

tbody tr:first-child td:last-child,
tr.em-tr td:last-child {
  border-top-right-radius: 10px
}

tbody td:last-child {
  border-bottom-right-radius: 10px
}

.ph-header+.redesign-country:not(.redesign-country.PH) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

img.drop-shadow {
  filter: drop-shadow(0px 23px 14px #0000004d)
}

.game-boxes {
  justify-content: center
}

.vietnam .game-boxes div.box,
.philippines .game-boxes div.box {
  height: auto;
  width: 250px;
  padding: 0 15px
}

.game-boxes div.box {
  border-radius: 10px;
  background-color: #0d2636;
  border: 1px solid #325d75;
  width: 170px;
  height: 122px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly
}

.game-boxes div.box img {
  margin-top: -40px;
  filter: drop-shadow(0 0 2px #fdfbcf)
}

.game-boxes div.box span {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  line-height: 24px;
  color: #69c3a0;
  font-weight: 400;
  font-family: "Open Sans";
  text-align: center
}

.vietnam .game-boxes div.box p,
.philippines .game-boxes div.box p {
  font-size: 14px;
  line-height: 22px;
  color: #c2cdcc;
  font-weight: 400;
  min-height: 160px
}

.philippines .game-boxes div.box p {
  min-height: 90px
}

.bg-light-blue {
  background: #E1F7F0;
  border-radius: 12px;
  margin-top: 50px
}

.img-block {
  display: block;
  margin: 0 auto
}

.redesign-country .payment-table img,
.payments-body .payment-table img {
  margin: 30px 0 30px 40px
}

.brand-table--bon {
  width: 1172px
}

.spain-page .brand-table.payment-table th {
  color: #fff
}

.category-posts,
.nav-p>nav>.list-r,
.brand-table>tbody,
.calendar-table>tbody,
.region-map .region-map__details {
  opacity: 1;
  -webkit-transition: opacity ease-out .5s;
  -o-transition: opacity ease-out .5s;
  transition: opacity ease-out .5s
}

.brand-table--t2 .brand-name {
  width: auto;
  min-height: auto
}

.brand-table .brand-name {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.2;
  text-align: left
}

.brand-table .pos-num {
  position: absolute;
  padding-top: 2px;
  color: #111b36;
  font-size: 17px;
  left: 20px;
  bottom: 10px
}

.pos-num:before,
.pos-num:after {
  content: '';
  position: absolute;
  top: 0;
  width: 13px;
  height: 22px;
  background: url(/images/svg-sprite-bg.svg#number-leaf) 0 0 no-repeat
}

.pos-num:before {
  left: -16px
}

.pos-num:after {
  right: -16px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH
}

.brand-table .arrow-sep {
  font-size: 16px;
  line-height: 1.1
}

.brand-table .arrow-sep .color-gn {
  font-weight: 300;
  font-size: 14px;
  font-weight: 300;
  font-size: 14px
}

.redesign-country .brand-table.payment-table tbody td:last-child,
.payments-body .brand-table.payment-table tbody td:last-child {
  text-align: center
}

.bg-pink,
.bg-pink-slider {
  padding: 40px 20px
}

.bg-pink {
  background-color: #FFD6C7;
  border-radius: 10px
}

.ontario .grey-box,
.bg-pink-slider .grey-box {
  border-radius: 10px;
  background: #F7F7F7;
  width: 270px;
  visibility: visible
}

.ontario .grey-box img,
.bg-pink-slider .grey-box img {
  text-align: center;
  margin: 10px auto;
  height: 40px
}

.region-page .grey-box img,
.bg-pink-slider .grey-box img {
  height: 50px
}

.ontario .grey-box ul li,
.bg-pink-slider .grey-box ul li {
  position: relative;
  padding-left: 30px
}

.ontario .grey-box ul li::before,
.bg-pink-slider .grey-box ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 21px;
  height: 21px;
  margin-right: 4px;
  background: url(/images/svg-sprite-bg.svg#ico-no)
}

.relative {
  position: relative
}

.casino-games-types {
  display: flex;
  justify-content: space-evenly
}

.casino-games-types .type {
  background: #101C36;
  border-radius: 8px;
  width: 270px;
  display: flex;
  flex-direction: column;
  padding: 25px 10px;
  margin-right: 10px
}

.casino-games-types .type img {
  margin: 0 auto;
  margin-bottom: 30px;
  height: 80px;
}

.casino-games-types .type span {
  color: #fff;
  font-size: 18px;
  font-weight: 700
}

.casino-games-types .type p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 15px
}

.casino-games-types .type a.button {
  background: #EC6A3A;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin-top: auto;
}

.region-page .dark-blue-bg .part-1 .d-flex.dir-column+div a,
.region-page .dark-blue-bg .part-1 .d-flex.dir-column+div .pic-slider {
  display: flex;
  justify-content: space-between;
}

#content {
  position: relative
}

#main-footer {
  padding: 26px 0 6px;
  background: #111b36;
  color: #f3f4f5
}

#main-footer p {
  font-weight: 300
}

#main-footer a {
  color: inherit;
  font-size: 12px
}

.site-disclosure,
.site-copyright {
  color: #c2c2c2;
  font-size: 12px
}

footer .site-disclosure,
footer .site-copyright {
  text-align: left
}

html.active-popup .pop-wrap {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #020202cc;
  top: 0;
  padding-top: 100px
}

html.active-popup .pop-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8f8f8;
  width: 30%;
  margin: 0 auto;
  border-radius: 10px;
  padding-bottom: 20px
}

html.active-popup p.bolder {
  font-weight: 700;
  text-align: center
}

html.active-popup span#modal-yes {
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  background-color: #ff5411;
  z-index: 10;
  border: 2px solid #f79874;
  padding: 8px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: 2px 2px 3px 0 #000c;
  -moz-box-shadow: 2px 2px 3px 0 #000c;
  box-shadow: 2px 2px 3px 0 #000c;
  margin: 0 20px;
  cursor: pointer;
  width: 70px
}

html.active-popup span#modal-no {
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  background: #0d7a7a;
  z-index: 10;
  border: 2px solid #0d7a7a;
  padding: 8px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: 2px 2px 3px 0 #000c;
  -moz-box-shadow: 2px 2px 3px 0 #000c;
  box-shadow: 2px 2px 3px 0 #000c;
  margin: 0 20px;
  cursor: pointer;
  width: 70px
}

html.active-popup p#age-restricted {
  display: none;
  color: red;
  font-weight: 700;
  padding: 0 20px;
  text-align: center
}

html.active-popup body {
  position: relative
}

.body-country #main-header+main .blog-nav-v-2,
.social-casinos .blog-nav-v-2 {
  width: 100% !important;
  margin-left: 0 !important;
  padding: 10px 30px
}

.blog-nav-v-2 {
  position: relative;
  cursor: pointer;
  user-select: none;
  line-height: 1.375rem;
  display: flex;
  align-items: center
}

.blog-nav-v-2 ul.nav-dropdown {
  justify-content: space-around;
  margin: 0;
  max-height: 250px;
  right: 0;
  border-radius: 5px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d6e2ff;
  z-index: 2;
  padding: 0 !important
}

.blog-nav-v-2 ul.nav-dropdown li {
  margin-bottom: 0;
  font-size: 15px;
  padding: 6px 0
}

.blog-nav-v-2 span.relative {
  font-size: 14px;
  line-height: 18px;
  color: #0d2c3d;
  font-weight: 700;
  font-family: "Open Sans";
  width: max-content
}

span.arrow-down-dropdown-icon {
  content: "";
  display: inline-block;
  width: .9em;
  height: .9em;
  border-right: .2em solid #134c58;
  border-top: .2em solid #134c58;
  right: -15px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  opacity: .7
}

.blog-nav-v-2 ul.nav-dropdown li a {
  color: #134c58;
  font-weight: 500;
  width: max-content
}

.nav-dropdown li a {
  display: block;
  text-decoration: none
}

.flex-wrap {
  flex-wrap: wrap !important
}

.region-page td.mb-none,
.new-grey-table td.mb-none {
  display: none
}

.new-grey-table tr.terms {
  background-color: #f2f2f2 !important
}

.new-grey-table tr.terms td {
  text-align: left;
  padding-bottom: 5px;
  color: #123347 !important
}

.new-grey-table .hidden-element {
  display: none
}


.guides.flags {
  left: 18px;
  width: unset;
  height: unset;
  text-indent: 0;
  background-size: 32px;
  background-position-y: center
}

.guides.flags::before {
  display: none
}

#content.redesign-country>.section.section--country-profile .ch-table .terms td {
  background: #f6f6f6;
  padding: 7px
}

.swiss table.casino-types {
  position: relative
}

.dark-blue-bg.light-bg {
  background-color: #eceff4;
  border: 2px solid #4DBCA2
}

.title-wrap.d-flex>div {
  width: 60%
}

.title-wrap.d-flex>img,
.title-wrap.d-flex>svg {
  width: 40%;
  opacity: .3;
  transform: rotate(17deg) scale(1);
  will-change: transform
}

.title-wrap.d-flex>svg {
  height: fit-content;
}

.body-country #main-header.bonus-header.dark-design {
  background: transparent radial-gradient(closest-side at 72% 48%, #445156 0%, #1B4552 46%, #112F43 100%) 0 0 no-repeat padding-box
}

.body-country #main-header.bonus-header.dark-design h1 {
  font: normal normal bold 54px / 66px Open Sans;
  font-weight: 700 !important
}

.body-country #main-header.bonus-header.dark-design .height-js {
  margin-bottom: 0
}

.body-country #main-header.bonus-header.dark-design p {
  color: #F3F4F5
}

.header-boxes {
  padding-bottom: 75px
}

.header-boxes>div {
  background: #101C36 0 0 no-repeat padding-box;
  box-shadow: 0 0 15px #FFFFFF26;
  border-radius: 8px;
  text-align: center;
  width: 235px;
  padding: 20px;
  z-index: 2;
  display: flex;
  justify-content: center
}

.header-boxes>div:not(:last-of-type) {
  margin-right: 20px
}

.header-boxes>div a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none
}

.header-boxes>div span {
  margin-left: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  word-break: normal
}

.lastupdated.green-variant {
  margin-top: 35px;
  color: #4D9A90;
  right: 0;
  position: absolute;
  font-size: 16px
}

.promo-code {
  border: 2px dashed #FA5411;
  border-radius: 8px;
  color: #FA5411;
  text-transform: uppercase;
  font: normal normal 600 14px/24px Open Sans;
  padding: 3px 25px;
  min-width: 150px;
  text-align: center;
  transition: transform .3s ease, background-color .3s ease;
  margin-bottom: 15px;
  margin-top: 90px
}

.el-of-month .main-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.4
}

.promo-codes-table .promo-code {
  margin-top: 0;
  width: 100%
}

.promo-code:not(.no-code) {
  cursor: pointer
}

.promo-code:hover {
  background-color: #ededed
}

#navbarNavDropdown span.nav-link {
  font-size: 12px
}

.promo-code.clicked {
  transform: scale(1.1)
}

.promo-code.clicked-reverse {
  transform: scale(1)
}

.promo-code.no-code.clicked {
  transform: scale(1)
}

.promo-code.no-code:hover {
  background-color: #fff
}

.bonus-info {
  color: #111B36;
  font-size: 14px
}

.casino-types .promo-code {
  padding: 3px 8px;
  margin-bottom: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

table.casino-types.promo-codes-table thead tr th:nth-child(1) {
  width: 52%
}

.sweepstakes .promo-code {
  min-width: unset
}

.font-style-normal {
  font-style: normal
}

.reverse .step-grid_boxes {
  flex-direction: column-reverse
}

.reverse .step-grid_boxes .step-box__top {
  margin-top: 15px
}

.reverse .step-grid_boxes .step-box__bottom {
  margin-bottom: 0
}

.reverse .step-grid_boxes .step-box__bottom .step-img::after {
  top: 100%;
  border-bottom: unset;
  border-top: 10px solid #4fbca3ff
}

.reverse .step-grid_boxes .step-number::before {
  top: unset;
  bottom: -10px
}

.site-links__in {
  text-transform: uppercase;
  letter-spacing: 1px
}

.site-links__in.list-r.d-flex {
  flex-wrap: wrap
}

.subscribe-form--footer {
  background: #123346;
  font-size: 14px;
  margin-bottom: 5px
}

.subscribe-form {
  padding: 12px 20px;
  border-radius: 10px
}

form h3 {
  text-align: left;
  color: #fff;
  font-weight: 700
}

.subscribe-form__input-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

input.subscribe-form__email {
  padding-right: 20px;
  font-style: italic;
  background: #111b36;
  border-color: transparent
}

.subscribe-form__email {
  width: calc(100% - 84px);
  color: #f3f4f5
}

input.subscribe-form__submit {
  padding: 7px 30px;
  background: #4dbca2;
  border-radius: 20px
}

.subscribe-form__submit {
  position: absolute;
  right: 0;
  top: 0;
  color: #111b36;
  font-weight: 600
}

#main-footer p {
  font-weight: 300
}

.site-links__out li,
.site-links__out a {
  display: inline-block;
  vertical-align: middle
}

.subscribe-form__main {
  width: 100%;
  margin-bottom: 6px
}

.region-page .payment-table:not(.region-casino-table) .show {
  display: block !important;
  width: 80px;
  text-align: center;
  margin: 30px auto
}

.region-page .grey-box img,
.bg-pink-slider .grey-box img {
  height: 50px
}

.free-real-casino-games>div {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%
}

.free-real-casino-games .bg-grey {
  background: #EDEDED;
  border-radius: 8px;
  color: #000;
  margin-bottom: 20px;
  height: 100%
}

.free-real-casino-games .bg-grey .d-flex>div {
  width: 100%
}

.free-real-casino-games .bg-grey h4 {
  font-weight: 700
}

.free-real-casino-games .bg-grey .d-flex>div {
  width: 100%
}

.free-real-casino-games .bg-grey .pros-cons-box {
  background: #DBF0EA;
  border: 1px solid #55CCAC;
  border-radius: 8px
}

.free-real-casino-games .bg-grey .pros-cons-box.red {
  background-color: #FCE8E0;
  border: 1px solid #F4B587
}

.provider-info {
  background: #101C36;
  border-radius: 10px;
  color: #fff;
  padding: 30px 10px 15px;
  margin-bottom: 30px
}

.provider-info .flex-align-center {
  padding: 0 20px
}

.provider-info h3 {
  margin-left: 15px
}

.provider-info p {
  font-size: 16px;
  padding: 0 20px
}

.provider-info table tbody tr {
  height: 130px
}

.provider-info table tbody td:first-child a,
.provider-info table tbody td:first-child>img {
  margin: 0 19px
}

.provider-info table th:first-of-type {
  width: 300px
}

.provider-info table td img {
  border-radius: 50%
}

.provider-info table td .brand-name {
  font-weight: 700;
  width: 55%;
  display: inline-block;
  vertical-align: middle;
  text-align: left
}

.provider-info table th {
  color: #fff;
  position: relative
}

.provider-info table th:not(:last-child):after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, #123347ff 0%, #337f79ff 22%, #4dbba1ff 54%, #337f79ff 82%, #123347ff 100%)
}

.el-of-month-box .brand-wrap {
  top: -50px;
  z-index: 5
}

.redesign-country .el-of-month__info.d-flex {
  position: unset;
  align-items: center
}

.el-of-month__main {
  border: 1px solid #48ad98;
  position: relative
}

.redesign-country .read-r-box span span {
  color: #4dbca2
}

.redesign-country p.pin {
  position: relative
}

.redesign-country p.pin::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  position: relative;
  top: -2px
}

.redesign-country .before-table-icon::before {
  content: '';
  position: absolute;
  top: 30%;
  left: 5%;
  display: block;
  background-repeat: no-repeat;
  filter: opacity(0.3);
  transform: rotate(355deg);
  width: 340px;
  height: 390px
}

.bg-header .redesign-country .before-table-icon::before {
  top: 5%;
}

.options-el {
  margin: 30px auto;
  position: relative;
  z-index: 10
}

.options-el>.info {
  margin-bottom: 14px
}

.options-el>.info>p:last-child {
  margin-bottom: 0
}

.options-el__choose,
.options-el__details {
  margin: 0 auto;
  background: #fff;
  border: 1px solid #4ebca2;
  border-radius: 10px;
  position: relative
}

.options-el__choose {
  padding-left: 25px
}

.options-el--t2 .options-el__choose,
.options-el--t2 .options-el__details,
.options-el--t2 .options-el__choose:after {
  background: #111b36b3
}

.options-el__choose:after {
  content: '';
  position: absolute;
  border: 1px solid #4ebca2;
  z-index: -1
}

.options-el__choose .heading-logo {
  position: absolute;
  width: 148px;
  height: 148px;
  z-index: 10
}

.section--p-more-games .options-el__choose .heading-logo {
  background: transparent
}

.options-el__list {
  position: absolute;
  width: 320px;
  color: #111b36;
  z-index: 5
}

.options-el--t2 .options-el__list {
  color: #f3f4f5
}

.options-el__list>li {
  position: absolute
}

.options-el__list .svg-wrap,
.options-el__list .ico-star-wrap {
  border: 1px solid #5bc1a9;
  border-radius: 50%;
  text-align: center;
  -webkit-transition: -webkit-transform ease-in-out .3s;
  transition: -webkit-transform ease-in-out .3s;
  -o-transition: transform ease-in-out .3s;
  transition: transform ease-in-out .3s;
  transition: transform ease-in-out .3s, -webkit-transform ease-in-out .3s
}

.options-el__list .svg-wrap {
  background: #111b36
}

.options-el__list .svg-wrap .svg {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px
}

.options-el__list>li:hover .ico-star-wrap,
.options-el__list>li.active .ico-star-wrap {
  background: #e1e1e1
}

.options-el--t2 .options-el__list>li:hover .svg-wrap,
.options-el--t2 .options-el__list>li.active .svg-wrap {
  background: #4ebca2
}

.options-el__list .sub-title {
  line-height: 1.1;
  vertical-align: middle
}

.options-el__details-wrap:not(.ios-fix) .options-el__details {
  display: none;
  padding: 0 25px 25px;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s
}

.options-el__details-wrap:not(.ios-fix) .options-el__details.active {
  display: block
}

.options-el__details-wrap.ios-fix .options-el__details {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s
}

.options-el__details-wrap.ios-fix .options-el__details.active {
  opacity: 1;
  visibility: visible;
  max-height: none;
  overflow: visible;
  padding: 0 25px 25px
}

.options-el__details-img {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px #4ebca2;
  box-shadow: 0 0 0 1px #4ebca2
}

.options-el__details>.title,
.options-el__details>.info {
  font-style: italic
}

.options-el__details>.title {
  font-weight: 300;
  line-height: 1.2
}

.options-el__details>.title .svg--game {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px
}

.options-el__details>.title .svg-img--prov {
  float: right;
  margin-top: 3px
}

.options-el__details .info-list>li {
  margin-top: 14px
}

.options-el__details .info-list>li:first-child,
.options-el__details .info-list__v--full:first-child {
  margin-top: 34px
}

.options-el__details .info-list__h,
.options-el__details .info-list__v {
  vertical-align: middle;
  width: 49%;
  padding: 4px
}

.options-el__details .info-list__h {
  text-align: left
}

.options-el__details .info-list__v {
  border: 1px solid #4ebca2;
  border-radius: 8px;
  font-style: italic;
  font-weight: 300;
  font-size: 24px;
  text-align: center
}

.options-el__details .info-list__v--full {
  width: 100%;
  margin-top: 14px
}

.redesign-country .table-casinos .el-of-month__main {
  width: 480px
}

.redesign-country .el-of-month__main {
  border: none
}

.el-of-month-box {
  position: relative
}

.el-of-month-box .rating-bar {
  margin-bottom: 4px
}

.el-of-month__info p {
  margin: 0
}

.redesign-country .secondary-bonus-text {
  color: #4dbca2
}

.redesign-country .primary-bonus-text {
  font-size: 30px;
  line-height: 28px;
  color: #f3b183;
  font-weight: 700
}

.el-of-month__info div.el-center {
  float: unset;
  display: block;
  margin: 0 auto;
  width: 50%
}

.el-of-month__info {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 14px;
  background: #111b36e6;
  border: 1px solid #48ad98;
  border-radius: 0 0 16px 16px
}

.redesign-country .before-slot-icon::before {
  content: '';
  position: absolute;
  top: 17%;
  left: 5%;
  display: block;
  background-repeat: no-repeat;
  filter: opacity(0.3);
  transform: rotate(22deg);
  width: 315px;
  height: 306px
}

.img-block {
  display: block;
  margin: 0 auto
}

.provider-info table td {
  font-size: 18px
}

.bg-new-gradient {
  background: transparent linear-gradient(0deg, #111B36 0%, #0D5A5B 100%) 0 0 no-repeat padding-box;
  color: #fff
}

.country-popup {
  position: absolute;
  top: -70px;
  left: 0;
  height: 70px;
  width: 100%;
  background: #FFCC57;
  padding: 7px 0;
  display: block
}

.country-popup p {
  color: #152339 !important;
  font-size: 14px;
  text-align: center;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.country-popup p br {
  display: none
}

.country-popup p a {
  text-decoration: none
}

.country-popup p a.home-link {
  font-weight: 700;
  text-decoration: underline;
  color: #152339;
  margin-left: 20px
}

.country-popup p a.home-link+button {
  font-weight: 700;
  text-decoration: underline;
  color: #152339;
  background: none;
  margin-left: 20px
}

.country-popup p span.sm-none {
  margin-right: 5px
}

.country-popup .main-width div p span.ml-1:not(.icon-glob, .sm-none) {
  border-radius: 6px;
  background: #000;
  color: #fff;
  width: auto;
  padding: 3px 10px
}

.new-grey-table .mobile-rtp-games,
.provider-info .mobile-rtp-category {
  display: none
}

.provider-info table td .v-out {
  box-shadow: none;
  border: none
}

.ontario.bonus-page .diff-bonuses.black-bg .d-flex.mb-1,
.social-casinos .diff-bonuses.black-bg .d-flex.mb-1 {
  justify-content: space-between
}

.ontario.bonus-page.diff-bonuses.grey-bg .d-flex.mb-1 img,
.ontario.bonus-page .diff-bonuses.black-bg .d-flex.mb-1 img,
.social-casinos .diff-bonuses.grey-bg .d-flex.mb-1 img {
  margin-right: 0
}

.ontario.bonus-page .diff-bonuses.black-bg .d-flex.mb-1 div:nth-child(2),
.social-casinos .black-bg .d-flex.mb-1 div:nth-child(2) {
  width: 90%
}

.diff-bonuses.black-bg .d-flex.mb-1 span,
.diff-bonuses.black-bg .d-flex.mb-1 h3 {
  color: #4CBCA2;
  text-align: left;
  font-weight: 700
}

.nav-item--dropdown-content.d-flex {
  flex-wrap: wrap;
  align-items: center
}

table .curr-list:not(.curr-list--single) {
  margin-bottom: 8px
}

table .curr-list {
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 19px
}

table .curr-list:not(.color-inh) {
  color: #111b36
}

.brand-table .brand-svg .svg-img {
  width: 92px;
  height: 82px
}

.brand-table .brand-svg {
  left: 45px;
  top: 0;
  position: absolute
}

.terms--brand-table>span {
  vertical-align: middle;
  line-height: 1.6
}

.terms--brand-table {
  line-height: 30px
}

.brand-table--t2 td {
  padding: 22px 6px
}

table .curr-list:not(.color-inh) {
  color: #111b36
}

table .curr-list:not(.bg-blank) {
  background: #ededed;
  border: 2px solid #fff
}

table tr td .brand-name a {
  text-decoration: none;
  color: #111b36
}

.table-wrap {
  width: 100%;
  margin: 12px auto;
  padding: 8px 8px 2px;
  border-radius: 10px
}

.country-table-wrapper,
.new-grey-table {
  padding-top: 0 !important
}

.brand-table .curr-list li:before {
  margin-right: 6px
}

.brand-table .d-list {
  text-align: left
}

.brand-table .d-list li:not(:last-child) {
  margin-bottom: 8px
}

.brand-table .d-list li {
  padding-left: 30px;
  line-height: 1.2;
  position: relative
}

.vietnam .section--country-support .main-width-md.relative {
  margin-bottom: 0;
  padding-bottom: 20px
}

.site-links__in a {
  text-decoration: none
}

.site-links__in>li:first-child,
.site-links__in>li:nth-child(2),
.site-links__in>li:nth-child(3),
.site-links__in>li:nth-child(4) {
  margin-right: 30px
}

.vietnam-header p,
.vietnam-header h1,
.thai-header p,
.thai-header h1 {
  position: relative;
  z-index: 10
}

.top-three-casinos-element .rating,
.rating>span,
.new-grey-table .rating,
.rating>span {
  display: block;
  background: url(/images/stars.svg) no-repeat
}

.add-to__popup {
  position: absolute;
  right: -140px;
  top: 50%;
  -webkit-transform: translate(0, -50%) scale(0, 0);
  -ms-transform: translate(0, -50%) scale(0, 0);
  transform: translate(0, -50%) scale(0, 0);
  width: 130px;
  padding: 3px 4px 4px;
  background: #fff;
  border: 1px solid #bfc2c9;
  border-radius: 5px;
  color: #111b36;
  font-size: 14px;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity ease-in-out .4s;
  -o-transition: opacity ease-in-out .4s;
  transition: opacity ease-in-out .4s
}

.add-to__popup:before {
  content: '';
  position: absolute;
  left: -9px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: -1px;
  width: 9px;
  height: 11px;
}

.ontario .d-flex.grey-boxes,
.bg-pink-slider .grey-boxes {
  opacity: 1;
  height: auto;
  overflow: hidden
}

.ontario .grey-boxes {
  justify-content: space-between
}

.ontario .grey-box,
.bg-pink-slider .grey-box {
  border-radius: 10px;
  background: #F7F7F7;
  width: 270px;
  visibility: visible
}

.vietnam #main-country-table tr td .rating-bar__val,
.vietnam #main-country-table tr td .rating-bar__val+span {
  font-size: 14px;
  line-height: 32px;
  color: #111b36;
  font-weight: 400;
  font-style: italic;
  font-family: "Open Sans";
  text-align: center
}

.brand-table .rating-bar {
  width: 100%;
  margin: 6px 0 -12px;
  color: #111b36
}

.vietnam #main-country-table .rating-bar__prog {
  display: block;
  margin: 0 auto
}

.vietnam .country-table .rating-bar__prog {
  width: 80%
}

.thailand,
.thai-header,
.thailand-font-family {
  font-family: "Kanit", Sans-serif
}

.vietnam .brand-table .d-list li {
  font-weight: 700
}

.column-reverse {
  flex-direction: column-reverse
}

.vietnam #main-country-table tr td>.rating-bar__val+span {
  margin-left: 70px
}

.vietnam .brand-table tbody tr td:nth-child(4) {
  padding-top: 0
}

.table-wrap .table-sort {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  position: relative
}

.dark-blue-bg .part-1 .d-flex.flex-align-center img:not(.bonus-icon) {
  border: 1px solid #4dbca2;
  border-radius: 50%;
  min-width: 94px
}

.bonus-page .slick-slide,
.bg-pink-slider .slick-slide,
.bg-pink .slick-slide,
.body-live .slick-slide {
  margin-right: 10px
}

.body-country .fix-find-brand {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  transform: none
}

.find-brand.fix-find-brand .arrow-link,
.toggle-box .arrow-link {
  bottom: 10px;
  position: absolute
}

.fix-find-brand p.title {
  text-align: center
}

.fix-find-brand .find-brand-answer__link a {
  z-index: 100;
  position: relative;
}

.find-brand,
.toggle-box {
  padding: 0 18px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 1px 4px 4px 0 #ccc6;
  box-shadow: 1px 4px 4px 0 #ccc6;
  position: relative;
  z-index: 100
}

.find-brand {
  margin: 20px auto 60px
}

.find-brand:after,
.toggle-box:after {
  content: '';
  bottom: -47px
}

.find-brand .title,
.toggle-box>.title {
  margin: 0;
  padding: 9px 0;
  color: #0d7a7a
}

.find-brand .arrow-link,
.toggle-box .arrow-link {
  position: absolute;
  bottom: -31px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 5;
  cursor: pointer
}

.find-brand__toggle,
.toggle-box__toggle {
  padding: 16px 0;
  font-size: 14px
}

body:not(.body-home):not(.body-country) .find-brand__toggle,
.toggle-box__toggle {
  display: none
}

.find-brand--no-opt .find-brand__toggle,
.find-brand:not(.find-brand--no-opt) .find-brand__options {
  padding: 10px 20px;
  background: #f8f8f8;
  border-radius: 10px
}

.find-brand--no-opt .find-brand__toggle {
  margin-bottom: 16px
}

.find-brand--w-box .find-brand__toggle {
  max-height: 250px;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 0;
  text-align: center
}

.find-brand--w-box .find-brand__toggle>div {
  margin-bottom: 12px
}

.find-brand--w-box .find-brand__toggle img {
  max-width: 150px;
  max-height: 38px
}

.find-box-all__item .prov-wrap img {
  max-width: 150px;
  max-height: 30px
}

.find-brand__toggle .custom-select-box {
  margin: 0 0 7px;
  font-style: italic;
  font-size: 14px
}

.find-brand .custom-select-box .flags {
  top: 0
}

.find-brand .custom-select-box .flags+.item,
.login-signup-form .custom-select-box .flags+.item,
.user-profile-form .custom-select-box .flags+.item {
  width: calc(100% - 40px)
}

.find-brand__toggle .custom-select-box--bank {
  margin-bottom: 4px
}

.find-brand__toggle .custom-select-box .select-all:not(.spain-finder) {
  position: absolute;
  right: 14px;
  top: 7px
}

.find-brand__toggle .v-dot {
  width: 100%;
  margin: 30px auto 0;
  padding: 6px
}

.find-brand__toggle-right-box {
  padding: 20px;
  border: 1px solid #d2d3d5;
  border-radius: 6px;
  position: relative
}

.find-brand__toggle-right-box:before,
.find-brand-searching:before {
  content: '';
  position: absolute;
  background-repeat: no-repeat
}

.find-brand__toggle-right-box:before {
  width: 123px;
  height: 118px;
  background-position: -280px -98px
}

.find-brand-searching:before {
  width: 232px;
  height: 48px;
  background-position: -171px -236px
}

.find-brand__toggle-right-box.active:before {
  background: transparent
}

.find-brand-answer,
.find-brand-not-found,
.active>.find-brand-searching,
.not-found>.find-brand-searching,
.find-brand__toggle-right-box.not-found:before {
  opacity: 0
}

.find-brand-searching,
.find-brand-answer__link {
  font-style: italic
}

.find-brand-searching {
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 20px;
  opacity: 1;
  -webkit-transition: opacity ease-in-out .2s;
  -o-transition: opacity ease-in-out .2s;
  transition: opacity ease-in-out .2s
}

.find-brand-answer,
.find-brand-not-found,
.active>.find-brand-searching,
.not-found>.find-brand-searching,
.find-brand__toggle-right-box.not-found:before {
  opacity: 0
}

.active .find-brand-answer {
  -webkit-transition: opacity ease-in-out 1.5s;
  -o-transition: opacity ease-in-out 1.5s;
  transition: opacity ease-in-out 1.5s
}

.active>.find-brand-answer {
  opacity: 1
}

.find-brand-answer .brand-name {
  max-width: 100%;
  margin: 25px auto 20px;
  padding: 10px;
  background: #f8f8f8;
  border-radius: 10px;
  color: #111b36;
  font-weight: 700;
  font-size: 19px
}

.find-list-all {
  margin: 30px auto 60px;
  position: relative
}

.find-list-all .find-brand {
  position: absolute;
  margin: 0
}

.find-list-all .find-brand .title {
  padding: 11px
}

.find-list-all__left,
.find-list-all__right {
  float: left;
  padding: 6px 20px;
  border-radius: 6px;
  line-height: 30px
}

.find-brand-not-found {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 5px
}

.not-found>.find-brand-not-found {
  opacity: 1
}

.find-brand-not-found>.top {
  padding: 10px;
  background: #fdeee7;
  border-radius: 6px
}

.find-brand-not-found>.bottom>.bottom>div {
  display: table-cell;
  vertical-align: top
}

.find-brand-not-found>.bottom>.bottom>.left {
  width: 68px
}

.find-brand-not-found>.bottom>.bottom>.right {
  width: calc(100% - 68px);
  padding-left: 8px;
  text-align: left
}

.find-brand-not-found .rating-circle-2 {
  display: inline-block
}

.el-of-month__info>div:last-child {
  text-align: center
}

.redesign-country .find-brand__toggle,
.toggle-box__toggle {
  padding-top: 0
}

.find-brand--no-opt .find-brand__toggle,
.find-brand:not(.find-brand--no-opt) .find-brand__options {
  padding: 10px 20px;
  background: #f8f8f8;
  border-radius: 10px
}

.find-brand__toggle .custom-select-box {
  margin: 0 0 7px;
  font-style: italic;
  font-size: 14px
}

.find-brand .custom-select-box .flags {
  top: 0
}

.find-brand .custom-select-box .flags+.item,
.login-signup-form .custom-select-box .flags+.item,
.user-profile-form .custom-select-box .flags+.item {
  width: calc(100% - 40px)
}

.find-brand__toggle-right-box:before {
  width: 123px;
  height: 118px;
  background-position: -280px -98px
}

.find-brand__toggle-right-box:before,
.find-brand-searching:before {
  content: '';
  position: absolute;
  background-repeat: no-repeat
}

.find-brand-searching,
.find-brand-answer__link {
  font-style: italic
}

.find-brand-searching {
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 20px;
  opacity: 1;
  -webkit-transition: opacity ease-in-out .2s;
  -o-transition: opacity ease-in-out .2s;
  transition: opacity ease-in-out .2s
}

.body-country .find-brand:after {
  display: none
}

.redesign-country .find-brand::after {
  top: 100%;
  display: block !important;
  height: 45px;
  filter: drop-shadow(0px 4px 3px #00000012)
}

.redesign-country .brand-svg-img,
.redesign-country .find-brand-answer .brand-name,
.redesign-country .find-brand-searching {
  text-align: center
}

.find-brand .arrow-link,
.toggle-box .arrow-link {
  position: absolute;
  bottom: -31px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 5;
  cursor: pointer
}

.find-brand.fix-find-brand .arrow-link,
.toggle-box .arrow-link {
  bottom: 10px;
  position: absolute
}

.redesign-country .find-brand.fix-find-brand .arrow-link {
  bottom: -30px
}

.el-of-month>div:first-child {
  padding-right: 20px
}

.el-of-month {
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 20px;
  text-align: left
}

.brand-table-container.container--bon {
  margin-top: 20px
}

.redesign-country.spain .table-wrap.table-wrap--t2.bg-black {
  background-color: #101C36
}

.redesign-country .brand-table-container.container--bon .table-wrap,
.payments-body .brand-table-container.container--bon .table-wrap {
  position: relative
}

.redesign-country .table-wrap .next,
.payments-body .table-wrap .next {
  position: absolute;
  display: none;
  right: 10px;
  top: -4px;
  color: #0d7a7a;
  font-size: 40px;
  z-index: 99
}

.table-scroll {
  overflow-y: hidden;
  overflow-x: auto
}

.brand-table--bon .brand-name {
  display: none !important
}

.brand-table--t2 .flags {
  left: 6px;
  top: 6px
}

.brand-table .flags {
  position: absolute
}

.double-columns {
  columns: 2;
  -webkit-columns: 2;
  width: 100%
}

.hungaria .double-columns {
  width: 50%
}

.hungaria .casino-types {
  width: 80%;
  margin: 0 auto;
}

.hungaria .casino-types tr td:first-of-type {
  width: 20%
}

.hungaria .dark-blue-bg:not(.top-brand-element) a.v-out {
  width: auto;
}

.hungaria .payment-table .brand-svg img {
  margin: 0;
}

.hungaria .payment-table tr td {
  height: 100px;
}

.tips-flex {
  justify-content: space-between
}

.ontario .grey-bg {
  background: #EDEDED
}

.br-10 {
  border-radius: 10px
}

.redesign-country .options-el__choose.tabs-info {
  height: 300px;
  width: 374px;
  margin-right: 350px
}

.heading-logo.bg-black svg {
  width: 80px;
  height: 140px
}

.tabs-info #detail--2,
.tabs-info #detail--3 {
  display: none
}

.redesign-country .table-casinos .sub-title {
  line-height: 25px;
  margin-bottom: 0
}

.redesign-country .el-of-month__main {
  border: none
}

.redesign-country .el-of-month__main.detail-2-bookie {
  display: none
}

.redesign-country .el-of-month__info.d-flex {
  position: unset;
  align-items: center
}

.redesign-country .options-el__choose.tabs-info {
  height: 300px;
  width: 374px;
  margin-right: 350px
}

.redesign-country.canada .options-el__choose.tabs-info {
  height: 430px
}

.redesign-country.uk-country-page .options-el__choose.tabs-info {
  height: unset
}

.redesign-country .table-casinos .el-of-month__main {
  width: 480px
}

.redesign-country .table-casinos .el-of-month-box .ix-slide-dots {
  width: 470px
}

.redesign-country .options-el .slick-slide {
  margin: 0
}

.redesign-country .table-casinos .related-el__img-na-wrap img,
.redesign-country .table-casinos .slick-list.draggable {
  border-radius: unset;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.redesign-country .table-casinos .el-of-month__info.d-flex {
  flex-direction: column;
  align-items: flex-start
}

.redesign-country .table-casinos .el-of-month__info>div:first-child {
  width: 100%
}

.redesign-country .table-casinos .el-of-month__info div.el-center {
  margin: 0
}

.redesign-country .table-casinos .el-center {
  width: 100%
}

.redesign-country .table-casinos .el-of-month__info div.el-center .v-dot {
  width: 50%;
  margin: 0;
  margin-right: 10px
}

.el-of-month__info div.el-center .v-dot {
  width: 100%
}

.main-width-md.d-flex>div {
  width: 60%
}

.redesign-country.swiss .casino-types {
  width: 60%
}

main.redesign-country.swiss div.section-box:not(.payment-table-wrapper):nth-child(2) {
  width: unset;
}

main.redesign-country.swiss div.section-box:nth-child(2),
main.redesign-country.bulgaria div.section-box:nth-child(2) {
  border-radius: unset
}

.ch-table .v-out-wrap {
  margin-bottom: 10px;
  width: 100%
}

.redesign-country.swiss .brand-table .v-out,
.redesign-country.swiss .auslandische-brands .v-out {
  font-size: 16px;
  width: 100%
}

.el-of-month__main img {
  width: 100%;
  max-height: 100%
}

.redesign-country .before-slot-icon,
.redesign-country .before-table-icon {
  position: relative
}

.game-boxes div.box:hover {
  margin-top: -10px;
  filter: drop-shadow(0px 10px 12.5px #04151f)
}

.game-boxes div.box:hover span {
  color: #fff
}

.ontario .bg-black {
  background-color: #101C36
}

.heading-logo.bg-black {
  background: #000;
  border: 1px solid #4ebca2
}

.tips-flex li {
  width: 47%
}

span.back-to-top {
  display: none
}

span.back-to-top.active {
  display: block
}

.dark-blue-bg .part-1 .box-brand h3 {
  text-align: left
}

.swiss .payment-choices .payment-choices-card h3 {
  width: 90%
}

.redesign-country .developers {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 40px;
  border-radius: 10px;
  background-color: #111b36;
  border-top: 1px solid #4dbca2;
  border-bottom: 1px solid #4dbca2
}

.redesign-country .developers>div {
  position: relative;
  display: flex;
  min-height: 68px;
  margin-right: 30px
}

.redesign-country .developers a {
  display: none;
  width: 101px;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  padding: 5px 10px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%)
}

.redesign-country .developers>div:hover a {
  display: inline-block
}

.redesign-country .developers>div:hover img {
  filter: blur(3px)
}

.top-prov-wrap {
  margin: 20px auto;
  padding: 0 12px
}

.top-prov {
  font-size: 12px;
  text-align: left
}

.top-prov .pos-num-wrap {
  color: #111b36;
  font-style: italic;
  font-size: 14px;
  text-align: center
}

.top-prov .pos-num-inner {
  vertical-align: middle;
  padding-left: 48px;
  position: relative
}

.top-prov .pos-num-inner>.pos-num {
  text-align: left
}

.top-prov .pos-num-inner>.title {
  line-height: 1.2;
  vertical-align: middle
}

.top-prov .pos-num {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-top: 1px;
  font-size: 17px
}

.top-prov__top {
  position: relative
}

.top-prov__top .brand-logo {
  position: absolute;
  left: 0;
  top: 0
}

.top-prov__top .brand-logo-wrap {
  padding-top: 8px
}

.top-prov__top .brand-logo .svg-img {
  width: 65px;
  height: 65px;
  margin-top: -1px
}

.top-prov__box .brand-name {
  font-weight: 700;
  color: #f3f4f5
}

.top-prov__box .brand-name>span {
  vertical-align: super;
  line-height: 1.2
}

.top-prov__box .button-more {
  display: inline-block;
  color: #f3b183;
  font-style: italic
}

.top-prov__box .button-more .arrow-link {
  background-color: #283946;
  border-color: #f3b183
}

.top-prov__list {
  display: table;
  margin: 6px auto 10px
}

.top-prov__list .title {
  width: 70px;
  color: #4dbca2
}

.top-prov__list .sep {
  height: 1px;
  margin: 0 4px;
  background: #0d5a5b;
  position: relative;
  bottom: 2px
}

.top-prov__list .val {
  color: #fff;
  font-style: italic;
  font-size: 14px
}

.top-prov__bott {
  margin: 0 auto;
  padding: 16px 8px 10px;
  background: #f3f4f5;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  color: #111b36;
  text-align: center;
  position: relative
}

.top-prov__bott:before {
  position: absolute;
  width: 196px;
  height: 10px;
}

.top-prov__bott .brand-wrap .svg-img {
  width: 124px;
  height: 44px
}

.top-prov__bott>.info>.b-tb-grad {
  margin: 10px 0;
  padding: 1px 0
}

.top-prov__bott .b-r-grad-wrap span:last-child {
  font-weight: 600
}

.top-prov__bott .top-prov__link {
  margin-top: 10px
}

.top-prov__link .arrow-link-wrap {
  vertical-align: middle
}

.custom-grid--guides .custom-grid__info>.text-wrap {
  text-align: left
}

.custom-grid--guides .custom-grid__item__list-wrap {
  margin-left: 0;
  position: relative
}

.custom-grid--guides .custom-grid__item__list-wrap:before {
  position: absolute;
  right: 20px;
  left: 20px;
  bottom: 106px;
  border-bottom: 1px dashed #4dbca2
}

.custom-grid--guides .custom-grid__item__list-wrap .custom-grid__item-1-3 {
  width: 29%
}

.custom-grid--guides .custom-grid__item__list-wrap .custom-grid__item:not(:last-child) {
  margin-right: 4%
}

.custom-grid--guides .custom-grid__item__list {
  color: #111b36;
  padding: 16px;
  border-radius: 8px;
  position: relative
}

.custom-grid--guides .custom-grid__item__list:hover {
  background: #efefef
}

body:not(.body-home) .custom-grid--guides .custom-grid__item__list:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 10px;
  width: 10px;
  height: 10px;
  background: #4dbca2;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s
}

.custom-grid--guides .custom-grid__item__list:hover:before {
  opacity: 1
}

.custom-grid--guides .custom-grid__item__list .title {
  font-size: 19px;
  line-height: 1.2
}

.custom-grid--guides .svg-wrap {
  width: 104px;
  height: 104px;
  line-height: 96px;
  margin: 10px auto 20px;
  border: 1px solid #4dbca2;
  border-radius: 50%;
  background: #123346;
  text-align: center
}

.custom-grid--guides .svg--guides {
  width: 67px;
  height: 67px;
  vertical-align: middle
}

.custom-grid--guides .custom-grid__item__list-wrap .arrow-link-wrap {
  font-size: 12px
}

.body-country .top-prov__box .b-tb-grad:after {
  display: none
}

.redesign-country .developers>div img {
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(79deg) brightness(2000000%) contrast(106%)
}

.redesign-country .main-width.bg-d-gn,
.sweeps-pros-cons {
  border-radius: 10px;
  padding-top: 20px
}

.custom-grid__item__list-fix .title {
  font-size: 19px;
  line-height: 1.2
}

.custom-grid__item__list-fix {
  color: #111b36;
  padding: 16px;
  border-radius: 8px;
  position: relative;
  text-align: center
}

.custom-grid__item__list-fix:hover {
  background: #efefef
}

.custom-grid__item__list-fix:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 10px;
  width: 10px;
  height: 10px;
  background: #4dbca2;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s
}

.custom-grid__item__list-fix:hover:before {
  opacity: 1
}

.vietnam .game-boxes div.box,
.philippines .game-boxes div.box {
  height: auto;
  width: 250px;
  padding: 0 15px
}

.vietnam .game-boxes div.box img,
.philippines .game-boxes div.box img {
  min-height: 103px
}

.diff-bonuses.grey-bg .d-flex.mb-1 {
  border-radius: 10px;
  background-color: #E1E1E1;
  padding: 30px;
  color: #000;
  align-items: center;
  visibility: visible
}

.hungaria .diff-bonuses.grey-bg .d-flex.mb-1 {
  align-items: flex-start
}

.diff-bonuses.grey-bg .d-flex.mb-1 span,
.diff-bonuses.grey-bg .d-flex.mb-1 h3 {
  color: #0E7A7A;
  font-weight: 700;
  text-align: left
}

.diff-bonuses.grey-bg .d-flex.mb-1 img,
.diff-bonuses.black-bg .d-flex.mb-1 img {
  margin-right: 30px
}

.diff-bonuses.black-bg .d-flex.mb-1 {
  border-radius: 12px;
  background-color: #101C36;
  padding: 30px;
  color: #fff;
  align-items: center
}

.diff-bonuses.black-bg .d-flex.mb-1 span,
.diff-bonuses.black-bg .d-flex.mb-1 h3 {
  color: #4CBCA2;
  text-align: left;
  font-weight: 700
}

.redesign-country div.developers a {
  background-color: #0d7a7a1a;
  border: 2px dotted #69c3a0
}

.redesign-country .developers a {
  display: none;
  width: 101px;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  padding: 5px 10px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%)
}

.redesign-country div.developers a:hover {
  background-color: #0d7a7a;
  border: 2px dotted #0d7a7a
}

main.redesign-country.usa-casino .section.section--country-profile div.section-box {
  width: unset;
  background-color: #fff
}

.svg-wrap.bg-w-2 {
  background-color: #f7f7f7;
  border: none
}

.section--country-live .brand-table--t2.payment-table-scrollable th {
  width: 150px !important
}

.dark-blue-bg.light-bg {
  background-color: #eceff4;
  border: 2px solid #4DBCA2
}

.top-brand-element {
  padding: 10px;
  border-radius: 12px
}

.top-brand-element .bg-w {
  border-radius: 12px
}

.top-brand-element .logo {
  display: flex;
  justify-content: space-evenly
}

.top-brand-element .bonus,
.top-brand-element .logo,
.top-brand-element .button {
  width: 30%;
  position: relative
}

.top-brand-element .brand-name {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.2;
  text-align: left;
  display: flex;
  align-items: center
}

.top-brand-element .brand-name a {
  text-decoration: none;
  color: #111b36
}

.top-brand-element .bonus::after,
.top-brand-element .logo:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #ffff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffff), color-stop(30%, #e8e8e8ff), color-stop(54%, #d4d3d3ff), color-stop(77%, #e8e8e8ff), color-stop(100%, #ffff));
  background: -o-linear-gradient(top, #ffff 0%, #e8e8e8ff 30%, #d4d3d3ff 54%, #e8e8e8ff 77%, #ffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff), color-stop(30%, #e8e8e8ff), color-stop(54%, #d4d3d3ff), color-stop(77%, #e8e8e8ff), to(#ffff));
  background: linear-gradient(to bottom, #ffff 0%, #e8e8e8ff 30%, #d4d3d3ff 54%, #e8e8e8ff 77%, #ffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.top-brand-element .bonus {
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%
}

.top-brand-element .curr-list:not(.bg-blank) {
  background: #ededed;
  border: 2px solid #fff
}

.top-brand-element .curr-list:not(.color-inh) {
  color: #111b36
}

.top-brand-element .curr-list {
  padding: 2px 6px;
  border-radius: 8px;
  font-size: 19px;
  border: 2px solid #fff;
  width: 80%;
  text-align: center
}

.top-brand-element .bonus-one {
  color: #0D7A7A;
  font-size: 24px;
  font-weight: 700
}

.top-brand-element .button {
  display: flex;
  justify-content: center;
  align-items: center
}

.main-width-md.d-flex>div {
  width: 60%
}

.main-width-md.d-flex .casino-types {
  width: 40%
}

@media only screen and (min-width: 1900px) {
  .back-to-top {
    right: 280px
  }
}

/* @media only screen and (max-width: 1640px) {
.vietnam-header::after,.vietnam-header::before{opacity:.5}
} */
@media only screen and (min-width: 1500px) {
  .form-search--header {
    margin-left: 10px;
    margin-top: -7px
  }

  .back-to-top {
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%);
    margin-left: 650px
  }
}

@media only screen and (min-width: 1300px) {
  .main-width {
    width: 1200px
  }

  .main-width-md {
    width: 1060px
  }

  .main-width-md-b {
    width: 1120px
  }

  .main-width-sm {
    width: 914px
  }

  .vietnam .brand-table--main th:first-child {
    width: 260px
  }

  .redesign-country .brand-table--main.country-table .brand-name,
  .redesign-country .brand-table--main.country-table .rating-num-of,
  .sweepstakes .country-table .brand-name,
  .sweepstakes .country-table .rating-num-of {
    margin-left: 85px;
    display: inline-block
  }

  .brand-table--main th:nth-child(2),
  .brand-table--main th:nth-child(4) {
    width: 220px
  }

  .brand-table--main .brand-name,
  .sweepstake-games-table .brand-name {
    width: 140px
  }

  .brand-table td {
    padding: 14px 6px
  }

  .brand-table--main th:first-child,
  .sweepstakes .sweepstake-games-table th:first-child,
  .new-grey-table th:first-child {
    width: 320px
  }

  .brand-table--main.country-table th:nth-child(2),
  .brand-table--main.country-table th:nth-child(3),
  .brand-table--main.country-table th:nth-child(4) {
    width: 170px
  }

  .brand-table--main th:last-child,
  .sweepstakes .sweepstake-games-table th:last-child {
    width: 180px
  }

  .redesign-country .brand-table--main.country-table.no-deposit-table .brand-name {
    margin-left: 65px
  }

  .new-grey-table .brand-svg {
    left: 30px
  }

  .site-about-wrap {
    margin-right: 2%
  }

  .site-about-wrap,
  .subscribe-form-wrap {
    width: 49%
  }

  .table-wrap {
    width: calc(100% - 12px)
  }

  .redesign-country.spain .main-width.d-flex.casino-types-wrapper>div:first-of-type {
    width: 60%
  }

  .redesign-country.spain .main-width.d-flex .casino-types {
    width: 55%
  }

  .el-of-month>div:first-child {
    width: calc(100% - 577px)
  }

  .el-of-month {
    padding-right: 20px;
    padding-left: 60px
  }

  .el-of-month__main {
    width: 577px
  }

  .options-el__choose {
    width: 420px;
    padding-right: 100px
  }

  .top-prov__box .brand-name {
    font-size: 19px
  }

  .top-prov__box .button-more {
    width: 48%
  }

  .top-prov__bott {
    width: 210px
  }

  .top-prov__bott:before {
    left: 6px;
    top: -10px
  }

  .top-prov__list .sep {
    width: 57px
  }
}

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

  #main-header,
  #main-nav-wrap {
    padding-right: 12px;
    padding-left: 12px
  }

  #main-footer>.main-width {
    padding: 0 26px
  }

  .main-width {
    width: 1200px
  }

  .find-brand {
    width: 920px
  }
}

@media only screen and (min-width: 1024px) {
  .find-brand-searching:before {
    bottom: calc(100% + 20px)
  }

  .find-brand__toggle-right-box {
    width: 274px;
    height: 270px
  }

  .find-brand__toggle-right-box:before,
  .find-brand-searching:before {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .find-brand__toggle-right-box:before {
    top: 20px
  }

  .find-brand:not(.find-brand--no-opt) .find-brand__options {
    width: calc(100% - 290px);
    margin-right: 16px
  }

  .find-brand:not(.find-brand--no-opt) .find-brand__options,
  .find-brand__toggle-left-box,
  .find-brand__toggle-center-box,
  .find-brand__toggle-right-box {
    float: left
  }

  .el-of-month-box .brand-wrap {
    left: -52px
  }

  .el-of-month .main-title {
    padding-right: 40px
  }

  .el-of-month>div {
    float: left
  }

  .el-of-month-box .rating-bar {
    width: calc(100% - 70px);
    margin-left: 70px
  }

  .country-drop .nav-link:after,
  .nav-item--cas.nav-item--full>.nav-link:after,
  .dev-drop-fix .nav-link:after,
  .nav-item--compare.nav-item--full .nav-link:after,
  .nav-item--guides .nav-link:after,
  .nav-item--regulation .nav-link:after,
  .nav-item--payments .nav-link:after {
    content: "";
    display: block;
    color: #4dbca2;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 20px;
    position: absolute;
    height: 10px;
    width: 10px;
    top: 50%;
    transform: rotate(90deg) translateX(-50%);
    right: 7px;
    filter: invert(95%) sepia(48%) saturate(982%) hue-rotate(85deg) brightness(79%) contrast(91%)
  }

  #main-nav__list {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
  }

  .country-drop a.nav-link,
  .country-drop span.nav-link {
    padding: 5px 15px 5px 30px !important
  }

  .nav-item--regulation.country-drop .nav-link:after {
    right: 2px
  }

  .main-nav-toggle,
  .quick-nav-toggle,
  #main-nav .mob-ico-svg {
    display: none
  }

  #main-nav__list.primary {
    display: inline-flex;
    width: 1080px;
    flex-wrap: wrap-reverse;
    justify-content: flex-end
  }

  #main-nav__list>.nav-item--dropdown {
    padding: 0 5px
  }

  .main-header--dark #main-nav__list>.nav-item>.nav-link,
  #main-nav__list>.nav-item:hover>.nav-link,
  #main-nav__list>.nav-item.focus>.nav-link {
    color: #fff
  }

  #main-nav__list .nav-item:not(.nav-item--full) .nav-item--dropdown-content {
    width: 215px;
    border-radius: 8px
  }

  #main-nav__list .nav-item--dropdown-content {
    position: absolute;
    top: 68px;
    left: 100%;
    max-height: 0;
    padding: 0;
    opacity: 0;
    z-index: 900;
    visibility: hidden
  }

  header #main-nav__list .nav-item--dropdown:hover .nav-item--dropdown-content {
    width: max-content;
    padding-bottom: 25px;
    padding-left: 35px;
    padding-right: 30px;
    align-items: flex-start;
    flex-direction: row
  }

  #main-nav__list .nav-item--dropdown:hover .nav-item--dropdown-content {
    max-height: fit-content
  }

  #main-nav__list .nav-item--dropdown:hover .nav-item--dropdown-content,
  #main-nav__list .nav-item--dropdown.focus .nav-item--dropdown-content {
    left: -20px;
    max-height: 300px;
    padding: 10px;
    text-align: center;
    overflow-x: auto;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity, padding-top ease-out .4s;
    -o-transition: opacity, padding-top ease-out .4s;
    transition: opacity, padding-top ease-out .4s
  }

  #main-nav__list .nav-item:not(.nav-item--full) .nav-item--dropdown-content {
    width: 215px;
    border-radius: 8px
  }

  #main-nav__list.primary .nav-item--dropdown-content {
    top: 28px
  }

  .top-prov:first-child .top-prov__box {
    border-radius: 10px 0 0 10px
  }

  .top-prov:last-child .top-prov__box {
    border-radius: 0 10px 10px 0
  }

  .top-prov__bott {
    top: 15px
  }

  .top-prov__bott .b-r-grad-wrap>div {
    float: left;
    width: 50%
  }

  .top-prov__bott .b-r-grad-wrap span:first-child {
    display: block;
    margin-bottom: 4px
  }

  .top-prov__link:after {
    display: none
  }

  .top-prov__bott .top-prov__link {
    padding-top: 10px
  }
}

@media only screen and (min-width: 800px) {
  .custom-grid--guides .custom-grid__item__list-wrap:before {
    content: ''
  }

  .find-brand__options>div {
    width: calc(50% - 15px)
  }

  .find-brand__toggle-center-box {
    margin-left: 30px
  }

  .find-brand__toggle-left-box,
  .find-brand__toggle-center-box {
    float: left
  }

  .options-el__choose {
    float: left;
    padding-top: 25px;
    padding-bottom: 15px
  }

  .options-el__choose:after,
  .options-el__choose .heading-logo {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .options-el__list {
    left: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 355px
  }

  .redesign-country .options-el--3 .options-el__list>li:first-child {
    left: 110px;
    top: 100px
  }

  .options-el__list .svg-wrap,
  .options-el__list .ico-star-wrap {
    width: 64px;
    height: 64px;
    line-height: 58px
  }

  .options-el__choose:after,
  .options-el__choose .heading-logo {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .options-el__choose:after {
    right: -100px;
    width: 100px;
    height: 200px;
    border-radius: 0 100px 100px 0
  }

  .options-el__choose .heading-logo {
    right: -74px
  }

  .options-el__list {
    left: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 355px
  }

  .options-el__list>li:first-child,
  .options-el__list>li.live-game1 {
    left: 15px;
    top: 10px
  }

  .options-el__list>li:nth-child(2),
  .options-el__list>li.live-game2 {
    left: 90px;
    top: 65px
  }

  .options-el__list>li:nth-child(3):not(.live-game-4),
  .options-el__list>li:nth-child(3):not(.live-game-5),
  .options-el__list>li.center-live-game {
    left: 110px;
    top: 146px
  }

  .options-el__list>li:nth-child(4):not(.live-game-5),
  .options-el__list>li.live-game4 {
    left: 90px;
    top: 223px
  }

  .options-el__list>li:nth-child(5),
  .options-el__list>li.live-game5 {
    left: 15px;
    bottom: 10px
  }

  .options-el--1 .options-el__list>li:first-child {
    left: 110px;
    top: 146px
  }

  .options-el--2 .options-el__list>li:first-child {
    left: 110px;
    top: 95px
  }

  .options-el--2 .options-el__list>li:nth-child(2) {
    left: 110px;
    top: 180px
  }

  .options-el--3 .options-el__list>li:first-child {
    left: 80px;
    top: 55px
  }

  .redesign-country .options-el--3 .options-el__list>li:first-child {
    left: 110px;
    top: 100px
  }

  .redesign-country .options-el--3 .options-el__list>li:nth-child(2) {
    left: 110px;
    top: 200px
  }

  .options-el--3 .options-el__list>li:nth-child(2) {
    left: 110px;
    top: 146px
  }

  .options-el--3 .options-el__list>li:nth-child(3) {
    left: 80px;
    top: 233px
  }

  .options-el--4 .options-el__list>li:first-child {
    left: 65px;
    top: 35px
  }

  .options-el--4 .options-el__list>li:nth-child(2) {
    left: 110px;
    top: 112px
  }

  .options-el--4 .options-el__list>li:nth-child(3) {
    left: 110px;
    top: 194px
  }

  .options-el--4 .options-el__list>li:nth-child(4) {
    left: 65px;
    top: 265px
  }

  .options-el__list .svg-wrap,
  .options-el__list .ico-star-wrap {
    width: 64px;
    height: 64px;
    line-height: 58px
  }

  .options-el__list .ico-star-wrap {
    margin-right: 4px
  }

  .options-el__details {
    float: right
  }
}

@media only screen and (min-width: 640px) {
  .top-prov__bott:before {
    content: ''
  }

  .el-of-month .main-title {
    font-size: 36px
  }

  .el-of-month__info>div:first-child {
    width: 65%
  }

  .el-of-month__info>div {
    float: left
  }

  .terms--brand-table {
    text-align: left
  }

  .table-foot--brand-table>div {
    width: 50%
  }

  .new-grey-table .table-foot--brand-table {
    margin-top: 0
  }

  .section-box {
    margin-bottom: 20px
  }

  #main-nav__user-info .user-actions {
    opacity: 0;
    max-height: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 3px);
    padding: 14px 10px 10px 18px;
    background: #0a1f3af2;
    border-radius: 18px;
    z-index: -1
  }

  #main-nav__user-info.active .user-actions {
    opacity: 1;
    max-height: fit-content
  }

  .site-links__out>li:not(:last-child) {
    margin-right: 16px
  }

  #mob-bott-nav {
    display: none
  }

  .flags {
    width: 20px;
    height: 20px
  }

  #main-nav__user-info {
    width: 180px;
    border-radius: 28px
  }

  #main-nav__user-info .user-info {
    padding: 10px;
    background: #0409191a;
    border-radius: 30px
  }

  #main-nav__user-info .user-name:after {
    content: ''
  }

  #main-nav__user-info .user-actions {
    opacity: 0;
    max-height: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 3px);
    padding: 14px 10px 10px 18px;
    background: #0a1f3af2;
    border-radius: 18px;
    z-index: -1
  }

  #main-nav__user-info .user-actions .nav-item {
    opacity: 0;
    -webkit-transition: all ease-in-out 0s;
    -o-transition: all ease-in-out 0s;
    transition: all ease-in-out 0s
  }

  #main-nav__user-info .user-actions>li {
    margin-bottom: 14px
  }

  #main-nav__user-info.active .user-actions .nav-item {
    opacity: 1;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
  }
}

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

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown li:first-of-type,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown li:first-of-type {
    width: 140px;
    text-align: center
  }

  .body-country #main-header+main .blog-nav-v-2 span.relative,
  .body-country #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon,
  .new-redesign #main-header+main .blog-nav-v-2 span.relative,
  .new-redesign #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon {
    cursor: pointer
  }
}

@media only screen and (max-width: 1299px) {
  .bulgarian-page .diff-bonuses.black-bg.no-js-slider {
    flex-direction: row;
    overflow: scroll;
  }

  .bulgarian-page .diff-bonuses.black-bg.no-js-slider .d-flex.mb-1 {
    margin-right: 15px;
    min-width: 300px;
    flex-direction: column;
    justify-content: flex-start !important;
    height: auto !important;
  }

  .redesign-country .main-width-md.d-flex .casino-types {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px
  }

  .dark-blue-bg .part-1 .d-flex.dir-column,
  .dark-blue-bg .part-1 .d-flex.dir-column+div,
  .dark-blue-bg.v-2 .part-1 .d-flex.dir-column {
    width: 100%
  }

  .dark-blue-bg>.d-flex.dir-column,
  .dark-blue-bg .part-1 .d-flex.dir-column {
    align-items: center
  }

  .title-wrap.d-flex>img,
  .title-wrap.d-flex>svg {
    transform: rotate(17deg) scale(1.4)
  }

  .title-wrap.d-flex {
    overflow: hidden;
    position: relative;
  }

  .redesign-country .main-width-md.d-flex.casino-types-wrapper>div {
    width: 100%
  }

  table.casino-types {
    margin: 15px auto
  }

  .redesign-country .brand-table--bon,
  .redesign-country .brand-table--bon.us-mobile-casinos {
    width: 100%
  }

  .redesign-country .options-el__choose.tabs-info {
    width: auto
  }

  .redesign-country .table-casinos.d-flex {
    flex-wrap: wrap
  }

  .game-boxes div.box img {
    margin: -40px auto 0;
    display: block
  }

  .redesign-country .section--country-other-c .game-boxes div.box {
    width: 95%;
    margin: 0 auto 20px;
    display: block !important
  }

  .back-to-top {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    right: 3px
  }

  .redesign-country .casino-types-wrapper {
    flex-wrap: wrap
  }

  .redesign-country.spain .main-width.d-flex .casino-types {
    width: 100%
  }

  .brand-table--main .brand-name,
  .sweepstake-games-table .brand-name {
    margin-top: 90px;
    text-align: center
  }

  .new-grey-table .brand-name {
    top: -10px;
    margin-left: 20px;
    text-align: left
  }

  div.game-boxes {
    justify-content: center;
    flex-wrap: wrap
  }

  .vietnam .game-boxes div.box img,
  .philippines .game-boxes div.box img {
    margin: 15px auto;
    display: block
  }

  .region-page .slick-dots,
  .bg-pink-slider .slick-dots {
    margin: 15px auto
  }

  .region-page .grey-boxes .slick-dots>li,
  .bg-pink-slider .grey-boxes .slick-dots>li {
    background: #fff;
    border: none
  }

  .region-page .grey-boxes .slick-dots>li.slick-active,
  .bg-pink-slider .grey-boxes .slick-dots>li.slick-active {
    background: #000
  }

  .table-wrap .table-sort {
    margin-right: 10px;
    margin-left: 10px
  }

  .top-rated-casino::after,
  .second-rated-casino::after,
  .third-rated-casino::after {
    bottom: -40px
  }

  .new-grey-table .rating {
    left: 0;
    bottom: 0
  }

  .new-grey-table.games-hub .rating {
    bottom: 0
  }

  .new-grey-table .no-deposit-table .rating {
    left: 0;
    bottom: unset
  }

  .new-grey-table .brand-name {
    top: -10px;
    margin-left: 20px;
    text-align: left
  }

  .new-grey-table .brand-svg {
    left: 33px
  }

  .region-page .slick-dots,
  .bg-pink-slider .slick-dots {
    margin: 15px auto
  }

  .sm--center .w-60,
  .sm--center .grey-bg {
    width: 100%
  }

  .sm--center .grey-bg {
    align-items: center;
    margin-top: 10px
  }

  body:not(.ch-header) .diff-bonuses.grey-bg:not(.no-deposit-slider) div.slick-current.slick-active {
    width: 8% !important;
    margin-right: 10px;
    margin-left: 10px
  }

  .no-deposit-table .promo-code:not(.no-code) {
    margin-left: -10px;
    margin-bottom: 30px
  }

  .top-three-casinos-element .name-rating span.name {
    margin-left: 10px
  }

  .lastupdated.green-variant {
    margin-top: 70px
  }

  .title-wrap.d-flex>img,
  .title-wrap.d-flex>svg {
    transform: rotate(17deg) scale(1.4)
  }

  .dark-blue-bg .d-flex .part-1>.d-flex,
  .dark-blue-bg .d-flex .part-1 .dark-preview-btn {
    flex-direction: column
  }

  .dark-blue-bg .d-flex .part-1>.box-brand {
    flex-direction: row !important
  }

  .social-casinos .dark-blue-bg .part-1>.d-flex {
    align-items: flex-start
  }

  .dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d.fit-content {
    margin-top: 10px
  }

  .dark-blue-bg .part-1 .d-flex.dir-column+div {
    margin-top: 20px
  }

  .gallery.pic-slider {
    flex-direction: row !important;
    overflow: hidden;
    overflow: scroll !important
  }

  .gallery.pic-slider .gallery__item {
    margin-right: 20px;
    min-width: 153px
  }

  .region-page .dark-blue-bg .part-1 {
    width: 100%
  }

  .dark-blue-bg .d-flex .part-1>.d-flex,
  .dark-blue-bg .d-flex .part-1 .dark-preview-btn {
    flex-direction: column
  }

  .region-page .dark-blue-bg .part-1 .d-flex.dir-column,
  .region-page .dark-blue-bg .part-1 .d-flex.dir-column+div {
    width: 100%
  }

  .dark-blue-bg .part-1 .d-flex.dir-column+div img {
    display: block;
    margin: 0 auto
  }

  .dark-blue-bg .pros-part,
  .dark-blue-bg .cons-part {
    width: 100%
  }

  .dark-blue-bg .pros-part {
    margin-bottom: 10px
  }

  .ontario .d-flex.grey-boxes,
  .bg-pink-slider .d-flex.grey-boxes {
    flex-direction: column;
    height: 250px
  }

  .follow-us--footer {
    margin: 12px 0;
    text-align: center
  }

  .follow-us--footer>p,
  .follow-us--footer>.follow-us__list {
    display: inline-block;
    vertical-align: middle
  }

  .custom-grid--c-general-info>.custom-grid__item {
    float: none;
    width: 100%;
    margin-left: 0
  }

  .brand-table--main td {
    padding: 6px
  }

  .dark-blue-bg .pros-part,
  .dark-blue-bg .cons-part {
    width: 100%
  }

  .faq-box:not(:last-child) {
    margin-bottom: 20px
  }

  div.game-boxes div.box {
    margin-bottom: 50px !important
  }

  .bonus-page .diff-bonuses.black-bg.no-js-slider,
  .diff-bonuses.grey-bg.no-js-slider,
  .social-casinos .diff-bonuses.black-bg.no-js-slider {
    flex-direction: row;
    overflow: scroll
  }

  .bonus-page .diff-bonuses.black-bg.no-js-slider .d-flex.mb-1,
  .diff-bonuses.grey-bg.no-js-slider .d-flex.mb-1,
  .social-casinos .diff-bonuses.black-bg.no-js-slider .d-flex.mb-1 {
    margin-right: 15px;
    min-width: 300px;
    flex-direction: column;
    justify-content: flex-start !important;
    height: auto !important
  }
}

@media only screen and (max-width: 1299px) and (min-width: 1024px) {

  .main-width,
  .main-width-md,
  .main-width-md-b,
  .main-width-sm {
    width: 924px
  }

  .el-of-month>div:first-child {
    width: calc(100% - 460px)
  }
}

@media only screen and (max-width: 1299px) and (min-width: 800px) {
  .site-links__in {
    margin: 24px auto 0
  }

  .faq-boxes {
    padding: 0 55px 0 77px
  }

  .options-el__choose {
    height: 440px;
    padding-right: 60px
  }
}

@media only screen and (max-width: 1299px) and (min-width: 640px) {

  .brand-table--main th:first-child,
  .brand-table--main td:first-child {
    width: 210px
  }
}

@media only screen and (max-width: 1199px) {
  #main-nav-wrap {
    padding-right: 20px;
    padding-left: 20px;
    padding-left: 20px
  }

  #logo img {
    width: 135px;
    height: 25px
  }
}

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

  .ontario .title-wrap.d-flex>img,
  .ontario .title-wrap.d-flex>svg {
    transform: rotate(17deg) scale(1);
    right: 0;
    bottom: 0
  }

  .usa-header.bonus-header.dark-design .main-head-wrap,
  .ph-header.bonus-header.dark-design .main-head-wrap,
  .united-kingdom.bonus-header.dark-design .main-head-wrap {
    position: relative
  }

  .usa-header.bonus-header.dark-design,
  .ph-header.bonus-header.dark-design,
  .united-kingdom.bonus-header.dark-design,
  .body-country.mt-7 #main-header.bonus-header.dark-design {
    overflow: unset !important
  }

  .ontario.games-hub-page header#main-header,
  .bonus-header.dark-design,
  .usa-header.bonus-header.dark-design .main-head-wrap,
  .ph-header.bonus-header.dark-design .main-head-wrap,
  .united-kingdom.bonus-header.dark-design .main-head-wrap {
    overflow: hidden
  }

  .body-country #main-header.bonus-header.bulgaria-casino.dark-design {
    overflow: unset;
  }

  .body-country #main-header.bonus-header.bulgaria-casino.dark-design .title-wrap.d-flex>img {
    display: none;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {

  .section-box>p,
  .section-box>div>p,
  .section-box>div>div>p {
    margin-right: 20px
  }
}

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

  .title-wrap.d-flex>img,
  .title-wrap.d-flex>svg {
    position: absolute;
    transform: rotate(17deg) scale(1);
    right: -100px;
    bottom: -70px
  }

  .title-wrap.d-flex>svg {
    bottom: -90px
  }

  .title-wrap.d-flex>div {
    width: 100%
  }

  .lastupdated.green-variant {
    top: 25px
  }

  .philippines .lastupdated.green-variant,
  .uk-country-page .lastupdated.green-variant {
    top: 0;
    left: 0;
    margin-top: 5px !important
  }
}

@media only screen and (max-width: 1024px) {
  .country-popup {
    height: 90px;
  }

  .next-table-wrapper table.payment-table tbody tr td:nth-child(5),
  .next-table-wrapper table.payment-table thead tr th:nth-child(5),
  .next-table-wrapper table.payment-table tbody tr td:nth-child(6),
  .next-table-wrapper table.payment-table thead tr th:nth-child(6) {
    display: none
  }

  .mb-mt-2 {
    margin-top: 20px !important
  }

  .mb-p-1 {
    padding: 20px 10px 10px
  }

  .region-page table.payment-table tbody tr td:nth-child(5),
  .region-page table.payment-table thead tr th:nth-child(5) {
    display: none
  }

  .bonus-page .dark-blue-bg>.d-flex.dir-column,
  .bonus-page .dark-blue-bg .part-1 .d-flex.dir-column {
    align-items: flex-start
  }

  .region-page.ontario .grey-boxes .grey-box,
  .bg-pink-slider .grey-boxes .grey-box {
    height: 300px !important
  }

  .bg-light-blue .flex--container {
    flex-direction: column-reverse
  }

  .bg-light-blue .casino-types-wrapper .w-50,
  .bg-light-blue .flex--container .w-70 {
    width: 100%
  }

  .bg-light-blue .flex--container .w-30,
  .ontario .flex--container .w-30 {
    width: 50%
  }

  .dark-blue-bg .v-dot.fit-content:first-of-type {
    margin-right: 0 !important
  }

  .region-page.ontario .grey-boxes .grey-box,
  .bg-pink-slider .grey-boxes .grey-box {
    height: 290px !important
  }

  .redesign-country.vietnam .cont-2 {
    display: none
  }

  .region-page.ontario .d-flex.grey-boxes,
  .bg-pink-slider .d-flex.grey-boxes {
    height: 350px
  }

  .region-page.ontario.ontario .grey-boxes .slick-slide,
  main:not(.redesign-country.canada) .bg-pink-slider .grey-boxes .slick-slide {
    width: auto !important
  }

  .region-page.ontario.ontario .grey-box,
  main:not(.redesign-country.canada) .bg-pink-slider .grey-box {
    width: 300px !important;
    padding: 22px 25px
  }

  .promo-codes-table.w-40 {
    width: 100%
  }

  .top-three-casinos-element {
    flex-direction: column;
    align-items: center
  }

  .top-rated-casino,
  .second-rated-casino,
  .third-rated-casino {
    width: 50%;
    margin-bottom: 40px
  }

  .top-rated-casino {
    order: 1;
    margin-top: 20px
  }

  .second-rated-casino {
    order: 2
  }

  .third-rated-casino {
    order: 3
  }

  .second-rated-casino,
  .third-rated-casino {
    margin-top: 0
  }

  .third-rated-casino {
    margin-right: unset
  }

  .new-grey-table thead {
    display: none
  }

  .top-rated-casino::after,
  .second-rated-casino::after,
  .third-rated-casino::after {
    bottom: -25px
  }

  .region-page .bg-light-blue img {
    display: block
  }

  .region-page.ontario .grey-boxes .grey-box,
  .bg-pink-slider .grey-boxes .grey-box {
    height: 290px !important
  }

  .region-page.ontario .d-flex.grey-boxes,
  .bg-pink-slider .d-flex.grey-boxes {
    height: 350px
  }

  .bonus-page .first-grey-slider .slick-slide,
  .bonus-page .second-grey-slider .slick-slide {
    height: auto
  }

  .bonus-page .first-grey-slider .slick-slide .d-flex.mb-1 {
    height: 300px
  }

  .bonus-page .second-grey-slider .slick-slide .d-flex.mb-1 {
    height: 350px
  }

  .footer-middle,
  .site-links__in.list-r.d-flex {
    flex-direction: column
  }

  .redesign-country.vietnam .cont-1 {
    width: 100%
  }

  .region-page.ontario .bg-pink {
    padding-bottom: 0
  }

  .diff-bonuses.grey-bg .d-flex.mb-1 img,
  .diff-bonuses.black-bg .d-flex.mb-1 img {
    align-self: flex-start;
    margin-bottom: 15px
  }
}

@media only screen and (max-width: 1023px) {
  .redesign-country .read-r-box.d-flex {
    justify-content: center
  }

  .redesign-country .table-casinos.d-flex {
    justify-content: center
  }

  .el-of-month-box {
    margin-top: 60px
  }

  #main-nav__list.primary {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
  }

  .flex--container {
    display: flex;
    align-items: center;
    flex-direction: column
  }

  #main-nav__list {
    position: fixed;
    -webkit-transform: translate(400px, 0);
    -ms-transform: translate(400px, 0);
    transform: translate(400px, 0);
    right: -400px;
    top: 0;
    z-index: 999;
    width: 325px;
    height: 100%;
    padding: 70px 6px 20px;
    overflow-y: auto;
    background: #123346ff;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #123346ff), color-stop(39%, #111b36ff), color-stop(100%, #111b36ff));
    background: -o-linear-gradient(top, #123346ff 0%, #111b36ff 39%, #111b36ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#123346ff), color-stop(39%, #111b36ff), to(#111b36ff));
    background: linear-gradient(to bottom, #123346ff 0%, #111b36ff 39%, #111b36ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123346', endColorstr='#111b36', GradientType=0)
  }

  #main-nav__list.primary {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
  }

  #main-nav__list.primary .news-blog-style,
  #main-nav__list.primary .nav-item--user-info,
  #main-nav__list.primary .country-drop,
  #main-nav__list.primary #main-nav__log-sign {
    order: -1
  }

  #main-nav__list.primary .country-drop .nav-link {
    position: relative;
    margin-left: 27px
  }

  .globe--icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -7px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-size: contain;
    filter: invert(95%) sepia(48%) saturate(982%) hue-rotate(85deg) brightness(79%) contrast(91%)
  }

  .main-nav__close {
    position: absolute;
    right: 24px;
    top: 14px;
    width: 26px;
    height: 26px
  }

  #main-nav__list>.nav-item {
    float: none;
    margin-bottom: 8px;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
    background: #12324633;
    -webkit-box-shadow: 1px 1px 3px 0 #0b122366;
    box-shadow: 1px 1px 3px 0 #0b122366;
    width: 100%
  }

  #main-nav__list>.nav-item.active {
    -webkit-box-shadow: 2px 2px 4px 1px #0b122366;
    box-shadow: 2px 2px 4px 1px #0b122366
  }

  #main-nav__list>.nav-item:not(.nav-item--promos) {
    border-bottom: 1px solid #19394a
  }

  #main-nav__list.active>li:not(.active) {
    display: none
  }

  #main-nav__list .nav-item--dropdown-content {
    opacity: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden
  }

  #main-nav__list li.active>.nav-item--dropdown-content {
    opacity: 1;
    max-height: none;
    padding: 10px 4px 10px 23px
  }

  #main-nav__list .nav-item--dropdown-content .inner {
    width: calc(260px - 23px)
  }

  #main-nav__list li.active>.nav-item--dropdown-content>li {
    padding: 4px 0
  }

  #main-nav__list>.nav-item:not(.nav-item--promos):not(.nav-item--menu-item-c):not(.nav-item--full) {
    padding-right: 40px
  }

  #main-nav__list>.nav-item--dropdown:after {
    content: '';
    right: 16px;
    top: 22px
  }

  #main-nav__list>.nav-item--dropdown:not(.active):after {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  #main-nav__list>.nav-item--dropdown.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  #main-nav__list .nav-item--promos {
    width: 90%;
    margin: 26px auto 0;
    background: #12253d66;
    border: 2px dotted #cd7d58;
    text-align: center
  }

  #main-nav__list>li>a,
  #main-nav__list>li>span {
    display: block;
    width: 100%;
    padding: 8px 20px;
    font-weight: 600
  }

  #main-nav__list .nav-item--promos>a {
    padding: 8px 20px 12px
  }

  #main-nav__list .nav-item--promos>a:after {
    bottom: 10px
  }

  #main-nav__list .mob-ico-svg {
    margin-right: 15px
  }

  #main-nav__list .globe--icon {
    height: 32px;
    width: 30px;
    left: -27px
  }

  #main-nav__list.primary .country-drop .nav-link {
    margin-left: 47px
  }

  .spain-header #main-nav__list.primary .country-drop .nav-link {
    margin-left: 0
  }

  .body-review--casino .breadcrumbs {
    display: none
  }

  .menu-item-c {
    margin-right: 54px;
    margin-left: 30px;
    position: relative;
    left: -10px
  }

  .redesign-country .brand-table--bon.us-mobile-casinos {
    width: 1172px
  }
}

@media only screen and (max-width: 920px) {
  .country-popup .main-width-md div p {
    margin-left: 0
  }

  body.mt-7 {
    margin-top: 130px !important
  }

  .country-popup {
    top: -130px
  }

  .country-popup .sm-none {
    display: none
  }

  .country-popup .main-width div p span:not(.icon-glob, .sm-none) {
    margin-left: 0 !important;
    margin-top: 5px
  }

  .country-popup p:first-of-type {
    flex-direction: column;
    align-items: start;
    margin-left: 5px
  }

  .country-popup .main-width-md div {
    justify-content: start;
    margin-left: 30px
  }

  .country-popup {
    height: 140px
  }

  .country-popup .remove-sm-flex {
    display: block;
    text-align: left;
    margin-left: 35px !important
  }

  .country-popup p br {
    display: block
  }

  .country-popup p a.home-link,
  .country-popup p a.home-link+button {
    margin-left: 0;
    margin-right: 20px
  }
}

@media only screen and (max-width: 1023px) and (min-width: 800px) {

  .main-width,
  .main-width-md,
  .main-width-md-b,
  .main-width-sm {
    width: 760px
  }

  .redesign-country .options-el__choose.tabs-info {
    margin-bottom: 60px
  }
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
  .find-brand {
    width: 620px
  }

  .find-brand-answer .brand-name {
    width: 232px;
    margin-top: 0
  }

  .find-brand__toggle-right-box {
    height: 140px;
    margin-top: 14px
  }

  .find-brand-answer>div {
    float: left;
    width: 50%
  }

  .find-brand-answer .brand-svg-img {
    margin-top: -24px
  }

  .find-brand-answer .brand-svg-img .svg-img {
    width: 120px;
    height: 120px
  }

  .find-brand-searching {
    padding-right: 30px;
    text-align: right
  }

  .find-brand__toggle-right-box:before {
    top: 0;
    left: calc(25% - 20px);
    -webkit-transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    transform: translate(-25%, 0)
  }

  .find-brand-searching:before {
    right: 0;
    bottom: calc(100% + 30px)
  }

  .find-brand__toggle-right-box.not-found {
    height: 190px
  }

  .find-brand-not-found>.bottom {
    display: table;
    margin: 7px auto 0
  }

  .find-brand-not-found>.bottom>div {
    display: table-cell;
    vertical-align: middle
  }

  .find-brand-not-found>.bottom>.top {
    width: 140px
  }

  .find-brand-not-found>.bottom>.bottom {
    width: calc(100% - 140px);
    padding: 0 10px 0 50px
  }

  .el-of-month,
  .el-of-month__main,
  .el-of-month__main {
    width: 600px
  }

  .el-of-month-box .brand-wrap {
    left: 20px
  }

  .el-of-month-box .rating-bar {
    width: calc(100% - 160px);
    margin-left: 160px
  }
}

@media only screen and (max-width: 799px) {
  .dark-blue-bg .pros-part .pros-cons-box ul li {
    width: 100%;
    font-size: 14px
  }

  .dark-blue-bg .pros-cons-box ul {
    padding-left: 0;
    margin: 30px 20px;
    margin-bottom: 15px;
    width: 100%
  }

  .custom-grid__item.custom-grid__item__list-wrap.w-100 {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .gallery.pic-slider {
    padding-bottom: 20px
  }

  .double-columns {
    columns: 1;
    -webkit-columns: 1 !important
  }

  .redesign-country .section--country-live .brand-table--t2.payment-table th:nth-child(3),
  .redesign-country .section--country-live .brand-table--t2.payment-table td:nth-child(3) {
    display: none
  }

  .payment-table tbody td:not(:last-child):after {
    display: none
  }

  .redesign-country .options-el__choose.tabs-info {
    width: 320px;
    height: auto;
    margin: 0 auto !important;
    margin-bottom: 290px !important
  }

  .redesign-country.canada .options-el__choose.tabs-info {
    height: auto
  }

  .cas-of-month.country-casino .cas-of-month__left>li {
    margin-right: 5px
  }

  .options-el__choose {
    margin-bottom: 220px;
    padding: 75px 0 0
  }

  .options-el__choose .heading-logo,
  .options-el__choose:after {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .options-el__choose:after {
    top: 100%
  }

  .options-el__choose .heading-logo {
    top: 8px
  }

  .options-el__list {
    left: 0;
    top: 104px;
    width: 100%;
    height: 190px
  }

  .options-el__list>li {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 70px;
    text-align: center
  }

  .options-el__list .sub-title {
    display: block;
    margin-top: 4px;
    font-size: 13px
  }

  .options-el__list .svg-wrap,
  .options-el__list .ico-star-wrap {
    width: 54px;
    height: 54px;
    line-height: 50px
  }

  .payment-choices .payment-choices-card h3 {
    margin-bottom: 0
  }

  .new-grey-table .brand-table .v-in {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    margin: 15px 0;
    font-style: italic
  }

  .top-three-casinos-element .name-rating span.name,
  .new-grey-table span.name {
    margin-left: 20px
  }

  .top-three-casinos-element .rating,
  .new-grey-table .rating {
    left: 50%;
    transform: translateX(-50%) scale(.8)
  }

  .top-rated-casino,
  .second-rated-casino,
  .third-rated-casino {
    width: 100%
  }

  .new-grey-table tbody tr {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .new-grey-table tbody tr td {
    width: 100% !important
  }

  .new-grey-table .brand-name {
    display: block;
    margin-top: 30px;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    margin-bottom: 20px;
    width: 120px;
    text-align: center
  }

  .new-grey-table div.curr-list {
    margin-top: 30px;
    background: none
  }

  .new-grey-table .brand-svg {
    left: 33px
  }

  .new-grey-table .brand-table.no-deposit-table tbody tr td:nth-child(3) {
    display: none
  }

  .new-grey-table .check-list {
    display: none
  }

  .new-grey-table .v-out,
  .new-grey-table .v-out-wrap {
    width: 100%;
    padding: 12px
  }

  .new-grey-table .rating {
    margin-top: -20px;
    margin-left: 0
  }

  .new-grey-table .brand-table tbody tr {
    padding: 10px;
    background: #F2F2F2;
    border: 2px solid #4DBCA2;
    border-radius: 12px
  }

  .new-grey-table .brand-table tbody tr:not(.terms) td {
    background-color: #fff
  }

  .new-grey-table {
    background: none;
    border: none;
    padding: 0
  }

  .new-grey-table .table-sort {
    margin-left: 0;
    margin-right: 0
  }

  .new-grey-table tbody tr td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px
  }

  .new-grey-table tbody tr td:nth-child(5) {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
  }

  .new-grey-table table,
  .new-grey-table.table-wrap .table-sort,
  .new-grey-table {
    margin-top: 0
  }

  .new-grey-table button.view-more.mb-none,
  .top-three-casinos-element button.view-more.mb-none {
    display: block !important;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    margin-top: 15px;
    margin-top: 15px;
    padding: 0
  }

  .top-three-casinos-element button.view-more.mb-none {
    background: #EDEDED
  }

  .new-grey-table button.view-more.mb-none {
    background: #F2F2F2
  }

  .new-grey-table button.view-more.mb-none span:not(.arrow-link),
  .top-three-casinos-element button.view-more.mb-none span:not(.arrow-link) {
    text-decoration: underline
  }

  .new-grey-table button.view-more.mb-none.arrow-link-wrap.arrow-link--pos-l .arrow-link,
  .top-three-casinos-element button.view-more.mb-none.arrow-link-wrap.arrow-link--pos-l .arrow-link {
    margin-left: 10px;
    left: unset
  }

  .top-three-casinos-element .lower-part {
    flex-wrap: wrap;
    background: #ededed
  }

  .new-grey-table .arrow-link-wrap.arrow-link--small .arrow-link.arrow-link--down:before,
  .top-three-casinos-element .arrow-link-wrap.arrow-link--small .arrow-link.arrow-link--down:before {
    transform: translate(-50%, -50%) rotate(270deg) scale(.8)
  }

  .new-grey-table .arrow-link-wrap.arrow-link--small .arrow-link.arrow-link--up:before,
  .top-three-casinos-element .arrow-link-wrap.arrow-link--small .arrow-link.arrow-link--up:before {
    transform: translate(-50%, -50%) rotate(90deg) scale(.8)
  }

  .top-three-casinos-element .lower-part .check-list,
  .top-three-casinos-element .lower-part .check-list+div,
  .new-grey-table .lower-part .check-list,
  .new-grey-table .lower-part .check-list+div {
    display: none
  }

  .top-rated-casino,
  .second-rated-casino,
  .third-rated-casino {
    max-height: unset;
    padding-bottom: 20px
  }

  .new-grey-table .brand-table.no-deposit-table tbody tr {
    padding-bottom: 20px
  }

  .new-grey-table .brand-table tbody tr {
    padding-bottom: 20px;
    margin-bottom: 15px
  }

  .region-page .brand-table--main .v-out-wrap {
    margin-bottom: 15px
  }

  .games-hub-page tbody tr td:last-child {
    border-bottom-left-radius: 10px
  }

  .games-hub-page .brand-table--main .v-out-wrap {
    margin-top: 20px
  }

  .games-hub-page .brand-table--main .v-out-wrap a {
    padding: 10px 16px
  }

  .region-page .brand-table--main.no-deposit-table .v-out-wrap {
    margin-bottom: 0
  }

  .new-grey-table .brand-table tbody tr td.mb-none {
    display: table-cell;
    background-color: #f2f2f2
  }

  .new-grey-table .brand-table tbody tr td.hidden-element {
    background-color: #f2f2f2
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div span {
    color: #137A7A;
    font-size: 13px;
    margin-top: 20px;
    width: 100%;
    text-align: left
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div span strong {
    color: #123346;
    font-weight: 700;
    font-size: 16px
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div ul.depwith-list {
    display: flex;
    flex-wrap: wrap
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div ul.depwith-list li {
    width: 25%;
    text-align: left
  }

  .new-grey-table .brand-table tbody tr td.hidden-element div ul.depwith-list li:not(:last-child) {
    margin-right: 13px
  }

  .new-grey-table .brand-table tbody tr td.hidden-element ul.check-list,
  .new-grey-table .brand-table tbody tr td.hidden-element ul.check-list+div {
    width: 50%
  }

  .new-grey-table .brand-table tr.terms {
    border: none;
    background: none !important;
    font-size: 12px !important;
    padding-top: 5px;
    padding-bottom: 10px
  }

  .new-grey-table tr.terms td {
    background: none;
    opacity: 1;
    max-height: none;
    font-size: 12px !important
  }

  .region-page .diff-bonuses.black-bg.slider-bonuses .slick-slide,
  .region-page .diff-bonuses.black-bg.slider-bonuses .slick-slide.slick-current {
    width: 330px !important
  }

  .vietnam .section--country-support .main-width-md.relative ul:not(.list-r):last-of-type,
  .vietnam .section--country-support .main-width-md.relative p:last-of-type {
    width: 100%
  }

  #content.redesign-country.vietnam .section--country-license {
    padding: 0 20px
  }

  /* .vietnam-header::after{right:-20%;width:330px}
.vietnam-header::before{left:-10%;width:250px} */
  ul.green-list {
    width: 100%
  }

  .green-list li {
    font-size: 14px
  }

  ul.green-list+p {
    text-align: center
  }

  .vietnam .section--country-license .main-width-md.relative a.v-dot,
  .philippines .section--country-license .main-width-md.relative a.v-dot {
    margin: 0 auto;
    display: block
  }

  .vietnam .section--country-support .main-width-md.relative {
    background-size: contain;
    padding-bottom: 300px
  }

  .vietnam .section--country-license .main-width-md.relative::after {
    right: 50%;
    transform: translateX(50%);
    width: 270px
  }

  .vietnam .section--country-support .main-width-md.relative::after {
    width: 180px;
    right: 50%;
    transform: translateX(50%)
  }

  .vietnam .section--country-license .main-width-md.relative {
    padding-bottom: 380px
  }

  .top-three-casinos-element .rating,
  .new-grey-table .rating,
  .top-three-casinos-element .name-rating span.name,
  .new-grey-table .no-deposit-table .rating,
  .new-grey-table .no-deposit-table .brand-name {
    margin-left: 35px !important
  }

  .region-page div.slick-slider:not(.casino-games-types) .slick-slide {
    height: auto
  }

  .options-el__choose,
  .options-el__details {
    width: 320px
  }

  .options-el__choose:after {
    width: 200px;
    height: 100px;
    border-radius: 0 0 100px 100px
  }

  .options-el__list>li:first-child,
  .options-el__list>li.live-game1 {
    top: -20px;
    margin-left: -130px
  }

  .options-el__list>li:nth-child(2),
  .options-el__list>li.live-game2 {
    top: 58px;
    margin-left: -74px
  }

  .options-el__list>li:nth-child(3),
  .options-el__list>li.center-live-game {
    top: 90px
  }

  .options-el__list>li.center-live-game {
    top: 90px;
    margin-left: 0
  }

  .options-el__list>li:nth-child(4),
  .options-el__list>li.live-game4 {
    top: 58px;
    margin-left: 74px
  }

  .options-el__list>li:nth-child(5),
  .options-el__list>li.live-game5 {
    top: -20px;
    margin-left: 130px
  }

  .options-el--1 .options-el__list>li:first-child {
    top: 80px;
    margin-left: 0
  }

  .options-el--2 .options-el__list>li:first-child {
    top: 74px;
    margin-left: -46px
  }

  .options-el--2 .options-el__list>li:nth-child(2) {
    top: 74px;
    margin-left: 46px
  }

  .options-el--3 .options-el__list>li:first-child {
    top: 30px;
    margin-left: -110px
  }

  .options-el--3 .options-el__list>li:nth-child(2) {
    top: 80px;
    margin-left: 0
  }

  .options-el--3 .options-el__list>li:nth-child(3) {
    top: 30px;
    margin-left: 110px
  }

  .options-el--4 .options-el__list>li:first-child {
    top: 0;
    margin-left: -130px
  }

  .options-el--4 .options-el__list>li:nth-child(2) {
    top: 74px;
    margin-left: -46px
  }

  .options-el--4 .options-el__list>li:nth-child(3) {
    top: 74px;
    margin-left: 46px
  }

  .options-el--4 .options-el__list>li:nth-child(4) {
    top: 0;
    margin-left: 130px
  }
}

@media only screen and (max-width: 768px) {
  .diff-bonuses.black-bg .d-flex.mb-1 {
    width: 95% !important;
    margin: 0 auto
  }

  .top-brand-element .bonus::after,
  .top-brand-element .logo:after {
    display: none
  }

  .hungaria .diff-bonuses.grey-bg .d-flex.mb-1 {
    flex-wrap: wrap;
  }

  .hungaria .brand-table--t2.payment-table th:nth-child(3),
  .hungaria .brand-table--t2.payment-table td:nth-child(3) {
    display: none
  }

  .hungaria .huf-table {
    flex-wrap: wrap
  }

  .hungaria .casino-types,
  .hungaria .huf-table .double-columns,
  .hungaria .huf-table .w-50 {
    width: 100%
  }

  .hungaria .casino-types tr td:first-of-type {
    width: 40%
  }

  .top-brand-element .bg-w {
    flex-direction: column;
    align-items: center
  }

  .top-brand-element .bonus,
  .top-brand-element .logo,
  .top-brand-element .button {
    width: 100%;
    margin-bottom: 10px
  }

  .top-brand-element .v-out-wrap {
    text-align: center
  }

  .top-brand-element .v-out {
    width: 100%
  }

  .ontario.region-page .second-grey-slider .slick-slide,
  .ontario.region-page .second-grey-slider .d-flex.mb-1 {
    height: 460px;
    width: 400px !important
  }

  .ontario.region-page .first-grey-slider .slick-list,
  .ontario.region-page .first-grey-slider .slick-list .d-flex.mb-1 {
    height: 440px
  }

  .ontario.region-page .first-grey-slider .slick-slide {
    width: 330px !important
  }

  .region-page.ontario .grey-boxes .grey-box {
    height: 320px !important
  }

  .region-page.ontario .d-flex.grey-boxes {
    height: 400px
  }

  .region-page.ontario .d-flex.grey-boxes ul {
    padding-left: 10px
  }

  .region-page.ontario .pic-slider .slick-slide {
    margin-right: 0
  }

  .ontario.region-page .second-grey-slider .slick-slide,
  .ontario.region-page .second-grey-slider .d-flex.mb-1 {
    height: 350px
  }

  .ontario.region-page .second-grey-slider .slick-slide {
    width: 340px !important
  }

  .bonus-page .second-grey-slider .slick-slide .d-flex.mb-1 {
    width: 330px !important
  }

  .ontario.region-page .second-grey-slider .slick-slide,
  .ontario.region-page .second-grey-slider .d-flex.mb-1 {
    width: unset !important
  }

  .bonus-page .second-grey-slider .slick-track,
  .bonus-page .first-grey-slider .slick-track,
  .bonus-page .slider-bonuses .slick-track {
    display: flex
  }

  .region-page.ontario .pic-slider .slick-track {
    display: flex
  }

  .bonus-page .dark-blue-bg .part-1 .d-flex.flex-align-center h3 {
    font-size: 20px !important
  }

  .next-table-wrapper table.payment-table tbody tr td:nth-child(3),
  .next-table-wrapper table.payment-table thead tr th:nth-child(3),
  .next-table-wrapper table.payment-table tbody tr td:nth-child(4),
  .next-table-wrapper table.payment-table thead tr th:nth-child(4) {
    display: none
  }
}

@media screen and (min-width: 701px) and (max-width: 929px) {
  .reverse .step-number.step--2::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 12px;
    left: 34px;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(90deg, #4fbca3ff 0%, #f3b183ff 100%);
    border-image-slice: 1;
    width: 190px
  }
}

@media only screen and (max-width: 700px) {
  .section img.d-desktop {
    display: none
  }

  .reverse .step-grid_boxes {
    flex-direction: row-reverse
  }

  .reverse .step-grid_boxes .step-box__bottom .step-img::after {
    left: 98%;
    top: 72px
  }

  .reverse .step-grid_boxes .step-number::before {
    bottom: 50%;
    transform: translateY(-50%);
    left: 30px
  }

  .title-wrap.d-flex>svg {
    height: revert-layer
  }
}

@media only screen and (max-width: 664px) {
  .redesign-country .flex--container.best-bonuses-tables>div:first-of-type {
    width: 100%;
    margin-bottom: 30px
  }

  .redesign-country .section--country-bonuses::before,
  .redesign-country .before-slot-icon::before,
  .redesign-country .before-table-icon::before {
    content: none
  }

  .redesign-country .flex--container.best-bonuses-tables table.casino-types {
    margin-left: 0
  }

  .redesign-country .developers>div a {
    margin-top: 60px;
    display: inline-block
  }

  .redesign-country .developers>div {
    margin-bottom: 60px
  }

  .redesign-country .developers>div:hover img {
    filter: blur(0px)
  }
}

@media only screen and (max-width: 640px) {
  .sm--center .grey-bg img:first-of-type {
    margin-bottom: 20px
  }
}

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

  .form-search--header,
  .quick-nav-toggle,
  #main-nav__log-sign,
  #navbarNavDropdown>.menu-item-c {
    display: none
  }

  .el-of-month-box .read-r-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative
  }

  .table-foot--brand-table {
    margin: 10px auto 0;
    text-align: center
  }

  .site-links__in.list-r.d-flex li {
    margin-right: 0
  }

  .brand-wrap--c.left-position {
    left: 16%
  }

  .find-brand-searching:before {
    bottom: calc(100% + 20px)
  }

  .site-links__out>li:not(:last-child) {
    margin-right: 12px
  }

  .form-search--main-nav {
    position: absolute;
    left: 6px;
    top: 6px
  }

  #main-nav__list li.active .user-actions.nav-item--dropdown-content {
    opacity: 1;
    max-height: none
  }

  #main-footer {
    padding-bottom: 50px
  }

  .header-boxes>div a {
    flex-direction: column
  }

  .header-boxes>div span {
    margin-left: 0;
    margin-top: 10px
  }

  .header-boxes>div a img {
    height: -webkit-fill-available
  }

  .body-country #main-header.bonus-header.dark-design h1 {
    font: normal normal bold 30px/45px Open Sans !important
  }

  div.game-boxes {
    margin-top: 70px
  }

  .find-brand__toggle-right-box:before {
    top: 20px
  }

  .find-brand__toggle-right-box:before,
  .find-brand-searching:before {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .find-brand__toggle-right-box {
    height: 270px
  }

  .find-brand-not-found>.bottom>div {
    display: table;
    margin: 10px auto
  }

  .el-of-month .main-title,
  .el-of-month .sub-heading,
  .el-of-month .game-title,
  .el-of-month__info {
    text-align: center
  }

  .redesign-country .el-of-month.el-of-month--game img[alt="star"] {
    margin: 0 auto;
    display: block
  }

  .el-of-month {
    padding-right: 10px;
    padding-left: 10px
  }

  .el-of-month .main-title,
  .el-of-month .sub-heading,
  .el-of-month .game-title,
  .el-of-month__info {
    text-align: center
  }

  .el-of-month__info>div:last-child {
    margin-top: 10px
  }

  .el-of-month-box .rating-bar {
    padding-right: 6px;
    text-align: right
  }

  .el-of-month-box .rating-bar__prog {
    display: none
  }

  .el-of-month-box .rating-bar__val {
    margin-left: 4px
  }

  .el-of-month-box .brand-wrap {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .el-of-month-box .brand-wrap.logo-mobile-left {
    left: 15%
  }

  .el-of-month__main {
    height: fit-content
  }

  .custom-grid--guides .custom-grid__item,
  .custom-grid--guides>.custom-grid__item>.custom-grid__item {
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }
}

@media only screen and (max-width: 599px) {
  .header-boxes {
    justify-content: center
  }
}

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

  .redesign-country .section--country-live .brand-table--t2.payment-table th:nth-child(5),
  .redesign-country .section--country-live .brand-table--t2.payment-table td:nth-child(5),
  .payments-body .section--country-live .brand-table--t2.payment-table td:nth-child(5) {
    display: none
  }

  .redesign-country .section--country-live .brand-table--t2.payment-table th:nth-child(2),
  .redesign-country .section--country-live .brand-table--t2.payment-table th:nth-child(3),
  .payments-body .section--country-live .brand-table--t2.payment-table th:nth-child(3),
  .payments-body .section--country-live .brand-table--t2.payment-table th:nth-child(2) {
    width: 50px
  }

  .casino-bonuses table th:nth-child(4),
  .casino-bonuses table td:nth-child(4) {
    display: none
  }

  .casino-bonuses table th {
    width: 100px
  }

  #best-live-casino+div.pl-7.pr-7 {
    padding: 0 !important
  }

  .section--country-live .terms--brand-table span {
    text-align: left;
    width: 80%
  }
}

@media only screen and (max-width: 575px) {
  .region-casino-table:not(.compare-table-country) tr td:nth-child(1) a {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
  }

  .region-casino-table tr td:nth-child(1) strong {
    display: none
  }

  .region-casino-table tr th:nth-child(1) {
    width: auto
  }

  .tips-flex {
    flex-direction: column
  }

  .tips-flex li {
    width: 100%
  }

  .pic-slider .slick-list {
    height: 400px
  }

  .region-page.ontario .pic-slider .slick-slide {
    width: 260px !important
  }

  .region-page.ontario .pic-slider .slick-track {
    display: flex
  }
}

@media only screen and (max-width: 550px) {
  .redesign-country .section--country-support .custom-grid--guides {
    width: 100% !important
  }

  .redesign-country .custom-grid__item.custom-grid__item__list-wrap.w-100 .custom-grid__item__list-fix {
    background: #efefef;
    margin-bottom: 10px
  }

  .redesign-country .section--country-support .main-width.bg-d-gn {
    width: calc(100% - 40px);
    margin-bottom: 50px;
    overflow: hidden;
    padding-bottom: 40px
  }

  .redesign-country .section--country-support .d-flex.flex-wrap {
    display: flex;
    overflow-x: auto;
    width: calc(100% + 20px);
    flex-wrap: nowrap;
    position: relative;
    top: 30px;
    padding-right: 20px;
    justify-content: center
  }

  .redesign-country .top-prov__bott {
    flex-shrink: 0;
    height: auto;
    width: 210px;
    margin: 10px;
    position: relative
  }

  .redesign-country .top-prov__bott:before {
    left: 6px;
    top: -10px;
    content: '';
    position: absolute;
    width: 196px;
    height: 10px;
  }

  .redesign-country .developers>div {
    margin-right: 0;
    justify-content: center
  }

  .redesign-country .developers {
    justify-content: space-around;
    padding: 20px 10px
  }

  .redesign-country .developers>div:nth-child(5),
  .redesign-country .developers>div:nth-child(6) {
    display: none
  }

  .redesign-country .developers>div {
    margin-right: 0;
    justify-content: center
  }

  .redesign-country .developers>div img {
    max-width: 80%
  }

  .redesign-country .section--country-payments .el-of-month-box .rating-bar .rating-bar__val {
    margin: 0;
    width: 32px
  }

  .redesign-country .section--country-payments .section-box.main-width {
    padding: 10px
  }

  .redesign-country .section--country-payments .section-box.main-width .el-of-month {
    padding: 20px 0 0
  }

  .mb-p-r-l-2 {
    padding: 0 20px
  }

  button.read-more,
  .read-more-2,
  button.show-more-states,
  button.ch-read-more {
    margin: 20px auto;
    display: block;
    padding: 5px 20px
  }

  .redesign-country .section--country-other-c div.game-boxes div.box,
  .game-boxes div.box {
    width: 46%
  }

  .redesign-country .section--country-other-c .section-box.bg-d-gn {
    padding: 10px
  }

  .redesign-country .bg-grad-l-bott {
    background: unset
  }

  .redesign-country .el-of-month-box .rating-bar {
    padding: 0
  }

  .casino-types-wrapper .button-read-more {
    background: none
  }

  .casino-types-wrapper .button-read-more span:not(.arrow-link) {
    text-decoration: underline
  }

  .casino-types-wrapper .button-read-more .arrow-link {
    margin-left: 10px;
    left: unset
  }

  .casino-types-wrapper .button-read-more .arrow-link::before {
    transform: translate(-50%, -50%) rotate(270deg) scale(.8)
  }

  .casino-types-wrapper .button-read-more .arrow-link.arrow-link--down:before {
    transform: translate(-50%, -50%) rotate(270deg) scale(.8)
  }

  .casino-types-wrapper .button-read-more .arrow-link.arrow-link--up:before {
    transform: translate(-50%, -50%) rotate(90deg) scale(.8)
  }

  .grey-boxes .slick-track {
    display: flex
  }

  .region-page.ontario.ontario .grey-box {
    width: unset !important
  }

  .ontario.region-page .second-grey-slider .slick-slide,
  .ontario.region-page .second-grey-slider .d-flex.mb-1 {
    height: 530px
  }

  .ontario.region-page.new-jersey .second-grey-slider .slick-slide,
  .ontario.region-page .second-grey-slider .d-flex.mb-1 {
    height: 430px
  }

  .region-page.ontario.ontario .grey-boxes .slick-slide {
    width: 10% !important
  }

  .region-page.ontario.new-jersey .grey-boxes .slick-slide {
    width: 13% !important
  }

  .mb-half-height {
    height: 105px;
    overflow: hidden
  }

  .blog-nav-v-2 ul.nav-dropdown li {
    width: 100% !important;
    text-align: left !important
  }

  .redesign-country .read-r-box.d-flex {
    justify-content: center;
    align-items: center
  }
}

@media only screen and (min-width: 519px) {
  .d-on-mobile {
    display: none !important
  }
}

@media only screen and (max-width: 519px) {
  .new-grey-table {
    width: 100% !important
  }

  .new-grey-table .v-out-wrap {
    margin-bottom: 10px !important
  }

  .vietnam .table-wrap.table-wrap--main {
    width: 100%
  }

  .vietnam .section--country-support .main-width-md.relative::after {
    width: 170px
  }

  /* .vietnam-header::after{display:none;right:-14%;width:230px}
.vietnam-header::before{display:none;left:-5%;width:170px} */
  .new-grey-table.table-wrap--main {
    width: 100%
  }

  .dark-blue-bg .pros-cons-box ul {
    width: fit-content
  }

  .brand-table--main th:nth-child(3),
  .brand-table--main td:nth-child(3),
  .new-grey-table.country-table-wrapper .brand-table--main thead th:nth-child(4),
  .new-grey-table .brand-table--main tbody td:nth-child(4) {
    display: none
  }

  .thailand .section--country-support .main-width-md.relative::after,
  .thailand .section--country-support .main-width.relative::after {
    width: 170px
  }

  .thailand .green-list li {
    display: flex;
    flex-direction: column
  }

  .thailand .green-list li span.dash {
    display: none
  }
}

@media only screen and (min-width: 551px) {

  button.mb-none,
  a.mb-none,
  a.mb-none+span.arrow-link {
    display: none !important
  }

  .d-sm-none-span {
    display: inline-block !important;
    margin-bottom: 0;
    margin-top: 0
  }

  .d-sm-none {
    display: block !important
  }

  .d-sm-none.hidden-text {
    display: inline !important
  }
}

@media only screen and (max-width: 500px) {
  .payment-choices {
    flex-direction: column
  }

  .payment-choices .payment-choices-card {
    width: 100%;
    margin-top: 20px
  }

  .bonus-page .brand-table--main .v-out-wrap {
    margin-bottom: 30px
  }

  .editor-wrapper .editor-insight {
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 481px) {
  .dark-blue-bg .part-1 .box-brand h3 {
    word-break: break-word
  }

  .redesign-country .section--country-live .brand-table--t2.payment-table th:nth-child(6),
  .redesign-country .section--country-live .brand-table--t2.payment-table td:nth-child(6),
  .payments-body .brand-table--t2.payment-table td:nth-child(6),
  .payments-body .brand-table--t2.payment-table th:nth-child(6) {
    display: none
  }

  .redesign-country .table-casinos .el-of-month__main {
    width: 100%
  }

  .table-wrap--main,
  .find-brand--main,
  .table-foot--brand-table {
    width: 100%
  }

  p.step-grid__info {
    font-size: 13px !important
  }

  .redesign-country .table-wrap .next,
  .payments-body .table-wrap .next {
    display: block
  }

  .redesign-country .section--country-live .brand-table--t2.payment-table tr:first-of-type td:not(td:first-of-type),
  .payments-body .brand-table--t2.payment-table:not(.blackjack-compare) tr:first-of-type td:not(td:first-of-type) {
    border-right: 2px solid #4dbca2;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
  }

  .redesign-country .section--country-live .brand-table--t2.payment-table tr,
  .payments-body .brand-table--t2.payment-table tr {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
  }

  .redesign-country:not(.region-page) .payment-table tbody td:not(:last-child):after,
  .payments-body .payment-table tbody td:not(:last-child):after {
    display: none !important
  }

  .redesign-country .payment-table tbody td:first-child:after,
  .payments-body .payment-table tbody td:first-child:after {
    display: block !important
  }

  .section--country-live .brand-table--bon.brand-table--t2 tbody td:nth-last-child(2):after {
    display: none !important
  }

  .redesign-country .section--country-live .brand-table--t2.payment-table th {
    width: 50% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .redesign-country .brand-table.payment-table th:after {
    display: none
  }

  .redesign-country.hungaria .table-wrap table thead {
    height: 50px
  }
}

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

  .dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d,
  a.orange-color,
  .dark-blue-bg .v-dot.v-dot--o.white-color {
    width: 100% !important
  }

  .green-list li span.dash {
    min-width: 10px;
    max-width: 10px
  }

  .vietnam .cas-of-month__main .brand-wrap {
    top: -45px
  }

  .country-popup {
    height: 130px;
    min-height: 130px
  }

  .title-wrap.d-flex>img,
  .title-wrap.d-flex>svg {
    right: -65px;
    bottom: -20px;
    transform: rotate(25deg) scale(2)
  }

  .title-wrap.d-flex>svg {
    bottom: -200px
  }

  .header-boxes {
    padding-bottom: 40px
  }

  .lastupdated.green-variant {
    font-size: 12px;
    margin-top: -20px;
    left: 0
  }

  .philippines .lastupdated.green-variant {
    top: 0;
    left: 0;
    margin-top: 5px !important
  }

  .lastupdated.green-variant+h2 {
    margin-top: 30px
  }

  .dark-blue-bg.top-brand-element .curr-list:not(.bg-blank) {
    border: none;
    background: none
  }
}

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

  .top-rated-casino::after,
  .second-rated-casino::after,
  .third-rated-casino::after {
    bottom: -35px
  }

  .ontario.region-page .second-grey-slider .slick-slide,
  .ontario.region-page .second-grey-slider .d-flex.mb-1 {
    height: 660px
  }

  .ontario.region-page.new-jersey .second-grey-slider .slick-slide,
  .ontario.region-page .second-grey-slider .d-flex.mb-1 {
    height: 550px
  }

  .ontario.region-page .first-grey-slider .slick-list,
  .ontario.region-page .first-grey-slider .slick-list .d-flex.mb-1 {
    height: 470px
  }

  .bonus-page.region-page .diff-bonuses.black-bg .slick-list,
  .bonus-page.region-page .diff-bonuses.black-bg .d-flex.mb-1,
  .region-page.ontario .grey-boxes .grey-box {
    height: 360px
  }

  .bonus-page.region-page.new-jersey .diff-bonuses.black-bg .slick-list,
  .bonus-page.region-page .diff-bonuses.black-bg .d-flex.mb-1,
  .region-page.ontario .grey-boxes .grey-box {
    height: 400px
  }

  .region-page.ontario .d-flex.grey-boxes ul {
    margin-top: 10px;
    padding-right: 5px
  }

  .region-page.ontario .bg-pink {
    padding: 40px 10px
  }

  .new-grey-table .brand-name {
    transform: none;
    width: 100%;
    left: 0;
    right: 0;
    transform: translateX(-25%);
    margin-left: 0;
    left: 50%;
    width: fit-content
  }

  .new-grey-table .brand-name a {
    width: 120px;
    display: inline-block;
    margin-left: 30px
  }

  .top-three-casinos-element .rating,
  .new-grey-table .rating,
  .top-three-casinos-element .name-rating span.name,
  .new-grey-table .no-deposit-table .rating,
  .new-grey-table .no-deposit-table .brand-name {
    margin-left: 35px !important
  }
}

html.active-popup .pop-wrap {
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #020202cc;
  top: 0;
  padding-top: 100px
}

html.active-popup .pop-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8f8f8;
  width: 30%;
  margin: 0 auto;
  border-radius: 10px;
  padding-bottom: 20px
}

html.active-popup p.bolder {
  font-weight: 700;
  text-align: center
}

html.active-popup span#modal-yes {
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  background-color: #ff5411;
  z-index: 10;
  border: 2px solid #f79874;
  padding: 8px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: 2px 2px 3px 0 #000c;
  -moz-box-shadow: 2px 2px 3px 0 #000c;
  box-shadow: 2px 2px 3px 0 #000c;
  margin: 0 20px;
  cursor: pointer;
  width: 70px
}

html.active-popup span#modal-no {
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  background: #0d7a7a;
  z-index: 10;
  border: 2px solid #0d7a7a;
  padding: 8px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: 2px 2px 3px 0 #000c;
  -moz-box-shadow: 2px 2px 3px 0 #000c;
  box-shadow: 2px 2px 3px 0 #000c;
  margin: 0 20px;
  cursor: pointer;
  width: 70px
}

html.active-popup p#age-restricted {
  display: none;
  color: red;
  font-weight: 700;
  padding: 0 20px;
  text-align: center
}

@media only screen and (max-width: 1024px) {
  html.active-popup .pop-box {
    width: 60%
  }
}

.bg-header .casino-types-wrapper>div {
  width: 50%;
}

.bg-header .redesign-country .casino-types-wrapper>div table {
  width: 100%;
}

@media only screen and (max-width: 850px) {
  html.active-popup .pop-box {
    width: 90%
  }

  tbody td:not(:last-child):after {
    display: none
  }

  .bg-header .casino-types-wrapper>div {
    width: 100%;
  }
}

.casino-steps {
  position: relative;
  margin: 5px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center
}

.casino-steps.white-variation .step-img {
  background: #fff;
  border: 3px solid #137A7A;
  display: flex;
  justify-content: center
}

.casino-steps.white-variation .step-box__bottom .step-img::after {
  border-bottom: 10px solid #137A7A
}

.step-grid_boxes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-content: stretch;
  align-items: center
}

.step-img {
  width: 89px;
  height: 89px;
  border: 2px solid transparent;
  left: 0;
  top: 0;
  position: relative;
  border-radius: 50%;
  text-align: center;
  background: linear-gradient(to right, #f3b183ff 15%, #4fbca3ff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3b183', endColorstr='#4fbca3', GradientType=0)
}

.step-box__bottom .step-img::after {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #4fbca3ff
}

.step-grid-box {
  background: #ECEFF4;
  padding: 10px 5px;
  width: 220px;
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  flex-direction: column;
  height: 150px
}

.bg-header .step-grid-box {
  height: 260px;
}

.casino-steps.es-steps .step-grid-box {
  height: 210px
}

.step-grid-box>span {
  color: #3B9F8B;
  font-weight: 700
}

p.step-grid__info {
  font-size: 13px;
  font-weight: 550;
  text-align: center;
  margin: 3px 0
}

.step-number {
  display: block;
  width: 32px;
  height: 32px;
  background-color: #9fdcd2;
  border: 2px dotted #4dbca2;
  border-radius: 50%;
  outline: none !important;
  bottom: 0;
  margin: 15px auto 5px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  z-index: 1;
  position: relative
}

.step-box__top {
  margin: 5px
}

.step-box__middle {
  margin: 0 10px
}

.step-box__bottom {
  margin: 10px
}

.step-number::after {
  content: '';
  position: absolute;
  bottom: 12px;
  left: 34px;
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(90deg, #4fbca3ff 0%, #f3b183ff 100%);
  border-image-slice: 1;
  width: 190px
}

.step-number.step--5::after {
  display: none
}

.step-number::before {
  content: '';
  position: absolute;
  top: -10px;
  border-bottom: 1px solid #67c2a0;
  left: 8px;
  width: 11px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

@media screen and (max-width: 700px) {
  .spain-page p.step-grid__info {
    padding: 5px 8px;
    margin: 15px 5px;
    height: 180px;
    overflow-y: auto;
    cursor: pointer
  }

  .casino-steps {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    flex-direction: row-reverse
  }

  .step-grid_boxes {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
  }

  .step-box__top {
    width: 55%
  }

  .step-title {
    margin: 5px auto
  }

  .step-box__bottom {
    width: 35%
  }

  .step-box__middle {
    width: 10%
  }

  .step-grid-box {
    width: 100%;
    height: auto !important
  }

  .casino-steps.es-steps .step-grid-box {
    height: 275px
  }

  .spain-page .casino-steps.es-steps .step-grid-box {
    height: 220px;
    flex-wrap: nowrap
  }

  .spain-page p.step-grid__info {
    padding: 5px 8px;
    margin: 15px 5px;
    height: 180px;
    overflow-y: auto;
    cursor: pointer
  }

  .spain-page .casino-steps.es-steps .step-number::after {
    height: 220px
  }

  .step-img {
    background: #4fbca3;
    background: -moz-linear-gradient(0deg, #4fbca3ff 70%, #f3b183ff 100%);
    background: -webkit-linear-gradient(0deg, #4fbca3ff 70%, #f3b183ff 100%);
    background: linear-gradient(0deg, #4fbca3ff 70%, #f3b183ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4fbca3", endColorstr="#f3b183", GradientType=1)
  }

  .step-box__top .step-img::after {
    top: 37px;
    left: -29px;
    bottom: 34px;
    -webkit-transform: translate(100%, 0) rotate(90deg);
    -ms-transform: translate(100%, 0) rotate(90deg);
    transform: translate(100%, 0) rotate(90deg)
  }

  .step-box__bottom .step-img::after {
    top: 38px;
    left: -15px;
    -webkit-transform: translate(0%, 0) rotate(270deg);
    -ms-transform: translate(0%, 0) rotate(270deg);
    transform: translate(0%, 0) rotate(270deg)
  }

  .step-number::before {
    top: 10px;
    left: -15px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .step-number {
    width: 25px;
    height: 25px;
    font-size: 15px;
    margin: 5px auto
  }

  .step-number::after {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 26px;
    bottom: auto;
    width: 4px;
    height: 178px;
    border-bottom: none;
    border-right: 4px solid transparent;
    border-image: linear-gradient(180deg, #4fbca3ff 0%, #f3b183ff 100%);
    border-image-slice: 1
  }

  .casino-steps.es-steps .step-number::after {
    height: 252px
  }

  .diff-bonuses.black-bg .d-flex.mb-1 {
    flex-direction: column;
  }
}

@media screen and (min-width: 400px) and (max-width: 700px) {
  .step-img {
    width: 106px;
    height: 106px
  }

  .step-img img {
    width: 103px;
    height: 103px
  }

  .mobile-small-icons .step-img img {
    width: 60px;
    height: 103px
  }

  .step-box__bottom .step-img::after {
    top: 47px
  }

  p.step-grid__info {
    font-size: 15px;
    font-weight: 500
  }
}

@media screen and (min-width: 480px) and (max-width: 700px) {
  .step-img {
    width: 170px;
    height: 170px
  }

  .step-img img {
    height: 166px
  }

  .step-box__bottom .step-img::after {
    top: 78px
  }

  p.step-grid__info {
    font-size: 15px;
    font-weight: 500
  }
}

@media screen and (min-width: 1159px) and (max-width: 1299px) {
  .reverse .step-number.step--3::after {
    display: none
  }

  .reverse .step-number.step--4::after {
    display: block
  }
}

@media screen and (min-width: 930px) and (max-width: 1159px) {
  .step-number.step--4::after {
    display: none
  }

  .reverse .step-number.step--3::after {
    display: none
  }

  .reverse .step-number.step--4::after {
    display: block
  }
}

@media screen and (min-width: 701px) and (max-width: 929px) {
  .step-number.step--3::after {
    display: none
  }

  .reverse .step-number.step--2::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 12px;
    left: 34px;
    border-bottom: 4px solid transparent;
    border-image: linear-gradient(90deg, #4fbca3ff 0%, #f3b183ff 100%);
    border-image-slice: 1;
    width: 190px
  }
}

.follow-us--blog-single .jssocials {
  margin: auto;
  display: block;
  width: max-content;
  padding-bottom: 20px
}

@media screen and (max-width: 1031px) {
  .section--blog-single-main .back-to {
    margin: 20px 0
  }
}

.spacer {
  height: 70px;
  transition: height 0.3s ease;
}

.spacer.hidden {
  height: 0;
}

.background-white {
  background-color: #fff !important
}

@media only screen and (max-width: 425px) {
  .spacer {
    height: 130px;
    min-height: 130px;
  }

  .bulgarian-page p.step-grid__info {
    overflow: hidden;
    overflow-y: scroll;
    height: 130px;
  }
}

@media only screen and (max-width: 450px) {
  .country-popup.new-design {
    display: flex;
    bottom: 60px;
    position: fixed;
    width: 95%;
    border-radius: 8px;
    left: 2.5%;
    box-shadow: 0px 5px 10px 1px black;
    height: 115px;
    min-height: 115px;
    padding: 15px 0;
    top: unset;
    z-index: 901;
  }

  .country-popup.new-design .main-width {
    display: flex;
  }

  .country-popup.new-design .main-width>div {
    border-right: 1px solid #D5AF5B;
    padding-right: 15px;
    width: 70%;
  }

  .country-popup.new-design .main-width>div p span {
    width: 180px;
    margin: 0px auto 10px auto !important;
  }

  .country-popup.new-design .remove-sm-flex span,
  .country-popup p br {
    display: none;
  }

  .country-popup.new-design p a.home-link {
    margin-bottom: 20px;
    display: inline-block;
  }

  .country-popup.new-design p.remove-sm-flex {
    width: 30%;
    margin-left: 15px !important;
  }

  .country-popup.new-design .main-width div p {
    align-items: center;
  }

  body.body-country.mt-7 {
    margin-top: 0px !important;
  }
}

/* input(29,92): run-time error CSS1038: Expected hex color, found '#ffff'
input(29,159): run-time error CSS1038: Expected hex color, found '#ffff'
input(29,234): run-time error CSS1038: Expected hex color, found '#ffff'
input(29,277): run-time error CSS1038: Expected hex color, found '#ffff'
input(29,314): run-time error CSS1038: Expected hex color, found '#ffff'
input(29,385): run-time error CSS1038: Expected hex color, found '#ffff'
input(29,447): run-time error CSS1038: Expected hex color, found '#ffff'
input(29,491): run-time error CSS1038: Expected hex color, found '#ffff'
input(29,528): run-time error CSS1038: Expected hex color, found '#ffff'
input(1105,204): run-time error CSS1038: Expected hex color, found '#aaaf'
input(1105,287): run-time error CSS1038: Expected hex color, found '#aaaf'
input(1105,398): run-time error CSS1038: Expected hex color, found '#aaaf'
input(1105,469): run-time error CSS1038: Expected hex color, found '#aaaf'
input(1108,168): run-time error CSS1038: Expected hex color, found '#aaaf'
input(1108,250): run-time error CSS1038: Expected hex color, found '#aaaf'
input(1108,363): run-time error CSS1038: Expected hex color, found '#aaaf'
input(1108,435): run-time error CSS1038: Expected hex color, found '#aaaf'
input(1353,140): run-time error CSS1038: Expected hex color, found '#0003'
input(1353,171): run-time error CSS1038: Expected hex color, found '#0003'
input(1429,220): run-time error CSS1038: Expected hex color, found '#0003'
input(1429,251): run-time error CSS1038: Expected hex color, found '#0003'
input(2297,26): run-time error CSS1030: Expected identifier, found '.'
input(2297,36): run-time error CSS1025: Expected comma or open brace, found ')'
input(2298,26): run-time error CSS1030: Expected identifier, found '.'
input(2298,36): run-time error CSS1025: Expected comma or open brace, found ')'
input(2299,26): run-time error CSS1030: Expected identifier, found '.'
input(2299,36): run-time error CSS1025: Expected comma or open brace, found ')'
input(2367,70): run-time error CSS1030: Expected identifier, found '.'
input(2367,84): run-time error CSS1025: Expected comma or open brace, found ')'
input(2368,72): run-time error CSS1030: Expected identifier, found '.'
input(2368,86): run-time error CSS1025: Expected comma or open brace, found ')'
input(2433,19): run-time error CSS1030: Expected identifier, found '.'
input(2433,31): run-time error CSS1025: Expected comma or open brace, found ')'
input(2434,19): run-time error CSS1030: Expected identifier, found '.'
input(2434,31): run-time error CSS1025: Expected comma or open brace, found ')'
input(2435,19): run-time error CSS1030: Expected identifier, found '.'
input(2435,31): run-time error CSS1025: Expected comma or open brace, found ')'
input(2436,19): run-time error CSS1030: Expected identifier, found '.'
input(2436,31): run-time error CSS1025: Expected comma or open brace, found ')'
input(2437,19): run-time error CSS1030: Expected identifier, found '.'
input(2437,31): run-time error CSS1025: Expected comma or open brace, found ')'
input(2621,18): run-time error CSS1030: Expected identifier, found '.'
input(2621,30): run-time error CSS1025: Expected comma or open brace, found ')' */
html,
body,
div,
p,
span,
header,
hgroup,
footer,
nav,
menu,
article,
section,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
a,
img,
strong,
b,
em,
i,
u,
ol,
ul,
li,
dl,
dt,
dd,
a table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
form,
fieldset,
label,
legend,
object,
iframe,
embed,
audio,
video,
summary,
details,
canvas,
figure,
figcaption,
blockquote,
q,
big,
small,
sub,
sup,
pre,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
ins,
kbd,
s,
samp,
strike,
tt,
var,
output,
applet,
mark,
time {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
label.full-width,
label.full-width input,
label.full-width textarea {
  display: block
}

label.full-width {
  text-align: left
}

label.full-width input,
label.full-width textarea {
  width: 100%
}

label,
.label-wbe {
  color: #000;
  font-style: italic;
  font-size: 14px;
  text-align: left
}

label .label,
.label-wbe .label {
  margin-bottom: 2px;
  margin-left: 16px
}

label input,
label .custom-input-box,
label .custom-select-box {
  color: #123347
}


span.inline {
  display: inline
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

*,
:before,
:after,
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  outline: none
}

img,
pre,
embed,
video,
iframe,
object,
input,
select,
textarea {
  max-width: 100%
}

img,
iframe {
  vertical-align: middle;
  height: auto
}

img {
  border-style: none
}

pre,
textarea {
  overflow: auto
}

pre,
code {
  font-family: monospace, monospace;
  font-size: 1em
}

[hidden],
template {
  display: none
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong,
mark {
  font-weight: 700
}

mark {
  background: transparent;
  color: inherit
}

em,
i {
  font-style: italic
}

small {
  font-size: 80%
}

big {
  font-size: 125%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

legend,
.legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  margin: 0 auto 10px;
  padding: 10px;
  color: #111b36;
  font-size: 19px;
  text-align: center;
  white-space: normal;
  position: relative
}

legend:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  background: #ffff;
  background: -webkit-gradient(left top, right top, color-stop(0%, #ffff), color-stop(34%, #a8a8a8ff), color-stop(69%, #a8a8a8ff), color-stop(100%, #ffff));
  background: -o-linear-gradient(left, #ffff 0%, #a8a8a8ff 34%, #a8a8a8ff 69%, #ffff 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ffff), color-stop(34%, #a8a8a8ff), color-stop(69%, #a8a8a8ff), to(#ffff));
  background: linear-gradient(to right, #ffff 0%, #a8a8a8ff 34%, #a8a8a8ff 69%, #ffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}

input {
  line-height: normal
}

.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none !important
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
.custom-select-box,
.custom-select-box__options {
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #d2d3d5;
  border-radius: 6px
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

.alignleft,
.alignright {
  display: inline;
  margin-bottom: 10px
}

.alignleft--2,
.alignright--2 {
  margin-top: 10px;
  margin-bottom: 40px
}

.alignleft {
  float: left;
  margin-right: 10px
}

.alignleft--2 {
  margin-right: 40px
}

.alignright {
  float: right;
  margin-left: 10px
}

.alignright--2 {
  margin-left: 40px
}

.alignleft--no-m,
.alignright--no-m {
  margin: 0
}

.aligncenter {
  clear: both;
  display: block;
  margin: 10px auto
}

.clear:after {
  content: "";
  display: block;
  clear: both
}

.body-home #main-head-wrap>div:first-child>p.info {
  font-weight: 300 !important;
  text-align: center
}

body {
  min-width: 360px;
  margin: 0 auto;
  background: #f7f7f7;
  color: #111b36;
  font-weight: 400;
  line-height: normal;
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  overflow-x: hidden
}

.body-review:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
}

.body--ios select,
.body--ios textarea,
.body--ios input,
.body--ios select:focus,
.body--ios textarea:focus,
.body--ios input:focus {
  font-size: 16px
}

.disable-click {
  pointer-events: none
}

.main-width,
.main-width-md,
.main-width-md-b,
.main-width-sm {
  margin: 0 auto
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit
}



a {
  background-color: transparent;
  text-decoration: none;
  word-break: break-word
}

a:hover {
  text-decoration: none
}

a:hover,
a:active {
  outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 14px 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  line-height: 1.4;
  text-align: center
}

h1 {
  color: #0e5a5b
}

.heading-logo-wrap h1 .block {
  color: #111b36;
  font-weight: 300;
  font-size: 25px
}

h2,
h3,
h4,
h5,
h6 {
  color: #111b36
}

.section h2,
.section h3,
.section h4,
.section h5,
.section h6 {
  color: inherit
}

.font-size-ms {
  line-height: 1.3
}

.font-size-small {
  font-size: 14px !important
}

p,
li {
  line-height: 1.5
}

ul {
  list-style: none
}

.flags {
  display: inline-block;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px
}

.rating-face {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background-position: 0 0;
  background-repeat: no-repeat;
  border-radius: 50%;
  text-indent: -9999px
}

.rating-face--1 {
  background-image: url(/images/svg-sprite-bg.svg#rating-1)
}

.rating-face--1.voted,
.rating-face--1:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-1-voted)
}

.rating-face--2 {
  background-image: url(/images/svg-sprite-bg.svg#rating-2)
}

.rating-face--2.voted,
.rating-face--2:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-2-voted)
}

.rating-face--3 {
  background-image: url(/images/svg-sprite-bg.svg#rating-3)
}

.rating-face--3.voted,
.rating-face--3:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-3-voted)
}

.rating-face--4 {
  background-image: url(/images/svg-sprite-bg.svg#rating-4)
}

.rating-face--4.voted,
.rating-face--4:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-4-voted)
}

.rating-face--5 {
  background-image: url(/images/svg-sprite-bg.svg#rating-5)
}

.rating-face--5.voted,
.rating-face--5:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-5-voted)
}

.rating-face--6 {
  background-image: url(/images/svg-sprite-bg.svg#rating-6)
}

.rating-face--6.voted,
.rating-face--6:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-6-voted)
}

.rating-face--7 {
  background-image: url(/images/svg-sprite-bg.svg#rating-7)
}

.rating-face--7.voted,
.rating-face--7:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-7-voted)
}

.rating-face--8 {
  background-image: url(/images/svg-sprite-bg.svg#rating-8)
}

.rating-face--8.voted,
.rating-face--8:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-8-voted)
}

.rating-face--9 {
  background-image: url(/images/svg-sprite-bg.svg#rating-9)
}

.rating-face--9.voted,
.rating-face--9:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-9-voted)
}

.rating-face--10 {
  background-image: url(/images/svg-sprite-bg.svg#rating-10)
}

.rating-face--10.voted,
.rating-face--10:hover {
  background-image: url(/images/svg-sprite-bg.svg#rating-10-voted)
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shake {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shake {

  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {

  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(5deg);
    transform: perspective(400px) rotateY(5deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(2deg);
    transform: perspective(400px) rotateY(2deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-1deg);
    transform: perspective(400px) rotateY(-1deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(5deg);
    transform: perspective(400px) rotateY(5deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(2deg);
    transform: perspective(400px) rotateY(2deg);
    opacity: 1
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(-1deg);
    transform: perspective(400px) rotateY(-1deg)
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

.dev-drop-fix.flipInY {
  animation-name: none
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

.flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }

  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.delay-0-1s {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.animated.delay-0-2s {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.animated.delay-0-3s {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.animated.delay-0-4s {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.animated.delay-0-5s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.animated.delay-0-6s {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.animated.delay-0-7s {
  -webkit-animation-delay: .7s;
  animation-delay: .7s
}

.animated.delay-0-8s {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.animated.delay-0-9s {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.animated.delay-1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.animated.delay-2-5s {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s
}

.animated.delay-6s {
  -webkit-animation-delay: 6s;
  animation-delay: 6s
}

.animated.delay-7s {
  -webkit-animation-delay: 7s;
  animation-delay: 7s
}

.animated.delay-8s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: 8s;
  animation-delay: 8s
}

.animated.delay-9s {
  -webkit-animation-delay: 9s;
  animation-delay: 9s
}

.animated.delay-10s {
  -webkit-animation-delay: 10s;
  animation-delay: 10s
}

.animated.fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s
}

.animated.faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s
}

@media only screen and (prefers-reduced-motion:reduce),
(print) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    -o-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }
}

a:hover,
a :hover,
button:hover,
input[type="submit"],
.region-map__svg path.accessible:hover,
.cursor-hov:hover,
.cursor-hov :hover {
  cursor: pointer
}

.block {
  display: block !important
}

.inline-block {
  display: inline-block !important
}

.valign-middle {
  vertical-align: middle !important
}

.valign-center,
.height-fix .valign-c {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.font-style-italic {
  font-style: italic !important
}

.font-style-normal {
  font-style: normal !important
}

.font-weight-light {
  font-weight: 300 !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-semi-bold {
  font-weight: 600 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.text-align-left {
  text-align: left !important
}

.text-align-right {
  text-align: right !important
}

.text-align-center {
  text-align: center !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.mt-n {
  margin-top: -36px !important
}

.mt-n-fix {
  padding-bottom: 36px !important
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.ml-0 {
  margin-left: 0 !important
}

.mt-1-2 {
  margin-top: 5px !important
}

.mt-1 {
  margin-top: 10px !important
}

.mt-2 {
  margin-top: 20px !important
}

.mr-1 {
  margin-right: 10px !important;
}

.mb-1 {
  margin-bottom: 10px !important
}

.ml-1 {
  margin-left: 10px !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: 10px !important
}

.pt-2 {
  padding-top: 20px !important
}

.pt-3 {
  padding-top: 30px !important
}

.pt-4 {
  padding-top: 40px !important
}

.pt-5 {
  padding-top: 50px !important
}

.pt-7 {
  padding-top: 70px !important
}

.pt-8 {
  padding-top: 80px !important
}

.pr-0 {
  padding-right: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-2 {
  padding-left: 20px !important
}

.pb-1 {
  padding-bottom: 10px !important
}

.pb-2 {
  padding-bottom: 20px !important
}

.pb-3 {
  padding-bottom: 30px !important
}

.pl-3 {
  padding-left: 30px !important
}

.pb-4 {
  padding-bottom: 40px !important
}

.pb-5 {
  padding-bottom: 50px !important
}

.pb-6 {
  padding-bottom: 60px !important
}

.pl-7 {
  padding-left: 70px !important
}

.pr-7 {
  padding-right: 70px !important
}

.pl-10 {
  padding-left: 100px !important
}

.pr-10 {
  padding-right: 100px !important
}

.pl-0 {
  padding-left: 0 !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: 10px !important
}

.p-2 {
  padding: 20px !important
}

.pr-2 {
  padding-right: 20px !important
}

.p-3 {
  padding: 30px !important
}

.p-4 {
  padding: 40px !important
}

.p-5 {
  padding: 50px !important
}

.line-height-1-2 {
  line-height: 1.2
}

.delay-0-1s {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.delay-0-2s {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.delay-0-3s {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.delay-0-4s {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}

.delay-0-5s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.delay-0-6s {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.delay-0-7s {
  -webkit-animation-delay: .7s;
  animation-delay: .7s
}

.delay-0-8s {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.delay-0-9s {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}

.delay-1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s
}

.delay-1-8s {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s
}

.duration-0-5s {
  -webkit-animation-duration: .5s !important;
  animation-duration: .5s !important
}

.duration-1s {
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important
}

.duration-2s {
  -webkit-animation-duration: 2s !important;
  animation-duration: 2s !important
}

.duration-3s {
  -webkit-animation-duration: 3s !important;
  animation-duration: 3s !important
}

.duration-4s {
  -webkit-animation-duration: 4s !important;
  animation-duration: 4s !important
}

.same-height:not(.same-height--initialized) {
  visibility: hidden;
  opacity: 0
}

.same-height.same-height--initialized {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity linear .1s;
  -o-transition: opacity linear .1s;
  transition: opacity linear .1s
}

.abs-right-parent {
  position: relative
}

.abs-right {
  position: absolute;
  right: 0;
  top: -50px
}

.bg-w {
  background: #fff
}

.bg-w-2 {
  background: #f7f7f7
}

.bg-d-w {
  background: #f0f0f0
}

.bg-o {
  background: #ec6a38
}

.bg-lll-y {
  background: #e2f0e0
}

.bg-body-grad {
  background: #f7f7f7ff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7f7f7ff), color-stop(100%, #e1e1e1ff));
  background: -o-linear-gradient(top, #f7f7f7ff 0%, #e1e1e1ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7ff), to(#e1e1e1ff));
  background: linear-gradient(to bottom, #f7f7f7ff 0%, #e1e1e1ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1', GradientType=0)
}

.bg-none {
  background: none
}

.bg-g {
  background: #e1e1e1
}

.bg-g-grad {
  background: #f7f7f7ff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7f7f7ff), color-stop(62%, #f7f7f7ff), color-stop(100%, #e1e1e1ff));
  background: -o-linear-gradient(top, #f7f7f7ff 0%, #f7f7f7ff 62%, #e1e1e1ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7ff), color-stop(62%, #f7f7f7ff), to(#e1e1e1ff));
  background: linear-gradient(to bottom, #f7f7f7ff 0%, #f7f7f7ff 62%, #e1e1e1ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1', GradientType=0)
}

.bg-gn-h,
#main-header.main-header--dark {
  background: #445156ff;
  background: -o-radial-gradient(center, ellipse, #445156ff 0%, #1b4552ff 51%, #112f43ff 84%, #0c1d39ff 100%);
  background: radial-gradient(ellipse at center, #445156ff 0%, #1b4552ff 51%, #112f43ff 84%, #0c1d39ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#445156', endColorstr='#0c1d39', GradientType=1)
}

.bg-gn {
  background: #0f7a7a
}

.bg-d-gn {
  background: #123346
}

.bg-dd-gn {
  background: #0d2c3d
}

.bg-ddd-gn {
  background: #0e293e
}

.bg-b-b {
  background: #e9eeef
}

.bg-gn-grad {
  background: #364d54ff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #364d54ff), color-stop(9%, #294b54ff), color-stop(29%, #1f454fff), color-stop(59%, #123346ff), color-stop(100%, #123346ff));
  background: -o-linear-gradient(top, #364d54ff 0%, #294b54ff 9%, #1f454fff 29%, #123346ff 59%, #123346ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#364d54ff), color-stop(9%, #294b54ff), color-stop(29%, #1f454fff), color-stop(59%, #123346ff), to(#123346ff));
  background: linear-gradient(to bottom, #364d54ff 0%, #294b54ff 9%, #1f454fff 29%, #123346ff 59%, #123346ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#364d54', endColorstr='#123346', GradientType=0)
}

.bg-gn-grad-2 {
  background: #123346ff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #123346ff), color-stop(100%, #20535cff));
  background: -o-linear-gradient(top, #123346ff 0%, #20535cff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#123346ff), to(#20535cff));
  background: linear-gradient(to bottom, #123346ff 0%, #20535cff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123346', endColorstr='#20535c', GradientType=0)
}

.bg-gn-grad-3 {
  background: #0d5b5bff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #0d5b5bff), color-stop(100%, #0d7979ff));
  background: -o-linear-gradient(top, #0d5b5bff 0%, #0d7979ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#0d5b5bff), to(#0d7979ff));
  background: linear-gradient(to bottom, #0d5b5bff 0%, #0d7979ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d5b5b', endColorstr='#0d7979', GradientType=0)
}

.bg-gn-grad-4 {
  color: #fff;
  background: #111c37;
  background: -moz-linear-gradient(180deg, #111c37ff 0%, #0d595bff 100%);
  background: -webkit-linear-gradient(180deg, #111c37ff 0%, #0d595bff 100%);
  background: linear-gradient(180deg, #111c37ff 0%, #0d595bff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111c37", endColorstr="#0d595b", GradientType=1)
}

.bg-d-gn-grad {
  color: #fff;
  background: #0d5a5bff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #0d5a5bff), color-stop(100%, #111b36ff));
  background: -o-linear-gradient(top, #0d5a5bff 0%, #111b36ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#0d5a5bff), to(#111b36ff));
  background: linear-gradient(to bottom, #0d5a5bff 0%, #111b36ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d5a5b', endColorstr='#111b36', GradientType=0)
}

.bg-d-gn-darker {
  background: #101c36
}

.bg-d-l-d-grad,
.related-el:after {
  background: #123346ff;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #123346ff), color-stop(40%, #123145ff), color-stop(55%, #1b4552ff), color-stop(65%, #1b4552ff), color-stop(80%, #313b45ff), color-stop(93%, #1b4552ff), color-stop(100%, #123145ff));
  background: -o-linear-gradient(315deg, #123346ff 0%, #123145ff 40%, #1b4552ff 55%, #1b4552ff 65%, #313b45ff 80%, #1b4552ff 93%, #123145ff 100%);
  background: linear-gradient(135deg, #123346ff 0%, #123145ff 40%, #1b4552ff 55%, #1b4552ff 65%, #313b45ff 80%, #1b4552ff 93%, #123145ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123346', endColorstr='#123145', GradientType=1)
}

.bg-o-gn {
  background: #7d4a34ff;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #7d4a34ff), color-stop(56%, #213f4fff), color-stop(100%, #213f4fff));
  background: -o-linear-gradient(315deg, #7d4a34ff 0%, #213f4fff 56%, #213f4fff 100%);
  background: linear-gradient(135deg, #7d4a34ff 0%, #213f4fff 56%, #213f4fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d4a34', endColorstr='#213f4f', GradientType=1)
}

.bg-o-grad {
  background: #af461dff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #af461dff), color-stop(100%, #ec6939ff));
  background: -o-linear-gradient(top, #af461dff 0%, #ec6939ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#af461dff), to(#ec6939ff));
  background: linear-gradient(to bottom, #af461dff 0%, #ec6939ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af461d', endColorstr='#ec6939', GradientType=0)
}

.bg-star-mask,
.bg-star-mask.section-box {
  margin-bottom: 40px
}

.bg-star,
.bg-star-mask>div {
  position: relative
}

.bg-star:before,
.bg-star:after,
.bg-info:before,
.bg-info:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.bg-star:before {
  width: 60px;
  height: 60px;
  z-index: 10
}

.bg-info:before {
  width: 60px;
  height: 60px;
  z-index: 10
}

.bg-star--info:before {
  width: 60px;
  height: 60px;
  z-index: 10
}

.bg-star:after {
  width: 124px;
  height: 64px;
  background: url(/images/svg-sprite-bg.svg#back-w) 0 0 no-repeat
}

.bg-star-mask>div:after {
  content: '';
  position: absolute;
  bottom: -33px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 33px solid #111b36
}

.bg-grad-l {
  background-size: cover
}

.bg-lv {
  color: #fff;
  background-size: cover;
  background-attachment: fixed
}

.bg-d-gn,
.bg-gn-grad,
.bg-gn-grad-2,
.bg-ddd-gn,
.bg-gn-h {
  color: #f3f4f5
}

.b-gn {
  border: 1px solid #70c8b3;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.b-l-gn {
  border: 1px solid #4dbca2
}

.b-d-gn {
  border: 1px solid #0f7a7a
}

.b-o {
  border: 1px solid #ec6a38
}

.b-l-box--left {
  margin: 30px auto;
  padding: 10px 20px;
  border-width: 0 0 0 5px !important
}

.b-l-box.b-l-gn {
  color: #0d5a5b
}

.b-l-box.b-o {
  color: #ec6a39
}

.bs-gn {
  -webkit-box-shadow: 0 0 0 1px #70c8b3;
  box-shadow: 0 0 0 1px #70c8b3
}

.br-all {
  border-radius: 40px
}

.br-all-4 {
  border-radius: 4px
}

.br-all-6 {
  border-radius: 6px
}

.br-all-8 {
  border-radius: 8px
}

.br-all-10 {
  border-radius: 10px
}

.br-t {
  border-radius: 40px 40px 0 0
}

.br-b {
  border-radius: 0 0 40px 40px
}

.br-0 {
  border-radius: 0 !important
}

.b-tb-grad,
.b-t-grad,
.b-b-grad,
.b-r-grad,
.b-l-grad {
  position: relative
}

.b-tb-grad:before,
.b-tb-grad:after,
.b-t-grad:before,
.b-b-grad:before,
.b-r-grad:after,
.b-l-grad:after {
  content: '';
  position: absolute
}

.b-tb-grad:before,
.b-tb-grad:after,
.b-t-grad:before,
.b-b-grad:before {
  right: 0;
  left: 0;
  height: 1px;
  background: #f3f4f5ff;
  background: -webkit-gradient(left top, right top, color-stop(0%, #f3f4f5ff), color-stop(47%, #aaaf), color-stop(100%, #f3f4f5ff));
  background: -o-linear-gradient(left, #f3f4f5ff 0%, #aaaf 47%, #f3f4f5ff 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f3f4f5ff), color-stop(47%, #aaaf), to(#f3f4f5ff));
  background: linear-gradient(to right, #f3f4f5ff 0%, #aaaf 47%, #f3f4f5ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f4f5', endColorstr='#f3f4f5', GradientType=1)
}

.b-tb-grad:before,
.b-t-grad:before {
  top: 0
}

.b-tb-grad:after,
.b-b-grad:before {
  bottom: 0
}

.b-r-grad:after,
.b-l-grad:after {
  top: 0;
  bottom: 0;
  width: 1px;
  background: #f3f4f5ff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3f4f5ff), color-stop(47%, #aaaf), color-stop(100%, #f3f4f5ff));
  background: -o-linear-gradient(top, #f3f4f5ff 0%, #aaaf 47%, #f3f4f5ff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f4f5ff), color-stop(47%, #aaaf), to(#f3f4f5ff));
  background: linear-gradient(to bottom, #f3f4f5ff 0%, #aaaf 47%, #f3f4f5ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f4f5', endColorstr='#f3f4f5', GradientType=0)
}

.b-r-grad:after {
  right: 0
}

.b-l-grad:after {
  left: 0
}

.b-b {
  position: relative
}

.b-b:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 280px;
  background: #e9eeef;
  z-index: 1
}

.color-gn,
a.color-gn:hover,
.em-el .color-gn {
  color: #0d7a7a !important
}

.color-l-gn,
a.color-l-gn:hover {
  color: #4dbca2 !important
}

.color-default {
  color: #111b36 !important
}

.color-default-green {
  color: #0e5a5b !important
}

.color-o {
  color: #eb6b38 !important
}

.color-w {
  color: #f3f4f5 !important
}

.color-b {
  color: #265be9 !important
}

.color-y {
  color: #ffcc6a !important
}

.color-inh,
.color-inh:hover {
  color: inherit
}

.ico-block {
  display: table !important;
  margin: 0 auto
}

.ico-yes,
.ico-no {
  display: inline-block;
  vertical-align: middle;
  background-position: 0 0;
  text-indent: -9999px;
  direction: rtl;
  overflow: hidden
}

.ico-yes,
.custom-input-field__status.ok {
  background-image: url(/images/svg-sprite-bg.svg#ico-yes);
  background-repeat: no-repeat
}

.ico-no,
.custom-input-field__status.not-ok {
  background-image: url(/images/svg-sprite-bg.svg#ico-no);
  background-repeat: no-repeat
}

input.not-ok {
  border-color: #ec6a39
}

.ico-yes.ltr,
.ico-no.ltr {
  direction: ltr
}

form .ico-yes,
form .ico-no {
  background-color: #fff
}

.ico-yes--big {
  width: 50px;
  height: 50px
}

.ico-no--big {
  width: 50px;
  height: 50px
}

.ico-yes--medium {
  width: 26px;
  height: 27px
}

.ico-yes--mb {
  width: 36px;
  height: 36px
}

.ico-yes--small,
.custom-input-field__status.ok {
  width: 15px;
  height: 15px
}

.ico-no--medium {
  width: 26px;
  height: 26px
}

.ico-no--mb {
  width: 36px;
  height: 36px
}

.ico-no--mb-2-w {
  width: 33px;
  height: 33px;
  background-image: url(/images/svg-sprite-bg.svg#ico-no-w);
  text-indent: -9999px
}

.ico-no--small,
.custom-input-field__status.not-ok {
  width: 15px;
  height: 15px
}

.custom-input-field__status.ok,
.custom-input-field__status.not-ok {
  background-color: #fff;
  -webkit-transition: background linear .3s;
  -o-transition: background linear .3s;
  transition: background linear .3s
}

.ico-star {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
}

.ico-star--big {
  width: 50px;
  height: 50px
}

.category-group--vis .related-post .post-date--star {
  padding-left: 66px
}

.category-group--vis .related-post .post-date--star .ico-star--big {
  position: absolute;
  left: 10px;
  top: -10px
}

.ico-android,
.ico-ios {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 32px
}

.ico-android {
  background: url(/images/svg-sprite-bg.svg#ico-android) 0 0 no-repeat
}

.ico-ios {
  background: url(/images/svg-sprite-bg.svg#ico-ios) 0 0 no-repeat
}

.ico-website-wrap {
  position: relative
}

.ico-website {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url(/images/svg-sprite-bg.svg#ico-website) 0 0 no-repeat
}

.ico-pdf {
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 55px;
  background: url(/images/svg-sprite-bg.svg#ico-pdf) 0 0 no-repeat
}

.ico-pin {
  display: inline-block;
  vertical-align: middle;
  width: 54px;
  height: 68px;
}

.tooltip-wrap {
  position: relative
}

.tooltip {
  display: block;
  min-width: 120px;
  padding: 2px 6px;
  background: #123346e6;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  text-indent: 0;
  text-align: center;
  position: absolute;
  left: calc(100% + 4px);
  top: calc(100% + 4px);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: opacity ease-out .3s;
  -o-transition: opacity ease-out .3s;
  transition: opacity ease-out .3s
}

.tooltip-wrap:hover .tooltip {
  opacity: 1;
  visibility: visible;
  z-index: 10
}

.custom-grid {
  margin-bottom: 10px
}

.brands-flex {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap
}

.custom-grid__item,
.custom-ib-grid__item {
  margin-bottom: 10px
}

.custom-grid__item {
  float: left
}

.custom-ib-grid__item:not(:first-child),
.custom-grid__item:not(:first-child) {
  margin-left: 1%
}

.ver-2 .custom-ib-grid__item:not(:first-child),
.ver-2 .custom-grid__item:not(:first-child) {
  margin-left: .5%
}

.custom-grid__item-1-2 {
  width: 48.5%
}

.ver-2 .custom-grid__item-1-2 {
  width: 49.5%
}

.custom-grid__item-1-3 {
  width: 31.83%
}

.ver-2 .custom-grid__item-1-3 {
  width: 32.83%
}

.custom-grid__item-2-3 {
  width: 64.57%
}

.ver-2 .custom-grid__item-2-3 {
  width: 65.57%
}

.custom-grid__item-1-4 {
  width: 23.5%
}

.ver-2 .custom-grid__item-1-4 {
  width: 24.5%
}

.custom-grid__item-1-5 {
  width: 18.5%
}

.ver-2 .custom-grid__item-1-5 {
  width: 19.5%
}

.custom-grid__item-1-6 {
  width: 15.17%
}

.ver-2 .custom-grid__item-1-6 {
  width: 16.17%
}

.custom-grid__item-1-7 {
  width: 12.79%
}

.ver-2 .custom-grid__item-1-7 {
  width: 13.79%
}

.custom-grid__item-1-8 {
  width: 11%
}

.ver-2 .custom-grid__item-1-8 {
  width: 12%
}

.custom-grid__item-1-9 {
  width: 9.61%
}

.ver-2 .custom-grid__item-1-9 {
  width: 10.61%
}

.custom-grid__item-1-10 {
  width: 18.61%
}

.custom-grid__item-1-10:nth-child(6) {
  margin-left: 0
}

.custom-grid-list .custom-grid__item,
.custom-grid-list .custom-ib-grid__item {
  border: 2px dotted #4bb69e;
  border-radius: 8px;
  position: relative
}

.custom-grid-list--em .custom-grid__item,
.custom-grid-list--em .custom-ib-grid__item {
  padding: 0 !important;
  font-weight: 700;
  font-size: 19px;
  border-color: #e2dddb;
  background: #675343ff;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #675343ff), color-stop(100%, #27585fff));
  background: -o-linear-gradient(315deg, #675343ff 0%, #27585fff 100%);
  background: linear-gradient(135deg, #675343ff 0%, #27585fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#675343', endColorstr='#27585f', GradientType=1)
}

.custom-grid-list--em .custom-grid__item>span,
.custom-grid-list--em .custom-ib-grid__item>span {
  padding: 8px 10px 10px;
  line-height: 1.3
}

.custom-grid-list .title {
  vertical-align: middle;
  line-height: 1.2
}

.custom-grid-list .custom-grid__item .title {
  font-size: 16px
}

.custom-grid-list .font-size-big,
.custom-grid-list .font-size-medium,
.custom-grid-list .font-size-normal {
  line-height: 1.1
}

.custom-grid-list.no-h .custom-grid__item>.title+.info,
.custom-grid-list.no-h .custom-ib-grid__item>.title+.info {
  margin-top: 10px
}

.custom-fade-list {
  margin: 30px auto 20px
}

.custom-fade-list.inset-60 {
  margin: 0 auto 20px
}

.custom-fade-list .custom-grid__item,
.custom-fade-list .custom-ib-grid__item {
  padding: 60px 8px 22px;
  border: 1px solid #0e5a5b;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  position: relative;
  background: #123346ff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #123346ff), color-stop(100%, #1233461a));
  background: -o-linear-gradient(top, #123346ff 0%, #1233461a 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#123346ff), to(#1233461a));
  background: linear-gradient(to bottom, #123346ff 0%, #1233461a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123346', endColorstr='#123346', GradientType=0)
}

.custom-fade-list .custom-grid__item:before,
.custom-fade-list .custom-ib-grid__item:before {
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 0;
  height: 20px;
  background: #0d2b3dff;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #0d2b3dff), color-stop(100%, #0d2b3dff));
  background: -o-linear-gradient(top, #0d2b3d33 0%, #0d2b3dff 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#0d2b3d33), to(#0d2b3dff));
  background: linear-gradient(to bottom, #0d2b3d33 0%, #0d2b3dff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d2b3d', endColorstr='#0d2b3d', GradientType=0)
}

.custom-fade-list .title {
  margin-bottom: 20px;
  color: #4ebca2;
  font-style: italic
}

.custom-fade-list .info {
  position: relative;
  z-index: 10
}

ul:not(.list-r),
ul.d-list:not(.list-r) {
  margin: 20px 0;
  padding-left: 30px
}

ul:not(.list-r)>li:not(:last-child) {
  margin-bottom: 20px
}

ol {
  list-style: decimal;
  list-style-position: inside
}

.floated-list>li {
  float: left
}

.inline-b-list>li {
  display: inline-block;
  vertical-align: middle
}

.breadcrumbs {
  display: inline-block;
  margin: 10px 0 0;
  color: #969696;
  font-size: 12px;
  padding-top: 10px;
}

@media only screen and (max-width: 712px) {
  .breadcrumbs {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
  }
}

.breadcrumbs>li {
  margin: 0 16px 4px 0;
  padding-left: 14px;
  line-height: 1.1;
  text-align: left;
  position: relative;
  font-size: 14px
}

.breadcrumbs>li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 4px;
  height: 4px;
  background: #969696;
  border-radius: 50%
}

.breadcrumbs a {
  color: inherit;
  text-decoration: none;
  font-size: 14px
}

.breadcrumbs a:hover {
  text-decoration: underline
}

ul.d-list li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 21px;
  height: 21px;
  margin-right: 4px;
  background: url(/images/svg-sprite-bg.svg#ico-yes-dark-tick) 0 0 no-repeat
}

ul.d-list li.no-loyalty:before {
  background: url(/images/svg-sprite-bg.svg#ico-no)
}

ul.curr-list li,
ul.depwith-list li {
  display: inline-block;
  vertical-align: middle
}

ul.curr-list li:before {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  position: relative;
  top: -2px;
  margin-left: 7px
}

ul.curr-list li:not(.n-a):before {
  content: ''
}

.curr-list__us:before {
  background: url(/images/svg-sprite-bg.svg#ico-dollar-circle) 0 0 no-repeat
}

.curr-list__gb:before {
  background: url(/images/svg-sprite-bg.svg#ico-pound-circle) 0 0 no-repeat
}

.curr-list__eu:before {
  background: url(/images/svg-sprite-bg.svg#ico-euro-circle) 0 0 no-repeat
}

.curr-list__in:before {
  background: url(/images/svg-sprite-bg.svg#ico-rupee-circle) 0 0 no-repeat
}

.curr-list__jp:before {
  background: url(/images/svg-sprite-bg.svg#ico-yen-circle) 0 0 no-repeat
}


.curr-list__chf:before {
  background: url(/images/chf-circle.svg) 0 0 no-repeat;
}


.curr-list__free-sp:before {
  background: url(/images/svg-sprite-bg.svg#ico-free-circle) 0 0 no-repeat
}


ul.depwith-list li:not(:last-child) {
  margin-right: 6px
}

.circle-list .nav-link {
  display: block !important;
  padding: 4px 4px 4px 22px;
  text-decoration: none;
  position: relative
}

#main-nav__list .items-list .nav-link {
  padding: 2px 4px 2px 24px;
  text-align: left
}

.circle-list .nav-link:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  border: 2px solid #ebecee;
  border-radius: 50%
}

#main-nav__list .items-list .nav-link:before {
  left: 22px
}

.circle-list .nav-link:hover:before {
  background: #fff
}

.circle-list .nav-item--log-out .nav-link:before {
  border-color: #ec6b3a
}

.circle-list .nav-item--log-out .nav-link:hover:before {
  background: #ec6b3a
}

.list-pin {
  margin-left: 20px
}

ul.list-pin--s>li:not(:last-child) {
  margin-bottom: 10px
}

.list-pin>:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(/images/pin.svg) 0 0 no-repeat;
  position: relative;
  top: -2px
}

.list-pin--s>:before {
  width: 20px;
  height: 20px
}

.list-pin i:before {
  display: none
}

.list-pin--abs>* {
  padding-left: 35px;
  position: relative
}

.list-pin--abs>:before {
  position: absolute;
  left: 0;
  top: 2px
}

.excl-list>:not(:last-child) {
  margin-bottom: 10px
}

.excl-list>:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 23px;
  margin-right: 10px;
  position: relative;
  top: -1px
}

.nav-item--log-out a:hover:before {
  background: #ec6b3a
}

.form-wrap {
  width: 95%;
  margin: 0 auto;
  background: #f8f8f8;
  border-radius: 10px;
  font-size: 14px;
  position: relative
}

.item-close {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 16px;
  height: 16px;
  line-height: 14px;
  padding-bottom: 2px;
  background: #ec6a39;
  border-radius: 3px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  text-align: center
}

.add-sep-a,
.add-sep-b {
  position: relative
}

.add-sep-a:after,
.add-sep-b:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 2px;
  height: 16px;
  background: url(/images/svg-sprite-bg.svg#separator-login) 0 0 no-repeat
}

.add-sep-a:after {
  right: 0
}

.add-sep-b:before {
  left: 0
}

#main-nav__user-info .add-sep-b:before {
  margin-top: -1px
}

.c-num {
  vertical-align: bottom;
  width: 27px;
  height: 27px;
  line-height: 27px;
  background: #4dbca2;
  border-radius: 50%;
  color: #111b36;
  font-size: 16px;
  text-align: center
}

.pos-num {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
  color: #111b36;
  font-style: normal;
  position: relative
}

.pos-num:before,
.pos-num:after {
  content: '';
  position: absolute;
  top: 0;
  width: 13px;
  height: 22px;
  background: url(/images/svg-sprite-bg.svg#number-leaf) 0 0 no-repeat
}

.pos-num:before {
  left: -16px
}

.pos-num:after {
  right: -16px;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH
}

.pos-num.orange-leaf:before,
.pos-num.orange-leaf:after {
  content: '';
  position: absolute;
  top: 0;
  width: 13px;
  height: 22px;
}

.read-more-dots-button {
  width: 30px;
  height: 30px;
  background: transparent
}

.read-more-dots {
  width: 26px;
  height: 6px;
  background: url(/images/svg-sprite-bg.svg#read-more-dots) 0 0 no-repeat;
  cursor: pointer
}

.button-read-more {
  font-weight: 700;
  font-size: 12px
}

.arrow-link-wrap.button-read-more {
  color: #0d7a7a
}

.button-download.arrow-link-wrap.arrow-link--pos-l {
  padding-left: 32px
}

.button-download.arrow-link-wrap.arrow-link--pos-r {
  padding-right: 45px
}

.v-out-wrap,
.v-out {
  display: inline-block;
  vertical-align: middle;
  position: relative
}

.v-out {
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  background-color: #ff5411;
  z-index: 10;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  outline: none
}

.v-out:hover {
  background-color: #e94100;
  color: #fff
}

.v-dot,
.v-dot:hover,
.v-dot.active {
  text-decoration: none;
  outline: none
}

.v-out:not(.not-available)::after {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(5px)
}

.review-other-table .v-out:not(.not-available)::after {
  display: none
}

.brand-table.review-other-table .d-list li {
  font-weight: 700
}

.review-other-table tbody tr td .v-out {
  border-radius: 10px;
  padding: 10px
}

.show-10-games .v-out::after {
  display: none
}

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

  .brand-table--main .v-out,
  .brand-table--t2:not(.scrollable) .v-out {
    min-width: 100%
  }

  .brand-table--main .v-out.not-available,
  .brand-table--t2:not(.scrollable) .v-out {
    padding: 12px
  }

  .brand-table--main .v-out,
  .sweepstake-games-table .v-out {
    padding: 10px 14px;
    font-size: 16px
  }

  .casino-types-wrapper .w-50,
  .flex--container .w-50,
  .flex-between .w-70 {
    width: 100%;
  }
}

@media only screen and (min-width: 620px) and (max-width: 1024px) {
  :lang(es).brand-table--main .v-out {
    padding: 10px 18px
  }
}

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

  .brand-table--main .v-out,
  .sweepstake-games-table .v-out {
    padding: 4px 16px
  }
}

@media only screen and (min-width: 520px) {
  :lang(es).v-out:not(.not-available)::after {
    right: 5px
  }
}

.v-dot,
input.v-dot {
  padding: 8px;
  border: 2px dotted #4dbca2
}

.v-dot,
.v-dot-input-wrap {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative
}

.v-dot {
  background-color: #0f7a7a1a;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s
}

.v-dot-input-wrap--center {
  display: table;
  margin: 0 auto
}

.v-dot-input-wrap:after {
  content: '';
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: -2px;
  height: 2px;
  background: #0d7a7a;
  bottom: 0
}

.v-dot:hover,
.v-dot.active {
  background: #0d7a7a;
  border-style: solid;
  color: #fff
}

.v-dot:hover:after,
.v-dot-input-wrap:hover:after,
.v-dot.active:after {
  display: none
}

.v-dot--o,
input.v-dot--o {
  background-color: #ec6a391a;
  border-color: #eeae81;
  color: #f46f3a
}

input.v-dot--o:after {
  background: #ec6a39
}

.make-p-full-height.v-dot--o {
  background: #ec6a39;
  border-color: #f3b183;
  color: #fff !important;
  border-style: solid
}

.make-p-full-height.v-dot--o::after {
  display: none
}

input.v-dot--o:hover {
  background: #ec6a39;
  border-color: #f3b183
}

.v-dot.v-dot--color-d:not(:hover):not(.active) {
  color: #111b36
}

.options-el .v-dot.v-dot--color-d:not(:hover):not(.active) {
  color: #fff
}

.section-box--other-games .v-dot.v-dot--color-d:not(:hover):not(.active) {
  color: #fff
}

.b-dot,
.b-dot:hover {
  text-decoration: none
}

.b-dot {
  display: inline-block;
  vertical-align: middle;
  padding: 6px;
  border: 2px dotted #c39f6c;
  border-radius: 12px
}

.b-dot>.inner {
  display: block;
  padding: 6px 12px;
  color: #000;
  font-weight: 700;
  font-size: 18px;
  border-radius: 8px;
  background: #f4c17a;
  background: -moz-linear-gradient(180deg, #f4c17aff 0%, #c1864eff 100%);
  background: -webkit-linear-gradient(180deg, #f4c17aff 0%, #c1864eff 100%);
  background: linear-gradient(180deg, #f4c17aff 0%, #c1864eff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4c17a", endColorstr="#c1864e", GradientType=1)
}

.b-dot:hover>.inner {
  background: #ffeed1;
  background: -moz-linear-gradient(180deg, #ffeed1ff 0%, #ffd093ff 100%);
  background: -webkit-linear-gradient(180deg, #ffeed1ff 0%, #ffd093ff 100%);
  background: linear-gradient(180deg, #ffeed1ff 0%, #ffd093ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeed1", endColorstr="#ffd093", GradientType=1)
}

@-webkit-keyframes cta-g-shine {
  from {
    opacity: 0;
    left: 0
  }

  20% {
    opacity: .2
  }

  40% {
    left: 100%
  }

  60% {
    opacity: 0
  }

  to {
    left: 100%
  }
}

@keyframes cta-g-shine {
  from {
    opacity: 0;
    left: 0
  }

  20% {
    opacity: .2
  }

  40% {
    left: 100%
  }

  60% {
    opacity: 0
  }

  to {
    left: 100%
  }
}

.cta-g,
.cta-g:hover {
  color: #113930;
  text-decoration: none
}

.cta-g {
  padding: 8px;
  background: #4ebca2;
  border-radius: 8px;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  overflow: hidden;
  position: relative
}

.body-review--casino header#main-header,
.land-based-casino-review header#main-header,
.body-review--provider header#main-header,
.body-game header#main-header,
.commission-body header#main-header {
  background: none
}

.cta-g:not(:hover):not(.cta-g--disabled):before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 20px 14px #fff;
  box-shadow: 0 0 20px 14px #fff;
  -webkit-transform: skewX(-40deg);
  -ms-transform: skewX(-40deg);
  transform: skewX(-40deg);
  -webkit-animation: cta-g-shine 3s ease-in infinite;
  animation: cta-g-shine 3s ease-in infinite
}

.cta-g:hover {
  background: #40a089
}

.cta-g--disabled,
.cta-g--disabled:hover {
  background: #919596;
}

.summary-list .cta-g {
  background: #BC4E4E;
  color: #fff
}

.summary-list .cta-g:hover {
  background: #c35a5a
}

.flip-card {
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
  perspective: 1000px
}

.flip-card__inner {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: -webkit-transform 1.2s;
  transition: -webkit-transform 1.2s;
  -o-transition: transform 1.2s;
  transition: transform 1.2s;
  transition: transform 1.2s, -webkit-transform 1.2s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.flip-card__front,
.flip-card__back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.flip-card__front>.title,
.flip-card__back>.title {
  line-height: 1.1
}

.flip-card__back {
  position: absolute;
  background: #f3f4f5;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.rating-bar {
  font-style: italic;
  font-size: 14px;
  text-align: left
}

.rating-bar:not(.rating-bar--inv)>:first-child:not(.rating-bar__prog),
.rating-bar--inv>:last-child:not(.rating-bar__prog) {
  width: 70px;
  text-align: center
}

.rating-bar:not(.rating-bar--inv)>:last-child:not(.rating-bar__prog),
.rating-bar--inv>:first-child:not(.rating-bar__prog) {
  width: 38px
}

.rating-bar:not(.rating-bar--inv)>:first-child:not(.rating-bar__prog),
.rating-bar--inv>:first-child:not(.rating-bar__prog) {
  text-align: right
}

.rating-bar__prog,
.rating-bar__prog>* {
  height: 6px;
  border-radius: 6px
}

.rating-bar__prog {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 130px);
  margin: 0 8px;
  background: #d2d3d5;
  position: relative;
  top: -1px
}

.rating-bar--d .rating-bar__prog {
  background: #111b36
}

.rating-bar__prog>* {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  background: #ec6d3aff;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #ec6d3aff), color-stop(34%, #c5bc93ff), color-stop(74%, #39b39fff), color-stop(100%, #0f7c7cff));
  background: -o-linear-gradient(315deg, #ec6d3aff 0%, #c5bc93ff 34%, #39b39fff 74%, #0f7c7cff 100%);
  background: linear-gradient(135deg, #ec6d3aff 0%, #c5bc93ff 34%, #39b39fff 74%, #0f7c7cff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec6d3a', endColorstr='#0f7c7c', GradientType=1)
}

.rangeslider,
.rangeslider__fill {
  display: block
}

.rangeslider {
  position: relative
}

.rangeslider__fill {
  position: absolute
}

.rangeslider--horizontal {
  width: 100%
}

.rangeslider--vertical {
  max-height: 100%;
  height: 100%
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: .4
}

.rangeslider__handle {
  position: absolute;
  cursor: pointer
}

.rangeslider--horizontal .rangeslider__handle {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.rangeslider--vertical .rangeslider__handle {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.rangeslider,
.rangeslider__fill {
  border-radius: 10px
}

.rangeslider {
  background: #d2d3d5
}

.rangeslider__fill {
  background: #ec6d3aff;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #ec6d3aff), color-stop(34%, #c5bc93ff), color-stop(74%, #39b39fff), color-stop(100%, #0f7c7cff));
  background: -o-linear-gradient(315deg, #ec6d3aff 0%, #c5bc93ff 34%, #39b39fff 74%, #0f7c7cff 100%);
  background: linear-gradient(135deg, #ec6d3aff 0%, #c5bc93ff 34%, #39b39fff 74%, #0f7c7cff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec6d3a', endColorstr='#0f7c7c', GradientType=1)
}

.rangeslider--horizontal {
  height: 6px
}

.rangeslider--vertical {
  width: 6px;
  min-height: 150px
}

.rangeslider__handle {
  width: 14px;
  height: 14px;
  background: #0d7a7a;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 2px 0 #0003;
  box-shadow: 1px 1px 2px 0 #0003
}

.rangeslider--horizontal .rangeslider__handle {
  top: -5px
}

.rangeslider--vertical .rangeslider__handle {
  left: -5px
}

.rangeslider__handle:active,
.rangeslider--active .rangeslider__handle {
  background: #108e8e;
  -webkit-box-shadow: 1px 1px 2px 0 #0000004d;
  box-shadow: 1px 1px 2px 0 #0000004d
}

.custom-range-slider--default {
  margin-top: 5px;
  padding: 10px 0 0
}

.custom-range-slider--default .range-output-label>span {
  margin-top: 8px
}

.custom-range-slider--default .js-range-output,
.custom-range-slider--default .range-output-sign {
  float: right
}

.custom-range-slider--default .js-range-output {
  width: 100px;
  z-index: 100
}

.custom-range-slider--default .range-output-sign {
  margin-right: 10px
}

.custom-range-slider--default .rangeslider {
  margin-top: 10px
}

.em-el {
  display: table;
  margin: 18px auto;
  padding: 8px;
  color: #111b36;
  border-radius: 8px
}

.main-width-sm .em-el {
  width: 100%
}

.em-el a {
  color: inherit;
  font-weight: 700
}

.em-box {
  padding: 40px 40px 30px;
  border: 2px dotted #107a7a;
  color: #107a7a;
  border-radius: 10px;
  position: relative;
  margin-bottom: 50px
}

.em-box .em-box__quotes br {
  display: block;
  margin: 10px 0;
  content: ''
}

.em-box.special {
  color: #fff;
  background: #445156ff;
  background: -o-radial-gradient(center, ellipse, #445156ff 0%, #1b4552ff 51%, #112f43ff 84%, #0c1d39ff 100%);
  background: radial-gradient(ellipse at center, #445156ff 0%, #1b4552ff 51%, #112f43ff 84%, #0c1d39ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#445156', endColorstr='#0c1d39', GradientType=1)
}

.em-box.special img {
  display: block;
  margin: auto;
  border-radius: 10px
}

.em-box.color-o {
  border-color: #eb6b38
}

.em-box.color-w {
  border-color: #eceded
}

.em-box>p:first-child,
.em-box .excl-box+p {
  margin-top: 0
}

.em-box>p:last-child {
  margin-bottom: 0
}

.em-box .excl-box {
  position: absolute;
  left: -11px;
  top: -10px;
  width: 60px;
  height: 50px
}

.em-box__quotes,
.em-box__quotes.quote-start,
.em-box__quotes.quote-end {
  position: relative
}

.em-box__quotes:not(.quote-end):before,
.em-box__quotes:not(.quote-start):after {
  content: '“';
  display: inline-block;
  vertical-align: top;
  font-style: italic;
  font-weight: 700;
  font-size: 34px;
  line-height: 1
}

.em-box__quotes:before {
  margin: -6px 8px -12px -8px
}

.em-box__quotes:after {
  margin-top: -6px
}

.em-box__quotes-author-name {
  font-weight: 700
}

.em-box .align-left,
.em-box .align-right {
  border-radius: 10px
}

.box-info {
  width: 85px;
  padding: 4px;
  border: 1px solid #0f7a7a;
  border-radius: 4px;
  text-align: center
}

.box-info--o {
  border-color: #ec6a38
}

.nav-c li:not(.sep),
.nav-c li:not(.sep) a {
  cursor: pointer
}

.nav-c li:not(.sep) {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  line-height: 30px;
  margin: 0 5px 5px;
  background: #ececec;
  border: 2px dotted #111b36;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s
}

.nav-c li.sep {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0 4px;
  line-height: 1
}

.nav-c li.active,
.nav-c li:not(.sep):hover {
  border-style: solid;
  border-color: #4dbca2
}

.nav-c li.active {
  background: #dfeaea
}

.nav-c a {
  text-decoration: none
}

.brand-svg,
.brand-svg .svg-img {
  position: relative
}

.brand-svg {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 10px
}

.brand-svg .svg-img {
  z-index: 10
}

.brand-svg:after {
  content: '';
  position: absolute;
  left: -6px;
  top: 1px;
  width: 104px;
  height: 88px;
  border-radius: 0 0 50% 50%;
  z-index: 5;
  background: #fdfdfdff;
  background: -webkit-gradient(left top, right top, color-stop(0%, #fdfdfdff), color-stop(64%, #fdfdfdff), color-stop(100%, #dcdddeff));
  background: -o-linear-gradient(left, #fdfdfdff 0%, #fdfdfdff 64%, #dcdddeff 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fdfdfdff), color-stop(64%, #fdfdfdff), to(#dcdddeff));
  background: linear-gradient(to right, #fdfdfdff 0%, #fdfdfdff 64%, #dcdddeff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dcddde', GradientType=1)
}

.brand-svg--t2:after {
  height: 92px
}

.thr-part-offer>.part-sm {
  font-weight: 300;
  font-size: 14px
}

.thr-part-offer .part-md {
  color: #111b36;
  font-size: 24px
}

.thr-part-offer .part-md:first-child {
  margin: 0 10px 0 0
}

.thr-part-offer .part-md:nth-child(2) {
  margin: 0 10px 0 16px
}

.thr-part-offer .part-bg {
  color: #0d7a7a;
  font-weight: 700;
  font-size: 30px
}

.back-to-top,
.quick-nav {
  z-index: 810
}

.back-to-top {
  display: none;
  position: fixed;
  width: 52px;
  height: 52px;
  text-indent: -9999px;
  background: url(/images/svg-sprite-bg.svg#back-to-top) 0 0 no-repeat
}

.back-to-top.active {
  display: block
}

.terms {
  color: inherit;
  font-style: italic;
  font-size: 12px
}

.custom-input {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  margin-right: 4px;
  padding-left: 24px;
  font-style: italic;
  position: relative
}

.custom-input input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0
}

.custom-input__checkbox,
.custom-input-list>li {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d2d3d5;
  border-radius: 2px;
  color: #0d5a5b;
  text-align: center;
  -webkit-transition: all linear .2s;
  -o-transition: all linear .2s;
  transition: all linear .2s
}

.table-wrap--t2 .custom-input__checkbox,
.table-wrap--t2 .custom-input-list>li {
  color: #86acad
}

.custom-input--d .custom-input__checkbox,
.custom-input-list--d>li {
  background-color: #0c2534
}

.custom-input__checkbox {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: 1px
}

.custom-input--round .custom-input__checkbox {
  border-radius: 50%;
  background-color: #ededed;
  border-color: #ededed
}

.custom-input input:checked~.custom-input__checkbox,
.custom-input-list>li.checked {
  border-color: #4dbca2
}

.custom-input-list>li.checked {
  color: #4dbca2
}

.custom-input--round input:checked~.custom-input__checkbox {
  background-color: #4dbca2
}

.custom-input__checkbox:after {
  content: '';
  opacity: 0;
  position: absolute;
  left: 4px;
  top: 2px;
  width: 6px;
  height: 9px;
  border: solid #4dbca2;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s
}

.custom-input input:checked~.custom-input__checkbox:after,
.custom-input.active .custom-input__checkbox:after {
  opacity: 1
}

.custom-input--round .custom-input__checkbox:after {
  border-color: #123346
}

.custom-input-field {
  position: relative
}

.custom-input-field__status,
.custom-input-field__passview {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-0, -50%);
  -ms-transform: translate(-0, -50%);
  transform: translate(-0, -50%);
  margin-top: 10px
}

.login-signup-form__bd .custom-date-box .custom-input-field__status,
.age-verification__bd .custom-date-box .custom-input-field__status {
  margin-top: 0
}

.custom-date-box {
  position: relative
}

.custom-date-box>input {
  width: 100%
}

.custom-input-field__status {
  right: 10px;
  width: 15px;
  height: 15px;
  background: #b7b7b7;
  border-radius: 50%
}

.custom-input-field__passview {
  width: 19px;
  height: 16px;
  right: 30px;
  margin-top: 12px;
}

.custom-input-field__passview.active {
  width: 22px;
  height: 18px;
  right: 29px;
  margin-top: 11px;
}

.custom-ratinginputbox {
  display: block;
  position: relative;
  width: 25px;
  height: 21px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.custom-ratinginputbox input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer
}

.custom-ratinginputbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-style: italic;
  font-size: 19px;
  cursor: pointer
}

.popup-box-wrap {
  position: relative
}

.popup-box-wrap span {
  vertical-align: middle
}

.popup-box {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  width: 320px;
  max-height: 260px;
  overflow: auto;
  padding-right: 5px;
  padding-left: 5px;
  background: #f8f8f8;
  border-radius: 8px;
  -webkit-box-shadow: 3px 3px 6px 0 #0003;
  box-shadow: 3px 3px 6px 0 #0003;
  z-index: 500
}

.popup-box__title {
  margin: 20px 0 10px;
  padding-bottom: 6px;
  text-align: center
}

.popup-box__list {
  padding: 0 0 4px;
  font-weight: 300
}

.popup-box__list>li {
  float: left;
  width: 50%;
  margin-bottom: 6px;
  padding: 4px
}

.popup-box-open {
  margin-left: 10px;
  background: transparent;
  font-weight: 300;
  font-size: 14px
}

.popup-box-open .arrow-link {
  background: #0f7a7a1a
}

.custom-select-box {
  padding: 0;
  text-align: left;
  position: relative
}

.custom-select-box.disabled {
  opacity: .5;
  pointer-events: none
}

.custom-select-box__button {
  padding: 6px 28px 6px 12px;
  padding-right: 28px
}

.custom-select-box__button.search-visible .custom-select-box__selected:not(.custom-select-box__selected--appended),
.custom-select-box__button.search-visible .custom-select-box__trigger,
.custom-select-box__button.search-visible .dot-wrap {
  display: none
}

.custom-select-box .item,
.custom-select-box .dot-wrap {
  display: inline-block;
  vertical-align: middle
}

.custom-select-box__trigger {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 20px;
  height: 20px
}

.custom-select-box__trigger:after {
  content: '';
  width: 9px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 2px;
  background: url(/images/svg-sprite-bg.svg#ico-arrow-green) 0 0 no-repeat
}

.custom-select-box__selected,
.custom-select-box__options .item {
  width: 100%
}

.custom-select-box__selected.hidden {
  display: none
}

.custom-select-box__options,
.custom-select-box__option:last-child {
  border-radius: 0 0 6px 6px
}

.custom-select-box__options {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  margin-top: 4px;
  padding: 0;
  z-index: 100
}

.find-brand__options .custom-select-box__options {
  max-height: 194px;
  overflow-y: auto
}

.custom-select-box.active:not(.unclickable) .custom-select-box__options {
  display: block
}

.custom-select-box__options>.n-a {
  padding: 6px 12px
}

.custom-select-box__option {
  padding: 6px 12px;
  border: 1px solid transparent
}

.custom-select-box__option:hover {
  border-color: #68c6b0
}

.custom-select-box .flags {
  margin-right: 10px;
  position: relative;
  top: -1px
}

.custom-list-toggle,
.custom-list-toggle__options {
  background: #fff
}

.custom-list-toggle {
  margin: 0 0 30px;
  padding: 2px 0;
  border-radius: 6px;
  text-align: left;
  position: relative
}

.body-compare .custom-list-toggle {
  text-align: center
}

.custom-list-toggle__trigger,
.find-brand:after,
.toggle-box:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 88px;
  height: 50px;
  background: url(/images/svg-sprite-bg.svg#back-fff) 0 0 no-repeat;
  cursor: pointer;
  z-index: 1
}

.custom-list-toggle__trigger:not(.no-scale) {
  bottom: -39px;
  -webkit-transform: translate(-50%, 0) scale(.7);
  -ms-transform: translate(-50%, 0) scale(.7);
  transform: translate(-50%, 0) scale(.7);
  text-align: left
}

.custom-list-toggle__trigger.no-scale {
  bottom: -47px;
  text-align: left
}

.body-compare .custom-list-toggle__trigger {
  bottom: -40px;
  text-align: left
}

.custom-list-toggle__trigger .arrow-link {
  top: 9px
}

.custom-list-toggle__trigger:not(.no-scale) .arrow-link {
  left: 32px
}

.custom-list-toggle__trigger.no-scale .arrow-link {
  left: 29px
}

.custom-list-toggle__trigger.active .arrow-link--down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.custom-list-toggle__options {
  display: none
}

.custom-list-toggle-slide .custom-list-toggle__options {
  display: block;
  max-height: 400px;
  -webkit-transition: max-height linear 1s;
  -o-transition: max-height linear 1s;
  transition: max-height linear 1s;
  overflow-y: auto
}

.custom-list-toggle-slide:not(.active) .custom-list-toggle__options {
  max-height: 160px;
  overflow: hidden
}

.body-blog .custom-list-toggle-slide:not(.active) .custom-list-toggle__options {
  max-height: 207px
}

.body-compare .custom-list-toggle__options {
  max-height: 310px;
  overflow-y: auto
}

.custom-list-toggle__option {
  padding: 8px 18px;
  position: relative
}

.body-compare .custom-list-toggle .flags {
  position: absolute;
  top: 10px
}

.button-select {
  padding: 4px 4px 6px;
  background: #f8f8f8;
  border: 1px solid #0d7a7a;
  border-radius: 4px;
  color: #123347;
  font-style: italic;
  font-size: 14px;
  -webkit-transition: background linear .2s;
  -o-transition: background linear .2s;
  transition: background linear .2s
}

.button-select.active,
.button-select:hover {
  background: #0d7a7a;
  border-color: #d2d3d5;
  color: #fff
}

.switch-button {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 17px;
  position: relative
}

.switch-button input {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0
}

.switch-button__slider {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #eaeaea;
  border-radius: 8px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  cursor: pointer
}

.switch-button__slider:before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  height: 20px;
  width: 20px;
  background-color: #bdc0c1;
  border-radius: 50%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

input:checked+.switch-button__slider:before {
  background-color: #123346;
  -webkit-transform: translate(22px, 0);
  -ms-transform: translate(22px, 0);
  transform: translate(22px, 0)
}

.arrow-link-wrap {
  display: inline-block;
  padding-right: 2px;
  color: inherit;
  line-height: 1.3;
  text-align: left;
  position: relative
}

.arrow-link {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-color: #e6f1f1;
  border: 2px dotted #4dbca2;
  border-radius: 50%;
  outline: none !important;
  position: relative;
  bottom: 1px;
  cursor: pointer
}

.arrow-link-wrap .arrow-link {
  position: absolute;
  bottom: auto;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.arrow-link--pos-l .arrow-link {
  margin-right: 4px
}

.arrow-link-wrap.arrow-link--pos-l {
  padding-left: 28px
}

.arrow-link-wrap.arrow-link--pos-l .arrow-link {
  left: 0
}

.arrow-link--pos-r .arrow-link {
  margin-left: 4px
}

.arrow-link-wrap.arrow-link--pos-r {
  padding-right: 43px
}

.arrow-link-wrap.arrow-link--pos-r .arrow-link {
  right: 0
}

.arrow-link-wrap.arrow-link--big {
  padding-left: 45px;
  font-size: 14px
}

.arrow-link--big:not(.cl-inh) {
  color: #111b36
}

.arrow-link-wrap.arrow-link--small {
  padding-left: 24px
}

.arrow-link-wrap.arrow-link--small .arrow-link,
.user-panel .arrow-link {
  width: 20px;
  height: 20px
}

.arrow-link-wrap.arrow-link--small .arrow-link:before,
.user-panel .arrow-link:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
  -ms-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
  transform: translate(-50%, -50%) rotate(180deg) scale(.8)
}

.arrow-link-wrap.arrow-link--big .arrow-link {
  width: 35px;
  height: 35px
}

.arrow-link-wrap.arrow-link--big .arrow-link:before {
  width: 17px;
  height: 15px
}

.arrow-link--o {
  background-color: #fdf0eb;
  border-color: #eb6a39
}

.arrow-link--g {
  background-color: #cbd6d6
}

.arrow-link--d-g {
  background-color: #113a4b
}

.arrow-link--w {
  background-color: #fff
}

.arrow-link--wt {
  border-color: #eceded;
  background-color: transparent
}

.arrow-link--mn {
  margin: 20px 0
}

.arrow-slider-big {
  width: 55px;
  height: 55px;
  background: url(/images/svg-sprite-bg.svg#arrow-slider-big) 0 0 no-repeat;
  opacity: .6;
  text-indent: -9999px;
  overflow: hidden
}

.arrow-slider-big:hover {
  opacity: 1
}

.arrow-slider-big--right {
  -webkit-transform: translate(0, -50%) rotate(180deg);
  -ms-transform: translate(0, -50%) rotate(180deg);
  transform: translate(0, -50%) rotate(180deg)
}

.button-download {
  color: #4dbca2;
  font-style: italic;
  font-weight: 600;
  font-size: 14px
}

.button-more {
  line-height: 1.2;
  text-decoration: none;
  position: relative
}

.button-more--left {
  padding-left: 30px
}

.button-more--right {
  padding-right: 30px
}

.button-more .arrow-link {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.button-more--left .arrow-link {
  left: 0
}

.button-more--right .arrow-link {
  right: 0
}

.arrow-link:hover,
a:hover>.arrow-link,
button:hover>.arrow-link,
div:not(.slick-slider):not(.find-brand):not(.show-one-brand):not(.accordion):not(.all-authors-scroll-wrapper):not(.testimonials-wrapper):not(.no-deposit-grey-slider .d-flex.w-100):hover>.arrow-link {
  border-style: solid
}

.arrow-link:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 11px;
  height: 9px;
  background: url(/images/svg-sprite-bg.svg#arrow-green) 0 0 no-repeat
}

.arrow-link--o:before {
  background: url(/images/svg-sprite-bg.svg#arrow-orange) 0 0 no-repeat
}

.arrow-link--wt:before {
  background: url(/images/svg-sprite-bg.svg#arrow-white) 0 0 no-repeat
}

.arrow-link--right:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg)
}

.arrow-link--down:before {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg)
}

.arrow-link--up:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.arrow-sep .sep {
  display: inline-block;
  vertical-align: middle;
  width: 27px;
  height: 7px;
  margin: -2px 2px 0;
  background: url(/images/svg-sprite-bg.svg#ico-arrow-sep) 0 0 no-repeat
}

#overlay,
.goverlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #00000080;
  z-index: 99
}

body.disable-scroll {
  overflow: hidden
}

#overlay {
  display: none
}

.popup {
  z-index: 910 !important
}

.g-recaptcha {
  overflow: hidden
}

.fav-logo {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 27px;
}

.brand-wrap--c {
  position: absolute;
  width: 104px;
  height: 104px;
  line-height: 102px;
  background: #111b36;
  -webkit-box-shadow: 0 0 0 1px #2c7170;
  box-shadow: 0 0 0 1px #2c7170;
  border-radius: 50%;
  text-align: center
}

.sub-heading {
  margin-top: -7px;
  color: #f3b183;
  font-style: italic;
  font-size: 19px;
  font-weight: 300
}

.read-r-box__info {
  margin: 4px 0 0;
  font-style: italic;
  font-size: 12px
}

.follow-us__list {
  text-align: left
}

.follow-us__list>li:not(:last-child),
.jssocials-share {
  margin-right: 10px
}

.follow-us__list>li>a,
.jssocials-share .jssocials-share-logo {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-indent: -9999px;
  -webkit-transition: -webkit-transform linear .1s;
  transition: -webkit-transform linear .1s;
  -o-transition: transform linear .1s;
  transition: transform linear .1s;
  transition: transform linear .1s, -webkit-transform linear .1s
}

.follow-us__list>li>a:hover,
.follow-us .jssocials-share-link:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.login-signup-panel__left .follow-us__list>li>a {
  width: 22px;
  height: 22px
}

.follow-us--facebook {
  background: #3775f7 url(/images/svg-sprite-bg.svg#facebook) 0 0 no-repeat
}

.follow-us--linkedin {
  background: #427cb3 url(/images/svg-sprite-bg.svg#linkedin) 0 0 no-repeat
}

.follow-us--pinterest {
  background: #d60000 url(/images/svg-sprite-bg.svg#pinterest) 0 0 no-repeat
}

.follow-us--youtube {
  background: #e00 url(/images/svg-sprite-bg.svg#youtube) 0 0 no-repeat
}


.custom-scrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  -webkit-appearance: none
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #ccc;
  border: 4px solid #fff;
  border-radius: 4px
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #aaa
}

.custom-scrollbar-2::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  -webkit-appearance: none
}

.custom-scrollbar-2--sm::-webkit-scrollbar {
  width: 4px;
  height: 10px
}

.custom-scrollbar-2::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px
}

.custom-scrollbar-2--sm::-webkit-scrollbar-track {
  border-radius: 2px
}

.custom-scrollbar-2::-webkit-scrollbar-thumb {
  background: #86868680;
  border-radius: 8px
}

.custom-scrollbar-2.custom-scrollbar-2--d::-webkit-scrollbar-thumb {
  background: #162a40
}

.custom-scrollbar-2--sm::-webkit-scrollbar-thumb {
  border-radius: 2px
}

.custom-scrollbar-2::-webkit-scrollbar-thumb:hover {
  background: #868686e6
}

#main-header,
#main-nav-wrap.fixed {
  background: #e7eaea
}

#main-header {
  padding-top: 69px;
  background: #e7eaea;
  color: #fff;
  position: relative
}

.body-home #main-header {
  padding-bottom: 69px
}

#main-nav-wrap,
#main-nav__user-panel {
  height: auto
}

.body-compare:not(.body-compare--null) #main-header {
  height: 630px
}

#logo,
#logo a,
#main-nav__list,
#main-nav__user-panel,
#navbarNavDropdown>.menu-item-c,
.form-search--header {
  display: inline-block;
  vertical-align: middle
}

#logo {
  position: relative
}

.menu-item-c>li {
  background: #ec6b3a;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  top: -3px
}

.menu-item-c__box {
  display: none;
  position: absolute;
  padding: 14px 10px 10px 18px;
  right: 2px;
  top: calc(100% + 12px);
  width: 190px;
  background: #0a1f3af2;
  border: 1px solid #ec6b3a;
  border-radius: 18px;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.3;
  text-transform: capitalize;
  text-align: left
}

#main-nav__list .nav-item--dropdown-content.menu-item-c__box {
  width: 100%
}

.menu-item-c__box:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 20px
}

.menu-item-c>li:hover .menu-item-c__box {
  display: initial
}

.menu-item-c__box .title {
  margin: 10px 0;
  color: #ec6a39
}

#navbarNavDropdown .menu-item-c .nav-item>.nav-link {
  min-height: 28px;
  padding-left: 36px;
  line-height: 28px
}

#navbarNavDropdown .menu-item-c .nav-item>.nav-link>span {
  vertical-align: middle
}

#navbarNavDropdown .menu-item-c .nav-item>.nav-link>.head-log-grad {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 24px
}

#navbarNavDropdown .menu-item-c .nav-item>.nav-link>span:not(.head-log-grad) {
  line-height: 1.2
}

#main-nav-wrap {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  padding-top: 5px
}

#main-nav-wrap.fixed,
.delete-user-profile {
  z-index: 9990
}

#main-nav-wrap.fixed {
  position: fixed
}

.main-header--dark #main-nav-wrap.fixed {
  background: #111b36
}

#main-nav-wrap>.main-width {
  width: 100%
}

#main-nav {
  float: right
}

#main-nav .svg-wrap--ico {
  width: 26px;
  height: 26px;
  line-height: 20px;
  margin-right: 4px;
  background: #133447;
  border: 1px solid #245b61;
  border-radius: 50%;
  text-align: center
}

#main-nav .svg-wrap--ico .svg--guides {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 18px
}

#main-nav li {
  position: relative
}

#main-nav a,
#main-nav__list #main-nav__log-sign #loginLink,
.main-header--dark #main-nav__log-sign #loginLink {
  color: #fff
}

#main-nav a {
  display: block;
  font-size: 12px;
  text-decoration: none
}

@media only screen and (max-width: 1403px) and (min-width: 1023px) {
  #main-nav a {
    font-size: 11px
  }
}

#main-nav__log-sign #loginLink {
  color: #0e5a5b;
  cursor: pointer
}

#main-nav__list>.nav-item {
  padding: 0;
  border-radius: 10px
}

#main-nav__list .nav-item--dropdown-content>.inner-wrap {
  margin: 0 auto
}

#main-nav__list .nav-item--dropdown-content .inner {
  min-width: 90px;
  width: 260px;
  text-align: left
}

#main-nav__list .nav-item--dropdown-content .inner-wrap .inner>a {
  padding: 10px 4px 15px;
  text-align: center;
  height: unset
}

#main-nav__list .nav-item--dropdown-content>li>a:hover,
#main-nav__list .items-list .nav-link:hover,
#main-nav .menu-item-c__box .nav-link:hover {
  color: #4dbca2;
  text-decoration: none
}

#main-nav__list .nav-item--dropdown-content a:hover,
.form-search .search-results>li>a:hover {
  background: #163b4c
}

#main-nav__list .nav-item--gam .nav-item--dropdown-content img {
  margin-bottom: 10px
}

#main-nav__list .nav-item--dropdown-content .items-list>li {
  display: block
}

#main-nav__list .nav-item--dropdown-content .items-list>li:not(:last-child) {
  margin-bottom: 8px
}

#main-nav__list .nav-item--dropdown-content .inner>.title {
  margin-bottom: 10px;
  margin-left: 26px;
  color: #ec6a39;
  font-size: 12px;
  text-align: left
}

#main-nav__list .nav-item--dropdown-content.menu-item-c__box .inner>.title {
  margin-left: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #193c4c;
  font-size: 18px;
  text-align: center
}

#main-nav__list>.nav-item>.nav-link,
#main-nav__log-sign .nav-link {
  display: inline-block;
  text-transform: uppercase
}

#main-nav__log-sign .nav-link {
  padding: 23px 15px
}

#main-nav__list>.nav-item--promos>.nav-link {
  color: #cd7d58 !important;
  position: relative
}

#main-nav__list .nav-item--promos>a:after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 30%;
  height: 2px;
  border-bottom: 2px dotted #cd7d58
}

#main-nav #registerLink {
  color: #4dbca2;
  cursor: pointer
}

#main-nav__user-info {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1;
  position: relative
}

#main-nav__user-info:not(.active) {
  overflow: hidden
}

#main-nav__user-info .user-name,
#main-nav__user-info .user-name *,
#main-nav__user-info .user-avatar {
  cursor: pointer
}

.user-avatar {
  border-radius: 50%
}

#main-nav__user-info .user-avatar {
  position: relative;
  top: -2px
}

#main-nav__user-info .user-name {
  width: calc(100% - 83px);
  margin-right: 9px;
  margin-left: -2px;
  padding: 8px 10px 8px 6px;
  color: #fff;
  position: relative
}

#main-nav__user-info .user-name:after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(90deg);
  -ms-transform: translate(0, -50%) rotate(90deg);
  transform: translate(0, -50%) rotate(90deg);
  width: 8px;
  height: 7px;
  background: url(/images/svg-sprite-bg.svg#ico-arrow-right-w) 0 0 no-repeat
}

#main-nav__user-info.active .user-name:after {
  margin-top: -3px;
  -webkit-transform: translate(0, -50%) rotate(270deg);
  -ms-transform: translate(0, -50%) rotate(270deg);
  transform: translate(0, -50%) rotate(270deg)
}

#main-nav__user-info .user-notifications {
  padding-right: 4px;
  padding-left: 12px;
  top: 5px
}

.user-notifications__bell {
  width: 17px;
  height: 20px;
  background: url(/images/svg-sprite-bg.svg#notification-bell) 0 0 no-repeat;
  position: relative;
  cursor: pointer
}

.user-notifications__bell>span {
  position: absolute;
  right: -4px;
  top: -4px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  padding-right: 2px;
  background: #4dbca2;
  border-radius: 50%;
  color: #0e1c37;
  font-style: italic;
  font-weight: 700;
  font-size: 10px;
  text-align: center
}

#main-nav__user-info .user-actions,
#main-nav__user-info .user-name:after {
  -webkit-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s
}

#main-nav__user-info.active .user-actions,
.menu-item-c__box {
  z-index: 850
}

#main-nav__user-info .user-actions #formLogout {
  display: inline-block
}

#main-nav__user-info .user-actions .svg,
#main-nav__user-info .user-actions .svg-img {
  margin-right: 10px
}

#main-nav__user-info .user-actions .svg {
  fill: #fff;
  stroke: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-top: -4px
}

#main-nav__user-info .user-actions .nav-item--log-out .svg {
  fill: #ec6b3a;
  stroke: #ec6b3a
}

#main-nav .nav-item--log-out .nav-link {
  background: transparent;
  color: white
}

.main-nav-toggle,
.quick-nav-toggle {
  display: inline-block;
  vertical-align: middle
}

.main-nav-toggle {
  width: 36px;
  height: 24px;
  margin-left: 30px;
  background: url(/images/svg-sprite-bg.svg#ico-menu-toggle) 0 0 no-repeat
}

.main-header--dark .main-nav-toggle {
  background: url(/images/svg-sprite-bg.svg#ico-menu-toggle-w) 0 0 no-repeat
}

.body-user #main-nav__user-panel {
  display: none
}

.quick-nav-toggle {
  width: 35px;
  height: 35px;
  background: url(/images/svg-sprite-bg.svg#ico-quick-nav-button) 0 0 no-repeat
}

.body-compare .quick-nav-toggle,
.body-user .quick-nav-toggle {
  display: none
}

.main-header--dark .quick-nav-toggle {
  background: url(/images/svg-sprite-bg.svg#ico-quick-nav-button-w) 0 0 no-repeat
}

#mob-bott-nav {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: -2px;
  right: 0;
  left: 0;
  height: 50px;
  background: #111d37;
  border: 1px solid #104251;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  text-align: center;
  z-index: 911
}

.body-blog #mob-bott-nav {
  display: none
}

#mob-bott-nav>li {
  width: calc(100% / 6);
  padding: 6px 2px 4px;
  font-size: 8px;
}

#mob-bott-nav>li.not-active {
  opacity: .4
}

#mob-bott-nav>li>a,
#mob-bott-nav>li>span {
  display: block;
  font-size: 8px;
  text-decoration: none
}

#mob-bott-nav .mob-ico-svg {
  display: table;
  margin: 0 auto 2px;
  width: 22px;
  height: 22px
}

#main-nav .head-log-grad {
  vertical-align: middle;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  text-align: center;
  border-radius: 50%
}

#main-nav .head-log-grad img {
  border-radius: 50%
}

#login-signup-panel-wrap {
  position: fixed;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  max-height: calc(100vh - 40px);
  overflow-y: auto
}

#login-signup-panel {
  display: none;
  -webkit-box-shadow: 2px 4px 4px 0 #0000004d;
  box-shadow: 2px 4px 4px 0 #0000004d;
  line-height: 1.5
}

#login-signup-panel.login-active .fs-signup,
#login-signup-panel.password-reset-active .fs-signup,
#login-signup-panel.password-reset-active .fs-login {
  display: none
}

#login-signup-panel.signup-active .fs-login,
#login-signup-panel.login-active .fs-forgot-password,
#login-signup-panel.signup-active .fs-forgot-password {
  display: none
}

#login-signup-panel.signup-active .signup-google-wrapper {
  display: none
}

.login-signup-panel__left {
  height: 100%;
  border-radius: 10px 0 0 10px;
  position: relative
}


.login-signup-panel__left .site-logo,
.login-signup-panel__left .follow-us--log-sign {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.login-active .login-signup-panel__left .site-logo {
  top: 67%
}

.signup-active .login-signup-panel__left .site-logo {
  top: 76%
}

.password-reset-active .login-signup-panel__left .site-logo {
  top: 64%
}

.login-signup-panel__left .follow-us--log-sign {
  width: 185px
}

.login-active .login-signup-panel__left .follow-us--log-sign {
  top: 77%
}

.signup-active .login-signup-panel__left .follow-us--log-sign {
  top: 84%
}

.password-reset-active .login-signup-panel__left .follow-us--log-sign {
  top: 80%
}

.login-signup-panel__left .follow-us--log-sign .title,
.login-signup-panel__left .follow-us--log-sign ul {
  display: inline-block;
  vertical-align: middle
}

.login-signup-panel__left .follow-us--log-sign .title {
  margin: 0 8px 2px 0;
  color: #f3f4f5;
  font-size: 12px
}

.login-signup-panel__right {
  height: 100%;
  padding: 10px;
  border-radius: 0 10px 10px 0;
  position: relative
}

.log-sign__flag {
  position: absolute;
  left: 6px;
  top: 6px
}

.login-signup__button,
.button-w {
  background: #f8f8f833;
  border-radius: 10px 0 0 10px;
  color: #f3f4f5;
  font-style: italic;
  font-size: 19px
}

.login-signup__button {
  position: absolute;
  left: -140px;
  width: 140px;
  padding: 8px 10px 8px 28px
}

.login-signup__button-s {
  top: 76px
}

.login-signup__button-l {
  top: 130px
}

.button-w {
  padding: 8px 10px
}

.login-signup__button.active,
.login-signup__button:hover,
.button-w.active,
.button-w:hover {
  background: #f8f8f8ff;
  color: #4dbca2
}

.login-signup-form {
  width: 100%;
  margin: 0 auto
}

.login-signup-form legend {
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 5px;
  font-weight: 700
}

.login-active .login-signup-form legend {
  margin-bottom: 40px
}

.login-signup-form input:not([type="submit"]):not(.custom-date-input):not([name="log-in-form__consent"]),
.login-signup-form .custom-select-box--country {
  width: calc(100% - 32px);
  margin-left: 32px
}

.login-signup-form .custom-select-box--country .custom-select-box__trigger {
  display: none
}

.login-signup-form .custom-select-box--country .custom-select-box__options {
  max-height: 115px;
  overflow-y: auto
}

.login-signup-form .svg,
.login-signup__terms .svg,
.age-verification__bd .svg--bd {
  width: 22px;
  height: 22px
}

.login-signup-panel__right label .svg,
.login-signup-panel__right .label-wbe .svg,
.age-verification__bd .svg--bd {
  float: left;
  position: relative;
  top: 28px
}

.login-signup-panel__right .label-wbe.log-in-form__country .svg {
  top: 9px
}

.login-signup-panel__right .label-wbe .svg--bd,
.age-verification__bd .svg--bd {
  top: 6px
}

.login-signup-form label .label {
  margin-left: 26px
}

.login-signup-form .label-wbe .label {
  margin-left: 44px
}

.login-signup-form .login-signup-form__bd>.label,
.age-verification__bd>.label,
.login-signup-form .label-wbe .label {
  display: block
}

.login-signup-form .login-signup-form__bd .custom-date-box,
.age-verification__bd .custom-date-box {
  float: left;
  width: calc(32% - 12px);
  position: relative
}

.login-signup-form .login-signup-form__bd .custom-date-box:nth-child(3),
.age-verification__bd .custom-date-box:nth-child(3) {
  margin-left: 10px
}

.login-signup-form .login-signup-form__bd .custom-date-box:nth-child(4),
.age-verification__bd .custom-date-box:nth-child(4) {
  margin: 0 2%
}

.login-signup-form__bottom {
  margin-top: 20px
}

.login-signup-form__bottom a {
  display: inline-block
}

.login-active .login-signup-form__bottom {
  margin-bottom: 30px
}

#login-in-form__passreset {
  float: right
}

#login-in-form__passreset:hover {
  text-decoration: underline
}

.fs-forgot-password .log-in-form__email {
  margin: 20px 0 30px
}

.login-signup__terms {
  color: #123347;
  font-size: 12px;
  text-align: right;
  position: relative
}

.login-signup__terms .svg {
  vertical-align: middle
}

.login-signup__terms .svg:not(:only-child) {
  float: left;
  margin-right: 4px
}

#login-signup-panel.signup-active .login-signup-form__bottom {
  display: table;
  margin: 10px auto
}

#login-signup-panel.signup-active .login-signup-form__bottom a {
  display: inline;
  color: inherit;
  font-size: inherit;
  text-decoration: underline
}

.body-blog--single figcaption {
  margin-bottom: 20px;
  font-style: italic;
  font-size: 14px;
  font-family: auto;
  text-align: left
}

#login-signup-panel.signup-active .login-signup-form__bottom a:hover {
  color: #ec6a39
}

#cas-miss {
  display: none;
  position: fixed;
  left: 50%;
  top: 90px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  max-height: calc(100vh - 110px);
  padding: 20px 20px 10px;
  -webkit-box-shadow: 2px 4px 4px 0 #0000004d;
  box-shadow: 2px 4px 4px 0 #0000004d
}

#cas-miss legend {
  margin-bottom: 30px
}

#cas-miss label:not(:last-child),
#cas-miss .label-wbe:not(:last-child) {
  margin-bottom: 14px
}

#cas-miss .cas-miss-form__available,
#cas-miss .cas-miss-form__notify {
  margin-top: 8px;
  margin-bottom: 8px !important
}

#cas-miss .v-dot-input-wrap {
  margin: 20px auto
}

#cas-miss .v-dot:not(:hover) {
  color: #111b36
}

.cas-miss-link {
  font-weight: 700
}

.cas-miss-link>span:first-child {
  text-decoration: underline
}

.cas-miss-link:hover>span:first-child {
  text-decoration: none
}

#cas-miss .tarea-other {
  resize: none;
  opacity: 0;
  width: 260px;
  height: 52px;
  max-height: 0;
  color: #7b8186;
  font-size: 12px;
  line-height: 1.2;
  -webkit-transition: all linear .4s;
  -o-transition: all linear .4s;
  transition: all linear .4s;
  -webkit-transition-property: max-height, opacity;
  -o-transition-property: max-height, opacity;
  transition-property: max-height, opacity
}

#cas-miss .tarea-other.active {
  opacity: 1;
  max-height: 52px
}

.form-search-input {
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: transparent;
  font-style: italic;
  font-weight: 600;
  font-size: 12px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

input[type="text"].form-search-input {
  padding: 10px;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  border-radius: 32px
}

#main-header:not(.main-header--dark) input[type="text"].form-search-input {
  color: #111b36
}

#main-header:not(.main-header--dark) .form-search--main-nav input[type="text"].form-search-input,
.body-blog--news #main-header:not(.main-header--dark) input[type="text"].form-search-input {
  color: #fff
}

.form-search--dark input[type="text"].form-search-input,
input[type="text"].form-search-input.form-search--dark {
  color: #111b36
}

.form-search-input:focus {
  width: 232px;
  color: #fff
}

.form-search-input:not(:focus) {
  color: transparent !important;
  cursor: pointer
}

input[type="text"].form-search-input:focus {
  padding: 10px 30px 10px 42px;
  border-color: #0d7a7a;
  background-position: 10px 10px;
  position: relative;
  z-index: 10
}

.body-blog .posts-sort input[type="text"].form-search-input:focus,
.body-calendar .posts-sort input[type="text"].form-search-input:focus {
  background-color: #123346
}

.form-search {
  position: relative
}

.form-search.active .form-search--clear {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 20px;
  color: #ec6a39;
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  z-index: 100
}

.form-search--posts-sort {
  position: absolute;
  right: 10px;
  top: 7px
}

.body-blog-category--default .form-search--posts-sort {
  top: 4px
}

.form-search .search-results {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  padding-bottom: 10px;
  background: #0a1f3aff;
  border-radius: 8px;
  font-weight: 300;
  font-size: 12px
}

#search-blog-form.form-search .search-results {
  background: #fff
}

#search-blog-form.form-search .search-results a {
  color: #000;
  text-decoration: underline
}

#search-blog-form.form-search .search-results li:hover a {
  text-decoration: none
}

.body-blog #main-header:not(.main-header--dark) .form-search--main-nav input[type="text"].form-search-input {
  color: #000
}

.form-search-input:not(:focus)~.search-results,
.form-search-input:not(:focus)+.form-search--clear {
  opacity: 0
}

.form-search .search-results>li:not(:last-child) {
  border-bottom: 1px solid #1c2e46
}

.form-search .search-results .li-not-found {
  padding: 10px 10px 0
}

.form-search .search-results>li>a {
  padding: 10px 20px 16px
}

.form-search .search-results>li:first-child>a {
  border-radius: 8px 8px 0 0
}

.form-search .search-results>li:last-child>a {
  border-radius: 0 0 8px 8px
}

.form-search .search-results__p {
  margin-bottom: 8px;
  color: #a6a9af;
  font-size: 10px;
  text-align: right
}

.search-results__t {
  padding-left: 42px;
  line-height: 1.4;
  position: relative
}

.form-search .search-results__img {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #2b6266;
  box-shadow: 0 0 0 1px #2b6266
}

.pos-unset {
  position: unset !important
}

@media only screen and (max-width: 1499px) and (min-width: 1300px) {
  .back-to-top {
    right: 10px;
    bottom: 10px
  }
}

@media only screen and (min-width: 640px) {
  h1 {
    font-size: 50px
  }

  .font-size-big,
  .profile-why-title {
    font-size: 36px !important
  }

  .body-terms h2 {
    font-size: 26px !important
  }

  .font-size-medium {
    font-size: 24px !important
  }

  .body-blog h1 {
    font-size: 36px !important
  }

  .dk-mt-2 {
    margin-top: 20px !important
  }

  .mb-2 {
    margin-bottom: 20px !important
  }

  .ml-2 {
    margin-left: 20px !important
  }

  .mr-3 {
    margin-right: 30px !important
  }

  .mb-3 {
    margin-bottom: 30px !important
  }

  .ml-3 {
    margin-left: 30px !important
  }

  .mr-4 {
    margin-right: 40px !important
  }

  .mb-4 {
    margin-bottom: 40px !important
  }

  .ml-4 {
    margin-left: 40px !important
  }

  .mt-5-n {
    margin-top: -50px !important
  }

  .mr-5 {
    margin-right: 50px !important
  }

  .mb-5 {
    margin-bottom: 50px !important
  }

  .ml-5 {
    margin-left: 50px !important
  }

  .mt-6 {
    margin-top: 60px !important
  }

  .mt-6-n {
    margin-top: -60px !important
  }

  .mr-6 {
    margin-right: 60px !important
  }

  .mb-6 {
    margin-bottom: 60px !important
  }

  .ml-6 {
    margin-left: 60px !important
  }

  .mt-7 {
    margin-top: 70px !important
  }

  .mt-7-n {
    margin-top: -70px !important
  }

  .mr-7 {
    margin-right: 70px !important
  }

  .mb-7 {
    margin-bottom: 70px !important
  }

  .ml-7 {
    margin-left: 70px !important
  }

  .mt-8 {
    margin-top: 80px !important
  }

  .mt-8-n {
    margin-top: -80px !important
  }

  .mr-8 {
    margin-right: 80px !important
  }

  .mb-8 {
    margin-bottom: 80px !important
  }

  .ml-8 {
    margin-left: 80px !important
  }

  .mt-9 {
    margin-top: 90px !important
  }

  .mt-9-n {
    margin-top: -90px !important
  }

  .mr-9 {
    margin-right: 90px !important
  }

  .mb-9 {
    margin-bottom: 90px !important
  }

  .ml-9 {
    margin-left: 90px !important
  }

  .mt-13 {
    margin-top: 130px !important
  }

  .mb-17 {
    margin-bottom: 170px !important
  }
}

h1 {
  font-weight: 400 !important;
  font-size: 50px !important;
  color: #4dbca2 !important
}

.mt-5 {
  margin-top: 50px !important
}

.mt-4 {
  margin-top: 40px !important
}

.mt-3 {
  margin-top: 30px !important
}

h2 {
  font-size: 36px !important
}

h3 {
  font-size: 24px !important
}

h1,
h2,
h3 {
  font-family: 'Open Sans', sans-serif !important
}

@media only screen and (max-width: 639px) {
  .fav-logo {
    width: 33px;
    height: 25px
  }

  .flags {
    width: 14px;
    height: 14px
  }

  .custom-select-box .flags {
    top: -3px
  }

  body,
  .font-size-normal {
    font-size: 14px
  }

  .section-box>p {
    margin: 10px 0
  }

  h1,
  .body-default h1 {
    font-size: 24px
  }

  .heading-logo-wrap h1 .block {
    font-size: 18px
  }

  h2,
  .font-size-big,
  .profile-why-title {
    font-size: 22px !important
  }

  .font-size-bm {
    font-size: 21px
  }

  h3,
  .font-size-medium {
    font-size: 20px !important
  }

  h4,
  h5,
  h6,
  .font-size-ms {
    font-size: 18px !important
  }
}

.d-flex {
  display: flex !important
}

.flex-align-center {
  align-items: center
}

.flex-justify-center {
  justify-content: center
}

.dir-column {
  flex-direction: column
}

.main-width-md.d-flex {
  justify-content: center
}

.slider-wrap:not(.slick-initialized) {
  opacity: 1;
  height: 0;
  overflow: hidden
}

.slider__top-latest-news,
.slider__top-latest-news.slick-slider {
  position: absolute
}

.slider__top-latest-news .slick-slide {
  margin: 0 5px
}

.slider__top-latest-news .slick-list,
.top-latest-news {
  border-radius: 20px
}

.slider__top-latest-news .slick-list {
  margin: 0 -5px
}

.slider__top-latest-news {
  top: -25px
}

.slider-wrap.slick-initialized {
  opacity: 1;
  height: auto;
  transition: none;
  -webkit-transition: none
}

.slick-prev,
.slick-next {
  background-color: transparent;
  font-size: 12px;
  text-indent: -9999px
}

.slick-dots,
ul:not(.list-r).slick-dots {
  padding-left: 0
}

.slick-dots>li {
  float: left;
  width: 16px;
  height: 16px;
  background: #4dbca2;
  border: 1px solid #4dbca2;
  border-radius: 50%;
  text-indent: -9999px;
  cursor: pointer;
  margin-bottom: 5px
}

.slick-dots>li:not(:last-child) {
  margin-right: 20px
}

.slick-dots>li.slick-active,
.slick-dots>li:hover {
  background: #111b36
}

.green-boxes .slick-dots>li {
  width: 16px;
  height: 16px;
  background: #EDEDED;
  border: 1px solid #EDEDED
}

.green-boxes .slick-dots>li.slick-active,
.green-boxes-slider .slick-dots>li:hover {
  background: #4DBEA3
}

.slider__cas-of-month {
  min-height: 400px;
  margin: 0 auto;
  position: relative
}

.slider__top-ww-why {
  min-height: 190px;
  margin-top: 39px
}

.slider__top-ww-why .slick-slide.slick-current:not(:first-child) {
  -webkit-transition: all linear 1.1s;
  -o-transition: all linear 1.1s;
  transition: all linear 1.1s
}

.slider__top-ww-why .slick-slide:not(.slick-current) {
  padding-top: 20px;
  -webkit-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7);
  opacity: .3
}

.slider__top-ww-why .slick-slide img {
  margin-bottom: 20px
}

.slider__top-ww-why .slick-arrow {
  position: absolute;
  bottom: 0;
  z-index: 10
}

.slider__top-ww-why .slider-caption {
  margin: 0 auto;
  font-style: italic;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  -webkit-transition: opacity ease-in-out 2s;
  -o-transition: opacity ease-in-out 2s;
  transition: opacity ease-in-out 2s
}

.slider__top-ww-why .slick-slide:not(.slick-current) .slider-caption {
  opacity: 0;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s
}

.slider__el-of-month {
  position: relative
}

.slider__el-of-month .slick-dots {
  position: absolute;
  right: 10px;
  bottom: 110px
}

.slider__el-of-month .slick-dots>li {
  border-color: #fff
}

.slider__el-of-month .slick-dots>li:not(.slick-active):not(:hover) {
  background: #fff
}

.slider__game-list-free {
  margin: 30px auto;
  z-index: 10
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

.slick-initialized .slick-slide {
  display: block
}

.slick-slider .arrow-link {
  text-indent: -9999px
}

#main-header .slick-slider .arrow-link {
  background-color: #0e2e43
}

@media only screen and (min-width: 1500px) {
  .slider__cas-of-month {
    left: -30px
  }

  .slider__flip-cards-cas {
    top: 1px
  }
}

@media only screen and (max-width: 1499px) and (min-width: 1300px) {
  .slider__cas-of-month {
    width: 580px
  }
}

@media only screen and (min-width: 1300px) {
  .slider__cas-of-month .slick-arrow {
    bottom: 35px
  }

  .slider__gallery .slick-slide:not(.slick-current),
  .fix-img-width .slick-slide:not(.slick-current) {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }

  .slider__lbc-more-games .slick-current+.slick-slide img {
    width: 570px;
    height: 274px
  }

  .slider__lbc-more-games .slick-current img,
  .slider__lbc-more-games .slick-current+.slick-slide+.slick-slide img {
    top: 65px
  }

  .slider__lbc-more-games .slick-slide:not(.slick-active) img {
    visibility: hidden
  }

  .brand-table--wbd th:last-child,
  .brand-table--wbd th:nth-last-child(2) {
    width: 200px
  }

  .gambl-calc .custom-range-wrap>.custom-range-slider-input {
    display: inline-block;
    vertical-align: bottom;
    width: 46%
  }

  .gambl-calc .custom-range-wrap>.custom-range-slider-input:nth-child(2n+1) {
    margin-right: 6%
  }

  .gambl-calc .custom-range-slider-input .range-output-label>span {
    width: 250px
  }
}

@media only screen and (max-width: 1299px) and (min-width: 640px) {
  .slider__top-latest-news {
    left: 50px;
    right: 50px
  }
}

@media only screen and (min-width: 1200px) {
  .slider__top-latest-news {
    width: 1010px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}

@media only screen and (min-width: 1024px) {
  .slider__prov-games .arrow-slider-big--right {
    right: 70px
  }

  .slider__flip-cards-cas {
    background: #0d2c3d
  }

  .slider__flip-cards-cas .slick-slide {
    float: left
  }
}

@media only screen and (max-width: 1299px) {
  .back-to-top {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    right: 3px
  }
}

@media only screen and (max-width: 1023px) {
  #main-nav .head-log-grad {
    width: 50px;
    height: 50px
  }

  .slider__flip-cards-cas {
    margin: 0 auto 30px
  }

  .slider__flip-cards-cas .slick-slide {
    padding: 4px 8px
  }

  .slider__flip-cards-cas .slick-dots {
    display: table;
    margin: 10px auto 0
  }

  .d-only-mobile {
    display: block !important
  }
}

@media only screen and (min-width: 800px) {
  .slider__cas-of-month {
    width: 686px
  }

  .slider__related-el .slick-slide {
    width: 100% !important
  }
}

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

  h1,
  .body-blog h1 {
    font-size: 30px !important
  }

  h2 {
    font-size: 26px !important
  }

  .slider__cas-of-month .d-flex.fl-right {
    width: 100%;
    justify-content: space-evenly
  }

  .slider__related-el .slick-dots {
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }

  .main-width,
  .main-width-md,
  .main-width-md-b,
  .main-width-sm {
    width: calc(100% - 20px)
  }

  #login-signup-panel {
    background: #445156ff;
    background: -o-radial-gradient(center, ellipse, #445156ff 0%, #1b4552ff 51%, #112f43ff 84%, #0c1d39ff 100%);
    background: radial-gradient(ellipse at center, #445156ff 0%, #1b4552ff 51%, #112f43ff 84%, #0c1d39ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#445156', endColorstr='#0c1d39', GradientType=1)
  }

  #main-nav #login-signup-panel a {
    color: #fff
  }

  .login-signup-form legend {
    width: 100%;
    color: #48bea4;
    font-size: 16px
  }

  .login-signup-form legend:after {
    background: #40a694
  }

  .login-signup-panel__left {
    display: none
  }

  .login-signup-panel__right {
    max-height: 670px;
    overflow-y: auto
  }

  .login-signup__terms {
    margin: 14px auto;
    color: #fff;
    text-align: center
  }

  .login-signup__button {
    display: none !important
  }

  #login-signup-panel input[type="submit"] {
    color: #fff !important
  }

  .login-signup-panel__right .login-signup-link {
    margin-top: 14px;
    font-size: 14px;
    text-align: center
  }

  .login-signup-panel__right .login-signup-link>.link {
    margin-left: 10px;
    color: #48bfa5;
    font-size: 16px;
    text-decoration: underline
  }
}

@media only screen and (max-width: 767px) {
  .slider__lbc-overvld {
    text-align: center
  }

  .slider__lbc-overvld img {
    width: 260px;
    height: 140px
  }
}

@media only screen and (min-width: 640px) {
  .slider__top-ww-why-p {
    min-height: 200px
  }

  .slider__top-ww-why .slider-caption {
    max-width: 270px;
    font-size: 19px
  }

  .slider__top-ww-why .slick-prev {
    left: 10%
  }

  .slider__top-ww-why .slick-next {
    right: 10%
  }

  h3,
  .font-size-medium {
    font-size: 24px !important
  }

  h4,
  h5,
  h6,
  .font-size-ms {
    font-size: 19px !important
  }

  .slider__cas-of-month .slick-arrow {
    bottom: 60px
  }

  .slider__cas-of-month .slick-prev {
    left: -26px
  }

  .slider__cas-of-month .slick-next {
    right: -26px
  }
}

@media only screen and (max-width: 639px) {
  #login-signup-panel .g-recaptcha {
    display: table;
    margin: 0 auto 20px
  }

  #login-signup-panel .v-dot-input-wrap {
    display: table;
    margin: 0 auto
  }

  .slider__top-ww-why .slider-caption {
    max-width: 240px
  }

  .slider__top-ww-why-p {
    min-height: 170px
  }

  .slider__top-ww-why .slick-prev {
    left: -10px
  }

  .slider__top-ww-why .slick-next {
    right: -10px
  }

  .slider__cas-of-month .slick-arrow {
    top: 86px
  }

  .slider__cas-of-month .slick-prev,
  .slider__cas-of-month .slick-next {
    z-index: 1
  }

  .slider__cas-of-month .slick-prev {
    left: 10px
  }

  .slider__cas-of-month .slick-next {
    right: 10px
  }

  .slider__top-latest-news {
    left: 20px;
    right: 20px
  }
}

@media only screen and (min-width: 460px) {
  .slider__top-ww-why {
    min-height: 260px
  }
}

@media only screen and (min-width: 450px) {
  .slider__cas-of-month .d-flex.fl-right .read-r-box:first-child {
    margin-bottom: 10px
  }
}

@media only screen and (max-width: 449px) {
  .slider__cas-of-month .d-flex.fl-right .read-r-box:first-child {
    margin-bottom: 10px
  }
}

.slider__cas-of-month .d-flex.fl-right {
  display: flex;
  width: fit-content;
  float: right;
  flex-wrap: wrap
}

.slider__game-list-free .slick-dots {
  display: table;
  margin: 30px auto
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slider__cas-of-month {
  min-height: 400px;
  margin: 0 auto;
  position: relative
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.el-of-month__main,
.el-of-month__main img,
.slider__el-of-month>.slick-list {
  border-radius: 16px
}

.slider__cas-of-month .slick-arrow {
  position: absolute
}

.category-groups .custom-list-toggle__option>a {
  color: #ec6a39
}

.author-bio .d-flex .left {
  width: 12%;
  margin-right: 15px
}

.author-bio .d-flex .right {
  width: 88%
}

.author-bio .d-flex .left img {
  border-radius: 8px;
  text-align: center
}

.author-bio .d-flex .left .follow-us__list {
  display: flex;
  justify-content: center;
  margin-top: 5px
}

.author-bio .d-flex .right p {
  font-size: 15px
}

@media only screen and (max-width: 1024px) {
  .author-bio .d-flex {
    flex-direction: column;
    align-items: center
  }

  .author-bio .d-flex .left,
  .author-bio .d-flex .right {
    width: auto
  }

  .author-bio .d-flex .left {
    margin: 10px 0 15px
  }

  .author-bio .d-flex .right .post-author__a {
    text-align: center
  }
}

.center-button {
  margin: 15px auto;
  width: fit-content;
  display: block !important
}

.center-button:hover {
  color: #fff
}

.editorial h2 span {
  width: 35px;
  height: 35px;
  line-height: 34px;
  font-size: 30px
}

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

  .table-wrap--main,
  .find-brand--main,
  .table-foot--brand-table,
  .table-wrap.table-wrap--main {
    width: 350px
  }
}

.cas-of-month__right .email .svg {
  width: 26px;
  height: 19px
}

.cas-of-month__right .phone-call .svg {
  width: 22px;
  height: 22px;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg)
}

.cas-new a {
  display: block;
  color: inherit;
  text-decoration: none
}

.cas-new .brand-wrap {
  position: absolute;
  top: -4px;
  width: 56px;
  height: 56px;
  line-height: 42px;
  background: #111b36;
  border: 1px solid #2c7170;
  border-radius: 50%;
  text-align: center
}

.cas-new .brand-wrap>img {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.cas-new .brand-name {
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.3
}

@media only screen and (max-width: 799px) and (min-width: 640px) {
  .slider__cas-of-month {
    width: 476px
  }
}

ul.land-based-sitemap li a {
  height: fit-content;
  line-height: 65px;
  max-height: 63px
}

.nav-c li:not(.sep) {
  width: 40px;
  height: 40px;
  line-height: 35px
}

.section--c-live p,
.flip-card__back>.info {
  position: relative;
  z-index: 90;
  user-select: auto
}

.flip-card__back>.info {
  user-select: all
}

.d-none {
  display: none
}

.section--sitemap .page-title.more-width {
  width: 420px
}

.post-author__i p,
.author-bio .d-flex .right .post-author__a {
  font-style: italic !important
}

@media (hover: hover) {
  .quick-nav:hover {
    right: 0 !important
  }
}

.more-el__bottom {
  padding: 14px 30px 10px
}

.more-el .v-dot--o {
  color: #fff
}

.more-el .v-dot {
  width: 100%;
  padding: 8px 4px
}

.more-el .v-dot:last-child:not(:first-child) {
  margin-top: 14px
}

.brand-table--t2 tbody tr.terms td:first-child {
  padding-left: unset;
  text-align: center;
  background-color: #e1e1e1;
  padding-top: 1px
}

.brand-table tbody tr.terms.active td {
  opacity: 1;
  max-height: none
}

@media only screen and (max-width: 1299px) and (min-width: 640px) {
  .back-to-top {
    bottom: 0
  }
}

@media only screen and (max-width: 639px) {
  .back-to-top {
    bottom: 50px
  }

  #main-nav-wrap,
  #main-nav__user-panel {
    height: 69px
  }
}

.featured-image--single {
  opacity: 1 !important;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff
}

@media only screen and (min-width: 1200px) {
  .featured-image--single {
    width: 1200px;
    height: 522px
  }
}

.sticky {
  position: fixed;
  top: 73px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  width: 900px
}

.faq-boxes {
  padding-bottom: 20px;
  text-align: left
}

@media only screen and (min-width: 1300px) {
  .faq-box:nth-child(2n+1) {
    margin-right: 4%
  }

  .faq-box {
    float: left;
    width: 48%
  }
}

@media only screen and (min-width: 640px) {

  .faq-box__q,
  .fav-logo-title {
    font-size: 19px
  }
}

.faq-box__q,
.fav-logo-title {
  min-height: 40px;
  line-height: 32px;
  margin-bottom: 10px;
  color: #4dbca2;
  font-style: italic;
  font-size: 16px;
  position: relative
}

.faq-box__q,
.faq-box__q>span,
.fav-logo-title>span {
  cursor: pointer
}

.body-review--casino .faq-boxes .fav-logo-wrap {
  background: none
}

.faq-box__q .fav-logo-wrap,
.fav-logo-title .fav-logo-wrap {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 62px;
  height: 37px;
  line-height: 33px;
  background: #123346;
  border-radius: 8px 0 8px 0;
  text-align: center
}

.faq-box__q>span {
  vertical-align: middle;
  line-height: 1.3
}

.faq-box__a {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 300
}

.faq-box .faq-box__hidden {
  font-weight: 300
}

.faq-box__hidden,
.toggle-hidd-box__hidden {
  display: none
}

.faq-box__hidden>p:first-child,
.toggle-hidd-box__hidden>p:first-child {
  margin-top: 0;
  padding-top: 10px
}

.faq-box__hidden>p:last-child {
  margin-bottom: 0
}

.faq-boxes .read-more-dots-button.active,
.toggle-hidd-box .read-more-dots-button.active {
  opacity: .3
}

.faq-boxes .read-more-dots-button,
.toggle-hidd-box .read-more-dots-button {
  display: block;
  opacity: 1;
  -webkit-transition: opacity ease-in-out .5s;
  -o-transition: opacity ease-in-out .5s;
  transition: opacity ease-in-out .5s
}

.body-blog h1 {
  color: #0e5a5b !important
}

.regulation-table .thr-part-offer .part-bg {
  font-size: 24px
}

.regulation-table .thr-part-offer .part-md:nth-child(2) {
  margin: 0;
  font-size: 20px
}

li.display-usa,
li.display-canada,
ul.display-usa,
ul.display-canada,
li.display-uk,
ul.display-uk {
  display: none !important
}

body.body-live table td div.d-flex img {
  border-radius: 50px
}

html[lang="vi"] .body-review--casino .casino-types.banking ul.curr-list li:not(.n-a):before {
  content: none !important;
  display: none
}

.body-blog.body-blog--index .slider__horizontal-banner ul.slick-dots.list-r {
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}

.slider__cas-of-month .v-out-wrap,
.slider__cas-of-month .v-out-wrap a {
  width: 97%
}

@media only screen and (max-width: 799px) {
  .slider__cas-of-month .d-flex.fl-right {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
  }

  .slider__cas-of-month .d-flex.fl-right .read-r-box {
    width: 100%
  }

  .cas-of-month__top .inline-block.mt-2 {
    width: 100%
  }
}

.canada-casino+.redesign-country:not(.redesign-country.CA) .brand-table--main.country-table .brand-svg {
  pointer-events: none
}

.canada-casino+.redesign-country:not(.redesign-country.CA) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.canada-casino+.redesign-country:not(.redesign-country.CA) .el-of-month__main .read-r-box {
  pointer-events: none
}

.canada-casino+.redesign-country:not(.redesign-country.CA) .brand-table--main.country-table .v-out {
  pointer-events: none
}

.canada-casino+.redesign-country:not(.redesign-country.CA) .dark-blue-bg .d-flex.dir-column.ca-only a {
  pointer-events: none
}

.canada-casino+.redesign-country:not(.redesign-country.CA) .dark-blue-bg .d-flex.dir-column a {
  pointer-events: none
}

.canada-casino+.redesign-country:not(.redesign-country.CA) .brand-wrap.brand-wrap--c a {
  pointer-events: none
}

.canada-casino+.redesign-country:not(.redesign-country.CA) .brand-name a {
  pointer-events: none
}

.united-kingdom+.redesign-country:not(.redesign-country.GB) .brand-table--main.country-table .brand-svg {
  pointer-events: none
}

.united-kingdom+.redesign-country:not(.redesign-country.GB) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.united-kingdom+.redesign-country:not(.redesign-country.GB) .el-of-month__main .read-r-box {
  pointer-events: none
}

.united-kingdom+.redesign-country:not(.redesign-country.GB) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

.united-kingdom+.redesign-country:not(.redesign-country.GB) .brand-table--main.country-table .v-out {
  pointer-events: none
}

.united-kingdom+.redesign-country:not(.redesign-country.GB) .dark-blue-bg .d-flex.dir-column a:not(.has-review) {
  pointer-events: none
}

/* .uk-bonus-page .redesign-country:not(.redesign-country.GB) .brand-table--main.country-table .v-out,.uk-bonus-page .redesign-country:not(.redesign-country.GB) .top-three-casinos-element .v-out{pointer-events:none;display:none} */
.spain-header+.redesign-country:not(.redesign-country.ES) .cas-of-month.country-casino .brand-wrap {
  pointer-events: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .cas-of-month.country-casino .v-dot[rel~="nofollow"] {
  pointer-events: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .brand-table--main.country-table .brand-svg {
  pointer-events: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .dark-blue-bg .d-flex.dir-column a {
  pointer-events: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .brand-table--main.country-table .v-out,
.spain-header+.redesign-country:not(.redesign-country.ES) .top-three-casinos-element .v-out {
  pointer-events: none;
  display: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .brand-table--main.country-table .v-out.no-accept-btn {
  display: block
}

.spain-header+.redesign-country.ES .brand-table--main.country-table .v-out.no-accept-btn {
  display: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .el-of-month__main .read-r-box {
  pointer-events: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

.spain-header+.redesign-country:not(.redesign-country.ES) .el-of-month__main .brand-wrap {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .brand-table--main.country-table .v-out.no-accept-btn {
  display: block
}

.hungaria-header+.redesign-country.HU .brand-table--main.country-table .v-out.no-accept-btn {
  display: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .el-of-month__main .read-r-box {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .el-of-month__main .brand-wrap {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .cas-of-month.country-casino .brand-wrap {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .cas-of-month.country-casino .v-dot[rel~="nofollow"] {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .brand-table--main.country-table .brand-svg {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .dark-blue-bg .d-flex.dir-column a,
.hungaria-header+.redesign-country:not(.redesign-country.HU) .top-three-casinos-element .v-out {
  pointer-events: none
}

.hungaria-header+.redesign-country:not(.redesign-country.HU) .brand-table--main.country-table .v-out {
  pointer-events: none;
  display: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .brand-table--main.country-table .v-out.no-accept-btn {
  display: block
}

.bulgaria-casino+.redesign-country.BG .brand-table--main.country-table .v-out.no-accept-btn {
  display: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .el-of-month__main .read-r-box {
  pointer-events: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .el-of-month__main .brand-wrap {
  pointer-events: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .cas-of-month.country-casino .brand-wrap {
  pointer-events: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .cas-of-month.country-casino .v-dot[rel~="nofollow"] {
  pointer-events: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .brand-table--main.country-table .brand-svg {
  pointer-events: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .dark-blue-bg .d-flex.dir-column a,
.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .top-three-casinos-element .v-out {
  pointer-events: none
}

.bulgaria-casino+.redesign-country:not(.redesign-country.BG) .brand-table--main.country-table .v-out {
  pointer-events: none;
  display: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .cas-of-month.country-casino .brand-wrap {
  pointer-events: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .cas-of-month.country-casino .v-out {
  pointer-events: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .brand-table--main.country-table .brand-svg {
  pointer-events: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .brand-table--main.country-table .v-out {
  pointer-events: none;
  display: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .brand-table--main.country-table .v-out.not-available {
  display: block
}

.vietnam-header+.redesign-country.VN .brand-table--main.country-table .v-out.not-available {
  display: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .dark-blue-bg .box-brand a {
  pointer-events: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .dark-blue-bg .d-flex .part-1 .d-flex.dir-column a {
  pointer-events: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .dark-blue-bg .d-flex.dir-column a.find-brand-button {
  pointer-events: none
}

.vietnam-header+.redesign-country:not(.redesign-country.VN) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .dark-blue-bg .d-flex.dir-column a:not(.has-review) {
  pointer-events: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .social-casinos-table .brand-svg {
  pointer-events: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .social-casinos-table .v-out:not(.has-review) {
  pointer-events: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .top-brand-element a {
  pointer-events: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .brand-table--main.country-table .v-out {
  pointer-events: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .brand-table--main.country-table .brand-svg,
.swiss-header+.redesign-country:not(.redesign-country.CH) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .brand-table--main.country-table .v-out {
  pointer-events: none;
  display: none
}

.redesign-country:not(.redesign-country.CH) .brand-table--main.country-table.CHL .v-out {
  display: block
}

.redesign-country:not(.redesign-country.CH) .brand-table--main.country-table.CHL .v-out.not-available {
  display: none
}

.swiss-header+.redesign-country:not(.redesign-country.CH) .brand-table--main.country-table .v-out.not-available {
  display: block
}

.swiss-header+.redesign-country.CH .brand-table--main.country-table .v-out.not-available {
  display: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .dark-blue-bg .d-flex.dir-column a:not(.has-review) {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .social-casinos-table .brand-svg {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .social-casinos-table .v-out {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .brand-table--main.country-table .v-out {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .cas-of-month.country-casino .brand-wrap {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .cas-of-month.country-casino .v-out {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .brand-table--main.country-table .brand-svg {
  pointer-events: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .brand-table--main.country-table .v-out {
  pointer-events: none;
  display: none
}

.thai-header+.redesign-country:not(.redesign-country.TH) .brand-table--main.country-table .v-out.not-available {
  display: block
}

.thai-header+.redesign-country.TH .brand-table--main.country-table .v-out.not-available {
  display: none
}

.ph-header+.redesign-country:not(.redesign-country.PH) .dark-blue-bg .d-flex.dir-column a:not(.has-review) {
  pointer-events: none
}

.ph-header+.redesign-country:not(.redesign-country.PH) .casino-types tr td:nth-child(2) {
  pointer-events: none
}

.ph-header+.redesign-country:not(.redesign-country.PH) .brand-table--main.country-table .brand-svg {
  pointer-events: none
}

.ph-header+.redesign-country:not(.redesign-country.PH) .brand-table--main.country-table .v-out {
  pointer-events: none
}

.ph-header+.redesign-country:not(.redesign-country.PH) .cas-of-month__main .brand-wrap,
.ph-header+.redesign-country:not(.redesign-country.PH) .cas-of-month__main .v-dot--gr {
  pointer-events: none
}

.usa-header+.redesign-country:not(.redesign-country.US) .dark-blue-bg .d-flex.dir-column a:not(.has-review) {
  pointer-events: none
}

.usa-header+.redesign-country:not(.redesign-country.US) .social-casinos-table .brand-svg {
  pointer-events: none
}

.usa-header+.redesign-country:not(.redesign-country.US) .social-casinos-table .v-out {
  pointer-events: none
}

.pennsylvania-page.redesign-country.US .new-grey-table:not([data-region="PA"]) .v-out-wrap a,
.pennsylvania-page.redesign-country.US .new-grey-table:not([data-region="PA"]) .brand-svg a {
  pointer-events: none
}

.ontario:not(.region-page) .redesign-country:not(.redesign-country.CA) .dark-blue-bg .d-flex.dir-column a:not(.has-review) {
  pointer-events: none !important
}

.ontario:not(.region-page) .redesign-country:not(.redesign-country.CA) .cas-of-month.country-casino a.v-dot.v-dot--gr {
  pointer-events: none !important
}

.ontario:not(.region-page) .redesign-country:not(.redesign-country.CA) .casino-types tr td:nth-child(2) a[rel="nofollow"] {
  pointer-events: none
}

.ontario:not(.region-page) .redesign-country:not(.redesign-country.CA) .country-table-wrapper .brand-svg {
  pointer-events: none
}

.ontario:not(.region-page) .redesign-country:not(.CA) .v-out-wrap .v-out {
  pointer-events: none !important
}

.ontario:not(.region-page) .redesign-country:not(.redesign-country.CA) .brand-table--main.country-table .brand-name {
  pointer-events: none
}

.ontario:not(.region-page) .redesign-country:not(.redesign-country.CA) .brand-table--main.country-table .v-out {
  pointer-events: none
}

.ontario:not(.region-page) .redesign-country:not(.redesign-country.CA) .cas-of-month.country-casino .brand-wrap {
  pointer-events: none
}

.social-casinos .top-three-casinos-element:not(.US) .v-out,
.social-casinos .top-three-casinos-element:not(.US) .brand-svg,
.social-casinos .new-grey-table:not(.US) .brand-svg,
.social-casinos .new-grey-table:not(.US) .brand-name,
.social-casinos .new-grey-table:not(.US) .v-out,
.social-casinos:not(.US) .find-brand-button,
.social-casinos:not(.US) .dark-blue-bg .flex-align-center a,
.social-casinos:not(.US) .dark-blue-bg img,
.social-casinos:not(.US) .social-casinos-table-v2 .brand-svg {
  pointer-events: none
}

.sweepstakes .sweepstakes-table:not(.US) .brand-svg,
.sweepstakes .sweepstakes-table:not(.US) .v-out-wrap {
  pointer-events: none
}

.author-header {
  align-items: center;
  color: #A0ACB4
}

.author-header img {
  border-radius: 50px;
  margin-right: 12px;
  margin-bottom: 5px
}

.author-header .post-author__a-name {
  margin-left: 8px;
  font-size: 14px
}

.author-header .post-author__a-name a {
  color: #A0ACB4;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none
}

.author-header .lastupdated {
  margin-top: 0;
  font-size: 14px;
  margin-left: 8px;
  font-style: normal
}

@media only screen and (max-width: 768px) {
  .author-header {
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 425px) {
  .author-header .lastupdated {
    width: 100%;
    margin-left: 0;
    margin-top: 5px
  }
}

.dark-blue-bg .w-40 {
  width: 40% !important
}

.w-100 {
  width: 100% !important
}

.w-50 {
  width: 50%
}

.fix-min-height div.clear:not(.add-to) {
  clear: both
}

.white-color {
  color: #fff !important
}

.social-casino-banking table .brand-name {
  display: none
}

.social-casino-banking table img {
  height: 50px
}

.social-casino-banking table .pos-num {
  left: 20px;
  bottom: 10px;
  position: absolute
}

@media only screen and (min-width: 1024px) {
  .social-casino .review-element .d-flex.dir-column.bonuses {
    width: 23%
  }

  .social-casino .review-element .heading-logo-wrap {
    width: 17%
  }
}

.social-casino #security+.d-flex .support-text {
  width: 50%
}

@media only screen and (max-width: 820px) {
  .social-casino #security+.d-flex .support-text {
    width: 100%
  }

  .social-casino #security+.d-flex {
    flex-wrap: wrap
  }
}

.social-casino .table-wrap table thead th {
  font-weight: 700
}

.social-casino .table-wrap table ul.curr-list li::before {
  display: none
}

.social-casino .table-wrap.d-block {
  display: block !important
}

.social-casino .table-wrap .brand-table--t2.brand-table--t2.social-casinos-table tr td:nth-child(3) img {
  display: block;
  margin: 3px auto
}

.social-casino .step-grid-box {
  height: 110px
}

.social-casino .review-element .languages .popup-box-open {
  display: none
}

@media only screen and (max-width: 768px) {
  .social-casino .review-element {
    position: relative
  }

  .social-casino .review-element .payments ul.d-flex {
    flex-direction: column
  }

  .social-casino .review-element .payments ul.d-flex.all-pays {
    flex-direction: row
  }

  .social-casino .review-element .payments ul.d-flex.all-pays li {
    width: 30%
  }

  .social-casino .review-element .payments ul.d-flex li {
    width: 100%
  }

  .social-casino .review-element .currencies {
    position: absolute;
    bottom: 0;
    right: 0
  }
}

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

  .social-casino .table-wrap table th:nth-child(4),
  .social-casino .table-wrap table td:nth-child(4) {
    display: none
  }

  .social-casino .table-wrap.d-block .pos-num {
    display: none
  }

  .social-casino .table-wrap.d-block tr td.pl-3 {
    padding-left: 0 !important
  }
}

body {
  position: relative
}

.overlay-bonus-popup {
  display: none;
  position: absolute;
  background-color: #020202cc;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0
}

.bonus-popup {
  background: transparent linear-gradient(270deg, #163D53 0%, #09212F 100%) 0 0 no-repeat padding-box;
  width: 560px;
  margin: 0 auto;
  border-radius: 10px;
  border: 1px solid #4CBCA2;
  box-shadow: 0 0 30px #FFFFFF80;
  padding: 10px 30px 0 0;
  position: relative;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 200px;
  min-height: 268px
}

.bonus-popup>div.picture-grl {
  width: 60%;
  position: relative
}

.bonus-popup>div.picture-grl img {
  position: absolute;
  bottom: 0;
  left: -10px
}

.bonus-popup>div.picture-grl span {
  width: 209px;
  height: 302px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: -10px
}

html[lang="vi"] .bonus-popup>div.picture-grl span {
  top: unset;
  bottom: 0
}

.bonus-popup p:not(.terms) {
  color: #fff;
  font-size: 20px
}

.bonus-popup .bonus-sec .d-flex {
  align-items: center;
  display: none !important
}

.bonus-popup .bonus-sec .d-flex:nth-child(1),
.bonus-popup .bonus-sec .d-flex:nth-child(2),
.bonus-popup .bonus-sec .d-flex:nth-child(3) {
  display: flex !important
}

.bonus-popup .bonus-sec .d-flex img {
  border: 1px solid;
  border-radius: 50%;
  min-height: 50px
}

.bonus-popup .bonus-sec .d-flex>a {
  margin-right: 15px !important
}

.bonus-popup .bonus-sec .d-flex p {
  line-height: 1.3;
  margin-bottom: 25px
}

.bonus-popup p .bonus {
  color: #FF5410;
  font-size: 40px;
  font-weight: 700
}

.bonus-popup .terms {
  color: #596B77;
  padding-bottom: 20px;
  font-size: 10px;
  width: 290px
}

.bonus-popup .v-out,
.bonus-popup .v-out-wrap {
  width: 100%
}

.bonus-popup .v-out::after {
  display: none
}

.bonus-popup .close {
  width: 25px;
  height: 25px;
  position: absolute;
  right: -7px;
  top: -10px;
  cursor: pointer
}

.bonus-popup .top-three-casinos p.promo-code {
  color: #FA5411 !important;
  font-size: 14px;
  border: none;
  padding: 10px 0;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .bonus-popup {
    flex-direction: column;
    top: 270px;
    padding: 20px 20px 0;
    width: 90%
  }

  .bonus-popup>div.picture-grl span {
    width: 209px;
    height: 191px;
    background-repeat: no-repeat;
    position: absolute;
    top: -212px;
    left: 50%;
    transform: translateX(-50%)
  }

  .bonus-popup>div.picture-grl {
    width: 100%
  }
}

.top-three-popup {
  width: 700px;
  padding: 10px 15px 0 0
}

.top-three-popup div.picture-grl {
  width: 40%
}

.top-three-popup .bonus-sec>span {
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 15px
}

.top-three-casinos {
  flex-direction: column
}

.bonus-popup.top-three-popup>div.picture-grl span {
  top: unset;
  bottom: 0
}

.top-three-popup .bonus-sec {
  width: 80%
}

.top-three-casinos .d-flex {
  background: #FFF;
  color: #000;
  border-radius: 8px;
  margin-bottom: 5px;
  max-height: 100px;
  width: 100%;
  padding: 5px 10px;
  flex-wrap: wrap
}

.top-three-casinos .d-flex div p {
  color: #000;
  margin: 0 !important;
  font-size: 16px;
  line-height: 1 !important
}

.bonus-sec .top-three-casinos .d-flex img {
  width: 50px
}

.bonus-sec .top-three-casinos .d-flex .v-out-wrap a {
  font-size: 14px
}

.bonus-sec .top-three-casinos .d-flex .v-out-wrap {
  width: 40%
}

.bonus-sec .top-three-casinos .d-flex div:not(.v-out-wrap) {
  width: 45%;
  font-weight: 500;
  line-height: 1
}

.top-three-casinos .v-out,
.top-three-casinobonus-popup .v-out-wrap {
  width: 100%
}

.top-three-casinos p .bonus {
  font-size: 28px
}

.top-three-popup .bonus-sec span.terms {
  color: #596B77;
  padding-bottom: 20px;
  margin-top: 20px;
  font-size: 10px;
  text-align: left
}

.bonus-popup .bonus-sec>span:first-of-type {
  text-transform: uppercase
}

.bonus-popup .bonus-sec .d-flex p.terms {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .top-three-popup .bonus-sec>span {
    font-size: 20px
  }

  .top-three-popup {
    width: 95%;
    align-items: center;
    padding: 20px 20px 0
  }

  .top-three-popup .bonus-sec {
    width: 100%
  }

  .top-three-casinos .d-flex {
    flex-wrap: wrap;
    max-height: unset
  }

  .bonus-popup.top-three-popup>div.picture-grl span {
    bottom: 21px
  }

  .bonus-sec .top-three-casinos .d-flex .v-out-wrap {
    width: 100%;
    margin: 10px 0
  }

  .bonus-sec .top-three-casinos .d-flex div:not(.v-out-wrap) {
    width: 75%
  }

  .bonus-popup .bonus-sec .d-flex img {
    margin-right: 10px
  }

  html[lang="vi"] .bonus-popup>div.picture-grl span {
    top: -212px
  }
}

@media only screen and (max-width: 400px) {
  .top-three-popup {
    padding: 20px 10px 0
  }
}

.site-links__out.site-links__out.list-r li:first-of-type a {
  position: relative;
  width: 85px;
  height: 32px
}

.site-links__out.site-links__out.list-r li:first-of-type a img {
  position: absolute;
  top: 0;
  left: 0;
  border: 0
}

.blog-nav-v-2 .d-flex.w-80 {
  width: 85%
}

.blog-nav-v-2 .d-flex.w-60 {
  width: 60%
}

.read-more-dots-button.make-p-full-height {
  width: fit-content;
  margin: 0 auto;
  display: block;
  padding: 0 20px
}

.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='/go/wow-vegas-popup/']+p .bonus {
  font-size: 20px
}

.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='/go/mcluck-popup/']+p .bonus {
  font-size: 20px
}

.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='/go/stake-us-popup/']+p .bonus {
  font-size: 20px !important
}

.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='go/stake-us-popup']+p .bonus {
  font-size: 20px !important
}

.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='go/pulsz-casino-popup']+p .bonus {
  font-size: 20px !important
}

.overlay-bonus-popup .bonus-popup .bonus-sec a[href$='go/pulsz-casino-popup/']+p .bonus {
  font-size: 20px !important
}

.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='/go/wow-vegas-popup/']+div .bonus {
  font-size: 14px
}

.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='/go/mcluck-popup/']+div .bonus {
  font-size: 14px
}

.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='/go/stake-us-popup/']+div .bonus {
  font-size: 14px !important
}

.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='go/stake-us-popup']+div .bonus {
  font-size: 14px !important
}

.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='go/pulsz-casino-popup']+div .bonus {
  font-size: 14px !important
}

.overlay-bonus-popup .top-three-popup .bonus-sec a[href$='go/pulsz-casino-popup/']+div .bonus {
  font-size: 14px !important
}

.social-casino .section--customer-care .d-flex {
  flex-wrap: wrap
}

.social-casino .section--customer-care .d-flex .support-text {
  width: 50%
}

.casino-types.m-auto {
  margin: 0 auto
}

@media only screen and (max-width: 820px) {
  .social-casino .section--customer-care .d-flex .support-text {
    width: 100%
  }
}

.author-date-container {
  width: 100%
}

@media only screen and (max-width: 1023px) {
  .author-date-container.flex--container {
    flex-direction: row;
    flex-wrap: wrap
  }

  .lastupdated.mb-2 {
    margin-bottom: 20px
  }
}

.lastupdated {
  font-style: italic;
  margin: 10px 0 0;
  color: #969696;
  font-size: 12px;
  vertical-align: super
}

.breadcrumbs-wrap {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  z-index: 2;
  position: relative;
  margin-top: 10px
}

@media only screen and (max-width: 712px) {
  .breadcrumbs-wrap {
    display: block
  }

  .lastupdated {
    text-align: left;
    width: 100%
  }

  .author-header .lastupdated {
    width: fit-content
  }

  .lastupdated.green-variant {
    width: unset
  }
}

.popup-box.smaller-box {
  width: 110px
}

.review-element .payments .popup-box.smaller-box ul li {
  width: 100%;
  margin-bottom: 5px
}

@media only screen and (max-width: 768px) {
  .social-casino .review-element .payments .popup-box.smaller-box ul.d-flex.all-pays li {
    width: 100%
  }
}

.d-flex.float-right {
  float: right;
  align-items: center
}

@media only screen and (max-width: 500px) {
  .d-flex.float-right {
    float: unset;
    margin-top: 5px
  }
}

.mt-neg-2 {
  margin-top: -20px
}

.user-notifications__bell.alert-js span {
  display: none
}

span.user-notifications__bell.alert-js::after {
  content: '1';
  position: absolute;
  right: -4px;
  top: -4px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  padding-right: 2px;
  background: #4dbca2;
  border-radius: 50%;
  color: #0e1c37;
  font-style: italic;
  font-weight: 700;
  font-size: 10px;
  text-align: center;
  animation: lights 2s infinite
}

@-webkit-keyframes lights {

  0%,
  30% {
    background: #4dbca2
  }

  31%,
  70% {
    background: #d8362f
  }

  71%,
  100% {
    background: #ec6b3a
  }
}

.country-popup div p:has(.geo-brand) .default-brand {
  display: none
}

.country-popup div p:has(.geo-brand) .geo-brand {
  display: none
}

.country-popup div p:has(.geo-brand) .geo-brand:first-of-type {
  display: block
}

#main-header #main-nav-wrap>div.main-width,
#main-header #main-nav-wrap>div.main-width-md {
  display: flex;
  justify-content: space-between
}

.space-between {
  justify-content: space-between
}

#main-nav {
  float: none
}

#navbarNavDropdown {
  display: flex;
  align-items: center
}

@media only screen and (max-width: 1150px) {
  #navbarNavDropdown .menu-item-c {
    display: none
  }
}

@media only screen and (max-width: 1023px) {
  #navbarNavDropdown .menu-item-c {
    display: inline-block
  }
}

.share-platforms {
  display: flex;
  align-items: center
}

.share-platforms span {
  margin-right: 5px
}

#socials-share-news .jssocials-share,
#socials-share-news .jssocials-share:last-child {
  margin-right: 5px
}

#main-nav .user-info a {
  display: inline-block
}

.category-post.clear.review-at .item__v,
.category-post.clear.review-at .post-date {
  display: none
}

.category-post.clear.review-at .featured-image-wrap img {
  padding: 20px;
  border: none;
  border-radius: 0
}

@media only screen and (max-width: 1024px) {
  .title.valign-middle.ml-5 {
    display: none
  }

  .category-post.clear.review-at .featured-image-wrap img {
    height: 180px
  }
}

.body-blog-category--author .category-post__excerpt {
  margin-bottom: 0
}

.body-blog-category--author img {
  box-shadow: none
}

.body-blog-category--author .featured-image-wrap,
.review-at .featured-image-wrap {
  border-radius: 8px;
  overflow: hidden
}

@media only screen and (max-width: 1024px) {
  .body-blog-category--author .category-post__excerpt {
    margin-bottom: 14px
  }
}

.latest-posts.vegas-news {
  display: flex;
  justify-content: space-around
}

.nav-link.new-ico:after {
  content: 'NEW';
  display: block;
  position: absolute;
  right: 6px;
  top: -4px;
  font-size: 8px;
  color: #ec6c3a;
  font-weight: 900
}

@media only screen and (max-width: 1023px) {
  .nav-link.new-ico:after {
    top: 8px;
    right: 10px;
    font-size: 10px
  }
}

.overlay-bonus-popup.bet-awereness .bonus-popup {
  background: #15172E;
  border: 1px solid #777886;
  border-radius: 10px;
  box-shadow: 0 0 30px #FFFFFF80;
  width: 680px;
  padding: 10px 30px 30px
}

.overlay-bonus-popup.bet-awereness .bonus-popup p.txt-orange {
  color: #EC6C3A;
  text-align: center;
  font-size: 17px
}

.overlay-bonus-popup.bet-awereness .cards {
  width: 260px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 40px
}

.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column {
  align-items: flex-start
}

.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column p {
  font-size: 38px;
  font-weight: 700 !important;
  margin: 0;
  line-height: 45px
}

.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column p.small-txt {
  color: #EC6C3A
}

.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column .d-flex {
  justify-content: space-between;
  align-items: center;
  margin-top: 15px
}

.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column a {
  color: #EC6B39 !important;
  font-size: 16px !important
}

.overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column a.button {
  color: #fff !important;
  background-color: #ec6b39;
  border-radius: 6px;
  padding: 10px 25px;
  font-weight: 700;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .overlay-bonus-popup.bet-awereness .bonus-popup .cards {
    display: none
  }

  .overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column {
    align-items: center;
    width: 100%
  }

  .overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column .d-flex {
    flex-direction: column
  }

  .overlay-bonus-popup.bet-awereness .bonus-popup {
    width: 90%
  }

  .overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column p {
    text-align: center
  }

  .overlay-bonus-popup.bet-awereness .bonus-popup .d-flex.dir-column a.button {
    margin-bottom: 25px;
    margin-top: 25px
  }

  .overlay-bonus-popup.bet-awereness .cards {
    height: 80px;
    display: block !important;
    background-position: center;
    margin: 0 !important;
    width: 100%
  }

  .overlay-bonus-popup.bet-awereness .bonus-popup .bonus-sec.d-flex .cards {
    display: none !important
  }

  .overlay-bonus-popup.bet-awereness .bonus-popup p.txt-orange {
    padding: 0 30px
  }
}

.slot-aff-button a:not(:first-of-type) {
  display: none !important
}

.notver-mess .read-more,
.notver-mess span:not(.flags) {
  display: none
}

.v-dot.v-dot--color-d.d-block,
.notver-mess span.d-block {
  display: block !important
}

.notver-mess span.brand-name {
  display: inline-block
}

.user-panel__right>div:not(:first-child):not(.compare-box):not(div:nth-child(1)) {
  display: none
}

.dark-blue-bg .part-1 .d-flex.flex-align-center h3 {
  color: #fff !important;
  margin-left: 20px;
  display: block;
  font-size: 24px !important
}

.brand-table--main .bonus-one {
  display: none
}

#recommended-casinos td:nth-child(2) .curr-list li:not(li.curr-list__us, li.curr-list__chf, li.curr-list__eu, li.curr-list__php, li.curr-list__gb, li.curr-list__vn, li.curr-list__free-sp, li.font-size-small.n-a, li.n-a) {
  display: none
}

#recommended-casinos.us-main-table td:nth-child(2) .curr-list li:not(li.curr-list__us, li.curr-list__chf, li.curr-list__eu, li.curr-list__php, li.curr-list__gb, li.curr-list__vn, li.curr-list__free-sp, li.font-size-small.n-a) {
  display: block
}

#recommended-casinos.us-main-table .bonus-one-parent::before,
#recommended-casinos.us-main-table .bonus-two-parent::before {
  display: none
}

#recommended-casinos.us-main-table.main-social-table td:nth-child(2) .curr-list li:not(li.curr-list__us, li.curr-list__chf, li.curr-list__eu, li.curr-list__php, li.curr-list__gb, li.curr-list__vn, li.curr-list__free-sp, li.font-size-small.n-a) {
  display: block
}

#recommended-casinos.us-main-table td:nth-child(2) .curr-list li .bonus-two {
  display: none
}

#recommended-casinos.us-main-table .brand-table--main .bonus-one {
  display: block !important;
  color: #4dbca2;
  font-weight: 700
}

.us-main-table#recommended-casinos .brand-table--main .curr-list li:first-of-type {
  display: block !important
}

#recommended-casinos.us-main-table tr td:nth-child(2) .curr-list:has(.curr-list__us) li:has(.bonus-one),
#recommended-casinos.us-main-table tr td:nth-child(2) .curr-list:has(.curr-list__us) li:has(.bonus-two),
#recommended-casinos.us-main-table tr td:nth-child(2) .curr-list:has(.curr-list__free-sp) li:has(.bonus-one),
#recommended-casinos.us-main-table tr td:nth-child(2) .curr-list:has(.curr-list__free-sp) li:has(.bonus-two),
.no-deposit-table tr td:nth-child(2) .curr-list:has(.curr-list__us) li:has(.bonus-one),
.no-deposit-table tr td:nth-child(2) .curr-list:has(.curr-list__us) li:has(.bonus-two) {
  display: none !important
}

#recommended-casinos.us-main-table tr td:nth-child(2) .curr-list:empty(.curr-list__us) li.bonus-two-parent {
  display: block !important
}

#recommended-casinos.us-main-table tr td:nth-child(2) .curr-list.list-r:not()::before {
  display: none !important
}

#recommended-casinos.us-main-table.main-social-table td:nth-child(2) .curr-list li.font-style-italic {
  display: none !important
}

@media only screen and (max-width: 500px) {
  .us-main-table .brand-table--main .bonus-two {
    display: none
  }
}

@media only screen and (min-width: 1300px) {
  .d-flex.split-elements>div {
    width: 50%
  }

  .d-flex.split-elements .ver-2 .custom-grid__item-1-5 {
    width: 100%
  }

  .d-flex.split-elements .find-list-all .find-brand {
    width: 45%
  }

  .d-flex.split-elements .find-brand--w-box .find-brand__toggle>div {
    width: 80%
  }
}

@media only screen and (max-width: 1299px) {
  .d-flex.split-elements {
    flex-direction: column
  }
}

@media only screen and (max-width: 785px) {
  .dark-blue-bg .part-1 .d-flex.flex-align-center h3 {
    font-size: 24px !important
  }

  .section--c-live ul.flex--center.flex-three-col li {
    width: 100%
  }
}

.w-60 {
  width: 60%
}

.vegas-news .news-child {
  max-width: 180px;
  text-align: left;
  display: flex;
  flex-direction: column
}

.vegas-news .news-child .type {
  display: none
}

.vegas-news .news-child a,
.featured-container .d-flex.dir-col a {
  text-decoration: none
}

.vegas-news .news-child a img,
.featured-container .d-flex.dir-col img {
  border-radius: 6px
}

.vegas-news .news-child .category,
.featured-container .d-flex.dir-col .category {
  color: #e7522a;
  font: normal normal normal 12px Open Sans
}

.vegas-news .news-child .date {
  color: #fff;
  font: normal normal normal 12px Open Sans;
  font-weight: 600
}

.vegas-news .news-child .author-name {
  color: #fff;
  font: normal normal normal 12px Open Sans;
  font-weight: 600
}

.vegas-news .news-child .author-name a {
  color: #fff
}

.vegas-news .news-child h3 {
  text-align: left;
  font: normal normal bold 14px Open Sans !important;
  margin: 5px 0;
  color: #fff
}

.bet-awareness-button div {
  background: #ef6333;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 19px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  max-width: 370px;
  margin: 0 auto;
  margin-top: 30px
}

.orange-background {
  background: #fed7c7;
  padding: 5px 20px;
  border-radius: 10px;
  padding-bottom: 30px
}

@media only screen and (max-width: 768px) {
  .orange-background {
    padding: 5px 10px;
    padding-bottom: 30px
  }

  .latest-posts.vegas-news {
    flex-direction: column;
    align-items: center
  }

  .vegas-news .news-child {
    text-align: left;
    display: flex;
    max-width: 200px;
    display: flex;
    width: 200px;
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 20px
  }

  .vegas-news .news-child h3 {
    white-space: normal;
    margin-right: 5px
  }

  .vegas-news .news-child .category,
  .featured-container .d-flex.dir-col .category {
    margin-top: 5px
  }
}

.subscribe-form--footer label.custom-input--d {
  color: #fff
}

.bet-awareness-button {
  text-decoration: none !important
}

.flex--center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center
}

.flex--between.list-pin,
.flex--center.list-pin {
  margin-left: 10px
}

.flex--between li,
.flex--center li {
  width: 16%
}

.three-col.flex--between li,
.three-col.flex--center li {
  width: 30%;
  text-align: left
}

.three-col.flex--between.w-25 li,
.three-col.flex--center.w-25 li {
  width: 25%;
  text-align: left
}

ul.flex--center.flex-three-col {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: left;
  justify-content: left
}

ul.flex--center.flex-three-col li {
  width: 30%
}

ul.flex--center.flex-two-col {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: left
}

ul.flex--center.flex-two-col.fix li {
  width: 45%
}

ul.flex--center.flex-two-col.fix li.fix {
  width: 90%
}

.margin-auto {
  margin: 0 auto
}

.important {
  border-radius: 10px;
  background-color: #d8f0e9;
  border: 2px dotted #54a18a;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  margin: 40px 0;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative
}

.important-grey {
  border-radius: 10px;
  background-color: #e5e5e5;
  border-left: 5px solid red;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  margin: 40px 0;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative
}

.color-black {
  color: #000
}

.important-grey p {
  text-align: left
}

.flex-row-reverse {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: center
}

.flex-row-reverse.depwith-list li:not(:first-child),
.flex-row-reverse.list-in--pay li:not(:first-child) {
  margin-right: 6px
}

.embed-container .embed-title {
  font-size: 18px;
  font-weight: 600;
  padding: 4px
}

.embed-container .v-dot {
  min-width: 200px;
  background: #ec6a39;
  border-color: #f3b183;
  color: #fff;
  border-style: solid;
  position: relative
}

.embed-container .v-dot:hover {
  background-color: #ec6a391a;
  border-color: #eeae81;
  color: #f46f3a;
  border: 2px dotted
}

.embed-container .v-dot::after {
  display: none
}

.embed-container .v-dot:hover::after {
  content: '';
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: -2px;
  height: 2px;
  display: block
}

@media only screen and (max-width: 768px) {
  .embed-container .v-dot-wrap {
    text-align: center !important
  }
}

.casino-types:has(.geo-brand-1) tr.default-brand-1 {
  display: none
}

.casino-types:has(.geo-brand-2) tr.default-brand-2 {
  display: none
}

.casino-types:has(.geo-brand-3) tr.default-brand-3 {
  display: none
}

.casino-types:has(.geo-brand-4) tr.default-brand-4 {
  display: none
}

.casino-types:has(.geo-brand-5) tr.default-brand-5 {
  display: none
}

@media only screen and (max-width: 1024px) {
  #main-nav__user-panel {
    margin-right: 70px;
    margin-bottom: 5px
  }

  .bg-light-blue ul.flex--center.flex-three-col li {
    width: 100%;
  }
}

.usa-header #navbarNavDropdown {
  justify-content: end
}

.custom-select-box--country .custom-select-box__option[data-value="CHL"],
.custom-select-box--country .custom-select-box__option[data-value="SOCCAS"],
.custom-select-box--country .custom-select-box__option[data-value="ONT"],
.custom-select-box--country .custom-select-box__option[data-value="NVALL"] {
  display: none
}

.region-page .dark-blue-bg .part-1 .d-flex.dir-column+div {
  width: 45%
}

.region-page .dark-blue-bg .part-1 .d-flex.dir-column {
  width: 55%
}

body.region-page h1 {
  font: normal normal bold 54px / 62px Open Sans !important;
  color: #fff !important
}

@media only screen and (max-width: 639px) {
  body.region-page h1 {
    font: normal normal bold 30px / 45px Open Sans !important;
    text-align: left
  }

  body.region-page h2 {
    text-align: left
  }

  body.region-page p.height-js {
    text-align: left
  }
}

@media only screen and (max-width: 1299px) {
  .region-page .dark-blue-bg .part-1 .d-flex.dir-column {
    width: 100%
  }

  .region-page .dark-blue-bg .part-1 {
    width: 100%
  }

  .region-page .dark-blue-bg .part-1 .d-flex.dir-column+div {
    width: 100%
  }
}

@media only screen and (max-width: 550px) {
  .d-sm-none {
    display: none
  }

  span.d-sm-none-span {
    display: none
  }
}

.references {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding-left: 0 !important
}

.text--center {
  text-align: center
}

.disclosure {
  background: #F2F2F2;
  border-radius: 8px;
  color: #686868;
  padding: 14px 22px;
  margin: 30px auto
}

.disclosure p {
  font-size: 11px;
  margin: 0;
  margin-left: 12px
}

.disclosure-text {
  display: inline;
  margin-left: 12px
}

.disclosure .toggle-text {
  display: none
}

span.disclosure-more {
  display: none
}

span.disclosure-other-part {
  display: inline
}

.flex--start {
  align-items: flex-start !important
}

@media only screen and (max-width: 550px) {
  span.disclosure-more {
    color: #ff5411;
    cursor: pointer;
    font-weight: 700;
    display: inline
  }

  span.disclosure-other-part {
    display: none
  }

  .latest-posts.vegas-news {
    padding: 0;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start
  }

  .vegas-news .news-child {
    width: 40%
  }

  .disclosure {
    align-items: flex-start
  }

  .disclosure img {
    margin-top: 5px
  }

  .disclosure .toggle-text {
    color: #ff5411;
    cursor: pointer;
    font-weight: 700;
    margin-left: 5px;
    display: inline
  }

  .disclosure .hidden-text {
    display: none;
    margin-left: 0
  }

  .spain-page .disclosure {
    padding: 14px
  }

  .disclosure .disclosure-text p:not(.hidden-text) {
    margin-left: 0;
    display: inline
  }
}

@media only screen and (min-width: 551px) {
  .disclosure .disclosure-text p {
    margin-left: 0;
    display: inline !important
  }
}

.float-unset {
  float: unset
}

.custom-grid__item.float-unset {
  margin: 0 auto !important
}

.expert-tip {
  background: #EDEDED 0 0 no-repeat padding-box;
  border-radius: 12px;
  padding: 30px;
  position: relative;
  margin-bottom: 10px
}

.expert-tip.darker-bg {
  background: #e1e1e1 0 0 no-repeat padding-box
}

.expert-tip img {
  border-radius: 50%;
  position: absolute;
  left: 30px;
  top: 30px
}

.expert-tip .post-author__a-name {
  font-weight: 700
}

.expert-tip .d-flex .right .post-author__a {
  font-style: normal !important
}

.expert-tip .d-flex .right .post-author__a strong {
  font-size: 14px
}

.green-star {
  width: 16px;
  min-width: 16px;
  height: 17px;
  margin-right: 5px
}

.editor-quote {
  width: 20px;
  min-width: 20px;
  height: 17px;
  margin-right: 5px;
  margin-top: 2px
}

.provider-insight {
  width: 20px;
  min-width: 20px;
  height: 17px;
  margin-right: 5px;
  margin-top: 2px
}

.verdict-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-top: 2px
}

.expert-tip .d-flex .right .post-author__a {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

.expert-tip .d-flex .right p {
  font-size: 14px
}

.expert-tip .d-flex .right .post-author__a:nth-child(3) {
  font-size: 16px;
  line-height: 24px
}

.expert-tip .d-flex .left {
  margin-right: 0
}

@media only screen and (max-width: 1024px) {
  .expert-tip .d-flex .right .post-author__a:nth-child(3) {
    display: block;
    text-align: left
  }

  .expert-tip .d-flex .right>div:not(.post-author__i) {
    width: 80%;
    margin-left: 100px
  }

  .expert-tip img {
    width: 65px;
    left: 30px;
    top: 55px
  }
}

@media only screen and (max-width: 425px) {
  .expert-tip {
    padding: 20px;
    padding-top: 0;
    padding-bottom: 10px
  }

  .expert-tip img {
    left: 30px;
    top: 25px
  }

  .expert-tip .d-flex .right>div:not(.post-author__i) {
    margin-left: 100px;
    width: 65%
  }
}

.flags-container .container {
  border-radius: 10px;
  background-color: #E1E1E1;
  padding: 30px;
  color: #000;
  align-items: center;
  visibility: visible
}

.flags-container .d-flex span {
  color: #0E7A7A;
  font-weight: 700
}

.flags-container .d-flex img {
  margin-right: 30px
}

@media only screen and (max-width: 768px) {
  .flags-container .d-flex {
    flex-direction: column;
    align-items: center
  }

  .flags-container .d-flex img {
    margin-right: 0
  }
}

.hide-on-mobile {
  display: block
}

.brand-wrap.display-on-mobile {
  display: none
}

@media only screen and (max-width: 639px) {
  .site-links__out>li.title.text-align-left {
    width: 100%;
  }

  .el-of-month__info>div:last-child {
    margin-top: 35px
  }

  .hide-on-mobile,
  span.hide-on-mobile {
    display: none
  }

  .brand-wrap.display-on-mobile {
    display: block
  }

  .el-of-month-box .read-r-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative
  }

  .el-of-month-box .brand-wrap.display-on-mobile {
    left: 0;
    bottom: -5px;
    top: unset
  }

  .el-of-month__info .v-dot {
    margin-right: 0
  }

  .slider__el-of-month .slick-dots {
    top: 5% !important
  }
}

.css-slider .grey-box {
  width: 25%
}

.css-slider .grey-box ul {
  padding-left: 10px
}

.css-slider>.d-flex:not(.grey-box) {
  justify-content: space-between
}

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

  .redesign-country .brand-table--t2.payment-table th:nth-child(4),
  .redesign-country .brand-table--t2.payment-table td:nth-child(4) {
    display: none
  }

  .redesign-country .gambling-in-your-state .brand-table--t2.payment-table th:nth-child(3),
  .redesign-country .gambling-in-your-state .brand-table--t2.payment-table td:nth-child(3) {
    display: none
  }

  .redesign-country .gambling-in-your-state .brand-table--t2.payment-table th:nth-child(4),
  .redesign-country .gambling-in-your-state .brand-table--t2.payment-table td:nth-child(4) {
    display: table-cell
  }

  .country-drop .flags {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 10px
  }

  #main-nav .nav-item--payments li a,
  #main-nav .nav-item--guides li a,
  #main-nav .nav-item--regulation li a {
    display: flex;
    align-items: center;
    padding: 10px 4px 15px
  }

  .nav-item--payments li a span {
    width: 50px;
    height: 50px
  }

  .css-slider {
    overflow: hidden;
    overflow-x: scroll
  }

  .css-slider>.d-flex:not(.grey-box) {
    overflow: hidden;
    overflow-x: scroll;
    width: max-content;
    padding-bottom: 10px
  }

  .css-slider .grey-box {
    width: 50% !important
  }

  .css-slider .grey-box:not(:last-of-type) {
    margin-right: 20px
  }
}

.payment-icons {
  width: 40px;
  height: 20px;
  vertical-align: bottom;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin-right: 10px
}

.guide-icons {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin-right: 10px
}

.grey-boxes ul {
  padding-left: 10px
}

.slider__cas-of-month .cas-of-month:not(:first-of-type) {
  display: none
}

#main-nav__list.primary {
  z-index: 100
}

@media only screen and (min-width: 1024px) and (max-width: 1600px) {
  #navbarNavDropdown span.nav-link {
    padding: 0 15px
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  #navbarNavDropdown #main-nav__list.primary {
    width: 100%
  }
}

@media only screen and (min-width: 1061px) and (max-width: 1598px) {
  #main-nav__list.primary .nav-item--full .nav-item--dropdown-content {
    top: 95px !important
  }
}

@media only screen and (max-width: 1023px) {
  .body-blog--index ul#main-nav__list {
    flex-direction: column;
  }

  .body-blog--index #main-nav-wrap {
    height: 69px;
  }

  .casino-reviews--icon {
    height: 32px;
    width: 30px !important;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px
  }

  .casino-reviews--icon+.nav-link {
    margin-left: 46px
  }

  #main-nav__list li.active>.nav-item--dropdown-content.social-dropdown li span img {
    width: 50px;
    height: 50px
  }
}

.dark-blue-bg .read-more-dots-button.d-block {
  width: fit-content;
  border: none;
  background: none;
  display: flex
}

.rating-bar__val.d-none {
  display: none
}

.dark-blue-bg .dark-preview-btn a {
  max-width: 300px;
  width: 100% !important;
  padding: 8px 50px !important
}

@media only screen and (min-width: 1300px) {
  .dark-blue-bg .dark-preview-btn a:first-child {
    margin-right: 10px
  }
}

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

  .body-country #main-header+main .blog-nav-v-2 span.relative,
  .body-country #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon,
  .new-redesign #main-header+main .blog-nav-v-2 span.relative,
  .new-redesign #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon {
    cursor: pointer
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown {
    flex-direction: column;
    align-items: center
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown li:not(li:first-of-type),
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown li:not(li:first-of-type) {
    display: none
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown li:first-of-type,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown li:first-of-type {
    width: 140px;
    text-align: center
  }

  .body-country #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon,
  .new-redesign #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon {
    transform: translate(0, -50%) rotate(135deg);
    right: -20px;
    top: 30%
  }

  .body-country #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon.up,
  .new-redesign #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon.up {
    top: 60%;
    transform: translate(0, -50%) rotate(315deg)
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown li,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown li {
    padding: 10px 15px
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown {
    max-height: unset
  }

  .body-country #main-header+main .blog-nav-v-2 span.relative,
  .new-redesign #main-header+main .blog-nav-v-2 span.relative {
    width: 100%
  }

  .blog-nav-v-2 ul.nav-dropdown li:hover a::after,
  .blog-nav-v-2 ul.nav-dropdown li.active a::after {
    content: '';
    position: absolute;
    display: block;
    height: 3px;
    width: 100%;
    bottom: -7px;
    left: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: orange
  }

  .blog-nav-v-2 span.relative,
  span.arrow-down-dropdown-icon {
    cursor: pointer
  }

  .blog-nav-v-2 ul.nav-dropdown {
    flex-direction: column;
    align-items: center
  }

  .blog-nav-v-2 ul.nav-dropdown li:not(li:first-of-type) {
    display: none
  }

  .blog-nav-v-2 ul.nav-dropdown li:first-of-type {
    width: 140px;
    text-align: center
  }

  span.arrow-down-dropdown-icon {
    transform: translate(0, -50%) rotate(135deg) !important;
    right: -20px !important;
    top: 30% !important
  }

  span.arrow-down-dropdown-icon.up {
    top: 60% !important;
    transform: translate(0, -50%) rotate(315deg) !important
  }

  .blog-nav-v-2 {
    width: 103%;
    margin-left: -1.5%
  }

  .blog-nav-v-2 ul.nav-dropdown li {
    padding: 10px 15px
  }

  .blog-nav-v-2 ul.nav-dropdown {
    max-height: unset
  }

  .blog-nav-v-2 span.relative {
    width: 100%;
    position: relative
  }
}

@media only screen and (max-width: 550px) {
  span.arrow-down-dropdown-icon {
    right: 0 !important
  }
}

div.blog-nav-v-2 {
  background-color: #127A7A
}

.blog-nav-v-2 ul.nav-dropdown li a,
.blog-nav-v-2 span.relative {
  width: max-content
}

span.arrow-down-dropdown-icon {
  content: "";
  display: inline-block;
  width: .9em;
  height: .9em;
  border-right: .2em solid #134c58;
  border-top: .2em solid #134c58;
  right: -15px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  opacity: .7
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
  .blog-nav-v-2 ul.nav-dropdown {
    overflow: scroll;
    align-items: center
  }

  .blog-nav-v-2 ul.nav-dropdown li {
    margin-right: 20px
  }
}

div.section-box.bg-black {
  width: unset;
  background-color: #123346;
  border-radius: unset;
  color: #fff
}

.bg-w-shadow {
  background: #fff;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 12px;
  padding: 35px 40px 40px
}

.bg-w-shadow p {
  text-align: left
}

.casino-games-types.green-boxes .type {
  background: #e2f4ef;
  min-height: 430px;
  height: auto;
  display: flex !important
}

.thailand-page .casino-games-types.green-boxes .type {
  min-height: auto;
}

.casino-games-types.green-boxes .type:not(:last-child) {
  margin-right: 20px
}

.casino-games-types.green-boxes .type p,
.casino-games-types.green-boxes .type span,
.casino-games-types.green-boxes .type h3 {
  color: #123347;
  text-align: left
}

.casino-games-types.green-boxes .type h3 {
  font-size: 18px !important;
  font-weight: 700
}

.casino-games-types .type p {
  font-size: 14px;
  margin-bottom: auto
}

.mr-2 {
  margin-right: 20px !important
}

@media only screen and (max-width: 1299px) {
  .casino-games-types {
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 10px
  }

  .casino-games-types .type {
    margin-right: 20px;
    min-width: 270px
  }

  .casino-games-types.green-boxes .type {
    width: 95% !important;
    margin: 0 auto 25px !important;
    min-width: unset !important;
    min-height: fit-content
  }

  .casino-games-types.green-boxes {
    overflow: unset;
    overflow-x: unset;
    padding-bottom: unset;
    flex-wrap: wrap
  }

  .bg-w-shadow:has(.green-boxes) {
    padding: 27px 23px
  }
}

.compare-table-country tr th:nth-child(1) {
  width: 260px
}

.compare-table-country tr td .v-out:not(.not-available)::after {
  display: none
}

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

  .compare-table-country thead tr th:nth-child(6),
  .compare-table-country tbody tr td:nth-child(6) {
    display: none
  }
}

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

  .compare-table-country thead tr th:nth-child(7),
  .compare-table-country tbody tr td:nth-child(7) {
    display: none
  }
}

.new-grey-table .table-foot--brand-table .terms--brand-table {
  color: #000
}

.category-group--vis>.related-post:not(:first-child) {
  overflow: hidden
}

.related-posts--default .related-post__excerpt {
  padding: 10px 18px 6px
}

@media only screen and (max-width: 1299px) and (min-width: 640px) {
  .category-group--vis>.related-post:not(:first-child) {
    height: 170px
  }
}

.body-review--casino header#main-header.header-dark-bg {
  background: #111b36 !important;
  color: #fff
}

.body-review--casino header#main-header.header-dark-bg #main-nav__list a {
  color: #fff
}

.body-review--casino header#main-header.header-dark-bg input[type="text"].form-search-input:focus {
  color: #fff !important
}

.new-grey-table[data-country="US"][data-region="WA"],
.new-grey-table[data-country="US"][data-region="ID"],
.new-grey-table[data-country="US"][data-region="NV"],
.table-wrap[data-country="US"][data-region="WA"],
.table-wrap[data-country="US"][data-region="ID"],
.table-wrap[data-country="US"][data-region="NV"],
.social-casinos-backup-js[data-country-id="US"][data-region="WA"],
.social-casinos-backup-js[data-country-id="US"][data-region="ID"],
.social-casinos-backup-js[data-country-id="US"][data-region="NV"],
.container--liv[data-country="US"][data-region="WA"],
.container--liv[data-country="US"][data-region="ID"],
.container--liv[data-country="US"][data-region="NV"],
#recommended-casinos[data-country="US"][data-region="WA"],
#recommended-casinos[data-country="US"][data-region="ID"],
#recommended-casinos[data-country="US"][data-region="NV"],
.slider__cas-of-month[data-country="US"][data-region="WA"],
.slider__cas-of-month[data-country="US"][data-region="ID"],
.slider__cas-of-month[data-country="US"][data-region="NV"],
.show-only-one-brand-js[data-country="US"][data-region="WA"],
.show-only-one-brand-js[data-country="US"][data-region="ID"],
.show-only-one-brand-js[data-country="US"][data-region="NV"],
.menu-v2[data-country="US"][data-region="NV"] .sweep-casinos,
.menu-v2[data-country="US"][data-region="WA"] .sweep-casinos,
.menu-v2[data-country="US"][data-region="ID"] .sweep-casinos,
.top-three-casinos-element[data-country="US"][data-region="WA"],
.top-three-casinos-element[data-country="US"][data-region="ID"],
.top-three-casinos-element[data-country="US"][data-region="NV"],
h2[data-country="US"][data-region="WA"],
h2[data-country="US"][data-region="ID"],
h2[data-country="US"][data-region="NV"] {
  display: none !important
}

.body-review--provider .main-social-table .bonus-one-parent,
.body-review--provider .main-social-table .bonus-two-parent::before,
.body-review--provider .table-wrap--t2.main-social-table .rating-bar,
.body-review--provider .table-wrap--t2.main-social-table .rating-num-of {
  display: none
}

.slider__cas-of-month.USA-social-casino {
  height: auto
}

a.green-link {
  border: 1px solid #4DBEA3;
  color: #4DBEA3 !important;
  background: transparent
}

.green-link::after {
  display: none
}

a.green-link:hover {
  color: #fff !important;
  background: transparent;
  border: 1px solid #fff
}

#main-footer .nav-item--dropdown-content.d-flex li {
  margin-bottom: 0
}

.footer-top,
.footer-middle {
  border-bottom: 1px solid #394460;
  padding-bottom: 20px;
  margin-bottom: 30px
}

.footer-top {
  justify-content: space-between;
  align-items: center
}

.footer-middle {
  display: flex;
  padding-bottom: 30px;
  justify-content: space-between
}

#main-footer .footer-top .title,
#main-footer .title {
  font: normal normal bold 16px Open Sans;
  color: #55CCAC;
  font-weight: 700
}

footer .site-about-wrap,
footer .subscribe-form-wrap {
  float: none
}

footer .site-about-wrap {
  width: -webkit-fill-available
}

footer .subscribe-form-wrap {
  max-width: 410px
}

.footer-middle ul li {
  text-transform: none
}

#main-footer .footer-middle ul li a {
  font: normal normal 400 15px Open Sans
}

footer .site-links {
  display: flex;
  justify-content: space-between;
  column-gap: 5%
}

footer .site-links__in.list-r.d-flex li {
  margin-bottom: 10px
}

#newsletter-footer-form p {
  font-size: 11px
}

footer#main-footer form h3 {
  font-size: 16px !important
}

footer .site-links__out {
  display: flex;
  justify-content: space-between;
  align-items: center
}

footer .subscribe-form--footer {
  width: 410px
}

footer .subscribe-form--footer label.custom-input--d {
  color: #7C8185;
  margin: 15px 0;
  font-size: 13px
}

footer input.subscribe-form__submit {
  background-color: #EC6A3A;
  border-radius: 6px;
  color: #fff;
  font-style: normal
}

footer input.subscribe-form__submit:hover {
  background-color: #e94100
}

footer .site-links__in.list-r.d-flex {
  justify-content: flex-start
}

.footer-bottom {
  padding-bottom: 30px;
  border-bottom: 1px solid #394460;
  margin-bottom: 30px
}

footer .site-links__out .ncpg-ico,
footer .site-links__out .hfpg-ico {
  filter: grayscale(0.1) contrast(.1)
}

footer .follow-us__list>li>a {
  width: 33px;
  height: 33px
}

.featured-icons {
  align-items: center;
  justify-content: unset !important
}

footer .site-disclosure,
footer .site-copyright {
  text-align: left
}

footer .site-about {
  margin-bottom: 20px
}

footer .site-links__in a:hover {
  text-decoration: underline
}

@media only screen and (min-width: 1300px) {
  .site-links__in.list-r.d-flex {
    max-height: unset
  }

  .site-about-wrap {
    margin-right: 100px
  }

  .site-links__in.list-r.d-flex {
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0;
    justify-content: space-between
  }

  .site-links__in.list-r.d-flex li {
    margin-right: 0;
    width: fit-content
  }

  footer .site-links,
  footer .site-links>ul {
    float: none
  }
}

@media only screen and (max-width: 1299px) and (min-width: 800px) {
  footer .site-links__in {
    margin-top: 0
  }

  footer .site-links__in.list-r.d-flex li {
    width: 100%
  }
}

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

  .footer-middle,
  .site-links__in.list-r.d-flex {
    flex-direction: column
  }

  footer .subscribe-form-wrap {
    margin: 40px auto 0
  }

  footer .site-links {
    flex-wrap: wrap
  }

  footer .site-links__out {
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 768px) {
  footer .site-links__in.list-r.d-flex {
    align-items: flex-start;
    margin: 24px 0
  }

  footer .find-brand-answer {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  footer .find-brand-searching {
    text-align: center
  }

  footer.featured-icons img,
  footer .featured-icons p {
    margin-right: 30px
  }

  footer .featured-icons img {
    margin-bottom: 5px;
    margin-top: 5px
  }

  footer .featured-icons p {
    min-width: 102px
  }

  .body-home .title-wrap .flex--between div img {
    margin: 0 10px 0 0
  }

  .body-home .title-wrap .flex--between div {
    overflow: hidden;
    width: max-content;
    overflow-x: scroll;
    max-width: fit-content;
    padding-bottom: 5px
  }

  #main-footer .nav-item--dropdown-content.d-flex li {
    width: 100%;
    margin-bottom: 10px
  }

  #main-footer p.title {
    text-align: left;
    width: 100%
  }

  footer .follow-us--footer>.follow-us__list {
    display: block;
    margin-bottom: 20px
  }
}

@media only screen and (min-width: 640px) {
  footer .subscribe-form__input-wrap {
    width: 100%
  }
}

@media only screen and (max-width: 600px) {
  .footer-top {
    flex-direction: column;
    align-items: flex-start
  }

  footer .subscribe-form__submit {
    position: unset;
    width: 100%;
    margin-top: 15px;
    padding-top: 11px;
    padding-bottom: 11px
  }

  footer input.subscribe-form__email,
  footer .subscribe-form--footer {
    width: 100%
  }

  footer input.subscribe-form__email {
    padding: 11px 12px
  }

  #main-footer .footer-middle ul li a {
    font-size: 14px
  }

  #main-footer p.title {
    margin-top: 40px
  }

  .footer-top {
    margin-bottom: 0;
    border: none
  }

  footer .subscribe-form-wrap,
  #main-footer .footer-bottom p.title {
    margin-top: 0
  }

  #main-footer .footer-bottom p.title {
    text-align: left !important
  }

  footer input.subscribe-form__submit {
    padding: 11px 30px
  }

  footer .site-links {
    column-gap: unset;
    justify-content: space-between
  }
}

@media only screen and (max-width: 425px) {
  footer .site-links__in.list-r.d-flex {
    width: 45%
  }

  footer .site-links__in.list-r.d-flex:nth-child(3) {
    margin-top: 0
  }
}

.sweepstakes .top-three-casinos-element[data-country="US"] .second-rated-casino .v-out-wrap .not-available,
.sweepstakes .top-three-casinos-element[data-country="US"] .top-rated-casino .v-out-wrap .not-available,
.sweepstakes .top-three-casinos-element[data-country="US"] .third-rated-casino .v-out-wrap .not-available {
  display: none !important
}

.sweepstakes .top-three-casinos-element .second-rated-casino .v-out-wrap .v-out:not(.not-available),
.sweepstakes .top-three-casinos-element .top-rated-casino .v-out-wrap .v-out:not(.not-available),
.sweepstakes .top-three-casinos-element .third-rated-casino .v-out-wrap .v-out:not(.not-available) {
  display: none
}

.sweepstakes .top-three-casinos-element[data-country="US"] .second-rated-casino .v-out-wrap .v-out:not(.not-available),
.sweepstakes .top-three-casinos-element[data-country="US"] .top-rated-casino .v-out-wrap .v-out:not(.not-available),
.sweepstakes .top-three-casinos-element[data-country="US"] .third-rated-casino .v-out-wrap .v-out:not(.not-available) {
  display: inline-block !important
}

.sweepstakes .new-grey-table[data-country="US"] .v-out-wrap .not-available {
  display: none !important
}

.sweepstakes .new-grey-table .v-out-wrap .v-out:not(.not-available) {
  display: none
}

.sweepstakes .new-grey-table[data-country="US"] .v-out-wrap .v-out:not(.not-available) {
  display: inline-block !important
}

.faq-box h3 {
  text-align: left;
  color: #4dbca2;
  font-style: italic;
  font-size: 19px !important
}

.faq-box .d-flex {
  align-items: center
}

.slot-games-info {
  background-color: #EDEDED;
  border-radius: 12px;
  padding: 25px 30px 30px;
  margin-bottom: 20px
}

.slot-games-info img {
  margin-right: 20px
}

.slot-games-info .bg-w {
  border-radius: 12px;
  margin-top: 20px
}

.editor-wrapper {
  justify-content: space-between
}

.editor-insight {
  background: #202B45;
  border-radius: 12px;
  margin: 30px 0;
  padding: 20px;
  font-size: 14px
}

.editor-wrapper .editor-insight {
  width: 49%;
  margin-top: 0;
  margin-bottom: 0
}

.provider-info.v-2 .editor-wrapper .editor-insight p {
  font: normal normal italic 14px/18px Open Sans;
  padding: 0
}

.editor-wrapper .editor-insight p strong {
  font-style: normal
}

.editor-insight span {
  font-weight: 700
}

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

  .long-version .custom-grid--c-general-info,
  .editor-wrapper {
    flex-direction: column
  }

  .editor-wrapper .editor-insight {
    width: 100%
  }

  .editor-wrapper .editor-insight {
    margin-bottom: 20px
  }
}

.list-pin.v-2 li {
  position: relative
}

.list-pin.v-2 li::before {
  content: '';
  display: inline-block;
  height: 18px;
  width: 18px;
  position: absolute;
  left: -30px;
  top: 4px;
  background: none;
  background-image: url(/images/svg-sprite-bg.svg#ico-yes);
  background-repeat: no-repeat
}

table.bg-black {
  background: #101C36;
  border-radius: 10px;
  padding: 8px
}

table.bg-black th {
  color: #fff;
  position: relative
}

table.bg-black tr td {
  padding-top: 15px;
  padding-bottom: 15px
}

table.bg-black tr td:first-child {
  border-top-left-radius: 10px
}

table.bg-black tr td:last-child {
  border-top-right-radius: 10px
}

table.bg-black th:not(:last-of-type)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, #100000 0, #4dbba1ff 50%, #4dbba1ff 82%, #4dbba1ff 82%, #100000 100%)
}

table.bg-black:not(.blackjack-compare) th:nth-child(1) {
  width: 10% !important
}

table.bg-black td:nth-child(2) {
  font-weight: 700;
  text-align: left;
  padding-left: 30px
}

.v-dot--o {
  border: 1px solid #4DBEA3;
  border-radius: 8px;
  background: transparent;
  color: #4DBEA3 !important;
  display: flex;
  align-items: center;
  justify-content: center
}

.v-dot--o:not(.make-p-full-height):hover {
  border: 1px solid #FFF;
  background: transparent;
  color: #fff !important
}

table.bg-black .v-out {
  padding: 10px 50px
}

table.bg-black .v-out:not(.not-available)::after {
  display: none
}

.dark-blue-bg:not(.top-brand-element) a.v-out {
  width: 50%
}

.dark-blue-bg a.v-out::after {
  display: none
}

@media only screen and (max-width: 1199px) {
  #main-header {
    padding-right: 0 !important;
    padding-left: 0 !important
  }
}

@media only screen and (max-width: 850px) {
  table.bg-black tbody td:not(:last-child):after {
    display: block
  }

  table.bg-black.blackjack-compare tbody td:not(:last-child):after {
    display: none
  }

  table.bg-black td:nth-child(2) {
    padding-left: 5px
  }
}

.header-boxes>div a img {
  height: 35px
}

@media only screen and (max-width: 768px) {
  .header-boxes {
    flex-wrap: wrap
  }

  .header-boxes div {
    margin-bottom: 7px
  }

  table.bg-black .v-out {
    padding: 10px 20px;
    font-size: 14px
  }

  table.bg-black td:nth-child(1),
  table.bg-black td:nth-child(2),
  table.bg-black td:nth-child(3) {
    font-size: 16px
  }

  table.bg-black th:nth-child(1) {
    width: 13% !important
  }

  table.bg-black th:nth-child(2) {
    width: 40%
  }
}

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

  header .header-boxes div,
  .header-boxes>div:not(:last-of-type) {
    width: 160px;
    height: auto;
    padding: 14px;
    margin: 10px;
    margin-right: 7px !important;
    padding-top: 12px
  }

  header .header-boxes>div a {
    flex-direction: row;
    justify-content: flex-start;
    height: 100%;
    width: 100%
  }

  header .d-flex.header-boxes>div a span {
    font-size: 13px !important;
    padding: 0 10px;
    width: -webkit-fill-available;
    margin-top: 0;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 425px) {
  header .d-flex.header-boxes>div a span {
    padding: 0;
    padding-left: 10px;
    padding-right: 10px
  }

  table.bg-black th:nth-child(2) {
    width: 35%
  }
}

.delaware .new-grey-table .accepted,
.delaware .top-three-casinos-element .accepted,
.delaware .dark-blue-bg .accepted {
  display: none !important
}

.delaware .new-grey-table .not-accepted,
.delaware .top-three-casinos-element .not-accepted,
.delaware .dark-blue-bg .not-accepted {
  display: inline-block !important
}

.delaware .new-grey-table[data-country="US"][data-region="DE"] .accepted,
.delaware .top-three-casinos-element[data-country="US"][data-region="DE"] .accepted,
.delaware .dark-blue-bg[data-country="US"][data-region="DE"] .accepted {
  display: inline-block !important
}

.delaware .new-grey-table[data-country="US"][data-region="DE"] .not-accepted,
.delaware .top-three-casinos-element[data-country="US"][data-region="DE"] .not-accepted,
.delaware .dark-blue-bg[data-country="US"][data-region="DE"] .not-accepted {
  display: none !important
}

.dark-blue-bg.casinos-type .table-wrapper {
  background: #26334D 0 0 no-repeat padding-box;
  border-radius: 10px;
  padding: 10px
}

.dark-blue-bg.top-brand-element .bg-w {
  background: #F6F6F6 0 0 no-repeat padding-box
}

.dark-blue-bg.casinos-type p {
  font-style: normal
}

.dark-blue-bg.casinos-type .table-wrapper table {
  margin-top: 0
}

.dark-blue-bg.casinos-type .table-wrapper table tr {
  background: #101C36
}

.dark-blue-bg.casinos-type .table-wrapper table td {
  background: #101C36;
  color: #fff;
  text-align: left;
  padding: 8px;
  font: normal normal normal 16px / 25px Open Sans
}

.dark-blue-bg.casinos-type .table-wrapper table tbody td:not(:last-child):after {
  background: transparent linear-gradient(0deg, #101C36 0%, #43577B 50%, #101C36 100%) 0 0 no-repeat padding-box
}

.dark-blue-bg.casinos-type .table-wrapper table tr:first-of-type td {
  border-radius: 0 8px 8px 0
}

.dark-blue-bg.casinos-type .table-wrapper table tr:first-of-type td:first-of-type {
  border-radius: 8px 0 0 8px
}

.dark-blue-bg.casinos-type .table-wrapper table tr td {
  border-radius: 0 0 8px 0
}

.dark-blue-bg.casinos-type .table-wrapper table tr td:first-of-type {
  border-radius: 0 0 0 8px
}

.dark-blue-bg.casinos-type .table-wrapper table td a,
.dark-blue-bg.casinos-type .table-wrapper table td span {
  color: #55CCAC;
  text-decoration: underline
}

.dark-blue-bg.casinos-type:not(.top-brand-element) .v-out-wrap {
  width: 70%
}

.dark-blue-bg.casinos-type:not(.top-brand-element) a.v-out {
  width: 100%;
  box-shadow: 0 1px 3px #00000080;
  border-radius: 8px
}

.dark-blue-bg.casinos-type ul li::before,
.dark-blue-bg.top-brand-element ul li::before {
  display: none
}

.dark-blue-bg.casinos-type h4 {
  font: normal normal bold 20px/24px Open Sans !important
}

@media only screen and (max-width: 1299px) {
  .dark-blue-bg.casinos-type .dark-blue-bg.top-brand-element {
    width: 100%
  }

  .dark-blue-bg.casinos-type h4 {
    width: 100%
  }
}

@media only screen and (max-width: 850px) {
  .dark-blue-bg.casinos-type .table-wrapper table tbody td:not(:last-child):after {
    display: block
  }
}

@media only screen and (max-width: 768px) {
  .dark-blue-bg.casinos-type:not(.top-brand-element) .v-out-wrap {
    width: 80%
  }

  .ontario .casino-types:first-of-type tr td:nth-child(2) {
    font-size: 14px;
    line-height: 1.5
  }
}

table.bg-black.three-columns:not(.blackjack-compare) th {
  width: 33% !important
}

table.bg-black.three-columns td {
  text-align: center;
  font-weight: 500
}

table.bg-black.three-columns td:nth-child(1) {
  font-weight: 700;
  text-align: left;
  padding-left: 20px
}

@media only screen and (max-width: 425px) {
  .dark-blue-bg.casinos-type .table-wrapper table tr td:first-of-type {
    width: 40%;
    vertical-align: baseline
  }

  .dark-blue-bg.top-brand-element .curr-list:not(.bg-blank) {
    border: none;
    background: none
  }

  .dark-blue-bg.casinos-type .table-wrapper table td {
    font-size: 14px
  }

  table.bg-black.three-columns td:nth-child(1) {
    padding-left: 4px;
    text-align: center
  }
}

.live-dealer-page-js .diff-bonuses.black-bg img {
  min-width: 76px
}

.dark-blue-bg .v-dot:not(.read-more-dots-button) {
  padding: 12px !important;
  width: 45% !important
}

.dark-blue-bg .v-dot:first-of-type {
  margin-right: 15px !important
}

.dark-blue-bg .d-flex.w-100 {
  margin-top: 15px !important
}

.grey-img {
  filter: grayscale(0.1) contrast(.1)
}

.grey-img-2 {
  filter: grayscale(1) contrast(.4)
}

.text-ident-unset {
  text-indent: unset !important
}

footer .site-links__out.site-links__out.list-r.gpwa li:nth-child(2) a img {
  filter: grayscale(0.1) contrast(.1);
  height: 35px;
  width: fit-content
}

#scene-cas-live,
#scene-prov-roulette,
#scene-prov-blackjack,
#scene-prov-other-games {
  display: none
}

.d-flex-reverse {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap
}

.min-height-auto {
  min-height: auto !important
}

.space-evenly {
  justify-content: space-evenly;
}

.acerank .grey-bg:not(.diff-bonuses) {
  background: #EDEDED
}

.pro-cons-main.long-version .custom-grid--c-general-info {
  justify-content: start;
  flex-wrap: nowrap;
}

.acerank-table div {
  width: 40%;
}

.acerank-table div.dir-column {
  width: 60%;
  align-items: flex-end;
}

.acerank-table h2 {
  font-size: 30px !important;
  text-align: left;
}

.acerank-table img:first-of-type {
  margin-right: 50px;
}

.acerank .title-wrap .flex--between img {
  filter: grayscale(.1) contrast(.1);
  margin: auto 7px;
}

.acerank .title-wrap .flex--between p {
  font: 16px CustomFont, 'Semibold Italic';
  font-style: italic;
  margin-right: 10px;
}

.acerank .title-wrap.d-flex>div {
  width: 65%;
}

.acerank .title-wrap.d-flex>img {
  width: 35%;
  right: -50px;
  top: 5%;
  position: absolute;
}

.acerank .title-wrap .flex--between div {
  display: flex;
}

.acerank .bg-w {
  border-radius: 10px;
}

.acerank .bg-w ul {
  padding-left: 0;
  width: 50%;
}

.acerank .bg-w ul li {
  width: 100%;
  position: relative;
  padding-left: 30px;
  font-size: 14px;
}

.acerank .bg-w ul:first-of-type li {
  width: 90%;
}

.acerank .bg-w .c-num {
  color: white;
  position: absolute;
  left: 0;
}

@media only screen and (max-width: 1300px) {
  .acerank .title-wrap.d-flex>div {
    width: 100%;
  }

  .acerank .featured-icons {
    flex-wrap: nowrap;
  }

  .acerank .title-wrap.d-flex {
    overflow: unset;
  }
}

@media only screen and (max-width: 1024px) {
  .acerank .title-wrap.d-flex>img {
    right: -65px;
    top: unset;
    bottom: -20px
  }

  .acerank .diff-bonuses.grey-bg .d-flex.mb-1 {
    height: unset
  }
}

.acerank .diff-bonuses.grey-bg .d-flex.mb-1 span {
  font-size: 18px;
}

.acerank .grey-bg .d-flex.w-100 {
  margin-right: 30px;
  display: block !important;
  min-width: 90px;
  width: fit-content !important;
  position: relative;
}

.acerank .arrow-link--down,
.accordion .arrow-link--down {
  background: none;
  border: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.acerank .arrow-link--down::before,
.accordion .arrow-link--down::before {
  border: solid #007575;
  border-width: 0 2px 2px 0;
  padding: 8px;
  transform: rotate(45deg);
  cursor: pointer;
  transition: transform .2s ease;
  background: none;
  left: 0;
  top: 0;
}

.acerank .arrow-link--down.active::before {
  top: 10px;
  transform: rotate(225deg);
}

@media only screen and (max-width: 785px) {
  .acerank .title-wrap .flex--between p {
    width: -webkit-fill-available;
  }

  .acerank .title-wrap.d-flex>div {
    width: 100%;
  }

  .acerank .title-wrap .flex--between div {
    overflow: hidden;
    width: max-content;
    overflow-x: scroll;
    max-width: fit-content;
    padding-bottom: 5px;
  }

  .acerank .title-wrap .flex--between div img {
    margin: 10px 7px;
  }

  .acerank .title-wrap .flex--between div img:first-of-type {
    margin-left: 0;
  }

  .acerank .title-wrap.d-flex>img {
    width: 30%;
    bottom: 120px;
    transform: rotate(10deg) scale(2);
    opacity: .2;
  }

  .acerank-table {
    flex-direction: column;
  }

  .acerank-table img {
    display: none;
  }

  .acerank-table div {
    width: 100%;
  }

  .acerank-table .d-on-mobile {
    display: block;
  }

  .acerank-table .d-on-mobile[alt="AceRank™ logo"] {
    width: 196px;
  }

  .acerank .diff-bonuses.grey-bg .d-flex.mb-1 {
    flex-direction: column;
    height: fit-content;
    padding: 16px 20px;
  }

  .acerank .title-wrap.d-flex {
    overflow: hidden;
    position: relative;
  }

  .acerank .bg-pink .bg-w .d-flex {
    flex-direction: column;
  }

  .acerank .bg-w ul {
    padding-left: 0;
    width: 100%;
  }

  .acerank .bg-w ul:first-of-type li {
    width: 100%;
  }
}

.acerank .grey-bg .d-flex.w-100 span {
  display: none;
}

@media only screen and (max-width: 425px) {
  .acerank .grey-bg .d-flex.w-100 {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    margin-right: 0;
  }

  .acerank .grey-bg .d-flex.w-100 img {
    width: 47px;
    margin-bottom: 0 !important;
    margin-right: 15px !important;
  }

  .acerank .grey-bg .d-flex.w-100+div span {
    display: none;
  }

  .acerank .grey-bg .d-flex.w-100 span {
    display: inline-block;
    font-size: 16px !important;
  }

  .acerank .grey-bg p {
    display: none;
  }

  .acerank .arrow-link--down::before {
    display: block;
    padding: 6px;
  }

  .acerank .bg-w .c-num {
    top: 5px;
  }
}

#advanced-brand-find .find-brand__toggle-right-box .brand-svg-img a {
  position: relative;
  z-index: 100;
}

.dark-blue-bg-table {
  background: #1F2C45;
  padding: 8px;
  border-radius: 10px;
}

.dark-blue-bg.with-table .pros-part.w-50 {
  width: 50%;
}

.dark-blue-bg-table tr {
  background: #101C36;
}

.dark-blue-bg-table tr td {
  background: #101C36;
  color: white;
  text-align: left;
  padding: 8px;
  padding-left: 10px;
  font-size: 16px;
  vertical-align: baseline;
}

.dark-blue-bg-table tr td:nth-child(2) {
  width: 60%;
  color: #55CCAC;
  padding-left: 10px;
}

.dark-blue-bg-table tbody td:not(:last-child):after {
  background: #43577B;
  height: 80%;
  top: 10%;
}

.dark-blue-bg.with-table .d-flex.w-100.bottom-buttons {
  margin-top: 40px !important;
  justify-content: center;
  margin-bottom: 40px;
}

.dark-blue-bg.with-table .d-flex.w-100.bottom-buttons a.v-dot {
  width: 290px !important;
}

.dark-blue-bg.with-table .verdict .d-flex {
  font-size: 20px;
}

.usa-casino .dark-blue-bg.with-table .custom-grid--c-general-info .font-weight-bold {
  font-size: 20px;
}

.list-line li {
  position: relative
}

.list-line li::before {
  position: absolute;
  display: block;
  content: '';
  left: -30px;
  bottom: 50%;
  transform: translateY(50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #55CCAC
}

.list-line li:not(:last-of-type):after {
  position: absolute;
  display: block;
  content: '';
  left: -23px;
  bottom: -65%;
  width: 2px;
  height: 90%;
  background: #e2e2e2
}

.list-line li:nth-child(4):after {
  bottom: -95%;
  height: 120%
}

.list-line span {
  font-weight: 700;
  display: block;
  font-style: italic
}

@media only screen and (max-width: 768px) {
  .dark-blue-bg.with-table .d-flex.w-100.bottom-buttons {
    flex-direction: column;
    align-items: center;
  }

  .dark-blue-bg.with-table .d-flex.w-100.bottom-buttons a.find-brand-button.v-dot.v-dot--color-d.mr-1 {
    margin-right: 0px !important;
    margin-bottom: 20px;
  }

  .dark-blue-bg.with-table .pros-part.w-50 {
    width: 100%;
  }

  .usa-casino .dark-blue-bg.with-table .custom-grid--c-general-info .font-weight-bold {
    font-size: 18px;
  }
}

.blog-nav-v-2 {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #127A7A;
  line-height: 1.375rem;
  padding: 3px 0;
  width: 126.3%;
  margin-left: -13%;
  display: flex;
  align-items: center;
  padding: 10px 114px
}

.blog-nav-v-2 .d-flex.w-100 {
  width: 100%
}

.dropdown-label {
  padding: 16px;
  margin: 8px 15px;
  display: block;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  border-radius: 10px;
  text-align: start;
  position: relative;
  width: auto
}

.blog-nav-v-2 ul.nav-dropdown {
  justify-content: space-around;
  margin: 0;
  max-height: 250px;
  right: 0;
  border-radius: 5px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d6e2ff;
  z-index: 2;
  padding: 0 !important
}

.blog-nav-v-2 ul.nav-dropdown li {
  margin-bottom: 0;
  font-size: 15px;
  padding: 6px 0
}

.blog-nav-v-2 ul.nav-dropdown li a {
  color: #134c58;
  font-weight: 500;
  width: max-content
}

.blog-nav-v-2 ul.nav-dropdown li:hover a,
.blog-nav-v-2 ul.nav-dropdown li.active a {
  color: #EC693A;
  position: relative
}

.blog-nav-v-2 ul.nav-dropdown li:hover a::after,
.blog-nav-v-2 ul.nav-dropdown li.active a::after {
  content: '';
  position: absolute;
  display: block;
  height: 3px;
  width: 120%;
  bottom: -7px;
  left: -10%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: orange
}

.nav-dropdown li a {
  display: block;
  text-decoration: none
}

.blog-nav-v-2 span.relative {
  font-size: 14px;
  line-height: 18px;
  color: #0d2c3d;
  font-weight: 700;
  font-family: "Open Sans";
  width: max-content
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
  .blog-nav-v-2 ul.nav-dropdown {
    overflow: scroll;
    align-items: center
  }

  .blog-nav-v-2 ul.nav-dropdown li {
    margin-right: 20px
  }
}

@media only screen and (max-width: 1299px) {
  .blog-nav-v-2 {
    width: 101.7%;
    margin-left: -.7%
  }
}

@media only screen and (max-width: 1199px) {
  .blog-nav-v-2 {
    width: 102%;
    margin-left: -1%
  }
}

@media only screen and (max-width: 990px) {
  .blog-nav-v-2 {
    padding: 10px 50px
  }
}

@media only screen and (max-width: 880px) {
  .blog-nav-v-2 {
    width: 102.5%;
    margin-left: -1.3%;
    padding: 10px
  }
}

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

  .blog-nav-v-2 ul.nav-dropdown li:hover a::after,
  .blog-nav-v-2 ul.nav-dropdown li.active a::after {
    content: '';
    position: absolute;
    display: block;
    height: 3px;
    width: 100%;
    bottom: -7px;
    left: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: orange
  }

  .blog-nav-v-2 span.relative,
  span.arrow-down-dropdown-icon {
    cursor: pointer
  }

  .blog-nav-v-2 ul.nav-dropdown {
    flex-direction: column;
    align-items: center
  }

  .blog-nav-v-2 ul.nav-dropdown li:not(li:first-of-type) {
    display: none
  }

  .blog-nav-v-2 ul.nav-dropdown li:first-of-type {
    width: 140px;
    text-align: center
  }

  span.arrow-down-dropdown-icon {
    transform: translate(0, -50%) rotate(135deg);
    right: -20px;
    top: 30%
  }

  span.arrow-down-dropdown-icon.up {
    top: 60%;
    transform: translate(0, -50%) rotate(315deg)
  }

  .blog-nav-v-2 {
    width: 103%;
    margin-left: -1.5%
  }

  .blog-nav-v-2 ul.nav-dropdown li {
    padding: 10px 15px
  }

  .blog-nav-v-2 ul.nav-dropdown {
    max-height: unset
  }

  .blog-nav-v-2 span.relative {
    width: 100%
  }
}

@media only screen and (max-width: 670px) {
  .blog-nav-v-2 {
    width: 103.5%;
    margin-left: -1.8%
  }
}

@media only screen and (max-width: 550px) {
  .blog-nav-v-2 span.relative {
    width: 100%
  }

  span.arrow-down-dropdown-icon {
    right: 0
  }

  .blog-nav-v-2 {
    width: 104%;
    margin-left: -2%
  }

  .blog-nav-v-2 ul.nav-dropdown li {
    width: 100% !important;
    text-align: left !important
  }
}

@media only screen and (max-width: 450px) {
  .blog-nav-v-2 {
    width: 105%;
    margin-left: -2.5%
  }
}

@media only screen and (max-width: 420px) {
  .blog-nav-v-2 {
    width: 106%;
    margin-left: -3%
  }
}

.body-country #main-header+main .blog-nav-v-2,
.social-casinos .blog-nav-v-2 {
  width: 100% !important;
  margin-left: 0 !important;
  padding: 10px 30px
}

@media only screen and (max-width: 1300px) {
  .game-boxes div.box img {
    margin: -40px auto 0;
    display: block
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown {
    flex-direction: column;
    align-items: center
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown li:not(li:first-of-type),
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown li:not(li:first-of-type) {
    display: none
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown li:first-of-type,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown li:first-of-type {
    width: 140px;
    text-align: center
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown li,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown li {
    padding: 10px 15px
  }

  .body-country #main-header+main .blog-nav-v-2 ul.nav-dropdown,
  .new-redesign #main-header+main .blog-nav-v-2 ul.nav-dropdown {
    max-height: unset
  }

  .body-country #main-header+main .blog-nav-v-2 span.relative,
  .new-redesign #main-header+main .blog-nav-v-2 span.relative {
    width: 100%
  }
}

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

  .body-country #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon,
  .new-redesign #main-header+main .blog-nav-v-2 span.arrow-down-dropdown-icon {
    right: 0
  }
}

.m-0-auto {
  margin: 0 auto;
}

.relative {
  position: relative;
}

#main-footer a.home-link {
  text-decoration: none;
  font-size: 16px;
  width: auto;
  height: auto;
  vertical-align: unset;
}

.list-pin.provider-list li:nth-child(n+13) {
  display: none;
}

.provider-list-show-more {
  border: 1px solid #55CCAC;
  border-radius: 8px;
  padding: 7px 30px;
  display: block;
  margin: 50px auto;
  background: none;
}

.provider-list-show-more:hover {
  background: #4DBEA326;
}

.top-5-providers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.top-5-providers div {
  background: #EDEDED 0% 0% no-repeat padding-box;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px 15px 25px 15px;
  height: 150px;
  width: 230px;
}

.top-5-providers div img {
  height: 40px;
}

.top-5-providers div a {
  margin-top: auto;
  text-align: center;
}

@media only screen and (max-width: 1299px) {
  .top-5-providers {
    justify-content: unset;
  }

  .top-5-providers div {
    margin-bottom: 10px;
    margin-right: 15px;
  }
}

.software-hub-page .show-on-mobile {
  display: none;
}

.software-hub-page .show-on-desktop {
  display: block;
}

.software-hub-page.bonus-page .diff-bonuses.black-bg .d-flex.mb-1 p a {
  color: #55CCAC;
}

.software-hub-page.bonus-page .d-align-items-center {
  height: 70px;
}

.software-hub-page.bonus-page .dark-blue-bg.casinos-type .table-wrapper table td span {
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
  .software-hub-page .show-on-desktop {
    display: none;
  }

  .software-hub-page .show-on-mobile {
    display: inline;
  }

  .software-hub-page .diff-bonuses.grey-bg .d-flex.mb-1,
  .software-hub-page.bonus-page .diff-bonuses.black-bg .d-flex.mb-1 {
    flex-direction: unset;
    height: auto;
    flex-wrap: wrap;
  }

  .software-hub-page .diff-bonuses.grey-bg .d-flex.mb-1 .show-on-mobile,
  .software-hub-page .diff-bonuses.black-bg .d-flex.mb-1 .show-on-mobile {
    display: inline-block;
    width: fit-content;
    margin: auto auto auto 0 !important;
  }

  .software-hub-page .diff-bonuses.black-bg .d-flex.mb-1 img,
  .software-hub-page .diff-bonuses.grey-bg .d-flex.mb-1 img {
    margin-bottom: 0;
  }

  .software-hub-page.bonus-page .diff-bonuses.black-bg .d-flex.mb-1 {
    height: auto;
  }
}

@media only screen and (max-width: 785px) {
  .software-hub-page .flex--center {
    flex-direction: row;
  }

  .software-hub-page .payment-choices .payment-choices-card h3 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .top-5-providers div {
    width: 160px;
  }

  .software-hub-page.bonus-page .diff-bonuses.black-bg .d-flex.mb-1 {
    height: auto;
  }
}

@media only screen and (max-width: 639px) {
  .software-hub-page .dark-blue-bg .d-flex.w-100 {
    margin-bottom: 30px;
  }

  .software-hub-page .dark-blue-bg {
    padding: 20px !important;
  }

  .software-hub-page .dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d.fit-content,
  .software-hub-page .dark-blue-bg a.find-brand-button.v-dot.v-dot--color-d {
    max-width: 100%;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .software-hub-page .dark-blue-bg h3 {
    margin-left: 20px;
  }

  .software-hub-page .diff-bonuses.grey-bg .d-flex.mb-1 p:not(:first-of-type),
  .software-hub-page.bonus-page .diff-bonuses.black-bg .d-flex.mb-1 p:not(:first-of-type) {
    font-size: 16px;
  }

  .software-hub-page ul.flex--center.flex-three-col li {
    width: 50%;
  }

  .software-hub-page ul.flex--center.flex-three-col,
  ul.list-pin:not(.v-2) {
    padding-left: 0;
  }

  .software-hub-page.bonus-page .d-align-items-center {
    height: auto;
  }
}

@media only screen and (max-width: 599px) {
  .software-hub-page .header-boxes {
    justify-content: flex-start
  }
}

@media only screen and (max-width: 425px) {
  .software-hub-page .dark-blue-bg.casinos-type .table-wrapper table tr td:first-of-type {
    width: 50%;
    vertical-align: baseline;
  }

  .software-hub-page .editor-wrapper .editor-insight {
    margin-bottom: 0;
  }
}

.right-arrow {
  border: solid #007575;
  border-width: 0 2px 2px 0;
  padding: 4px;
  transform: rotate(315deg);
  cursor: pointer;
  transition: transform .2s ease;
  background: none;
  position: absolute;
}

th,
td {
  padding: 4px;
  vertical-align: middle;
  position: relative;
}