.options-container .options-overlay-show {
    opacity: 1;
    visibility: visible;
}
/* чекбоксы платежного сервиса */
.cc-selector-2 input{
    position:absolute;
    z-index:999;
}
.cc-selector-2 input:active +.drinkcard-cc { opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.drinkcard-cc{
    cursor: pointer;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.drinkcard-cc img{
    border-radius: 4px;
}
/* чекбоксы платежного сервиса конец*/

/* список аккаунтов*/
.list_account div.accordion_account::before {
    content: '\f105';
    opacity: .4;
}
.list_account.open>div.accordion_account::before {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.list_account div.accordion_account::after {
    content: '\f103';
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.list_account.open>div.accordion_account::after {
    opacity: .4;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.list_account div.accordion_account::before, .list_account div.accordion_account::after {
    position: absolute;
    left: 21px;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    font-family: FontAwesome,"Font Awesome 5 Free","Font Awesome 5 Pro";
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
}
/* список аккаунтов конец*/
.btn-create-account{
    position: absolute;
    padding: 0.3571429rem 0.64285714rem;
    font-size: 0.9286rem;
    line-height: 20px;
    z-index: 2;
    top: 10px;
    right: -8px;
    padding-left: 12px;
    padding-right: 12px;
}
/* Кастомные выбор
https://bootsnipp.com/snippets/gvlK7
*/
.form-group input[type="radio"],
.form-group input[type="checkbox"]{
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label,
.form-group input[type="radio"] + .btn-group > label{
    white-space: normal;
}

.form-group input[type="checkbox"] + .btn-group > label.btn-default,
.form-group input[type="radio"] + .btn-group > label.btn-default{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    cursor: pointer;
}

.form-group input[type="radio"] + .btn-group > label span:first-child,
.form-group input[type="checkbox"] + .btn-group > label span:first-child{
    display: none;
}

.form-group input[type="radio"] + .btn-group > label span:first-child + span,
.form-group input[type="checkbox"] + .btn-group > label span:first-child + span{
    display: inline-block;
}

.form-group input[type="radio"]:checked + .btn-group > label span:first-child,
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child{
    display: inline-block;
}

.form-group input[type="radio"]:checked + .btn-group > label span:first-child + span,
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child + span{
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span[class*="fa-"],
.form-group input[type="radio"] + .btn-group > label span[class*="fa-"]{
    width: 15px;
    float: left;
    margin: 4px 0 2px -2px;
}

.form-group input[type="checkbox"] + .btn-group > label div.content-label,
.form-group input[type="radio"] + .btn-group > label div.content-label{
    margin-left: 22px;
}
/* Кастомные выбор конец*/

/* Кастомные стили от rubic-on */
/* body{
	background-color: #030202;
	color: #e6d7cc;
} */
body {
	background-image: url(../img/mainpage_bg.png);
	background-size: max(100%, 93.75rem) auto;
	background-position: center top;
	background-repeat: no-repeat;
    background-color: #100c0c;
    color: #e6d7cc;
}
#page-header {
    border-bottom: 1px solid rgba(239, 232, 227, 0.2);
    background: #030202;
    background-color: #030202;
}
#main-container {
	position: relative;
	z-index: 1;
}
.text-dual-primary-dark{
	color: #b02114 !important;
}
.btn-dual-secondary:not([disabled]):not(.disabled).active{
    background: linear-gradient(0deg, #b02114 50%, rgba(3, 2, 2, 0.1)), linear-gradient(0deg, rgba(3, 2, 2, 0.1), #b02114);
		border:none;
		color: #efe8e3;
		border-radius: 10px;
}
.btn-dual-secondary{
		color: #efe8e3;	
}
.btn{
	border-radius: 10px;
}
a.link-effect::before{
	background-color: #b02114;
}
.block{
	background-color: #1c1c1c;
}
.bg-gd-emerald {
    background: #472222;
    background: linear-gradient(135deg, #631616 0%, #472222 100%) !important;
}
.bg-gd-dusk {
    background: #472222;
    background: linear-gradient(135deg, #631616 0%, #472222 100%) !important;
}
.bg-gd-primary{
	  background: #472222;
    background: linear-gradient(135deg, #631616 0%, #472222 100%) !important;
}
.nav-link {
    color: rgba(239, 232, 227, 0.6);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	color: rgba(239, 232, 227, 1);
}
.nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link {
    box-shadow: inset 0 -2px #b02114;
}
.nav-tabs-alt {
    background-color: transparent;
    border-bottom-color: #472222;
}
.nav-tabs-alt .nav-link:hover, .nav-tabs-alt .nav-link:focus {
    color: rgba(239, 232, 227, 1);
    background-color: transparent;
    border-color: transparent;
    box-shadow: inset 0 -2px #b02114;
}
.form-control {
    color: #efe8e3;
    background-color: #030202;
    border: 1px solid #32302f;
}

.form-control:focus {
    color: #ffffff;
    background-color: #2b2b2b;
    border-color: #383838;
    outline: 0;
    box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {

  transition: background-color 9999s ease-out 0s;
	    color: #efe8e3;
			caret-color: #efe8e3; 
    background-color: #030202;
    border: 1px solid #32302f;
		-webkit-text-fill-color: #efe8e3;
}
.btn-secondary {
    color: #c9c9c9;
    background-color: #373333;
    border-color: #3b3b3b;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus:hover {
    color: #efe8e3;
    background-color: #b02114;
    border-color: #b02114;
}
.bg-body-light {
    background-color: #32302f !important;
}
.text-muted {
    color: #aaaaaa !important;
}
a.link-effect.text-muted.mr-10.mb-5.d-inline-block {
    padding: 6px 12px;
    color: #fff !important;
    border-radius: 10px;
		border: 1px solid #636363;
		transition: 0.2s;
}
a.link-effect.text-muted.mr-10.mb-5.d-inline-block:hover {
    background: linear-gradient(0deg, #b02114 50%, rgba(3, 2, 2, 0.1)), linear-gradient(0deg, rgba(3, 2, 2, 0.1), #b02114);
		border: 1px solid #b02114;
}

a.link-effect.text-muted.mr-10.mb-5.d-inline-block:before {
	display: none;
}
.btn-alt-success {
    background: linear-gradient(0deg, #b02114 50%, rgba(3, 2, 2, 0.1)), linear-gradient(0deg, rgba(3, 2, 2, 0.1), #b02114);
		border:none;
		color: #efe8e3;
		padding: 9px 30px;
		text-transform: uppercase;
		transition: 0.2s;
		border-radius: 10px;
}
.btn-alt-success:hover, .btn-alt-success:focus, .btn-alt-success.focus, .btn-alt-success:active {
    color: #fff;
    border-color: #b02114;
    box-shadow: none;
		filter: saturate(1.4);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color: #fff;
}
.text-primary-light {
    color: #fbfbfb !important;
}
a.text-primary-light:hover, a.text-primary-light:focus {
    color: #b02114 !important;
}
a.text-primary-light.link-effect::before {
    background-color: #b02114;
}
.intl-tel-input .country-list {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: #030202;
    border: 1px solid #32302f;
}
.intl-tel-input .country-list .country.highlight {
    background-color: rgb(28 28 28);
}
.btn-dual-secondary:hover, .btn-dual-secondary:focus, .btn-dual-secondary.focus {
    color: #1f1f1f;
    background-color: #6b6b6b38;
    border-color: #636363;
    box-shadow: none;
    color: #e9e3de;
}
.btn-dual-secondary:not([disabled]):not(.disabled):active {
    color: #ffffff;
    background-color: #0f0f0f38;
    border-color: #b02114;
}
.cabinet-logo {
    width: 130px;
    margin-top: -14px;
		transition: 0.2s;
}
.cabinet-logo:hover{
	filter: brightness(1.4);
}
.cabinet-logo img{
	width: 100%;
}
.content-header-item {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
}
.content-header {
    height: 60px;
}
a.link-effect::before{
	display: none;
}
.btn-alt-primary {
    color: #ffffff;
    background: linear-gradient(0deg, #b02114 50%, rgba(3, 2, 2, 0.1)), linear-gradient(0deg, rgba(3, 2, 2, 0.1), #b02114);
    border-color: #b02114;
		border-radius: 10px;
}
.btn-alt-primary:hover {
    color: #fff;
    border-color: #b02114;
    box-shadow: none;
		filter: saturate(1.4);
}
.btn-alt-primary:not([disabled]):not(.disabled):active {
    color: #ffffff;
    background-color: #ffffff;
    border-color: #b02114;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #b02114;
    background-color: #b02114;
}
.btn-alt-primary:hover, .btn-alt-primary:focus, .btn-alt-primary.focus {
    color: #fff;
    border-color: #b02114;
    background-color: #b02114;
}
.block.block-themed > .block-header {
    border-bottom: none;
    color: #fff;
    background-color: #2d1a1a;
}
.alert-danger {
    color: #a89090;
    background-color: #311a19;
    border-color: #3d2423;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}
.close:hover {
    color: #953333;
    text-decoration: none;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #953333;
    text-shadow: 0 1px 0 #6e4040;
    opacity: 0.5;
}
.bg-primary {
    background-color: #291212 !important;
}
a {
    color: #e83f3f;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #953333;
}
select#change_lang option {
    background: #030202;
}
.page-link {
    color: #fff;
    background-color: #130e0e;
    border: 1px solid #130e0e;
}
.page-link:focus {
    color: #ffffff;
    background-color: #b02114;
    border-color: #b02114;
}
.page-link:hover {
  z-index: 2;
  color: #fff;
  text-decoration: none;
  background-color: #b0211485;
  border-color: #b0211485;
}
.form-material > .form-control {
    padding: 6px;
    background-color: #171717;
		box-shadow: none;
		border-radius: 10px;
}
.block {
    margin-bottom: 24px;
    background-color: #171717;
    box-shadow: 0 0px 10px #4444441a;
}
.block.block-rounded {
  border-radius: 10px;
  box-shadow: 0 0px 0px 5px #4444441a;
}
a.block {
    color: #b02114;
}

a.block.block-link-pop:hover {
    box-shadow: 0 2px 20px #181818;
}
.bg-white {
    background-color: #32302f !important;
}
.breadcrumb-item.active {
    color: #ffffff;
}
hr {
    border-top: 1px solid #353535;
}
.custom-control-label::before {
    background-color: #1a1a1a;
    border: #4b4b4b solid 1px;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    filter: opacity(0.5);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b02114;
    border-color: #45140f;
}
.btn-outline-primary {
    color: #e6d7cc;
    background-color: transparent;
    background-image: none;
    border-color: #b02114;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus {
    color: #fff;
    background-color: #b02114;
    border-color: #b02114;
}
.btn-outline-primary:not([disabled]):not(.disabled):active {
    color: #b02114;
    background-color: transparent;
    border-color: #b02114;
}
.content-heading {
    border-bottom: none;
}
.modal-backdrop {
    background-color: #181818;
}
.table th, .table td {
    padding: 10px;
    vertical-align: top;
    border-top: 1px solid #3d3d3d;
}
.table tbody + tbody {
    border-top: 2px solid #272727;
}
.table-active, .table-active > th, .table-active > td {
    background-color: #030202;
}
.table-hover .table-active:hover {
    background-color: #030202;
}
.bg-info-light {
    background-color: #030202 !important;
}
.bg-muted {
    background-color: #32302f !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #b02114;
}
.nav-link:hover, .nav-link:focus {
    color: #b02114;
}
.nav-tabs-block {
    border-radius: 10px;
    background-color: #32302f;
}
.btn-outline-secondary {
    color: #ffffff;
    background-color: #171717;
    background-image: none;
    border-color: #32302f;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    color: #b02114;
    background-color: #030202;
    border-color: #b02114;
}
.btn-outline-secondary:not([disabled]):not(.disabled):active {
    color: #fff;
    background-color: #171717;
    border-color: #b02114;
}
.nav-tabs-block .nav-link.active, .nav-tabs-block .nav-item.show .nav-link {
    color: #fff;
    background-color: #b02114;
    border-radius: 10px;
}
.nav-tabs-block .nav-link:hover, .nav-tabs-block .nav-link:focus {
    color: #fff;
}
.form-wrap.form-builder .frmb-control li {
    background: #161616 !important;
    box-shadow: inset 0 0 0 1px #434343 !important;
}
.form-wrap.form-builder .stage-wrap.empty {
    border: 1px dashed #474747 !important;
    background-color: rgb(2 2 2 / 25%) !important;
}
.block-header-default {
    background-color: #030202;
}
.text-black {
    color: #494949 !important;
}
.table {
    color: #a5a5a5;
    background: rgb(0 0 0 / 30%);
    border: 1px solid #32302f;
}
.table-hover tbody tr:hover {
    color: #ffffff;
    background-color: rgb(0 0 0 / 50%);
		transition: 0.2s;
}
.table th, .table td {
    border-top: 1px solid #32302f;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #32302f;
}
.btn-primary {
    color: #fff;
    background-color: #b02114;
    border-color: #4b1d1d;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
    color: #ac2013;
    background-color: #030202;
    border-color: #b02114;
}
.btn-primary:not([disabled]):not(.disabled):active {
    background-color: #030202;
    border-color: #b02114;
}
.text-primary {
    color: #717171 !important;
}
.btn-create-account {
    top: 10px;
    right: 20px;
}
.block.block-fx-shadow {
  box-shadow: 0 0 20px 0px #2f2f2f;
  opacity: 1;
}
.nav-main-header a:hover{
	background-color: #171717;
	color: #ffffff;
}
.nav-main-header a:focus, .nav-main-header a.active, .nav-main-header li.open > a.nav-submenu, .nav-main-header li:hover > a.nav-submenu {
		color: #ffffff;
		background-color: #b02114;
}
.nav-main-header a {
		border-radius: 10px;
}
.nav-main-header ul, .nav-main-header > li:hover > a.nav-submenu {
		background-color: #171717;
}
.nav-main-header ul {
		width: 100%;
}
.modal-content {
    background-color: #171717;
}
.form-group input[type="checkbox"] + .btn-group > label.btn-default, .form-group input[type="radio"] + .btn-group > label.btn-default {
    color: #ffffff;
    background-color: #2b2b2b;
    border-color: #171717;
    cursor: pointer;
}
.img-avatar-thumb {
    box-shadow: 0 0 0 5px rgb(43 43 43);
		margin-right: 10px !important;
}
.dropdown-menu {
    color: #ffffff;
    background-color: #171717;
    border: 1px solid #32302f;
    border-radius: 10px;
}
.input-group-text {
    color: #afafaf;
    background-color: #2b2929;
    border: 1px solid #32302f;
}
.irs--round .irs-handle {
    border: 4px solid #ad2014;
    background-color: #972015;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(255, 0, 0, 0.3);
}
.irs.irs--round .irs-handle {
    border-color: #4d1515;
}
.irs.irs--round .irs-bar, .irs.irs--round .irs-from, .irs.irs--round .irs-to, .irs.irs--round .irs-single {
    background: #59272b;
}
.irs.irs--round .irs-from::before, .irs.irs--round .irs-to::before, .irs.irs--round .irs-single::before {
    border-top-color: #59272b;
}
.irs.irs--round .irs-min, .irs.irs--round .irs-max, .irs.irs--round .irs-line, .irs.irs--round .irs-grid-pol {
    background: #6f6f6f;
}
.border-bottom {
    border-bottom: 1px solid #6f6f6f !important;
}
.border-right {
    border-right: 1px solid #32302f !important;
}
.table-bordered {
    border: 1px solid #32302f;
}
.page-item.disabled .page-link {
    color: #b9b9b9;
    background-color: #2d2020;
    border-color: #2d2020;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #b02114;
    border-color: #b02114;
}
.block.block-bordered {
    border: 1px solid #32302f;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #b02114;
    border-color: #101010;
}
.css-checkbox .css-control-input ~ .css-control-indicator {
    background-color: #4f4f4f;
    border: 1px solid #919191;
}
.list-group-item {
    background-color: #232323;
    border: 1px solid #575757;
}
.list-group-item-action:hover, .list-group-item-action:focus {
    color: #ffffff;
    background-color: #313131;
}
.list-group-item-action:active {
    color: #ffffff;
    background-color: #b02114;
}
.btn-alt-success:not([disabled]):not(.disabled):active {
    color: #ffffff;
    background-color: #b02114;
    border-color: #b02114;
}
.btn-alt-success:not([disabled]):not(.disabled).active, .show > .btn-alt-success.dropdown-toggle {
    color: #ffffff;
    background-color: #b02114;
    border-color: #b02114;
}
.alert-warning {
    color: #bba884;
    background-color: #392b20;
    border-color: #5f5330;
}
.btn-alt-danger {
    color: #eeeeee;
    background-color: #b02114;
    border-color: #b02114;
}
.btn-alt-danger:hover, .btn-alt-danger:focus, .btn-alt-danger.focus {
    color: #ffffff;
    background-color: #32302f;
    border-color: #3f3f3f;
    box-shadow: none;
}
.btn-alt-danger:not([disabled]):not(.disabled):active {
    color: #ffffff;
    background-color: #b02114;
    border-color: #212121;
}
#page-footer .content .float-left{
	display: none;
}
select#change_lang {
  border-radius: 10px;
  border: 1px solid #575757;
  background: #32302f;
}
.form-material > .form-control:focus {
    background-color: transparent;
    border-color: transparent;
    box-shadow: 0 1px 0 #b02114;
}