.promo-block {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.promo-block__logo {
	max-width: 270px;
	max-height: 80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 1.5rem
}

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

.promo-block__code {
	margin-bottom: 1.5rem
}

.promo-block__link {
	margin-bottom: 1.5rem
}

.promo-block__btn {
	margin-bottom: 1.5rem
}


.promo-block__amount {
	white-space: nowrap;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 500;
	color: #000
}



.promo-block__date {
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 500;
	color: #000
}


.btn-red {
	color: #fff;
	background-color: #f6151d;
	border-color: #f6151d;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4)
}

.btn-red:hover {
	color: #fff;
	background-color: #dc0810;
	border-color: #d0080f
}

.btn-red.focus,
.btn-red:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5);
	box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5)
}

.btn-red.disabled,
.btn-red:disabled {
	color: #fff;
	background-color: #f6151d;
	border-color: #f6151d
}

.btn-red:not(:disabled):not(.disabled).active,
.btn-red:not(:disabled):not(.disabled):active,
.show>.btn-red.dropdown-toggle {
	color: #fff;
	background-color: #d0080f;
	border-color: #c4080e
}

.btn-red:not(:disabled):not(.disabled).active:focus,
.btn-red:not(:disabled):not(.disabled):active:focus,
.show>.btn-red.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5);
	box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5)
}

.btn-red-char {
	color: #fff;
	background-color: #f6151d;
	border-color: #f6151d;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	padding: 0 3.75rem 0 1.125rem;
	position: relative;
	font-size: .75rem;
	line-height: 2.5rem;
	text-transform: uppercase;
	border: none
}

.btn-red-char:hover {
	color: #fff;
	background-color: #dc0810;
	border-color: #d0080f
}

.btn-red-char.focus,
.btn-red-char:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5);
	box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5)
}

.btn-red-char.disabled,
.btn-red-char:disabled {
	color: #fff;
	background-color: #f6151d;
	border-color: #f6151d
}

.btn-red-char:not(:disabled):not(.disabled).active,
.btn-red-char:not(:disabled):not(.disabled):active,
.show>.btn-red-char.dropdown-toggle {
	color: #fff;
	background-color: #d0080f;
	border-color: #c4080e
}

.btn-red-char:not(:disabled):not(.disabled).active:focus,
.btn-red-char:not(:disabled):not(.disabled):active:focus,
.show>.btn-red-char.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5);
	box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5)
}

.btn-red-char:before {
	display: block;
	content: attr(data-char);
	text-align: center;
	font-size: 1.25rem;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	line-height: 2.5rem;
	background: -webkit-linear-gradient(45deg, #b30000 0, #b30000 40%, rgba(179, 0, 0, 0) 100%);
	background: -o-linear-gradient(45deg, #b30000 0, #b30000 40%, rgba(179, 0, 0, 0) 100%);
	background: linear-gradient(45deg, #b30000 0, #b30000 40%, rgba(179, 0, 0, 0) 100%)
}

.btn-d-red {
	color: #fff;
	background-color: #b7070d;
	border-color: #b7070d
}

.btn-d-red:hover {
	color: #fff;
	background-color: #92060a;
	border-color: #86050a
}

.btn-d-red.focus,
.btn-d-red:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(183, 7, 13, .5);
	box-shadow: 0 0 0 .2rem rgba(183, 7, 13, .5)
}

.btn-d-red.disabled,
.btn-d-red:disabled {
	color: #fff;
	background-color: #b7070d;
	border-color: #b7070d
}

.btn-d-red:not(:disabled):not(.disabled).active,
.btn-d-red:not(:disabled):not(.disabled):active,
.show>.btn-d-red.dropdown-toggle {
	color: #fff;
	background-color: #86050a;
	border-color: #7a0509
}

.btn-d-red:not(:disabled):not(.disabled).active:focus,
.btn-d-red:not(:disabled):not(.disabled):active:focus,
.show>.btn-d-red.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(183, 7, 13, .5);
	box-shadow: 0 0 0 .2rem rgba(183, 7, 13, .5)
}

.btn-blue-char {
	color: #fff;
	background-color: #313b47;
	border-color: #313b47;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
	padding: 0 3.75rem 0 1.125rem;
	position: relative;
	font-size: .75rem;
	line-height: 2.5rem;
	text-transform: uppercase;
	border: none
}

.btn-blue-char:hover {
	color: #fff;
	background-color: #212830;
	border-color: #1c2229
}

.btn-blue-char.focus,
.btn-blue-char:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(49, 59, 71, .5);
	box-shadow: 0 0 0 .2rem rgba(49, 59, 71, .5)
}

.btn-blue-char.disabled,
.btn-blue-char:disabled {
	color: #fff;
	background-color: #313b47;
	border-color: #313b47
}

.btn-blue-char:not(:disabled):not(.disabled).active,
.btn-blue-char:not(:disabled):not(.disabled):active,
.show>.btn-blue-char.dropdown-toggle {
	color: #fff;
	background-color: #1c2229;
	border-color: #171c21
}

.btn-blue-char:not(:disabled):not(.disabled).active:focus,
.btn-blue-char:not(:disabled):not(.disabled):active:focus,
.show>.btn-blue-char.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(49, 59, 71, .5);
	box-shadow: 0 0 0 .2rem rgba(49, 59, 71, .5)
}

.btn-blue-char:before {
	display: block;
	content: attr(data-char);
	text-align: center;
	font-size: 1.25rem;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	line-height: 2.5rem;
	background: -webkit-linear-gradient(45deg, #1c2229 0, #1c2229 40%, rgba(28, 34, 41, 0) 100%);
	background: -o-linear-gradient(45deg, #1c2229 0, #1c2229 40%, rgba(28, 34, 41, 0) 100%);
	background: linear-gradient(45deg, #1c2229 0, #1c2229 40%, rgba(28, 34, 41, 0) 100%)
}

.btn-blue-char.disabled {
	opacity: 1;
	background-color: #525252;
	border-color: #525252
}

.btn-blue-char.disabled:before {
	background: -webkit-linear-gradient(45deg, #393838 0, #393838 40%, rgba(57, 56, 56, 0) 100%);
	background: -o-linear-gradient(45deg, #393838 0, #393838 40%, rgba(57, 56, 56, 0) 100%);
	background: linear-gradient(45deg, #393838 0, #393838 40%, rgba(57, 56, 56, 0) 100%)
}

.btn-promocode {
	color: #212529;
	background-color: #fffdbf;
	border-color: #cecb7c;
	border-style: dashed;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.btn-promocode:hover {
	color: #212529;
	background-color: #fffc99;
	border-color: #c0bc57
}

.btn-promocode.focus,
.btn-promocode:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(206, 203, 124, .5);
	box-shadow: 0 0 0 .2rem rgba(206, 203, 124, .5)
}

.btn-promocode.disabled,
.btn-promocode:disabled {
	color: #212529;
	background-color: #fffdbf;
	border-color: #cecb7c
}

.btn-promocode:not(:disabled):not(.disabled).active,
.btn-promocode:not(:disabled):not(.disabled):active,
.show>.btn-promocode.dropdown-toggle {
	color: #212529;
	background-color: #fffb8c;
	border-color: #bdb94e
}

.btn-promocode:not(:disabled):not(.disabled).active:focus,
.btn-promocode:not(:disabled):not(.disabled):active:focus,
.show>.btn-promocode.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(206, 203, 124, .5);
	box-shadow: 0 0 0 .2rem rgba(206, 203, 124, .5)
}

.btn-promocode .text {
	opacity: 1;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.btn-promocode .success {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.btn-promocode.copied {
	border-color: #28a745;
	background-color: #d8f6df;
	color: #145523
}

.btn-promocode.copied .text {
	opacity: 0
}

.btn-promocode.copied .success {
	opacity: 1
}

.btn-more {
	color: #2c2c2c;
	background-color: transparent;
	background-image: none;
	border-color: #2c2c2c;
	border-color: #525252;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 24px
}

.btn-more:hover {
	color: #fff;
	background-color: #2c2c2c;
	border-color: #2c2c2c
}

.btn-more.focus,
.btn-more:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(44, 44, 44, .5);
	box-shadow: 0 0 0 .2rem rgba(44, 44, 44, .5)
}

.btn-more.disabled,
.btn-more:disabled {
	color: #2c2c2c;
	background-color: transparent
}

.btn-more:not(:disabled):not(.disabled).active,
.btn-more:not(:disabled):not(.disabled):active,
.show>.btn-more.dropdown-toggle {
	color: #fff;
	background-color: #2c2c2c;
	border-color: #2c2c2c
}

.btn-more:not(:disabled):not(.disabled).active:focus,
.btn-more:not(:disabled):not(.disabled):active:focus,
.show>.btn-more.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(44, 44, 44, .5);
	box-shadow: 0 0 0 .2rem rgba(44, 44, 44, .5)
}

.btn-more .spin {
	margin-right: 10px
}

.btn-more .spin svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: #424f5f;
	-webkit-transition: fill .15s;
	-o-transition: fill .15s;
	transition: fill .15s
}

.btn-more .spin.animate {
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite
}

.btn-more.active .spin svg,
.btn-more:active .spin svg,
.btn-more:hover .spin svg {
	fill: #fff
}

.btn-border {
	color: #2c2c2c;
	background-color: transparent;
	background-image: none;
	border-color: #2c2c2c;
	border-color: #525252;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 24px
}

.btn-border:hover {
	color: #fff;
	background-color: #2c2c2c;
	border-color: #2c2c2c
}

.btn-border.focus,
.btn-border:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(44, 44, 44, .5);
	box-shadow: 0 0 0 .2rem rgba(44, 44, 44, .5)
}

.btn-border.disabled,
.btn-border:disabled {
	color: #2c2c2c;
	background-color: transparent
}

.btn-border:not(:disabled):not(.disabled).active,
.btn-border:not(:disabled):not(.disabled):active,
.show>.btn-border.dropdown-toggle {
	color: #fff;
	background-color: #2c2c2c;
	border-color: #2c2c2c
}

.btn-border:not(:disabled):not(.disabled).active:focus,
.btn-border:not(:disabled):not(.disabled):active:focus,
.show>.btn-border.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(44, 44, 44, .5);
	box-shadow: 0 0 0 .2rem rgba(44, 44, 44, .5)
}



.btn-border.btn-sm {
	padding: .25rem .5rem
}

.btn-vote {
	font-size: 1.25rem;
	text-transform: uppercase;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.0625rem 1rem;
	min-width: 130px;
	-webkit-box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .21);
	box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .21)
}


.btn-vote-up {
	color: #fff;
	background-color: #00b26f;
	border-color: #00b26f
}

.btn-vote-up:hover {
	color: #fff;
	background-color: #008c57;
	border-color: #007f4f
}

.btn-vote-up.focus,
.btn-vote-up:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(0, 178, 111, .5);
	box-shadow: 0 0 0 .2rem rgba(0, 178, 111, .5)
}

.btn-vote-up.disabled,
.btn-vote-up:disabled {
	color: #fff;
	background-color: #00b26f;
	border-color: #00b26f
}

.btn-vote-up:not(:disabled):not(.disabled).active,
.btn-vote-up:not(:disabled):not(.disabled):active,
.show>.btn-vote-up.dropdown-toggle {
	color: #fff;
	background-color: #007f4f;
	border-color: #007247
}

.btn-vote-up:not(:disabled):not(.disabled).active:focus,
.btn-vote-up:not(:disabled):not(.disabled):active:focus,
.show>.btn-vote-up.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(0, 178, 111, .5);
	box-shadow: 0 0 0 .2rem rgba(0, 178, 111, .5)
}

.btn-vote-down {
	color: #fff;
	background-color: #eb4847;
	border-color: #eb4847
}

.btn-vote-down:hover {
	color: #fff;
	background-color: #e72625;
	border-color: #e61a19
}

.btn-vote-down.focus,
.btn-vote-down:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(235, 72, 71, .5);
	box-shadow: 0 0 0 .2rem rgba(235, 72, 71, .5)
}

.btn-vote-down.disabled,
.btn-vote-down:disabled {
	color: #fff;
	background-color: #eb4847;
	border-color: #eb4847
}

.btn-vote-down:not(:disabled):not(.disabled).active,
.btn-vote-down:not(:disabled):not(.disabled):active,
.show>.btn-vote-down.dropdown-toggle {
	color: #fff;
	background-color: #e61a19;
	border-color: #db1918
}

.btn-vote-down:not(:disabled):not(.disabled).active:focus,
.btn-vote-down:not(:disabled):not(.disabled):active:focus,
.show>.btn-vote-down.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(235, 72, 71, .5);
	box-shadow: 0 0 0 .2rem rgba(235, 72, 71, .5)
}


.btn-pulse {
	color: #fff;
	background-color: #f6151d;
	border-color: #f6151d;
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 2rem;
	padding-right: 2rem;
	text-transform: uppercase
}

.btn-pulse:hover {
	color: #fff;
	background-color: #dc0810;
	border-color: #d0080f
}

.btn-pulse.focus,
.btn-pulse:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5);
	box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5)
}

.btn-pulse.disabled,
.btn-pulse:disabled {
	color: #fff;
	background-color: #f6151d;
	border-color: #f6151d
}

.btn-pulse:not(:disabled):not(.disabled).active,
.btn-pulse:not(:disabled):not(.disabled):active,
.show>.btn-pulse.dropdown-toggle {
	color: #fff;
	background-color: #d0080f;
	border-color: #c4080e
}

.btn-pulse:not(:disabled):not(.disabled).active:focus,
.btn-pulse:not(:disabled):not(.disabled):active:focus,
.show>.btn-pulse.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5);
	box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5)
}

.btn-pulse::before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin-right: .75rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z' fill='%23fff' /%3E%3C/svg%3E") center no-repeat;
	-webkit-background-size: 90% 90%;
	background-size: 90%
}

.btn-pulse::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, -webkit-transform .3s;
	-o-transition: opacity .3s, transform .3s;
	transition: opacity .3s, transform .3s;
	transition: opacity .3s, transform .3s, -webkit-transform .3s;
	-webkit-animation: pulse-animation 1s ease-out infinite;
	animation: pulse-animation 1s ease-out infinite;
	z-index: -1
}

.btn-download {
	color: #fff;
	background-color: #f6151d;
	border-color: #f6151d;
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 2rem;
	padding-right: 2rem;
	text-transform: uppercase
}

.btn-download:hover {
	color: #fff;
	background-color: #dc0810;
	border-color: #d0080f
}

.btn-download.focus,
.btn-download:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5);
	box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5)
}

.btn-download.disabled,
.btn-download:disabled {
	color: #fff;
	background-color: #f6151d;
	border-color: #f6151d
}

.btn-download:not(:disabled):not(.disabled).active,
.btn-download:not(:disabled):not(.disabled):active,
.show>.btn-download.dropdown-toggle {
	color: #fff;
	background-color: #d0080f;
	border-color: #c4080e
}

.btn-download:not(:disabled):not(.disabled).active:focus,
.btn-download:not(:disabled):not(.disabled):active:focus,
.show>.btn-download.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5);
	box-shadow: 0 0 0 .2rem rgba(246, 21, 29, .5)
}

.btn-download::before {
	content: '';
	display: inline-block;
	width: 1.375em;
	height: 1.375em;
	margin-right: .75rem;
	background: url("data:image/svg+xml,%3Csvg id='bold' enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' %3E%3Cpath d='m12 16c-.205 0-.401-.084-.543-.232l-5.25-5.5c-.455-.477-.114-1.268.543-1.268h2.75v-1.25c0-4.273 3.477-7.75 7.75-7.75.414 0 .75.336.75.75s-.336.75-.75.75c-1.517 0-2.75 1.233-2.75 2.75v4.75h2.75c.657 0 .998.791.543 1.268l-5.25 5.5c-.142.148-.338.232-.543.232z'/%3E%3Cpath d='m21 18h-18c-1.654 0-3 1.346-3 3s1.346 3 3 3h18c1.654 0 3-1.346 3-3s-1.346-3-3-3z'/%3E%3C/svg%3E") center no-repeat;
	-webkit-background-size: 90% 90%;
	background-size: 90%
}

.btn-download::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, -webkit-transform .3s;
	-o-transition: opacity .3s, transform .3s;
	transition: opacity .3s, transform .3s;
	transition: opacity .3s, transform .3s, -webkit-transform .3s;
	-webkit-animation: pulse-animation 1s ease-out infinite;
	animation: pulse-animation 1s ease-out infinite;
	z-index: -1
}




.btn-promocode-bookmaker {
	color: #212529;
	background-color: #fff;
	border-color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-style: dashed;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.btn-promocode-bookmaker:hover {
	color: #212529;
	background-color: #fff;
	border-color: #28a745
}

.btn-promocode-bookmaker.focus,
.btn-promocode-bookmaker:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5);
	box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.btn-promocode-bookmaker.disabled,
.btn-promocode-bookmaker:disabled {
	color: #212529;
	background-color: #fff;
	border-color: #fff
}

.btn-promocode-bookmaker:not(:disabled):not(.disabled).active,
.btn-promocode-bookmaker:not(:disabled):not(.disabled):active,
.show>.btn-promocode-bookmaker.dropdown-toggle {
	color: #212529;
	background-color: #e6e5e5;
	border-color: #dfdfdf
}

.btn-promocode-bookmaker:not(:disabled):not(.disabled).active:focus,
.btn-promocode-bookmaker:not(:disabled):not(.disabled):active:focus,
.show>.btn-promocode-bookmaker.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5);
	box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.btn-promocode-bookmaker .field-title {
	opacity: 1;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	text-transform: uppercase;
	font-size: 1.125rem;
	line-height: 1.25
}

.btn-promocode-bookmaker .text {
	opacity: 1;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	font-weight: 700
}

.btn-promocode-bookmaker .success {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	text-transform: uppercase;
	font-size: 1.25rem
}

.btn-promocode-bookmaker.copied {
	border-color: #d8f6df;
	background-color: #d8f6df;
	color: #145523
}

.btn-promocode-bookmaker.copied .field-title {
	opacity: 0
}

.btn-promocode-bookmaker.copied .text {
	opacity: 0
}

.btn-promocode-bookmaker.copied .success {
	opacity: 1
}





@media (max-width:1199.98px) {
	.btn-vote {
		padding: .75rem 1rem;
		min-width: 0
	}
	.btn-promocode-bookmaker .field-title {
		font-size: 1rem
	}
	.btn-promocode-bookmaker .success {
		font-size: 1.125rem
	}
}






@media (max-width:575.98px) {
	.promo-block__code {
		margin-bottom: 1rem
	}
	.promo-block__btn {
		margin-bottom: 1rem
	}
	.promo-block__amount {
		margin-bottom: 1rem
	}
}