@charset "UTF-8";
.footer {
		background: var(--dark-def);
		padding: 31px 0 117px 0;
		color: var(--white);
		overflow: hidden;
		position: relative;
}
.footer .container {
		padding: 0 36px;
		position: relative;
}
.foot-menu {
		margin: 0 0 40px 0;
		position: relative;
}
.foot-menu .col {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.foot-menu .label {
		position: relative;
		cursor: pointer;
		user-select: none;
		font: 600 16px/18px var(--fontg);
		text-transform: uppercase;
		letter-spacing: 0.03em;
		padding: 26px 10px 25px 64px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		color: var(--sec-dark);
		display: inline-block;
		vertical-align: top;
		margin: 0 -10px 0 0;
}
.foot-menu .label:before, .foot-menu .label:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 30px;
		width: 13px;
		height: 1px;
		backface-visibility: hidden;
		transform: translate3d(-50%, -50%, 0);
		background: var(--sec-dark);
		transition-property: transform, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-menu .label:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.foot-menu .open .label {
		color: var(--white);
}
.foot-menu .open .label:before, .foot-menu .open .label:after {
		background: var(--white);
}
.foot-menu .open .label:before {
		transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.foot-menu .open .label:after {
		transform: translate3d(-50%, -50%, 0) rotate(-135deg);
}
@media (pointer:fine) {
		.foot-menu .label:hover {
				color: var(--yellow);
		}
		.foot-menu .label:hover:before, .foot-menu .label:hover:after {
				background: var(--yellow);
		}
}
.foot-menu .col:not(.open) .links {
		display: none;
}
.foot-menu .in {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-weight: 500;
		font-size: 15px;
		line-height: 18px;
		letter-spacing: -0.01em;
		padding: 0 0 20px 64px;
		margin: 0 -10px 0 0;
		position: relative;
		top: -6px;
}
.foot-menu .in > * {
		color: var(--sec-dark);
		transition-property: opacity, color, padding;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none;
		position: relative;
		padding: 11px 10px 11px 26px;
}
.foot-menu .in > *:before {
		content: '';
		width: 10px;
		height: 1px;
		position: absolute;
		top: 19px;
		left: 0;
		background: var(--darker);
		border-radius: 0.5px;
		transition-property: width, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-menu .in .all {
		font-weight: 600;
		opacity: 0.45;
		text-transform: uppercase;
		margin-top: 10px;
		letter-spacing: normal;
}
.foot-menu .in .all:before {
		display: none;
}
.foot-menu .in .all svg {
		vertical-align: middle;
		position: relative;
		top: -1px;
		left: 10px;
		fill: var(--sec-dark);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-menu .sup {
		vertical-align: top;
		color: var(--yellow);
		font-weight: normal;
		font-size: 10px;
		position: relative;
		top: -5px;
		left: 5px;
		letter-spacing: 0.025em;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.foot-menu .in > a:hover {
				color: var(--yellow);
				padding-left: 36px;
				padding-right: 0;
		}
		.foot-menu .in > a:hover:before {
				background: var(--yellow);
				width: 20px;
		}
		.foot-menu .in > a.all:hover {
				opacity: 1;
		}
		.foot-menu .in > a.all:hover svg {
				fill: var(--yellow);
		}
		.foot-menu .in > a:hover .sup {
				color: var(--yellow);
		}
}
.foot-menu .in > .active {
		color: var(--yellow);
		padding-left: 36px;
		padding-right: 0;
}
.foot-menu .in > .active:before {
		background: var(--yellow);
		width: 20px;
}
.foot-logo {
		text-align: left;
		text-indent: -100vw;
		overflow: hidden;
		display: block;
		margin: 0 auto 36px auto;
		background: url(../img/logo/orgmebel_logo_fin-03.svg) no-repeat 50% 50%;
		background-size: contain;
		width: 217px;
		height: 30px;
}
.foot-contacts {
		margin: 0 0 40px 0;
		font-weight: 300;
		font-size: 14px;
		line-height: 30px;
		color: var(--grey200);
		display: flex;
		flex-direction: column;
		gap: 29px 0;
}
.foot-contacts .show-tab {
		display: none;
}
.foot-contacts a {
		color: var(--yellow);
		text-decoration: none;
		font-weight: normal;
		border-bottom: 1px solid var(--yellow25);
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
		top: 4px;
}
.foot-contacts a span {
		position: relative;
		top: -4px;
}
.foot-contacts a[href^=tel] {
		color: var(--white);
		border-width: 0;
		top: 0;
}
.foot-contacts a[href^=mailto] {
		color: var(--grey500);
		border-color: var(--grey50025);
}
@media (pointer:fine) {
		.foot-contacts a:hover {
				border-color: transparent;
		}
}
.foot-contacts .col {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		padding: 0 0 0 43px;
		margin-left: -3px;
		background-repeat: no-repeat;
}
.foot-contacts .col.bg-map {
		background-image: url(../img/icons/footer/map.svg);
		background-size: auto 19px;
		background-position: 3px 6px;
}
.foot-contacts .col.bg-time {
		background-image: url(../img/icons/footer/timer-start.svg);
		background-size: auto 24px;
		background-position: 3px 3px;
}
.foot-contacts .col.bg-tel {
		background-image: url(../img/icons/footer/call-calling.svg);
		background-size: auto 22px;
		background-position: 1px 5px;
		font-size: 13px;
		color: var(--grey600);
}
.foot-contacts .col.bg-tel strong {
		font-size: 14px;
		font-weight: normal;
		display: inline-block;
		vertical-align: top;
		min-width: 9.4em;
		color: var(--white);
}
.foot-contacts .col.bg-tel strong:nth-of-type(2) {
		letter-spacing: 0.02em;
}
.foot-contacts .col.bg-email {
		background-image: url(../img/icons/footer/sms-tracking.svg);
		background-size: auto 18px;
		background-position: 0 7px;
}
.foot-social {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 36px 0;
		gap: 50px;
}
.foot-social > *:not(.sep) {
		text-decoration: none;
		font-weight: 500;
		font-size: 12px;
		line-height: 25px;
		letter-spacing: -0.01em;
		color: var(--grey600);
		display: flex;
		align-items: center;
		gap: 18px;
		height: 30px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.foot-social .sep {
		width: 1px;
		height: 30px;
		background: var(--grey800);
		flex: 0 0 auto;
}
.foot-social svg {
		flex: 0 0 auto;
		fill: var(--grey600);
		transition-property: fill, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0.65;
}
@media (pointer:fine) {
		.foot-social:hover svg {
				opacity: 1;
		}
		.foot-social > a:hover {
				color: var(--white);
		}
		.foot-social > a:hover .bg-facebook {
				fill: #4267B2;
		}
		.foot-social > a:hover .bg-vk {
				fill: #0077ff;
		}
}
.foot-payments {
		display: none;
}
.foot-text {
		text-align: center;
		font-weight: 300;
		font-size: 13px;
		line-height: 25px;
		letter-spacing: -0.01em;
		color: var(--darker);
		opacity: 0.65;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.165) 50%, rgba(255, 255, 255, 0) 100%);
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 100% 1px;
		padding: 24px 0 0 0;
}
.foot-text .show-tab {
		display: none;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.panel-mob {
				display: none;
		}
		.footer {
				padding-top: 78px;
				padding-bottom: 68px;
		}
		.footer .container {
				position: relative;
				padding: 0 38px;
				display: grid;
				grid-template-columns: 255px 1fr;
				grid-template-rows: auto auto auto 1fr auto;
				grid-template-areas: "l m""t m""s m""p m""c c";
		}
		.foot-menu {
				grid-area: m;
				margin: 0;
				padding-left: 83px;
		}
		.foot-menu .col:nth-child(3) {
				border-bottom-width: 0;
		}
		.foot-logo {
				grid-area: l;
				width: 183px;
				height: 30px;
				background-image: url(../img/logo/orgmebel_logo_fin-03.svg);
				margin: 11px 0 25px 0;
		}
		.foot-contacts {
				grid-area: c;
				border-top: 0.5px solid #334D81;
				font-size: 13px;
				line-height: 28px;
				flex-direction: row;
				flex-wrap: wrap;
				color: var(--grey300);
				padding: 50px 0 0 0;
				margin: 29px 0 0 0;
		}
		.foot-contacts .col {
				width: 50%;
				flex: 0 0 auto;
		}
		.foot-contacts .col.bg-tel strong {
				font-size: 13px;
		}
		
		.foot-social {
				grid-area: s;
				margin: 0 0 38px 0;
				gap: 40px;
				justify-content: flex-start;
				padding-left: 4px;
		}
		.foot-social > *:not(.sep) {
				font-size: 13px;
				gap: 15px;
				color: var(--grey500);
		}
		.foot-social .sep {
				display: none;
		}
		.foot-payments {
				position: relative;
				grid-area: p;
				display: block;
		}
		.foot-payments > * {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-left: 4px;
		}
		.foot-payments img {
				width: auto;
				height: auto;
				max-height: 24px;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				opacity: 0.5;
		}
		@media (pointer:fine) {
				.foot-payments span:hover img {
						opacity: 1;
				}
		}
		.foot-text {
				grid-area: t;
				font-size: 12px;
				letter-spacing: -0.02em;
				color: var(--grey600);
				background: none;
				padding: 0 0 25px 0;
				border-bottom: 0.5px solid rgba(225, 232, 255, 0.25);
				margin: 0 0 36px 0;
				text-align: left;
		}
		.foot-text br {
				display: none;
		}
		.foot-text .hide-tab {
				display: none;
		}
		.foot-text .show-tab {
				display: inline;
		}
}
/*tablet end*/
/*tablet-big start*/
@media only screen and (min-width: 1024px) {
		.foot-menu {
				display: flex;
				gap: 54px;
		}
		.foot-menu .col {
				flex: 1 1 auto;
				border: 0;
		}
		.foot-menu .label {
				text-transform: none;
				padding: 8px 0 9px 36px;
				margin: 0 0 11px -10px;
				color: var(--white) !important;
				cursor: default;
				transition: none;
				background-repeat: no-repeat;
		}
		.foot-menu .label:before, .foot-menu .label:after {
				display: none;
		}
		.foot-menu .label.bg-catalog {
				background-image: url(../img/icons/footer/textalign-right.svg);
				background-size: auto 16px;
				background-position: 3px 10px;
		}
		.foot-menu .label.bg-info {
				background-image: url(../img/icons/footer/note.svg);
				background-size: auto 22px;
				background-position: 0 8px;
		}
		.foot-menu .label.bg-people {
				background-image: url(../img/icons/footer/profile-2user.svg);
				background-size: auto 22px;
				background-position: 0 7px;
		}
		.foot-menu .links {
				display: block !important;
				overflow: visible !important;
				height: auto !important;
		}
		.foot-menu .in {
				font-weight: normal;
				font-size: 13px;
				padding: 0;
				top: 0;
		}
		.foot-menu .in > * {
				color: var(--grey500);
		}
		.foot-menu .in > *:before {
				height: 1.5px;
				background: var(--grey200);
				border-radius: 0.75px;
		}
		.foot-menu .sup {
				color: var(--sec-light);
		}
		.foot-menu .in .all svg {
				fill: var(--grey500);
		}
		.foot-menu .to-bottom {
				margin-top: 40px;
		}
		.foot-contacts .hide-tab {
				display: none;
		}
		.foot-contacts .show-tab {
				display: inline;
		}
		.foot-contacts {
				flex-wrap: nowrap;
				justify-content: space-between;
		}
		.foot-contacts .col {
				width: auto;
				max-width: 33.333333%;
		}
		.foot-contacts .col.bg-email {
				display: none;
		}
}
/*tablet-big end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.footer {
				padding-top: 80px;
				padding-bottom: 80px;
		}
		.footer .container {
				padding: 0 40px;
				grid-template-columns: 330px 1fr;
		}
		.foot-menu {
				padding-left: 123px;
				gap: 0;
		}
		.foot-menu .label {
				font-size: 18px;
				margin-bottom: 18px;
		}
		.foot-menu .in {
				font-size: 14px;
				letter-spacing: 0.01em;
		}
		.foot-menu .in > * {
				color: var(--grey500);
		}
		.foot-logo {
				grid-area: l;
				width: 196px;
				height: 34px;
				background-image: url(../img/logo/orgmebel_logo_fin-03.svg);
				margin-bottom: 21px;
		}
		.foot-contacts {
				font-size: 14px;
				line-height: 30px;
				color: var(--grey200);
				gap: 39px 0;
		}
		.foot-contacts .col.bg-email {
				display: block;
		}

		.foot-social {
				margin-bottom: 70px;
				padding-left: 0;
				gap: 50px;
		}
		.foot-social > *:not(.sep) {
				gap: 21px;
		}
		.foot-social > * span {
				position: relative;
				padding-left: 17px;
		}
		.foot-social > * span:before {
				content: '';
				position: absolute;
				top: 50%;
				left: 0;
				width: 1px;
				height: 30px;
				margin: -15px 0;
				background: var(--grey800);
		}
		.foot-payments > * {
				max-width: 317px;
				padding-left: 0;
		}
		.foot-payments img {
				max-height: 30px;
		}
		.foot-text {
				font-size: 13px;
				padding-bottom: 29px;
				margin-bottom: 50px;
		}
		.foot-text br {
				display: block;
		}
		.foot-text .hide-tab {
				display: inline;
		}
		.foot-text .show-tab {
				display: none;
		}
}
/*desktop end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
		.footer .container {
				grid-template-columns: 330px 1fr 340px;
				grid-template-rows: auto auto auto 1fr;
				grid-template-areas: "l m c""t m c""s m c""p m c";
		}
		.foot-menu {
				padding-left: 123px;
				position: static;
				gap: 0;
		}
		.foot-contacts {
				border: 0;
				margin: 0;
				position: relative;
				left: 5px;
				padding: 0;
				flex-direction: column;
				justify-content: flex-start;
		}
		.foot-contacts .col {
				width: 100%;
				max-width: none;
		}
		.foot-contacts .col.bg-tel strong {
				font-size: 14px;
		}
		.foot-contacts .hide-tab {
				display: inline;
		}
		.foot-contacts .show-tab {
				display: none;
		}
}