@charset "utf-8";
/*------------------------------- flex-blocks ------------------------------------*/
ul.flex-list {
    list-style: none;
    display: flex;
}
ul.flex-list.h-h {
    flex-direction: row;
}
ul.flex-list li {
    position: relative;
}
ul.flex-list.c-c li {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*-----------------------*/
.close {
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
	opacity: 0.3;
}
.close:hover {
	opacity: 0.6;
}
/*----------------------------------------------------------------------*/
.clear {
	clear:both;
	height:0;
	overflow:hidden;
}
.hr {
	height:1px;
	background:rgba(0,0,0,.16);
	margin-bottom:30px;
}
b, strong {
	font-weight: 700;
}
.note {
	font-size: 0.8rem;
	line-height: 0.8rem;
	opacity:0.5;
}
/*------------------------------------------------------------------------*/
a {
	color:var(--a-color);
	cursor: pointer;
}
a:hover {
	color:var(--a-hover-color);
}
a.no-line {
	text-decoration: none;
}
a.no-line:hover .udrl {
	text-decoration: underline;
}
a.no-color {
	color:var(--txt-color-0);
}
a.no-color:hover {
	color:var(--a-hover-color);
}
a.dotted {
	color:var(--primary-color);
	text-decoration:none;
	border-bottom:2px dotted var(--primary-color);
}
a.dotted.no-color {
	color:#4d4d4d;
	border-bottom:2px dotted #4d4d4d;
}
a.dotted:hover {
	color:var(--primary-color);
	border-bottom:2px dotted transparent;
}
.purple,
a.purple {
	color: #672e8f;
}
a.purple.dotted {
	border-bottom:2px dotted #672e8f;
}
a.purple.dotted:hover {
	color: #672e8f;
	border-bottom:2px dotted transparent;
}
a.more {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	font-size: 0.88em;
	font-weight:600;
	color: #666666;
	cursor: pointer;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
a.more:hover {
	color: var(--primary-color);
}
a.more::before {
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	width: 1.5rem;
	height:1.5rem;
	font-size: 1.5rem;
	line-height: 1.5rem;
	overflow: hidden;
	color: #ffffff;
	background: var(--primary-color);
	margin-right: 0.5rem;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
/*--*/

.no-wrap {
	white-space: nowrap;
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.radius {
		border-radius: 0.5rem;
	}
	.radius-small {
		border-radius: 0.25rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.radius {
		border-radius: 0.5rem;
	}
	.radius-small {
		border-radius: 0.25rem;
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.radius-small {
		border-radius: 0.35rem;
	}
	a.more::before {
		width: 1.0rem;
		height:1.0rem;
		font-size: 1.0rem;
		line-height: 1.0rem;
	}
}
/* Phone */
@media (max-width:27em){
	.radius {
		border-radius: 0.5rem;
	}
	.radius-small {
		border-radius: 0.25rem;
	}
	a.more::before {
		width: 1.0rem;
		height:1.0rem;
		font-size: 1.0rem;
		line-height: 1.0rem;
	}
}
/*----------------*/
ul.std {
	display: flex;
	flex-direction: column;
	row-gap: var(--row-gap-s);
	list-style: outside none disc;
	padding:0 0 var(--row-gap-m) var(--col-gap-l);
	margin: 0;
}
ul.std li {
	padding:0 0 0 var(--col-gap-s);
}
ul.std li::marker {
	color: var(--txt-color-03);
	font-size: 1.25em;
}
ul.std.cyan li::marker {
	color: var(--txt-color-04);
}
ul.std.ok li::marker {
	font-family: "icons" !important;
	content: '\e802'; 
	font-size: 1.0em;
}
ul.std.rule li::marker {
	font-family: "icons" !important;
	content: '\e806';
	font-size: 1.0em;
}
/*--*/
ol {
	display: flex;
	flex-direction: column;
	row-gap: var(--row-gap-s);
	padding:0 0 var(--row-gap-m) var(--col-gap-l);
	margin: 0;
}
ol li {
	padding:0 0 0 var(--col-gap-s);
}
/*------------------------------------------------------------------------*/
.wrap {
	position:relative;
	margin:auto;
	/*max-width: 1920px;
	overflow: hidden;*/
	padding-top:0;
}
.wrap.start {
	overflow: hidden;
	height:100vh;
}
.blackout {
	position: fixed;
	display: none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.25);
}
/*------------------------------ header-block -------------------------------------------*/
.header-block {
	position: fixed;
	background-color:rgba(255,255,255,1);
	width:100%;
	height: auto;
	top:0;
	left:0;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	z-index: 10;
}
.main-page .header-block {
	background-color:rgba(255,255,255,0);
}
.header--hidden .header-block {
	-webkit-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	transform: translateY( -100% );
}
.header--narrow .header-block {
	background-color:rgba(255,255,255,1);
	padding-top:0;
	padding-bottom: 0;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
} 
.header-block::before {
	content: '';
	display: block;
	display: none;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.header--narrow .header-block::before {
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.header--narrow.header--hidden .header-block::before {
	box-shadow: 0 0 10px rgba(0,0,0,0);
}
.header-block .nbs-container {
	display: flex;
	justify-content:space-between;
	align-items: center;
	height: auto;
	position: unset;
	margin-left: auto;
	margin-right: auto;
	column-gap: 2rem;
}
/*--*/
.header-block .h-top {
	position: relative;
	z-index: 3;
}
.header-block .h-top-left {
	display: flex;
	align-items: center;
	min-height: 4.5rem;
}
/*.header--narrow .header-block .h-top-right .menu {
	transform: translateY(-100%);
	opacity:0;
}*/
.header-block .h-top-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	height: 100%;
	justify-content: space-between;
}
.header-block .h-top .nbs-container {
	height: auto;
	min-height: var(--header-min-height);
	padding-right: calc(var(--side-block-menu-width) - var(--pdd-x));
}
.header--narrow .header-block .h-top .nbs-container {
	height: auto;
	min-height: var(--header-narrow-height);
}
.header-block .h-top-right .h-top-right-top {
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	height: 3rem;
	display: flex;
	align-items:center;
}
.header--narrow .header-block .h-top-right .h-top-right-top {
	height: 0rem;
}
.header-block .h-top-right .h-top-right-bottom {
	display: flex;
	align-items: center;
	position: relative;
	column-gap: 3rem;
}
.header-block .h-top-right .h-top-right-bottom .divider {
	background-color: rgba(255, 255, 255, 1);
	width: 1px;
	height: 2rem;
}
/*--*/
.header-block .h-bottom {
	position: relative;
	position: absolute;
	width: 100%;
	z-index: 2;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.inner-page .header-block .h-bottom {
	background: #ecf4f7;
}
.header--narrow .header-block .h-bottom {
	transform: translate(0%, -100% );
}
.header-block .h-bottom .nbs-container {
	height: 8rem;
}
/*--*/
.header-block .top {
	position: relative;
	margin-right: 2rem;
}
.header-block .side {
	width:70%;
	flex-grow: 2;
}
.header-block .top .nbs-container,
.header-block .side .nbs-container {
	height:8em;
	background:rgba(0,0,0,0);
	z-index: 2;
}
.header-block .top .nbs-container {
	justify-content: flex-start;
	align-items: center;
}
.header-block .side .nbs-container {
	position: unset;
	display: flex;
	/*justify-content: flex-end;*/
	justify-content: space-between;
	align-items: center;
}
/*-- logo --*/
.header-block .logo {
	position: relative;
	z-index: 10;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	background-color: rgba(0,0,0,0);
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.header-block .logo a {
	display: inline-block;
	position: relative;
	z-index: 2;
	height: 6rem;
	width: auto;
}
.header-block .logo span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.header-block .logo span {
	/*width: 124px;*/
}
.header--narrow .header-block .logo span {
	/*width: 124px;*/
}
.header-block .logo svg {
	width:auto;
	height: 100%;
}
.header-block .logo img {
	position: relative;
	max-height: 100%;
	display:inline-block;
	background-color: rgba(0,0,0,0);
}
.header-block .logo img:nth-of-type(1) {
	display: none;
}
.header-block .logo img:nth-of-type(2) {
	display:inline-block;
}
/*--*/
.search-input {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	flex-grow: 1;
	max-width: 4rem;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.search-input.active {
	/*z-index: 10;*/
	max-width: 100rem;
	min-width: 10rem;
}
.search-input .nbs-btn-icon {
	position: absolute;
	right:0;
	z-index: 2;
}
.search-input form {
	display: block;
	width:100%;
}
.search-input form input[type="text"] {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	width:0%;
	padding-right:var(--input-min-height);
}
.search-input.active form input[type="text"] {
	width:100%;
}
.search-input form input[type="submit"] {
	display: block;
	position: absolute;
	top:0;
	right:0;
	height: 100%;
	opacity:0;
	z-index: 1;
	cursor: pointer;
}
.search-input.active form input[type="submit"] {
	z-index: 3;
}
/*-- menu-btn --*/
.header-block .menu-btn-wrap {
	z-index: 10;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	position: relative;
	right: -0.375rem;
}
.menu-btn-wrap .menu-btn {
	display: block;
	position: relative;
	width:2.75rem;
	height:2.75rem;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.menu-btn-wrap .menu-btn span {
	display: inline-block;
	position: absolute;
	z-index: 2;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	background: rgba(0,0,0,0);
	width:24px;
	height:21px;
	box-sizing: border-box;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	border-top:3px solid var(--primary-color);
	border-bottom:3px solid var(--primary-color);
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.main-page .menu-btn-wrap .menu-btn span {
	border-top-color:var(--primary-color);
	border-bottom-color:var(--primary-color);
}
.main-page.header--narrow .menu-btn-wrap .menu-btn span {
	border-top-color:var(--primary-color);
	border-bottom-color:var(--primary-color);
}
.main-page .menu-btn-wrap .menu-btn:hover span {
	border-top-color:rgba(255,255,255,1);
	border-bottom-color:rgba(255,255,255,1);
}
.menu-btn-wrap .menu-btn.active span,
.main-page .menu-btn-wrap .menu-btn.active span {
	border-top-color:rgba(255,255,255,0);
	border-bottom-color:rgba(255,255,255,0);
}
.menu-btn-wrap .menu-btn span::before,
.menu-btn-wrap .menu-btn span::after {
	content: '';
	display: inline-block;
	position: absolute;
	left:0;
	top:6px;
	width:100%;
	height: 3px;
	background: var(--primary-color);
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.main-page .menu-btn-wrap .menu-btn span::before,
.main-page .menu-btn-wrap .menu-btn span::after {
	background: var(--primary-color);
}
.main-page.header--narrow .menu-btn-wrap .menu-btn span::before,
.main-page.header--narrow .menu-btn-wrap .menu-btn span::after {
	background: var(--primary-color);
}
.menu-btn-wrap .menu-btn:hover span::before,
.menu-btn-wrap .menu-btn:hover span::after {
	background: rgba(255, 255, 255, 1);
}
.menu-btn-wrap .menu-btn.active span::before,
.menu-btn-wrap .menu-btn.active span::after,
.main-page .menu-btn-wrap .menu-btn.active span::before,
.main-page .menu-btn-wrap .menu-btn.active span::after {
	background: var(--primary-color);
}
.menu-btn-wrap .menu-btn.active span::before {
	transform: rotate(45deg);
}
.menu-btn-wrap .menu-btn.active span::after {
	transform: rotate(-45deg);
}
/*-- top-btn --*/
.header-block .top-btn {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size:1.5rem;
	width:2.75rem;
	height: 2.75rem;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color:#C61A27;
	text-decoration: none;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.main-page .header-block .top-btn {
	color:#60CA0D;
}
.main-page .header-block .top-btn:hover {
	color: #ffffff;
}
.header--narrow .header-block .top-btn,
.main-page.header--narrow .header-block .top-btn {
	color:#C61A27;
}
.header--narrow .header-block .top-btn:hover,
.main-page.header--narrow .header-block .top-btn:hover {
	color:#60CA0D;
}
.search-input-toggle.active .icon-search::before,
.main-page.header--narrow .search-input-toggle.active .icon-search::before {
	color:rgba(0, 0,0, 0.3);
}
.main-page .search-input-toggle.active .icon-search::before {
	color:rgba(255, 255, 255, 0.8);
}
/*-- menu --*/
.header-block .menu {
	z-index: 3;
	padding-right:0;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.header-block .menu ul {
	list-style: none;
	display: flex;
	justify-content:flex-end;
	column-gap: 2rem;
}
.header-block .menu ul li {
	height: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:0;
}
.header-block .menu ul li.single-col {
	position: relative;
}
.header-block .menu ul li span {
	display:none;
	cursor: pointer;
}
.header-block .menu ul li a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	font-size:1.0rem;
	letter-spacing: 0.2em;
	line-height: 1;
	font-weight: 400;
	color:rgba(255, 255, 255, 1);
	text-transform: uppercase;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	white-space: nowrap;
}
.header-block .menu ul li.single-col:hover a {
	color:#C61A27;
}
.main-page .header-block .menu ul li a {
	color:rgba(255, 255, 255, 1);
}
.main-page .header-block .menu ul li.single-col:hover a {
	color:#C61A27;
}
.main-page.header--narrow .header-block .menu ul li a {
	color:rgba(255, 255, 255, 1);
}
.main-page.header--narrow .header-block .menu ul li.single-col:hover a {
	color:#C61A27;
}
.header-block .menu ul li:hover a:hover,
.main-page.header--narrow .header-block .menu ul li:hover a:hover,
.main-page .header-block .menu ul li.single-col:hover a:hover {
	color:#C61A27;
}
.header-block .menu ul li ul {
	position: absolute;
	top:100%;
	left:0;
	width:100%;
	font-size: 0.84em;
	background-color:#F1F5F9;
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	overflow: hidden;
	-webkit-transition: opacity .5s ease; 	
	-moz-transition: opacity .5s ease; 
	transition: opacity .5s ease;
	transform-origin: top left;
	transition-delay: 1s;
	opacity:0;
	padding-top:1.5rem;
	border-radius: 0.25rem;
}
.header-block .menu ul li:hover ul {
	display: flex;
	opacity:1;
	box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.2);
}
.header-block .menu ul li.single-col ul {
	flex-direction: column;
	width:12rem;
}
.header-block .menu ul li ul li {
	display: block;
	height: auto;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	transform:translateY(-2rem);
	padding: 0 1.5rem 1.5rem;
}
.header-block .menu ul li ul li:first-of-type {
	display: none;
}
.header-block .menu ul li:hover ul li {
	transform:translateY(0rem);
}
.header-block .menu ul li.multi-col ul li {
	width:25%;
}
.header-block .menu ul li.single-col ul li {
	width:100%;
}
.header-block .menu ul li ul li a,
.main-page .header-block .menu ul li ul li a {
	text-transform: none;
	font-weight: 400;
	color:rgba(0, 0, 0, 0.6);
	line-height:1.4em;
}
.header-block .menu ul li.single-col:hover ul li a,
.main-page .header-block .menu ul li.single-col:hover ul li a,
.main-page.header--narrow .header-block .menu ul li.single-col:hover ul li a {
	color:rgba(0, 0, 0, 0.6);
}
.header-block .menu ul li:hover ul li:hover a:hover,
.main-page .header-block .menu ul li:hover ul li:hover a:hover {
	color: #C61A27;
}
.header-block .menu ul li.single-col ul li a div {
	display: block;
	margin: 0 auto 1rem;
	width:5rem;
	height: 5rem;
	position: relative;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
}
.header-block .menu ul li.single-col ul li a div img {
	position: absolute;
	inset: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
}
.header-block .menu ul li.multi-col ul li ul {
	position: relative;
	top:auto;
	display: flex;
	flex-direction: column;
	background-color: rgba(255, 255, 255, 0);
	margin: 0;
	padding:2rem 0 0;
	font-size: 0.9em;
}
.header-block .menu ul li.multi-col ul li ul li {
	width:100%;
	padding-left:0rem;
	padding-bottom:1rem;
}
.header-block .menu ul li.multi-col ul li ul li:first-of-type {
	padding-bottom:0;
}
.header-block .menu ul li.multi-col ul li ul li a {
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}
/* Desktop <=  1680 */
@media (max-width:105em){
}
/* Desktop <=  1440 */
@media (max-width:90em){
}
/* Desktop <  1366 */
@media (max-width:84em){
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.header-block .logo img:nth-of-type(1) {
		display: inline-block;
	}
	.header-block .logo img:nth-of-type(2) {
		display:none;
	}
	.header-block .h-top .nbs-container {
		padding-right: calc(var(--col-gap-l) + var(--btn-icon-size-m));
	}
}
/* all portrait */
@media (orientation: portrait) {
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.header-block .logo img:nth-of-type(1) {
		display: inline-block;
	}
	.header-block .logo img:nth-of-type(2) {
		display:none;
	}
	.header-block .h-top .nbs-container {
		padding-right: calc(var(--col-gap-l) + var(--btn-icon-size-m));
	}

}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
}
/* Phone landscape*/
@media (max-width:760px) and (max-height:420px) {

}
/* Phone*/
@media (max-width:27em){
	.header-block .h-top .nbs-container {
		padding-right: calc(var(--col-gap-s) + var(--btn-icon-size-m));
	}
}
/* Small phone*/
@media (max-width:22em){

}
/*----------------------menu-toggle-----------------------------*/
.freeze {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 12;
}
.menu-toggle {
	position: absolute;
	top:0;
	right:0;
	min-height: var(--header-min-height);
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	min-width: 0;
}
.side-open .menu-toggle {
	min-width: var(--side-block-menu-width);
}
.header--hidden .menu-toggle {
	-webkit-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	transform: translateY( -100% );
}
.header--narrow .menu-toggle {
	min-height: var(--header-narrow-height);
}
.menu-toggle .menu-btn {
	display: block;
	position: relative;
	width:2.75rem;
	height:2.75rem;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.menu-toggle .menu-btn span {
	display: inline-block;
	position: absolute;
	z-index: 2;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	background: rgba(0,0,0,0);
	width:24px;
	height:21px;
	box-sizing: border-box;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	border-top:3px solid var(--primary-color);
	border-bottom:3px solid var(--primary-color);
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.menu-toggle .menu-btn.active span {
	border-top-color:rgba(255,255,255,0);
	border-bottom-color:rgba(255,255,255,0);
}
.menu-toggle .menu-btn span::before,
.menu-toggle .menu-btn span::after {
	content: '';
	display: inline-block;
	position: absolute;
	left:0;
	top:6px;
	width:100%;
	height: 3px;
	background: var(--primary-color);
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.menu-toggle .menu-btn:hover span::before,
.menu-toggle .menu-btn:hover span::after {
	background: var(--primary-color);
}
.menu-toggle .menu-btn.active span::before,
.menu-toggle .menu-btn.active span::after {
	background: var(--txt-color-02);
}
.menu-toggle .menu-btn.active span::before {
	transform: rotate(45deg);
}
.menu-toggle .menu-btn.active span::after {
	transform: rotate(-45deg);
}
#top-phone .phone {
	color: var(--txt-color-0);
	position: relative;
}
#top-phone .phone span {
	position: absolute;
	top:100%;
	right:0;
	font-size: var(--txt-font-size--1);
	font-weight: 400;
}
.main-page #top-phone .phone {
	color: var(--txt-color-05);
}
.header--narrow #top-phone .phone,
.side-open #top-phone .phone {
	color: var(--txt-color-0);
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.menu-toggle {
		width: auto;
	}
}
/* all portrait */
@media (orientation: portrait) {
	.menu-toggle {
		width: auto;
	}
}
/*----------------------------------- side-block---------------------------*/
.side-block {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	position: fixed;
	z-index: 11;
	overflow: hidden;
	height:100%;
	width:100%;
	bottom:0%;
	left:0%;
	background-color: rgba(0,0,0,0.5);
	overflow-y: auto;
	-webkit-transition: background-color .5s ease; 	
	-moz-transition: background-color .5s ease; 
	transition: background-color .5s ease;
}
.side-block .bg {
	position:absolute;
	z-index: 1;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}
.side-block .menu {
	z-index: 3;
	position: absolute;
	height: 100%;
	width: var(--side-block-menu-width);
	padding-top:var(--header-min-height);
	max-width: 100%;
	right:0;
	display: flex;
	flex-direction:column;
	justify-content: flex-start;
	background-color: #ffffff;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	transform: translateX(100%);
	overflow: hidden;
}
.side-block.active .menu {
	transform: translateX(0%);
}
.side-block .menu .contacts {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	row-gap: 1rem;
}
.side-block .menu #side-phone {
	min-height: var(--header-min-height);
}
.side-block .menu #side-phone .phone {
	position: relative;
}
.side-block .menu #side-phone .phone span {
	position: absolute;
	top:100%;
	right:0;
	font-size: var(--txt-font-size--1);
}
/*-- menu --*/
.side-block .menu ul,
.side-block .menu ul li ul,
.side-block .menu ul li.multi-col ul,
.side-block .menu ul li ul li ul,
.side-block .menu ul li.multi-col ul li ul {
	position: fixed;
	width:100%;
	height: 100%;
	height: calc(100% - (var(--header-min-height)));
	top:calc(var(--header-min-height));
	overflow: auto;
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	flex-wrap: nowrap;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	background-color: rgba(0,0,0,0);
	font-size:1.0em;
	padding-left:0;
	padding-right: 0;
	padding-top:6rem;
	padding-top: calc(0rem);
	padding-bottom: 10rem;
	padding-bottom: calc(0rem);
	z-index: 1;
	transform: none;
	opacity: 1;
	margin: 0;
	max-height: unset;
	grid-column-gap: 0;
	grid-row-gap: 0;
	box-shadow: none;
}
.side-block .menu ul li:hover ul {
	display: flex;
	transform: none;
	opacity:1;
	max-height: unset;
	padding-top:6rem;
	padding-left:0;
	padding-right: 0;
	padding-top: calc(0rem);
	box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0);
}
.side-block .menu ul li ul {
	z-index: 2;
}
.side-block .menu ul li ul li ul {
	z-index: 3;
}
.side-block .menu ul li ul,
.side-block .menu ul li.multi-col ul,
.side-block .menu ul li ul li ul,
.side-block .menu ul li.multi-col ul li ul,
.side-block .menu ul li.open ul li ul,
.side-block .menu ul li.multi-col.open ul li ul {
	left:100%;
}
.side-block .menu ul li:last-of-type ul {
	left:100%;
	right:unset;
}
.side-block .menu ul,
.side-block .menu ul li.open ul,
.side-block .menu ul li.multi-col.open ul,
.side-block .menu ul li.open ul li.open ul,
.side-block .menu ul li.multi-col.open ul li.open ul {
	left:0%;
}
.side-block .menu ul.next-level,
.side-block .menu ul.next-level li ul.next-level,
.side-block .menu ul.next-level li.multi-col ul.next-level {
	left:-100%;
}
.side-block .menu ul li,
.side-block .menu ul li ul li,
.side-block .menu ul li.multi-col ul li,
.side-block .menu ul li ul li ul li,
.side-block .menu ul li.multi-col ul li ul li {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0.75rem var(--pdd-x);
	height: auto;
	width:100%;
	transform: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.side-block .menu ul .mobile-only {
	display: flex;
}
.side-block .menu ul li.single-col ul li:first-of-type {
	width:100%;
}
.side-block .menu ul li span {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	cursor: pointer;
	flex-shrink: 0;
}
.side-block .menu ul li span.bwd,
.side-block .menu ul li span.fwd {
	font-size: 1.7rem;
	color: var(--primary-color);
}
.side-block .menu ul li span.fwd {
	/*transform: translateX(0.75rem);*/
}
.side-block .menu ul li span.bwd {
	/*transform: translateX(-0.75rem);*/
}
.side-block .menu ul li span.fwd::before {
	line-height: 1.4rem;
}
.side-block .menu ul li ul li:first-of-type,
.side-block .menu ul li.multi-col ul li:first-of-type,
.side-block .menu ul li.single-col ul li:first-of-type {
	display: flex;
	-webkit-transition: opacity .3s ease; 	
	-moz-transition: opacity .3s ease; 
	transition: opacity .3s ease;
	position: relative;
}
.side-block .menu ul li a,
.side-block .menu ul li ul li a,
.side-block .menu ul li ul li ul li a {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	font-size:1.25rem;
	padding:0;
	min-height: 2.5rem;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	color: var(--txt-color-0);
	padding: 0.25rem 0;
}
.side-block .menu ul li ul li a::before {
	display: none;
}
.side-block .menu ul li a::after {
	display: none;
}
.side-block .menu ul li a,
.side-block .menu ul li:hover a,
.side-block .menu ul li:hover ul li a {
	
}
.side-block .menu ul li a.active,
.side-block .menu ul li ul li a.active {
	color:var(--primary-color);
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.side-block .menu ul,
	.side-block .menu ul li ul,
	.side-block .menu ul li.multi-col ul,
	.side-block .menu ul li ul li ul,
	.side-block .menu ul li.multi-col ul li ul {
		position: fixed;
		width:100%;
		height: 100%;
		height: calc(100% - (var(--header-min-height)));
		top:var(--header-min-height);
	}

}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.side-block .menu {
		padding-top:0;
	}
}
/* all portrait */
@media (orientation: portrait) {
	.side-block .menu {
		padding-top:0;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.side-block .menu ul,
	.side-block .menu ul li ul,
	.side-block .menu ul li.multi-col ul,
	.side-block .menu ul li ul li ul,
	.side-block .menu ul li.multi-col ul li ul {
		position: fixed;
		width:100%;
		height: 100%;
		height: calc(100% - (var(--header-min-height)));
		top:var(--header-min-height);
	}

}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {

}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.side-block .menu {
		width: 50%;
	}
}
/* Phone*/
@media (max-width:27em){
	.side-block .menu {
		width: 100%;
	}
	.side-block .menu ul li a,
	.side-block .menu ul li ul li a,
	.side-block .menu ul li ul li ul li a {
		font-size:1.125rem;
		min-height: 2.75rem;
	}
	.side-block .menu ul li,
	.side-block .menu ul li ul li,
	.side-block .menu ul li.multi-col ul li,
	.side-block .menu ul li ul li ul li,
	.side-block .menu ul li.multi-col ul li ul li {
		padding: 0.5rem var(--pdd-x);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

}
/*--------------------------------- slider-block -------------------------*/
.slider-block {
	position: relative;
	z-index: 1;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.slider-block .slick-initialized .slick-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.slider-block .slick-dots {
	justify-content: flex-end;
	z-index: 9;
	/*max-width: calc(100rem + (var(--pdd-x) * 2));*/
	margin: auto;
	padding: 0 calc(var(--pdd-x) * 2);
}
.slider-block .slick-dots li button {
	background:rgba(225,225,225,.5) !important;
}
.inner-dots .slick-dots li button {
	bottom:2rem;
}
.slider-block .slick-dots li button:hover {
	background:rgba(225,225,225,1) !important;
}
.slider-block .slick-dots li.slick-active button {
	background:var(--primary-color) !important;
}
.slider-block .slick-dots li button {
	bottom: calc(var(--pdd-y) + calc(var(--btn-l-min-height) * 0.5));
	transform: translateY(-50%);
}
.slider-block .nbs-container {
	position: unset;
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: unset;
	/*flex-wrap: wrap;
	max-width: 1600px;*/
	margin: 0 auto;
	/*min-height: 100vh;*/
	padding-top:var(--header-min-height);
	padding-bottom: calc(var(--pdd-y) + var(--btn-l-min-height));
}
.slider-block.full-height .nbs-container {
	min-height: 100vh;
}

.slider-block .txt {
	position:relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:100%;
	z-index:3;
}
.slider-block.block-0 .txt {
	/*padding-top:0;*/
}
.slider-block .txt .content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.slider-block .pic {
	position:unset;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index:2;
}
.slider-block .pic.full-size {
}
.slider-block .pic .image {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	overflow: hidden;
}
.slider-block .pic.full-size .image {
	max-width:unset;
}
.slider-block .pic .image img {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	-webkit-transition: all 7s linear; 	
	-moz-transition: all 7s linear; 
	transition: all 7s linear;
	transform-origin: center;
}
.slider-block .pic .image img:nth-of-type(2) {
	display: none;
}
.ready .slider-block .pic .image .slick-current img {
	transform: scale(110%);
}
.slider-block .pic .image video {
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-block .pic .shadow {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.5);
	mix-blend-mode: multiply;
}
.slider-block .pic .link {
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index: 3;
	padding: 0 4rem;
}
.slider-block .pic .content {
	position: relative;
	z-index: 2;
}
.slider-block .pic .double-txt {
	display: none;
}
.slider-block .pic .image .slick-slider,
.slider-block .pic .image .slick-slider .slick-list,
.slider-block .pic .image .slick-slider .slick-track {
	height:100%;
}
.slider-block .pic .content .slick-initialized .slick-slide {
}
.slider-block .pic .content .slick-slide img {
	display: inline-block;
}
.slider-block .pic .link {
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index: 2;
	padding: 0 4rem;
}
.slider-block .pic .link .link-content {
	position: relative;
	margin: auto;
	max-width: 100rem;
}
.slider-block .pic .link .link-content a {
	position: absolute;
	left:0;
	bottom:7rem;
	transform: translateY(50%);
}
.slider-block .pic .link .link-content a.more {
	color: #ffffff;
}
/*--*/
.slider-block h2 {
	color: #333333;
	margin-bottom: 0;
	font-size: 5rem;
	font-weight: 600;
	line-height: 1.1;
	padding:0;
	text-transform: uppercase;
}
.slider-block h2 a {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-left: 5.5rem;
	-webkit-transition: all 1.7s ease; 	
	-moz-transition: all 1.7s ease; 
	transition: all 1.7s ease;
	transform:translateX(-100%);
	opacity: 0;
	transition-delay: 0s;
	text-decoration: none;
	color: #ffffff;
}
.slider-block h2 span {
	display: block;
	transform: translateX(2em);
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	opacity:0;
}
.ready .slider-block .slick-current h2 span {
	transform: translateX(0rem);
	opacity: 1;
}
.slider-block h2 :nth-child(2) {
	transition-delay: 0.2s;
}
.slider-block h2 :nth-child(3) {
	transition-delay: 0.4s;
}
.slider-block h2 :nth-child(4) {
	transition-delay: 0.6s;
}
.slider-block h2 :nth-child(5) {
	transition-delay: 0.8s;
}
.slider-block h3 {
	color: #ffffff;
	margin-bottom: 0;
	font-size: 2rem;
	font-weight: 400;
	padding:0;
	text-align: right;
	-webkit-transition: all 1.7s ease; 	
	-moz-transition: all 1.7s ease; 
	transition: all 1.7s ease;
	opacity: 0;
}
.ready .slider-block .slick-current h3 {
	opacity: 1;
}
.slider-block .slider-static-wrap {
	position: relative;
	z-index: 3;
}
.slider-block .slider-static-wrap .btn {
	position: absolute;
	left:var(--pdd-x);
	bottom:var(--pdd-y);
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.slider-block h2 {
		font-size: 5rem;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.slider-block h2 {
		font-size: 4.5rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.slider-block h2 {
		font-size: 3.5rem;
		line-height: 1.125;
	}
}
/* portrait */
@media (orientation: portrait) {
	.slider-block {
		padding: 0;
	}
	.slider-block .nbs-container {
		padding-bottom: calc(var(--pdd-y) + var(--btn-l-min-height));
		align-items: flex-end;
	}
	.slider-block .txt {
		padding-bottom: var(--pdd-y);
	}
	.slider-block .slick-dots {
		justify-content: center;
	}
	.slider-block .slick-dots li button {
		bottom:calc(100vh - var(--header-min-height) - 1rem);
	}
	.slider-block .pic .link .link-content a {
		left:50%;
		transform: translate(-50%,50%);
	}
	.slider-block h2 {
		text-align: center;
	}
	.slider-block .pic .image img:nth-of-type(1) {
		display: none;
	}
	.slider-block .pic .image img:nth-of-type(2) {
		display: block;
	}
	.slider-block .slider-static-wrap {
		margin: 0 var(--pdd-x);
	}
	.slider-block .slider-static-wrap .btn {
		position: absolute;
		left:50%;
		transform: translateX(-50%);
		bottom:var(--pdd-y);
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.slider-block h2 {
		font-size: 4.5rem;
		text-align: center;
	}
	.slider-block h3 {
		font-size: 1.5rem;
		text-align: center;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.slider-block h2 {
		font-size: 3rem;
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.slider-block h2 {
		font-size: 2.5rem;
		font-weight: 600;
	}
	.slider-block h3 {
		font-size: 1.25rem;
	}
}
/* Phone */
@media (max-width:27em){
	.slider-block h2 {
		font-size: 2rem;
		font-weight: 600;
	}
	.slider-block h3 {
		font-size: 1.25rem;
	}
}
/*------------------------------------ brands-block -----------------------------*/
.brands-block {
	background-color: #ffffff;
	overflow: hidden;
}
ul.brands-list,
ul.brands-list li ul {
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.brands-list li.level-1 {
	flex-basis: 12.5%;
	z-index: 4;
}
ul.brands-list .brand {
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 75%;
	display: block;
}
ul.brands-list .brand .preview .pic {
	padding-top: 100%;
}
ul.brands-list .brand::after {
	content: '';
	display: block;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%, 100%);
	width:0;
	height:0;
	border-width: 2rem;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) var(--bg-color-01) rgba(255, 255, 255, 0);
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	transition-delay: 0.5s;
}
ul.brands-list .brand.active::after {
	transform: translate(-50%, 20%);
}
ul.brands-list .brand.active .preview .pic {

}
ul.brands-list li:nth-of-type(2n+1) {
	order:1;
}
ul.brands-list li:nth-of-type(2n+2) {
	order:2;
}
ul.brands-list li:nth-of-type(2n+17) {
	order:3;
}
ul.brands-list li:nth-of-type(2n+18) {
	order:4;
}
ul.brands-list li:nth-of-type(2n+33) {
	order:5;
}
ul.brands-list li:nth-of-type(2n+34) {
	order: 6;
}
ul.brands-list li:nth-of-type(2n+49) {
	order:7
}
ul.brands-list li:nth-of-type(2n+50) {
	order: 8;
}
ul.brands-list li:nth-of-type(2n+65) {
	order: 9;
}
ul.brands-list li:nth-of-type(2n+66) {
	order: 10;
}
ul.brands-list li:nth-of-type(2n+81) {
	order: 11;
}
ul.brands-list li:nth-of-type(2n+82) {
	order: 12;
}
ul.brands-list li:nth-of-type(2n+97) {
	order: 13;
}
ul.brands-list li:nth-of-type(2n+98) {
	order: 14;
}
ul.brands-list li.level-2 {
	position: relative;
	z-index: 2;
	flex-basis: 100%;
	background-color: var(--bg-color-01);
	border-radius: var(--border-radius-m);
}
ul.brands-list li.level-2.active {
	z-index: 3;
}
ul.brands-list li.level-2::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	top:0;
	left:50%;
	transform: translateX(-50%);
	width:10000rem;
	height: 100%;
	background-color: var(--bg-color-01);
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0);
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	display: none;
}
ul.brands-list li.level-2.active::before {
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0);
}
ul.brands-list li.level-2 .models-list-wrap {
	display: none;
}
ul.brands-list li.level-2 .models-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	row-gap: 2rem;
	padding:2rem 0;
}
ul.brands-list li.level-2 .models-list .model {
	flex-basis: 14.2857%;
}
ul.brands-list li.level-2 .models-list .model a {
	display: flex;
	flex-direction: column;
	margin: auto;
	width:80%;
	color:var(--txt-color-0);
	text-decoration: none;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
ul.brands-list li.level-2 .models-list .model a:hover {
	color: var(--txt-color-03);
}
ul.brands-list li.level-2 .models-list .model a .preview {
	margin: auto;
	width: 75%;
}
ul.brands-list li.level-2 .models-list .model a .m-txt {
	text-align: center;
	font-size: 1rem;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	ul.brands-list li.level-2 .models-list .model a .m-txt {
		font-size: 0.875rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	ul.brands-list li.level-2 .models-list {
		row-gap: 1rem;
		padding: 1rem 0;
	}
	ul.brands-list li.level-2 .models-list .model a .m-txt {
		font-size: 0.75rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	ul.brands-list li.level-1 {
		flex-basis: 25%;
	}
	ul.brands-list li:nth-of-type(2n+1) {
		order:1;
	}
	ul.brands-list li:nth-of-type(2n+2) {
		order:2;
	}
	ul.brands-list li:nth-of-type(2n+9) {
		order:3;
	}
	ul.brands-list li:nth-of-type(2n+10) {
		order:4;
	}
	ul.brands-list li:nth-of-type(2n+17) {
		order:5;
	}
	ul.brands-list li:nth-of-type(2n+18) {
		order: 6;
	}
	ul.brands-list li:nth-of-type(2n+25) {
		order:7;
	}
	ul.brands-list li:nth-of-type(2n+26) {
		order: 8;
	}
	ul.brands-list li:nth-of-type(2n+33) {
		order:9;
	}
	ul.brands-list li:nth-of-type(2n+34) {
		order: 10;
	}
	ul.brands-list li:nth-of-type(2n+41) {
		order:11;
	}
	ul.brands-list li:nth-of-type(2n+42) {
		order: 12;
	}
	ul.brands-list li:nth-of-type(2n+49) {
		order:13;
	}
	ul.brands-list li:nth-of-type(2n+50) {
		order: 14;
	}
	ul.brands-list li:nth-of-type(2n+57) {
		order:15;
	}
	ul.brands-list li:nth-of-type(2n+58) {
		order: 16;
	}
	ul.brands-list li:nth-of-type(2n+65) {
		order:17;
	}
	ul.brands-list li:nth-of-type(2n+66) {
		order: 18;
	}
	ul.brands-list li:nth-of-type(2n+73) {
		order:19;
	}
	ul.brands-list li:nth-of-type(2n+74) {
		order: 20;
	}
	ul.brands-list li:nth-of-type(2n+81) {
		order:21;
	}
	ul.brands-list li:nth-of-type(2n+82) {
		order: 22;
	}
	ul.brands-list li:nth-of-type(2n+89) {
		order:23;
	}
	ul.brands-list li:nth-of-type(2n+90) {
		order: 24;
	}
	ul.brands-list li:nth-of-type(2n+97) {
		order:25;
	}
	ul.brands-list li:nth-of-type(2n+98) {
		order: 26;
	}
	ul.brands-list li.level-2 .models-list {
		row-gap: 2rem;
		padding: 2rem 0;
	}
	ul.brands-list li.level-2 .models-list .model {
		flex-basis: 25%;
	}
	ul.brands-list li.level-2 .models-list .model a .m-txt {
		font-size: 0.875rem;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	ul.brands-list .brand.active::after {
		transform: translate(-50%, 30%);
	}
	ul.brands-list li.level-2 .models-list {
		row-gap: 1rem;
		padding: 1rem 0;
	}
	ul.brands-list li.level-2 .models-list .model a {
		width:100%;
	}
	ul.brands-list li.level-2 .models-list .model a .m-txt {
		font-size: 0.75rem;
		padding: 0 0.5rem;
	}
	ul.brands-list li.level-2 .models-list .model a .preview {
		width: 65%;
	}
}
/* Phone */
@media (max-width:27em){
	ul.brands-list li.level-1 {
		flex-basis: 33.3333%;
	}
	ul.brands-list li:nth-of-type(2n+1) {
		order:1;
	}
	ul.brands-list li:nth-of-type(2n+2) {
		order:2;
	}
	ul.brands-list li:nth-of-type(2n+7) {
		order:3;
	}
	ul.brands-list li:nth-of-type(2n+8) {
		order:4;
	}
	ul.brands-list li:nth-of-type(2n+13) {
		order:5;
	}
	ul.brands-list li:nth-of-type(2n+14) {
		order: 6;
	}
	ul.brands-list li:nth-of-type(2n+19) {
		order:7;
	}
	ul.brands-list li:nth-of-type(2n+20) {
		order: 8;
	}
	ul.brands-list li:nth-of-type(2n+25) {
		order:9;
	}
	ul.brands-list li:nth-of-type(2n+26) {
		order: 10;
	}
	ul.brands-list li:nth-of-type(2n+31) {
		order:11;
	}
	ul.brands-list li:nth-of-type(2n+32) {
		order: 12;
	}
	ul.brands-list li:nth-of-type(2n+37) {
		order:13;
	}
	ul.brands-list li:nth-of-type(2n+38) {
		order: 14;
	}
	ul.brands-list li:nth-of-type(2n+43) {
		order:13;
	}
	ul.brands-list li:nth-of-type(2n+44) {
		order: 14;
	}
	ul.brands-list li:nth-of-type(2n+49) {
		order:15;
	}
	ul.brands-list li:nth-of-type(2n+50) {
		order: 16;
	}
	ul.brands-list li:nth-of-type(2n+55) {
		order:17;
	}
	ul.brands-list li:nth-of-type(2n+56) {
		order: 18;
	}
	ul.brands-list li:nth-of-type(2n+61) {
		order:19;
	}
	ul.brands-list li:nth-of-type(2n+62) {
		order: 20;
	}
	ul.brands-list li:nth-of-type(2n+67) {
		order:21;
	}
	ul.brands-list li:nth-of-type(2n+68) {
		order: 22;
	}
	ul.brands-list li:nth-of-type(2n+73) {
		order:23;
	}
	ul.brands-list li:nth-of-type(2n+74) {
		order: 24;
	}
	ul.brands-list li:nth-of-type(2n+79) {
		order:25;
	}
	ul.brands-list li:nth-of-type(2n+80) {
		order: 26;
	}
	ul.brands-list li:nth-of-type(2n+85) {
		order:27;
	}
	ul.brands-list li:nth-of-type(2n+86) {
		order: 28;
	}
	ul.brands-list li:nth-of-type(2n+91) {
		order:29;
	}
	ul.brands-list li:nth-of-type(2n+92) {
		order: 30;
	}
	ul.brands-list li.level-2 .models-list .model {
		flex-basis: 33.3333%;
	}
	ul.brands-list li.level-2 .models-list .model a .m-txt {
		font-size: 0.6875rem;
	}
}
/*--------------------------------feature----------------------------------*/
.ftr {
	position: relative;
	overflow: hidden;
}
.ftr .f-txt::before {
	content: '';
	display: block;
	width:1.5rem; 
	height:1.5rem; 
	border-width: 1px;
	border-style: solid;
	border-color:#333333 transparent transparent #333333;
}
.ftr.ftr-rv .f-txt::before {
	border-color:#333333 #333333 transparent transparent;
}
.ftr .f-txt h2 {
	margin: 0;
}
.ftr.ftr-rv .f-txt h2 {
	text-align: right;
}
.ftr .f-pic {
	margin-right:calc(var(--pdd-x) * -1 );
}
.ftr.ftr-rv .f-pic {
	margin-right:0;
	margin-left:calc(var(--pdd-x) * -1 );
}
/* Phone */
@media (max-width:27em){
	.ftr .f-txt h2 {
		font-size: 2rem;
		font-weight: 500;
	}
}
/*------------------------------------ about-block -----------------------------*/
.about-block {
	background-color: #000000;
}
.about-block .txt {
	margin-bottom: 0;
	color:#ffffff;
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {

}
/* all portrait */
@media (orientation: portrait) {

}
/*----------------------------------- news-block --------------------------------*/
.news-block {
	overflow: hidden;
}
.h-all {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}
.h-all h2 {
	margin-bottom: 0;
}
.h-all a.dotted {
	text-transform: uppercase;
}
ul.news-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.news-list li {
	padding: 0;
	margin: 0;
}
ul.news-list .slick-list {
	overflow: visible;
}
.inner-page ul.news-list .slick-list {
	overflow: hidden;
}
.n-item {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: nowrap;
	position: relative;
	margin: 0;
	background: #F1F5F9;
}
.n-item.list-type {
	flex-direction: row;
	margin:0 0 3rem;
	width: 100%;
	height: auto;
}
.n-item .n-pic {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}
.n-item.list-type .n-pic {
	width: 25%;
}
.n-item .n-pic span,
.n-item .n-pic a {
	position: relative;
	display: block;
	padding-top: 66.666%;
}
.n-item .n-pic img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.n-item .n-pic a:hover img {
	opacity:0.75;
}
.n-item .n-txt {
	position: relative;
	padding:2rem;
}
.n-item .n-more {
	position: relative;
	padding:0 2rem 2rem;
}
.n-item.list-type .n-txt {
	width: 75%;
	padding-left: 2rem;
}
.n-item .n-txt .date {
	color: #0058A8;
	font-weight: 400;
	margin-bottom: 0.5rem;
	font-size: 0.9em;
}
.n-item .n-txt .period {
	font-weight: 700;
	display: inline-block;
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
}
.n-item .n-txt .period.active {
	color: #ffffff;
	background-color: #0058A8;
}
.n-item .n-txt .period.future {
	color: #ffffff;
	background: #F9BD3A;
}
.n-item .n-txt .period.expired {
	color: #ffffff;
	background: #B4BFCA;
}
.n-item .n-txt h3 {
	margin-bottom: 0.5em;
}
.n-item .n-txt p {
	padding-bottom: 0;
}
/* Desktop <=  1680 */
@media (max-width:105em){

}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {

	.n-item.list-type .n-pic {
		width: 20%;
	}
	.n-item.list-type .n-txt {
		width: 80%;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {

	.n-item.list-type .n-pic {
		width: 20%;
	}
	.n-item.list-type .n-txt {
		width: 80%;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.n-item.list-type .n-txt {
		padding-left: 1.5rem;
	}
}
/* Phone */
@media (max-width:27em){
	.h-all {
		margin-bottom: 1.5rem;
	}
	.h-all a {
		display: none;
	}

	.n-item.list-type {
		display: block;
		margin-bottom: 3rem;
	}
	.n-item.list-type .n-pic {
		width: 100%;
		margin-bottom: 1rem;
	}
	.n-item.list-type .n-pic span,
	.n-item.list-type .n-pic a {
		padding-top: 70%;
	}
	.n-item.list-type .n-txt {
		width: 100%;
		padding-left: 0;
	}
	.n-item .n-txt {
		position: relative;
		padding:1.5rem;
	}
	.n-item .n-more {
		position: relative;
		padding:0 1.5rem 1.5rem;
	}
}
/*-----------------------------prices-block----------------------------------*/
.prices-block {
	margin-top: -3rem;
}
.prices-block .prices-list {
	overflow-x: auto;
	margin: 0 -1.75rem;
}
.prices-block .prices-list-content {
	display: -ms-grid;
	display:grid;
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 3rem;
	grid-row-gap: 0;
	padding:1.75rem;
}
.price-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	row-gap: 1rem;
	padding: 2rem;
	background-color: #F3F7F9;
	border-radius: 0.5rem;
	box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
	position: relative;
	text-decoration: none;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
a.price-item:hover {
	box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.2);
}
.price-item .p-top {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	row-gap: 0.5rem;
}
.price-item .p-bottom {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	row-gap: 1.5rem;
}
.price-item h2 {
	margin: 0;
	padding: 0;
}
.price-item h2,
.price-item p {
	margin: 0;
	padding: 0;
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.prices-block .prices-list-content {
		grid-column-gap: 1.5rem;
	}
}
/* all portrait */
@media (orientation: portrait) {
	.prices-block.pdd-l-r {
		padding-left: 0;
		padding-right: 0;
	}
	.prices-block .prices-list {
		margin: 0;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.prices-block .prices-list-content {
		width:140%;
		grid-column-gap: 2rem;
		padding:1rem 2rem;
	}
}
/* Phone */
@media (max-width:27em){
	.prices-block .prices-list-content {
		width:250%;
		grid-column-gap: 1.0rem;
		padding:1rem 1rem;
	}
	.price-item {
		padding: 1.5rem;
	}
}
/*------------------------------- products-block -------------------------*/
.products-block {
	overflow: hidden;
}
ul.products-list {
	padding: 0;
	margin: 0 0 3rem 0;
	list-style: none;
	display: -ms-grid;
	display:grid;
	grid-column-gap: 2.0rem;
	grid-row-gap: 2.0rem;
}
ul.products-list.small-thumbs {
	grid-column-gap: 1.0rem;
	grid-row-gap: 1.0rem;
}
ul.products-list.max-3,
ul.products-list.max-3-2-1 {
	-ms-grid-columns: 1fr 1fr 1fr;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
ul.products-list.max-4,
ul.products-list.max-4-3-2 {
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
ul.products-list.max-5 {
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
ul.products-list li {
	margin: 0;
	padding: 0;
}
ul.p-item-carousel li {
	padding: 0 !important;
}
.p-item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	row-gap: 1rem;
	z-index: 1;
	padding: 2rem 0;
}
.p-item.part {
	padding-bottom: 0;
}
.p-item.category {
	padding: 0 0 1.5rem;
}
.p-item:hover {
	z-index: 2;
}
a.p-item {
	text-decoration: none;
	color: #333333;
}
a.p-item:hover {
	color: var(--primary-color);
}
a.p-item h4 {
	text-align: center;
	margin-bottom: 0;
}
.p-item::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	height: calc(100% + 2rem);
	width: calc(100% + 2rem);
	margin: -1rem -1rem;
	top:0;
	left:0;
	border-radius: 0.5rem;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	background-color: rgba(255, 255, 255, 0);
	box-shadow:0 0 1rem rgba(0, 0, 0, 0);
}
.p-item:hover::before {
	background-color: rgba(255, 255, 255, 1);
	box-shadow:0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.p-item.part::before {
	display: none;
}
.p-item .p-top {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:1.5rem;
	flex-grow: 1;
}
.p-item.part .p-top {
	flex-direction: row;
	align-items: flex-start;
}
.p-item.category .p-top {
	gap:0;
}
.p-item.part .p-top .p-pic {
	width: 30%;
	padding-top: 30%;
	margin: 0;
	flex-shrink: 0;
}
.p-item.part .p-top .p-pic img {
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.p-item .p-pic::before {
	content: '';
	display: block;
	display: none;
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.75);
	opacity: 0;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.p-item .p-pic:hover::before {
	opacity: 1;
}
.p-item.category .p-pic:hover::before {
	opacity: 0;
}
.preview .sticker {
	display: block;
	position: absolute;
	z-index: 2;
	margin:1rem;
}
.preview-big .sticker {
	margin:2rem;
}
.preview .sticker.round::before {
	font-size: 2rem;
}
.preview .sticker.t-l {
	top:0;
	left:0;
}
.preview .sticker.b-r {
	bottom:0;
	right:0;
}
.preview .sticker.t-r {
	top:0;
	right:0;
}
.preview .sticker.b-l {
	bottom:0;
	left:0;
}
.p-item .p-pic a.detail {
	display: block;
	position: absolute;
	z-index: 3;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.p-item .p-pic .btn.quick-view {
	position: absolute;
	z-index: 3;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	opacity: 0;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.p-item .p-pic:hover .btn.quick-view {
	opacity: 1;
}
.p-item .p-txt {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
	/*width: 100%;*/
	row-gap: 1rem;
}
.price-wrap {
	display: flex;
	gap: 1rem;
}
.p-item .price-wrap {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}
.price-wrap .price {
	display: inline-block;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	padding: 0;
}
.price-wrap label.price {
	cursor: pointer;
	color: #666666;
}
.price-wrap label.price input:checked + div,
.price-wrap label.price input:checked + span {
	color: var(--primary-color);
}
.price-wrap .price input {
	position: absolute;
	opacity: 0;
}
.price-wrap .price div {
	line-height: 1;
}
.price-wrap .price div::after {
	content: '\20BD';
}
.price-wrap .without div {
	color: var(--primary-color);
}
.price-wrap .with div {
	color: #666666;
}
.price-wrap .price span {
	font-weight: 400;
	font-size: 0.5em;
}
.p-item h3 a {
	color: #333333;
}
.p-item h3 a:hover,
a.p-item:hover h3 {
	color: #0058A8;
}
.p-item .info {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: 0.5rem;
}
.p-item.part .info {
	row-gap: 0;
}
.p-item .info h3 {
	margin: 0;
	text-align: center;
}
.p-item.category .info h3 {
	font-size: 1.25rem;
}
.p-item .info p {
	padding: 0;
	text-align: center;
}
.p-item .info ul.std {
	padding-left: 1rem;
	margin-bottom: 0;
	font-size: 0.875em;
}
.status {
	display: flex;
	justify-content: center;
	align-items: center;
}
.status span {
	display: flex;
	align-items: center;
	font-weight: 600;
	column-gap: 0.5rem;
	font-size: 0.875em;
}
.status span::before {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height:1.5rem;
	font-size: 1.5rem;
	line-height: 1.2rem;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.status span.yes {
	color: var(--txt-color-03);
}

.status span.no {
	color: #E64F4F;
}
.status span.soon {
	color: #FBB03B;
}
.p-item .p-bottom {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	column-gap:0.5rem;
	row-gap: 0.5rem;
}
.p-item .controls {
	display: flex;
	justify-content: space-around;
	padding: 0 10% 0 5%;
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.p-item {
		padding: 1.5rem 0;
	}
	.p-item::before {
		height: calc(100% + 1.0rem);
		width: calc(100% + 1.0rem);
		margin: -0.5rem -0.5rem;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.p-item {
		padding: 1.0rem 0;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	ul.products-list {
		grid-column-gap: 2.0rem;
		grid-row-gap: 2.0rem;
	}
	ul.products-list.max-3-2-1 {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	ul.products-list.max-4 {
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	ul.products-list.max-5 {
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.p-item .p-top {
		gap:1.0rem;
	}
	.p-item .p-pic .btn.quick-view {
		display: none;
	}
	.preview .sticker {
		margin:0.5rem;
	}
	.preview-big .sticker {
		margin:1.5rem;
	}
	.p-item .info {
		margin-bottom: 0rem;
		gap:0 0.5rem;
	}
	.p-item .info .size::after {
		content:'|';
		padding-left: 0.5rem;
	}
	.p-item .info .size span {
		display: none;
	}
	.p-item .p-bottom {
		gap:0.5rem;
	}
	.seller .photo {
		width:2.3rem;
		height: 2.3rem;
	}
	.seller .photo.x-big {
		width:5.2rem;
		height: 5.2rem;
	}
	.seller .txt {
		flex-direction: column;
		justify-content: center;
		position: relative;
		display: inline-flex;
		align-items: flex-start;
		gap:0rem;
		text-decoration: none;
		font-family: 'Inter';
	}
	ul.products-list.small-thumbs {
		grid-column-gap: 0.5rem;
		grid-row-gap: 0.5rem;
	}
	.p-item.category .info h3 {
		font-size: 1.0rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	ul.products-list {
		grid-column-gap: 2rem;
		grid-row-gap: 2.0rem;
	}
	ul.products-list.max-3,
	ul.products-list.max-3-2-1,
	ul.products-list.max-4,
	ul.products-list.max-5 {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	ul.products-list.max-4-3-2 {
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.p-item .p-top {
		gap:1.0rem;
	}
	.p-item .p-pic .btn.quick-view {
		display: none;
	}
	.preview .sticker {
		margin:0.5rem;
	}
	.preview-big .sticker {
		margin:1.5rem;
	}
	.p-item .info {
		margin-bottom: 0.5rem;
		gap:0 0.5rem;
	}
	.p-item .info .size::after {
		content:'|';
		padding-left: 0.5rem;
	}
	.p-item .info .size span {
		display: none;
	}
	.p-item .p-bottom {
		gap:0.5rem;
	}
	.seller .photo {
		width:2.3rem;
		height: 2.3rem;
	}
	.seller .photo.x-big {
		width:5.2rem;
		height: 5.2rem;
	}
	.p-item .p-pic .btn.quick-view {
		display: none;
	}
	.p-item.category .info h3 {
		font-size: 1.0rem;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	ul.products-list {
		grid-column-gap: 1rem;
		grid-row-gap: 2.0rem;
	}
	ul.products-list.max-4,
	ul.products-list.max-4-3-2,
	ul.products-list.max-5 {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	ul.products-list.max-3-2-1 {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.preview-big .sticker {
		margin:1rem;
	}
	ul.products-list.max-3 {
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
/* Phone */
@media (max-width:27em){
	.preview-big .sticker {
		margin:1rem;
	}
	.seller .photo {
		width:1.9rem;
		height: 1.9rem;
	}
	.seller .photo.big {
		width:3.2rem;
		height: 3.2rem;
	}
	.seller .photo.x-big {
		width:3.2rem;
		height: 3.2rem;
	}
	.seller .photo.big.other {
		margin-right: -2.6rem;
		z-index: 1;
	}
	.p-item {
		padding: 1rem 0rem;
	}
	.p-item.category {
		padding: 0;
	}
	.p-item.category .info h3 {
		font-size: 0.875rem;
	}
	ul.products-list.max-3,
	ul.products-list.max-4,
	ul.products-list.max-5 {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	ul.products-list.max-4-3-2 {
		row-gap: 1rem;
	}
	ul.products-list.small-thumbs {
		grid-column-gap: 0.5rem;
		grid-row-gap: 0.5rem;
	}
	ul.products-list.small-thumbs.max-4 {
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.status span::before {
		width: 1.0rem;
		height:1.0rem;
		font-size: 1.0rem;
		line-height: 1.0rem;
	}
}
/*-------------------------------------- blank-block ----------------------*/
.blank-block {
	position: relative;
	display: flex;
	flex-direction: column;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.blank-block.std {
	padding-bottom:0;
}
.blank-block .nbs-container {
	/*position: relative;*/
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}
.blank-block.block-0 .nbs-container {
	padding-top:var(--header-min-height);
}
.blank-block.full-height .nbs-container {
	min-height: 100vh;
}
.blank-block .nbs-content {
	/*position:relative;*/
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/*z-index:3;*/
	width:100%;
}
.blank-block.with-menu .nbs-content {
	width:75%;
}
.blank-block .sub-menu-toggle {
	display:none;
}
.blank-block .sub-menu {
	position:relative;
	flex-shrink: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	z-index:3;
	padding-left:var(--col-gap-xl);
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.blank-block .sub-menu .side-content {
	position: sticky;
	margin: 0;
	list-style: none;
	overflow: auto;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.blank-block .sub-menu ul.menu {
	display: flex;
	flex-direction: column;
	gap:0.5rem;
	margin: 0 0 1rem 0;
	list-style: none;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.blank-block .sub-menu ul.menu li {
	padding:0;
	display: block;
	position: relative;
}
.blank-block .sub-menu ul.menu li.control {
	padding:0;
}
.blank-block .sub-menu ul.menu li.control div {
	position: absolute;
	top:0;
	right:100%;
	margin-right: 2rem;
	background-color: #ff0000;
}
.blank-block .sub-menu ul.menu li ul li {
	padding:0.5rem 0 0.5rem 0;
}
.blank-block .sub-menu ul.menu li ul li:last-of-type {
	padding-bottom:0;
}
.blank-block .sub-menu ul.menu li .toggle .icon-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*position: absolute;
	top:0;
	right:0;*/
	overflow: hidden;
	width: 2.5rem;
	height: 2.5rem;
	color: var(--txt-color-02);
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	text-align: center;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	border-radius: var(--border-radius-s);
}
.blank-block .sub-menu ul.menu li .toggle:hover .icon-right,
.blank-block .sub-menu ul.menu li.open .toggle:hover .icon-right {
	background-color: rgba(0, 0, 0, 0.07);
	color: var(--txt-color-03);
}
.blank-block .sub-menu ul.menu li.open .toggle .icon-right {
	background-color: rgba(0, 0, 0, 0);
	color: var(--txt-color-03);
}
.blank-block .sub-menu ul.menu li .toggle .icon-right::before {
	font-size: 1.5em;
	line-height: 2.5rem;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.blank-block .sub-menu ul.menu li.open .toggle .icon-right::before{
	transform: rotate(90deg);
}
.blank-block .sub-menu ul.menu li a {
	display: flex;
	text-decoration: none;
	text-transform: uppercase;
	color: #4d4d4d;
	font-size:var(--txt-font-size-1);
	font-weight: 700;
	padding: 0.3rem 3rem 0.3rem 0;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.blank-block .sub-menu ul.menu li a.toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-right:0;
}
.blank-block .sub-menu ul.menu li a:hover,
.blank-block .sub-menu ul.menu li a.active {
    color: var(--txt-color-03);
}
.blank-block .sub-menu ul.menu li ul li a {
	font-size: var(--txt-font-size--1);
	font-weight: 400;
	display: inline-flex;
	align-items: flex-start;
	gap:0.5rem;
	padding: 0;
}
.blank-block .sub-menu ul.menu li ul li a::before {
	display: inline-block;
	padding: 0.3rem 0;

}
.blank-block .sub-menu ul.menu li ul {
	width:100%;
	margin:0;
	padding:0 0 0 1.0rem;
	display:none;
	-webkit-transition: none; 	
	-moz-transition: none; 
	transition: none;
}
.blank-block .sub-menu ul.menu li.open ul {
	display:block;
}
/*--*/
ul.contacts-list {
	position: relative;
	z-index: 2;
	list-style: none;
	padding: 0;
	margin:0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}
ul.contacts-list li {
    padding: 0 2em 0 0;
    margin: 0 0 3rem 0;
    position: relative;
    z-index: 1;
	width: 50%;
}
.c-items {
	margin-bottom: 1rem;
}
.c-items div {
	position: relative;
	padding:0 0 1em 2em;
	left:-0.2rem;
}
.c-items div::before {
	font-size: 1.5rem;
	display: inline-block;
	position: absolute;
	top:0.1rem;
	left:0;
	width:1.5rem;
	text-align: center;
}
.c-items div.icon-email::before {
	font-size: 1.2em;
	top:0.2rem;
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.blank-block .sub-menu {
		padding-left:4rem;
	}
	.blank-block .sub-menu ul.menu {
		gap: 0rem;
	}
	.blank-block .sub-menu ul.menu li a {
		font-size: 1.0rem;
		padding: 0.4rem 3rem 0.4rem 0;
	}
	.blank-block .sub-menu ul.menu li ul li a {
		font-size: 0.875rem;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.blank-block .sub-menu {
		padding-left:3rem;
	}
}
/* Desktop <=  1366, iPad 12 landscape */
@media (max-width:86em){
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.blank-block .sub-menu {
		width: 30%;
		padding-left:2rem;
	}
	.blank-block .sub-menu .side-content {
		padding: 0.7rem 0;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.blank-block.with-menu .nbs-content {
		width:100%;
	}
	/*--*/
	.blank-block .sub-menu .side-content {
		position: relative;
		padding: 0 2.0rem 0 2.0rem;
	}
	.blank-block .sub-menu-toggle {
		display: block;
		position: fixed;
		z-index: 8;
		top:8rem;
		right:0%;
		margin-right:0;
		width:4rem;
		height: 4rem;
		border-radius:0.25rem 0 0 0.25rem;
		overflow: hidden;
		background-color: rgba(147, 158, 167, 0.7);
		color: #ffffff;
		background-color: var(--primary-color);
		color:#ffffff;
		text-align: center;
		cursor: pointer;
		-webkit-transition: all .5s ease; 	
		-moz-transition: all .5s ease; 
		transition: all .5s ease;
		box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
	}
	.header--narrow .blank-block .sub-menu-toggle {
		top:8rem;
	}
	.header--hidden.header--narrow .blank-block .sub-menu-toggle{
		top:2rem;
	}
	.sub-menu-open .blank-block .sub-menu-toggle {
		right:50%;
	}
	.blank-block .sub-menu-toggle::before {
		line-height: 4rem;
		font-size: 2rem;
	}
	.blank-block .sub-menu {
		position:fixed;
		top:0;
		left:100%;
		display: block;
		flex-direction: column;
		justify-content: flex-start;
		z-index:10;
		width: 50%;
		height: 100%;
		overflow-y: auto;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0 0 1rem rgba(0, 0, 0, 0);
		-webkit-transition: all .5s ease; 	
		-moz-transition: all .5s ease; 
		transition: all .5s ease;
		padding:2rem 0;
	}
	.sub-menu-open .blank-block .sub-menu {
		left:50%;
		box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
	}
	.blank-block .sub-menu ul.menu.menu {
		position: relative;
		top: auto;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.scroll-ends .blank-block .sub-menu ul.menu.menu li ul {
		width:100%;
		margin:0;
		padding:1rem 0 0 1.0rem;
		-webkit-transition: none; 	
		-moz-transition: none; 
		transition: none;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.sub-menu-open .blank-block .sub-menu-toggle {
		right:75%;
	}
	.blank-block .sub-menu {
		width: 75%;
	}
	.sub-menu-open .blank-block .sub-menu {
		left:25%;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.blank-block.with-menu .nbs-content {
		width:70%;
	}

}
/* Phone*/
@media (max-width:27em){
	.blank-block .sub-menu .side-content {
		position: relative;
		padding: 0 1.5rem 0 1.5rem;
	}
	/*--*/
	.blank-block .sub-menu-toggle {
		top:5rem;
		margin-right: 0;
		width:3.5rem;
		height: 3.5rem;
	}
	.blank-block .sub-menu-toggle::before {
		line-height: 3.5rem;
		font-size: 2rem;
	}
	.header--narrow .blank-block .sub-menu-toggle {
		top:5rem;
	}
	.header--hidden.header--narrow .blank-block .sub-menu-toggle{
		top:2rem;
	}
	.sub-menu-open .blank-block .sub-menu-toggle {
		right:75%;
	}
	.blank-block .sub-menu {
		width: 75%;
	}
	.sub-menu-open .blank-block .sub-menu {
		left:25%;
	}
	.blank-block .sub-menu.std {
		padding-top:1.5rem;
	}
	.scroll-ends .blank-block .sub-menu.std {
		padding-bottom: 1.5rem;
	}
	.header--narrow .blank-block .sub-menu.std {
		padding-top:1.5rem;
	}
	.blank-block .sub-menu ul.menu.menu {
		position: relative;
		list-style: none;
	}
}
/*------------------------------------ content-block -----------------------------*/
.content-block {
	position: relative;
	/*max-width: 1920px;*/
	margin: auto;
	/*overflow-x: hidden;*/
}
.filter-open .content-block {
	z-index: 12;
}
.inner-page .content-block .nbs-content {
	min-height: 65vh;
	min-height: calc(100vh - (var(--header-min-height) + 10rem));
}
.breadcrumbs {
	position:relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap:0.5em;
	margin:0;
	font-size:var(--txt-font-size--2);
	width:100%;
	min-height: 1rem;
}
.breadcrumbs a,
.breadcrumbs span {
	position:relative;
	text-decoration:none;
	color:var(--txt-color-01);
	margin:0;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	text-indent: 0;
}
.breadcrumbs a:hover {
	color:var(--a-hover-color);
	text-decoration:none;
}
.breadcrumbs span::before {
	color:var(--primary-color);
	font-size: 1rem;
}
.breadcrumbs a:first-of-type:before {
	display: none;
}
.side-menu a {
	font-weight:600;
	text-decoration: none;
}
.side-menu-item a {
	color:var(--txt-color-0);
}
.side-menu-item.active a {
	color:var(--txt-color-03);
}
.side-menu-item.active span {
	transform: rotate(180deg);
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.inner-page .content-block .nbs-content {
		min-height: calc(100vh - 23rem);
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.inner-page .content-block .nbs-content {
		min-height: calc(100vh - 23rem);
	}
}
/* all portrait */
@media (orientation: portrait) {
	.side-menu-wrap {
		overflow: hidden;
		margin:0 calc(var(--pdd-x) * -1);
		position: relative;
		width: calc(100% + (var(--pdd-x) * 2));
	}
	.side-menu {
		padding:0 var(--pdd-x);
		overflow-x: auto;
	}
	.side-menu a {
		white-space: nowrap;
		padding: 0.5rem 0;
		font-weight:400;
	}
	.side-menu-item {
		order:2;
	}
	.side-menu-item.active {
		order:1;
	}
	.side-menu-wrap::before {
		content: '';
		display: block;
		position: absolute;
		top:0;
		left:0;
		width: var(--pdd-x);
		height: 100%;
		background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
		z-index: 2;
	}
	.side-menu-wrap::after {
		content: '';
		display: block;
		position: absolute;
		top:0;
		right:0;
		width: var(--pdd-x);
		height: 100%;
		background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
		z-index: 2;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.inner-page .content-block .nbs-content {
		min-height: calc(100vh - 23rem);
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.inner-page .content-block .nbs-content {
		min-height: calc(100vh - 33rem);
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
}
/* phone */
@media (max-width:27em){
}
/*------------------------------------- footer-block -----------------------------*/
.footer-block {
	position: relative;
	height:auto;
	overflow: hidden;
}
/*--*/
.footer-block .logo {
	position: relative;
	display:block;
	flex-shrink: 0;
}
.footer-block .footer-menu a {
	font-weight: 700;
	color: var(--txt-color-0);
	font-size: var(--txt-font-size--1);
	text-decoration: none;
}
.footer-block .footer-menu div div a {
	font-weight: 400;
}
.footer-block .footer-menu a:hover {
	color: var(--txt-color-04);
}
.footer-block .middle {
	position: relative;
	z-index: 2;
}
.footer-block .bottom {
	position: relative;
	z-index: 2;
	font-size: var(--txt-font-size--1);
	color: var(--txt-color-02);
}
.footer-block .bottom a {
	color: var(--txt-color-02);
}
.footer-block .bottom a:hover {
	color: var(--txt-color-03);
}
.footer-block .bottom .nbs-container {
	min-height: 5rem;
}
.footer-block .bottom .made-by {
	position: relative;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	column-gap: 0.5rem;
}
.footer-block .bottom .made-by a {
	display: inline-flex;
	align-items: center;
	column-gap: 0.5rem;
	text-decoration: none;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.footer-block .bottom .made-by a svg {
	display: block;
	width: 42px;
	height: auto;
	opacity: 0.5;
}
.footer-block .bottom .made-by a svg #square {
	fill: var(--txt-color-02);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.footer-block .bottom .made-by a svg #n {
	fill: none;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.footer-block .bottom .made-by a svg #bs {
	fill: var(--txt-color-02);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.footer-block .bottom .made-by a svg #media {
	fill: var(--txt-color-02);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.footer-block .bottom .made-by a:hover svg {
	opacity: 1;
}
.footer-block .bottom .made-by a:hover svg #square {
	fill: #F94600;
}
.footer-block .bottom .made-by a:hover svg #n {
	fill: #ffffff;
}
.footer-block .bottom .made-by a:hover svg #bs {
	fill:  var(--txt-color-02);
}
.footer-block .bottom .made-by a:hover svg #media {
	fill: #6AABD7;
}
/* Desktop <=  1680 */
@media (max-width:105em){
}
/* Desktop <=  1440 */
@media (max-width:90em){
}
/* Desktop <=  1366, iPad 12 landscape */
@media (max-width:86em){
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
}
/* all portrait */
@media (orientation: portrait) {
	.footer-block .middle .logo {
		transform:none;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.footer-block .bottom {
		text-align: center;
	}
	.footer-block .middle {
		padding-top:2rem;
	}
	.footer-block .bottom .made-by {
		position: relative;
		z-index: 3;
		display: inline-flex;
		align-items: center;
		column-gap: 0.5rem;
		flex-direction: column;
	}
	.footer-block .bottom .nbs-container {
		padding-top:2rem;
		padding-bottom:2rem;
		min-height: 4rem;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.footer-block .middle .logo {
		transform:none;
	}
}
/* Phone*/
@media (max-width:27em){

}
/*------------------------------------- bottom-block -----------------------------*/
.bottom-block {
	background:#232323;
	color:#666666;
	font-size: 0.875rem;
}
.bottom-block a {
	color:#666666;
	text-decoration: none;
}
.bottom-block a:hover {
	color: #999999;
}
.bottom-block .nbs-container {
	justify-content: center;
	column-gap: 1rem;
	padding: 1rem 0;
}
.bottom-block .copy,
.bottom-block .made-by {
	display: flex;
	align-items: center;
	column-gap: 1rem;
}
.bottom-block .copy span::after {
	content: '|';
	margin-left: 1rem;
}
.bottom-block .made-by::before {
	content: '|';
}
.bottom-block .made-by a {
	display: flex;
	align-items: center;
}
.bottom-block .made-by a img {
	opacity: 0.25;
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.bottom-block {
		font-size: 0.75rem;
	}
	.bottom-block .nbs-container {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		row-gap: 1rem;
		padding: 0rem 0 2rem;
	}
	.bottom-block .made-by::before {
		display: none;
	}
}
/*------------------------------ preview-list  -----------------------------------*/
ul.preview-list {
	padding: 0;
	margin: 0 0 2rem 0;
	list-style: none;
	display: -ms-grid;
	display:grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
}
/*--*/
.preview {
	display: block;
	position: relative;
}
.preview .pic {
	position: relative;
	width: 100%;
	padding-top:70%;
	overflow: hidden;
	margin: auto;
	/*box-shadow: 0 0 10% inset rgba(0, 0, 0, 0.05);
	background-color: rgba(0, 0, 0, 0.05);*/
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.p-item:hover .preview .pic,
.brand .preview .pic,
.model .preview .pic {
	background-color: rgba(0, 0, 0, 0);
}
.preview .pic img {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.brand .preview .pic img,
.model .preview .pic img {
	z-index: 1;
	mix-blend-mode: multiply;
	-webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
/* Phone */
@media (max-width:27em){
	ul.preview-list {
		padding: 0;
		margin: 0 0 2rem 0;
		list-style: none;
		display: -ms-grid;
		display:grid;
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-column-gap: 0.5rem;
		grid-row-gap: 0.5rem;
	}
}
/*------------------------ up-btn ----------------------*/
.up-btn {
	position: fixed;
    bottom: 0rem;
    right: 2.5rem;
    z-index: 1;
    opacity: 0;
	cursor: pointer;
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	color: var(--primary-color);
	box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.up-btn:before {
	line-height: 3.0rem !important;
}
.up-btn.show {
    z-index: 8;
    opacity: 1;
    bottom: 2.5rem;
}
.up-btn.show:hover {
    transform:scale(110%);
}
.scroll-ends .up-btn {
	bottom:10rem;
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.up-btn.show {
		bottom: 1.5rem;
	}
	.header--hidden .up-btn.show {
		bottom: 1.0rem;
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.up-btn {
		bottom: 0px;
		right: 1.5rem;
	}
	.up-btn.show {
		bottom: 1.5rem;
	}
}
/* Phone */
@media (max-width:27em){
    .up-btn {
		bottom: 0px;
		right: 1.0rem;
	}
	.up-btn.show {
		bottom: 1.5rem;
	}
	.header--hidden .up-btn.show {
		bottom: 1.0rem;
	}
}
/*-----------------------------*/
.popup-content {
	display: none;
	width:80%;
	max-width: 1080px;
	padding:6rem;
}
.popup-content.narrow {
	max-width: 32rem;
}
.popup-content .fancybox-close-small {
    right: 3rem;
    top: 3rem;
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.popup-content {
		max-width: 960px;
		padding:4rem;
	}
	.popup-content .fancybox-close-small {
		right: 2rem;
		top: 2rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.popup-content {
		width:90%;
		padding:4.0rem;
	}
	.popup-content .fancybox-close-small {
		right: 2rem;
		top: 2rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.popup-content {
		width:90%;
		padding:4.0rem;
	}
	.popup-content .fancybox-close-small {
		right: 2rem;
		top: 2rem;
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.popup-content {
		width:90%;
		padding:1.5rem;
	}
	.popup-content .fancybox-close-small {
		right: 0rem;
		top: 0rem;
	}
}
/* Phone */
@media (max-width:27em){
	.popup-content {
		width:90%;
		padding:1.5rem;
	}
	.popup-content .fancybox-close-small {
		right: 0rem;
		top: 0rem;
	}
}
/*------------------------- filter --------------------*/
ul.tag-list {
	padding: 0;
	margin: 0 0 2rem 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:0.5rem;
}
ul.tag-list li {
	flex-grow: 1;
}
.tag {
	display: block;
	padding: 0 0.5em;
	border:2px solid var(--primary-color);
	color: var(--primary-color);
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	align-items: center;
	text-decoration: none;
}
.tag:hover,
.tag.active {
	background-color: #0058A8;
	border-color: #0058A8;
	color:#ffffff;
}
/*----------------------------------------- detail-block --------------------------*/
.detail-block {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	row-gap: 4rem;
	margin-bottom: 2rem;
	justify-content: space-between;
	align-items: flex-start;
	width:100%;
}
.detail-block  .slick-dots {
	justify-content: center;
  }
.detail-block.quick {
	row-gap: 1.5rem;
	margin-bottom: 0;
}
.detail-block .h-all {
	width: 100%;
	margin-bottom: 0;
	padding-right: 16rem;
}
.detail-block .order-link {
	position: absolute;
	right:0;
	top:1.6rem;
	transform: translateY(-50%);
}
.detail-pics {
	position: relative;
	display: flex;
	width:50%;
	align-items:center;
	padding-left: 2rem;
}
.quick .detail-pics {
	width: 50%;
}
.detail-pics .small-pics {
	width:17%;
	background-color: rgba(0,0,0,0);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left:1rem;
}
.detail-pics .small-pics .preview {
	margin: 0.5rem 0;
}
.detail-pics .big-pics {
	width:83%;
	background-color: rgba(0,0,0,0);
}
.detail-pics ul li a {
	display: block;
}
.detail-pics ul li img {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.detail-pics ul.small-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.detail-pics ul.small-list .slick-current {
	opacity:0.5;
	filter:grayscale(50%);
}
.detail-pics ul.big-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}
.detail-pics .icon-report {
	display: none;
}
/*--*/
.detail-info {
	position: relative;
	display: flex;
	flex-direction: column;
	width:50%;
	align-items:flex-start;
	padding-right:2rem;
	row-gap: 1rem;
}
.quick .detail-info {
	width: 50%;
	padding-right: 3rem;
	font-size: 0.89em;
}
.detail-info .controls {
	display: flex;
	justify-content: space-between;
	padding:0;
	width: 40%;
	margin-bottom: 2rem;
}
.quick .detail-info .controls {
	width: 75%;
	margin-bottom: 1.5rem;
}
.detail-info h1 {
	font-size:1.6em;
	line-height: 1.3;
}
.quick .detail-info h2 {
	font-size:1.5em;
	margin-bottom: 1.5rem;
}
.detail-info .price-wrap {
	font-size: 2.5em;
	margin-bottom: 1rem;
	gap:1rem;
	width: 100%;
}
.detail-info .price-wrap .price {
	flex-basis: 50%;
}
.detail-info .price-wrap .price span {
	font-size: 1rem;
}
.quick .detail-info .price-wrap {
	font-size: 1.75em;
	margin-bottom: 1rem;
}
.detail-info .info-list {
	list-style: none;
	padding:0;
	margin: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	text-align: left;
}
.quick .detail-info .info-list {
	width: 100%;
	gap: 0.5rem;
}
.detail-info .info-list li {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}
.detail-info .info-list li:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.05);
}
.detail-info .info-list li span {
	padding: 1rem;
	flex-basis: 50%;
}
.detail-info .info-list li span:first-of-type {
	font-weight: 400;
}
.detail-info .info-list li span:last-of-type {
	text-align: right;
}
.detail-info .btns {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap:1rem;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.detail-info .btns .btn {
	flex-grow: 1;
}
.detail-info .btns .btn.square-btn {
	flex-grow: 0;
}
.quick .detail-info .btns {
	gap:0.5rem;
	margin-bottom: 0;
}
.quick .detail-info .btns a:first-of-type {
	flex-grow: 1;
}
.detail-info .sure {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.detail-info .sure::before {
	color:var(--primary-color);
	margin-right: 1rem;
	flex-shrink: 0;
	font-size: 2rem;
}
/*--*/
.detail-txt {
	display: flex;
	flex-direction: column;
	width:100%;
	padding: 0;
	text-align: justify;
}
.quick .detail-txt {
	padding: 0;
	width: 60%;
	font-size: 0.89em;
}
/*--*/
.detail-free {
	position: relative;
	/*display: flex;
	flex-direction: column;
	gap:2rem;*/
	width:50%;
	padding-right: 2rem;
}
.detail-free .f-content {
	position: sticky;
	top:8rem;
}
a.b-n {
	display: block;
	position: relative;
	overflow: hidden;
}
a.b-n img {
	display: block;
	max-width: 100%;
}
/*--*/
.detail-order {
	display: block;
	width:50%;
	padding-left: 2rem;
}
.detail-order .comment {
	position: relative;
	margin-bottom: 2rem;
}
.detail-order .comment .seller {
	margin-bottom: 0;
}
.detail-order .comment .c-content {
	margin-top: -1rem;
	padding:0 0 0 5.2rem;
}
.detail-order .comment .c-content p:last-of-type {
	padding-bottom: 0;
}
.detail-order .comment .c-controls {
	display: flex;
	padding:0 0 0 5.2rem;
	gap:1rem;
	font-family: 'Inter';
}
.detail-order .comment .c-controls .time {
	color:#0058A8;
}
/*--*/
.detail-seller {
	display: flex;
	flex-direction: column;
	gap:1rem;
	width:40%;
	border:2px solid #e2e2e2;
	padding:1rem;
}
.detail-seller .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.detail-seller .statistics {
	display: flex;
	gap:2rem;
	padding-left: 7.2rem;
}
.detail-seller .statistics h3 {
	margin-bottom: 0;
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.detail-block {
		row-gap: 2rem;
	}
	.detail-info {
		padding-right: 1.5rem;
	}
	.detail-pics {
		padding-left: 1.5rem;
	}
	.detail-free {
		padding-right: 1.5rem;
	}
	.detail-order {
		padding-left: 1.5rem;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.detail-block .order-link {
		top:1.2rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.detail-pics .small-pics .preview {
		margin: 0.25rem 0;
	}
	.detail-info h1 {
		font-size:1.4em;
	}
	.detail-block .order-link {
		top:1.0rem;
	}
	.detail-info {
		padding-right: 1.0rem;
	}
	.detail-pics {
		padding-left: 1.0rem;
	}
	.detail-free {
		padding-right: 1.0rem;
	}
	.detail-order {
		padding-left: 1.0rem;
	}
	.detail-info .info-list li span {
		padding: 0.5rem;
	}

}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.detail-block {
		row-gap: 1rem;
	}
	.detail-block .h-all {
		justify-content: center;
		padding-right: 0;
		order: 1;
	}
	.detail-block .order-link {
		width: 100%;
		position: relative;
		top:auto;
		right: auto;
		transform: none;
		text-align: center;
		order: 3;
	}
	.detail-pics,
	.quick .detail-pics {
		display: flex;
		width:100%;
		order: 2;
		padding-left: 0;
	}
	.detail-pics .icon-report {
		display: flex;
	}
	.detail-info {
		width:100%;
		padding-right:0rem;
		order: 4;
	}
	.quick .detail-info {
		width:100%;
		padding: 0;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.detail-info h1 {
		width: 100%;
		font-size:1.6em;
	}
	.quick .detail-info h2 {
		width: 100%;
		font-size:1.6em;
		margin-bottom: 1.5rem;
		padding-right: 7rem;
	}
	.quick .detail-info h3 {
		width: 100%;
	}
	.quick .detail-info .info-list {
		width: 100%;
		gap: 0.5rem;
		margin-bottom: 1rem;
	}
	.quick .detail-info .btns {
		width:50%;
		order:11;
	}
	.detail-txt {
		display: flex;
		flex-direction: column;
		width:100%;
		padding: 0;
	}
	.quick .detail-txt {
		width: 100%;
	}
	.detail-free {
		width: 100%;
		padding-right: 0;
		order: 5;
	}
	.detail-order {
		width: 100%;
		padding-left: 0;
		order: 6;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.detail-block .h-all .btn {
		display: none;
	}
	.detail-info .info-list li span {
		padding: 0.5rem;
	}
	.detail-pics .small-pics {
		display:none;
	}
	.detail-pics .big-pics {
		width:100%;
	}
}
/* Phone */
@media (max-width:27em){
	
	.detail-info h1 {
		font-size: 1.4em;
	 }
	.detail-pics .small-pics {
		display:none;
	}
	.detail-pics .big-pics {
		width:100%;
	}
	.detail-info .price-wrap {
		font-size: 2.0em;
	  }
	.detail-info .price-wrap .price span {
		font-size: 0.875rem;
	}
	.quick .detail-info .price-wrap {
		width:100%;
		order:10;
	}
	.detail-info .btns {
		gap:0.5rem;
	}
	.quick .detail-info .btns {
		width:100%;
		padding: 0;
	}
	.detail-info .btns a:nth-of-type(1) {
		flex-grow: 1;
	}

}
/*------------------------------------*/
.tbl_wrap {
	position:relative;
	margin-bottom:3em;
}
.tbl {
	border-collapse:collapse;
	width:100%;
}
.tbl thead {
	position: -webkit-sticky;
	position:sticky;
	top:0;
	z-index: 2;
}
.tbl thead th {
	background:#eeeeee;
}
.tbl tbody {
	position:relative;
	z-index: 1;
}
.tbl th,
.tbl td {
	padding:0.5em 1.0em;
	vertical-align:top;
	font-size:0.9em;
}
.tbl th {
	font-weight:600;
	text-align:left;
	/*position: -webkit-sticky;
	position: sticky;
	top: 60px;*/
}
.tbl b {
		font-weight:600;
}
.tbl tbody tr {
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.tbl tbody tr:nth-of-type(odd) td {
	background-color: rgba(0, 0, 0, 0);
}
.tbl tbody tr:nth-of-type(even) td {
	background-color: rgba(0, 0, 0, 0.05);
}
.tbl td.ctr {
	text-align:center;
}
.tbl .nowrap-rsp {
		white-space:nowrap;
}
.tbl a {
	text-decoration: none;
}
.tbl td.ext {
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.tbl td.ext a {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.tbl td.ext a:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.tbl a .ext-link {
	position: absolute;
	display: inline-block;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	padding-top:0.3em;
}
.tbl a .ext-link::before {
	font-size:1.8em;
	line-height:1;
}
.tbl a:hover .ext-link {
	color:#ed1f24;
}
.tbl .tbl-file {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 15em;
	color: #7998b9;
	font-weight:600;
}
.tbl .tbl-file:hover {
	color: #2584d7;
}

.tbl .tbl-file::before {
	color: #7998b9;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.3em;
}
.tbl .tbl-all {
	display: inline-block;
	color: #7998b9;
}
.tbl .tbl-all:hover {
	color: #2584d7;
}
.tbl .tbl-all::before {
	color: #7998b9;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.3em;
}
.tbl .status {
	display: inline-block;
	width:1em;
	height: 1em;
	border-radius: 100%;
	background: #7998b9;
}
.tbl .status.red {
	background: #ee3030;
}
.tbl .status.yellow {
	background: #ffb21e;
}
.tbl .status.green {
	background: #7dca0c;
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.tbl th,
	.tbl td {
		padding:0.5em 1.0em;
	}
}
@media (max-width:680px){
	.tbl th,
	.tbl td {
		padding:0.5em;
	}
	.tbl tr th:first-of-type,
	.tbl tr td:first-of-type {
		padding:0.5em 0.5em 0.5em 1em;
	}
	.tbl tr th:last-of-type,
	.tbl tr td:last-of-type {
		padding:0.5em 1em 0.5em 0.5em;
	}
	.tbl.big th,
	.tbl.big td {
		padding:1em 1em;
	}
}
@media (max-width:480px){
	.tbl .nowrap-rsp {
		white-space:normal;
	}
}
/*-----------------------------*/
html.lenis, html.lenis body {
	height: auto;
  }
  
  .lenis.lenis-smooth {
	scroll-behavior: auto !important;
  }
  
  .lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
  }
  
  .lenis.lenis-stopped {
	overflow: clip;
  }
  
  .lenis.lenis-smooth iframe {
	pointer-events: none;
  }
/*-----------------------------*/
.brands a {
	filter: grayscale(100%);
	opacity: 0.3;
}
.brands a:hover {
	filter: grayscale(0%);
	opacity: 1;
}
/*------------------------------*/
#my-airbagit {
	position: relative;
	z-index: 3;
}
.inner-page #my-airbagit {
	margin-top: calc(var(--pdd-y) * -1);
}
#my-airbagit a.tab-link {
	color: var(--txt-color-06);
	background-color: var(--bg-color-06);
	font-size: var(--txt-font-size-0);
	padding-top:1em;
	padding-bottom:1em;
}
#my-airbagit a.tab-link:hover {
	color: var(--txt-color-05);
}
#my-airbagit a.tab-link.active {
	color: var(--txt-color-05);
	background-color: var(--bg-color-07);
}
/*---------------------------------------*/
.model-results .model-pic {
	width: 55%;
}
.model-results .model-pic .tab-link {
	position: absolute;
	bottom:0;
	width: 0;
}
#toggle-parts-front {
	height: 52%;
	left:17.2%;
}
#toggle-parts-middle {
	height: 25%;
	left:50%;
}
#toggle-parts-back {
	height: 52%;
	left:79%;
}
.model-results .model-pic .tab-link .dot {
	position: absolute;
	top:0;
	left:0;
	border-radius: 50%;
	background: radial-gradient(closest-corner at 50% 25%,var(--btn-hover-background-color) , var(--btn-background-color) );
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -50%);
}
.model-results .model-pic .tab-link .dot:hover {
	transform: translate(-50%, -50%) scale(120%);
}
.model-results .model-pic .tab-link.active .dot,
.model-results .model-pic .tab-link.active .dot:hover {
	transform: translate(-50%, -50%) scale(80%);
	cursor: default;
}
.model-results .model-pic .tab-link::before {
	content: '';
	display: block;
	position: absolute;
	top:0;
	left:50%;
	width: 0;
	height: 0;
	border-left:3px dotted var(--primary-color);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.model-results .model-pic .tab-link.active::before {
	height: 100%;
}
.model-results .model-pic .tab-link .dot .ripple {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.model-results .model-pic .tab-link:hover .dot .ripple,
.model-results .model-pic .tab-link.active .dot .ripple {
	opacity: 0;
}
.model-results .model-pic .tab-link .dot .ripple span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border:2px solid var(--primary-color);
}
.model-results .model-pic .tab-link .dot .ripple span:nth-of-type(1) {
	animation: ripple1 1.5s linear infinite;
}
.model-results .model-pic .tab-link .dot .ripple span:nth-of-type(2) {
	animation: ripple1 1.5s linear infinite;
	animation-delay: 0.75s;
}
.model-results .model-pic .tab-link .corner {
	position: absolute;
	bottom:0;
	left:0;
	transform: translateX(-50%);
	width: 3rem;
	height: 3rem;
	overflow: hidden;
}
.model-results .model-pic .tab-link .corner::before {
	content: '';
	display: block;
	position: absolute;
	top:100%;
	border-width:1.5rem;
	border-style: solid;
	border-color: transparent transparent var(--plaque-bg-color) transparent;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	transition-delay: 0s;
}
.model-results .model-pic .tab-link.active .corner::before {
	top:0;
	transition-delay: 0.5s;
}
@keyframes ripple1 {
	0% {
		transform: scale(100%);
		opacity: 1.0;
	}
	100% {
		transform: scale(200%);
		opacity: 0.0;
	}
}
@media (orientation: portrait) {
	.model-results.pdd-l-r {
		padding-left: 0;
		padding-right: 0;
	}
	.model-results.pdd-t-b {
		padding-bottom: 0;
	}
	.model-results .float.radius {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.model-results .model-pic {
		width: 75%;
	}
	.model-results .model-pic .tab-link .dot {
		width: 2rem;
		height: 2rem;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.model-results .model-pic {
		width: 90%;
	}
	.model-results .model-pic .tab-link .dot {
		width: 1.5rem;
		height: 1.5rem;
	}
}
/*------------------------*/
#about .nbs-bg {
	background-color: rgba(240,247,250,1);
}
/*------------------*/
.model-filter {
	position: relative;
	margin:0 auto var(--row-gap-l);
	width: 80%;
}
.model-filter .nbs-hidden {
	position: absolute; 
	top:0; 
	left:0; 
	width:100%;
}
.model-filter .toggle-btn {
	position: absolute;
	color: var(--txt-color-06);
	cursor: pointer;
}
.model-filter .toggle-btn:hover,
.model-filter .toggle-btn.active {
	color: var(--txt-color-03);
}
.model-filter #toggle-front {
	left:00%;
	top:20%;
}
.model-filter #toggle-rear {
	right:0;
	top:67%;
}
.model-filter #toggle-compressor {
	left:45%;
	bottom:10%;
}
/* all portrait */
@media (orientation: portrait) {
	.model-filter {
		width: 100%;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.model-filter #toggle-front {
		left:0%;
		top:10%;
	}
	.model-filter #toggle-rear {
		right:42%;
		top:10%;
	}
	.model-filter #toggle-compressor {
		left:50%;
		bottom:0;
	}
}
/*------*/
.price-type,
.price-type:hover {
	cursor: pointer;
	background-color: var(--bg-color-05);
	border-width: 2px;
	border-style: solid;
	border-color: var(--txt-color-02);
	color: var(--txt-color-01);
}
.price-type .round-btn,
.price-type:hover .round-btn {
	border-color: var(--txt-color-02);
	background-color: var(--bg-color-01);
	color: var(--bg-color-01);
}
.price-type h2 {
	margin: 0;
}
.price-type.active,
.price-type.active:hover  {
	border-color: var(--bg-color-03);
	cursor: default;
	box-shadow: none;
}
.price-type.active {
	color: var(--txt-color-03);
}
.price-type.active .round-btn {
	border-color: var(--bg-color-03);
	background-color: var(--bg-color-03);
	color: var(--txt-color-05);
}
/*-----*/
#right-menu {
	width:20%;
}