::after,
::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}
:root,html { scroll-behavior:smooth; } 
:target { scroll-margin-top:100px; }

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #252921;
	text-align: left;
	background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0 !important
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .7rem
}

p {
	margin-top: 0;
	margin-bottom: 0.5rem
}

abbr[data-original-title],
abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .7rem;
	margin-left: 0
}

blockquote {
	margin: 0 0 1rem
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -.27em
}

sup {
	top: -.7em
}

a {
	text-decoration: none;
	background-color: transparent
}

a:not([href]):not([class]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}

code,
kbd,
pre,
samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 1em
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	-ms-overflow-style: scrollbar
}

figure {
	margin: 0 0 1rem
}

img {
	vertical-align: middle;
	border-style: none
}

svg {
	overflow: hidden;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

caption {
	padding-top: .77rem;
	padding-bottom: .77rem;
	color: #757d6c;
	text-align: left;
	caption-side: bottom
}

th {
	text-align: inherit
}

label {
	display: inline-block;
	margin-bottom: .7rem
}

button {
	border-radius: 0
}

button:focus {
	outline: 1px dotted;
	outline: 7px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[role=button] {
	cursor: pointer
}

select {
	word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
	cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

textarea {
	overflow: auto;
	resize: vertical
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .7rem;
	font-size: 1.7rem;
	line-height: inherit;
	color: inherit;
	white-space: normal
}

progress {
	vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -3px;
	-webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

output {
	display: inline-block
}

summary {
	display: list-item;
	cursor: pointer
}

template {
	display: none
}

[hidden] {
	display: none !important
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.owl-height {
	-webkit-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../images/owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .1s ease;
	transition: -webkit-transform .1s ease;
	-o-transition: transform .1s ease;
	transition: transform .1s ease;
	transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-theme .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 15px;
	margin: 7px;
	padding: 5px 9px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 5px
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: #979186;
	color: #fff;
	text-decoration: none
}

.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 7px 9px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #979186
}

::-webkit-input-placeholder {
	color: #666
}

::-moz-placeholder {
	color: #666
}

:-ms-input-placeholder {
	color: #666
}

::-ms-input-placeholder {
	color: #666
}

::placeholder {
	color: #666
}

input,
textarea {
	outline: 0
}

input:focus:required:invalid,
textarea:focus:required:invalid {
	border-color: red
}

input:required:valid,
textarea:required:valid {
	border-color: green
}

html {
	height: 100%;
	font-size: 17px
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1rem;
	position: relative;
	min-width: 320px;
	line-height: 1.4;
	color: #2f442b;
	background-color: #f6f6f6;
	overflow-x: hidden
}

body.page,
body.post {
	margin: 0
}

.page,
.post {
	margin: 0
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	outline: 0
}

a:focus {
	outline: 0
}

.btn {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 153px;
	min-height: 50px;
	line-height: 50px;
	padding: 19px 39px 19px;
	font-size: 1rem;
	line-height: 1;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	/* text-transform: uppercase; */
	border-radius: 100px;
	border: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.btn:focus {
	outline: 0
}

.btn:hover {
	cursor: pointer;
	text-decoration: none
}

.btn-md {
	min-height: 40px;
	min-width: 110px;
	line-height: 1px;
	padding: 11px 27px 9px;
	font-size: 15px
}

.btn-sm {
	min-height: 30px;
	min-width: 80px;
	padding: 10px 20px 9px;
	font-size: 13px
}

.btn-grey {
	font-weight: 700;
	/* color: #999; */
	background-color: transparent;
	/* border: 1px solid #999; */
	text-shadow: none;
    color: #2f442b;
    background-color: white;
	border: 3px solid #2f442b1a;
	border-radius: 9px;

}

.btn-grey:hover {
	/* color: #999;
	background-color: rgba(153,153,153, .15) */
	color: #8ff700;
}

.btn-green {
	color: #fff;
	font-weight: 700;
	background-color: #cc712e;
	border: none;
	color: white;
    text-shadow: 0 1px 0 #810039cc, 0 -1px 0 #ff7db6cc;
    background-color: #cb0059;
    box-shadow: inset 0 1px 0 #ff7db7, inset 0 -3px 0 #810039, inset 0 9px 10px #ff5f9c, inset 0 -9px 10px #a31656;
	/* border: 5px solid #2f442b1a; */
    background-clip: padding-box;
	border-radius: 13px;
}

.btn-green:hover {
	color: #fff;
	background-color: #e70065
}

.btn-black {
	color: #000
}

#mostb-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

#mostb-main {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

#mostb-footer {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.wrapper {
	padding: 50px 20px;
	width: 1160px;
	margin: 0 auto
}

.compoff-page {
	padding: 50px 20px 70px;
	max-width: 1200px;
	margin: 0 auto
}

.not-found {
	padding: 200px 0
}

.error_404 {
	padding: 70px 20px 50px;
	text-align: center
}

.error_404 .btn {
	width: 280px;
	margin: 0 auto
}

.error_404__img {
	width: 230px;
	margin: 0 auto 30px
}

.error_404__title {
	font-weight: 400;
	font-size: 30;
	line-height: 1.2;
	margin-bottom: 20px
}

.error_404__text {
	color: #000;
	font-weight: 400;
	font-size: 17px;
	line-height: 1.4;
	margin-bottom: 30px
}

.compoff-breadcrumbs {
	height: 30px;
	padding: 0 40px;
	background: #000;
	border-bottom: 1px solid #202020;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.compoff-breadcrumbs .breadcrumbs {
	color: #fff;
	font-size: 13px;
	opacity: .6
}

.compoff-breadcrumbs .breadcrumbs span a span {
	color: #fff;
	opacity: .5
}

.compoff-breadcrumbs .breadcrumbs span a.home {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/home.svg) no-repeat;
	opacity: .5
}

.compoff-breadcrumbs .breadcrumbs span a.home:hover {
	opacity: .9
}

.compoff-breadcrumbs .breadcrumbs span a.home span {
	display: none
}

.compoff-breadcrumbs .breadcrumbs span span.home {
	text-indent: -9999px;
	white-space: nowrap;
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/home.svg) no-repeat;
	opacity: .5
}

.compoff-header {
	/* background-color: #f6f6f6 */
	width: 100%;
    /* display: flex; */
    align-items: center;
    /* padding: 11px 19px; */
    background-color: white;
    box-shadow: 0 5px 7px #1c271726;
    /* border-radius: 0 0 13px 13px; */
}

.compoff-header__sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 113;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.compoff-header__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-height: 100px;
	padding: 25px 40px
}

.compoff-header__logo {
	min-height: 30px
}

.compoff-header__auth {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.compoff-header__auth-missions {
	position: relative;
	margin-right: 27px;
	/*cursor: pointer*/
}

/*.compoff-header__auth-missions:hover .fill {
	fill: #fff
}

.compoff-header__auth-missions:hover .stroke {
	stroke: #fff
}*/

.compoff-header__auth-missions .counts {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -5px;
	right: -5px;
	bottom: auto;
	left: auto;
	font-weight: 700;
	font-size: 13px;
	line-height: 23px;
	text-align: center;
	color: #fff;
	background-color: #4D00FB;
	border-radius: 50%
}

.compoff-header__auth .btn {
	margin-right: 10px
}

.compoff-header__auth .btn-reglog {
	display: none
}

.compoff-header__burger-menu .burger-menu {
	height: 40px;
	cursor: pointer
}

.compoff-header__burger-menu .burger-menu:hover g {
	stroke: #fff
}

.compoff-footer {
	/* background: #000 */
	background-color: #1c2717;
}

.compoff-footer__wrap {
	padding: 70px 0;
	margin: 0 auto;
	display: -ms-grid;
	-ms-grid-columns: 4.5fr 50px 7.5fr;
	grid-template-columns: 4.5fr 7.5fr;
	grid-gap: 0 50px;
	max-width: 1160px;
	padding: 50px 40px 0px 40px;
	-ms-grid-rows: auto 0 auto 0 auto;
	grid-template-areas: "menu paysys""info paysys""extra-info paysys"
}

.compoff-footer__title {
	margin-bottom: 20px;
	text-transform: uppercase;
	line-height: 1.4;
	font-weight: 400;
	font-size: 15px;
	text-align: center;
	color: #fff
}

.compoff-footer__menu-nav {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-area: menu;
	margin-bottom: 60px;
	text-transform: uppercase
}

.compoff-footer__menu-nav li {
	margin-bottom: 13px
}

.compoff-footer__menu-nav a {
	position: relative;
	line-height: 1;
	font-weight: 400;
	font-size: 15px;
	color: #999
}

.compoff-footer__menu-nav a:hover {
	text-decoration: none;
	color: #fff
}

.compoff-footer__menu-nav .menu-info {
	min-width: auto;
	margin-right: 67px
}

.compoff-footer__info-section {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: info;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 60px
}

.compoff-footer__info-item {
	display: block;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	width: 100%;
	max-width: none
}

.compoff-footer__info-item:not(:last-child) {
	margin: 0 30px 60px 0
}

.compoff-footer__info-link {
	text-decoration: underline;
	line-height: 1.4;
	font-weight: 400;
	font-size: 17px;
	color: #999
}

.compoff-footer__info-link:hover {
	color: #fff
}

.compoff-footer__info-link.gagarin span {
	text-transform: uppercase;
	font-weight: 700;
	color: #00ecc5
}

.compoff-footer__pays-section {
	-ms-grid-row: 1;
	-ms-grid-row-span: 5;
	-ms-grid-column: 3;
	grid-area: paysys;
	display: block;
	margin-bottom: 60px
}

.compoff-footer__extra-section {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	grid-area: extra-info;
	padding: 0px 10px 30px 20px;
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
}

.compoff-footer__pays-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}

.compoff-footer__pays-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 107px;
	height: 90px;
	margin: 0 1px 1px 0;
	padding: 10px;
	background-color: rgba(255,255,255, .05)
}

.compoff-footer__pays-item:hover img {
	opacity: 1
}

.compoff-footer__pays-item img {
	width: auto;
	height: auto;
	opacity: .8;
	display: block;
	margin: 0 auto
}

@-webkit-keyframes shMenu {
	0% {
		right: -300px
	}

	100% {
		right: 0
	}
}

@keyframes shMenu {
	0% {
		right: -300px
	}

	100% {
		right: 0
	}
}

@-webkit-keyframes shClsMenu {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes shClsMenu {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.compoff-menu {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0, .4);
	z-index: 10001
}

.compoff-menu__side {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 320px;
	color: #fff;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	-webkit-transition: -webkit-transform .25s;
	transition: -webkit-transform .25s;
	-o-transition: transform .25s;
	transition: transform .25s;
	transition: transform .25s, -webkit-transform .25s;
	z-index: 10002
}

.compoff-menu__wrap {
	right: -17px;
	position: relative;
	width: 320px;
	height: 100%;
	color: #000;
	background-color: #fff;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-animation: shMenu .3s ease-in-out;
	animation: shMenu .3s ease-in-out
}

.compoff-menu__container {
	padding: 37px 40px 17px 30px
}

.compoff-menu__container .close-menu {
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
	padding: 17px;
	-webkit-animation: shClsMenu .5s forwards;
	animation: shClsMenu .5s forwards
}

.compoff-menu__block {
	margin-bottom: 7px;
	padding-bottom: 7px;
	/*border-bottom: 1px solid #eee*/
}

.compoff-menu__block:not(:first-child) {
	margin-top: 20px
}

.compoff-menu__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 27px;
	margin-bottom: 17px
}

.compoff-menu__item.active,
.compoff-menu__item:hover {
	color: #cc712e
}

.compoff-menu__icon {
	height: 27px;
	margin-right: 19px
}

.compoff-menu__label {
	font-size: 15px;
	line-height: 1.4;
	text-transform: uppercase
}

.compoff-menu #mostb-mn-menu li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 17px
}

.compoff-menu #mostb-mn-menu li::before {
	content: '';
	display: inline-block;
	height: 27px;
	width: 27px;
	margin-right: 19px
}

.compoff-menu #mostb-mn-menu li.news-li {
	background: url(../images/news.svg) no-repeat
}

.compoff-menu #mostb-mn-menu li.promo-li {
	background: url(../images/promo.svg) no-repeat
}

.compoff-menu #mostb-mn-menu li.faq-li {
	background: url(../images/help.svg) no-repeat
}

.compoff-menu #mostb-mn-menu li.current-menu-item a {
	color: #cc712e
}

.compoff-menu #mostb-mn-menu a {
	font-size: 15px;
	line-height: 1.8;
	color: #000;
	text-transform: uppercase
}

.compoff-menu #mostb-mn-menu a:hover {
	color: #cc712e;
	text-decoration: none
}

.compoff-menu.hidden {
	visibility: hidden
}

.compoff-menu.hidden .compoff-menu__side {
	overflow: hidden;
	-webkit-transform: translate(320px);
	-ms-transform: translate(320px);
	transform: translate(320px);
	width: 320px
}

.compoff-category {
	background-color: #f5f5f5
}

.compoff-category__wrap {
	margin: 0 auto;
	padding: 50px 0;
	width: 100%;
	max-width: 1160px
}

.compoff-category .title {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	text-transform: uppercase
}

.compoff-category__list {
	display: -ms-grid;
	display: grid;
	grid-gap: 17px;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	position: relative;
	padding-bottom: 70px
}

.compoff-category__news-list {
	position: relative;
	padding-bottom: 70px
}

.compoff-category-item {
	position: relative;
	display: block;
	margin-bottom: 20px;
	height: 510px;
	margin: 0;
	width: 100%;
	color: #000;
	text-decoration: none;
	border-radius: 17px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	background-color: #fff;
	overflow: hidden
}

.compoff-category-item:hover {
	color: #000;
	text-decoration: none;
	-webkit-box-shadow: 0 7px 17px 0 rgba(0,0,0, .15);
	box-shadow: 0 7px 17px 0 rgba(0,0,0, .15)
}

.compoff-category-item:hover .compoff-category-item__image img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.compoff-category-item:hover .compoff-category-item__title {
	color: #cc712e
}

.compoff-category-item:visited {
	color: #000
}

.compoff-category-item__image {
	height: 200px;
	border-radius: 17px 17px 0 0;
	overflow: hidden
}

.compoff-category-item__image img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

.compoff-category-item__label {
	position: absolute;
	top: 10px;
	left: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 17px;
	padding: 3px 10px 0;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	background-color: #cc712e;
	border-radius: 3px
}

.compoff-category-item__label.sport {
	background-color: #ae00ff
}

.compoff-category-item__label.casino {
	background-color: #00cec8
}

.compoff-category-item__info {
	padding: 30px
}

.compoff-category-item__info-date {
	display: block;
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #cc712e !important
}

.compoff-category-item__title {
	margin-bottom: 10px;
	font-size: 25px;
	font-weight: 400;
	line-height: 1.3
}

.compoff-category-item__summary {
	line-height: 1.4;
	font-size: 15px
}

.compoff-category-item__summary p {
	margin-bottom: 0
}

.compoff-category-item-wrap:first-child {
	margin-bottom: 35px;
	grid-column: 1/-1;
	height: 400px
}

.compoff-category-item-wrap:first-child .compoff-category-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 400px
}

.compoff-category-item-wrap:first-child .compoff-category-item__image {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-radius: 0;
	position: relative;
	height: auto
}

.compoff-category-item-wrap:first-child .compoff-category-item__info {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	max-width: 377px
}

.compoff-news-item {
	position: relative;
	margin: 0 auto 20px;
	color: #000;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 17px;
	overflow: hidden;
	min-height: 220px;
	height: 240px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.compoff-news-item:hover {
	color: #000;
	text-decoration: none;
	-webkit-box-shadow: 0 7px 17px 0 rgba(0,0,0, .15);
	box-shadow: 0 7px 17px 0 rgba(0,0,0, .15)
}

.compoff-news-item:hover .compoff-news-item__title {
	color: #cc712e
}

.compoff-news-item:visited {
	color: #000
}

.compoff-news-item__image {
	height: auto;
	min-width: 320px;
	background-position: 50%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 360px;
	min-width: 360px
}

.compoff-news-item__image img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.compoff-news-item__info {
	padding: 20px 60px 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.compoff-news-item__info-date {
	display: block;
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #cc712e !important
}

.compoff-news-item__title {
	margin-bottom: 17px;
	font-size: 25px;
	font-weight: 400;
	line-height: 1.3
}

.compoff-news-item__summary {
	line-height: 1.4;
	font-size: 17px;
	margin-bottom: 20px
}

.compoff-news-item__summary p {
	margin-bottom: 0
}

.return.btn {
	width: 117px;
	height: 40px;
	font-size: 15px
}

.return.btn::before {
	content: "";
	width: 7px;
	height: 7px;
	display: inline-block;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-right: 5px
}

.compoff-article__header {
	position: relative;
	display: block;
	max-height: none;
	height: 400px;
	padding: 0;
	overflow: hidden
}

.compoff-article__header::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), to(#000));
	background-image: -o-linear-gradient(top, transparent 30%, #000);
	background-image: linear-gradient(180deg, transparent 30%, #000);
	z-index: 10
}

.compoff-article__header-img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.compoff-article__header-wrap {
	width: 867px;
	padding: 20px 0 30px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	position: relative;
	z-index: 11
}

.compoff-article__header-info {
	position: relative
}

.compoff-article__header-info-date {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #cc712e !important
}

.compoff-article__header-title {
	margin-top: 20px;
	font-size: 39px;
	font-weight: 400;
	line-height: 1.25;
	color: #fff
}

.compoff-article__summary {
	font-size: 20px;
	margin-bottom: 30px
}

.compoff-article__body {
	display: block
}

.compoff-article__body-wrap {
	padding: 60px 0 70px;
	width: 867px;
	margin: 0 auto
}

.compoff-article__read-also {
	background-color: #f5f5f5
}

.compoff-article__read-also .title {
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: 400;
	line-height: 1.4;
	text-transform: uppercase
}

.compoff-article__read-also-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: normal;
	-ms-flex-pack: normal;
	justify-content: normal;
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal
}

.compoff-readalso-item {
	position: relative;
	display: block;
	width: 377px;
	height: 547px;
	margin-right: 17px;
	color: #000;
	text-decoration: none;
	border-radius: 17px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	background-color: #fff;
	overflow: hidden
}

.compoff-readalso-item:hover {
	color: #000;
	text-decoration: none;
	-webkit-box-shadow: 0 7px 17px 0 rgba(0,0,0, .15);
	box-shadow: 0 7px 17px 0 rgba(0,0,0, .15)
}

.compoff-readalso-item:hover .compoff-readalso-item__image img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.compoff-readalso-item:hover .compoff-readalso-item__title {
	color: #cc712e
}

.compoff-readalso-item:visited {
	color: #000
}

.compoff-readalso-item__image {
	height: 255px;
	border-radius: 17px 17px 0 0;
	overflow: hidden
}

.compoff-readalso-item__image img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

.compoff-readalso-item__info {
	height: calc(100% - 255px);
	padding: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.compoff-readalso-item__info-date {
	display: block;
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #cc712e !important
}

.compoff-readalso-item__title {
	margin-bottom: 10px;
	font-size: 25px;
	font-weight: 400;
	line-height: 1.3
}

.compoff-readalso-item__summary {
	line-height: 1.4;
	font-size: 15px
}

.compoff-home-body {
	min-height: 200px;
	background-color: #f5f5f5
}

.compoff-home-body__header {
	position: -webkit-sticky;
	position: sticky;
	/*height: 100px;*/
	top:97px;
	background: #8ff700;
	/* -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	box-shadow: 0 1px 5px 0 rgba(0,0,0, .07); */
	z-index: 100;
	border-radius: 0 0 13px 13px;
	box-shadow: 0 5px 7px #1c271726;
}
.compoff-home-body__header-sections-items {overflow-x: scroll;background-attachment: local, local, scroll, scroll;-webkit-overflow-scrolling: touch;}
.compoff-home-body__header-sections-items::-webkit-scrollbar {height: 9px;background-color: white;width:20px;}
.compoff-home-body__header-sections-items::-webkit-scrollbar-thumb {background-color: #999;border-radius: 7px;width: 10px;}
.compoff-home-body__header-sections-items::-webkit-scrollbar-thumb:hover {background-color: #b900ffc9;}
.compoff-home-body__header-sections-items::-webkit-scrollbar-button {display: none;}
.compoff-home-body__header-wrap {
	position: relative;
	max-width: 1160px;
	margin: 0 auto
}


.compoff-home-body__header-sections-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 50px
}

.compoff-home-body__header-sections-items .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	height: 100%;
	margin-right: 17px;
	text-transform: uppercase;
	font-size: 15px;
	color: #999;
	white-space: nowrap;
	cursor: pointer
}

.compoff-home-body__header-sections-items .item:hover {
	color: #000
}

.compoff-home-body__header-tools {
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2
}

.compoff-home-body__header-providers {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	position: relative
}

.compoff-home-body__header-filter {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40px;
	height: 40px;
	margin: 0 0 0 10px;
	background-color: #fff;
	border: 1px solid #eee;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	border-radius: 7px;
	cursor: pointer;
	z-index: 101
}

.compoff-home-body__header-search .search-input {
	position: relative;
	cursor: pointer
}

.compoff-home-body__header-search .icon svg {
	position: absolute;
	top: 50%;
	left: 3px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1
}

.compoff-home-body__header-search .search-input__field {
	background: #fff;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	cursor: pointer;
	height: 40px;
	padding: 13px 37px 13px 40px;
	width: 240px;
	font-size: 15px;
	border: 1px solid #eee;
	border-radius: 7px
}

.compoff-home-body__header-search .search-input__field::-webkit-input-placeholder {
	color: #aaa;
	font-weight: 700
}

.compoff-home-body__header-search .search-input__field::-moz-placeholder {
	color: #aaa;
	font-weight: 700
}

.compoff-home-body__header-search .search-input__field:-ms-input-placeholder {
	color: #aaa;
	font-weight: 700
}

.compoff-home-body__header-search .search-input__field::-ms-input-placeholder {
	color: #aaa;
	font-weight: 700
}

.compoff-home-body__header-search .search-input__field::placeholder {
	color: #aaa;
	font-weight: 700
}

.compoff-home-body__games {
	max-width: 337px;
	margin: 0 auto;
	padding: 20px 0 0px
}

.compoff-home-body__games-banner {
	margin-top: 30px
}

.compoff-home-body__games-banner .owl-carousel.owl-loaded {
	position: relative
}

.compoff-home-body__games-banner .owl-carousel.owl-loaded .owl-dots {
	position: absolute;
	bottom: 30px;
	right: 50px
}

.compoff-home-body__games-banner .owl-carousel.owl-loaded .owl-dots .owl-dot {
	outline: 0
}

.compoff-home-body__games-banner .owl-carousel.owl-loaded .owl-dots .owl-dot:not(:last-child) span {
	margin-right: 25px
}

.compoff-home-body__games-banner .owl-carousel.owl-loaded .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	background: rgba(255,255,255, .5)
}

.compoff-home-body__games-banner .owl-carousel.owl-loaded .owl-dots .owl-dot.active span {
	background: #fff
}

.compoff-home-body__games-banner .slider {
	position: relative;
	overflow: hidden;
	border-radius: 17px;
	min-height: 269px;
	width: 100%
}

.compoff-home-body__games-banner .slider-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%
}

.compoff-home-body__games-banner .slider-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: left center;
	object-position: left center;
	display: block
}

.compoff-home-body__games-banner .slider-label {
	position: absolute;
	top: 0;
	left: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 9px 10px 7px 9px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	background: #ae00ff;
	border-radius: 0 0 7px 7px
}

.compoff-home-body__games-banner .slider-label__icon {
	margin-right: 7px;
	margin-top: -7px
}

.compoff-home-body__games-banner .slider-label__icon svg {
	width: 13.5px;
	height: 12.9px
}

.compoff-home-body__games-banner .slider-info {
	position: absolute;
	left: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 240px
}

.compoff-home-body__games-banner .slider-info__title {
	font-size: 25px;
	margin-bottom: 30px;
	color: #fff
}

.compoff-home-body__games-banner .slider-info__button {
	width: 117px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	border-radius: 100px
}

.compoff-games__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 27px 0 20px
}

.compoff-games__header-title {
	font-size: 13px;
	line-height: 1.4;
	text-transform: uppercase;
	margin-left: 13px
}

.compoff-games__grid {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(137px, 1fr));
	grid-auto-flow: dense;
	grid-gap: 9px;
	max-width: 280px;
	margin: 0 auto
}

.compoff-games__grid-banner {
	display: block;
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
	margin: 13px 0;
	width: 100%;
	height: 100%
}

.sq-banner {
	height: 183px;
	position: relative;
	padding: 20px 0 20px 29px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	border-radius: 17px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.sq-banner__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover
}

.sq-banner__title {
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase
}

.sq-banner__description,
.sq-banner__title {
	width: 150px;
	height: auto;
	font-weight: 400;
	line-height: 1.4;
	position: relative
}

.sq-banner__description {
	color: #fff;
	font-size: 13px;
	margin: 5px 0 19px
}

.compoff-games__grid-game {
	position: relative;
	width: 137px;
	height: 87px;
	border-radius: 17px;
	background: #eee;
	overflow: hidden
}

.game {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0, .07);
	box-shadow: 0 1px 5px 0 rgba(0,0,0, .07)
}

.game__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

.game__overlay {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: rgba(0,0,0, .85);
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	border-radius: 17px
}

.game__title {
	display: block;
	text-align: center;
	margin-bottom: 13px;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4;
	color: #fff
}

.game .btn-demo {
	color: #999;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.4;
	text-transform: uppercase;
	margin-top: 13px;
	border-bottom: 1px solid #999
}

.game:hover .game__overlay {
	opacity: 1
}

.compoff-home-txt {
	position: relative;
	width: 100%;
	background-color: #fff
}

.compoff-home-txt__article {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1160px;
	padding: 30px 0 70px;
	color: #999;
	line-height: 20px
}

.ml-1 {
	color: #999;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 23px 0;
	line-height: 1.5;
}

.ml-1-1 {
	color: #999;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 23px 17px;
	line-height: 1.5;
}

.ml-2-1 {
	color: #000;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 23px 17px;
	line-height: 1.5;
}

.ml-2 {
	color: #000;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 0 23px 0;
	line-height: 1.5;
}

.compoff-home-txt__article-expand {
	display: inline-block;
	margin-top: 20px;
	cursor: pointer;
	border-bottom: 1px dashed #cc712e
}

.compoff-home-txt__article-content {
	overflow: hidden;
	max-height: 147px;
	padding-top: 5px
}

.compoff-home-txt__article-content.expand {
	max-height: 100%
}

.compoff-home-txt__article-content.page-txt h1 {
	font-size: 25px
}

.compoff-home-txt__article-content.page-txt h2 {
	font-size: 23px
}

.compoff-home-txt__article-content.page-txt h3 {
	font-size: 20px
}

.compoff-home-txt__article-content.page-txt h4 {
	font-size: 19px
}

.compoff-home-txt__article-content.page-txt h5 {
	font-size: 17px
}

.compoff-home-txt__article-content.page-txt h6 {
	font-size: 17px
}

.compoff-home-txt__article-content.page-txt p {
	margin: 27px 0 20px
}

.compoff-home-txt__article-content.page-txt a {
	font-weight: 700
}

.compoff-home-txt__article-content.page-txt ol,
.compoff-home-txt__article-content.page-txt ul {
	padding-left: 0;
	list-style-position: inside
}

.compoff-home-txt__article-content.page-txt ol li,
.compoff-home-txt__article-content.page-txt ul li {
	padding: 13px 0;
}

.compoff-home-txt__article-content.page-txt ol li:first-child,
.compoff-home-txt__article-content.page-txt ul li:first-child {
	padding-top: 25px
}

.compoff-page-title {
	font-size: 39px;
	margin-bottom: 20px;
	line-height: 1.05;
	text-align: center;
}

.compoff-info-title {
	font-size: 39px;
	margin-top: 20px
}

.summary {
	margin-bottom: 50px;
	font-size: 30px;
	line-height: 1.5
}

.page-txt {
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 5rem
}

.page-txt a {
	color: inherit !important;
	border-bottom: 1px solid #cc712e;
	text-decoration: none
}

.page-txt p {
	margin: 0 0 20px 0;
	line-height: 1.4
}

.page-txt h2,
.page-txt h3,
.page-txt h4,
.page-txt h5,
.page-txt h6 {
	margin-bottom: 17px;
	line-height: 1.3
}

.page-txt h2 {
	font-size: 27px
}

.page-txt h3 {
	font-size: 23px
}

.page-txt h4 {
	font-size: 19px
}

.page-txt h5 {
	font-size: 19px
}

.page-txt h6 {
	font-size: 19px
}

.page-txt ol,
.page-txt ul {
	padding-left: 17px;
	margin-bottom: 20px
}

.page-txt ul {
	list-style: disc
}

.page-txt ol {
	list-style: number
}

.page-txt blockquote {
	position: relative;
	font-style: italic;
	margin: 20px 0;
	padding: 20px 0 13px 47px
}

.page-txt blockquote p {
	margin: 5px 0
}

.page-txt blockquote:before {
	content: " '' ";
	position: absolute;
	left: 5px;
	font-size: 50px;
	color: #000;
	font-weight: 900
}

.page-txt table {
	display: block;
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border: 1px solid #dedede;
	border-collapse: collapse;
	border-spacing: 0
}

.page-txt table tbody {
	display: block;
	font-size: 17px;
	width: 100%
}

.page-txt table tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
	border-bottom: 1px solid #dedede
}

.first-child {
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4;
	color: #999;
	background: #eee;
	text-transform: uppercase
}

.page-txt table tr:nth-child(2n) {
	background: #f9f9f9
}

.page-txt table td {
	width: 100%;
	padding: 15px 10px;
	border-right: 1px solid #dedede
}

span[data-code] {
	cursor: pointer
}

span.span-link {
	text-decoration: underline
}

.pokdom_paggination li {
	display: inline-block;
	padding: 5px 0;
	margin-left: 20px
}

.pokdom_paggination li.prev-li {
	margin-right: 40px
}

.pokdom_paggination li.next-li {
	margin-left: 40px
}

.pokdom_paggination a,
.pokdom_paggination span {
	font-size: 17px;
	line-height: 1.4;
	text-transform: uppercase;
	text-decoration: none
}

.pokdom_paggination span {
	color: #cc712e
}

.pokdom_paggination a {
	color: #999
}

.pokdom_paggination a:hover {
	color: #cc712e
}

@media screen and (min-width:377px) {
	.compoff-home-body__games {
		max-width: 337px
	}

	.compoff-games__grid {
		grid-template-columns: repeat(auto-fill, minmax(163.7px, 1fr));
		max-width: 337px
	}

	.compoff-games__grid-game {
		width: 163.7px;
		height: 103.7px
	}
}
.compoff-header__auth{
	text-align: end;
}
@media screen and (min-width:420px) {
	.compoff-home-body__games {
		max-width: 360px
	}

	.compoff-games__grid {
		grid-template-columns: repeat(auto-fill, minmax(177px, 1fr));
		max-width: 360px
	}

	.compoff-games__grid-game {
		width: 177px;
		height: 111.5px
	}
}

@media screen and (min-width:520px) {
	.compoff-home-body__games {
		max-width: 480px
	}

	.compoff-games__header-title {
		font-size: 17px
	}

	.compoff-games__grid {
		grid-template-columns: repeat(auto-fill, minmax(237px, 1fr));
		max-width: 480px
	}

	.compoff-games__grid-game {
		width: 237px;
		height: 149px
	}

	.game .btn-demo {
		margin-top: 17px
	}
}

@media (max-width:580px){
.page-txt table td{
	padding: 5px;
	font-size: 0.7em;
	word-break: break-word;
}
}
/* @media (max-width:347px){
	.compoffet__mobileLogo{
		display: none;
	}
	} */

@media screen and (min-width:620px) {
	.compoff-home-body__games {
		max-width: 580px
	}

	.compoff-games__grid {
		grid-template-columns: repeat(auto-fill, minmax(187px, 1fr));
		grid-gap: 11px;
		max-width: 580px
	}

	.compoff-games__grid-banner {
		-ms-grid-column-span: 3;
		grid-column-end: span 3
	}

	.compoff-games__grid-banner-sq {
		-ms-grid-column-span: 2;
		grid-column-end: span 2;
		-ms-grid-row-span: 2;
		grid-row-end: span 2;
		margin: 0
	}

	.sq-banner {
		height: 249px
	}

	.compoff-games__grid-game {
		width: 187px;
		height: 119px
	}
}

@media screen and (min-width:769px) {
	.error_404 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 50px 30px;
		text-align: left
	}

	.error_404 .btn {
		width: 217px;
		margin: 0 auto
	}

	.error_404__img {
		width: 449px;
		margin: 0;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}

	.error_404__info {
		width: 217px;
		margin-right: 50px
	}

	.error_404__title {
		margin-bottom: 30px
	}

	.compoff-home-body__games {
		padding-top: 30px;
		max-width: 729px
	}

	.compoff-games__grid {
		grid-template-columns: repeat(auto-fill, minmax(233px, 1fr));
		grid-gap: 17px;
		max-width: 729px
	}

	.compoff-games__grid-banner {
		margin: 0
	}

	.sq-banner {
		width: 480px;
		height: 307px;
		padding: 40px
	}

	.sq-banner__title {
		width: 227px;
		height: auto;
		color: #fff;
		font-size: 30px;
		line-height: 1.2;
		line-height: 37px
	}

	.sq-banner__description {
		width: 200px;
		height: auto;
		color: #fff;
		font-weight: 400;
		font-size: 17px;
		line-height: 1.4;
		line-height: 25px;
		margin: 17px 0 30px
	}

	.compoff-games__grid-game {
		width: 233px;
		height: 147px
	}
}

@media screen and (min-width:880px) {
	.compoff-home-body__games {
		max-width: 840px
	}

	.compoff-games__grid {
		grid-template-columns: repeat(auto-fill, minmax(269px, 1fr));
		grid-gap: 17px;
		max-width: 840px
	}

	.sq-banner {
		width: 555px;
		height: 357px
	}

	.compoff-games__grid-game {
		width: 269px;
		height: 170px
	}
}

@media screen and (min-width:993px) {
	.error_404 {
		padding: 80px 0 70px
	}

	.error_404__img {
		width: 520px
	}

	.compoff-home-body__games {
		max-width: 913px
	}

	.compoff-games__header-title {
		font-size: 20px
	}

	.compoff-games__grid {
		grid-template-columns: repeat(auto-fill, minmax(217px, 1fr));
		grid-gap: 17px;
		max-width: 913px
	}

	.sq-banner {
		width: 449px;
		height: 290px
	}

	.compoff-games__grid-game {
		width: 217px;
		height: 139px
	}
}


@media screen and (min-width:1200px) {
	
	.error_404 {
		padding-bottom: 90px
	}

	.error_404__img {
		width: 610px
	}

	.error_404__info {
		margin-right: 80px;
		width: 270px
	}

	.error_404__title {
		font-size: 39px
	}

	.error_404__text {
		font-size: 20px;
		margin-bottom: 40px
	}

	.compoff-home-body__games {
		max-width: 1160px;
		margin: 0 auto
	}

	.compoff-games__grid {
		grid-template-columns: repeat(auto-fill, minmax(279px, 1fr));
		grid-gap: 17px;
		max-width: 1160px
	}

	.sq-banner {
		width: 573px;
		height: 369px;
		padding: 50px
	}

	.compoff-games__grid-game {
		width: 279px;
		height: 177px
	}
}

@media screen and (max-width:1199px) {
	.compoff-category__wrap {
		max-width: 950px
	}

	.compoff-home-txt__article {
		padding: 30px 40px 70px
	}

	.compoff-home-body__header {
		padding: 0 40px
	}

	.compoff-home-body__header-search .search-input__field {
		width: 40px;
		padding-left: 39px;
		padding-right: 0
	}

	.compoff-home-body__header-search .icon svg {
		left: 7px
	}

	.wrapper {
		width: 100%
	}
}

@media screen and (max-width:993px) {
	.compoff-header__wrap {
		padding: 25px 19px
	}

	.compoff-breadcrumbs {
		padding: 0 20px;
		white-space: nowrap;
		overflow: hidden
	}

	.compoff-footer__pays-item {
		width: 89px;
		height: 60px
	}

	.compoff-footer__pays-item img {
		width: 80%
	}

	.compoff-category__wrap {
		max-width: 730px;
		padding: 30px 0 70px
	}

	.compoff-news-item__image {
		width: 320px;
		height: auto;
		min-width: 320px;
		background-position: 50%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.compoff-news-item__info {
		padding: 20px
	}

	.compoff-news-item__title {
		font-size: 20px
	}

	.compoff-news-item__summary {
		font-size: 15px
	}

	.compoff-category__list {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr
	}

	.compoff-category__list .compoff-category-item-wrap {
		grid-column: auto
	}

	.compoff-category__list .compoff-category-item-wrap:first-child {
		margin-bottom: 20px;
		height: auto;
		grid-column: auto
	}

	.compoff-category__list .compoff-category-item-wrap:first-child .compoff-category-item {
		display: block;
		height: 510px
	}

	.compoff-category__list .compoff-category-item-wrap:first-child .compoff-category-item__image {
		height: 200px
	}

	.compoff-category__list .compoff-category-item-wrap:first-child .compoff-category-item__info {
		width: 100%;
		max-width: 100%
	}

	.compoff-home-txt__article {
		padding: 30px 20px 20px
	}

	.compoff-home-body__header {
		padding: 0 20px
	}

	.compoff-home-body__games-banner {
		margin-top: 0
	}

	.compoff-home-body__games-banner .slider {
		min-height: 229px
	}

	.compoff-home-body__games-banner .slider-info__title {
		font-size: 20px
	}

	.compoff-article__header-wrap {
		width: 100%;
		padding: 20px 20px 30px
	}

	.compoff-article__header-title {
		font-size: 25px
	}

	.return.btn {
		width: 87px;
		height: 30px;
		font-size: 13px
	}

	.compoff-article__body-wrap {
		padding: 60px 20px 70px;
		width: 100%
	}

	.wrapper {
		width: 100%;
		max-width: 729px
	}

	.compoff-readalso-item__image {
		height: 155px
	}

	.compoff-readalso-item__info {
		padding: 20px;
		height: calc(100% - 155px)
	}

	.compoff-readalso-item__title {
		font-size: 17px;
		font-weight: 700
	}

	.compoff-readalso-item {
		width: 233px;
		height: 360px
	}

	.compoff-readalso-item__info-date {
		margin-bottom: 0
	}

	.page-txt {
		margin-bottom: 0
	}
}

@media screen and (max-width:769px) {
	.custom-logo-link {
		display: block;
		overflow: hidden
	}

	.custom-logo-link img {
		max-width: none
	}

	.compoff-header__wrap {
		padding: 19px
	}

	.compoff-home-body__header {
		top: 0;
		position: static;
	}

	.compoff-header__auth {
		justify-content: right
	}
/* .btn-header{} */
	.compoff-header__auth .btn {
		margin-right: 0;
		margin-top: 7px;
	}

	.compoff-header__auth .btn-reglog {
		display: block
	}

	.compoff-header__auth .btn-reglog {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.compoff-header__auth-missions {
		display: none
	}

	.compoff-footer__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 20px
	}

	.compoff-footer__info-section {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}

	.compoff-footer__info-item {
		max-width: 200px
	}

	.compoff-footer__info-item:not(:last-child) {
		margin: 0 30px 37px 0
	}

	.compoff-category__wrap {
		max-width: 730px;
		padding: 30px 20px 70px
	}

	.compoff-category .compoff-news-item {
		display: block;
		height: auto
	}

	.compoff-category .compoff-news-item__image {
		height: 250px;
		width: 100%
	}

	.compoff-category .compoff-news-item__info-date {
		margin-bottom: 0
	}

	.compoff-category__list {
		display: block;
		max-width: 420px;
		margin: 0 auto
	}

	.compoff-category__list>div {
		margin-bottom: 20px
	}

	.compoff-category__list .compoff-category-item-wrap .compoff-category-item,
	.compoff-category__list .compoff-category-item-wrap:first-child .compoff-category-item {
		height: auto
	}

	.compoff-category__list .compoff-category-item-wrap .compoff-category-item__title,
	.compoff-category__list .compoff-category-item-wrap:first-child .compoff-category-item__title {
		font-size: 20px
	}

	.compoff-category .title {
		text-align: center
	}

	.compoff-home-body__header-sections-items .item {
		font-size: 13px
	}

	.compoff-home-body__games-banner .slider {
		min-height: 167px
	}

	.compoff-home-body__games-banner .slider-info__title {
		font-size: 15px;
		margin-bottom: 10px
	}

	.compoff-home-body__games-banner .slider-info__button {
		width: 70px;
		height: 30px
	}

	.compoff-home-body__games-banner .slider-label {
		font-size: 10px;
		padding: 5px 10px 1px 9px
	}

	.compoff-home-body__games-banner .slider-label__icon {
		margin-top: -5px
	}

	.compoff-home-body__games-banner .owl-carousel.owl-loaded .owl-dots {
		bottom: 10px;
		right: 10px
	}

	.compoff-home-body__games-banner .owl-carousel.owl-loaded .owl-dots .owl-dot span {
		width: 10px;
		height: 10px
	}

	.compoff-home-body__games-banner .owl-carousel.owl-loaded .owl-dots .owl-dot:not(:last-child) span {
		margin-right: 7px
	}

	.compoff-article__read-also .wrapper {
		padding: 20px
	}

	.compoff-article__read-also .title {
		font-size: 15px;
		margin-bottom: 10px
	}

	.compoff-article__body-wrap {
		padding: 30px 20px 40px
	}

	.compoff-article__read-also-list {
		display: block
	}

	.compoff-readalso-item {
		width: 100%;
		height: auto;
		background-color: #f5f5f5;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.compoff-readalso-item:hover {
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.compoff-readalso-item:not(:last-child) {
		border-bottom: 1px solid #eee
	}

	.compoff-readalso-item__image {
		display: none
	}

	.compoff-readalso-item__info {
		padding: 17px 0
	}
}

@media screen and (max-width:480px) {
	.compoff-home-body__games-banner .slider {
		min-height: 123px
	}
}

.center-wrap {
	margin: 0 auto;
	width: fit-content
}

@media screen and (max-width:787px) {
	.page-txt table {
		width: 100%
	}
}
.mb-2 {
	margin-bottom: 20px
}

.pros-cons {
	display: flex;
	width: 80%;
	margin: 33px auto;
	border: 1px solid #dedede
}

@media screen and (max-width:787px) {
	.pros-cons {
		width: 100%
	}
}

.pros-cons .heading {
	font-size: 20px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 17px 25px
}

.pros-cons .pros-container .heading {
	background: #cc712e
}

.pros-cons .cons-container .heading {
	background: #008eff
}

.pros-cons .pros-container,
.pros-cons .cons-container {
	flex: 1
}

.pros-cons .pros {
	border-right: 1px solid #eee
}

.pros-cons ul {
	padding: 0;
	list-style: none;
	margin: 0
}

.pros-cons ul li {
	padding: 17px 33px;
	font-size: 17px;
	line-height: 2;
	display: flex
}

@media (max-width:530px) {
	.pros-cons {
		flex-direction: column
	}

	.pros-cons ul li:nth-of-type(2n) {
		background: #eee
	}
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	width: 50px;
	height: 50px;
	border: 0;
	outline: 0;
	background-color: #cccccc9e;
	color: white;
	cursor: pointer;
	padding: 17px;
	border-radius: 100px;
	font-size: 19px;
	line-height: 19px;
}

#myBtn:hover {
	background-color: #b900ffc9
}
.h_h_r {width: 50%;height: 100%;background-color: #f9f9f9;margin: 0 auto 30px auto;border: 1px solid #dedede;border-radius: 17px;box-shadow: #949494 0 0 10px; } 
.h_h_r_bb {padding: 17px;text-align:center; } 
.h_h_r_t {font-size: 19px;line-height: 20px;color: #000;text-align: left;padding: 10px 10px 7px 10px;text-align: center;} 
.h_h_r_p {height: 50px;border: 3px dashed #fff;border-radius: 100px;background-color: #2a2a2a;font-weight: bold;font-size: 19px;line-height: 23px;color: #fff;position: relative;margin: 15px 0; } 
.r_p_i {position: absolute;top: 15px;right: 10px; } 
.r_p_t {line-height: 47px; } 
.h_h_r_p.click_block {cursor: pointer; } 
.h_h_r_b {line-height: 50px;height: 50px;font-size: 19px; } 
.h_h_rr {width: 70%;height: 100%;background-color: #f9f9f9;margin: 0 auto 30px auto;border: 1px solid #dedede;border-radius: 17px;box-shadow: #949494 0 0 10px; } 
.h_h_rrr {width: 70%;height: 100%;background-color: #f9f9f9;margin: 0 auto 60px auto;border: 1px solid #dedede;border-radius: 17px;box-shadow: #949494 0 0 10px; } 
.h_h_r_tt{font-size: 17px;line-height: 20px;color: #000;text-align: left;padding: 9px 10px 10px 10px;text-align: left;}
.rr {display: flex;flex-direction: column;}
.curac{padding-top: 9px;}
@media (max-width:1200px) {
	.rr {
		display: flex;
		flex-direction: column;
	}
	.h_h_rr{
		width: 90%;
	}
	.h_h_rrr{
		width: 90%;
	}
}


@media (max-width: 800px) {
.h_h_r {width: 100%;float: unset;} 
.h_h_r_bb {padding: 17px; } }
.promo_single_head{border:solid 1px rgba(0,0,0,.2);}
.like-green-link {padding-left: 10px;border-radius: 100px;display: block;width: 100%;height: 50px;background-color: #cc712e;border-bottom: 3px solid #cc712e;color: #fefefe;font-size: 17px;font-weight: 700;line-height: 50px;text-align: center;cursor: pointer;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;text-decoration: none; } 
.like-green-link:hover {text-decoration: none;background-color: #e70065;color: #fff; } 
.like-green-link {margin: 15px 0; } 
@media only screen and (max-width:600px){.like-green-link{position:relative;width:100%;margin-top:9px;left:auto}}
a.disabled {pointer-events: none;cursor: default;color: #888;opacity: 0.7;}
.dropbtn {background-color: #cc712e;color: white;min-height: 40px;min-width: 110px;line-height: 1px;font-size: 15px;border:none;border-radius: 100px;text-decoration: none;border:none;padding: 7px;display: flex;z-index: 1;align-items: center;position: relative;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f1f1f1;z-index: 1;border-radius: 100px;min-height: 40px;min-width: 110px;text-decoration: none;border:none;}
.dropdown-content a {color: black;padding: 7px;text-decoration: none;line-height: 1px;font-size: 15px;border:none;display: flex;z-index: 1;align-items: center;position: relative;height: 40px;border-radius: 100px;}
.dropdown-content a:hover {background-color: #b900ffc9;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-content a {display: flex;z-index: 1;align-items: center;position: relative;}
.dropdown:hover .dropbtn {background-color: #cc712e;}
.icon-flag:before { content: ""; display: inline-block; background-repeat: no-repeat; background-position: 50%; background-size: cover; background-color: transparent; width: 37px; height: 27px; margin: 0 7px;border-radius: 100px;}
.icon-flag--en:before { background-image: url(../images/en.svg);}
.icon-flag--fr:before { background-image: url(../images/fr.svg);}
.compoff-home-body__header-sections-items {overflow-x: scroll;background-attachment: local, local, scroll, scroll;-webkit-overflow-scrolling: touch;}
.compoff-home-body__header-sections-items::-webkit-scrollbar {height: 9px;background-color: white;width:20px;}
.compoff-home-body__header-sections-items::-webkit-scrollbar-thumb {background-color: #999;border-radius: 7px;width: 10px;}
.compoff-home-body__header-sections-items::-webkit-scrollbar-thumb:hover {background-color: #b900ffc9;}
.compoff-home-body__header-sections-items::-webkit-scrollbar-button {display: none;}
/* Выпадающие подпункты */
 /*#mainmenu ul li ul { position: absolute; left: 0; top: 40px; display: none; list-style: none; visibility: hidden; padding: 0; margin: 0; width: 200px}*/
  #mainmenu ul li ul { position: fixed; display: none; list-style: none; visibility: hidden; padding: 0; margin: 0; width: 200px}
 #mainmenu > ul > li ul li { /*background: rgba(36,56,23, .8);*/ position: relative; left: 0; display: list-item; float: none; height: auto; margin: 0; text-align: left; width: 300px; } 
 #mainmenu ul li ul li a { cursor: pointer;border-bottom: 1px solid #fff; display: block; color: #999; padding: 10px 17px; text-decoration: none; } 
 #mainmenu ul li ul li:last-child a{border-bottom:none}
 #mainmenu ul li ul li.parent a { position: relative; } 
 #mainmenu ul li ul > li.parent > a::before { border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; display: block; position: absolute; right: 17px; top: 50%; transform: translateY(-50%) rotate(45deg); height: 7px; width: 7px; } 
 #mainmenu ul li ul li:hover, #mainmenu ul li ul li.hover, #mainmenu ul li ul li a:hover { color: #000;}
 #mainmenu ul li:hover ul, #mainmenu ul li.hover ul { display: block}
 
 /* Выпадающие пункты второго уровня */
 #mainmenu ul li:hover > ul { opacity: 1; visibility: visible; margin: 0; background-color: #f5f5f5; border: 1px solid #dedede; border-radius: 17px; box-shadow: #949494 0 0 10px;width: fit-content;} 
 #mainmenu ul li ul li ul { top: 0; left: 200px; margin: 0 0 0 20px; width: 180px}
 @media (max-width: 705px) {
#mainmenu > ul > li { width:100%;}
.review-top__cta {margin-top: 210px;}
 }

#games-parent {position: relative;} 

.parent {
  position: relative;
}

    .arrow {cursor: pointer;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #555 transparent transparent transparent;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: transform 0.3s;
}

.submenu {display: none;position: absolute;top: 160%;left: 20px;padding: 0;margin: 0;list-style: none;}
.submenu li a {cursor: pointer}
 /* end */
 #playGame {
	width:inherit;
	margin: .9rem auto;
}

.adaptive:empty.lobstermania-2 {
	background: url(../images/lobstermania-2.webp) center;
	background-repeat: no-repeat;
	background-size: contain;
}
.adaptive.lobstermania-2 {
  padding-top:50%;
}
.adaptive:empty.kitty-glitter {
	background: url(../images/kitty-glitter.webp) center;
	background-repeat: no-repeat;
	background-size: contain;
}
.adaptive.kitty-glitter {
  padding-top:50%;
}
.adaptive:empty.white-orchid {
	background: url(../images/white-orchid.webp) center;
	background-repeat: no-repeat;
	background-size: contain;
}
.adaptive.white-orchid {
  padding-top:50%;
}
.adaptive:empty.siberian-storm {
	background: url(../images/siberian-storm.webp) center;
	background-repeat: no-repeat;
	background-size: contain;
}
.adaptive.siberian-storm {
  padding-top:50%;
}
@media (min-width:920px) {
  .adaptive:empty{padding-top:39%;}
  }
.adaptive iframe{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	border:unset;
	max-height:90vh;
}
.adaptive{
	position:relative;
	overflow:hidden;
	width:100%;
	padding-top:75%;
	margin-bottom:1rem;
	margin-top:1.7rem;
	max-width:1237px;
}
.adaptive:empty{
  max-width:1237px;
  padding-top:42%;
  margin-top:1.7rem;
}
.adaptive:empty::before{
	content: '';
	background-image:url(../images/lets-play.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 70%;
	width: -webkit-fill-available;
	background-size: 40%;
	min-height: 100%;
	position: absolute;
	display: grid;
	top: 0;
  margin-left: 200px;
  margin-right: 200px;
    -webkit-animation-name: pulse;
            animation-name: pulse;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-filter: hue-rotate(228deg) drop-shadow(0px 0px 1.7rem white);
            filter: hue-rotate(228deg) drop-shadow(0px 0px 1.7rem white);
    }
  @media (max-width:800px){
    .adaptive:empty::before{
      margin-left: 50px;
      margin-right: 50px;
    }
  }
  @-webkit-keyframes pulse{
    0%{background-size: 40%;}
    25%{background-size: 55%;}
    50%{background-size: 40%;}
    75%{background-size: 55%;}
    100%{background-size: 40%;}
  }
  @keyframes pulse{
    0%{background-size: 40%;}
    25%{background-size: 55%;}
    50%{background-size: 40%;}
    75%{background-size: 55%;}
    100%{background-size: 40%;}
  }
.compoff-home-body__header p{
	text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    /* background-color: #e100fc57; */
	border-radius: 0 0 13px 13px;
}
.comment-form {
    display: block;
    overflow: hidden;
	background-color: #f9f9f9;
    margin: 0 auto 30px auto;
    border: 1px solid #dedede;
    border-radius: 17px;
    box-shadow: #949494 0 0 10px;
}
.comment-form > div {
    margin: 17px;
}
.wrapp_comments {
    margin-top: 20px;
}
.comment_element {
    padding: 17px;
    border-radius: 17px;
    margin-bottom: 17px;
	background-color: #f9f9f9;
	border: 1px solid #dedede;
    box-shadow: #949494 0 0 10px;
}
.usr_comm_date {
    font-size: 13px;
    color: #c1c1c1;
    padding: 0;
}
.usr_comment_content {
    border-top: 1px solid #cc712e;
    margin-top: 10px;
    padding-top: 10px;
}
.input-ttl{
	border: 1px solid #cc712e69;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.4);
  }
  .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 40%;
	text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .close{
	background-color: #cccccc9e;
    color: white;
    cursor: pointer;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 100px;
    font-size: 19px;
  }
  .close:hover{
	background-color: #b900ffc9;
  }
  .modal-content p{
	margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
  }
  .author{
	height: 100%;
    background-color: #f9f9f9;
    margin: 0 auto 30px auto;
    border: 1px solid #dedede;
    border-radius: 17px;
    box-shadow: #949494 0 0 10px;
	padding: 17px;
	
  }
  .author_f{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
    border-radius: 17px;
	align-items: center;
  }
  .author_s{
	padding-top: 10px;
  }
  .author1{
	width: 15%;
  }
  .author_img{
	border-radius: 17px;
  }
  .author2{
	width: 77%;
	margin-top: 0.7rem;
  }
  .author3{
	width: 5%;
  }
  @media screen and (max-width: 1200px){
	.author_f{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border-radius: 17px;
		align-items: flex-start;
	}
	.author1{
		width: 100%;
	  }
	.author2{
		width: 100%;
	}
	.author3{
		width: 100%;
	  }
  }
  .compoffet_img{
	border-radius: 17px;
	margin-bottom: 20px;
  }
  .corg-footer-inr{
	text-align: center;
    margin: 0 auto;
	padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1rem;
  }
  .copyr {
    margin: 7px 0;
    line-height: 1.2;
    text-align: left;
    font-size: 15px;
	color: #fff;
	max-width: 1060px;
}
.copyr1 {
    margin: 7px 0;
    line-height: 1.2;
    text-align: center;
    font-size: 19px;
	color: #fff;
	max-width: 1060px;
}
.corg-footer-inr img{
	margin-right: 10px;
}
.mobile-grid {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    margin-top: 17px;
	margin-bottom: 47px;
}
.mob-link {
    display: inline-block;
    background-size: contain;
    height: 55px;
    color: transparent;
    border-radius: 10px;
}
.android-app {
    background: url(../images/android.jpg) center center no-repeat;
    width: 197px;
}
.appstore {
    background: url(../images/app-store.jpg) center center no-repeat;
    width: 197px;
}
@media (max-width: 520px){
	.android-app {
		width: 157px;
		height: 43px;
		background-size: cover;
	}
	.appstore {
		width: 157px;
		height: 43px;
		background-size: cover;
	}
}
.casino{
	padding: 20px;
	width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    margin: 0 auto 60px auto;
    border: 1px solid #dedede;
    border-radius: 17px;
    box-shadow: #949494 0 0 10px;
	display: flex;
    flex-direction: row;
	align-items: center;
}
.bonuses {
	width: 40%;
    padding: 20px;
    margin: auto;
}
.bonuses span {
    display: block;
    text-align: center;
	font-weight: bold;
}
.rating {
	padding: 27px;
    display: flex;
    flex-direction: column;
    width: 150px;
    text-align: center;
    justify-content: center;
}
.links{
	width: 20%;
}
.links a.to-site {
    padding: 10px 5px;
    /* background: #cc712e; */
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    display: block;
    text-align: center;
	text-shadow: 0 1px 0 #810039cc, 0 -1px 0 #ff7db6cc;
    background-color: #cb0059;
    box-shadow: inset 0 1px 0 #ff7db7, inset 0 -3px 0 #810039, inset 0 9px 10px #ff5f9c, inset 0 -9px 10px #a31656;
	border: 5px solid #2f442b1a;
    background-clip: padding-box;
	border-radius: 13px;
}
.links a.to-site:hover {
    background: #e70065;
}
@media screen and (max-width:1200px) {
.casino{
	flex-direction: column;
}
.links{
	width: 100%;
}
.bonuses {
	width: 100%;
}
.rating {
	padding-top: 0px;
}
}
.compoff-home-body__header-wrap {
	position: relative;
	max-width: 1160px;
	margin: 0 auto
}

.compoff-home-body__header-sections-items {
    overflow-x: scroll;
    background-attachment: local, local, scroll, scroll;
    -webkit-overflow-scrolling: touch;
}

/* .compoff-home-body__header-sections-items .item:hover {
	color: #cc712e
} */
@media screen and (max-width:769px) {
	.compoff-home-body__header-sections-items .item {
		font-size: 13px
	}
}
.compoff-footer__wrap {
	padding: 70px 0;
	margin: 0 auto;
	/* display: -ms-grid;
	display: grid; */
	-ms-grid-columns: 4.5fr 50px 7.5fr;
	grid-template-columns: 4.5fr 7.5fr;
	grid-gap: 0 50px;
	max-width: 1160px;
	padding: 50px 40px 0px 40px;
	-ms-grid-rows: auto 0 auto 0 auto;
	grid-template-areas: "menu paysys""info paysys""extra-info paysys"
}
@media screen and (max-width:769px) {
	.compoff-footer__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 20px
	}
}
.author3 a {text-decoration: none;border-bottom: none;}
@media screen and (max-width:500px) {
	.compoff-home-body__header {padding: 0;}
	.compoff-home-body__header p {font-size: small;padding:5px;}
	.compoff-page-title {font-size: 29px;margin-bottom: 10px;}
	.compoff-home-body__games {padding: 7px 0 0;}
	.logo{max-width: 150px;}
	.casino{margin: 0 auto 10px auto;}
	.bonuses{padding:10px}
	.btn-md {min-width: 80px;padding: 13px;}
}/* rndz */