:root {
  	--primary_color: #ff2400;
  	--primary_color_hover: #ff2400d1;
    --secondary_color: #00100e;
  	--primary_font_color: #ffffff;
  	--button_1_color: #ffffff;
  	--button_1_color_hover: #ffffff;
  	--button_2_color: #ffffff;
  	--button_2_color_hover: #ffffff;
 	--button_1: transparent;
 	--button_1_hover: #ff2400;
 	--button_2: rgba(255, 36, 0, 1.0);
 	--button_2_hover: rgba(255, 36, 0, 0.8);
 	--border_1: 1px solid #ff2400;
 	--border_1_hover: 1px solid #ff2400;
 	--border_2: none;
 	--border_2_hover: none;
 	--label_new: rgba(59, 111, 109, 1.0);
 	--label_new_hover: rgba(59, 111, 109, 0.8);
 	--border_radius: 8px;
}

a {
  	color: var(--primary_color);
}
a:hover {
    color: var(--primary_color);
}
button,
button.btn,
a.btn,
#reviewform .btn {
    background: var(--button_2);
    color: var(--button_2_color);
    border: var(--border_2);
    border-radius: var(--border_radius);
}
.header a.btn:nth-child(2) {
    background: var(--button_2);
}
a.btn-border, .slidepanel-mobile a.white-btn {
    background: var(--button_1);
    color: var(--button_1_color);
    border: var(--border_1) !important;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: var(--primary_color);
}
button:hover,
button.btn:hover,
button:active,
button.btn:active,
.btn:active,
button.btn:first-child:active,
button.btn:focus,
button:focus,
button.btn:focus-visible,
button:focus-visible,
a.btn:hover,
a.btn:focus,
.header a.btn:nth-child(2):hover,
:not(.btn-check)+.btn:active,
#reviewform .btn:hover,
#reviewform .btn:active {
    background: var(--button_2_hover) !important;
  	color: var(--button_2_color_hover) !important;
  	border: var(--border_2_hover);
}
a.btn-border:hover,
a.btn-border:active,
a.btn-border:focus,
.slidepanel-mobile a.white-btn:active,
.slidepanel-mobile a.white-btn:hover {
    background: var(--button_1_hover) !important;
    border: var(--border_1_hover) !important;
    text-decoration: none;
  	color: var(--button_1_color_hover) !important;
}
.topsection .input-container input:focus + .input-placeholder {
	color: var(--primary_font_color);
}
.navbar-brand a {
    color: var(--primary_color);
}
header .navbar-nav .menu-item,
header .navbar-nav .menu-link,
.offscreen-menu li a {
    color: var(--primary_font_color);
}
.btn.offscreen-pull.d-lg-none,
header .navbar-nav .menu-item.active .menu-link,
.offscreen-menu li a:hover {
    color: var(--primary_color);
}
.offscreen-menu li a .material-icons {
    color: var(--primary_color) !important;
}
.btn.offscreen-pull.d-lg-none:hover,
.btn.offscreen-pull.d-lg-none:focus,
.btn.offscreen-pull.d-lg-none:active {
    color: var(--primary_color) !important;
}
.navbar-nav .menu-item.active .menu-link {
    color: var(--primary_color) !important;
}
header .navbar-nav > ul > .menu-item:hover a {
    color: var(--primary_color);
}
header.header {
    background-color: var(--secondary_color);
}
.main .casinos,
.casinos-block,
.slidepanel,
.casino-item {
    background-color: var(--secondary_color);
}
.casino-item {
    color: var(--primary_font_color);
}
.main .casino-item {
    background-color: var(--primary_font_color);
    color: var(--mdb-body-color);
}
.casino-item-inside {
	background-color: var(--secondary_color) !important;
  	color: var(--primary_font_color) !important;
}
.casino-item.casino-item-inside .casino-item__description p {
  	color: var(--primary_font_color);
}
footer {
    background-color: var(--secondary_color);
}
.footer .menu .menu-item:hover a {
    color: var(--primary_color) !important;
}
.slidepanel-toggle.btn, .slidepanel.active .slidepanel-toggle.btn {
    background-color: var(--primary_color) !important;
}
.types .types-tabs a.active {
    color: var(--primary_color);
    border-color: var(--primary_color);
}
.popular-item {
    border-color: var(--secondary_color);
    background-color: var(--secondary_color);
}
.popular-item:hover {
    border-color: var(--primary_color);
}
.popular-item__title {
    color: var(--primary_font_color);
}
.popular-item:hover .popular-item__title {
    color: var(--primary_color);
}
.pricelist .pricelist-tabs a:hover,
.types .types-tabs a:hover {
    color: var(--primary_color);
}
.pricelist .pricelist-tabs a.active {
    color: var(--primary_font_color);
  border-color: var(--primary_font_color);
}
.casino-item__third a.show-modal {
    color: var(--primary_color);
}
.casino-item .casino-item__title a {
    color: var(--primary_color);
}
.casino-item .casino-item__title a:hover {
    color: var(--primary_color_hover);
}
.faq-item .faq-item__header {
    background-color: var(--secondary_color);
    color: var(--primary_font_color);
}
.faq-item .faq-item__body.open {
    border-color: var(--secondary_color);
}
.faq-item__header:hover .faq-item__icon {
    background-color: var(--primary_color);
}
.popular-item__badge.hit {
    background: var(--primary_color);
}
.popular-item__badge.hit:hover,
.popular-item .popular-item__badge.hit,
.slidepanel-toggle.btn:hover,
.slidepanel.active .slidepanel-toggle.btn:hover {
    background: var(--primary_color_hover) !important;
}
.popular-item__badge.hit a {
  	color: var(--button_2_color);
}
.popular-item__badge.hit a:hover {
  	color: var(--button_2_color_hover);
}
.popular-item__badge.new {
    background: var(--label_new);
}
.popular-item .popular-item__badge.new,
.popular-item__badge.new:hover {
    background-color: var(--label_new_hover);
}
#loadMore, .reviews-item__link {
    color: var(--primary_color) !important;
    background: none;
}
.offscreen-menu li {
    border-bottom: 1px solid rgba(118, 118, 118, 0.10);
}
.header-desktop-menu {
    color: var(--primary_font_color) !important;
}
.header-desktop-menu:hover, .header-desktop-menu:active {
    color: var(--primary_color) !important;
}
.footer .menu .menu-item.active .menu-link, footer a.active {
    color: var(--primary_color) !important;
}

/* Hamburger Dropdown-menu */
.dropdown-menu {
    background-color: var(--secondary_color) !important;
}
.dropdown-menu .menu-link:hover {
    color: var(--primary_color);
}
.hamburger-icon:hover::before,
.hamburger-icon:hover::after,
.hamburger-icon:hover span {
    background-color: var(--primary_color);
}
.hamburger-icon::before,
.hamburger-icon::after,
.hamburger-icon span {
    background-color: white;
}

.mobile-hamburger-icon span,
.mobile-hamburger-icon::before,
.mobile-hamburger-icon::after {
    background-color: white;
}
.navbar-collapse {
    background: var(--secondary_color);
}