/* Header */
body {
    font-family: 'Roboto';
    transition: none !important;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	line-height: 1.5;
	min-height: 100%;
}

.*_smalltitle {
    font-size: 5px;
}

a {
    text-decoration: underline;
    color: #1976d2;
}

a:hover {
    text-decoration: none;
    color: #fdbd10;
    transition: 0.3s all ease;
    cursor: pointer;
}

a.btn, a.menu-link {
    text-decoration: none;
}

a.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

a.scrollelement, .faq-item .faq-item__header a, a.dropdown-item {
    text-decoration: none;
}

header {
    transition: 0.5s opacity ease !important;
}

button, button.btn {
    transition: 0.2s all ease;
    background-color: #fdbd10;
    color: #fff;
}

.btn.offscreen-pull.d-lg-none, .btn.offscreen-pull.d-lg-none:hover, .btn.offscreen-pull.d-lg-none:active {
    background: none;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    transition: 0.2s all ease;
    background-color: #fdbd10;
    color: #fff;
    opacity: 1;
}

.mb-1 {
	margin-bottom: 4px!important;
}

.mb-2 {
	margin-bottom: 8px!important;
}

.mb-3 {
	margin-bottom: 12px!important;
}

.mb-4 {
	margin-bottom: 16px!important;
}

.mb-5 {
	margin-bottom: 20px!important;
}

.btn {
    box-shadow: none !important;
}

.navbar {
    min-height: 84px;
}

.height-50 {
    min-height: 50px;
}

.insidepage {
    margin-top: 84px;
}

.onfooter {
    visibility: hidden !important;
}

header.header {
    opacity: 0;
    pointer-events: none;
}

header.header.show {
    opacity: 1;
    pointer-events: auto;
}

header .navbar-collapse {
    justify-content: center
}

header .dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

header {
    overflow: visible;
}

.header-desktop-menu {
    border: none !important;
    padding: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    background: transparent !important;
    position: relative;
    top: -1px;
}

.hamburger-container {
    position: relative;
    top: -1px;
    cursor: pointer;
}

.header-desktop-menu {
    color: #005691;
}

.header-desktop-menu:hover {
    color: #005691;
}

.header-desktop-menu.footer-desktop-menu {
    color: #fff;
}

header li:not(.services) .dropdown {
    position: static;
}

header > .navbar > .container {
    position: relative;
}

header .navbar-nav .menu-item, header .navbar-nav .menu-link {
    color: rgb(18, 89, 125);
    font-size: 14px;
    font-weight: 500;
	letter-spacing: .0892857143em;
	text-indent: 0.0892857143em;
	text-transform: uppercase;
}

header .navbar .navbar-brand {
    order: 1;
    position: relative;
    top: -2px;
}

header .navbar .collapse {
    order: 2
}

header .navbar .header-buttons-block {
    order: 3
}

header .navbar .offscreen-pull {
    order: 4
}

header .navbar-nav {
    max-height: 36px;
}

header .navbar-nav > ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    display: flex;
    flex-flow: row;
}

header .navbar-nav .menu-item, header .navbar-nav .menu-link {
    max-height: 36px;
}
header .navbar-nav .dropdown-toggle:after {
    content: unset;
}

header .navbar-nav .menu-link {
    padding-left: 16px !important;
	padding-top: 7px;
	padding-right: 16px !important;
	padding-bottom: 7px;
	height: 36px;
}

header .navbar-nav .menu-link.active {
    color: #fdbd10;
}

header.header {
	background-color: #fff;
}

header.header.dark {
    background-color: #12374a;
}

.navbar-brand {
    font-size: 2.125rem!important;
	line-height: 2.5rem;
	letter-spacing: .0073529412em!important;
	font-weight: 900;
	color: #1976d2;
	margin-right: 0;
}

.navbar-brand a {
	color: #1976d2;
}

.navbar-brand:hover {
    opacity: 0.8;
}

.navbar-brand a:hover {
    color: #1976d2;
}

.header-phone {
    display: inline-flex;
    gap: 10px
}

.header-phone__number {
	color: #1976d2;
    font-weight: 700;
    text-decoration: none;
    font-size: 20px;
}

.header-phone__call {
    color: #fdbd10;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
}

.header-phone__call:hover {
    color: #fdbd10;
    text-decoration: none;
}

.header-phone__call.header-btn {
    border: 1px solid #fdbd10;
    border-radius: 4px;
    padding: 12px 18px;
    min-width: 165px;
}

.header-phone__call.header-btn:hover {
    background-color: #eeb20d;
    color: #fff;
}

.header-phone__call:hover {
    text-decoration: none;
}

.header .header-phone__number {
    color: #1976d2;
}

.header .header-phone__number:hover {
    color: #1976d2;
    opacity: 0.7;
}

/* Header */
.header-buttons-block {
    flex-flow: row;
}

/* Inputs */
.input-container {
    position: relative;
}

.input-placeholder {
    position: absolute;
    transition: 0.3s all ease;
    top: 0;
    left: 0;
    transform: translateY(12px) translateX(0) scale(1);
    font-size: 16px;
}

.input-container input {
    color: transparent;
    z-index: 10;
    position: relative;
    background: transparent;
    font-size: 16px;
}

.input-container input.input-white {
    color: transparent;
}

.input-container input:focus, .input-container input.focus {
    color: rgba(0,0,0,.87);
    outline: none;
}

.input-container .input-white:focus, .input-container input.focus {
    color: #000;
}

.input-container .input-topform.focus {
    color: #fff;
}

.input-container input:focus + .input-placeholder {
	transform: translateY(-25%) translateX(-15%) scale(.75);
	color: #1976d2;
}

.input-container input.focus + .input-placeholder {
	transform: translateY(-25%) translateX(-15%) scale(.75);
	color: #1976d2;
}

.input-container input:focus + .input-placeholder-white,
.input-container input.focus + .input-placeholder-white {
    color: #fff;
}

.input-container__solo .input-placeholder {
    transform: translateY(0) translateX(0) scale(1);
	top: calc(50% - 11px);
	color: rgba(0,0,0,.6);
	left: 12px;
}

.input-container__solo input:focus + .input-placeholder, .input-container__solo input.focus + .input-placeholder {
    transform: translateY(0) translateX(0) scale(1);
	color: rgba(0,0,0,.6);
	opacity: 0;
	visibility: hidden;
}

.input-container__solo input {
    z-index: auto;
    background: #fff;
}

.input-container__white {
    color: #fff;
    border-color: #fff;
}

.input-container__white input {
    color: #fff;
    border-color: #fff;
    border-radius: 0;
}

.input-container__white input:hover {
    border-color: #fff;
}

.input-container__white input:focus {
    color: #fff !important;
}

.input-default {
    padding: 13px 0;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    width: 100%;
    color: rgba(0,0,0,.47);
    border: none;
    border-bottom: 1px solid rgba(118,118,118,.42);
}

.input-default:focus {
    color: rgba(0,0,0,.87);
}

.input-white {
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    padding: 13px;
}

#blockform .input-default {
    border-bottom: none;
}

.input-default.solo {
    padding: 13px;
}

.input-default-white {
    background-color: #fff;
}

.input-default:hover {
    border-bottom: 1px solid rgba(0,0,0,.87);
}

.btn-xl {
    min-height: 50px;
}
/* Inputs */
/* Something */
.btn {
    font-weight: 500;
	letter-spacing: .0892857143em;
	text-decoration: none;
	text-indent: 0.0892857143em;
	font-size: 14px;
}

.categorypage {
    padding-top: 84px;
}

#topsection .breadcrumbs {
    position: absolute;
    top: 120px;
    left: auto;
    z-index: 10;
}

#topsection .breadcrumbs ul li {
    color: #fff;
}

#topsection .breadcrumbs ul li a {
    color: #fff;
}

#topsection .breadcrumbs ul li a:hover {
    color: #fdbd10;
}

.breadcrumbs-container ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.breadcrumbs-container ul li {
    display: inline-block;
    list-style-type: none;
}

.breadcrumbs-container ul li:after {
    content: "/";
    margin: 0 10px;
}

.breadcrumbs-container ul li:last-child {
    margin-right: 0;
}

.breadcrumbs-container ul li:last-child:after {
    content: unset;
}

.main-color {
  color: #12597d;
}

.secondary-color {
  color: #005480;
}

.third-color {
  color: #fdbd10;
}

.shade-color {
  color: #F4F4F4;
}

.main-background-color {
  background-color: #12597d;
}

.slidepanel #blockformslide button[type="submit"] {
    height: 50px;
}

.secondary-background-color {
  background-color: #005480;
  color: #fff;
}

.shade-background-color {
  background-color: #F4F4F4;
}

.section-default {
    padding: 60px 0;
}

.section-nopadding-top {
    padding-top: 0;
}

.section-nopadding-bottom {
    padding-bottom: 0;
}

.section-condensed {
    padding: 30px;
}

.section-condensed-noppadding-top {
    padding-top: 0;
}

.section-condensed-noppadding-bottom {
    padding-bottom: 0;
}

.section-condensed-margin-bottom {
    margin-bottom: -30px;
}

.body-first {
    padding-top: 70px;
}

header {
    z-index: 160 !important;
}

header .btn.offscreen-pull.d-lg-none {
    color: #12597d;
}
header .btn:hover {
    color: #ffffff;
}

.mobilesubheader .mobile-phone {
    text-decoration: underline;
}

.mobilesubheader .mobile-phone:hover {
    text-decoration: none;
}

#app[data-app="true"] > div > aside {
    display: flex !important;
}

h2 {
    margin-bottom: 40px;
}

.advantages .row {
    align-items: center;
}

.btn {
    position: relative;
}

.btn-flare {
    overflow: hidden;
}

.btn-flare::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 130px;
    top: -32px;
    transform: rotate(25deg);
    z-index: 20;
    opacity: .55;
    background: #fff;
    animation: 2.8s ease-out infinite flare;
}

@keyframes flare {
    0% {
        left: -20%
    }

    100%,35% {
        left: 110%
    }
}

h1, .h1 {
    font-size: 2.2rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.5;
}

h1, .h1 {
    text-align: center;
}

#topsection h1, #topsection .h1 {
    text-align: left;
}

h2, .h2 {
    font-size: 1.9rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.5;
}

h3, .h3 {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.87);
    line-height: 1.5;
    text-align: center;
}

h4, .h4 {
    font-size: 1.3rem;
    color: rgba(0, 0, 0, 0.87);
}

h5, .h5 {
    color: rgba(0, 0, 0, 0.87);
}

@media (min-width: 1264px) {
    .container {
        max-width: 1185px;
    }
}
/* Body */

/* Utility */
.scroll-arrow {
    position: absolute;
    bottom: 2%;
    left: calc(50% - 25px);
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    cursor: pointer;
    animation: t-arrow-bottom 1.7s infinite ease;
    z-index: 5;
}

.scroll-arrow img {
    height: 39px;
    width: 50px;
}

@-webkit-keyframes t-arrow-bottom {
	0% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	50% {
		-moz-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		-webkit-transform: translateY(-7px);
		-o-transform: translateY(-7px);
		transform: translateY(-7px)
	}
	55% {
		-moz-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		-webkit-transform: translateY(-7px);
		-o-transform: translateY(-7px);
		transform: translateY(-7px)
	}
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes t-arrow-bottom {
	0% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	50% {
		-moz-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		-webkit-transform: translateY(-7px);
		-o-transform: translateY(-7px);
		transform: translateY(-7px)
	}
	55% {
		-moz-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		-webkit-transform: translateY(-7px);
		-o-transform: translateY(-7px);
		transform: translateY(-7px)
	}
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.slider-default .slick-slide {
    margin: 0 20px;
}

.slider-default .slick-list {
    margin: 0 -20px;
}

.slider-default .slick-dots {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 25px;
    text-align: center;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.slider-default .slick-dots li {
    display: block;
    list-style-type: none;
    margin-right: 10px;
    width: 12px;
    height: 12px;
}

.slider-default .slick-dots li:last-child {
    margin-right: 0;    
}

.slider-default .slick-dots li button {
    width: 12px;
    height: 12px;
    cursor: pointer;
    border-radius: 100px;
    text-indent: -99px;
    overflow: hidden;
    background-color: #fff;
    transition: 0.3s background-color ease;
    display: block;
}

.slider-default .slick-dots li.slick-active button {
    background-color: #fdbd10;
}

.slider-default .slick-dots li:hover button {
    background-color: #12597d;
}

.slider-default.slider-dark .slick-dots li {
    display: inline-block;
    list-style-type: none;
    margin-right: 10px;
    height: 12px;
    width: 12px;
}

.slider-default.slider-dark .slick-dots li:last-child {
    margin-right: 0;    
}

.slider-default.slider-dark .slick-dots li button {
    width: 12px;
    height: 12px;
    cursor: pointer;
    border-radius: 100px;
    text-indent: -99px;
    overflow: hidden;
    background-color: #1976d2;
    transition: 0.3s background-color ease;
}

.slider-default.slider-dark .slick-dots li:hover button, .slider-default.slider-dark .slick-dots li.slick-active button {
    background-color: #fdbd10;
}
/* Utility */
/* Topsection */
.topsection {
    position: relative;
	min-height: 100vh;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.5);
    overflow: hidden;
    background-image: url(/static/img/bg.jpg);
}

.topsection-backdrop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 1000px rgb(0, 0, 0, 0.5) inset;
    z-index: 2;
    display: block;
}

.topsection__btn {
    padding: 0 50px;
}

.topsection .container {
    position: relative;
    z-index: 3;
}

.topsection-title {
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 15px;
}

.topsection-title__container {
    text-align: center;
    margin-bottom: 40px;
}

.topsection-title__container span {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}

.topsection-title__container.top_default {
    text-align: left;
}

.topsection-title__container.top_central_icons {
    text-align: center;
}

.topsection-title__container.top_central {
    text-align: center;
}

.topsection p {
    color: #fff;
}

.row-topadvantages {
    margin-top: 30px;
}

.top-item {
    text-align: center;
}

.top-item__image {
    margin-top: 10px;
}

.top-item__image img {
    max-height: 60px;
}

.top-item__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 8px #000;
}

.topform {
    border-radius: 4px;
    background-color: #fff;
    padding: 16px;
    padding-bottom: 0;
}

.topform-action {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 22px;
    font-weight: bold;
}

.topform-action-col {
    flex-flow: column;
    align-items: flex-start;
}

.topform-action__item {
    text-align: center;
    border-radius: 4px;
    margin-right: 1rem;
}

.topform-action__item:last-child {
    margin-right: 0;
}

.topform-action__container {
    display: flex;
    flex-flow: row;
    justify-content: center;
}

.formform-action__header {
    padding: 5px;
    font-size: 16px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #12597d;
    border-bottom: none;
}

.formform-action__bottom {
    padding: 5px;
    font-size: 10px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #12597d;
    border-top: none;
}

.topform-action__happyhours {
    
}

.topcentral h1, .topcentralicons h1 {
    font-size: 44px;
    line-height: 60px;
    text-align: center;
}

.topcentral .top_h1,
.topcentralicons .top_h1 {
    font-size: 44px;
    line-height: 60px;
    text-align: center;
}

.topcentral .mainblock__advantages li {
    font-size: 18px;
}

.topcentral {
    min-height: 486px;
}

.mainblock {
    background-color: #F4F4F4;
    padding-top: 184px;
    padding-bottom: 100px;
    min-height: 600px;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.29) inset;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.mainblock-backdrop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 1000px rgb(0 0 0 / 33%) inset;
    z-index: 2;
    display: block;
}

.mainblock-backimage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 100%;
    z-index: 1;
}

.mainblock .container {
    position: relative;
    z-index: 3;
}

.main-form {
  padding: 30px;
  background-color: #fff;
  min-height: 300px;
}

.mainblock__advantages {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-bottom: 40px;
}

.mainblock__advantages li {
    margin-bottom: 10px;
}

.mainblock__advantages.iconed {
	flex-flow: row wrap;
	display: flex;
	justify-content: space-around;
	margin-top: 44px;
}

.mainblock__advnatages-image {
    max-width: 60px;
    margin-bottom: 7px;
}

.mainblock__advantages.iconed li {
    display: inline-flex;
    flex-flow: column;
    align-items: center;
	justify-content: center;
	max-width: 220px;
	text-align: center;
}
/* Topsection */
/* Textblock */
.textblock-content p {
    font-size: 14px;
}

.textblock_h1 {
    margin-bottom: 40px;
}

.textblock ol li, .textblock ul li {
    padding-bottom: 10px;
}

.textblock ol li:last-child, .textblock ul li:last-child {
    padding-bottom: 0px;
}

.textblock h2 {
    margin-bottom: 10px;
    font-size: 1.6rem;
    text-align: center;
}

.textblock .casino-item {
    background-color: #f8f8f8;
}

/* Textblock */
/* WhatBroke */
.whatbroke {
    background-color: #f3f3f3;
}

.whatbroke-item {
    position: relative;
    text-align: center;
    background-color: #fff;
    margin-bottom: 30px;
}

.whatbroke-description {
    color: rgba(0, 0, 0, 0.87);
    line-height: 24px;
}

.whatbroke-item__fourth {
    text-align: left;
}

.whatbroke-item__second {
    text-align: center;
}

.whatbroke-item__second .whatbroke-item__footer {
    flex-flow: column;
}

.whatbroke-item__second .whatbroke-item__price {
    margin-bottom: 10px;
    min-height: 24px;
}

.whatbroke-item__third .whatbroke-title {
    margin-bottom: 15px;
}

.whatbroke-item__image {
    height: 200px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.whatbroke-item-special.whatbroke-item__fourthspecial {
    min-height: 195px;
}

.whatbroke-item-special.whatbroke-item__fourthspecial a {
    min-height: 195px;
}

.whatbroke-item__second .whatbroke-title a {
	color: rgba(0,0,0,.87);
}

.whatbroke-item__second .whatbroke-title a:hover {
	color: #fdbd10;
}

.whatbroke-item__third .whatbroke-title a {
	color: rgba(0,0,0,.87);
}

.whatbroke-item__third .whatbroke-title a:hover {
	color: #fdbd10;
}

.whatbroke-item__fourth .whatbroke-title a {
	color: rgba(0,0,0,.87);
}

.whatbroke-item__fourth .whatbroke-title a:hover {
	color: #fdbd10;
}

.whatbroke-item__fourth .whatbroke-title {
    justify-content: left;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
}

.whatbroke-item__fourth .whatbroke-item__footer {
    justify-content: space-between;
	padding: 15px;
	padding-top: 0;
}

.whatbroke-item__fourth .whatbroke-item__price {

}

.whatbroke-item__fourth .whatbroke-item__price span {
    font-size: 18px;
    font-weight: 800;
}

.whatbroke-item__header, .whatbroke-item__body {
    padding: 15px;
}

.whatbroke-item__footer {
    padding: 5px 5px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 30px;
}

.whatbroke-item__footer .btn {
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	width: 80%;
}

.whatbroke-item__header {
    border-radius: 4px 4px 0 0;
}

.whatbroke-item__special b {
    font-size: 50px;
}

.whatbroke-title {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatbroke-title a {
	color: rgb(255,255,255) !important;
	text-decoration: none;
}

.whatbroke-item__image {
    position: relative;
}

.whatbroke-item__image a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.whatbroke-item-special {
    min-height: 209px;
    text-align: center;
}

.whatbroke-item-special a {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    width: 100%;
    height: 100%;
    min-height: 215px;
    transition: 0.5s all ease;
    background-color: rgba(18,89,125,0.5);
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
}

.whatbroke-item-special a:hover {
    color: #404040 !important;
    background-color: rgba(18,89,125,0.1) !important;
}
/* WhatBroke */
/* FAQ */
.faq-item {
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.col-lg-12 > .faq-item {
    border-bottom: none;
}

.faq-item a {
    position: relative;
}

.faq-item__header:hover .faq-item__icon {
    background-color: #fdbd10;
    color: #fff;
}

.faq-item .faq-item__icon {
    position: absolute;
	right: 24px;
	top: calc(50% - 12px);
	width: 24px;
	height: 24px;
	border-radius: 100px;
    transition: transform 0.3s ease-in-out;
}

.faq-item__icon.rotate {
  transform: rotate(180deg);
}

.faq-item {
    margin-bottom: 15px;
    border-radius: 4px;
    border-top: none;
    border: none;
	background-color: transparent;
}

.faq-item .faq-item__header {
    position: relative;
	background-color: #f3f3f3;
	border-radius: 4px;
	padding: 10px 10px;
	padding-right: 60px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.faq-item .faq-item__header.open {
    border-radius: 4px 4px 0px 0px;
}

.faq-item .faq-item__body {
    border: thin solid rgba(18, 89, 125, 0.0);
    border-radius: 0 0 4px 4px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.faq-item .faq-item__body.open {
    border: thin solid #12597d;
}

.faq-item .faq-item__body p {
	padding: 15px 25px;
    margin: 0;
}

.faq-item .faq-item__header a[aria-expanded="true"] {
	background-color: #12597d;
	color: #fff;
}

/* FAQ */
/* Advantages */
.advantages {
    background: rgb(255,255,255);
}

.advantages-item {
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
}

.advantages-item__second {
    margin-bottom: 30px;
}

.advantages-item__third {
    margin-bottom: 30px;
}

.advantages-title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 22px;
}

.advantages-item__description {
    font-size: 14px;
}

.advantages-description {
    padding: 0 10px;
}

.advantages-image {
    margin-bottom: 0;
    background-color: #f3f3f3;
}

.advantages-image img {
    max-height: 170px;
    border-radius: 4px 4px 0 0;
}

.advantages-item__body {
    background-color: #f3f3f3;
    padding-bottom: 15px;
    padding-top: 15px;
    border-radius: 0 0 4px 4px;
}

.advantages-item__header {
    border-radius: 4px 4px 0 0;
}

.advantages-item__second {
	display: flex;
	flex-flow: row;
	text-align: left;
}

.advantages-item__second .advantages-title {
    padding: 0 10px;
}

.advantages-item__second .advantages-item__body {
    padding: 30px;
    flex-grow: 1;
}

.advantages-item__second .advantages-item__header {
    max-width: 300px;
}

.advantages-item__second .advantages-item__header img {
    height: 100%;
    border-radius: 0;
}

.advantages-item__second .advantages-image {
    height: 100%;
	min-width: 300px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: top;
	min-height: 130px;
}

.advantages-item__third .advantages-item__body {
    padding: 30px 15px;
}
/* Advantages */
/* Brands */
.menuitem.brand > ul {
    justify-content: flex-end;
}

#loadMore {
    border: none;
    background-color: transparent;
    color: #E00420 !important;
    text-decoration: underline;
}

#loadMore:hover, #loadMore:active, #loadMore:focus {
    text-decoration: none;
   	background: none !important;
}

#loadMore:focus {
    text-decoration: underline;
}

#loadMore:focus:hover {
    text-decoration: none;
}

.brands-item {
    border: 1px solid #f3f3f3;
    position: relative;
    padding: 10px;
    text-align: center;
    transition: 0.5s all ease;
    margin-bottom: 24px;
}

.brands-item:hover {
    border-color: #fdbd10;
}

.brands-item a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#brandscollapse {
    display: none;
}

#brandscarousel {
    max-height: 260px;
}

#brandscarousel .row {
    justify-content: center;
}

#brandscarousel {
    position: relative;
}

#brandscarousel .arrow {
    position: absolute;
	border-radius: 50px;
	top: 50%;
	transform: translateY(-50%);
	width: 50px !important;
	height: 50px !important;
	font-size: 30px !important;
	z-index: 10;
}

#brandscarousel .next {
    right: -65px;
}

#brandscarousel .prev {
    left: -65px;
}

.loadmore-container {
    text-align: center;
}

.brands-item.brands-item__second {
    border: none;
}

.brands-item.brands-item__second:hover {
    opacity: 0.7;
}
/* Casinos */
.casinos {
    background-color: #f3f3f3;
}

.main .casinos h2, .casinos-block h2 {
    color: #fff;
  	margin-bottom: 15px;
}

.casinos h2 {
  	margin-bottom: 15px;
}

.casino-item {
    background-color: #fff;
}

.casino-item .btn {
    width: auto;
    min-width: 240px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.main .casino-item .casino-item__description, .main .casino-item .casino-item__description p {
    color: var(--mdb-body-color);
}

.casino-item {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding: 15px 16px;
    background-color: #fff;
    border-radius: 4px;
    align-items: center;
    font-size: 18px;
    margin-bottom: 1rem;
  	height: 84px;
  	gap: 20px
}

.casino-item .btn:not(.btn--round).v-size--default {
    height: 42px;
    padding-left: 46px;
    padding-right: 46px;
}

.casino-item__description {
  	flex: 6;
    font-size: 18px;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
}

.casino-item__third .casino-item__title, .casino-item__fourth .casino-item__title {
    font-size: 18px;
}

.casino-item__title {
  	flex: 1;
    padding-left: 35px;
}

.section .casino-item__title {
    padding-left: 0px;
}

.casino-item__title a {
    text-decoration: none;
}

.casino-item__third {
    background-color: transparent;
	border-bottom: 1px solid rgba(0,0,0,.12);
	border-radius: 0;
	padding: 0;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
}

.casino-item__third a {
    color: #fdbd10;
}

.casino-item__third a.show-modal {
    color: #fdbd10;
    text-decoration: underline;
}

.casino-item__third a:hover {
    color: #1976d2;
    text-decoration: none;
}

.casino-item__third a.show-modal:hover {
    color: #1976d2;
}

.casino-item__third .casino-item__title a {
    color: #1976d2;
}

.casino-item__third .casino-item__title a:hover {
    color: #fdbd10;
}

.casino-item .btn, .whatbroke-item .btn {
    min-height: 42px;
}

.casino-item .casino-item__title a {
    color: rgb(25, 118, 210);
}

.reviews .casino-item {
    margin-top: 30px;
}

.pricelist .pricelist-tabs {
    justify-content: center;
}

.pricelist .pricelist-tabs .menu-link:hover {
    background-color: transparent;
}

.pricelist .pricelist-tabs a {
    font-size: 15px;
}

.pricelist .pricelist-tabs a.active {
    color: #fdbd10;
    border-color: #fdbd10;
    background-color: transparent;
}

@media (max-width: 992px) {
    .input-container__solo .input-placeholder {
        top: calc(50% - 19px);
    }
    
    .topsection {
        min-height: unset;
        overflow: hidden;
    }

    .popular-item {
        min-height: 180px;
    }
    
    .offscreen-pull {
        max-height: 42px;
        max-width: 38px;
    }
    
    .popular-item__image {
        height: auto !important;
    }
    
    #werepair .popular-item__title {
        font-size: 16px;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .pricelist .col-pricelist {
        overflow: hidden;
    }
    
    .pricelist .pricelist-tabs {
        overflow-x: scroll;
        overflow-y: hidden;
    	flex-flow: row;
    	justify-content: left;
    }
    
    .pricelist .pricelist-tabs a {
    	white-space: nowrap;
    }
    
    .pricelist .col-pricelist .popular-item .row {
        align-items: center;
    }
}
/* Pricelist */
/* Populars */
.popular-item {
    border: 2px solid #12597d;
	transition: 0.3s all ease;
    position: relative;
    border-radius: 4px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.popular-item > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.popular-item:hover {
    border: 2px solid #fdbd10;
}

.popular-item__title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #12597d;
    transition: 0.3s color ease;
    padding-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0;
}

.popular-item:hover .popular-item__title {
    color: #fdbd10;
}

.popular-item__image {
    padding: 15px;
    text-align: center;
	max-height: 160px;
	display: block;
	height: 160px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
}

.popular-item__image img {
    width: 100%;
}

.popular-row {
    margin-bottom: -15px;
}

.popular-item__second {
    padding: 20px;
    padding-bottom: 20px;
}

.popular-item__second {
	word-break: break-word;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Populars */
/* Types */
.types .types-tabs {
    justify-content: center;
}

.types .types-tabs .menu-link:hover {
    background-color: transparent;
}

.types .types-tabs a {
    font-size: 15px;
}

.types .types-tabs a.active {
    color: #fdbd10;
    border-color: #fdbd10;
    background-color: transparent !important;
}

.pricelist .pricelist-tabs a:hover, .types .types-tabs a:hover {
    color: #fdbd10;
}

@media (max-width: 992px) {
    .types .col-types {
        overflow: hidden;
    }
    
    .types .types-tabs {
        overflow-x: scroll;
        overflow-y: hidden;
    	flex-flow: row;
    	justify-content: left;
    }
    
    .types .types-tabs a {
    	white-space: nowrap;
    }
    
    .types .col-types .popular-item .row {
        align-items: center;
    }
    
    .types .col-types .popular-item {
        padding-bottom: 0;
        padding: 15px;
    }
    
    .types .col-types .popular-item .popular-item__image {
        margin-bottom: 0;
        display: none;
    }
}
/* Types */
/* WeRepair */
.werepair-item {
    display: flex;
    align-items: center;
    flex-flow: row;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative;
}

.werepair-item:hover {
    opacity: .9;
    transition: opacity .2s cubic-bezier(.4,0,.6,1);
}

.werepair-item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.werepair-item__title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.werepair-item__image {
    margin-right: 1rem;
    border-radius: 4px;
    border: 1px solid #fff;
    height: 60px;
}

.werepair-item__image img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
}

.werepair-item__second {
    background-color: transparent !important;
}

.werepair-item__second {
    color: rgba(0,0,0,.87) !important;
	border: 1px solid rgba(0,0,0,.12);
}

.werepair-item__second:hover {
	border-color: #fdbd10;
}

.werepair-item__second .werepair-item__image {
    background-color: #12597d;
}
/* WeRepair */
/* .casinos */
.casinos, .casinos-block {
    padding: 50px 0;
}

.casinos .btn {
    padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto;
}

.casinos .v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)>.v-input__control>.v-input__slot {
    box-shadow: none;
}

.casino-item p {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 0px;
  	padding-right: 35px;
}

.casinos-block p {
    color: #ffffff;
  	padding: 15px 0px 0px;
  	margin-bottom: 5px;
}

.casinos p a, .casinos p a:hover {
    color: #ffffff;
}

.casinos-second {
    padding: 80px 0;
    background-image: url('../img/.casinos_repair.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center -90px;
	box-shadow: inset 0 0 0 1000px rgba(18, 89, 125, 0.6);
}

.casinos-second .v-text-field__details {
    display: none;
}

.casinos-second .v-input, .casinos-second input {
    margin-bottom: 10px;
}

.casinos-second h2 {
    margin-bottom: 40px;
}
/* .casinos */
/* SlidePanel */
.slidepanel {
    height: 90px;
    position: fixed;
    bottom: -90px;
    left: 0;
    width: 100%;
    z-index: 10000;
    background-color: #104f6e;
    -moz-transition: bottom 0.5s ease, 0.5s opacity ease, 0.5s visibility ease;
    -o-transition: bottom 0.5s ease, 0.5s opacity ease, 0.5s visibility ease;
    -webkit-transition: bottom 0.5s ease, 0.5s opacity ease, 0.5s visibility ease;
    transition: bottom 0.5s ease, 0.5s opacity ease, 0.5s visibility ease;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
}

.slidepanel.show {
    opacity: 1;
    visibility: visible;
}

.slidepanel {
    color: rgba(0,0,0,.87);
}

.slidepanel > .container > .row {
    align-items: center;
}

.slidepanel.active {
    bottom: 0;    
}

.slidepanel > .container {
    z-index: 2;
    position: relative;
}

.slidepanel-toggle.btn {
    position: absolute;
    background-color: #0a364c !important;
    top: -36px;
    z-index: 3;
	border-radius: 1000px;
	width: 48px;
	height: 48px;
	padding: 0;
}

.slidepanel-button-image {
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
}

.slidepanel.active .slidepanel-button-image {
    transform: rotate(0deg);
}

.slidepanel-warning {
    background-color: #fdbd10;
    border-radius: 4px;
    padding: 10px;
}

.slidepanel-warning__count {
    display: flex;
    flex-flow: row;
    font-size: 38px;
    align-items: center;
    line-height: 0;
    font-weight: bold;
    letter-spacing: 5px;
}

.slidepanel-warning__count img {
    margin-right: 5px;
}

.slidepanel-warning__title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.7px;
}

.slidepanel .v-text-field__details {
    display: none;
}

.slidepanel .v-input__slot {
    margin-bottom: 0;
}

.slidepanel-arrow {
    text-align: right;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.slidepanel-arrow img {
    position: absolute;
    left: 0;
    top: 0;
}

.slidepanel-mobile button,
.slidepanel-mobile a {
    width: 100%;
    line-height: inherit;
}
.slidepanel-desktop button,
.slidepanel-desktop a {
    width: 48%;
    line-height: 30px;
}
.slidepanel-desktop a.white-btn {
    margin-right: 1rem;
}
.slidepanel-mobile button {
    background-color: #fff;
    color: #104f6e !important;
}
.slidepanel-mobile button:hover {
    background-color: rgba(255,255,255,0.8) !important;
}
.slidepanel-mobile button:active,
.slidepanel-mobile button:focus {
    color: #104f6e !important;
}
.slidepanel-mobile a {
    color: #fff;
    text-decoration: none;
}
.slidepanel-mobile a:hover {
    background-color: rgba(253,189,16) !important;
}
.slidepanel-mobile a:active {
    background-color: rgba(253,189,16,0.8) !important;
}

@media (max-width: 1024px) {
    .slidepanel-desktop a.white-btn {
        margin-right: 0.5rem;
    }
}
/* SlidePanel */
/* Contacts */
.contacts {
    min-height: 600px;
}

#yandex-map {
    min-height: 600px;
}

.contacts h2 {
    margin-bottom: 25px;
    color: rgba(0,0,0,.87);
}

.contacts .container-fluid {
    min-height: 600px;
}

.contacts .contacts-content {
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding-left: 0;
}

.contacts .contacts-map {
    padding-right: 0;
    overflow: hidden;
}

.contacts .content-container {
    padding-top: 0;
	padding-left: 40px;
}

.contacts .point {
    line-height: 1.5;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 20px;
    color: rgba(0,0,0,.87);
    position: relative;
    top: 10px;
}

.contacts .point .title {
    min-width: 25%;
    font-size: 1.25rem!important;
	font-weight: 500;
	letter-spacing: .0125em!important;
	color: rgba(0,0,0,.87);
}
/* Contacts */
/* Reviews */
.reviews-item.card, .reviews-item .card-header, .reviews-item .card-body, .reviews-item .card-footer {
    border-color: #646a87;
}

.reviews-item.card {
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.card {
    box-shadow: none;
}

.reviews-form .card {
    border-color: #646a87;
    border-width: 1px;
    border-style: solid;
}

.input-container input.focus + .input-placeholder {
    color: rgb(79, 79, 79);
}

.reviews-item__link {
    color: #E00420 !important;
    text-transform: uppercase;
  	float: right;
}

.reviews-item__link:hover {
    text-decoration: none;
}

.reviews-item.card .card-title {
    font-size: 20px;
    margin-bottom: 1rem;
}

.reviews-item.card .btn {
    float: right;
}

.reviews-item {
    margin-bottom: 30px;
}

.reviews-item:last-child {
    margin-bottom: 0;
}

.reviews-form {
    margin-top: 30px;
}

.reviews-form h2 {
    margin-bottom: 15px;
}

.reviews-form form {
    padding: 15px;
}

.reviews .casino-item {
    margin-top: 30px;
}
/* Reviews */

/* Footer */
footer.second {
    background-color: #f3f3f3;
}

footer {
    background-color: #12374a;
    padding: 20px 0;
    min-height: 88px;
    align-items: center;
    display: flex;
}
.footercopy {
    color: #c8c8c8;
    float: right;
    font-size: .764rem;
    text-indent: 0.0892857143em;
	font-weight: 500;
	letter-spacing: 0.75px;
	justify-content: center;
	width: 100%;
	text-transform: uppercase;
}

footer .btn {
	color: #fff;
}

.footercopy, .footercopy .btn__content {
    color: rgba(255,255,255,.67);
}

.footer-light .footercopy, .footer-light .footercopy .btn__content {
	color: rgba(0,0,0,.87);
}

.footer-phone {
    color: #fdbd10 !important;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none !important;
}

.footer-phone:hover {
    color: #fff !important;
}

.footer .menu {
    display: flex;
    flex-flow: row;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.footer .menu .menu-item, .footer .menu .menu-link {
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
	letter-spacing: .0892857143em;
	text-indent: 0.0892857143em;
	text-transform: uppercase;
}

.footer .menu .menu-link {
    padding: 8px 10px;
}

.footer .menu .menu-link.active {
    color: #E00420 !important;
}
/* Footer */
.align-items-center {
    align-items: center;
}

.default-border-radius {
    border-radius: 4px;
}

/* Modals */
.modal-header .btn-close {
    position: absolute;
    right: 16px;
    top: 16px;
    opacity: 0.6;
}

.modal-header .btn-close:hover {
    opacity: 1;
  	border: none;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    background-color: transparent !important;
}

.modal-content {
    border-radius: 4px;
}

.modal-subtitle {
    font-size: 1.25rem;
    font-weight: normal;
	word-break: break-word;
}

.modal-text {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #000;
}

.modal-title {
    text-align: center;
	display: block;
	font-size: 1.8rem;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.87);
}

.modal-header {
    display: block;
    width: 100%;
    padding: 46px 56px 40px;
    border-bottom: none;
}

.modal-text a {
    font-weight: 700;
}

.modal-title {
    font-weight: 500;
}

.modal-body {
	padding: 0 54px 50px;
}

.modal .btn {
    width: 100%;
}

.modal a {
    text-decoration: underline;
}
.modal a:hover {
    text-decoration: none;
}

.mb-6 {
	margin-bottom: 24px!important;
}
/* Modals */
/* Plan Purple-Red */
.plan-purple-red a:hover {
    color: #D34E55;
	text-decoration: none;
}

.plan-purple-red #topsection .breadcrumbs ul li {
    color: #fff;
}

.plan-purple-red #topsection .breadcrumbs ul li a {
    color: #fff;
}

.plan-purple-red #topsection .breadcrumbs ul li a:hover {
    color: #D34E55;
}

.plan-purple-red .footer a {
	color: #fff;
}

.plan-purple-red header.header {
	background-color: #fff;
}

.plan-purple-red header.header.dark {
    background-color: #352F47;
}

.plan-purple-red header.header.dark .navbar-brand a {
    color: #fff;
}

.plan-purple-red .offscreen-pull.dark span {
    color: #fff !important;
}

.plan-purple-red .offscreen-block {
    background-color: #363636;
}

.plan-purple-red .offscreen-block.dark .offscreen-menu li a {
    color: #fff;
}

.plan-purple-red .offscreen-block.dark .mobile-phone__container a {
    color: #D34E55 !important;
}

.plan-purple-red .casino-item .casino-item__title a {
	color: #D34E55;
}

.plan-purple-red .contacts .point a {
    color: #D34E55;
}

.plan-purple-red .header a.header-phone__call {
	color: #D34E55;
}

.plan-purple-red .primary {
	background-color: #7B7E93;
	border-color: #7B7E93;
}

.plan-purple-red .main-color {
  color: #7B7E93;
}

.plan-purple-red .secondary-color {
  color: #005480;
}

.plan-purple-red .third-color {
  color: #D34E55;
}

.plan-purple-red .shade-color {
  color: #F4F4F4;
}

.plan-purple-red .main-background-color {
  background-color: #7B7E93;
}

.plan-purple-red .slidepanel #blockformslide .main-background-color {
  background-color: #D34E55;
}

.plan-purple-red .main-background-color {
    color: #fff;
}

.plan-purple-red .secondary-background-color, .plan-purple-red .btn.secondary-background-color {
  background-color: #005480;
  color: #fff ;
}

.plan-purple-red .third-background-color, .plan-purple-red .btn.third-background-color {
  background-color: #D34E55;
}

.plan-purple-red .btn.third-background-color {
    color: #fff;
}

.plan-purple-red .shade-background-color {
  background-color: #F4F4F4;
}

.plan-purple-red .header .header-phone__number, .plan-purple-red .navbar-brand > a {
  color: #38438b;
}

.plan-purple-red .header .header-phone__number:hover, .plan-purple-red .header .navbar-brand a:hover {
  color: #fff;
}

.plan-purple-red .faq-item__header:hover .faq-item__icon {
  background-color: #D34E55;
}

.plan-purple-red .faq-item .faq-item__header a[aria-expanded="true"] {
    background-color: #7B7E93;
}

.plan-purple-red .header .theme--light.btn:hover, .plan-purple-red .header .btn:hover .btn__content {
    color: #7B7E93;
}

.plan-purple-red .header-phone__call, .plan-purple-red .header.dark .header-phone__call {
    color: #D34E55;
}

.plan-purple-red .header .theme--light.btn {
    color: #7B7E93;
}

.plan-purple-red .whatbroke-item-special a {
    background-color: rgba(123,126,147,0.5);
}

.plan-purple-red .whatbroke-item-special a:hover {
    background-color: rgba(123,126,147,0.1);
}

.plan-purple-red .primary-text, .plan-purple-red .primary--text {
    color: #7B7E93 !important;
}

.plan-purple-red .input-container input:focus {
    border-color: #7B7E93;
}

.plan-purple-red .input-container input:focus + .input-placeholder {
	color: #7B7E93 !important;
}

.plan-purple-red .places-item, .plan-purple-red .places-item .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
    background-color: #e0e2f2;
}

.plan-purple-red .places-item.places-item__second, .plan-purple-red .places-item.places-item__second .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
    background-color: #7B7E93;
}

.plan-purple-red .places-item.places-item__second .v-text-field.v-text-field--solo .v-label {
    color: #fff;
}

.plan-purple-red .slidepanel-toggle.btn.btn--has-bg {
    background-color: #211b32;
}

.plan-purple-red .header.dark {
    background-color: #352F47;
}

.plan-purple-red .header.dark a {
    color: #fff;
}

.plan-purple-red .footer {
    background-color: #352F47;
}

.plan-purple-red .footer.light {
    background-color: #f3f3f3;
}

.plan-purple-red footer.footer.v-sheet.v-footer.footer-light .btn, .plan-purple-red footer.footer.v-sheet.v-footer.footer-light .btn .white-text {
    color: #7B7E93;
}

.plan-purple-red .faq .v-expansion-panel-header:hover .v-expansion-panel-header__icon {
    background-color: #D34E55;
}

.plan-purple-red .werepair-item__second:hover {
    border-color: #D34E55;
}

.plan-purple-red .werepair-item__second .werepair-item__image {
    background-color: #7B7E93;
}

.plan-purple-red .casino-item__third a, .plan-purple-red .casino-item__fourth a {
    color: #D34E55;
}

.plan-purple-red .brands-item:hover {
    border-color: #D34E55;    
}

.plan-purple-red .mobilesubheader a {
    color: rgba(0,0,0,.87);
}

.plan-purple-red .mobilesubheader .mobile-phone {
    color: #D34E55 !important;
}

.plan-purple-red .theme--light.v-icon {
    color: #7B7E93 !important;
}

.plan-purple-red .topsection {
    background-color: #7B7E93;
}

.plan-purple-red .faq .v-expansion-panel-header:hover .v-expansion-panel-header__icon i, .plan-purple-red .faq-item .v-expansion-panel-header--active i {
    color: #fff !important;
}

.plan-purple-red .faq-item .v-expansion-panel-header--active {
    background-color: #7B7E93;
}

.plan-purple-red .slidepanel-warning {
    background-color: #D34E55;
}

.plan-purple-red .slidepanel {
    background-color: #211b32;
}

.plan-purple-red .formform-action__header {
    border: 1px solid #7B7E93;
    border-bottom: none;
}

.plan-purple-red .formform-action__bottom {
    border: 1px solid #7B7E93;
    border-top: none;
}

.plan-purple-red .mainblock__advantages i {
    color: #fff !important;
}

.plan-purple-red .casinos {
    background-color: #7B7E93;
}

.plan-purple-red .casinos.casinos-second {
    box-shadow: inset 0 0 0 1000px rgba(123, 126, 147, 0.6);
}

.plan-purple-red .faq-item.v-expansion-panel-header.v-expansion-panel-header--active {
    color: #fff;
}

.plan-purple-red .faq-items .v-expansion-panel.faq-item__second.v-item--active .v-expansion-panel-header {
    background-color: #7B7E93;
}

.plan-purple-red .faq-item.v-expansion-panel-content__wrap {
    border-color: #7B7E93;
}
/* Plan Purple-Red */
/* Plan Green-Red */
.plan-green-red a:hover {
    color: #2E9D58;
	text-decoration: none;
}

.plan-green-red #topsection .breadcrumbs ul li {
    color: #fff;
}

.plan-green-red #topsection .breadcrumbs ul li a {
    color: #fff;
}

.plan-green-red #topsection .breadcrumbs ul li a:hover {
    color: #2E9D58;
}

.plan-green-red .footer a {
	color: #883632;
}

.plan-green-red .footer .footercopy {
	color: #883632;
}

.plan-green-red .footer {
    background-color: #883632;
}

.plan-green-red .footer a {
	color: #fff;
}

.plan-green-red .footer .footercopy {
	color: #fff;
}

.plan-green-red header.header {
	background-color: #fff;
}

.plan-green-red header.header.dark {
    background-color: #883632;
}

.plan-green-red header.header.dark .navbar-brand a {
    color: #fff;
}

.plan-green-red .offscreen-pull.dark span {
    color: #fff !important;
}

.plan-green-red .offscreen-block {
    background-color: #fff;
}

.plan-green-red .offscreen-block .offscreen-menu li a {
    color: #B4625E;
}

.plan-green-red .offscreen-block .mobile-phone__container a {
    color: #2E9D5B !important;
}

.plan-green-red .offscreen-block.dark {
    background-color: #363636;
}

.plan-green-red .offscreen-block.dark .offscreen-menu li a {
    color: #fff;
}

.plan-green-red .offscreen-block.dark .mobile-phone__container a {
    color: #2E9D5B !important;
}

.plan-green-red .casino-item .casino-item__title a {
	color: #D34E55;
}

.plan-green-red .contacts .point a {
    color: #D34E55;
}

.plan-green-red .contacts .point a:hover {
    color: #2E9D58;
}

.plan-green-red .header a.header-phone__call {
	color: #2E9D58;
}

.plan-green-red .primary {
    background-color: #B4625E;
    border-color: #B4625E;
}

.plan-green-red .main-color {
  color: #B4625E;
}

.plan-green-red .secondary-color {
  color: #005480;
}

.plan-green-red .third-color {
  color: #2E9D5B;
}

.plan-green-red .shade-color {
  color: #F4F4F4;
}

.plan-green-red .main-background-color {
  background-color: #B4625E;
}

.plan-green-red .slidepanel #blockformslide .main-background-color {
  background-color: #2E9D5B;
}

.plan-green-red .main-background-color {
    color: #fff;
}

.plan-green-red .casino-item .casino-item__title a {
    color: #e84b43
}

.plan-green-red .casino-item .casino-item__title a:hover {
    color: #2E9D5B
}

.plan-green-red .secondary-background-color, .plan-green-red .btn.secondary-background-color {
  background-color: #005480;
  color: #fff ;
}

.plan-green-red .third-background-color, .plan-green-red .btn.third-background-color {
  background-color: #2E9D5B;
}

.plan-green-red .btn.third-background-color {
    color: #fff;
}

.plan-green-red .shade-background-color {
  background-color: #F4F4F4;
}

.plan-green-red .header .header-phone__number, .plan-green-red .navbar-brand > a {
  color: #e84b43;
}

.plan-green-red .header .header-phone__number:hover, .plan-green-red .header .navbar-brand a:hover {
  color: #e84b43;
}

.plan-green-red .header .theme--light.btn:hover, .plan-green-red .header .btn:hover .btn__content {
    color: #B4625E;
}

.plan-green-red .header-phone__call, .plan-green-red .header.dark .header-phone__call {
    color: #2E9D5B;
}

.plan-green-red .header .btn {
    color: #B4625E;
}

.plan-green-red .faq-item__header:hover .faq-item__icon {
  background-color: #2E9D5B;
}

.plan-green-red .faq-item .faq-item__header a[aria-expanded="true"] {
    background-color: #B4625E;
}

.plan-green-red .whatbroke-item-special a {
    background-color: rgba(180,98,94,0.5);
}

.plan-green-red .whatbroke-item-special a:hover {
    background-color: rgba(180,98,94,0.1);
}

.plan-green-red .primary-text, .plan-green-red .primary--text {
    color: #B4625E !important;
}

.plan-green-red .input-container input:focus {
    border-color: #B4625E;
}

.plan-green-red .input-container input:focus + .input-placeholder {
	color: #B4625E !important;
}

.plan-green-red .places-item, .plan-green-red .places-item .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
    background-color: #f7e4e3;
}

.plan-green-red .places-item.places-item__second, .plan-green-red .places-item.places-item__second .theme--light.v-text-field--solo>.v-input__control>.v-input__slot {
    background-color: #B4625E;
}

.plan-green-red .places-item.places-item__second .v-text-field.v-text-field--solo .v-label {
    color: #fff;
}

.plan-green-red .slidepanel-toggle.btn.btn--has-bg {
    background-color: #5b1815;
}

.plan-green-red .header.dark {
    background-color: #883632;
}

.plan-green-red .header.dark a {
    color: #fff;
}

.plan-green-red footer.footer.v-sheet.v-footer {
    background-color: #883632;
}

.plan-green-red footer.footer.v-sheet.v-footer.footer-light {
    background-color: #f3f3f3;
}

.plan-green-red footer.footer.v-sheet.v-footer.footer-light .btn, .plan-purple-red footer.footer.v-sheet.v-footer.footer-light .btn .white-text {
    color: #B4625E;
}

.plan-green-red .faq .v-expansion-panel-header:hover .v-expansion-panel-header__icon {
    background-color: #2E9D5B;
}

.plan-green-red .werepair-item__second:hover {
    border-color: #2E9D5B;
}

.plan-green-red .werepair-item__second .werepair-item__image {
    background-color: #B4625E;
}

.plan-green-red .casino-item__third a, .plan-green-red .casino-item__fourth a {
    color: #2E9D5B;
}

.plan-green-red .brands-item:hover {
    border-color: #2E9D5B;    
}

.plan-green-red .mobilesubheader a {
    color: #fff;
}

.plan-green-red .mobilesubheader .mobile-phone {
    color: #2E9D5B !important;
}

.plan-green-red .theme--light.v-icon {
    color: #B4625E !important;
}

.plan-green-red .topsection {
    background-color: #B4625E;
}

.plan-green-red .faq .v-expansion-panel-header:hover .v-expansion-panel-header__icon i, .plan-green-red .faq-item .v-expansion-panel-header--active i {
    color: #fff !important;
}

.plan-green-red .faq-item .v-expansion-panel-header--active {
    background-color: #B4625E;
}

.plan-green-red .slidepanel-warning {
    background-color: #2E9D5B;
}

.plan-green-red .slidepanel {
    background-color: #5b1815;
}

.plan-green-red .formform-action__header {
    border: 1px solid #B4625E;
    border-bottom: none;
}

.plan-green-red .formform-action__bottom {
    border: 1px solid #B4625E;
    border-top: none;
}

.plan-green-red .mainblock__advantages i {
    color: #fff !important;
}

.plan-green-red .casinos {
    background-color: #B4625E;
}

.plan-green-red .casinos.casinos-second {
    box-shadow: inset 0 0 0 1000px rgba(180, 98, 94, 0.6);
}

.plan-green-red .faq-item.v-expansion-panel-header.v-expansion-panel-header--active {
    color: #fff;
}

.plan-green-red .faq-items .v-expansion-panel.faq-item__second.v-item--active .v-expansion-panel-header {
    background-color: #B4625E;
}

.plan-green-red .faq-item.v-expansion-panel-content__wrap {
    border-color: #B4625E;
}
/* Plan Green-Red */

/* OffScreen */
.offscreen-block {
    display: block;
    transform: translateX(100%);
	transition: 0.3s all ease-in-out;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 40;
	height: 100%;
	border-right: 1px solid rgba(0,0,0,.125);
    max-height: 100vh;
	overflow: scroll;
}

.offscreen-content {
    padding: 20px 0;
}

.offscreen-block.active {
    transform: translateX(0);
}

.offscreen-menu ul {
    margin-bottom: 0;
    padding-left: 0;
}

.offscreen-menu li {
    list-style-type: none;
    margin-bottom: 20px;
    font-size: 15px;
    display: block;
    line-height: 1;
    margin: 0 20px;
    border-bottom: 1px solid rgba(118, 118, 118, 0.20);
}

.offscreen-menu ul li ul li:last-child {
    border-bottom: none;
}

.offscreen-menu li .material-icons {
    position: absolute;
    right: 20px;
    top: 10px;
}

.offscreen-menu .mobile-phone__container {
    border-bottom: none;
}

.offscreen-menu .mobile-phone {
    color: rgb(253, 189, 16);
}

.offscreen-menu li .menu-link {
    list-style-type: none;
    font-size: 15px;
    line-height: 1;
    display: block;
    color: #12597d;
    text-decoration: underline;
    padding: 16px 24px;
    transition: 0.5s transform ease;
}

.offscreen-menu li .menu-link:hover {
    text-decoration: none !important;
    color: #fdbd10;
}

.offscreen-menu li .menu-link.active {
    text-decoration: none;
}

.offscreen-menu li .menu-link:hover .material-icons {
    color: #fdbd10;
}

.offscreen-menu li .menu-link[aria-expanded="true"] .material-icons {
	transform: rotate(180deg);
    color: #fdbd10;
}

.offscreen-menu li .menu-link.active {
    color: #fdbd10 !important;
}

.offmenu-close {
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    display: block;
    margin-bottom: 30px;
    cursor: pointer;
	padding-bottom: 25px;
}

.offmenu-close:hover {
    color: #007bff;
}

.offscreen-socials a {
	font-size: 2.5rem;
	min-width: 40px;
	min-height: 40px;
}
/* OffScreen */

/* Responsive */
.mobile-show-block {
    display: none;
}

@media (max-width: 992px) {
    .mobile-hide {
        display: none;
    }
    
    .navbar-brand {
        max-width: 100px !important;
    }
    
    #werepair search {
        position: relative;
        top: -11px;
    }
    
    .popular-item__image {
        display: flex;
        align-items: center;
    }
    
    .reviews-item.card .card-title {
        text-align: center;
    }
    
    .reviews-form .btn {
        width: 100%;
    }
    
    .header-buttons-block .btn {
        padding: 10px 3px;
        font-size: 13px;
        max-height: 39px;
    }
    
    .header-buttons-block .btn:first-child {
        width: 70px;
    }
    
    .header-buttons-block .btn:last-child {
        width: 140px;
    }
    
    .navbar {
        min-height: 70px;
    }
    
    .footercopy {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 400;
    }
    
    footer {
    	padding: 10px 0;
    }
    
    .footer .menu .menu-link {
        padding: 6px 16px;
        min-height: 26px;
    }
    
    .contacts .contacts-content {
        padding-left: 12px;
    }
    
    .contacts .contacts-map {
        padding-left: 0;
    }
    
    .offscreen-pull {
    	padding: 6px;
    	position: relative;
    	top: 2px;
    }
    
    .mobile-hide {
        display: none;
    }
    
    .contacts .container-fluid > .row {
        width: auto
    }
    
    .mobile-show-block {
        display: block;
    }
    
    .catalog-item__imageitem {
        padding-right: 0;
    }
    
    .casino-item {
        flex-flow: column;
    }
    
    .casino-item__second {
        flex-flow: column !important;
    }
    
    .casino-item__second .casino-item__title, .casino-item__title {
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        margin-right: 0;
    }
    
    .casino-item__second .casino-item__description {
        padding-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .casino-item__second .btn, .casino-item .btn, .whatbroke-item .btn {
        width: 100%;
    }
    
    .casino-item__third {
        flex-flow: column !important;
    }
    
    .casino-item__third .casino-item__title {
        margin-bottom: 0;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        margin-right: 0;
    }
    
    .casino-item__third .casino-item__description {
        padding-right: 20px;
    }
    
    .casino-item__title {
        display: none;
    }
    
    .casino-item__header .img-fluid {
        padding-bottom: 10px;
        width: auto;
        max-height: 65px;
    }
    
    .header.dark .theme--light.v-icon {
        color: #fff !important;
    }
    
    .mainblock__advantages.iconed li {
        max-width: unset;
    }
    
    .catalog-item {
        margin-bottom: 50px;
    }
    
    .section-default {
        padding: 25px 0;
    }
    
    .catalog-item__imageitem .btn {
        left: 50%;
        top: 45%;
        -webkit-transform: translate(-50%, -45%);
        transform: translate(-50%, -45%);
        opacity: 1;
    }
    
    .advantages-item__second {
        flex-flow: column;
    }
    
    .advantages-item__second .advantages-image {
        width: 100%;
    }
    
    .advantages-item__second .advantages-item__header {
        max-width: unset;
    }
    
    .catalog-item__title {
        margin-right: 0;
    }
    
    .ready {
        min-height: unset;
    }
    
    #video-slider {
        padding: 0;
    }
    
    .topsection.align-center {
        align-items: flex-start !important;
        padding-bottom: 28px;
    }
    
    .textblock h1 {
        margin-bottom: 30px;
    }
    
    .textblock_h1 {
        margin-bottom: 40px;
    }
    
    .topsection {
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 100px;
        text-align: center;
    }
    
    .topsection-title__container.top_default, #topsection h1, #topsection .h1 {
        text-align: center;
    }
    
    .topsection .btn {
        display: flex;
    }
    
    .ready {
        background-image: url('/static/img/ready.jpg');
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .ready-backimage {
        display: none;
    }
    
    .v-navigation-drawer--temporary {
        z-index: 100;
    }
    
    .scroll-arrow {
        display: none;
    }
    
    .top-item {
        margin-bottom: 25px;
    }
    
    .catalog-item__imageitem {
        background-image: none;
        padding-bottom: 0;
    }
    
    #ready {
        overflow: hidden;
    }
    
    #reviews {
        overflow: hidden;
    }
    
    .ready-slider .v-card__title {
        text-align: center;
        line-height: 1.9rem;
    }
    
    .measuring {
        padding-bottom: 52px;
    }
    .advantage {
        margin-bottom: 50px;
    }
    
    .advantage:last-child {
        margin-bottom: 0px;
    }
    
    .advantages-item {
        text-align: center;
    }
    
    .footer .menu {
        flex-flow: column;
    }
    
    #video-slider .slick-dots {
        margin-top: 20px;
    }
    
    .breadcrumbs-container {
        display: none;
    }
    
    .slidepanel-toggle {
        display: none;
    }
    
    .slidepanel {
        height: 70px;
        padding: 15px 0 10px;
    }
    
    .slidepanel-arrow img {
        position: absolute;
        left: -15px;
        top: 0;
    }
    
    .theme--light.v-icon {
        color: #12597d !important;
    }
    
    .whatbroke-item__fourth .whatbroke-title {
        justify-content: center;
        text-align: center;
        margin-bottom: 0;
    }
    
    .whatbroke-item__fourth .whatbroke-item__footer {
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }
    
    .whatbroke-item__fourth .whatbroke-item__body {
        padding-bottom: 0;
    }
    
    .whatbroke-item__fourth .whatbroke-item__price {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    .whatbroke-item__fourth .btn {
        width: 100%;
    }
    
    .whatbroke-item__fourth .whatbroke-description {
        text-align: center;
    }
  
    .casino-item {
        height: auto;
    }
    
    .casino-item__description {
        flex-flow: column;
        width: 100%;
    }
    
    .casino-item__description p {
        padding-right: 0;
      	text-align: center;
      	margin-bottom: 10px;
    }
    
    .casinos-second {
        background-position: center;
    }
}

@media (min-width: 900px) and (max-width: 1100px) {
    .header-phone__number {
        font-size: 15px;
    }
    
    .mainblock {
        padding: 100px 0;
        padding-top: 184px;
        min-height: unset;
    }
}

@media (min-width: 800px) and (max-width: 1410px) {
    .mainblock-backimage {
        width: 200%;
    }
}

@media (max-width: 800px) {
    .mainblock {
        padding: 100px 0;
        padding-bottom: 15px;
    }
    
    .mainblock h2 {
        margin-bottom: 10px;
    }
    
    .mainblock-backimage {
        display: none;
    }
    
    .mainblock {
        background-image: url('/static/img/main.jpg');
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .mainblock__advantages {
        margin-top: 10px;
    }
    
    .main-form {
        margin-bottom: 30px;
    }
    
    .textblock h1 {
        margin-bottom: 15px;
        font-size: 2rem;
        line-height: 2.5rem;
    }
    
    .textblock_h1 {
        margin-bottom: 40px !important;
    }
    
    .row-news .news-item {
        margin-bottom: 50px;
    }
    header .btn.btn-block {
    width: 35%;
    }
    .casinos .btn {
        width: 100%;
    }
    .casinos .col-lg-6:first-child {
        margin-bottom: 20px;
    }
    .casino-item__title {
        padding-left: 0px;
    }
    .whatbroke-item__footer {
        padding: 5px 15px 16px;
    }
    #werepair .popular-item__title {
        margin: 0 auto;
    }
}

 .drawerclose {
    display: inline-flex;
    align-items: center;
    color: rgba(0,0,0,.54) !important;
    text-transform: uppercase;
    margin-left: 8px;
    text-decoration: none;
    float: right;
}

@media (min-width: 992px) {
    .header-container {
        min-height: 64px;
    }
}

@media (max-width: 992px) {
    .modal .modal-header {
        padding: 16px 26px 10px;
    	line-height: 1.25;
    	font-size: 1.6rem;
    }
    
    .modal .modal-body {
        padding: 0 24px 20px;
    }
    
    .modal .btn-close {
        top: 10px;
        right: 10px;
      	font-size: 10px;
    }
    
    .modal-subtitle {
    	font-size: 1rem;
    	font-weight: normal;
    	word-break: break-word;
    	width: 100%;
    	display: block;
    	line-height: 1.5rem;
    	margin-top: 0.5rem;
    }
    
    .topform {
        padding-bottom: 1rem;
    }
    
    .topimage img {
        max-height: 350px !important;
        display: none;
    }
    
    .topsection-title {
        text-align: center;
    }
    
    .advantages {
        background: none;
    }
    
    .brands-item {
        margin-bottom: 1rem;
    }
    
    .casino-item {
      	margin: 0 auto 1rem;
    }
  
    .casino-item-inside {
		width: 100%;
    }
  
    .casino-item img {
		padding-bottom: 10px;
    }
    
    .topform-action {
        flex-flow: column;
    }
    
    .topform-action-col {
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    
    .topform-action__container {
        margin-top: 1rem;
    }
    
    #blockform .input-default {
        margin-bottom: 16px;
    }
    
    #brandscarousel {
        max-height: unset;
    }
    
    #brandscarousel .prev {
        left: 0;
    }
    
    #brandscarousel .next {
        right: 0;
    }
    
    #brandscarousel .arrow {
        opacity: 0.7;
    }
    
    .footer .menu {
        align-items: center;
    }
    
    .contacts .point {
        flex-flow: column;
    }
    
    .contacts .point .title {
        margin-bottom: 5px;
    }
    
    .contacts .content-container {
        padding-left: 12px;
    }
    
    .title-contacts {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1260px) {
    .slidepanel-warning__title {
        font-size: 14px;
    }
    
    .slidepanel-warning__count {
        letter-spacing: 0;
        font-size: 30px;
    }
    
    .slidepanel-arrow {
        font-size: 12px;
    }
    
    .slidepanel-arrow img {
        top: -15px;
    }
}
/* Responsive */

/* Color */
a {
    color: #008ecf;
}
a:hover {
    color: #E00420;
}
button, button.btn, a.btn {
    background-color: #E00420;
    color: #ffffff;
  	transition: all 0.25s;
}
a.btn-border {
    border: 2px solid #E00420;
    background-color: transparent;
    color: #E00420;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: #E00420;
}
button:hover, button.btn:hover, button:active, button.btn:active, .btn:active, .btn:first-child:active, button.btn:focus, button:focus, button.btn:focus-visible, button:focus-visible, a.btn:hover, a.btn:focus, :not(.btn-check)+.btn:active {
    background-color: rgba(224,4,32,0.8);
    color: #ffffff;
}
a.btn-border:hover, a.btn-border:active, a.btn-border:focus {
    color: #ffffff;
    border: 2px solid rgba(224,4,32,0.8);
}
.btn-close:focus {
    background-color: #fff;
}
.input-container input:focus + .input-placeholder {
	color: #005691;
}
.topsection .input-container input:focus + .input-placeholder {
	color: #fff;
}
.navbar-brand a {
    color: #E00420;
}
.navbar-brand {
    max-width: 200px;
}
.navbar-brand img {
    max-height: 56px;
    width: auto;
}
.header .header-phone__number {
    color: #008ecf;
}
.header-phone__call, .offscreen-menu li a.header-phone__call {
    color: #E00420;
}
.whatbroke-item-special a {
    background-color: rgba(0,86,145,0.4);
}
.offscreen-menu li a .material-icons {
    color: #E00420 !important;
}
.btn.offscreen-pull.d-lg-none:hover, .btn.offscreen-pull.d-lg-none:focus, .btn.offscreen-pull.d-lg-none:active {
    color: #E00420 !important;
}
.navbar-nav .menu-link.active {
    color: #E00420 !important;
}
.main-background-color, .slidepanel, footer {
    background-color: #005691;
}
.slidepanel-toggle.btn {
    background-color: #E00420 !important;
}
.slidepanel.active .slidepanel-toggle.btn {
    background-color: #005691 !important;
    box-shadow: 0 0 0 1000px rgb(0 0 0 / 33%) inset !important;
}
.types .types-tabs a.active {
    color: #E00420;
    border-color: #E00420;
}
.popular-item {
    border-color: #005691;
}
.popular-item:hover {
    border-color: #E00420;
}

.popular-item__overlay {
    visibility: hidden;
    opacity: 0;
    transition: 0.33s all ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    flex-flow: column;
}

.popular-item:hover .popular-item__overlay {
    visibility: visible;
    opacity: 1;
}

.popular-item__overlay a:last-child {
    color: #fff;
    margin-top: 10px;
}

.popular-item__overlay a:last-child:hover {
    color: #fff;
}

.popular-item__title {
    color: #005691;
}
.popular-item:hover .popular-item__title {
    color: #E00420;
}

.popular-item__badges {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}

.popular-item .popular-item__badges {
    left: 20px;
}

.popular-item__badge {
    background-color: #646a87;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	text-transform: uppercase;
	border-radius: 0 0 6px 6px;
}

.popular-item__badge a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
}

.popular-item__badge.new {
    color: #fff;
    position: relative;
    background-color: #E00420;
}

.popular-item__badge.new a {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.popular-item__badge.new a:hover {
    color: #fff;
}

.popular-item__badge.hit {
    color: #fff;
    position: relative;
    background-color: #62c23c;
}

.popular-item__badge.hit a {
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.popular-item__badge.hit a:hover {
    color: #fff;
}

.pricelist .pricelist-tabs a:hover, .types .types-tabs a:hover {
    color: #E00420;
}
.pricelist .pricelist-tabs a.active {
    color: #005691;
    border-color: #005691;
}
.casino-item__third a.show-modal {
    color: #E00420;
}
.casino-item .casino-item__title a, .casino-item__third a.show-modal:hover {
    color: #008ecf;
}
.casino-item .casino-item__title a:hover {
    color: #E00420;
}
.casino-item__image {
  	flex: 1.5;
    text-align: center;
}
.casino-item__image img {
    max-height: 45px;
    width: auto;
}
.casino-item__image img:hover {
  	opacity: 0.7;
}
.faq-item .faq-item__header a[aria-expanded="true"] {
    background-color: #005691;
}
.faq-item__header:hover .faq-item__icon {
    background-color: #E00420;
}
.slidepanel-mobile a {
    color: #fff;
    text-decoration: none;
    background-color: #E00420;
}
.slidepanel-mobile a.white-btn {
    background-color: #fff;
    color: #005691;
}
.slidepanel-mobile a:active, .slidepanel-mobile a:hover {
    background-color: rgba(224,4,32,0.8) !important;
}
.slidepanel-mobile a.white-btn:active, .slidepanel-mobile a.white-btn:hover {
    background-color: rgba(255,255,255,0.8) !important;
    color: #005691;
}

@media (max-width: 375px) {
    .header-buttons-block .btn:last-child {
        width: 130px;
        margin-right: 0px;
    }
    .header-buttons-block .btn:first-child {
        margin-right: 2px;
        margin-left: 4px;
        width: 66px;
    }
}

@media (max-width: 1200px) and (min-width: 1020px) {
    .slidepanel-desktop a.white-btn {
        margin-right: 0;
    }
    
    .slidepanel-warning__title {
        font-size: 13px;
    	height: 100%;
    	display: flex;
    	align-items: center;
    }
    
    .casino-item__description {
        font-size: 16px;
    }
}
/* Promocode */
.promocode-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
  	gap: 20px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 0.25rem;
    max-width: 100%;
  	min-height: 66px;
    box-sizing: border-box;
    margin: 0 auto 10px;
}

.row > .col-12:last-of-type > .promocode-block {
  	margin: 0 auto;
}

.promocode-description {
	margin-bottom: 0;
}

.promocode-icon {
    cursor: pointer;
}

.promocode-block img {
    width: 20px;
    transition: opacity 0.4s ease;
}

.promocode-block img:hover {
    opacity: 0.5;
}

/* Hide items */
.hidden-item {
    visibility: hidden;
    opacity: 0;
    height: 0 !important;
    overflow: hidden;
  	margin: 0;
}

/* Hamburger Dropdown Menu */
.hamburger-menu {
    position: relative;
    cursor: pointer;
}

.hamburger-icon {
    display: block;
    width: 20px;
    height: 14px;
    position: relative;
    cursor: pointer;
    margin: 3px 10px 0;
}

.hamburger-icon::before,
.hamburger-icon::after,
.hamburger-icon span {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: white;
    position: absolute;
    transition: background-color 0.3s ease;
}

.hamburger-icon::before {
    top: 0;
}

.hamburger-icon span {
    top: 50%;
    transform: translateY(-50%);
}

.hamburger-icon::after {
    bottom: 0;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 8px 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    z-index: 1000 !important;
    margin-top: 0 !important;
}

.dropdown-menu.show {
    display: block;
    animation: fadeIn 0.2s ease;
}

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

.dropdown-menu .menu-item:hover {
    background-color: transparent;
}

.dropdown-menu .menu-link {
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 8px 16px;
    transition: color 0.3s ease;
    white-space: nowrap;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Мобильная кнопка меню */
.mobile-menu-toggle {
    display: none;
    background: none !important;
    border: none !important;
    padding: 15px 0;
    cursor: pointer;
}
.mobile-menu-toggle:hover, .mobile-menu-toggle:active, .mobile-menu-toggle:focus {
    background: none !important;
}
.mobile-hamburger-icon {
    display: block;
    width: 20px;
    height: 14px;
    position: relative;
}

.mobile-hamburger-icon span,
.mobile-hamburger-icon::before,
.mobile-hamburger-icon::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: white;
    position: absolute;
    transition: all 0.3s ease;
}

.mobile-hamburger-icon::before { top: 0; }
.mobile-hamburger-icon span { top: 50%; transform: translateY(-50%); }
.mobile-hamburger-icon::after { bottom: 0; }

/* Анимация крестика */
.mobile-menu-toggle.active .mobile-hamburger-icon::before {
    transform: translateY(6px) rotate(45deg);
}

.mobile-menu-toggle.active .mobile-hamburger-icon span {
    opacity: 0;
}

.mobile-menu-toggle.active .mobile-hamburger-icon::after {
    transform: translateY(-6px) rotate(-45deg);
}

@media (max-width: 992px) {
    header .navbar-nav {
        max-height: 100%;
    }
    header .navbar-nav > ul {
        flex-flow: column;
    }
    header .navbar-nav .menu-item, header .navbar-nav .menu-link {
        font-size: 13px;
        max-height: 100%;
      	height: auto;
      	margin: 0;
      	border-bottom: 1px solid rgba(118, 118, 118, 0.10);
    }
    header .navbar-nav .menu-link {
      	padding: 15px 0px;
    }
    .mobile-menu-toggle {
        display: block;
    }

    .navbar-collapse {
        display: block !important;
        transform: translateX(-100%);
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        height: 100vh;
        transition: all 0.3s ease-in-out;
        padding: 10px 20px 20px;
        overflow-y: auto;
    }

    .navbar-collapse.show {
        transform: translateX(0);
    }

    .navbar-nav {
        width: 100%;
    }

    .menu {
        flex-direction: column;
        width: 100%;
    }

    .menu-item {
        width: 100%;
        margin: 5px 0;
    }

    .menu-link {
        padding: 15px 0;
        display: block;
        width: 100%;
    }
}

/* Класс для блокировки скролла */
.scroll-locked {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

/* Animation for slots */
.fade-in {
    animation: fadeIn 0.5s ease-in forwards;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 600px) {
    .promocode-block {
      	min-height: 118px;
    }
}