.btn, .btn-default, .btn-ghost, .btn-ghost-opposite, .btn-link, .btn-link-opposite, .btn-primary, .btn-promo, .modal__btn, .modal__btn-link {
	display: flex;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	outline: none;
	padding: 10px 34px;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	border-radius: 50px;
	color: #fff;
	border: 0;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	justify-content: center
}

.nodesk{
    display:none;
}

.nomob{
    display:flex;
}

button {
	cursor: pointer
}
body {
	margin: 0;
	font-family: Open Sans, sans-serif
}

img{
max-width:100%}

.fixod{
    display:none;
}

button {
	font-family: inherit
}

.enter-btns__item{
    width:auto;
}

input, select {
	font-family: Open Sans, sans-serif
}
#app {
	max-width: 100vw;
	width: 100%;
	background: #dde4ec;

}
.layout-enter-active, .layout-leave-active {
	transition: all .2s
}
.layout-enter, .layout-leave-to {
	opacity: 0
}
.popup-enter-active, .popup-leave-active {
	transition: all .4s
}
.popup-leave-active {
	top: 0;
	position: absolute
}
.popup-enter {
	top: 0;
	-webkit-transform: translateY(100vh);
	transform: translateY(100vh)
}
.popupoff-enter-active, .popupoff-leave-active {
	transition: all .4s
}
.popupoff-leave-active {
	top: 0
}
.popupoff-enter {
	z-index: 1
}
.popupoff-leave-to {
	z-index: 100;
	-webkit-transform: translateY(100vh);
	transform: translateY(100vh)
}
.webim-root .webim-footer {
	display: none!important
}
.fe-relative {
	position: relative
}
.btn, .btn-default, .btn-ghost, .btn-ghost-opposite, .btn-link, .btn-link-opposite, .btn-primary, .btn-promo, .enter-btns__login, .enter-btns__registration, .header__bottom .enter-btns__login {
	display: flex;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	outline: none;
	/*padding: 10px 34px;*/
	padding: 10px 14px;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	border-radius: 0px;
	color: #fff;
	border: 0;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	justify-content: center;
	    margin: 0 5px;
}
.btn-primary, .enter-btns__registration {
    background: #9E3300;
    width: max-content;
    height: 50px;
    font-size: 14px;
}
.btn-primary:hover, .enter-btns__registration:hover {
	background: #9E3300
}
.btn-primary:active, .enter-btns__registration:active {
	background: #bf5821
}
.btn-primary[disabled], [disabled].enter-btns__registration {
	opacity: .5;
	pointer-events: none
}
.btn-default, .btn-promo, .header__bottom .enter-btns__login {
	background: #007fde
}
.btn-default:hover, .btn-promo:hover, .header__bottom .enter-btns__login:hover {
	background: #0091ff
}
.btn-default:active, .btn-promo:active, .header__bottom .enter-btns__login:active {
	background: #0174cc
}
.btn-default[disabled], .header__bottom [disabled].enter-btns__login, [disabled].btn-promo {
	opacity: .5;
	pointer-events: none
}
.btn-ghost, .btn-ghost-opposite, .enter-btns__login {
	background: transparent;
	border: 1px solid hsla(0, 0%, 100%, .3)
}
.btn-ghost-opposite:hover, .btn-ghost:hover, .enter-btns__login:hover {
	border-color: #fff
}
.btn-ghost-opposite:active, .btn-ghost:active, .enter-btns__login:active {
	border-color: hsla(0, 0%, 100%, .3);
	color: hsla(0, 0%, 100%, .5)
}
.btn-ghost[disabled], [disabled].btn-ghost-opposite, [disabled].enter-btns__login {
	opacity: .5;
	pointer-events: none
}
.enter-btns {
	flex-direction: row;
	flex: 1 1 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
@media(min-width:754px) {
	.enter-btns {
		flex: 1 1 auto
	}
}
.sidebar .enter-btns {
	margin: 4px 0 20px
}
.enter-btns__login {
	margin-left: 20px
}
.pin, .pin-empty, .user-buttons__gift-counter {
	min-width: 15px;
	padding: 0 2px;
	box-sizing: border-box;
	height: 15px;
	line-height: 15px;
	border-radius: 50px;
	border: 0;
	background-color: #d62c57;
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center
}
@-webkit-keyframes pin-pulse {
	0% {
		box-shadow: 0 0 0 3.2px #bc254b
	}
	25% {
		box-shadow: 0 0 0 .8px #bc254b
	}
	50% {
		box-shadow: 0 0 0 6px #bc254b
	}
	75% {
		box-shadow: 0 0 0 3.2px #bc254b
	}
	to {
		box-shadow: 0 0 0 4.8px #bc254b
	}
}
@keyframes pin-pulse {
	0% {
		box-shadow: 0 0 0 3.2px #bc254b
	}
	25% {
		box-shadow: 0 0 0 .8px #bc254b
	}
	50% {
		box-shadow: 0 0 0 6px #bc254b
	}
	75% {
		box-shadow: 0 0 0 3.2px #bc254b
	}
	to {
		box-shadow: 0 0 0 4.8px #bc254b
	}
}
.timer, .timer__item {
	display: flex
}
.promo-timer {
	display: flex;
	align-items: center;
	color: #fff;
	background-color: #0091ff;
	padding: 3px 17px 5px 15px;
	border-radius: 14px;
	border-top: none;
	position: relative
}
.promo-timer__text {
	font-size: 12px;
	white-space: nowrap;
	margin-right: 6px
}
.promo-timer__timer {
	width: 36px;
	font-size: 14px;
	font-weight: 400;
	line-height: 19px
}
.promo-tooltip {
	position: relative;
	border: 1px solid hsla(0, 0%, 100%, .3);
	border-radius: 2px;
	background-color: transparent;
	margin-bottom: 20px
}
.promo-tooltip, .promo-tooltip--has-timer {
	padding: 16px 33px 17px
}
.promo-tooltip__gift {
	font-weight: 700;
	color: #fff;
	border: 1px solid hsla(0, 0%, 100%, .3);
	background-color: transparent;
	padding: 7px 16px 8px 19px
}
.promo-tooltip__inner {
	color: #fff;
	font-style: normal;
	font-size: 14px;
	text-align: center
}
.promo-tooltip__center {
	position: absolute;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center
}
.promo-tooltip__center--top {
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.promo-tooltip__center--bottom {
	bottom: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}
.logo {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    width: 100%;
    max-width: 180px;
    align-items: center;
    justify-content: center;
}
.logo--mobile {
	max-width: 35px
}
.logo__img {
	max-width: 100%;
	width:180px;
		height:47px;
	max-height: 100%
}
.progressbar__main, .progressbar__wrapper {
	position: relative;
	width: 100%
}
.progressbar__main {
	height: 1px;
	background: #fff;
	margin: 10px 0;
	overflow: hidden
}
.progressbar__active {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #d62c57
}
.winners {
	background: transparent;
	flex: 1 100%;
	color: inherit;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 70px;
	max-height: 880px;
	border-bottom: none
}
@media(min-width:1054px) {
	.winners {
		margin-left: 8px;
		padding-bottom: 25px;
		height: 100%;
		box-sizing: border-box;
		max-height: calc(100vh - 90px);
		width: 196px
	}
}

.btn, .btn-default, .btn-ghost, .btn-ghost-opposite, .btn-link, .btn-link-opposite, .btn-primary, .btn-promo, .header__btn-cashbox {
	display: flex;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	outline: none;
	padding: 10px 34px;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	border-radius: 50px;
	color: #fff;
	border: 0;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	justify-content: center
}
.btn-primary, .header__btn-cashbox {
	background: #d62c57
}
.btn-primary:hover, .header__btn-cashbox:hover {
	background: #ff2b61
}
.btn-primary:active, .header__btn-cashbox:active {
	background: #bc254b
}
.btn-primary[disabled], [disabled].header__btn-cashbox {
	opacity: .5;
	pointer-events: none
}
.header__bottom-nav-item-counter, .pin, .pin-empty {
	min-width: 15px;
	padding: 0 2px;
	box-sizing: border-box;
	height: 15px;
	line-height: 15px;
	border-radius: 50px;
	border: 0;
	background-color: #d62c57;
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	display: flex;
	justify-content: center;
	align-items: center
}
.header__bottom-nav-item-counter.active, .pin-pulse {
	-webkit-animation: shadow-pulse 1s infinite;
	animation: shadow-pulse 1s infinite
}
.header {
	position: relative;
	height: 48px;
	color: #fff;
	z-index: 1000
}
@media(min-width:754px) {
	.header {
		height: 90px
	}
}
.header__wrapper {
	background: rgba(0, 50, 102, .95);
	box-shadow: none;
	width: 100%;
	height: inherit;
	z-index: 1000;
	position: fixed;
	display: grid;
	grid-template-rows: 100%;
	grid-template-columns: 1fr minmax(0, 1300px) 1fr;
	align-items: center
}
.header__right {
	display: flex;
	justify-content: flex-end;
	padding: 0 10px
}
.header__auth {
	display: none
}
@media(min-width:754px) {
	.header__auth {
		display: grid;
		justify-content: flex-end
	}
}
.header__center {
	height: 100%;
	display: grid;
	grid-template-columns: -webkit-max-content 5fr 1fr -webkit-min-content;
	grid-template-columns: max-content 5fr 1fr min-content;
	grid-template-rows: 100%;
	align-items: center;
	position: relative
}
@media(min-width:754px) {
	.header__center {
		padding: 0
	}
}
.header__left {
	padding-left: 10px
}
.header__logo {
	display: flex;
	height: 100%;
	padding: 5px 0 6px;
	box-sizing: border-box
}
@media(min-width:754px) {
	.header__logo {
		margin-right: 30px;
		padding: 8px 0 10px
	}
}
@media(min-width:1054px) {
	.header__logo {
		margin-right: 50px
	}
}
.header--logout .header__logo {
	max-width: 140px
}
@media(min-width:754px) {
	.header--logout .header__logo {
		max-width: 100%
	}
}
.header__profile {
	display: grid;
	align-items: center;
	grid-template-columns: repeat(3, -webkit-min-content);
	grid-template-columns: repeat(3, min-content);
	grid-template-rows: 100%;
	justify-content: center
}
@media(min-width:754px) {
	.header__profile {
		grid-gap: 20px;
		justify-content: flex-end
	}
}
.header__user {
	display: flex;
	align-items: center
}
.header__user-name {
	text-decoration: none;
	color: #007ede;
	display: none;
	align-items: center
}
@media(min-width:508px) {
	.header__user-name {
		display: flex
	}
}
.header__user-info {
	font-size: 14px;
	display: flex;
	align-items: baseline
}
@media(min-width:754px) {
	.header__user-info {
		flex-direction: column
	}
}
.header__user-nickname {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 95px;
	padding-right: 5px
}
@media(min-width:754px) {
	.header__user-nickname {
		max-width: 110px;
		padding: 0
	}
}
.header__user-balance {
	display: block;
	font-weight: 700;
	white-space: nowrap
}
.header__user-balance, .header__user-nickname {
	color: inherit;
	text-decoration: none
}
.header__user-currency {
	font-weight: inherit;
	text-transform: uppercase
}
.header__cashbox, .header__gift {
	display: none
}
@media(min-width:754px) {
	.header__cashbox, .header__gift {
		display: block
	}
}
.header__nav {
	display: none
}
@media(min-width:980px) {
	.header__nav {
		/*display: grid;*/
		grid-template-rows: 100%;
		grid-template-columns: repeat(4, -webkit-min-content);
		grid-template-columns: repeat(4, min-content);
		grid-gap: 50px
	}
}
.header__nav-item {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #0091ff;
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	transition: color .2s ease;
	cursor: pointer
}
.header__nav-item:after {
	content: "";
	position: absolute;
	min-width: calc(100% - 20px);
	min-height: 20px;
	top: 0;
	left: 10px;
	background-color: #fff;
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
	border-radius: 50%;
	transition: opacity .2s ease
}
.header__nav-item.router-link-active, .header__nav-item:hover {
	color: #fff
}
.header__nav-item.router-link-active:after, .header__nav-item:hover:after {
	opacity: .3
}
.header__btn-cashbox {
	padding: 11px 27px
}
.header__bottom {
    background: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    position: fixed;
    top: 48px;
    width: 100%;
    margin: 0;
    height: 60px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 5px 0 rgba(66, 76, 87, .12), 0 2px 4px 2px rgba(47, 58, 65, .19);
}
@media(min-width:754px) {
	.header__bottom {
		display: none
	}
}
@media only screen and (device-width:375px)and (device-height:812px)and (-webkit-device-pixel-ratio:3), screen and (device-width:414px)and (device-height:896px)and (-webkit-device-pixel-ratio:2), screen and (device-width:414px)and (device-height:896px)and (-webkit-device-pixel-ratio:3) {
	.header__bottom {
		margin-bottom: 23px
	}
}
.header__bottom-nav {
	display: flex;
	flex: 1;
	justify-content: space-between
}
.header__bottom-nav-icon {
	background: #e7eaef;
	border-radius: 50%;
	display: inline-block;
	padding: 6px;
	width: 36px;
	height: 36px;
	box-sizing: border-box
}
.header__bottom-nav-icon div {
	height: 100%
}
.header__bottom-nav-item {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 0;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	flex-grow: 1;
	color: rgba(12, 28, 59, .6);
	cursor: pointer;
	min-width: 50px
}
.header__bottom-nav-item svg {
	opacity: .6;
	width: 100%;
	height: 100%
}
.header__bottom-nav-item:hover {
	color: #ec1c50
}
.header__bottom-nav-item:hover>div {
	background: rgba(236, 28, 80, .15)
}
.header__bottom-nav-item:hover svg {
	opacity: 1
}
.header__bottom-nav-item:hover circle, .header__bottom-nav-item:hover path, .header__bottom-nav-item:hover polygon, .header__bottom-nav-item:hover polyline, .header__bottom-nav-item:hover rect {
	stroke: #ec1c50
}
.header__bottom-nav-item-counter {
	right: 0;
	top: 1px;
	position: absolute
}
.btn, .btn-default, .btn-ghost, .btn-ghost-opposite, .btn-link, .btn-link-opposite, .btn-primary, .btn-promo, .gm__btn {
	display: flex;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	outline: none;
	padding: 10px 34px;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	border-radius: 50px;
	color: #fff;
	border: 0;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	justify-content: center
}
.btn-default, .btn-promo, .gm__btn {
	background: #007fde
}
.btn-default:hover, .btn-promo:hover, .gm__btn:hover {
	background: #0091ff
}
.btn-default:active, .btn-promo:active, .gm__btn:active {
	background: #0174cc
}
.btn-default[disabled], [disabled].btn-promo, [disabled].gm__btn {
	opacity: .5;
	pointer-events: none
}
.btn-popup, .gm__buttons-icon {
	cursor: pointer;
	height: 28px;
	width: 28px
}
@media(min-width:1054px) {
	.btn-popup, .gm__buttons-icon {
		height: 40px;
		width: 40px
	}
}
.btn-popup:hover g, .btn-popup:hover path, .gm__buttons-icon:hover g, .gm__buttons-icon:hover path {
	stroke: #0091ff;
	opacity: 1
}

.footer-menu {
	margin: 0;
	padding: 0;
	background: #14376a;
	display: flex;
	flex-wrap: wrap;
	list-style: none
}
.footer-menu:first-child {
	border-top: none;
	border-bottom: none
}
.footer-menu__item {
	flex: 1 0 100%;
	padding: 0
}
@media(min-width:754px) {
	.footer-menu__item {
		flex: 0 0 30%;
		padding-right: 3%;
		overflow-wrap: break-word;
		overflow: hidden
	}
}
.footer-menu__item-link {
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	color: #0091ff
}
.btn, .btn-default, .btn-ghost, .btn-ghost-opposite, .btn-link, .btn-link-opposite, .btn-primary, .btn-promo, .footer-payments__btn {
	display: flex;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	outline: none;
	padding: 10px 34px;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	border-radius: 50px;
	color: #fff;
	border: 0;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	justify-content: center
}
.btn-ghost, .btn-ghost-opposite, .footer-payments__btn {
	background: transparent;
	border: 1px solid hsla(0, 0%, 100%, .3)
}
.btn-ghost-opposite:hover, .btn-ghost:hover, .footer-payments__btn:hover {
	border-color: #fff
}
.btn-ghost-opposite:active, .btn-ghost:active, .footer-payments__btn:active {
	border-color: hsla(0, 0%, 100%, .3);
	color: hsla(0, 0%, 100%, .5)
}
.btn-ghost[disabled], [disabled].btn-ghost-opposite, [disabled].footer-payments__btn {
	opacity: .5;
	pointer-events: none
}

.footer {
	width: 100%;
	background: #003266;
	color: #fff
}
.footer__box {
	min-width: 128px;
	text-align: center
}
@media(min-width:1054px) {
	.footer__box {
		display: flex;
		align-items: center;
		min-width: 220px
	}
}
.footer__box-license {
	margin-bottom: 20px
}
@media(min-width:1054px) {
	.footer__box-license {
		min-width: 128px;
		margin-bottom: 0
	}
}
.footer-menu__main-text {
	text-align: center;
	font-size: 12px;
	margin: auto
}
.footer-menu__main-text img {
	max-width: 100%
}
.footer-menu__wrapper {
	padding: 26px 20px 32px;
	width: 100%;
	max-width: 1300px;
	margin: auto;
	box-sizing: border-box
}
@media(min-width:754px) {
	.footer-menu__wrapper {
		display: grid;
		grid-template-columns: -webkit-max-content 1fr -webkit-min-content;
		grid-template-columns: max-content 1fr min-content;
		grid-template-rows: 100%
	}
}
.footer__contacts {
	padding: 26px 20px 20px;
	display: flex;
	justify-content: center
}
.footer__contacts img {
	max-width: 100%
}
.footer-menu__logo {
	padding-left: 50px;
	padding-right: 50px;
	display: none;
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
@media(min-width:754px) {
	.footer-menu__logo {
		display: flex;
		align-items: end;
		margin-right: 30px
	}
}



.btn, .btn-default, .btn-ghost, .btn-ghost-opposite, .btn-link, .btn-link-opposite, .btn-primary, .btn-promo {
	display: flex;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	outline: none;
	padding: 10px 34px;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	border-radius: 50px;
	color: #fff;
	border: 0;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	justify-content: center
}
.p {
	font-size: 16px
}
div, h1, h2, h3, p {
	margin: 0
}
p {
	font-size: 16px
}
h1 {
	font-size: 32px
}
h2 {
	font-size: 20px
}
h3 {
	font-size: 18px
}
h4 {
	font-size: 16px
}
h5 {
	font-size: 14px
}
.nowrap {
	white-space: nowrap
}
.link {
	color: #007fde;
	font-size: inherit;
	font-weight: inherit
}

.promo-banner__subtitle--bold {
	font-weight: 700
}
.promo-banner-left__additional-image {
	top: -28px;
	height: 100px;
	position: relative
}
.promo-banner-top__additional-image {
	height: 120px
}
.new-registraion {
	width: 100%;
	height: 100%;
	top: 0;
	border-radius: 6px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center
}
@media(min-width:754px) {
	.new-registraion {
		width: 290px;
		padding: 35px 70px;
		background-color: #172e57
	}
}
.new-registraion__form-size {
	width: 100%;
	flex: 1 0 0;
	display: flex;
	justify-content: space-between
}
.new-registraion__form-size>* {
	width: 100%
}
.new-registraion__promo-top {
	margin-top: 20px;
	margin-bottom: 40px
}
@media(min-width:754px) {
	.new-registraion__promo-top {
		display: none
	}
}
.new-registraion__promo-left {
	top: 70px;
	right: 100%;
	width: auto;
	position: absolute;
	display: none
}
@media(min-width:754px) {
	.new-registraion__promo-left {
		display: block
	}
}

ul.list { padding-left:30px !important;}
.info_container {
	padding: 50px 10px;
	color: #000;
	line-height: 45px;
	display: flex;
	justify-content: center;
}

.info_item {
	margin: 50px;
	max-width: 600px;
}
.info_item li {
	font-size: 16px;
	margin-bottom:10px; 
	line-height:45px;
}
.info_item .title {
	font-size: 24px;
	font-weight: 700;
	line-height: 25px;
	margin-bottom:20px;
	text-transform: uppercase;
	color: #000;
}
.btns {
	width: 220px;
	margin: 24px 0;
	font-family: inherit;
	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;
	border-radius: 3px;
	border: none;
	background-color: #9E3300;
	color: #fff;
	min-height: 30px;
	line-height: 1.2;
	font-size: 18px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	outline: none;
}
.btns:hover{ background-color:#9E3300;}
.info_btn {
	margin: 30px 0;
}
.pic_m {
	display: none;
}
.pic {
	margin-top: 15px;
}
.list {
	list-style: none;
}
footer {
	text-align: center;
	background: #000;
	color: #fff;
	padding: 20px 0;
	line-height: 22px;
}
.main {
    min-height: calc(100vh - 60px);
    width: 100%;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.breadcrumbs { width: calc(100% - 30px); margin-left:15px;}
.breadcrumbs div { margin-bottom:20px; padding-left:5px;}
a.btn_m { display:none;}
.comments {
	padding:10px;}
.cform {
	padding:10px;}
.cname, .cdate { float:left; margin-right:10px; font-weight:bold}
.comments div {
    margin: 20px 0;
    padding: 12px;
    outline: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 754px){
.main {
    min-height: 100vh;
    padding-bottom: 0;
}

}



@media screen and (max-width: 768px) {
    
    .nodesk{
    display:block;
}

.nomob{
    display:none;
}
    
    .footer{
        margin-bottom:50px;
    }
    
  .fixod {
display: flex;
position: fixed;
height: 30px;
width: 100%;
bottom: 0px;
align-content: center;
justify-content: center;
z-index: 3;
background: #9E3300;
font-size:20px;
color: #fff;
line-height:50px;
text-decoration: none;
text-decoration: none;
height: 50px;
padding: 0px;
}
    
    
    .header__center {

    display: flex;
    align-items: center;
    justify-content: center;
}
    
	.info_item li {
	font-size: 15px;
	margin-bottom:10px; line-height:30px;
}
	.info_container {
		padding: 60px 0px;
		line-height: 30px;
		display: block;
	}
	.info_item .title {
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		margin-bottom:15px;
		margin-top:20px;
	}
	.pic_m {
		display: block;
		margin: 0 auto;
	}
	.pic {
		display: none;
	}
	.info_item {
		margin: 15px;
	}
	.btns {
		margin: 30px auto 0px;
	}
	.btn, .btn-default, .btn-ghost, .btn-ghost-opposite, .btn-link, .btn-link-opposite, .btn-primary, .btn-promo, .enter-btns__login, .enter-btns__registration, .header__bottom .enter-btns__login {
   
    padding: 10px 10px;    
    margin: 0 2px;
}

a.btns:link {
    color: #fff;
    margin-bottom: 25px;
}

.header__bottom{
    overflow-x:scroll;
    
}

.footer__contacts img {
    max-width: 170%;
}
a.btn_m { display:block;}
}

.body__content a:link{color: #9E3300}
.body__content a:visited{color: #9E3300}
.body__content a:hover{color: #ccc;}
a.btns{ color:#fff!important;}


.sticky{
    position:sticky;
    top: 140px;
    
}

.pic{

  width:180px;
  height:373px;
}

.pic_m{
   width:180px;
   height:373px; 
}


/* dropdown */
.dropdown {
    position: relative;
    display: inline-block;
}
.dropbtn {
    padding-left: 25px;
    width: 40px;
}
.dropbtn._kz {
    background: url(kz.png) no-repeat left center;
}
.dropbtn._ru {
    background: url(ru.png) no-repeat left center;
}

.dropbtn._en {
    background: url(en.png) no-repeat left center;
}

.dropbtn {
    cursor: pointer;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: auto;
    left: -5px;
    padding: 2px 5px;
}
.dropdown-content a {
    color: black;
    padding: 2px 0 2px 25px;
    text-decoration: none;
    display: block;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content a._kz {
    background: url(kz.png) no-repeat left center;
}
.dropdown-content a._ru {
    background: url(ru.png) no-repeat left center;
}

.dropdown-content a._en {
    background: url(en.png) no-repeat left center;
}
.dropdown-content a:hover {
    background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
	.header__center {
		position: relative;
		justify-content: flex-end;
	}
	.header--logout .header__logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}
/* /dropdown */

@keyframes pulse {
  from {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1.05);
  }
}


/*add style*/

table{
width: 100%;
border-collapse:collapse;
border-spacing:0
}
table, td, th{
border: 1px solid #595959;
}
td, th{
padding: 3px;
width: 30px;
height: 25px;
}
th{
background-color: #7accee!important;
}

.menu__link li a {
    text-decoration:none;
}
h2 {
  
    scroll-margin-top: 7rem;

}

.faq__title, .faq__head {
    font-size:18px;
    font-weight:bold;
}

.img-micro {
    float:left;
    margin-right:20px;
	height: 150px;
    width: 150px;
}

.img-micro img {
    max-width:150px;
	width:150px;
	height:150px;
    width:100%;
}

.img-big {
	display:flex;
	margin:20px 0;
}

.img-big img {
	width:100%;
	height:100%
}

@media (min-width:768px) and (max-width:1300px) {
	.enter-btns__registration {
	padding:10px 5px;
	}
}
@media (max-width:1000px){
.others-sites a{
	margin-bottom:15px!important;
	    display: block;
	font-size:18px
	
	}

}
.desknew{
width:250px;
height:520px

}

.mobulenew{
	height:100%;
width:100%}

.block__promo {
display:flex;
align-items: center;
max-width:220px;
width:100%;
height:40px;
border: 1px solid #9E3300;
border-radius: 3px;
justify-content: center;
padding:5px;

}

.block__promo-text {
color:#9E3300;
font-weight:700;
margin-right:auto;
margin-left: 10px;
}
.but-prom {
width:100%;
height:100%;
background: #9E3300;
color: #ffffff;
max-width:80px;
border:none;
border-radius:3px;
cursor:pointer;


}
@media (max-width: 768px) {
.block__promo {
margin:20px auto;
}

}