@media only screen and (min-width: 1920px){
	.Bottom-Bar {
		display: none;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1919px){
	.Bottom-Bar {
		display: none;
	}
}
@media only screen and (min-width: 1360px) and (max-width: 1599px){
	.Bottom-Bar {
		display: none;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1359px){
	.Bottom-Bar {
		display: none;
	}
}
@media only screen and (min-width: 1001px) and (max-width: 1024px){
	.Bottom-Bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999
	}

	.Bottom-Bar-in {
		display: flex;
		align-items: flex-end;
		justify-content: space-between
	}

	.Bottom-Bar-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -.2px;
		text-align: center;
		color: #fff;
		position: relative;
		background-color: #aa7417;
		height: 70px;
		z-index: 9;
		margin: 0 !important
	}

	.Bottom-Bar-item i {
		margin-top: 2px;
		margin-bottom: 2px;
		font-size: 20px;
		color: #fff
	}

	.Bottom-Bar-item img {
		margin-bottom: 6px
	}

	.Bottom-Bar-item.circle {
		background-color: transparent;
		min-width: 94px;
		width: 94px;
		height: 74px;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../../images/bottom-circle.png);
		border:0;
	}

	.Bottom-Bar-item:focus,
	.Bottom-Bar-item:hover {
		color: #fff;
		border:0;
		outline:0 !important;
	}

	.Bottom-Bar .active i {
		color: #008758
	}

	.circle-icon {
		position: absolute;
		top: 13px
	}

	.Dropdown-button {
		background-color: transparent;
		position: relative;
		transition: .5s
	}

	.Dropdown-button:active,
	.Dropdown-button:focus,
	.Dropdown-button:hover {
		color: #fff
	}

	.Dropdown-button-active {
		background-color: #1a2348
	}

	.Dropdown-button:focus {
		transition: .5s;
		color: #fff
	}

	.Dropdown-button:nth-of-type(2) {
		padding-right: 5px
	}

	.Dropdown-button i {
		font-size: 22px;
		color: #fff;
		display: block
	}

	.Dropdown-button-badge {
		position: absolute;
		right: 8px;
		top: 8px;
		width: 20px;
		height: 20px;
		background-color: #157cdb;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Montserrat, sans-serif;
		font-size: 11px;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -.22px;
		text-align: center;
		color: #fff;
		border-radius: 100%
	}

	.Dropdown-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #262d33;
		color: #fff;
		padding-bottom: 30px;
		z-index: 999;
		transition: .3s
	}

	.Dropdown-menu-in {
		overflow-y: scroll;
		height: 100%
	}

	.Menu {
		transform: translateX(-100px);
		transition: .3s;
		opacity: 0;
		right: 0;
		pointer-events: none;
		z-index: 999
	}

	.Menu-active {
		opacity: 1;
		transition: .3s;
		transform: translateX(0);
		pointer-events: auto
	}

	.Menu-head {
		position: relative;
		padding: 45px 20px 35px
	}

	.Menu-close {
		border-radius: 100%;
		width: 36px;
		height: 36px;
		background-color: #1f252b;
		font-size: 14px;
		color: #c2c8d9;
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%)
	}

	.Menu-top {
		transition: .5s;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0;
		height: 70px;
		left: 0;
		right: 0;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #262d33;
		z-index: 99
	}

	.Menu-top h5 {
		font-size: 28px;
		font-weight: 300;
		line-height: .79;
		color: #fff;
		margin-right: auto;
		margin-left: 60px
	}

	.Menu-top-logo:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 165px;
		height: 24px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/logo.svg)
	}

	.Menu-login {
		margin-top: 30px;
		justify-content: space-between;
		width: 100%;
		height: 70px;
		border-radius: 12px;
		background-color: #39424b;
		padding-left: 15px;
		padding-right: 23px
	}

	.Menu-login,
	.Menu-login-left {
		display: flex;
		align-items: center
	}

	.Menu-login-left h6 {
		margin-left: 13px;
		display: flex;
		flex-direction: column;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
		color: #fff
	}

	.Menu-login-left p {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.83;
		color: #00c683
	}

	.Menu-login-left span {
		color: #b9c0c8
	}

	.Menu-login-left a {
		color: #00c683
	}

	.Menu-mode {
		display: flex;
		align-items: center;
		background-color: transparent
	}

	.Menu-mode i {
		margin-right: 8px;
		font-size: 20px;
		color: #dbe1ea
	}

	.Menu-mode-in {
		width: 40px;
		height: 20px;
		border-radius: 10px;
		border: 1px solid #858f99;
		background-color: #39424b;
		display: block;
		position: relative
	}

	.Menu-mode-in:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 14px;
		height: 14px;
		background-color: #9ea8b2;
		position: absolute;
		right: 3px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 100%
	}

	.Menu-mode.active .Menu-mode-in:before {
		transition: .5s;
		right: 21px
	}

	.Menu-support {
		margin-top: 6px;
		display: flex;
		justify-content: space-between
	}

	.Menu-support a {
		height: 50px;
		border-radius: 12px;
		background-color: #1b2125;
		display: flex;
		font-weight: 600;
		align-items: center;
		justify-content: center;
		width: calc(50% - 3px)
	}

	.Menu-support a i {
		margin-right: 8px;
		font-size: 18px
	}

	.Menu-support a:first-child i {
		color: #008758
	}

	.Menu-support a:last-child i {
		color: #ffde00
	}

	.Menu-finance {
		justify-content: space-between
	}

	.Menu-finance,
	.Menu-finance a {
		display: flex;
		align-items: center
	}

	.Menu-finance a {
		width: calc(50% - 3px);
		justify-content: space-around;
		height: 60px;
		border-radius: 8px;
		border-style: solid;
		border-width: 1.4px;
		border-image-source: linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
		border-image-slice: 1;
		background-image: linear-gradient(180deg, #424b55, #424b55), linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
		background-origin: border-box;
		background-clip: content-box, border-box
	}

	.Menu-finance a p {
		font-size: 14px;
		font-weight: 600;
		font-style: normal;
		line-height: 1.4;
		color: #fff
	}

	.Menu-finance a p span {
		display: block;
		font-size: 12px;
		color: #e7ebef
	}

	.Menu-finance a i {
		font-size: 20px;
		position: relative
	}

	.Menu-finance a i:after {
		content: " ";
		display: inline-block;
		transition: .5s;
		width: 38px;
		height: 8px;
		opacity: .8;
		filter: blur(20px);
		position: absolute;
		left: 50%;
		transform: translateX(-50%)
	}

	.Menu-finance a:first-child i {
		color: #00c683
	}

	.Menu-finance a:first-child i:after {
		background-color: #00c683;
		bottom: 0
	}

	.Menu-finance a:last-child i {
		color: #ffde00
	}

	.Menu-finance a:last-child i:after {
		background-color: #ffde00;
		top: 0
	}

	.Menu-inner {
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px
	}

	.Menu-inner:nth-of-type(2) {
		border-bottom: 1px solid #313a42;
		padding-bottom: 30px
	}

	.Menu-inner .Navbottom-app {
		margin-top: 0
	}

	.Menu-header {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.1;
		color: #ffde00;
		margin-left: 20px;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 10px
	}

	.Menu-header span {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.47;
		letter-spacing: -.3px;
		color: #abb8c2
	}

	.Menu-item {
		height: 55px;
		border-radius: 12px;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		display: flex;
		align-items: center
	}

	.Menu-item.active i {
		color: #ffde00
	}

	.Menu-item:nth-of-type(odd) {
		background-color: #313a42
	}

	.Menu-item a {
		height: 50px;
		padding: 0 20px;
		width: 100%
	}

	.Menu-item a,
	.Menu-item i {
		display: flex;
		align-items: center
	}

	.Menu-item i {
		font-size: 20px;
		color: #bfc8d2;
		margin-right: 20px;
		justify-content: center
	}

	.Menu-item-button[aria-expanded=true] {
		background-color: #212633
	}

	.Menu-item-button[aria-expanded=true]:after {
		transform: rotate(180deg)
	}

	.Menu-item-button:after {
		margin-left: auto;
		content: "";
		display: inline-block;
		width: 10px;
		height: 6px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/icon-down2.svg)
	}

	.Menu-other a:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 6px;
		height: 6px;
		background-color: #4a555e;
		border-radius: 100%;
		margin-right: 12px
	}

	.Menu-open-icon {
		position: absolute;
		top: 16px
	}

	@keyframes preloader {
		to {
			opacity: .5;
			transform: scale(1.4)
		}
	}

	.Navbottom {
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden
	}

	.Navbottom-in {
		background-color: #39414a;
		padding-top: 25px;
		padding-bottom: 90px
	}

	.Navbottom-support-in {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		border-radius: 12px;
		background-color: #008758;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.57;
		color: #fff
	}

	.Navbottom-support-in i {
		margin-right: 12px;
		font-size: 16px
	}

	.Navbottom-support-in:focus,
	.Navbottom-support-in:hover,
	.Navbottom-support-in:visited {
		color: #fff;
		transition: .5s
	}

	.Navbottom-app {
		margin-top: 25px
	}

	.Navbottom-app-in {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px
	}

	.Navbottom-app h3 {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.57;
		text-align: center;
		color: #b9c0c8
	}

	.Navbottom-app-item {
		width: calc(50% - 3px);
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 12px;
		background-image: url(../../images/app-back.svg);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover
	}

	.Navbottom-app-item span {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.7;
		color: #fff
	}

	.Navbottom-app-item i {
		color: #fff;
		font-size: 24px
	}

	.Navbottom-app-item:hover {
		transform: scale(.95);
		transition: .5s
	}

	.Navbottom-description {
		display: flex;
		padding: 30px 20px 20px
	}

	.Navbottom-description-left {
		padding-right: 20px;
		width: 30%
	}

	.Navbottom-description-left img {
		height: 102px;
		-o-object-fit: contain;
		object-fit: contain
	}

	.Navbottom-description-right {
		padding-right: 10px;
		width: 70%;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.Navbottom-description-right p {
		font-size: 11px;
		line-height: 1.6;
		color: #fff
	}

	.Navbottom-menu {
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative
	}

	.Navbottom-menu-head {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 5px;
		position: relative;
		display: flex;
		align-items: center;
		text-align: left;
		color: #e0e5ef;
		height: 48px;
		line-height: 1;
		transition: .5s;
		border-radius: 6px;
		background-color: #4a535c;
		width: 100%;
		padding-left: 30px;
		padding-right: 30px
	}

	.Navbottom-menu-head i {
		margin-left: auto;
		font-size: 6px;
		color: #9198ab
	}

	.Navbottom-menu-head:focus,
	.Navbottom-menu-head:hover {
		color: #fff
	}

	.Navbottom-menu-head[aria-expanded=true] {
		background-color: #555f69;
		transition: .5s
	}

	.Navbottom-menu-head[aria-expanded=true] i {
		transform: rotate(180deg)
	}

	.Navbottom-item {
		width: 100%
	}

	.Navbottom-item .active {
		color: #fff
	}

	.Navbottom-item ul {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.Navbottom-item li {
		position: relative;
		margin-bottom: 10px;
		padding-left: 20px
	}

	.Navbottom-item li a {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: -.28px;
		color: #e0e5ef;
		transition: color .5s
	}

	.Navbottom-item li a:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 10px;
		height: 10px;
		border: 2px solid #85919d;
		margin-right: 15px;
		border-radius: 100%
	}

	.Navbottom-item li a:hover a {
		color: #eaedfa;
		transition: .5s
	}

	.Navbottom-item li a:hover:before {
		transition: .5s;
		background-color: #e1233d
	}

	.Navbottom-item:last-child {
		margin-bottom: 0
	}

	.Navbottom-social {
		margin-top: 25px;
		padding-left: 15px;
		padding-right: 15px
	}

	.Navbottom-social-in {
		display: flex;
		align-items: center;
		justify-content: space-around
	}

	.Navbottom-social-item {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		color: #fff;
		width: 75px;
		height: 50px;
		border-radius: 12px;
		border: 2px solid transparent;
		transition: .5s
	}

	.Navbottom-social-item:hover {
		border-color: #313a42;
		transition: .5s;
		color: #fff
	}

	.Notification {
		opacity: 0;
		padding-bottom: 0;
		top: auto;
		left: 8px;
		right: 8px;
		bottom: 70px;
		border-radius: 12px;
		background-color: #262d33
	}

	.Notification.active {
		bottom: 79px;
		opacity: 1
	}

	.Notification-item {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #343e46;
		padding: 10px 15px;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.4;
		color: #fff
	}

	.Notification-item-text {
		padding-right: 15px
	}

	.Notification-item:last-child {
		border-bottom: none
	}

	.Notification-item-icon {
		margin-right: 10px
	}

	.Notification-item:after {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 6px;
		height: 10px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/icon-right-chevron.svg);
		margin-left: auto
	}

	.Notification-open-icon {
		position: absolute;
		top: 13px
	}

	.Notification-open:before {
		position: absolute;
		left: 5px;
		top: -5px;
		z-index: 9;
		content: "";
		display: inline-block;
		width: 83px;
		height: 56px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/circle-active.svg);
		opacity: 0
	}

	.Notification-open:after {
		border-radius: 100%;
		right: 37px;
		top: 13px;
		content: "";
		transition: .5s;
		width: 5px;
		height: 5px;
		background-color: #ffde00;
		position: absolute;
		animation: preloader 1s ease-in-out .5s infinite alternate;
		box-shadow: 0 0 10px 1px #ffde00
	}

	.Notification-open.active:before {
		opacity: 1
	}

	.footer-lbr {
		text-align: center;
		position: fixed;
		height: 75px;
		bottom: 0;
		background: #12161a;
		left: 0;
		right: 0;
		padding: 13px;
		z-index: 10
	}

	.footer-lbr .btn {
		font-family: Averta CY, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 23px;
		color: #fafdff;
		display: inline-block;
		padding: 12px 15px;
		background: #008758;
		border-radius: 11px;
		min-width: 120px
	}

	.footer-lbr .btn.btn-f-login {
		background: #303840
	}

	.footer-container .f-banks {
		background: #262d33;
		overflow: scroll
	}

	.modeLight .footer-container .f-banks {
		background: #e4ebf2
	}

	.modeLight .footer-container .f-banks svg [fill]:not([fill=none]) {
		fill: #1c2126 !important
	}

	.modeLight .footer-container .f-banks svg [stroke] {
		stroke: #1c2126 !important
	}

	.footer-container .f-banks>div {
		min-height: 100px
	}

	.isMobile .footer-container .f-banks>div {
		min-height: 45px
	}

	.footer-container .f-banks>div>div {
		height: 20px;
		margin: 1rem
	}

	.footer-container .f-banks svg {
		max-height: 100%
	}

	.footer-container .f-banks svg [fill]:not([fill=none]) {
		fill: #e4ebf2 !important
	}

	.footer-container .f-banks svg [stroke] {
		stroke: #e4ebf2 !important
	}

	.footer-container .footer {
		background: #39414a;
		font-style: normal
	}

	.modeLight .footer-container .footer {
		background: #d5dde5
	}

	.footer-container .footer .f-t {
		height: 94px;
		box-shadow: 0 1px 0 hsla(0, 0%, 63.9%, .18823529411764706)
	}

	.isMobile .footer-container .footer .f-t {
		display: none !important
	}

	.footer-container .footer .f-m {
		padding: 40px 0
	}

	.footer-container .footer .f-m .f-m-social {
		max-width: 120px
	}

	.footer-container .footer .f-m .f-m-btn-chat {
		cursor: pointer;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.footer-container .footer .f-m .f-m-left {
		font-size: 21px;
		width: 240px
	}

	.footer-container .footer .f-m .f-m-left .m a {
		display: block;
		margin-bottom: 30px
	}

	.footer-container .footer .f-m .f-m-left .f-s-15 {
		font-weight: 600
	}

	.footer-container .footer .f-m .f-m-title {
		font-weight: 600;
		font-size: 21px;
		margin-bottom: 30px
	}

	.footer-container .footer .f-m .f-m-links {
		font-size: 15px
	}

	.footer-container .footer .f-m .f-m-links a {
		cursor: pointer;
		margin-bottom: 24px;
		white-space: nowrap
	}

	.footer-container .footer .f-m .f-m-links .flex-column {
		box-shadow: -1px 0 0 hsla(0, 0%, 63.9%, .18823529411764706);
		padding-left: 7rem
	}

	.footer-container .footer .f-m .f-m-links .flex-column:last-child {
		max-width: 320px
	}

	.footer-container .footer .f-b {
		font-size: 11px;
		font-weight: 400;
		line-height: 21px;
		letter-spacing: 0;
		text-align: left;
		padding: 40px
	}

	.isMobile .footer-container .footer .f-b {
		padding: 0
	}

	.footer-container .footer .license img {
		max-width: unset !important
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px){
	.Bottom-Bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999
	}

	.Bottom-Bar-in {
		display: flex;
		align-items: flex-end;
		justify-content: space-between
	}

	.Bottom-Bar-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -.2px;
		text-align: center;
		color: #fff;
		position: relative;
		background-color: #aa7417;
		height: 70px;
		z-index: 9;
		margin: 0 !important
	}

	.Bottom-Bar-item i {
		margin-top: 2px;
		margin-bottom: 2px;
		font-size: 20px;
		color: #fff
	}

	.Bottom-Bar-item img {
		margin-bottom: 6px
	}

	.Bottom-Bar-item.circle {
		background-color: transparent;
		min-width: 94px;
		width: 94px;
		height: 74px;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../../images/bottom-circle.png);
		border:0;
	}

	.Bottom-Bar-item:focus,
	.Bottom-Bar-item:hover {
		color: #fff;
		border:0;
		outline:0 !important;
	}

	.Bottom-Bar .active i {
		color: #008758
	}

	.circle-icon {
		position: absolute;
		top: 13px
	}

	.Dropdown-button {
		background-color: transparent;
		position: relative;
		transition: .5s
	}

	.Dropdown-button:active,
	.Dropdown-button:focus,
	.Dropdown-button:hover {
		color: #fff
	}

	.Dropdown-button-active {
		background-color: #1a2348
	}

	.Dropdown-button:focus {
		transition: .5s;
		color: #fff
	}

	.Dropdown-button:nth-of-type(2) {
		padding-right: 5px
	}

	.Dropdown-button i {
		font-size: 22px;
		color: #fff;
		display: block
	}

	.Dropdown-button-badge {
		position: absolute;
		right: 8px;
		top: 8px;
		width: 20px;
		height: 20px;
		background-color: #157cdb;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Montserrat, sans-serif;
		font-size: 11px;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -.22px;
		text-align: center;
		color: #fff;
		border-radius: 100%
	}

	.Dropdown-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #262d33;
		color: #fff;
		padding-bottom: 30px;
		z-index: 999;
		transition: .3s
	}

	.Dropdown-menu-in {
		overflow-y: scroll;
		height: 100%
	}

	.Menu {
		transform: translateX(-100px);
		transition: .3s;
		opacity: 0;
		right: 0;
		pointer-events: none;
		z-index: 999
	}

	.Menu-active {
		opacity: 1;
		transition: .3s;
		transform: translateX(0);
		pointer-events: auto
	}

	.Menu-head {
		position: relative;
		padding: 45px 20px 35px
	}

	.Menu-close {
		border-radius: 100%;
		width: 36px;
		height: 36px;
		background-color: #1f252b;
		font-size: 14px;
		color: #c2c8d9;
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%)
	}

	.Menu-top {
		transition: .5s;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0;
		height: 70px;
		left: 0;
		right: 0;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #262d33;
		z-index: 99
	}

	.Menu-top h5 {
		font-size: 28px;
		font-weight: 300;
		line-height: .79;
		color: #fff;
		margin-right: auto;
		margin-left: 60px
	}

	.Menu-top-logo:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 165px;
		height: 24px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/logo.svg)
	}

	.Menu-login {
		margin-top: 30px;
		justify-content: space-between;
		width: 100%;
		height: 70px;
		border-radius: 12px;
		background-color: #39424b;
		padding-left: 15px;
		padding-right: 23px
	}

	.Menu-login,
	.Menu-login-left {
		display: flex;
		align-items: center
	}

	.Menu-login-left h6 {
		margin-left: 13px;
		display: flex;
		flex-direction: column;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
		color: #fff
	}

	.Menu-login-left p {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.83;
		color: #00c683
	}

	.Menu-login-left span {
		color: #b9c0c8
	}

	.Menu-login-left a {
		color: #00c683
	}

	.Menu-mode {
		display: flex;
		align-items: center;
		background-color: transparent
	}

	.Menu-mode i {
		margin-right: 8px;
		font-size: 20px;
		color: #dbe1ea
	}

	.Menu-mode-in {
		width: 40px;
		height: 20px;
		border-radius: 10px;
		border: 1px solid #858f99;
		background-color: #39424b;
		display: block;
		position: relative
	}

	.Menu-mode-in:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 14px;
		height: 14px;
		background-color: #9ea8b2;
		position: absolute;
		right: 3px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 100%
	}

	.Menu-mode.active .Menu-mode-in:before {
		transition: .5s;
		right: 21px
	}

	.Menu-support {
		margin-top: 6px;
		display: flex;
		justify-content: space-between
	}

	.Menu-support a {
		height: 50px;
		border-radius: 12px;
		background-color: #1b2125;
		display: flex;
		font-weight: 600;
		align-items: center;
		justify-content: center;
		width: calc(50% - 3px)
	}

	.Menu-support a i {
		margin-right: 8px;
		font-size: 18px
	}

	.Menu-support a:first-child i {
		color: #008758
	}

	.Menu-support a:last-child i {
		color: #ffde00
	}

	.Menu-finance {
		justify-content: space-between
	}

	.Menu-finance,
	.Menu-finance a {
		display: flex;
		align-items: center
	}

	.Menu-finance a {
		width: calc(50% - 3px);
		justify-content: space-around;
		height: 60px;
		border-radius: 8px;
		border-style: solid;
		border-width: 1.4px;
		border-image-source: linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
		border-image-slice: 1;
		background-image: linear-gradient(180deg, #424b55, #424b55), linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
		background-origin: border-box;
		background-clip: content-box, border-box
	}

	.Menu-finance a p {
		font-size: 14px;
		font-weight: 600;
		font-style: normal;
		line-height: 1.4;
		color: #fff
	}

	.Menu-finance a p span {
		display: block;
		font-size: 12px;
		color: #e7ebef
	}

	.Menu-finance a i {
		font-size: 20px;
		position: relative
	}

	.Menu-finance a i:after {
		content: " ";
		display: inline-block;
		transition: .5s;
		width: 38px;
		height: 8px;
		opacity: .8;
		filter: blur(20px);
		position: absolute;
		left: 50%;
		transform: translateX(-50%)
	}

	.Menu-finance a:first-child i {
		color: #00c683
	}

	.Menu-finance a:first-child i:after {
		background-color: #00c683;
		bottom: 0
	}

	.Menu-finance a:last-child i {
		color: #ffde00
	}

	.Menu-finance a:last-child i:after {
		background-color: #ffde00;
		top: 0
	}

	.Menu-inner {
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px
	}

	.Menu-inner:nth-of-type(2) {
		border-bottom: 1px solid #313a42;
		padding-bottom: 30px
	}

	.Menu-inner .Navbottom-app {
		margin-top: 0
	}

	.Menu-header {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.1;
		color: #ffde00;
		margin-left: 20px;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 10px
	}

	.Menu-header span {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.47;
		letter-spacing: -.3px;
		color: #abb8c2
	}

	.Menu-item {
		height: 55px;
		border-radius: 12px;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		display: flex;
		align-items: center
	}

	.Menu-item.active i {
		color: #ffde00
	}

	.Menu-item:nth-of-type(odd) {
		background-color: #313a42
	}

	.Menu-item a {
		height: 50px;
		padding: 0 20px;
		width: 100%
	}

	.Menu-item a,
	.Menu-item i {
		display: flex;
		align-items: center
	}

	.Menu-item i {
		font-size: 20px;
		color: #bfc8d2;
		margin-right: 20px;
		justify-content: center
	}

	.Menu-item-button[aria-expanded=true] {
		background-color: #212633
	}

	.Menu-item-button[aria-expanded=true]:after {
		transform: rotate(180deg)
	}

	.Menu-item-button:after {
		margin-left: auto;
		content: "";
		display: inline-block;
		width: 10px;
		height: 6px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/icon-down2.svg)
	}

	.Menu-other a:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 6px;
		height: 6px;
		background-color: #4a555e;
		border-radius: 100%;
		margin-right: 12px
	}

	.Menu-open-icon {
		position: absolute;
		top: 16px
	}

	@keyframes preloader {
		to {
			opacity: .5;
			transform: scale(1.4)
		}
	}

	.Navbottom {
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden
	}

	.Navbottom-in {
		background-color: #39414a;
		padding-top: 25px;
		padding-bottom: 90px
	}

	.Navbottom-support-in {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		border-radius: 12px;
		background-color: #008758;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.57;
		color: #fff
	}

	.Navbottom-support-in i {
		margin-right: 12px;
		font-size: 16px
	}

	.Navbottom-support-in:focus,
	.Navbottom-support-in:hover,
	.Navbottom-support-in:visited {
		color: #fff;
		transition: .5s
	}

	.Navbottom-app {
		margin-top: 25px
	}

	.Navbottom-app-in {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px
	}

	.Navbottom-app h3 {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.57;
		text-align: center;
		color: #b9c0c8
	}

	.Navbottom-app-item {
		width: calc(50% - 3px);
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 12px;
		background-image: url(../../images/app-back.svg);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover
	}

	.Navbottom-app-item span {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.7;
		color: #fff
	}

	.Navbottom-app-item i {
		color: #fff;
		font-size: 24px
	}

	.Navbottom-app-item:hover {
		transform: scale(.95);
		transition: .5s
	}

	.Navbottom-description {
		display: flex;
		padding: 30px 20px 20px
	}

	.Navbottom-description-left {
		padding-right: 20px;
		width: 30%
	}

	.Navbottom-description-left img {
		height: 102px;
		-o-object-fit: contain;
		object-fit: contain
	}

	.Navbottom-description-right {
		padding-right: 10px;
		width: 70%;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.Navbottom-description-right p {
		font-size: 11px;
		line-height: 1.6;
		color: #fff
	}

	.Navbottom-menu {
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative
	}

	.Navbottom-menu-head {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 5px;
		position: relative;
		display: flex;
		align-items: center;
		text-align: left;
		color: #e0e5ef;
		height: 48px;
		line-height: 1;
		transition: .5s;
		border-radius: 6px;
		background-color: #4a535c;
		width: 100%;
		padding-left: 30px;
		padding-right: 30px
	}

	.Navbottom-menu-head i {
		margin-left: auto;
		font-size: 6px;
		color: #9198ab
	}

	.Navbottom-menu-head:focus,
	.Navbottom-menu-head:hover {
		color: #fff
	}

	.Navbottom-menu-head[aria-expanded=true] {
		background-color: #555f69;
		transition: .5s
	}

	.Navbottom-menu-head[aria-expanded=true] i {
		transform: rotate(180deg)
	}

	.Navbottom-item {
		width: 100%
	}

	.Navbottom-item .active {
		color: #fff
	}

	.Navbottom-item ul {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.Navbottom-item li {
		position: relative;
		margin-bottom: 10px;
		padding-left: 20px
	}

	.Navbottom-item li a {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: -.28px;
		color: #e0e5ef;
		transition: color .5s
	}

	.Navbottom-item li a:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 10px;
		height: 10px;
		border: 2px solid #85919d;
		margin-right: 15px;
		border-radius: 100%
	}

	.Navbottom-item li a:hover a {
		color: #eaedfa;
		transition: .5s
	}

	.Navbottom-item li a:hover:before {
		transition: .5s;
		background-color: #e1233d
	}

	.Navbottom-item:last-child {
		margin-bottom: 0
	}

	.Navbottom-social {
		margin-top: 25px;
		padding-left: 15px;
		padding-right: 15px
	}

	.Navbottom-social-in {
		display: flex;
		align-items: center;
		justify-content: space-around
	}

	.Navbottom-social-item {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		color: #fff;
		width: 75px;
		height: 50px;
		border-radius: 12px;
		border: 2px solid transparent;
		transition: .5s
	}

	.Navbottom-social-item:hover {
		border-color: #313a42;
		transition: .5s;
		color: #fff
	}

	.Notification {
		opacity: 0;
		padding-bottom: 0;
		top: auto;
		left: 8px;
		right: 8px;
		bottom: 70px;
		border-radius: 12px;
		background-color: #262d33
	}

	.Notification.active {
		bottom: 79px;
		opacity: 1
	}

	.Notification-item {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #343e46;
		padding: 10px 15px;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.4;
		color: #fff
	}

	.Notification-item-text {
		padding-right: 15px
	}

	.Notification-item:last-child {
		border-bottom: none
	}

	.Notification-item-icon {
		margin-right: 10px
	}

	.Notification-item:after {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 6px;
		height: 10px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/icon-right-chevron.svg);
		margin-left: auto
	}

	.Notification-open-icon {
		position: absolute;
		top: 13px
	}

	.Notification-open:before {
		position: absolute;
		left: 5px;
		top: -5px;
		z-index: 9;
		content: "";
		display: inline-block;
		width: 83px;
		height: 56px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/circle-active.svg);
		opacity: 0
	}

	.Notification-open:after {
		border-radius: 100%;
		right: 37px;
		top: 13px;
		content: "";
		transition: .5s;
		width: 5px;
		height: 5px;
		background-color: #ffde00;
		position: absolute;
		animation: preloader 1s ease-in-out .5s infinite alternate;
		box-shadow: 0 0 10px 1px #ffde00
	}

	.Notification-open.active:before {
		opacity: 1
	}

	.footer-lbr {
		text-align: center;
		position: fixed;
		height: 75px;
		bottom: 0;
		background: #12161a;
		left: 0;
		right: 0;
		padding: 13px;
		z-index: 10
	}

	.footer-lbr .btn {
		font-family: Averta CY, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 23px;
		color: #fafdff;
		display: inline-block;
		padding: 12px 15px;
		background: #008758;
		border-radius: 11px;
		min-width: 120px
	}

	.footer-lbr .btn.btn-f-login {
		background: #303840
	}

	.footer-container .f-banks {
		background: #262d33;
		overflow: scroll
	}

	.modeLight .footer-container .f-banks {
		background: #e4ebf2
	}

	.modeLight .footer-container .f-banks svg [fill]:not([fill=none]) {
		fill: #1c2126 !important
	}

	.modeLight .footer-container .f-banks svg [stroke] {
		stroke: #1c2126 !important
	}

	.footer-container .f-banks>div {
		min-height: 100px
	}

	.isMobile .footer-container .f-banks>div {
		min-height: 45px
	}

	.footer-container .f-banks>div>div {
		height: 20px;
		margin: 1rem
	}

	.footer-container .f-banks svg {
		max-height: 100%
	}

	.footer-container .f-banks svg [fill]:not([fill=none]) {
		fill: #e4ebf2 !important
	}

	.footer-container .f-banks svg [stroke] {
		stroke: #e4ebf2 !important
	}

	.footer-container .footer {
		background: #39414a;
		font-style: normal
	}

	.modeLight .footer-container .footer {
		background: #d5dde5
	}

	.footer-container .footer .f-t {
		height: 94px;
		box-shadow: 0 1px 0 hsla(0, 0%, 63.9%, .18823529411764706)
	}

	.isMobile .footer-container .footer .f-t {
		display: none !important
	}

	.footer-container .footer .f-m {
		padding: 40px 0
	}

	.footer-container .footer .f-m .f-m-social {
		max-width: 120px
	}

	.footer-container .footer .f-m .f-m-btn-chat {
		cursor: pointer;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.footer-container .footer .f-m .f-m-left {
		font-size: 21px;
		width: 240px
	}

	.footer-container .footer .f-m .f-m-left .m a {
		display: block;
		margin-bottom: 30px
	}

	.footer-container .footer .f-m .f-m-left .f-s-15 {
		font-weight: 600
	}

	.footer-container .footer .f-m .f-m-title {
		font-weight: 600;
		font-size: 21px;
		margin-bottom: 30px
	}

	.footer-container .footer .f-m .f-m-links {
		font-size: 15px
	}

	.footer-container .footer .f-m .f-m-links a {
		cursor: pointer;
		margin-bottom: 24px;
		white-space: nowrap
	}

	.footer-container .footer .f-m .f-m-links .flex-column {
		box-shadow: -1px 0 0 hsla(0, 0%, 63.9%, .18823529411764706);
		padding-left: 7rem
	}

	.footer-container .footer .f-m .f-m-links .flex-column:last-child {
		max-width: 320px
	}

	.footer-container .footer .f-b {
		font-size: 11px;
		font-weight: 400;
		line-height: 21px;
		letter-spacing: 0;
		text-align: left;
		padding: 40px
	}

	.isMobile .footer-container .footer .f-b {
		padding: 0
	}

	.footer-container .footer .license img {
		max-width: unset !important
	}
}
@media only screen and (min-width: 399px) and (max-width: 767px){
	.Bottom-Bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999
	}

	.Bottom-Bar-in {
		display: flex;
		align-items: flex-end;
		justify-content: space-between
	}

	.Bottom-Bar-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -.2px;
		text-align: center;
		color: #fff;
		position: relative;
		background-color: #aa7417;
		height: 70px;
		z-index: 9;
		margin: 0 !important
	}

	.Bottom-Bar-item i {
		margin-top: 2px;
		margin-bottom: 2px;
		font-size: 20px;
		color: #fff
	}

	.Bottom-Bar-item img {
		margin-bottom: 6px
	}

	.Bottom-Bar-item.circle {
		background-color: transparent;
		min-width: 94px;
		width: 94px;
		height: 74px;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../../images/bottom-circle.png);
		border:0;
	}

	.Bottom-Bar-item:focus,
	.Bottom-Bar-item:hover {
		color: #fff;
		border:0;
		outline:0 !important;
	}

	.Bottom-Bar .active i {
		color: #008758
	}

	.circle-icon {
		position: absolute;
		top: 13px
	}

	.Dropdown-button {
		background-color: transparent;
		position: relative;
		transition: .5s
	}

	.Dropdown-button:active,
	.Dropdown-button:focus,
	.Dropdown-button:hover {
		color: #fff
	}

	.Dropdown-button-active {
		background-color: #1a2348
	}

	.Dropdown-button:focus {
		transition: .5s;
		color: #fff
	}

	.Dropdown-button:nth-of-type(2) {
		padding-right: 5px
	}

	.Dropdown-button i {
		font-size: 22px;
		color: #fff;
		display: block
	}

	.Dropdown-button-badge {
		position: absolute;
		right: 8px;
		top: 8px;
		width: 20px;
		height: 20px;
		background-color: #157cdb;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Montserrat, sans-serif;
		font-size: 11px;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -.22px;
		text-align: center;
		color: #fff;
		border-radius: 100%
	}

	.Dropdown-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #262d33;
		color: #fff;
		padding-bottom: 30px;
		z-index: 999;
		transition: .3s
	}

	.Dropdown-menu-in {
		overflow-y: scroll;
		height: 100%
	}

	.Menu {
		transform: translateX(-100px);
		transition: .3s;
		opacity: 0;
		right: 0;
		pointer-events: none;
		z-index: 999
	}

	.Menu-active {
		opacity: 1;
		transition: .3s;
		transform: translateX(0);
		pointer-events: auto
	}

	.Menu-head {
		position: relative;
		padding: 45px 20px 35px
	}

	.Menu-close {
		border-radius: 100%;
		width: 36px;
		height: 36px;
		background-color: #1f252b;
		font-size: 14px;
		color: #c2c8d9;
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%)
	}

	.Menu-top {
		transition: .5s;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0;
		height: 70px;
		left: 0;
		right: 0;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #262d33;
		z-index: 99
	}

	.Menu-top h5 {
		font-size: 28px;
		font-weight: 300;
		line-height: .79;
		color: #fff;
		margin-right: auto;
		margin-left: 60px
	}

	.Menu-top-logo:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 165px;
		height: 24px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/logo.svg)
	}

	.Menu-login {
		margin-top: 30px;
		justify-content: space-between;
		width: 100%;
		height: 70px;
		border-radius: 12px;
		background-color: #39424b;
		padding-left: 15px;
		padding-right: 23px
	}

	.Menu-login,
	.Menu-login-left {
		display: flex;
		align-items: center
	}

	.Menu-login-left h6 {
		margin-left: 13px;
		display: flex;
		flex-direction: column;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
		color: #fff
	}

	.Menu-login-left p {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.83;
		color: #00c683
	}

	.Menu-login-left span {
		color: #b9c0c8
	}

	.Menu-login-left a {
		color: #00c683
	}

	.Menu-mode {
		display: flex;
		align-items: center;
		background-color: transparent
	}

	.Menu-mode i {
		margin-right: 8px;
		font-size: 20px;
		color: #dbe1ea
	}

	.Menu-mode-in {
		width: 40px;
		height: 20px;
		border-radius: 10px;
		border: 1px solid #858f99;
		background-color: #39424b;
		display: block;
		position: relative
	}

	.Menu-mode-in:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 14px;
		height: 14px;
		background-color: #9ea8b2;
		position: absolute;
		right: 3px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 100%
	}

	.Menu-mode.active .Menu-mode-in:before {
		transition: .5s;
		right: 21px
	}

	.Menu-support {
		margin-top: 6px;
		display: flex;
		justify-content: space-between
	}

	.Menu-support a {
		height: 50px;
		border-radius: 12px;
		background-color: #1b2125;
		display: flex;
		font-weight: 600;
		align-items: center;
		justify-content: center;
		width: calc(50% - 3px)
	}

	.Menu-support a i {
		margin-right: 8px;
		font-size: 18px
	}

	.Menu-support a:first-child i {
		color: #008758
	}

	.Menu-support a:last-child i {
		color: #ffde00
	}

	.Menu-finance {
		justify-content: space-between
	}

	.Menu-finance,
	.Menu-finance a {
		display: flex;
		align-items: center
	}

	.Menu-finance a {
		width: calc(50% - 3px);
		justify-content: space-around;
		height: 60px;
		border-radius: 8px;
		border-style: solid;
		border-width: 1.4px;
		border-image-source: linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
		border-image-slice: 1;
		background-image: linear-gradient(180deg, #424b55, #424b55), linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
		background-origin: border-box;
		background-clip: content-box, border-box
	}

	.Menu-finance a p {
		font-size: 14px;
		font-weight: 600;
		font-style: normal;
		line-height: 1.4;
		color: #fff
	}

	.Menu-finance a p span {
		display: block;
		font-size: 12px;
		color: #e7ebef
	}

	.Menu-finance a i {
		font-size: 20px;
		position: relative
	}

	.Menu-finance a i:after {
		content: " ";
		display: inline-block;
		transition: .5s;
		width: 38px;
		height: 8px;
		opacity: .8;
		filter: blur(20px);
		position: absolute;
		left: 50%;
		transform: translateX(-50%)
	}

	.Menu-finance a:first-child i {
		color: #00c683
	}

	.Menu-finance a:first-child i:after {
		background-color: #00c683;
		bottom: 0
	}

	.Menu-finance a:last-child i {
		color: #ffde00
	}

	.Menu-finance a:last-child i:after {
		background-color: #ffde00;
		top: 0
	}

	.Menu-inner {
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px
	}

	.Menu-inner:nth-of-type(2) {
		border-bottom: 1px solid #313a42;
		padding-bottom: 30px
	}

	.Menu-inner .Navbottom-app {
		margin-top: 0
	}

	.Menu-header {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.1;
		color: #ffde00;
		margin-left: 20px;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 10px
	}

	.Menu-header span {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.47;
		letter-spacing: -.3px;
		color: #abb8c2
	}

	.Menu-item {
		height: 55px;
		border-radius: 12px;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		display: flex;
		align-items: center
	}

	.Menu-item.active i {
		color: #ffde00
	}

	.Menu-item:nth-of-type(odd) {
		background-color: #313a42
	}

	.Menu-item a {
		height: 50px;
		padding: 0 20px;
		width: 100%
	}

	.Menu-item a,
	.Menu-item i {
		display: flex;
		align-items: center
	}

	.Menu-item i {
		font-size: 20px;
		color: #bfc8d2;
		margin-right: 20px;
		justify-content: center
	}

	.Menu-item-button[aria-expanded=true] {
		background-color: #212633
	}

	.Menu-item-button[aria-expanded=true]:after {
		transform: rotate(180deg)
	}

	.Menu-item-button:after {
		margin-left: auto;
		content: "";
		display: inline-block;
		width: 10px;
		height: 6px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/icon-down2.svg)
	}

	.Menu-other a:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 6px;
		height: 6px;
		background-color: #4a555e;
		border-radius: 100%;
		margin-right: 12px
	}

	.Menu-open-icon {
		position: absolute;
		top: 16px
	}

	@keyframes preloader {
		to {
			opacity: .5;
			transform: scale(1.4)
		}
	}

	.Navbottom {
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden
	}

	.Navbottom-in {
		background-color: #39414a;
		padding-top: 25px;
		padding-bottom: 90px
	}

	.Navbottom-support-in {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		border-radius: 12px;
		background-color: #008758;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.57;
		color: #fff
	}

	.Navbottom-support-in i {
		margin-right: 12px;
		font-size: 16px
	}

	.Navbottom-support-in:focus,
	.Navbottom-support-in:hover,
	.Navbottom-support-in:visited {
		color: #fff;
		transition: .5s
	}

	.Navbottom-app {
		margin-top: 25px
	}

	.Navbottom-app-in {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px
	}

	.Navbottom-app h3 {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.57;
		text-align: center;
		color: #b9c0c8
	}

	.Navbottom-app-item {
		width: calc(50% - 3px);
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 12px;
		background-image: url(../../images/app-back.svg);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover
	}

	.Navbottom-app-item span {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.7;
		color: #fff
	}

	.Navbottom-app-item i {
		color: #fff;
		font-size: 24px
	}

	.Navbottom-app-item:hover {
		transform: scale(.95);
		transition: .5s
	}

	.Navbottom-description {
		display: flex;
		padding: 30px 20px 20px
	}

	.Navbottom-description-left {
		padding-right: 20px;
		width: 30%
	}

	.Navbottom-description-left img {
		height: 102px;
		-o-object-fit: contain;
		object-fit: contain
	}

	.Navbottom-description-right {
		padding-right: 10px;
		width: 70%;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.Navbottom-description-right p {
		font-size: 11px;
		line-height: 1.6;
		color: #fff
	}

	.Navbottom-menu {
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative
	}

	.Navbottom-menu-head {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 5px;
		position: relative;
		display: flex;
		align-items: center;
		text-align: left;
		color: #e0e5ef;
		height: 48px;
		line-height: 1;
		transition: .5s;
		border-radius: 6px;
		background-color: #4a535c;
		width: 100%;
		padding-left: 30px;
		padding-right: 30px
	}

	.Navbottom-menu-head i {
		margin-left: auto;
		font-size: 6px;
		color: #9198ab
	}

	.Navbottom-menu-head:focus,
	.Navbottom-menu-head:hover {
		color: #fff
	}

	.Navbottom-menu-head[aria-expanded=true] {
		background-color: #555f69;
		transition: .5s
	}

	.Navbottom-menu-head[aria-expanded=true] i {
		transform: rotate(180deg)
	}

	.Navbottom-item {
		width: 100%
	}

	.Navbottom-item .active {
		color: #fff
	}

	.Navbottom-item ul {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.Navbottom-item li {
		position: relative;
		margin-bottom: 10px;
		padding-left: 20px
	}

	.Navbottom-item li a {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: -.28px;
		color: #e0e5ef;
		transition: color .5s
	}

	.Navbottom-item li a:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 10px;
		height: 10px;
		border: 2px solid #85919d;
		margin-right: 15px;
		border-radius: 100%
	}

	.Navbottom-item li a:hover a {
		color: #eaedfa;
		transition: .5s
	}

	.Navbottom-item li a:hover:before {
		transition: .5s;
		background-color: #e1233d
	}

	.Navbottom-item:last-child {
		margin-bottom: 0
	}

	.Navbottom-social {
		margin-top: 25px;
		padding-left: 15px;
		padding-right: 15px
	}

	.Navbottom-social-in {
		display: flex;
		align-items: center;
		justify-content: space-around
	}

	.Navbottom-social-item {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		color: #fff;
		width: 75px;
		height: 50px;
		border-radius: 12px;
		border: 2px solid transparent;
		transition: .5s
	}

	.Navbottom-social-item:hover {
		border-color: #313a42;
		transition: .5s;
		color: #fff
	}

	.Notification {
		opacity: 0;
		padding-bottom: 0;
		top: auto;
		left: 8px;
		right: 8px;
		bottom: 70px;
		border-radius: 12px;
		background-color: #262d33
	}

	.Notification.active {
		bottom: 79px;
		opacity: 1
	}

	.Notification-item {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #343e46;
		padding: 10px 15px;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.4;
		color: #fff
	}

	.Notification-item-text {
		padding-right: 15px
	}

	.Notification-item:last-child {
		border-bottom: none
	}

	.Notification-item-icon {
		margin-right: 10px
	}

	.Notification-item:after {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 6px;
		height: 10px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/icon-right-chevron.svg);
		margin-left: auto
	}

	.Notification-open-icon {
		position: absolute;
		top: 13px
	}

	.Notification-open:before {
		position: absolute;
		left: 5px;
		top: -5px;
		z-index: 9;
		content: "";
		display: inline-block;
		width: 83px;
		height: 56px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/circle-active.svg);
		opacity: 0
	}

	.Notification-open:after {
		border-radius: 100%;
		right: 37px;
		top: 13px;
		content: "";
		transition: .5s;
		width: 5px;
		height: 5px;
		background-color: #ffde00;
		position: absolute;
		animation: preloader 1s ease-in-out .5s infinite alternate;
		box-shadow: 0 0 10px 1px #ffde00
	}

	.Notification-open.active:before {
		opacity: 1
	}

	.footer-lbr {
		text-align: center;
		position: fixed;
		height: 75px;
		bottom: 0;
		background: #12161a;
		left: 0;
		right: 0;
		padding: 13px;
		z-index: 10
	}

	.footer-lbr .btn {
		font-family: Averta CY, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 23px;
		color: #fafdff;
		display: inline-block;
		padding: 12px 15px;
		background: #008758;
		border-radius: 11px;
		min-width: 120px
	}

	.footer-lbr .btn.btn-f-login {
		background: #303840
	}

	.footer-container .f-banks {
		background: #262d33;
		overflow: scroll
	}

	.modeLight .footer-container .f-banks {
		background: #e4ebf2
	}

	.modeLight .footer-container .f-banks svg [fill]:not([fill=none]) {
		fill: #1c2126 !important
	}

	.modeLight .footer-container .f-banks svg [stroke] {
		stroke: #1c2126 !important
	}

	.footer-container .f-banks>div {
		min-height: 100px
	}

	.isMobile .footer-container .f-banks>div {
		min-height: 45px
	}

	.footer-container .f-banks>div>div {
		height: 20px;
		margin: 1rem
	}

	.footer-container .f-banks svg {
		max-height: 100%
	}

	.footer-container .f-banks svg [fill]:not([fill=none]) {
		fill: #e4ebf2 !important
	}

	.footer-container .f-banks svg [stroke] {
		stroke: #e4ebf2 !important
	}

	.footer-container .footer {
		background: #39414a;
		font-style: normal
	}

	.modeLight .footer-container .footer {
		background: #d5dde5
	}

	.footer-container .footer .f-t {
		height: 94px;
		box-shadow: 0 1px 0 hsla(0, 0%, 63.9%, .18823529411764706)
	}

	.isMobile .footer-container .footer .f-t {
		display: none !important
	}

	.footer-container .footer .f-m {
		padding: 40px 0
	}

	.footer-container .footer .f-m .f-m-social {
		max-width: 120px
	}

	.footer-container .footer .f-m .f-m-btn-chat {
		cursor: pointer;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.footer-container .footer .f-m .f-m-left {
		font-size: 21px;
		width: 240px
	}

	.footer-container .footer .f-m .f-m-left .m a {
		display: block;
		margin-bottom: 30px
	}

	.footer-container .footer .f-m .f-m-left .f-s-15 {
		font-weight: 600
	}

	.footer-container .footer .f-m .f-m-title {
		font-weight: 600;
		font-size: 21px;
		margin-bottom: 30px
	}

	.footer-container .footer .f-m .f-m-links {
		font-size: 15px
	}

	.footer-container .footer .f-m .f-m-links a {
		cursor: pointer;
		margin-bottom: 24px;
		white-space: nowrap
	}

	.footer-container .footer .f-m .f-m-links .flex-column {
		box-shadow: -1px 0 0 hsla(0, 0%, 63.9%, .18823529411764706);
		padding-left: 7rem
	}

	.footer-container .footer .f-m .f-m-links .flex-column:last-child {
		max-width: 320px
	}

	.footer-container .footer .f-b {
		font-size: 11px;
		font-weight: 400;
		line-height: 21px;
		letter-spacing: 0;
		text-align: left;
		padding: 40px
	}

	.isMobile .footer-container .footer .f-b {
		padding: 0
	}

	.footer-container .footer .license img {
		max-width: unset !important
	}
}
@media only screen and (max-width: 399px){
	.Bottom-Bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999
	}

	.Bottom-Bar-in {
		display: flex;
		align-items: flex-end;
		justify-content: space-between
	}

	.Bottom-Bar-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 10px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -.2px;
		text-align: center;
		color: #fff;
		position: relative;
		background-color: #a87317;
		height: 70px;
		z-index: 9;
		margin: 0 !important;
		text-decoration: none;
	}

	.Bottom-Bar-item i {
		margin-bottom: 5px;
		font-size: 20px;
		color: #fff
	}

	.Bottom-Bar-item img {
		margin-bottom: 6px
	}

	.Bottom-Bar-item.circle {
		background-color: transparent;
		min-width: 94px;
		width: 94px;
		height: 74px;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../../images/bottom-circle.png);
		border:0;
	}

	.Bottom-Bar-item:focus,
	.Bottom-Bar-item:hover {
		color: #fff;
		border:0;
		outline:0 !important;
		text-decoration: none;
	}

	.Bottom-Bar .active i {
		color: #008758
	}

	.circle-icon {
		position: absolute;
		top: 13px
	}

	.Dropdown-button {
		background-color: transparent;
		position: relative;
		transition: .5s
	}

	.Dropdown-button:active,
	.Dropdown-button:focus,
	.Dropdown-button:hover {
		color: #fff
	}

	.Dropdown-button-active {
		background-color: #1a2348
	}

	.Dropdown-button:focus {
		transition: .5s;
		color: #fff
	}

	.Dropdown-button:nth-of-type(2) {
		padding-right: 5px
	}

	.Dropdown-button i {
		font-size: 22px;
		color: #fff;
		display: block
	}

	.Dropdown-button-badge {
		position: absolute;
		right: 8px;
		top: 8px;
		width: 20px;
		height: 20px;
		background-color: #157cdb;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Montserrat, sans-serif;
		font-size: 11px;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -.22px;
		text-align: center;
		color: #fff;
		border-radius: 100%
	}

	.Dropdown-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #262d33;
		color: #fff;
		padding-bottom: 30px;
		z-index: 999;
		transition: .3s
	}

	.Dropdown-menu-in {
		overflow-y: scroll;
		height: 100%
	}

	.Menu {
		transform: translateX(-100px);
		transition: .3s;
		opacity: 0;
		right: 0;
		pointer-events: none;
		z-index: 999
	}

	.Menu-active {
		opacity: 1;
		transition: .3s;
		transform: translateX(0);
		pointer-events: auto
	}

	.Menu-head {
		position: relative;
		padding: 45px 20px 35px
	}

	.Menu-close {
		border-radius: 100%;
		width: 36px;
		height: 36px;
		background-color: #1f252b;
		font-size: 14px;
		color: #c2c8d9;
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%)
	}

	.Menu-top {
		transition: .5s;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0;
		height: 70px;
		left: 0;
		right: 0;
		padding-left: 20px;
		padding-right: 20px;
		background-color: #262d33;
		z-index: 99
	}

	.Menu-top h5 {
		font-size: 28px;
		font-weight: 300;
		line-height: .79;
		color: #fff;
		margin-right: auto;
		margin-left: 60px
	}

	.Menu-top-logo:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 165px;
		height: 24px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/logo.svg)
	}

	.Menu-login {
		margin-top: 30px;
		justify-content: space-between;
		width: 100%;
		height: 70px;
		border-radius: 12px;
		background-color: #39424b;
		padding-left: 15px;
		padding-right: 23px
	}

	.Menu-login,
	.Menu-login-left {
		display: flex;
		align-items: center
	}

	.Menu-login-left h6 {
		margin-left: 13px;
		display: flex;
		flex-direction: column;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
		color: #fff
	}

	.Menu-login-left p {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.83;
		color: #00c683
	}

	.Menu-login-left span {
		color: #b9c0c8
	}

	.Menu-login-left a {
		color: #00c683
	}

	.Menu-mode {
		display: flex;
		align-items: center;
		background-color: transparent
	}

	.Menu-mode i {
		margin-right: 8px;
		font-size: 20px;
		color: #dbe1ea
	}

	.Menu-mode-in {
		width: 40px;
		height: 20px;
		border-radius: 10px;
		border: 1px solid #858f99;
		background-color: #39424b;
		display: block;
		position: relative
	}

	.Menu-mode-in:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 14px;
		height: 14px;
		background-color: #9ea8b2;
		position: absolute;
		right: 3px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 100%
	}

	.Menu-mode.active .Menu-mode-in:before {
		transition: .5s;
		right: 21px
	}

	.Menu-support {
		margin-top: 6px;
		display: flex;
		justify-content: space-between
	}

	.Menu-support a {
		height: 50px;
		border-radius: 12px;
		background-color: #1b2125;
		display: flex;
		font-weight: 600;
		align-items: center;
		justify-content: center;
		width: calc(50% - 3px)
	}

	.Menu-support a i {
		margin-right: 8px;
		font-size: 18px
	}

	.Menu-support a:first-child i {
		color: #008758
	}

	.Menu-support a:last-child i {
		color: #ffde00
	}

	.Menu-finance {
		justify-content: space-between
	}

	.Menu-finance,
	.Menu-finance a {
		display: flex;
		align-items: center
	}

	.Menu-finance a {
		width: calc(50% - 3px);
		justify-content: space-around;
		height: 60px;
		border-radius: 8px;
		border-style: solid;
		border-width: 1.4px;
		border-image-source: linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
		border-image-slice: 1;
		background-image: linear-gradient(180deg, #424b55, #424b55), linear-gradient(180deg, rgba(82, 93, 105, 0), #525d69);
		background-origin: border-box;
		background-clip: content-box, border-box
	}

	.Menu-finance a p {
		font-size: 14px;
		font-weight: 600;
		font-style: normal;
		line-height: 1.4;
		color: #fff
	}

	.Menu-finance a p span {
		display: block;
		font-size: 12px;
		color: #e7ebef
	}

	.Menu-finance a i {
		font-size: 20px;
		position: relative
	}

	.Menu-finance a i:after {
		content: " ";
		display: inline-block;
		transition: .5s;
		width: 38px;
		height: 8px;
		opacity: .8;
		filter: blur(20px);
		position: absolute;
		left: 50%;
		transform: translateX(-50%)
	}

	.Menu-finance a:first-child i {
		color: #00c683
	}

	.Menu-finance a:first-child i:after {
		background-color: #00c683;
		bottom: 0
	}

	.Menu-finance a:last-child i {
		color: #ffde00
	}

	.Menu-finance a:last-child i:after {
		background-color: #ffde00;
		top: 0
	}

	.Menu-inner {
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px
	}

	.Menu-inner:nth-of-type(2) {
		border-bottom: 1px solid #313a42;
		padding-bottom: 30px
	}

	.Menu-inner .Navbottom-app {
		margin-top: 0
	}

	.Menu-header {
		font-size: 20px;
		font-weight: 700;
		line-height: 1.1;
		color: #ffde00;
		margin-left: 20px;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 10px
	}

	.Menu-header span {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.47;
		letter-spacing: -.3px;
		color: #abb8c2
	}

	.Menu-item {
		height: 55px;
		border-radius: 12px;
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		display: flex;
		align-items: center
	}

	.Menu-item.active i {
		color: #ffde00
	}

	.Menu-item:nth-of-type(odd) {
		background-color: #313a42
	}

	.Menu-item a {
		height: 50px;
		padding: 0 20px;
		width: 100%
	}

	.Menu-item a,
	.Menu-item i {
		display: flex;
		align-items: center
	}

	.Menu-item i {
		font-size: 20px;
		color: #bfc8d2;
		margin-right: 20px;
		justify-content: center
	}

	.Menu-item-button[aria-expanded=true] {
		background-color: #212633
	}

	.Menu-item-button[aria-expanded=true]:after {
		transform: rotate(180deg)
	}

	.Menu-item-button:after {
		margin-left: auto;
		content: "";
		display: inline-block;
		width: 10px;
		height: 6px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/icon-down2.svg)
	}

	.Menu-other a:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 6px;
		height: 6px;
		background-color: #4a555e;
		border-radius: 100%;
		margin-right: 12px
	}

	.Menu-open-icon {
		position: absolute;
		top: 16px
	}

	@keyframes preloader {
		to {
			opacity: .5;
			transform: scale(1.4)
		}
	}

	.Navbottom {
		width: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden
	}

	.Navbottom-in {
		background-color: #39414a;
		padding-top: 25px;
		padding-bottom: 90px
	}

	.Navbottom-support-in {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
		border-radius: 12px;
		background-color: #008758;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.57;
		color: #fff
	}

	.Navbottom-support-in i {
		margin-right: 12px;
		font-size: 16px
	}

	.Navbottom-support-in:focus,
	.Navbottom-support-in:hover,
	.Navbottom-support-in:visited {
		color: #fff;
		transition: .5s
	}

	.Navbottom-app {
		margin-top: 25px
	}

	.Navbottom-app-in {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 10px
	}

	.Navbottom-app h3 {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.57;
		text-align: center;
		color: #b9c0c8
	}

	.Navbottom-app-item {
		width: calc(50% - 3px);
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 12px;
		background-image: url(../../images/app-back.svg);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover
	}

	.Navbottom-app-item span {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.7;
		color: #fff
	}

	.Navbottom-app-item i {
		color: #fff;
		font-size: 24px
	}

	.Navbottom-app-item:hover {
		transform: scale(.95);
		transition: .5s
	}

	.Navbottom-description {
		display: flex;
		padding: 30px 20px 20px
	}

	.Navbottom-description-left {
		padding-right: 20px;
		width: 30%
	}

	.Navbottom-description-left img {
		height: 102px;
		-o-object-fit: contain;
		object-fit: contain
	}

	.Navbottom-description-right {
		padding-right: 10px;
		width: 70%;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.Navbottom-description-right p {
		font-size: 11px;
		line-height: 1.6;
		color: #fff
	}

	.Navbottom-menu {
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative
	}

	.Navbottom-menu-head {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 5px;
		position: relative;
		display: flex;
		align-items: center;
		text-align: left;
		color: #e0e5ef;
		height: 48px;
		line-height: 1;
		transition: .5s;
		border-radius: 6px;
		background-color: #4a535c;
		width: 100%;
		padding-left: 30px;
		padding-right: 30px
	}

	.Navbottom-menu-head i {
		margin-left: auto;
		font-size: 6px;
		color: #9198ab
	}

	.Navbottom-menu-head:focus,
	.Navbottom-menu-head:hover {
		color: #fff
	}

	.Navbottom-menu-head[aria-expanded=true] {
		background-color: #555f69;
		transition: .5s
	}

	.Navbottom-menu-head[aria-expanded=true] i {
		transform: rotate(180deg)
	}

	.Navbottom-item {
		width: 100%
	}

	.Navbottom-item .active {
		color: #fff
	}

	.Navbottom-item ul {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.Navbottom-item li {
		position: relative;
		margin-bottom: 10px;
		padding-left: 20px
	}

	.Navbottom-item li a {
		display: flex;
		align-items: center;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: -.28px;
		color: #e0e5ef;
		transition: color .5s
	}

	.Navbottom-item li a:before {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 10px;
		height: 10px;
		border: 2px solid #85919d;
		margin-right: 15px;
		border-radius: 100%
	}

	.Navbottom-item li a:hover a {
		color: #eaedfa;
		transition: .5s
	}

	.Navbottom-item li a:hover:before {
		transition: .5s;
		background-color: #e1233d
	}

	.Navbottom-item:last-child {
		margin-bottom: 0
	}

	.Navbottom-social {
		margin-top: 25px;
		padding-left: 15px;
		padding-right: 15px
	}

	.Navbottom-social-in {
		display: flex;
		align-items: center;
		justify-content: space-around
	}

	.Navbottom-social-item {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		color: #fff;
		width: 75px;
		height: 50px;
		border-radius: 12px;
		border: 2px solid transparent;
		transition: .5s
	}

	.Navbottom-social-item:hover {
		border-color: #313a42;
		transition: .5s;
		color: #fff
	}

	.Notification {
		opacity: 0;
		padding-bottom: 0;
		top: auto;
		left: 8px;
		right: 8px;
		bottom: 70px;
		border-radius: 12px;
		background-color: #262d33
	}

	.Notification.active {
		bottom: 79px;
		opacity: 1
	}

	.Notification-item {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #343e46;
		padding: 10px 15px;
		font-size: 12px;
		font-weight: 600;
		line-height: 1.4;
		color: #fff
	}

	.Notification-item-text {
		padding-right: 15px
	}

	.Notification-item:last-child {
		border-bottom: none
	}

	.Notification-item-icon {
		margin-right: 10px
	}

	.Notification-item:after {
		content: "";
		display: inline-block;
		transition: .5s;
		width: 6px;
		height: 10px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/icon-right-chevron.svg);
		margin-left: auto
	}

	.Notification-open-icon {
		position: absolute;
		top: 13px
	}

	.Notification-open:before {
		position: absolute;
		left: 5px;
		top: -5px;
		z-index: 9;
		content: "";
		display: inline-block;
		width: 83px;
		height: 56px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		background-image: url(../../images/circle-active.svg);
		opacity: 0
	}

	.Notification-open:after {
		border-radius: 100%;
		right: 37px;
		top: 13px;
		content: "";
		transition: .5s;
		width: 5px;
		height: 5px;
		background-color: #ffde00;
		position: absolute;
		animation: preloader 1s ease-in-out .5s infinite alternate;
		box-shadow: 0 0 10px 1px #ffde00
	}

	.Notification-open.active:before {
		opacity: 1
	}

	.footer-lbr {
		text-align: center;
		position: fixed;
		height: 75px;
		bottom: 0;
		background: #12161a;
		left: 0;
		right: 0;
		padding: 13px;
		z-index: 10
	}

	.footer-lbr .btn {
		font-family: Averta CY, sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 23px;
		color: #fafdff;
		display: inline-block;
		padding: 12px 15px;
		background: #008758;
		border-radius: 11px;
		min-width: 120px
	}

	.footer-lbr .btn.btn-f-login {
		background: #303840
	}

	.footer-container .f-banks {
		background: #262d33;
		overflow: scroll
	}

	.modeLight .footer-container .f-banks {
		background: #e4ebf2
	}

	.modeLight .footer-container .f-banks svg [fill]:not([fill=none]) {
		fill: #1c2126 !important
	}

	.modeLight .footer-container .f-banks svg [stroke] {
		stroke: #1c2126 !important
	}

	.footer-container .f-banks>div {
		min-height: 100px
	}

	.isMobile .footer-container .f-banks>div {
		min-height: 45px
	}

	.footer-container .f-banks>div>div {
		height: 20px;
		margin: 1rem
	}

	.footer-container .f-banks svg {
		max-height: 100%
	}

	.footer-container .f-banks svg [fill]:not([fill=none]) {
		fill: #e4ebf2 !important
	}

	.footer-container .f-banks svg [stroke] {
		stroke: #e4ebf2 !important
	}

	.footer-container .footer {
		background: #39414a;
		font-style: normal
	}

	.modeLight .footer-container .footer {
		background: #d5dde5
	}

	.footer-container .footer .f-t {
		height: 94px;
		box-shadow: 0 1px 0 hsla(0, 0%, 63.9%, .18823529411764706)
	}

	.isMobile .footer-container .footer .f-t {
		display: none !important
	}

	.footer-container .footer .f-m {
		padding: 40px 0
	}

	.footer-container .footer .f-m .f-m-social {
		max-width: 120px
	}

	.footer-container .footer .f-m .f-m-btn-chat {
		cursor: pointer;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.footer-container .footer .f-m .f-m-left {
		font-size: 21px;
		width: 240px
	}

	.footer-container .footer .f-m .f-m-left .m a {
		display: block;
		margin-bottom: 30px
	}

	.footer-container .footer .f-m .f-m-left .f-s-15 {
		font-weight: 600
	}

	.footer-container .footer .f-m .f-m-title {
		font-weight: 600;
		font-size: 21px;
		margin-bottom: 30px
	}

	.footer-container .footer .f-m .f-m-links {
		font-size: 15px
	}

	.footer-container .footer .f-m .f-m-links a {
		cursor: pointer;
		margin-bottom: 24px;
		white-space: nowrap
	}

	.footer-container .footer .f-m .f-m-links .flex-column {
		box-shadow: -1px 0 0 hsla(0, 0%, 63.9%, .18823529411764706);
		padding-left: 7rem
	}

	.footer-container .footer .f-m .f-m-links .flex-column:last-child {
		max-width: 320px
	}

	.footer-container .footer .f-b {
		font-size: 11px;
		font-weight: 400;
		line-height: 21px;
		letter-spacing: 0;
		text-align: left;
		padding: 40px
	}

	.isMobile .footer-container .footer .f-b {
		padding: 0
	}

	.footer-container .footer .license img {
		max-width: unset !important
	}
}