/* Start:/css/style.css?1748521196173920*/
*, *:before, *:after {
	margin:0px;
	padding:0px;
	outline:none;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased; 
}
html {
	background-color: #ffffff;
	color:#333333;
	font-size:1rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-style: normal;
}
/*------------------------------ font-size --------------------------*/
body {
	font-size:1.125rem;
	line-height: 1.75;
}
@media (-webkit-device-pixel-ratio: 1.5) {
	body {
		font-size:0.9rem;
	}
}
@media (-webkit-device-pixel-ratio: 1.25) {
	body {
		font-size:0.94rem;
	}
}
/*  Desktop <= 1680 */
@media (max-width:105em){
	body { 
		font-size: 1.0rem;
		line-height: 1.75;
	}
}
/*  Desktop <= 1440 */
@media (max-width:90em){
	body {
		font-size: 1.0rem;
		line-height: 1.75;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	body {
		font-size: 0.9375rem;
		line-height: 1.75;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	body {
		font-size: 1.0rem;
		line-height: 1.75;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	body {
		font-size: 0.9375rem;
		line-height: 1.75;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	body {
		font-size:0.875rem;
		line-height: 1.75;
	}
}
/* phone */
@media (max-width:27em){
	body {
		font-size:0.875rem;
		line-height: 1.75;
	}
}
/*------------------------------- 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;
}
/*------------------------------------------------------------------------*/
h1, h2, h3, h1 span, h2 span, h3 span {
	position: relative;
	font-family: 'Roboto', sans-serif;
	color: #1A3C53;
}
h1,
h2.main-h {
	font-size:3.0rem;
	line-height: 1.1em;
	margin-bottom:2rem;
	font-weight: 500;
}
h2 {
	font-size:2.0rem;
	line-height: 1.1em;
	margin-bottom:2rem;
	font-weight: 500;
}
h3 {
	font-size:1.5rem;
	line-height: 1.4em;
	font-weight: 500;
	margin-bottom:1rem;
}
h4 {
	font-size:1.0em;
	line-height:1.3em;
	margin-bottom:1.0rem;
	font-weight: 700;
}
h5 {
	font-size:1.0em;
	line-height:1.3em;
	margin-bottom:1.0rem;
	font-weight: 600;
}
p {
	font-size:1.0em;
	padding-bottom:2rem;
}
p.smaller {
	font-size: 0.88em;
	line-height: 1.5;
	padding-bottom: 1rem;
}
p.bigger {
	font-size:1.2em;
	line-height:1.75;
	padding-bottom:2rem;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -1em;
}
sub, sup {
    font-size: 40%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
/*  Desktop <= 1680 */
@media (max-width:105em){

}
/*  Desktop <= 1440 */
@media (max-width:90em){
	h1,
	h2.main-h {
		font-size:2.2rem;
		line-height: 1.1em;
		margin-bottom:2rem;
	}
	h2 {
		font-size:1.7rem;
		line-height: 1.1em;
		margin-bottom:2rem;
	}
	h3 {
		font-size:1.2rem;
		line-height: 1.4em;
		margin-bottom:1rem;
	}

}
/* Desktop <=  1366, iPad 12 landscape */
@media (max-width:86em){

}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	h1,
	h2.main-h {
		font-size:1.8rem;
		line-height: 1.1em;
		margin-bottom:1.5rem;
	}
	h2 {
		font-size:1.4rem;
		line-height: 1.1em;
		margin-bottom:1.5rem;
	}
	h3 {
		font-size:1.2rem;
		line-height: 1.4em;
		margin-bottom:1rem;
	}

}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	h1,
	h2.main-h {
		font-size:2.0rem;
		line-height: 1.1em;
		margin-bottom:1.5rem;
	}
	h2 {
		font-size:1.6rem;
		line-height: 1.1em;
		margin-bottom:1.5rem;
	}
	h3 {
		font-size:1.2rem;
		line-height: 1.4em;
		margin-bottom:1rem;
	}

}
/* small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	h1,
	h2.main-h {
		font-size:1.6rem;
		line-height: 1.1em;
		margin-bottom:1.5rem;
	}
	h2 {
		font-size:1.2rem;
		line-height: 1.1em;
		margin-bottom:1.5rem;
	}
	h3 {
		font-size:1.0rem;
		line-height: 1.4em;
		margin-bottom:1rem;
	}


}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	h1,
	h2.main-h {
		font-size:1.5rem;
		line-height: 1.1em;
		margin-bottom:1.0rem;
	}
	h2 {
		font-size:1.25rem;
		line-height: 1.1em;
		margin-bottom:1.0rem;
	}
	h3 {
		font-size:1.0rem;
		line-height: 1.4em;
		margin-bottom:1rem;
	}
}
/* phone */
@media (max-width:27em){
	h1,
	h2.main-h {
		font-size:1.5rem;
		line-height: 1.1em;
		margin-bottom:1.0rem;
	}
	h2 {
		font-size:1.25rem;
		line-height: 1.1em;
		margin-bottom:1.0rem;
	}
	h3 {
		font-size:1.0rem;
		line-height: 1.4em;
		margin-bottom:1rem;
	}

}
/*------------------------------------------------------------------*/
a {
	color:#56BBED;
	cursor: pointer;
}
a:hover {
	color:#22A9EC;
}
a.no-line {
	text-decoration: none;
}
a.no-color {
	color:#333333;
}
a.no-color:hover {
	color:#22A9EC;
}
a.dark {
	color:#333333;
}
a.dark:hover {
	color:#22A9EC;
}
a.pale {
	color:#adadad;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
a.pale:hover {
	color:#56BBED;
}
a.dotted {
	color:#56BBED;
	text-decoration:none;
	border-bottom:2px dotted #56BBED;
}
a.dotted.no-color {
	color:#4d4d4d;
	border-bottom:2px dotted #4d4d4d;
}
a.dotted:hover {
	color:#56BBED;
	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: #56BBED;
}
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: #56BBED;
	margin-right: 0.5rem;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
/*--*/
.smooth {
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.smoother {
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.radius {
	border-radius: 0.5rem;
}
.radius-small {
	border-radius: 0.25rem;
}
.with-arrows {
	padding-right:6rem;
}
.ctr {
	text-align: center;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top:2rem;
}
.header--narrow .sticky {
	top:12rem;
}
.header--narrow.header--hidden .sticky {
	top:2rem;
}
.no-wrap {
	white-space: nowrap;
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.with-arrows {
		padding-right:5rem;
	}
	.radius {
		border-radius: 0.5rem;
	}
	.radius-small {
		border-radius: 0.25rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.with-arrows {
		padding-right:5rem;
	}
	.radius {
		border-radius: 0.5rem;
	}
	.radius-small {
		border-radius: 0.25rem;
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.radius {
		border-radius: 0.5rem;
	}
	.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;
	}
}
/*--*/
.primary {
	color: #56BBED;
}
.accent {
	color: #fdbc3a;
}
.white {
	color: #ffffff;
}

/*--------------*/
.h-all {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}
.h-all h2,
.h-all h3 {
	margin-bottom: 0;
}
.h-all a.all {
	text-decoration: none;
	font-family: 'Montserrat';
	font-size:1em;
}
/* Phone */
@media (max-width:27em){
	.h-all {
		margin-bottom: 1rem;
	}
}
/*---------------*/
.fade-in {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity:0;
	transform: translateY(5rem);
}
.in-view .fade-in,
.ready .block-0 .fade-in {
	opacity:1;
	transform: translateY(0rem);
}
.fade-in:nth-child(2) {
	transition-delay: 0.3s;
}
.fade-in:nth-child(3) {
	transition-delay: 0.6s;
}
.fade-in:nth-child(4) {
	transition-delay: 0.9s;
}
.fade-in:nth-child(5) {
	transition-delay: 1.2s;
}
/*----------------*/
ul.std,
.user-content ul {
	list-style: outside none disc;
	padding-left: 2rem;
	margin-bottom: 1.5em;
}
ul.std li,
.user-content ul li {
	padding-left: 0.5em;
	padding-bottom:1rem;
	position: relative;
}
ul.std li::marker,
.user-content ul li::marker {
	color: #56BBED;
	font-size: 1.0em;
}
ul.std.yes-marker li::marker {
	content: '\e802';
	font-family: "3clab" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translateY(10%);
}
ul.std.yes-marker li {
	padding-left: 0.8em;
}
/*--*/
ol.std {
	padding-left: 2rem;
	margin-bottom: 1.5em;
}
ol.std li {
	padding-left: 0.5em;
	padding-bottom:1rem;
	position: relative;
}
/*--*/
ol.num-list,
.num-list-wrap ol {
	list-style: outside none none;
	margin-bottom: 2rem;
	padding-left: 3rem;
	counter-reset: large-number-counter 0;
	hyphens: none;
}
ol.num-list li,
.num-list-wrap ol li {
    position: relative;
    display: flex;
    -moz-box-align: center;
    align-items: flex-start;
    min-height: 2.5rem;
	padding-left: 0.5rem;
	counter-increment: large-number-counter 1;
	margin-bottom: 0.5rem;
}
ol.num-list li:last-of-type,
.num-list-wrap ol li:last-of-type {
	margin-bottom: 0;
}
ol.num-list li p,
.num-list-wrap ol li p {
	padding:0;
}
ol.num-list li::before,
.num-list-wrap ol li::before {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    content: counter(large-number-counter);
    position: absolute;
    left: -3rem;
    display: flex;
    width: 2.0rem;
    height: 2.0rem;
    border-radius: 50%;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
}
/*--*/
.txt ol {
	margin:0px 0px 10px 20px;
	padding:0px 0px 0px 20px;
}
.txt ol li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 24px;
	line-height:1.8em;
	position:relative;
}
.txt ol li {
	padding:0px 0px 10px 0px;
}
.work-area ul li:before {
	content:'';
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	background:#56BBED;
	top:0.8em;
	left:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px; 
}
.work-area ul li ul {
	margin:10px 0px 0px 0px;
}
/*------------------------------------------------------------------------*/
input,
button,
textarea,
select {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
}
input[type="text"],
input[type="tel"],
input[type="email"],		
input[type="file"],
input[type="password"],
textarea,
select {
	display:inline-block;
	border-width:1px;
	border-style:solid;
	border-color:rgba(192,207,215,1);
	padding:0 1.0em;
	min-height: 2.6rem;
	margin:0;
	font-size:0.89em;
	font-weight:normal;
	background: #ffffff;
	color: #333333;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	text-overflow:ellipsis;
	-webkit-appearance: none;
	border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
}
textarea {
	padding:1.0em;
}
input[type="text"]:hover,
input[type="file"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover {
	border-color:rgba(0,0,0,0);
	box-shadow:0 0 0.5rem rgba(0, 0, 0, 0.2);
}
input[type="text"].small,
input[type="file"].small,
input[type="password"].small,
textarea.small,
select.small {
	font-size: 1em;
	padding-top:0.3em;
	padding-bottom:0.3em;
}
/*--*/
input[type="text"].bx-calendar-year-input,
input[type="text"].bx-calendar-year-input:focus{
	font-size: 12px;
	padding: 12px 0;
	border:1px solid #ccc;
}
.plaque input[type="text"],
.plaque input[type="file"],
.plaque input[type="password"],
.plaque textarea,
.plaque select {
	background:rgba(255,255,255,1);
}
input[type="text"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
input[type="password"::-moz-placeholder],
textarea::-moz-placeholder,
select::-moz-placeholder {
  opacity: 1;
  color:#adadad;
}
.inverted input[type="text"],
.inverted input[type="file"],
.inverted input[type="password"],
.inverted textarea,
.inverted select {
	background: rgba(255, 255, 255, 1);
}
textarea:empty {
min-height:10rem;
}
textarea:focus {
}
input[placeholder] {
	text-overflow:ellipsis;
}
input::-moz-placeholder {
	text-overflow:ellipsis;
} 
input:-moz-placeholder {
	text-overflow:ellipsis;
} 
input:-ms-input-placeholder {
	text-overflow:ellipsis;
} 
textarea {
	resize:none;
}
label {
	display:block;
	position:relative;
	padding:0 0 0.5em 0;
	color: #1A3C53;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
label.smaller {
	font-size:0.9em;
}
label .note {
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
	font-size:0.8em;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
label a.note {
	text-decoration:none;
	color:#6b7a80;
	border-bottom:1px dotted #6b7a80;
}
label a.note:hover {
	text-decoration:none;
	color:#56BBED;
	border-bottom:1px dotted rgba(255,255,255,0) !important;
}
input[type="checkbox"],
input[type="radio"] {
	opacity:0.5;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	input[type="text"],
	input[type="file"],
	input[type="password"],
	textarea,
	select {
		font-size:1.0em;
		min-height: 2.4rem;
	}
	label {
		font-size:1.0em;
	}
}
/* phone */
@media (max-width:27em){
	input[type="text"],
	input[type="file"],
	input[type="password"],
	textarea,
	select {
		font-size: 1.2em;
		border-radius:0.35em;
	}
}
/*------------- btn ---------------------*/
.btn {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	column-gap: 0.75rem;
	position:relative;
	vertical-align: middle;
	padding:0 1.0rem;
	min-height: 3rem;
	font-family: 'Montserrat', sans-serif;
	font-size:1.0rem;
	line-height: 1;
	text-align: center;
	font-weight:600;
	text-transform: none;
	text-align:center;
	border-width:2px;
	border-style:solid;
	border-radius:1.5rem;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	text-decoration:none;
	-webkit-appearance: none;
	background-color:#56BBED;
	border-color:#56BBED;
	color:#ffffff;
	cursor:default;
	box-shadow:0 0 10px rgba(0,0,0,0);
	cursor: pointer;
}
a.btn {
	cursor: pointer;
}
a.btn:hover {
	color:#ffffff;
	background-color:#22A9EC;
	border-color:#22A9EC;
	box-shadow:0 0 10px rgba(0,0,0,0);
}
.btn.reverse {
	flex-direction: row-reverse;
}
.btn::before {
	display: inline-block;
	flex-shrink: 0;
	font-size: 1.5rem;
	margin: 0 -0.3rem;
}
.btn.small {
	font-size:0.75rem;
	padding:0 0.7rem;
	min-height: 2.0rem;
	border-radius:1.0rem;
}
.btn.small::before {
	font-size: 1.0rem;
	margin: 0 -0.3rem;
}
.btn.big {
	column-gap: 1.05rem;
	font-size:1.125rem;
	padding:0 1.5rem;
	border-width:2px;
	min-height: 4.0rem;
	border-radius:2em;
}
.btn.big::before {
	font-size: 1.75rem;
	margin: 0 -0.5rem;
}
.btn.round-btn,
.btn.square-btn {
	width:3rem;
	height: 3rem;
	min-height: auto;
	justify-content: center;
	text-align: center;
	overflow: visible;
	padding: 0;
	border-width:0;
	padding: 0;
	flex-shrink: 0;
}
.btn.round-btn::before,
.btn.square-btn::before {
	margin: 0;
	font-size: 1.6rem;
}
.btn.round-btn {
	border-radius: 50%;
}
.btn.square-btn {
	border-radius:0.25rem;
}
.btn.round-btn span.items {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	right:0;
	background-color: #fbb03b;
	color:#ffffff;
	border-radius: 50%;
	overflow: hidden;
	font-size: 1rem;
	width: 1.5rem;
	height: 1.5rem;
}
.btn.round-btn.small,
.btn.square-btn.small {
	width: 2.0rem;
	height: 2.0rem;
	font-size: 1.4rem;
}
.btn.round-btn.small::before,
.btn.square-btn.small::before {
	font-size: 1.2rem;
}
.btn.round-btn.big,
.btn.square-btn.big {
	width: 4.0rem;
	height: 4.0rem;
	font-size: 2.3rem;
}
.btn.round-btn.big::before,
.btn.square-btn.big::before {
	font-size: 2.3rem;
}
.btn.round-btn.big span.items {
	font-size: 1rem;
	width: 1.5rem;
	height: 1.5rem;
}
/*--*/
.btn.grey-primary {
	background-color:#eeeeee;
	border-color:#eeeeee;
	color: #56BBED;
}
a.btn.grey-primary:hover{
	background-color:#22A9EC;
	border-color:#22A9EC;
	color: #ffffff;
}
.btn.yellow {
	background-color:#f9f053;
	border-color:#f9f053;
	color: #333333;
}
a.btn.yellow:hover{
	background-color:#f9f053;
	border-color:#f9f053;
	color: #333333;
}
.btn.opaque-primary {
	background-color:rgba(255, 255, 255, 0);
	border-color:rgba(255, 255, 255, 0);
	color: #56BBED;
}
a.btn.opaque-primary:hover{
	background-color:rgba(255, 255, 255, 0);
	border-color:rgba(255, 255, 255, 0);
	color: #56BBED;
}
.btn.disabled,
.btn.disabled:hover {
	cursor: default;
	color:#ffffff;
	background-color:#d2d2d2;
	border-color:#d2d2d2;
}
.btn.btn-white {
	background:#ffffff;
	border-color:#ffffff;
	color:#56BBED;
}
a.btn.btn-white:hover {
	color:#ffffff;
	background-color:#22A9EC;
	border-color:#22A9EC;
}
.btn.grey-btn {
	background:#899cb7;
	border-color:#899cb7;
	color:#ffffff;
}
a.btn.grey-btn:hover {
	background:#22A9EC;
	border-color:#22A9EC;
	color:#ffffff;
}
.btn.trans {
	background:transparent;
	color:#56BBED;
	border-color:#56BBED;
}
a.btn.trans:hover {
	color:#ffffff;
	background:#22A9EC;
	border-color:#22A9EC;
}
.btn.trans.btn-white {
	background:transparent;
	color:#ffffff;
}
a.btn.trans.btn-white:hover {
	background:#ffffff;
	border-color:#ffffff;
	color:#56BBED;
}
.btn.trans.grey-btn {
	background:transparent;
	color:#899cb7;
}
a.btn.trans.grey-btn:hover {
	background:#899cb7;
	border-color:#899cb7;
	color:#ffffff;
}

/*--*/
.btn.slashed::after {
	content: '';
	display: block;
	position: absolute;
	width:0%;
	height: 3px;
	box-shadow: 0 3px 0 #f7f7f7;
	background-color: #56BBED;
	transform: rotate(-45deg);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.btn.slashed.active::after {
	width:100%;
}
/*--*/
.btn-icon {
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-family: 'Montserrat';
	color: #777777;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.btn-icon.primary-green:hover {
	color: #777777;
}
.btn-icon::before {
	font-size: 1.9rem;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-icon.primary-green::before {
	color: #56BBED;
}
.btn-icon.primary-green:hover::before {
	color: #22A9EC;
}
.btn-icon.big::before {
	font-size: 2.3rem;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.btn {
		font-size:0.875rem;
		min-height: 2.75rem;
		border-radius:1.375rem;
	}
	.btn.small {
		font-size:0.75rem;
		padding:0 0.7rem;
		min-height: 1.75rem;
		border-radius:0.875rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		border-width:2px;
		min-height: 3.5rem;
		border-radius:1.75rem;
	}
	.btn::before {
		font-size: 1.25rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {
		width:2.75rem;
		height: 2.75rem;
	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.5rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.75rem;
		height: 1.75rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.1rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 3.5rem;
		height: 3.5rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big span.items {
		font-size: 0.875rem;
		width: 1.3rem;
		height: 1.3rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.btn {
		column-gap: 0.5rem;
		font-size: 0.8125rem;
		min-height: 2.75rem;
		border-radius:1.375rem;
	}
	.btn.small {
		font-size:0.6875rem;
		padding:0 0.7rem;
		min-height: 1.75rem;
		border-radius:0.875rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		border-width:2px;
		min-height: 3.5rem;
		border-radius:1.75rem;
	}
	.btn::before {
		font-size: 1.25rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {
		width:2.75rem;
		height: 2.75rem;
	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.5rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.75rem;
		height: 1.75rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.1rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 3.5rem;
		height: 3.5rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big span.items {
		font-size: 0.875rem;
		width: 1.3rem;
		height: 1.3rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.btn {
		column-gap: 0.5rem;
		font-size: 0.8125rem;
		min-height: 2.75rem;
		border-radius:1.375rem;
	}
	.btn.small {
		font-size:0.6875rem;
		padding:0 0.7rem;
		min-height: 1.75rem;
		border-radius:0.875rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		border-width:2px;
		min-height: 3.5rem;
		border-radius:1.75rem;
	}
	.btn::before {
		font-size: 1.25rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {
		width:2.75rem;
		height: 2.75rem;
	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.5rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.75rem;
		height: 1.75rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.1rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 3.375rem;
		height: 3.375rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 3.375rem;
		height: 3.375rem;
		font-size: 2.3rem;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.btn {
		column-gap: 0.5rem;
		font-size: 0.75rem;
		min-height: 2.25rem;
		border-radius:1.125rem;
		padding: 0 0.75rem;
	}
	.btn.small {
		font-size:0.6275rem;
		padding:0 0.7rem;
		min-height: 1.5rem;
		border-radius:0.75rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		border-width:2px;
		min-height: 2.75rem;
		border-radius:1.375rem;
	}
	.btn::before {
		font-size: 1.0rem;
		margin: 0 -0.1rem;
	}
	.btn.small::before {
		font-size: 0.75rem;
		margin: 0 -0.1rem;
	  }
	.btn.big::before {
		font-size: 1.5rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {
		width:2.25rem;
		height: 2.25rem;
	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.3rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.5rem;
		height: 1.5rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.0rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 2.75rem;
		height: 2.75rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big span.items {
		font-size: 0.875rem;
		width: 1.2rem;
		height: 1.2rem;
	}

}
/* phone */
@media (max-width:27em){
	.btn {
		column-gap: 0.5rem;
		font-size: 0.75rem;
		min-height: 2.25rem;
		border-radius:1.125rem;
		padding: 0 0.75rem;
	}
	.btn.small {
		font-size:0.6275rem;
		padding:0 0.7rem;
		min-height: 1.5rem;
		border-radius:0.75rem;
	}
	.btn.big {
		column-gap: 1.25rem;
		font-size:1.0rem;
		padding:0 1.25rem;
		border-width:2px;
		min-height: 2.75rem;
		border-radius:1.375rem;
	}
	.btn::before {
		font-size: 1.0rem;
		margin: 0 -0.1rem;
	}
	.btn.small::before {
		font-size: 0.75rem;
		margin: 0 -0.1rem;
	  }
	.btn.big::before {
		font-size: 1.5rem;
		margin: 0 -0.3rem;
	}
	.btn.round-btn,
	.btn.square-btn {
		width:2.25rem;
		height: 2.25rem;
	}
	.btn.round-btn::before,
	.btn.square-btn::before {
		margin: 0;
		font-size: 1.3rem;
	}
	.btn.round-btn.small,
	.btn.square-btn.small {
		width: 1.5rem;
		height: 1.5rem;
	}
	.btn.round-btn.small::before,
	.btn.square-btn.small::before {
		font-size: 1.0rem;
	}
	.btn.round-btn.big,
	.btn.square-btn.big {
		width: 2.75rem;
		height: 2.75rem;
	}
	.btn.round-btn.big::before,
	.btn.square-btn.big::before {
		font-size: 2.0rem;
	}
	.btn.round-btn.big span.items {
		font-size: 0.875rem;
		width: 1.2rem;
		height: 1.2rem;
	}
}
/*------------------------*/
.form-block {
	position:relative;
}
.req:after {
	content: " * ";
	color:#56BBED;
}
.form-block .f-input {
	display:block;
	position:relative;
}
.form-block .f-input .calendar_btn {
	position:absolute;
	top:8px;
	right:0;
	font-size:44px;
	color:#8a9193;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	cursor:pointer;
}
.form-block .f-input .calendar_btn:hover {
	color:#f46262;
}
.form-block .f-input .calendar_btn:before {
	content: "\72";
}
.form-block .f-input input[type="text"],
.form-block .f-input input[type="file"],
.form-block .f-input input[type="password"],
.form-block .f-input textarea,
.form-block .f-input select {
	display:block;
	width:100%;
}
.form-block .f-input.card_num {
	display: -ms-grid;
	display:grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns:  1fr 1fr 1fr 1fr;
	grid-column-gap: 1em;
	grid-row-gap: 0;
}
.form-block .f-input.card_num input:nth-of-type(1) {
	-ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
}
.form-block .f-input.card_num input:nth-of-type(2) {
	-ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
}
.form-block .f-input.card_num input:nth-of-type(3) {
	-ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
}
.form-block .f-input.card_num input:nth-of-type(4) {
	-ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1;
}
.form-block .f-input.card_num input {
	display:inline-block;
	width:auto;
	margin:0;
	text-align:center;
	padding-left:0;
	padding-right:0;
}
/*-- captcha --*/
.form-block .f-input.f_captcha {
	display: inline-block;
	width:40%;
}
.form-block .f-input.f_captcha input[type="text"] {
	padding-right:50%;
}
.form-block .f-input.f_captcha .captcha {
	display: inline-block;
	position: absolute;
	background-color: #f4f4f4;
	border-radius: 0 0.25em 0.25em 0;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: rgba(0,0,0,0.15);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-blend-mode: multiply;
	width:50%;
	height:100%;
	top:0;
	right:0;
}
.form-block .f-input.f_captcha.f_error .captcha {
	border-color:#f25555;
}
.form-block .f-input textarea {
	display:block;
	margin-bottom:0;
}
.form-block .f-input .error,
.form-block .f-check .error {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	color:#f25555;
	display:none;
	font-size:0.8em;
	line-height:1em;
	min-height:2em;
	padding:0.5em 0 0 1.0rem;
	text-align: left;
}
.form-block .f-input .error:before {
	content:'';
	display:block;
	display: none;
	position:absolute;
	border-color:#f25555 transparent transparent transparent;
	border-style:solid;
	border-width:0.5em;
	top:0;
	left:1.0rem;
}
.form-block.inverted .f-input .error {
	color:#bc3610;
}
.form-block .f-input.f_error .error,
.form-block .f-check.f_error .error{
	display:block;
}
.form-block .f_error input[type="text"],
.form-block .f_error input[type="password"],
.form-block .f_error textarea {
	border-color: #f25555;
}
.form-block .f_error input[type="text"]:focus + div.error,
.form-block .f_error input[type="password"]:focus + div.error,
.form-block .f_error textarea:focus + div.error {
	opacity:0;
}
.form-block.inverted .f_error input[type="text"],
.form-block.inverted .f_error input[type="password"],
.form-block.inverted .f_error textarea {
	border-bottom:2px solid #df0000;
	background-color: rgba(221, 0, 0, 0.2);
}
.form-block .f-check,
.form-block .f-radio {
	display:block;
	position:relative;
	min-height: 2.6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.form-block .f-check label,
.form-block .f-radio label {
	display:inline-block;
	position:relative;
	width:auto;
	float:none;
	padding-bottom: 0;
	font-family: 'Montserrat', sans-serif;
}
.form-block .f-check label a,
.form-block .f-radio label a {
	color: #56BBED;
	text-decoration:none;
	border-bottom:2px dotted #56BBED;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.form-block .f-check label a:hover,
.form-block .f-radio label a:hover {
	color:#56BBED;
	border-bottom:2px dotted rgba(255,255,255,0);
}
.form-block .f-check label span,
.form-block .f-radio label span {
	display:inline-block;
	position:relative;
	padding-left:2rem;
	z-index:2;
}
.form-block .f-check label span:before,
.form-block .f-radio label span:before {
	content:'';
	display:block;
	position:absolute;
	top:3px;
	top:50%;
	transform: translateY(-50%);
	left:0px;
	width:1.25rem;
	height:1.25rem;
	border:0;
	background: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.15);
	border-radius: 0.2rem;
}
.form-block .f-check.f_error label span:before {
	background: #f25555;
}
.form-block .f-check.f_error label + div.error {
}
.plaque .form-block .f-check label span:before,
.plaque .form-block .f-radio label span:before {
	background: #ffffff;
}
.form-block .f-radio label span:before {
	border-radius:50%;
}
.form-block .f-check label span:after {
	content:'';
	display:block;
	position:absolute;
	top:45%;
	left:0.4rem;
	width:0.9rem;
	height:0.5rem;
	border-width:0 0 3px 3px;
	border-color:transparent;
	border-style:solid;
	transform: rotate(-45deg) translateY(-50%); 
	-webkit-transform: rotate(-45deg) translateY(-50%);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.form-block .f-radio label span:after {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	left:0.25rem;
	width:0.75rem;
	height:0.75rem;
	background:none;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	border-radius:100%;
}
.form-block .f-check input,
.form-block .f-radio input {
	display:block;
	position:absolute;
	z-index:3;
	width:1.25rem;
	height:1.25rem;
	top:50%;
	transform: translateY(-50%);
	left:0;
	opacity:0;
}
.form-block .f-check input:checked + span,
.form-block .f-radio input:checked + span {
	color:#333333;
}
.form-block .f-check input:checked + span:before {
	background: #56BBED;
	border-color: #56BBED;
}
.form-block .f-radio input:checked + span:before {
	border-color: #56BBED;
}
.form-block .f-radio.green input:checked + span:before {
	border-color: #22A9EC;
}
.form-block .f-check.green input:checked + span:before {
	background: #22A9EC;
	border-color: #22A9EC;
}
.form-block .f-check input:checked + span:after {
	border-color:#ffffff;
}
.form-block .f-radio input:checked + span:after {
	background:#ffffff;
	background: #56BBED;
}
.form-block .f-radio.green input:checked + span:after {
	background: #22A9EC;
}
.form-block .f_btn {
	text-align:center;
}
.form-block .f_file {
	position:relative;
	padding:0;
	margin-bottom:5px;
	text-overflow: ellipsis;
	width:100%;
	min-height:40px;
}
.form-block .f_file.instance {
display:none;
}
.form-block .f_file .btn {
	position:absolute;
	display:block;
	cursor:pointer;
}
.form-block .f_file span {
	display:block;
	margin:0 20px 5px 150px;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	padding:7px 0;
	}
.form-block .f_file input[type="file"] {
	display:none;
}
.form-block .f_file .delete {
	display:block;
	position:absolute;
	right:0;
	top:6px;
	font-size:24px;
	cursor:pointer;
	width:20px;
	height:20px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	-khtml-border-radius:40px; 
	background:none;
	text-align:center;
	line-height:18px;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.form-block .f_file .delete:hover {
	background:#df0000;
	color:#ffffff;
}
.form-block .multi_files {
	padding-bottom:10px;
}
.form-block .multi_files label {
	padding-left:10px;
}
.form-block .f-range {
	display: flex;
	align-items: center;
	gap:0.5rem;
	justify-content: space-between;
}
.form-block .f-range label {
	padding: 0;
}
.form-block .f-range input[type="text"] {
	text-align: center;
	padding:0 0.5rem;
}
.feedback_success {
	position:relative;
	text-align:center;
	padding-top:20px;
	color:#56BBED;
}
.feedback_success:before {
	content: '\e83a';
	display:block;
	text-align:center;
	font-size:12em;
	color:#56BBED;
	line-height:1;
}
.success {
	position:relative;
	text-align:center;
	padding-top:20px;
}
.success:before {
	display:block;
	text-align:center;
	font-size:12em;
	color:#56BBED;
	line-height:1;
}
/*--*/
.form-success {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	row-gap: 2rem;
	padding: 2rem 0;
	text-align: center;
}
.form-success::before {
	font-size: 6rem;
	color:#22A9EC;
	line-height:1;
}
.form-success .s-txt h2:last-child,
.form-success .s-txt h3:last-child {
	margin-bottom: 0;
}
.form-success .s-txt p:last-childe {
	padding-bottom: 0;
}
/*--*/
ul.cols {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	display: -ms-grid;
	display:grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	grid-column-gap: 2rem;
	grid-row-gap: 1.5rem;
}
ul.cols li {
	margin: 0;
	padding: 0 0 2rem;
	padding: 0;
}
ul.cols li::before {
	display: none;
}
ul.cols.double-col {
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: repeat(2, minmax(0, 1fr));

}
ul.cols.cols-6 {
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	margin-bottom: 1rem;
}
ul.cols.cols-6 li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
}
ul.cols.double-col li {
	/*padding: 0.5rem 0 0;*/
}
ul.cols.double-col li.block {
	grid-column-start: 1;
	grid-column-end: 3;
}
ul.cols.cols-6 li.block {
	grid-column-start: 1;
	grid-column-end: 7;
}
/*--*/
.form-block .f-string {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}
.form-block .f-string .f-item {
	flex-grow: 1;
}
.form-block .f-string .f-item.month {
	flex-grow: 2;
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	ul.cols.double-col {
		display: -ms-grid;
		display:grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-column-gap: 2rem;
		grid-row-gap: 2rem;
	}
	ul.cols.cols-6 {
		display: -ms-grid;
		display:grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
		margin-bottom: 1rem;
	}
	ul.cols.double-col li.block {
		grid-column-start: 1;
		grid-column-end: 2;
	}
	.form-block .f-input.f_captcha {
		width:60%;
	}
}
/* phone */
@media (max-width:27em){
ul.cols.double-col {
	   -ms-grid-columns: 1fr;
	   grid-template-columns: 1fr;
	   grid-column-gap: 2rem;
	   grid-row-gap: 1.5rem;
   }
   ul.cols.cols-6 {
	-ms-grid-columns: 1fr;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	margin-bottom: 1rem;
}
   ul.cols.double-col li.block {
		grid-column-start: 1;
		grid-column-end: 2;
	}
	.form-block .f-input.f_captcha {
		display: block;
		width:auto;
	}
}
/*------------- Search-select -------------------------------*/
.dropdown-input {
	position:relative;
	padding:1px 0;
}
.dropdown-input::before {
	content: 'xx';
	display: block;
	position: relative;
	z-index: 1;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	padding:0;
	height: 2.6rem;
	margin: 0;
	font-size: 0.89em;
	font-weight: normal;
	opacity: 0;
}
.dropdown-input .outline {
	position: absolute;
	z-index: 10;
	width:100%;
	top:0;
	left:0;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.15);
	padding: 0;
	margin: 0;
	background: #ffffff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	overflow: hidden;
}
.dropdown-input .outline:hover,
.dropdown-input .outline.open { 
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
	border-color: rgba(255, 255, 255, 1);
}
.dropdown-input .outline::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 3;
	top:0;
	right: 0;
	width: 2rem;
	height: 100%;
	background-color: #ffffff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	transition-delay: 0.3s;
}
.dropdown-input .outline.open::after {
	width:0;
}
.dropdown-input input[type="text"] {
	position:relative;
	overflow:hidden;
	text-overflow: ellipsis;
	z-index:2;
	width:100%;
	background-color: rgba(255, 255, 255, 0);
	border-color: rgba(255, 255, 255, 1);
}
.dropdown-input input[type="text"]:hover {
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
}
.chosen-value + span {
	display:block;
	position:absolute;
	top:0;
	right:0;
	background:#56BBED;
	width:10px;
	height:10px;
}
.chosen-value + span:before {
	content: "\6a";
}
.chosen-value.open + span:before {
	content: '\e81c';
}
.chosen-value:hover {
	/*cursor: pointer;*/
}
.chosen-value:hover::-webkit-input-placeholder {
	color: #777777;
}
.chosen-value:focus, .chosen-value.open {
	outline: 0;
}
.chosen-value:focus::-webkit-input-placeholder, .chosen-value.open::-webkit-input-placeholder {
	color: #000000;
}

ul.value-list {
	position: absolute;
	position: relative;
	left: 0;
	width: 100%;
	z-index:2;
	list-style: none;
	overflow: hidden;
	max-height: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background:#ffffff;
	margin: 0 !important;
	padding: 0 !important;
}

ul.value-list.open {
	max-height: 12rem;
	overflow: auto;
}
ul.value-list li {
	display: block;
	overflow:hidden;
	text-overflow: ellipsis;
	position: relative;
	font-size: 0.89em;
	padding: 0.6em 1.0em !important;
	cursor: pointer;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	opacity: 1;
	color:#777777;
}
ul.value-list li:hover {
	background:rgba(0, 0, 0, 0.05);
}
ul.value-list li.closed {
	overflow: hidden;
	height:0;
	padding: 0 !important;
	opacity: 0;
}
ul.value-list + span {
	display:block;
	position:absolute;
	top:8px;
	right:10px;
	color:#333333;
	z-index:1;
	width:30px;
	height:30px;
	text-align:center;
	line-height:20px;
}
.small ul.value-list + span {
	right:0;
}
ul.value-list + span:before {
	content: '\e81c';
	font-size:22px;
}
.small ul.value-list + span:before {
	font-size:20px;
}
ul.value-list.open + span:before {
	content: '\e81c';
	font-size:34px;
}	
ul.value-list.open + span:before {
	font-size:30px;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.dropdown-input::before {
		font-size: 1.0em;
		height: 2.4rem;
	}
	ul.value-list li {
		font-size: 1.0em;
	}
}
/*-----------------------------------------fancySelect --------------------------------------*/
.fancy-select {
	position: relative;
	font-weight: normal;
	margin-bottom:0px;
	width:auto;
	text-align:left;
}
.sel-wrap {
	position: relative;
	z-index: 1;
}
.fancy-select::before {
    content: 'xx';
    display: block;
    position: relative;
    z-index: 1;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0);
    padding: 0;
    margin: 0;
	min-height: 2.6rem;
    font-size: 0.89em;
    font-weight: normal;
	opacity:0;
}
.sel-wrap.big .fancy-select::before {
	min-height: 4rem;
    font-size: 1.25rem;
    font-weight: 700;
}
.fancy-select .outline {
	display: flex;
	flex-direction: column;
	position: absolute;
	z-index: 10;
	top:0;
	left:0;
	width:100%;
	border-width:1px;
	border-style:solid;
	border-color: rgba(0,0,0,0.15);
	border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.sel-wrap.grey .fancy-select .outline {
	border-color: #EFEFEF;
}
.dropup .fancy-select .outline {
	flex-direction: column-reverse;
	top:auto;
	bottom:0;
}
.dropdown .fancy-select .outline {
	flex-direction: column;
	top:0;
	bottom:auto;
}
.fancy-select .outline:hover,
.fancy-select .outline.open,
.sel-wrap.grey .fancy-select .outline:hover {
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
	border-color: rgba(255, 255, 255, 0);
}
.fancy-select .outline::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 3;
	top:0;
	right: 0;
	width: 2rem;
	height: 100%;
	background-color: #ffffff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	transition-delay: 0.3s;
}
.fancy-select .outline.open::after {
	width:0;
}
.fancy-select div.trigger {
	cursor: pointer;
	padding:0 2.0em 0 1.0em;
	height: 2.6rem;
	height: calc(2.6rem - 2px);
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	position: relative;
	z-index: 1;
	background: #ffffff;
	border-radius:0rem;
	-webkit-border-radius:0rem;
	color: #333333;
	width: 100%;
    -webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	z-index:40;
	font-size: 0.89em;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	line-height: 2.6rem;
}
.sel-wrap.big .fancy-select div.trigger {
	height: calc(4rem - 2px);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 4rem;
}
.sel-wrap.grey .fancy-select div.trigger {
	background-color:#EFEFEF;
	color: #56BBED;
}
.sel-wrap.grey .fancy-select div.trigger:hover,
.sel-wrap.grey .fancy-select .open div.trigger {
	background-color:#ffffff;
}
.plaque .fancy-select div.trigger {
	background-color:rgba(255,255,255,1);
}
.fancy-select.disabled div.trigger {
    background:#fff;
	color:#eee;
	cursor:default;
}
.fancy-select div.trigger:after {
	font-family: "3clab" !important;
	font-size: 1.25rem;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e842';
	display:flex;
	flex-direction: column;
	justify-content: center;
	position:absolute;
	top:0;
	height: 100%;
	right:0.7rem;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	color: #777777;
}
.sel-wrap.grey .fancy-select div.trigger:after {
	color: #56BBED;
}
.sel-wrap.dropup .fancy-select div.trigger:after {
	transform: rotate(180deg);
}
.sel-wrap.dropup.dropdown .fancy-select div.trigger:after {
	transform: rotate(0deg);
}
.sel-wrap.big .fancy-select div.trigger:after {
	font-size: 2rem;
}
.fancy-select.disabled div.trigger:after {
	border-right-color:#ffffff;
	border-bottom-color:#ffffff;
}
.fancy-select div.trigger.open {
	box-shadow: none;
}
.filter .fancy-select div.trigger.open,
.filter_select .fancy-select div.trigger.open {
	background:none;
	color: #8a9193;
}
.fancy-select ul.options {
	display: block;
	list-style: none;
	margin: 0;
	position: absolute;
	position: relative;
	z-index: 2;
	max-height: 0rem;
	overflow: auto;
	background: #ffffff;
	width: 100%;
	padding: 0;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.fancy-select ul.options.open {
	visibility: visible;
	max-height: 12rem;
	max-height: 40vh;
	opacity: 1;
}
.fancy-select ul.options li {
	float:none !important;
	width:auto !important !important;
	font-size: 0.89em;
	padding: 0.6em 1.0em !important;
	color: #666666;
	cursor: pointer;
	transition: all 150ms ease-out;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
}
.sel-wrap.big .fancy-select ul.options li {
	font-size: 1.125rem;
}
.fancy-select ul.options li:before {
	display:none !important;
	}
.fancy-select ul.options li.hover {
	background:rgba(0, 0, 0, 0.05);
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.fancy-select::before {
		font-size: 1.0em;
		min-height: 2.4rem;
	}
	.fancy-select div.trigger {
		font-size: 1.0em;
		height: 2.4rem;
		height: calc(2.4rem - 2px);
		line-height: 2.4rem;
	}
	.fancy-select ul.options li {
		font-size: 1.0em;
	}
	.sel-wrap.big .fancy-select::before {
		min-height: 3.5rem;
		font-size: 1.0rem;
	}
	.sel-wrap.big .fancy-select div.trigger {
		height: calc(3.5rem - 2px);
		font-size: 1.0rem;
		line-height: 3.5rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.sel-wrap.big .fancy-select::before {
		min-height: 3rem;
		font-size: 1.0rem;
	}
	.sel-wrap.big .fancy-select div.trigger {
		height: calc(3rem - 2px);
		font-size: 1.0rem;
		line-height: 3rem;
	}
	.sel-wrap.big .fancy-select ul.options li {
		font-size: 1.0rem;
	}
}
/* Phone */
@media (max-width:27em){
	.sel-wrap.big .fancy-select::before {
		min-height: 3rem;
		font-size: 1.0rem;
	}
	.sel-wrap.big .fancy-select div.trigger {
		height: calc(3rem - 2px);
		font-size: 1.0rem;
		line-height: 3rem;
	}
	.sel-wrap.big .fancy-select ul.options li {
		font-size: 1.0rem;
	}
}
/*------------------------------------- slick override -----------------------------------------*/
.carousel-block {
	overflow: hidden;
	margin: 0 -6rem;
}
.carousel-block.pdd-t-b {
	padding-top: 0;
}
.carousel-block .c-content {
	max-width: 100rem;
	margin: 0 auto;
}
ul.carousel {
	margin:0 -1.5rem !important;
	display:block;
	padding:0;
}
ul.carousel.full-width .slick-list {
	overflow: visible;
}
ul.carousel.side-arrows {
	padding:0 3rem;
	margin: 0 !important;
}
ul.carousel li {
	margin: 0;
	padding: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
ul.carousel.full-width li {
	opacity:0;
}
ul.carousel li.slick-active {
	opacity:1;
}
ul.carousel li .item {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.carousel.arrows {
	padding-bottom:6rem;
}
.carousel .slick-track {
	  display: flex !important;
}
.carousel .slick-slide {
	height: auto !important;
	position:relative;
	z-index: 1;
}
.carousel .slick-slide:hover {
	z-index: 100;
}
/*--*/
.slick-prev,
.slick-next {
	z-index: 3;
	top:auto;
	bottom:100%;
	background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%;
	background: none;
	cursor: pointer;
	display: inline-block;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	opacity:1;
}
.side-arrows .slick-prev,
.side-arrows .slick-next {
	top:50%;
	transform:translate(0, -50%);
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
	background: none;
	box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0);
	cursor: auto;
}
.slick-prev {
	left:auto;
	right:3.75rem;
	margin:0 1.0rem 0.9rem 0;
}
.slick-next {
	right:0;
	left:auto;
	margin:0 1.5rem 0.9rem 0;
}
.side-arrows .slick-prev {
	left:0;
	right:auto;
	margin:0;
}
.side-arrows .slick-next {
	right:0;
	left:auto;
	margin:0;
}
.carousel-vertical .slick-prev {
	left:50%;
	right:auto;
	margin:0;
	top:auto;
	bottom:100%;
	bottom:calc(100% + 0.5rem);
	transform: translate(-50%, 0%) rotate(90deg);
}
.carousel-vertical .slick-next {
	right:auto;
	left:50%;
	margin:0;
	top:100%;
	top:calc(100% + 0.5rem);
	bottom: auto;
	transform: translate(-50%, 0%) rotate(90deg);
}
.slick-prev::before, 
.slick-next::before {
	font-family: "3clab" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	color: #56BBED;
	font-size: 2.75rem;
	line-height: 2.75rem;
	opacity:1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.slick-prev:before {
	content: '\e818' !important;
}
.slick-next:before {
	content: '\e819' !important;
}
.side-arrows .slick-prev:before,
.carousel-vertical .slick-prev:before {
	content: '\e844' !important;
}
.side-arrows .slick-next:before,
.carousel-vertical .slick-next:before {
	content: '\e83b' !important;
}
.slick-prev:hover::before, 
.slick-next:hover::before {
	color: #56BBED;
}
.slick-prev.slick-disabled:hover::before, 
.slick-next.slick-disabled:hover::before {
	color: #56BBED;
}
.slick-prev:focus, 
.slick-next:focus {
	background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%;
	background: none;
}
.slick-prev:hover, 
.slick-next:hover {
	background: none;
	transform:translate(0, -50%) scale(100%);
}
.carousel-vertical .slick-prev:hover, 
.carousel-vertical .slick-next:hover {
	transform:translate(-50%, 0%) scale(100%) rotate(90deg);
}
.slick-prev.slick-disabled:hover, 
.slick-next.slick-disabled:hover,
.slick-prev.slick-disabled:focus, 
.slick-next.slick-disabled:focus {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
	background: none;
	transform:translate(0, -50%) scale(100%);
}
.carousel-vertical .slick-prev.slick-disabled:hover, 
.carousel-vertical .slick-next.slick-disabled:hover,
.carousel-vertical .slick-prev.slick-disabled:focus, 
.carousel-vertical .slick-next.slick-disabled:focus {
	transform:translate(-50%, 0%) scale(100%) rotate(90deg);
}
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
	opacity: 0.3;
}
/*--*/
.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.slick-dots {
	position: relative;
	padding:0;
	bottom:0;
	font-size: 0;
	display: flex;
	column-gap: 2rem;
}
.slick-dots li:before {
display:none !important;
}
.slick-dots li button:before {
	color:#ccc !important;
}
.slick-dots li.slick-active button:before {
	color:#22A9EC !important;
	opacity:1 !important;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	/*height: 0px;*/
	margin: 0 !important;
	padding: 0 !important;
	width: 1rem;
}
.slick-dots li button {
	font-size: 1em;
	line-height: 0;
	display: block;
	position:absolute;
	position: relative;
	bottom:0rem;
	bottom: auto;
	width: 1rem !important;
	height: 1rem !important;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border:none !important;
	outline: none;
	background:rgba(86,187,237,.5) !important;
	border-radius:100%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.inner-dots .slick-dots li button {
	bottom:2rem;
}
.slick-dots li button:hover {
	background:rgba(86,187,237,1) !important;
}
.slick-dots li.slick-active button {
	background:rgba(86,187,237,1) !important;
}
.slick-dots li button::before {
display:none;
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.carousel-block {
		margin: 0 -4rem;
	}
	.slick-prev,
	.slick-next {
		width: 2.5rem;
		height: 2.5rem;
	}
	.slick-prev {
		left:auto;
		right:3.5rem;
		margin:0 1.0rem 1rem 0;
	}
	.slick-next {
		right:1.0rem;
		left:auto;
		margin:0 0.5rem 1rem 0;
	}
	.slick-prev::before, 
	.slick-next::before {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.carousel-block {
		margin: 0 -3rem;
	}
	ul.carousel {
		margin:0 -1.0rem !important;
	}
	ul.carousel li .item {
		margin-left: 1.0rem;
		margin-right: 1.0rem;
	}
	.slick-prev {
		margin:0 1.0rem 0.7rem 0;
	}
	.slick-next {
		margin:0 0.5rem 0.7rem 0;
	}
	ul.carousel li {
		opacity:1;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.carousel-block {
		margin: 0 -2rem;
	}
	ul.carousel.side-arrows {
		padding:0 2.5rem;
		margin:0 -0.5rem !important;
	}
	.slick-prev,
	.slick-next {
		width: 2.0rem;
		height: 2.0rem;
	}
	.slick-prev {
		left:auto;
		right:3.0rem;
		margin:0 1.0rem 0.5rem 0;
	}
	.slick-next {
		right:1rem;
		left:auto;
		margin:0 0.5rem 0.5rem 0;
	}
	.slick-prev::before, 
	.slick-next::before {
		font-size: 2.0rem;
		line-height: 2.0rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.carousel-block {
		margin: 0 -2rem;
	}
	ul.carousel {
		margin:0 -1.0rem !important;
	}
	ul.carousel li .item {
		margin-left: 1.0rem;
		margin-right: 1.0rem;
	}
	ul.carousel.side-arrows {
		padding:0;
		margin:0 -0.5rem !important;
	}
	.slick-prev,
	.slick-next {
		width: 2.0rem;
		height: 2.0rem;
	}
	.slick-prev {
		left:auto;
		right:2.5rem;
		margin:0 1.0rem 0.6rem 0;
	}
	.slick-next {
		right:0.5rem;
		left:auto;
		margin:0 0.5rem 0.6rem 0;
	}
	.slick-prev::before, 
	.slick-next::before {
		font-size: 2.0rem;
		line-height: 2.0rem;
	}
	
}
/* small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.carousel-block {
		margin: 0 -1.5rem;
	}
	.slick-prev,
	.side-arrows .slick-prev {
		margin:0 1.0rem 0.3rem 0;
	}
	.slick-next,
	.side-arrows .slick-next {
		margin:0 0.5rem 0.3rem 0;
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.carousel-block {
		margin: 0 -1.5rem;
	}
	.slick-prev,
	.slick-next {
		width: 2.0rem;
		height: 2.0rem;
	}
	.slick-prev {
		left:auto;
		right:2.0rem;
		margin:0 0.6rem 0rem 0;
	}
	.slick-next {
		right:0;
		left:auto;
		margin:0 0.3rem 0rem 0;
	}
	.slick-prev::before, 
	.slick-next::before {
		font-size: 2.0rem;
		line-height: 2.0rem;
	}
	ul.carousel,
	ul.carousel.side-arrows {
		margin:0 -0.3rem !important;
		padding:0;
	}
	ul.carousel li .item {
		margin-left: 0.3rem;
		margin-right: 0.3rem;
	}
	.slick-dots {
		column-gap: 1rem;
	}
	.slick-dots li button {
		width: 0.5rem !important;
		height: 0.5rem !important;
	}
}
/* phone */
@media (max-width:27em){
	.carousel-block {
		margin: 0 -1.0rem;
	}
	.carousel-block .c-content {
		padding-top: 0.25rem;
	  }
	.sl
	ul.carousel,
	ul.carousel.side-arrows {
		margin:0 -0.25rem !important;
		padding:0;
	}
	ul.carousel li .item {
		margin-left: 0.25rem;
		margin-right: 0.25rem;
	}
	.slick-prev {
		right: 3.0rem;
		margin:0 0 -0.15rem 0;
	}
	.slick-next {
		right: 0.75rem;
		margin:0 0 -0.15rem 0;
	}
	.slick-dots {
		column-gap: 1rem;
	}
	.slick-dots li button {
		width: 0.5rem !important;
		height: 0.5rem !important;
	}
}
/*------------------------------------------------------------------------*/
.wrap {
	position:relative;
	margin:auto;
	/*max-width: 1920px;
	overflow: hidden;*/
	padding-top:0;
}
.wrap.side-open,
.wrap.filter-open {
	overflow: hidden;
	height: 100vh;
}
.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);
}
.nbs-container {
	position:relative;
	max-width:100rem;
	margin:0 auto;
}
.plaque {
	position: relative;
	background-color: #F1F7FA;
	padding: 3rem;
	margin-bottom: 3rem;
}
.pdd-l-r {
	padding-left:6rem;
	padding-right:6rem;
}
.pdd-t-b {
	padding-top:6rem;
	padding-bottom:6rem;
}

.spoiler {
	display: none;
}

/* Desktop <=  1680 */
@media (max-width:105em){
	.pdd-l-r {
		padding-left:4rem;
		padding-right:4rem;
	}
	.pdd-t-b {
		padding-top:5.0rem;
		padding-bottom:5.0rem;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.plaque {
		padding: 3rem;
	}
	.pdd-l-r {
		padding-left:3.0rem;
		padding-right:3.0rem;
	}
	.pdd-t-b {
		padding-top:4.5rem;
		padding-bottom:4.5rem;
	}
}

/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.plaque {
		padding: 2rem;
	}
	.pdd-l-r {
		padding-left:2.0rem;
		padding-right:2.0rem;
	}
	.pdd-t-b {
		padding-top:3.0rem;
		padding-bottom:3.0rem;
	}
}
/* tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.plaque {
		padding: 2rem;
	}
    .pdd-l-r {
		padding-left:2.0rem;
		padding-right:2.0rem;
	}
	.pdd-t-b {
		padding-top:3.0rem;
		padding-bottom:3.0rem;
	}
}
/* small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.plaque {
		padding: 1.5rem;
	}
    .pdd-l-r {
		padding-left:1.5rem;
		padding-right:1.5rem;
	}
	.pdd-t-b {
		padding-top:2.0rem;
		padding-bottom:2.0rem;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.plaque {
		padding: 1.5rem;
	}
	.pdd-l-r {
		padding-left:1.5rem;
		padding-right:1.5rem;
	}
	.pdd-t-b {
		padding-top:2.0rem;
		padding-bottom:2.0rem;
	}
}
/* phone */
@media (max-width:27em){
	.plaque {
		padding: 1.0rem;
	}
	.pdd-l-r {
	padding-left: 1.0rem;
	padding-right: 1.0rem;
	}
	.pdd-t-b {
		padding-top:2.0rem;
		padding-bottom:2.0rem;
	}
	.plaque {
		padding: 1.5rem;
		margin-bottom: 2rem;
	}
}
/*------------------------------ header-block -------------------------------------------*/
.header-block {
	position: fixed;
	width:100%;
	height: auto;
	top:0;
	left:0;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	z-index: 10;
	background-color: #fff;
}
.menu-drop .header-block {
	background-color: #2E96DC;
}
.header--hidden .header-block {
	-webkit-transform: translateY( -100% );
	-ms-transform: translateY( -100% );
	transform: translateY( -100% );
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
}
.header--hidden.header--narrow .header-block {
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
}
.header--narrow .header-block {
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}
/*-- h-middle --*/
.header-block .h-middle {
	position: relative;
	background-color: rgba(255, 255, 255, 0);
	z-index: 3;
}
.header--narrow .header-block .h-middle {
	background-color: rgba(255, 255, 255, 0);
}
.header-block .h-middle .nbs-container {
	position: unset;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	column-gap:6rem;
	min-height: 10rem;
}
.header--narrow .header-block .h-middle .nbs-container {
}
/*--*/
.header-block .h-middle .h-menu-btn {
	display: none;
	position: relative;
	left: -0.375rem;
}
.menu-btn-wrap .menu-btn {
	display: block;
	position: relative;
	width:2.4rem;
	height:2.4rem;
	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 div {
	display: inline-block;
	position: absolute;
	z-index: 2;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	background: rgba(0,0,0,0);
	width:27px;
	height:21px;
	box-sizing: border-box;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.menu-btn-wrap .menu-btn div::before,
.menu-btn-wrap .menu-btn div::after {
	content: '';
	display: block;
	position: absolute;
	width:50%;
	height: 3px;
	background: #333333;
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.menu-btn-wrap .menu-btn div::before {
	top:0;
	left:0;
	transform-origin: top left;
}
.menu-btn-wrap .menu-btn div::after {
	bottom:0;
	right:0;
	transform-origin: bottom right;
}
.side-open .menu-btn-wrap .menu-btn div::before {
	width:0%;
}
.side-open .menu-btn-wrap .menu-btn div::after {
	width:0%;
}
.menu-btn-wrap .menu-btn div span {
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
}
.menu-btn-wrap .menu-btn div span::before,
.menu-btn-wrap .menu-btn div span::after {
	content: '';
	display: block;
	position: absolute;
	width:100%;
	height: 3px;
	background: #333333;
	top:50%;
	transform: translateY(-50%);
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.side-open .menu-btn-wrap .menu-btn div span::before {
	transform: translateY(-50%) rotate(45deg);
}
.side-open .menu-btn-wrap .menu-btn div span::after {
	transform: translateY(-50%) rotate(-45deg);
}
/*--*/
.header-block .h-middle .h-middle-l {
	position: relative;
	z-index: 3;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: rgba(208, 30, 1, 0);
}
.header-block .h-middle .h-middle-l a.logo {
	display: block;
	position: relative;
	background-color: rgba(208, 30, 1, 0);
	width: 20rem;
	overflow: hidden;
	transform: translateY(-0.2rem);
}
.header--narrow .header-block .h-middle .h-middle-l a.logo {
}
.header-block .h-middle .h-middle-l a.logo svg {
	display: block;
	width:100%;
	height: auto;
}
.header-block .h-middle .h-middle-l a.logo svg #emblem-3,
.header-block .h-middle .h-middle-l a.logo svg #txt {
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.menu-drop .header-block .h-middle .h-middle-l a.logo svg #emblem-3,
.menu-drop .header-block .h-middle .h-middle-l a.logo svg #txt {
	fill:#ffffff;
}
/*--*/
.header-block .h-middle .h-middle-r {
	/*position: relative;*/
	flex-grow: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 1rem;
	background-color: rgba(208, 30, 1, 0);
}
.header--narrow .header-block .h-middle .h-middle-r {
	/*row-gap: 1rem;*/
}
.header-block .h-middle .h-middle-r .h-middle-r-top {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(208, 30, 1, 0);
	column-gap: 2rem;
	padding-top: 1rem;
}
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l {
	position: relative;
	z-index: 2;
	display: flex;
	column-gap: 2rem;
	background-color: rgba(208, 30, 1, 0);
	flex-grow: 1;
}
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list,
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list {
	column-gap: 2rem;
}
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list {
	column-gap: 0.75rem;
	align-items: center;
}
#top-icon-menu .btn.slashed::after {
	display: none;
}
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list::before {
	display: none;
}
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li:nth-of-type(1),
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li:nth-of-type(4) {
	display: none;
}
/*--*/

/*--*/
.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r {
	position: relative;
	z-index: 1;
	background-color: rgba(208, 30, 1, 0);
	flex-shrink: 0;
}
.header-block .h-middle .h-middle-r .h-middle-r-bottom {
	/*position: relative;*/
	background-color: rgba(208, 30, 1, 0);
}
/*--*/
.header-block #address-toggle {
	margin: 0 0 0 -1rem;
}
.header-block .btn.icon-whatsapp {
	margin: 0 -1rem;
}
/*--*/
.header-block .popup {
	display: none;
	position: absolute;
	z-index: 3;
	top:0rem;
}
.header-block #address {
	left:-1rem;
}
.header-block .popup .p-content {
	position: relative;
	display: flex;
	background: #ffffff;
	border-radius: 0.2rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
	padding:0;
	gap:2rem;
	padding-right: 1.2rem;
}
.header-block .popup .p-content .info {
	display: flex;
}
.header-block .popup .p-content .info .btn {
	flex-shrink: 0;
}
.header-block .popup .p-content .info .txt {
	padding: 1.25rem 0 1rem;
}
.header-block .popup .p-content .info p {
	white-space: nowrap;
}
.header-block .popup .p-content .close {
	position: relative;
}
/*--*/
.header-block .search {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-grow: 1;
	max-width: 4rem;
	overflow: hidden;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.header-block .search.active {
	/*z-index: 10;*/
	max-width: 100rem;
}
.header-block .search::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	background: #F1F7FA;
	height: 3rem;
	width: 100%;
	top:50%;
	transform: translateY(-50%);
	left:0;
	/*-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;*/
	transition-delay: 0s;
	border-radius: 2rem;
	opacity: 0;
}
.header-block .search.active::before {
	width: 100%;
	opacity: 1;
	/*box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);*/
}
.header-block .search .btn.icon-search {
	flex-shrink: 0;
	position: relative;
	z-index: 2;
}
.header-block .search form {
	display: block;
	flex-grow: 1;
}
.header-block .search form input[type="text"] {
	display: block;
	position: relative;
	background: none;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	width:0%;
	padding: 0 3.5rem 0 0;
	-webkit-transition: none; 	
	-moz-transition: none; 
	transition: none;
}
.header-block .search form input[type="text"]:hover {
	border-color:none;
	box-shadow:none;
}
.header-block .search.active form input[type="text"] {
	width:100%;
}
.header-block .search form input[type="submit"] {
	display: block;
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}
.header-block .search.active form input[type="submit"] {
	z-index: 3;
}
.header-block .search .close {
	display: none;
	position: absolute;
	right:1rem;
	top:50%;
	transform: translateY(-50%);
}
.header-block .search.active .close {
	display: block;
}
/*--*/
.header-block .phone {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 500;
	text-decoration: none;
	color: #1A3C53;
	white-space: nowrap;
}
.menu-drop .header-block .phone {
	color: #ffffff;
}
.header-block .phone span {
	display: block;
	position: absolute;
	top:100%;
	right:0;
	font-size: 0.4em;
	font-weight: 400;
	color: #666666;
}
.header-block .phone::before {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.0rem;
	margin-right: 0.25em;
	color: #56BBED;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.menu-drop .header-block .phone::before {
	color: rgba(255, 255, 255, 0.5);
}
.header-block .phone-sub {
  	display: block;
	position: absolute;
	top:75%;
	right:0;
	font-size: 0.75em;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}
/*--*/
.header-block .top-menu {
	z-index: 3;
	padding-right:0;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.header-block .top-menu .search {
	display: none;
}
.header-block .top-menu .search form input[type="text"] {
	padding: 0 1rem 0 0;
}
/*
.header-block .top-menu ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap:2rem;
}
.header-block .top-menu ul li.single-col,
.header-block .top-menu ul li.multi-col {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 2.5rem;
}
.header--narrow .header-block .top-menu ul li.single-col,
.header--narrow .header-block .top-menu ul li.multi-col {
	height: 2rem;
}
.header-block .top-menu ul li span {
	display:none;
	cursor: pointer;
}
.header-block .top-menu ul li a {
	display: inline-block;
	position: relative;
	z-index: 1;
	text-decoration: none;
	text-transform: uppercase;
	font-size:1.1rem;
	line-height: 1;
	font-weight: 700;
	color:#000000;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.header-block .top-menu ul li:hover a,
.header-block .top-menu ul li a.active {
	color:#56BBED;
}
.header-block .top-menu ul li ul {
	position: absolute;
	top:100%;
	left:-1rem;
	width:100%;
	font-size: 0.89em;
	background-color:#ffffff;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
	-webkit-transition: opacity .5s ease; 	
	-moz-transition: opacity .5s ease; 
	transition: opacity .5s ease;
	transform-origin: top left;
	transform: scaleY(0%);
	opacity:0;
	padding:3rem;
	border-radius: 0.75rem;
	overflow: auto;
	max-height: 50vh;
	max-height: calc(100vh - 14rem);
}
.header-block .top-menu ul li:hover ul {
	display: flex;
	transform: scaleY(100%);
	opacity:1;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}
.header-block .top-menu ul li.single-col ul,
.header-block .top-menu ul li.multi-col ul {
	width:auto;
	flex-direction: column;
	width:16rem;
	gap:1rem;
}
.header-block .top-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;
}
.header-block .top-menu ul li:hover ul li {
	transform:translateY(0rem);
}
.header-block .top-menu ul li.multi-col ul li {
	width:100%;
}
.header-block .top-menu ul li.multi-col ul li::after {
	font-family: "3clab" !important;
	content: '\e807';
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	position: absolute;
	top:0.15em;
	right:0;
	font-size: 1.5em;
}
.header-block .top-menu ul li.multi-col ul li ul li::after {
	display: none;
}
.header-block .top-menu ul li.single-col ul li {
	width:100%;
}
.header-block .top-menu ul li ul li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color:#777777;
	line-height:1.2em;
}
.header-block .top-menu ul li ul li a.active,
.header-block .top-menu ul li.multi-col ul li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}
.header-block .top-menu ul li:hover ul li a {
	color:#777777;
}
.header-block .top-menu ul li:hover ul li a.active {
	color: #333333;
}
.header-block .top-menu ul li:hover ul li a:hover {
	color: #56BBED;
}
.header-block .top-menu ul li.single-col ul li a div {
	display: block;
	margin: 0 auto 1rem;
	vertical-align: middle;
	width:5rem;
	height: 5rem;
	position: relative;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
}
.header-block .top-menu ul li.multi-col ul li ul {
	position: relative;
	top:auto;
	left:0;
	display: flex;
	flex-direction: column;
	background-color: rgba(255, 255, 255, 0);
	margin: 0;
	padding:1rem 0;
	border-radius: 0;
	width:auto;
	font-size: 1em;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0);
	transform: scaleY(100%);
}
.header-block .top-menu ul li.multi-col ul li ul li {
	width:100%;
	transform:translateY(0rem);
}
.header-block .top-menu ul li.multi-col ul li ul li:first-of-type {
	padding-bottom:0;
}
.header-block .top-menu ul li.multi-col ul li ul li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}
*/
.header-block .top-menu {
	z-index: 3;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.header-block .top-menu ul {
	list-style: none;
	display: flex;
	justify-content:space-between;
	margin: 0 -1rem;
}
.header-block .top-menu ul li {
	/*height: 4rem;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:0;
}
.header-block .top-menu ul li span {
	display:none;
	cursor: pointer;
}
.header-block .top-menu ul li a {
	display: inline-block;
	padding: 0 1rem 2rem;
	position: relative;
	text-decoration: none;
	font-size:1.125rem;
	line-height: 1;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color:#1A3C53;
	text-transform: uppercase;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.header-block .top-menu ul li a:hover,
.header-block .top-menu ul li a.active  {
	color:#56BBED;
}
.menu-drop .header-block .top-menu ul li a {
	color: rgba(255, 255, 255, 0.75);
}
.menu-drop .header-block .top-menu ul li a:hover { 
	color:#ffffff;
}
.header-block .top-menu ul li a::after {
	content: '';
	display: block;
	position: absolute;
	left:0;
	bottom: 0;
	height: 3px;
	width: 0%;
	background-color: #56BBED;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.menu-drop .header-block .top-menu ul li a::after {
	background-color: #ffffff;
}
.header-block .top-menu ul li:hover a::after {
	width: 100%;
}
.header-block .top-menu ul li ul {
	position: absolute;
	top:100%;
	left:1rem;
	width:100%;
	font-size: 0.84em;
	background-color: #2E96DC;
	/*display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	column-gap: 2rem;
	row-gap: 4rem;*/
	display: -ms-grid;
	display:grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: 4rem;
	grid-row-gap: 4rem;
	overflow: hidden;
	-webkit-transition: opacity .5s ease; 	
	-moz-transition: opacity .5s ease; 
	transition: opacity .5s ease;
	transform-origin: top left;
	/*transform: scaleY(0%);*/
	opacity:0;
	max-height: 0vh;
	padding-top: 0rem;
	box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0);
}
.header-block .top-menu ul li:hover ul {
	/*display: flex;*/
	max-height: 100vh;
	max-height: calc(100vh - 10rem);
	overflow: auto;
	padding-top: 3rem;
	padding-bottom: 4rem;
	box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.1);
	/*transform: scaleY(100%);*/
	opacity:1;
}
.header-block .top-menu ul li ul li {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	row-gap: 1rem;
	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(0rem);
	padding: 0;
}
.header-block .top-menu ul li ul li:first-of-type {
	display: none;
}
.header-block .top-menu ul li:hover ul li {
	transform:translateY(0rem);
}
.header-block .top-menu ul li.multi-col ul li {
	/*width:25%;*/
}
.header-block .top-menu ul li.single-col ul li {
	/*width:25%;*/
}
.header-block .top-menu ul li ul li a {
	display: inline-flex;
	column-gap: 1rem;
	padding: 0;
	color: rgba(255, 255, 255, 0.75);
	text-transform: none;
}
.header-block .top-menu ul li ul li a:hover,
.header-block .top-menu ul li ul li a.active {
	color: rgba(255, 255, 255, 1);
}
.header-block .top-menu ul li ul li a::before {
	font-family: "3clab" !important;
	content: '\e840';
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: rgba(255, 255, 255, 0.5);
}
.header-block .top-menu ul li ul li a::after {
	display: none;
}
.header-block .top-menu ul li.single-col ul li a div {
	display: block;
	margin: 0 auto 1rem;
	vertical-align: middle;
	width:5rem;
	height: 5rem;
	position: relative;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
}
.header-block .top-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 .top-menu ul li.multi-col ul li ul {
	max-height: unset;
	overflow: visible;
	position: relative;
	top:auto;
	left:0;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	background-color: rgba(255, 255, 255, 0);
	margin: 0;
	padding:0;
	font-size: 0.9em;
	box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0);
}
.header-block .top-menu ul li.multi-col ul li ul li {
	width:100%;
}
.header-block .top-menu ul li.multi-col ul li ul li:first-of-type {
	/*padding-bottom:0;*/
}
.header-block .top-menu ul li.multi-col ul li ul li a {
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.header-block .h-middle .nbs-container {
		column-gap:5rem;
		min-height: 9rem;
	}
	.header-block .h-middle .h-middle-l a.logo {
		width: 16rem;
	}
	/*--*/
	.header-block .popup {
		top:0;
	}
	.header-block .popup .p-content {
		padding-top: 0;
		padding-right: 0.7rem;
	}
	.header-block .popup .p-content .info .txt {
		padding: 1.25rem 0 0.5rem;
	}
	.header-block .popup .p-content .close {
		top:-0.5rem;
	}
	/*--*/
	.header-block .phone {
		font-size: 1.5rem;
	}
	.header-block .phone span {
		font-size: 0.5em;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.header-block .h-middle .nbs-container {
		column-gap:3rem;
		min-height: 7rem;
	}
	.header-block .h-middle .h-middle-l a.logo {
		width: 14rem;
	}
	.header-block .h-middle .h-middle-r {
		row-gap: 0;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top {
		padding-top: 0.5rem;
	}
	.header-block .phone {
		font-size: 1.4rem;
	}
	.header-block .phone span {
		font-size: 0.55em;
	}
	.header-block .top-menu ul li a {
		padding: 0 1rem 1.5rem;
		font-size: 1.0rem;
	}
	.header-block .top-menu ul li:hover ul {
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
}
/* Tablet landscape */
/* Tablet portrait */
@media (max-width:75em) and (max-height:56em),
(max-width:64em) and (orientation: portrait),
(max-width:56em) and (max-height:27em) {
	.menu-drop .header-block {
		background-color: #ffffff;
	}
	.header-block .h-middle .nbs-container {
		padding-top:0;
		column-gap:1rem;
		padding-bottom:0;
		align-items: center;
		min-height: 6rem;
	}
	.header-block .h-middle .h-middle-l a.logo {
		width: 10rem;
		transform: translateY(0rem);
		padding-top:0;
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		transition: all .3s ease;
	}
	.menu-open .header-block .h-middle .h-middle-l a.logo svg #emblem-3,
	.menu-open .header-block .h-middle .h-middle-l a.logo svg #txt {
		fill:#ffffff;
	}
	#top-icon-menu {
		column-gap: 1rem;
	}
	#top-icon-menu .btn.slashed::after {
		display: block;
	}
	#top-icon-menu li:last-of-type .btn {
		margin-right: -0.5rem;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li:nth-of-type(1),
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li:nth-of-type(4) {
		display: block;
	}
	.header-block #search {
		display: none;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top {
		padding-top: 0;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l {
		justify-content: flex-end;
	}
	.header-block #address-toggle {
		margin: 0;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li {
		z-index: 2;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li.active {
		z-index: 1;
	}
	.menu-open .header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li .top-btn {
		color:#73D0FF;
	}
	.menu-open .header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li .top-btn.active {
		color:rgba(255, 255, 255, 1);
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li .top-btn {
		z-index: 2;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li.active .top-btn.active::before {
		content: '\e841';
	}
	/*--*/
	.header-block .popup {
		display: none;
		position: fixed;
		z-index: 1;
		top:0rem;
		left:0;
		width:100%;
		height: 100%;
	}
	.header-block #address {
		left:0rem;
	}
	.header-block .popup .p-content {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		background-color: #2E96DC;
		border-radius: 0.2rem;
		box-shadow: 0 0 1rem rgba(0, 0, 0, 0);
		padding:0;
		gap:2rem;
		padding-right:0;
		padding-bottom: 20vh;
		padding-top: 7.125rem;
		-webkit-transition: all .5s ease; 	
		-moz-transition: all .5s ease; 
		transition: all .5s ease;
		overflow: auto;
	}
	.header-block .popup.active .p-content {
		padding-bottom: 10vh;
	}
	.header-block .popup .p-content .info {
		display: flex;
		flex-direction: column;
		text-align: center;
		align-items: center;
	}
	.header-block .popup .p-content .info.closing {
		display: none;
	}
	.header-block .popup .p-content .info .btn {
		flex-shrink: 0;
		width: auto;
		height: auto;
		font-size: 6rem;
		overflow: visible;
		color: #73D0FF;
	}
	.header-block .popup .p-content .info .btn::before {
		font-size: 6rem;
	}
	.header-block .popup .p-content .info .txt {
		padding: 1.0rem 0 1rem;
		color: #ffffff;
	}
	.header-block .popup .p-content .info .txt h4 {
		font-size: 1.5rem;
	}
	.header-block .popup .p-content .info .txt a.dotted {
		color: #73D0FF;
		border-bottom: 2px dotted #73D0FF;
	}
	.header-block .popup .p-content .info p {
		font-size: 1.25rem;
		white-space: nowrap;
	}
	.header-block .popup .p-content .info p.bigger {
		font-size: 2rem;
	}
	.header-block .popup .p-content .close {
		position: relative;
	}
	/*--*/
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r {
		position: fixed;
		bottom:0%;
		right:0%;
		height: 100%;
		width:100%;
		display: none;
		background-color: #f7f7f7;
		overflow: auto;
		padding-top: 7.125rem;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r::before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list {
		height: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		row-gap: 3rem;
		opacity:0;
		padding-bottom: 20vh;
		-webkit-transition: all .5s ease; 	
		-moz-transition: all .5s ease; 
		transition: all .5s ease;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list::before {
		display: block;
		font-size: 6rem;
		color: #56BBED;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r.active .flex-list {
		opacity:1;
		padding-bottom: 0vh;
	}
	.header-block .phone::before {
		display: none;
	}
	/*--*/
	.header-block .h-middle .h-middle-r .h-middle-r-bottom {
		position: fixed;
		bottom:0%;
		right:0%;
		height: 100%;
		width:100%;
		display: none;
		background-color: #f7f7f7;
		background-color: #2E96DC;
	}
	.header-block .top-menu {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;
		padding-bottom: 5rem;
		/*padding-top: 8rem;*/
		-webkit-transition: all .5s ease; 	
		-moz-transition: all .5s ease; 
		transition: all .5s ease;
	}
	.header-block .top-menu .search {
		display: flex;
	}
	/*-- menu --*/
	.header-block .top-menu ul,
	.header-block .top-menu ul li ul,
	.header-block .top-menu ul li.multi-col ul,
	.header-block .top-menu ul li ul li ul,
	.header-block .top-menu ul li.multi-col ul li ul {
		position: fixed;
		width:100%;
		height: 100%;
		height: calc(100% - 16rem);
		top:0;
		top:calc(6rem + 0rem);
		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;
	}
	.header-block .top-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);
	}
	.header-block .top-menu ul li ul {
		z-index: 2;
	}
	.header-block .top-menu ul li ul li ul {
		z-index: 3;
	}
	.header-block .top-menu ul li ul,
	.header-block .top-menu ul li.multi-col ul,
	.header-block .top-menu ul li ul li ul,
	.header-block .top-menu ul li.multi-col ul li ul,
	.header-block .top-menu ul li.open ul li ul,
	.header-block .top-menu ul li.multi-col.open ul li ul {
		left:100%;
	}
	.header-block .top-menu ul,
	.header-block .top-menu ul li.open ul,
	.header-block .top-menu ul li.multi-col.open ul,
	.header-block .top-menu ul li.open ul li.open ul,
	.header-block .top-menu ul li.multi-col.open ul li.open ul {
		left:0%;
	}
	.header-block .top-menu ul.next-level,
	.header-block .top-menu ul.next-level li ul.next-level,
	.header-block .top-menu ul.next-level li.multi-col ul.next-level {
		left:-100%;
	}
	.header-block .top-menu ul li,
	.header-block .top-menu ul li ul li,
	.header-block .top-menu ul li.multi-col ul li,
	.header-block .top-menu ul li ul li ul li,
	.header-block .top-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: 1rem 2.5rem;
		height: auto;
		width:100%;
		transform: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}
	.header-block .top-menu ul li.single-col ul li:first-of-type {
		width:100%;
	}
	.header-block .top-menu ul li span {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 2.75rem;
		height: 2.75rem;
		cursor: pointer;
		flex-shrink: 0;
	}
	.header-block .top-menu ul li span.bwd,
	.header-block .top-menu ul li span.fwd {
		font-size: 1.7rem;
		color: rgba(255, 255, 255, 1);
	}
	.header-block .top-menu ul li span.fwd {
		transform: translateX(0.75rem);
	}
	.header-block .top-menu ul li span.bwd {
		transform: translateX(-0.75rem);
	}
	.header-block .top-menu ul li span.fwd::before {
		line-height: 1.4rem;
	}
	.header-block .top-menu ul li ul li:first-of-type,
	.header-block .top-menu ul li.multi-col ul li:first-of-type,
	.header-block .top-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;
	}
	.header-block .top-menu ul li a,
	.header-block .top-menu ul li ul li a,
	.header-block .top-menu ul li ul li ul li a {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		font-size:1.125rem;
		padding:0;
		min-height: 2.75rem;
		text-transform: none;
	}
	.header-block .top-menu ul li ul li a::before {
		display: none;
	}
	.header-block .top-menu ul li a::after {
		display: none;
	}
	.header-block .top-menu ul li a,
	.header-block .top-menu ul li:hover a,
	.header-block .top-menu ul li:hover ul li a {
		color:rgba(255, 255, 255, 0.75);
	}
	.header-block .top-menu ul li a.active {
		color: rgba(255, 255, 255, 1);
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.header-block .h-middle .nbs-container {
		column-gap:1rem;
		padding-bottom: 0rem;
		min-height: 4.5rem;
	}
	.header-block .h-middle .h-middle-l a.logo {
		width: 8rem;
	}
	#top-icon-menu {
		column-gap: 0.5rem;
	}
	.header-block .top-menu {
		padding-top: 7rem;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list {
		flex-direction: row;
		column-gap: 2rem;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list::before {
		font-size: 2rem;
	}
	.header-block .popup .p-content {
		flex-direction: row;
		padding-top: 5.125rem;
	}
	.header-block .popup .p-content .info {
		flex-direction: row;
		text-align: left;
		align-items: flex-start;
		column-gap: 1rem;
	}
	.header-block .popup .p-content .info .btn {
		font-size: 2rem;
	}
	.header-block .popup .p-content .info .txt {
		padding: 0.5rem 0 0;
	}
	#top-icon-menu li:last-of-type .btn {
		margin-right: 0;
	}
	.header-block .top-menu ul,
	.header-block .top-menu ul li ul,
	.header-block .top-menu ul li.multi-col ul,
	.header-block .top-menu ul li ul li ul,
	.header-block .top-menu ul li.multi-col ul li ul {
		height: calc(100% - 14.5rem);
		top:0;
		top:calc(4.5rem + 0rem);
		font-size:1.0em;
		padding-top:6rem;
		padding-top: calc(0rem);
		padding-bottom: 10rem;
		padding-bottom: calc(0rem);
	}
	.header-block .top-menu ul li,
	.header-block .top-menu ul li ul li,
	.header-block .top-menu ul li.multi-col ul li,
	.header-block .top-menu ul li ul li ul li,
	.header-block .top-menu ul li.multi-col ul li ul li {
		padding: 0.5rem 1.5rem;
	}
	.header-block .search::before {
		height: 2.75rem;
	}

}
/* Phone */
@media (max-width:27em){
	.header-block .h-middle .nbs-container {
		column-gap:1rem;
		padding-bottom: 0rem;
		min-height: 4.5rem;
	}
	.header-block .h-middle .h-middle-l a.logo {
		width: 8rem;
	}
	.header--narrow .header-block .h-middle .h-middle-l a.logo {
	}
	#top-icon-menu {
		column-gap: 0.5rem;
	}
	.header-block .top-menu {
	}
	.header-block .top-menu ul,
	.header-block .top-menu ul li ul,
	.header-block .top-menu ul li.multi-col ul,
	.header-block .top-menu ul li ul li ul,
	.header-block .top-menu ul li.multi-col ul li ul {
		height: calc(100% - 14.5rem);
		top:0;
		top:calc(4.5rem + 0rem);
		font-size:1.0em;
		padding-top:6rem;
		padding-top: calc(0rem);
		padding-bottom: 10rem;
		padding-bottom: calc(0rem);
	}
	.header-block .top-menu ul li,
	.header-block .top-menu ul li ul li,
	.header-block .top-menu ul li.multi-col ul li,
	.header-block .top-menu ul li ul li ul li,
	.header-block .top-menu ul li.multi-col ul li ul li {
		padding: 1rem 1.5rem;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r {
		padding-top: 5.125rem;
	}
	.header-block .popup .p-content {
		padding-top: 5.125rem;
	}
	.header-block .popup .p-content .info .btn::before {
		font-size: 4rem;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-r .flex-list::before {
		font-size: 4rem;
	}
	.header-block .h-middle .h-middle-r .h-middle-r-top .h-middle-r-top-l .flex-list li:nth-of-type(3) {
		display: none;
	}
	.header-block .popup .p-content .info p.bigger {
		font-size: 1.5rem;
	  }
	.header-block .popup .p-content .info .txt h4 {
		font-size: 1.0rem;
	}
	.header-block .popup .p-content .info p {
		font-size: 1.0rem;
		white-space: normal;
	}
	#top-icon-menu li:last-of-type .btn {
		margin-right: 0;
	}
	.header-block .search::before {
		height: 2.75rem;
	}
}
/*--------------------------------- half-block ----------------------------*/
.half-block {
	position: relative;
}
.half-block .nbs-container {
	position: unset;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: stretch;
	column-gap: 0;
	/*flex-wrap: wrap;*/
}
.half-block.txt-txt .nbs-container {
	/*align-items: flex-start;*/
}
.half-block.full-height .nbs-container {
	min-height: 100vh;
}
.half-block.block-0 .nbs-container {
	padding-top:10rem;
}
.half-block .txt {
	position:relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:47%;
	width: calc(50% - 2rem);
	z-index:3;
}
.half-block.pic-left .txt {
	order: 2;
}
.half-block.product-intro-block .txt {
	padding-bottom:6rem;
}
.half-block .pic {
	position:relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:47%;
	width: calc(50% - 2rem);
	flex-shrink: 0;
	z-index:2;
}
.half-block.no-gap .txt, 
.half-block.no-gap .pic {
	width: 50%;
}
.half-block.pic-left .pic {
	order: 1;
}
.half-block .pic.full-size {
	position: unset;
}
.half-block .pic .image {
	display: block;
	position: relative;
	z-index: 1;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(208, 30, 1, 0);
}
.half-block .pic.full-size .image {
	position: absolute;
	max-width:unset;
}
.half-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%;
}
.half-block .pic.full-size .image img {
	object-fit: cover;
}
.half-block .pic .image video {
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.half-block .pic .content {
	flex-grow: 1;
	position: relative;
	width: 100%;
	z-index: 2;
}
.half-block .pic .content img {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
}
.half-block .pic .double-txt {
	display: none;
}
.half-block .pic .image .slick-slider,
.half-block .pic .image .slick-slider .slick-list,
.half-block .pic .image .slick-slider .slick-track {
	height:100%;
}
.half-block .pic .content .slick-slide img {
	display: inline-block;
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.half-block.block-0 .nbs-container.pdd-t-b {
		padding-top:9rem;
	}
	.half-block.block-0 .nbs-container {
		padding-top:9rem;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.half-block.block-0 .nbs-container {
		padding-top:7rem;
	}
	.half-block .txt,
	.half-block .pic {
		width:47%;
		width: calc(50% - 1.5rem);
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.half-block.block-0 .nbs-container.pdd-t-b {
		padding-top:6rem;
	}
	.half-block.block-0 .nbs-container {
		padding-top:6rem;
	}
	.half-block .txt,
	.half-block .pic {
		width:47%;
		width: calc(50% - 1rem);
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.half-block .nbs-container {
		/*position: relative;*/
		display: flex;
		flex-direction: column;
		align-items: stretch;
		row-gap: 2rem;
	}
	.half-block.no-gap .nbs-container {
		row-gap: 0;
	}
	.half-block.full-height .nbs-container {
		min-height: unset;
	}
	.half-block.block-0 .nbs-container {
		padding-top:6rem;
	}
	.half-block.block-0 .nbs-container.pdd-t-b {
		padding-top: 7rem;
	}
	.half-block .txt {
		position:relative;
		z-index: 3;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:100%;
	}
	.half-block.txt-txt .txt {
		width: 100%;
	}
	.half-block.pic-top .txt {
		order:2;
	}
	.half-block.pic-bottom .txt {
		order:1;
	}
	.half-block.block-0 .txt {
		padding-top:6rem;
	}
	.half-block.block-0.pic-top .txt {
		padding-top:0rem;
	}
	.half-block.pic-top .txt .doubled {
		display: none;
	}
	.half-block .pic {
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:100%;
		z-index:2;
		min-height: 40vh;
	}
	.half-block.no-gap .txt, 
	.half-block.no-gap .pic {
		width: 100%;
	}
	.half-block .pic .image {
		position: absolute;
	}
	.half-block.product-intro-block .pic {
		padding-bottom:0;
	}
	.half-block .pic.full-size {
		/*position: relative;*/
	}
	.half-block.pic-top .pic {
		order:1;
	}
	.half-block.pic-bottom .pic {
		order:2;
	}
	.block-0.pic-top .pic {
		/*padding-top:0rem;*/
	}
	.half-block .pic .double-txt {
		display: block;
		position: relative;
		z-index: 2;
		margin-right:50%;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.half-block.block-0 .nbs-container {
		padding-top:4.5rem;
	}
	.half-block.block-0 .nbs-container.pdd-t-b {
		padding-top: 4.5rem;
	}
	.half-block .nbs-container {
		/*position: relative;*/
		display: flex;
		align-items: stretch;
		flex-direction: column;
	}
	.half-block.full-height .nbs-container {
		min-height: unset;
	}
	.half-block .txt {
		position:relative;
		z-index: 3;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:100%;
	}
	.half-block.pic-top .txt {
		order:2;
	}
	.half-block.block-0 .txt {
		/*padding-top:6rem;*/
	}
	.half-block.block-0.pic-top .txt {
		/*padding-top:0rem;*/
	}
	.half-block.pic-top .txt .doubled {
		display: none;
	}
	.half-block .pic {
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width:100%;
		z-index:2;
		min-height: 100vh;
	}
	.half-block .pic .image {
		position: absolute;
	}
	.half-block.no-gap .txt, 
	.half-block.no-gap .pic {
		width: 100%;
	}
	.half-block .pic.full-size {
		/*position: relative;*/
	}
	.half-block.pic-top .pic {
		order:1;
	}
	.block-0.pic-top .pic {
	}
	.half-block .pic .double-txt {
		display: block;
		position: relative;
		z-index: 2;
		margin-right:50%;
	}
}
/* Phone */
@media (max-width:27em){
	.half-block .nbs-container {
		row-gap: 1rem;
	}
	.half-block.block-0 .nbs-container {
		padding-top:4.5rem;
	}
	.half-block.block-0 .nbs-container.pdd-t-b {
		padding-top: 4.5rem;
	  }
	.half-block .pic {
		min-height: 30vh;
	}
	.half-block.block-0.pic-top .pic {
		/*padding-top:5rem;*/
	}
	.half-block.product-intro-block .txt {
		padding-bottom:3rem;
	}
}
/*--------------------------------- slider-block -------------------------*/
.slider-block {
	background-color: #eee;
}
.slider-block .slick-slide {
	padding-left: 6rem;
	padding-right: 6rem;
}
.slider-block .nbs-container {
	min-height: 85vh;
}
.slider-block .slick-dots {
	z-index: 9;
	max-width: 120rem;
	margin: 0 auto;
	padding-left: 6rem;
	padding-right: 6rem;
}
.slider-block .slick-dots li {
	height: 0;
}
.slider-block .slick-dots li button {
	bottom: 4rem;
}
.slider-block .txt {

}
.slider-block h2 {
	font-size: 3.0rem;
	color: #000000;
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
}
.slider-block h2 .logo {
	padding-bottom: 1.5rem;
	width: 50%;
}
.slider-block h2 .logo img {
	width: 100%;
	height: auto;
}
.slider-block h2 a {
	color: #000000;
	text-decoration: none;
}
.ready .slider-block .slick-current h2 {
}
.slider-block h2 span {
	display: block;
	font-weight: 400;
	transform: translateX(4rem);
	-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 a.icon-long-arrow-r {
	color: #000000;
}
.slider-block a.icon-long-arrow-r:hover {
	color: #56BBED;
	transform: translateX(2rem);
}
.slider-block .txt p {
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	transform: translateX(4rem);
	opacity:0;
	transition-delay: 0.4s;
}
.ready .slider-block .slick-current .txt p {
	transform: translateX(0rem);
	opacity: 1;
}
.slider-block .txt .btn-wrap {
	-webkit-transition: all .5s ease; 	
	-moz-transition: all .5s ease; 
	transition: all .5s ease;
	transform: translateX(4rem);
	opacity:0;
	transition-delay: 0.6s;
}
.ready .slider-block .slick-current .txt .btn-wrap {
	transform: translateX(0rem);
	opacity: 1;
}
/*---*/

/* Desktop <=  1680 */
@media (max-width:105em){
	.slider-block .slick-slide {
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.slider-block .slick-dots {
		max-width: 116rem;
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.slider-block .slick-dots li button {
		bottom: 4rem;
	}
	.slider-block h2 {
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.slider-block .slick-slide {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.slider-block .slick-dots {
		max-width: 114rem;
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.slider-block .slick-dots li button {
		bottom: 3rem;
	}
	.slider-block h2 {
		font-size: 2.5rem;
	}
}
/* Desktop <=  1366, iPad 12 landscape */
@media (max-width:86em){
	.slider-block .slick-dots li button {
		bottom: 2,5rem;
	}
	.slider-block h2 {
		font-size: 2.5rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.slider-block .slick-slide {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.slider-block .slick-dots {
		max-width: 112rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.slider-block .slick-dots li button {
		bottom: 2.5rem;
	}
	.slider-block h2 {
		font-size: 2.0rem;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.slider-block .nbs-container {
		min-height: 100vh;
		padding-bottom: 4rem;
	}
	.slider-block .slick-slide {
		position: relative;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.half-block.slider-block.full-height .nbs-container {
		min-height: 100vh;
	}
	.slider-block .slider-container.pdd-l-r {
		padding-left: 0;
		padding-right: 0;
	}
	.slider-block .slider-container .nbs-container.pdd-t-b {
		row-gap: 2rem;		
	}
	.half-block.slider-block .pic {
		min-height: 20vh;
		flex-grow: 1;
	}
	.half-block.slider-block .txt {
		text-align: center;
	}
	.slider-block .slick-dots {
		justify-content: center;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.slider-block .slick-dots li button {
		bottom: 3rem;
	}
	.slider-block h2 {
		font-size: 2.5rem;
		text-align: center;
	}
	.slider-block h2 .logo {
		margin: auto;
		padding-bottom: 1.5rem;
		width: 50%;
	}
	.slider-block h2 span {
		transform: translateX(0rem);
		opacity:1;
		text-align: center;
	}
	.half-block.slider-block .txt p {
		transform: translateX(0rem);
		opacity:1;
	}
	/*--*/
	.half-block.block-0 .parts-search .nbs-container.pdd-t-b {
		min-height: unset;
		padding-top: 0;
	}
	.slider-block .parts-search form {
		width: 100%;
	}
	.slider-block .parts-search form .brand {
		min-width: auto;
		flex-grow: 1;
	}
	.slider-block .parts-search form .model {
		min-width: auto;
		flex-grow: 1;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.slider-block .slider-container .nbs-container.pdd-t-b {
		row-gap: 1rem;
	}
	.half-block.slider-block .txt {
	}
	.slider-block h2 {
		font-size: 2.5rem;
	}
	.slider-block h2 .logo {
		margin: auto;
		padding-bottom: 1.5rem;
		width: 75%;
	}
	.slider-block .slick-dots li button {

	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.slider-block .nbs-container {
		flex-direction: row;
	}
	.half-block.slider-block .pic {
		min-height: unset;
	}
	.half-block.slider-block .pic,
	.half-block.slider-block .txt {
		width: 47%;
		width: calc(50% - 1rem);
	}
	.half-block.slider-block.pic-top .pic {
		order: 2;
	}
	.slider-block h2 {
		font-size: 1.25rem;
	}
	.half-block.slider-block .txt p {
		display: none;
	}
}
/* Phone */
@media (max-width:27em){
	.half-block.slider-block.full-height .nbs-container {
		min-height: 100vh;
		min-height: calc(100vh - 4rem);
	}
	.half-block.slider-block .txt {

	}
	.slider-block h2 {
		font-size: 2.0rem;
		margin-bottom: 2rem;
	}
	.half-block.slider-block .txt p {
		display: none;
	}
	.slider-block .slick-dots li button {
	}
}
/*------------------------------------ about-block -----------------------------*/
.about-block .txt {
	margin-bottom: 0;
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.about-block.pdd-l-r {
		padding-left: 0;
		padding-right: 0;
	}
}
/* all portrait */
@media (orientation: portrait) {
	.about-block.pdd-l-r {
		padding-left: 0;
		padding-right: 0;
	}
}
/*----------------------------------- brands-block -----------------------------*/
.brands-block.pdd-t-b {
	padding-bottom: 0;
}
.brands-block .main-h {
	text-align: center;
}
ul.brands-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	row-gap: 4rem;
}
ul.brands-list li {
	padding: 0;
	flex-basis: 25%;
}
.b-item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.b-item a {
	display: inline-block;
	max-width: 65%;
}
.b-item a:hover {
	transform: scale(110%);
}
.b-item a img {
	max-width: 100%;
}
/* Desktop <=  1680 */
@media (max-width:105em){
	ul.brands-list {
		row-gap: 4rem;
	}
}
/* Desktop <=  1440 */
@media (max-width:90em){
	ul.brands-list {
		row-gap: 4rem;
	}
	.b-item a {
		max-width: 65%;
	}
}
/* portrait */
@media (orientation: portrait) {
	ul.brands-list {
		row-gap: 4rem;
	}
	ul.brands-list li {
		flex-basis: 50%;
	}
	.b-item a {
		max-width: 60%;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	ul.brands-list {
		row-gap: 3rem;
	}
}
/* Phone */
@media (max-width:27em){
	ul.brands-list {
		row-gap: 3rem;
	}
	.b-item a {
		max-width: 70%;
	}
}
/*----------------------------------- 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: #22A9EC;
	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: #22A9EC;
}
.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;
	}
}
/*------------------------------- 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: #56BBED;
}
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.25rem;
	-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;
}
.carousel .p-item {
	/*margin:0 1rem;
	margin: 0 2rem;*/
}
.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;
	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: #56BBED;
}
.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: #56BBED;
}
.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: #22A9EC;
}
.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: #3D993E;
}

.status span.no {
	color: #E64F4F;
}
.status span.soon {
	color: #FBB03B;
}
.p-item .p-bottom {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: 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: 'Montserrat';
	}
	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));
	}
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.p-item .p-bottom {

	}
}
/* 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;
	}
	.carousel .p-item {
		/*margin:0 0.25rem;*/
	}
	.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;
}
.side-open .blank-block {
	transform: translateX(25%);
}
.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:10rem;
}
.blank-block.block-0.with-bnr .nbs-container {
	padding-top:10rem;
}
.bnr-open .blank-block.block-0 .nbs-container {
	padding-top:0rem;
}
.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 .nbs-content p {
	/*text-align: left;*/
}
.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;
	width: 25%;
	padding-left:6rem;
	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;
	position: relative;
	margin: 0;
	padding: 1rem 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:1.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 0;
}
.blank-block .sub-menu ul.menu li ul li:last-of-type {
	padding-bottom:0;
}
.blank-block .sub-menu ul.menu li::before {
}
.blank-block .sub-menu ul.menu li div.toggle.icon-right {
	display: none;
}
.blank-block .sub-menu ul.menu li a::after {
	font-family: "3clab" !important;
	content: '\e83b';
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	position: absolute;
	top:0;
	right:0;
	overflow: hidden;
	width: 2.5rem;
	height: 2.5rem;
	color: rgba(0, 0, 0, 0.3);
	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: 50%;
	font-size: 1.5em;
	line-height: 2.5rem;
}
.blank-block .sub-menu ul.menu li a:hover::after,
.blank-block .sub-menu ul.menu li.open a:hover::after {
	background-color: rgba(0, 0, 0, 0.07);
	color: #56BBED;
}
.blank-block .sub-menu ul.menu li.open a::after {
	transform: rotate(90deg);
	background-color: rgba(0, 0, 0, 0);
	color: #56BBED;
}
												   
				  
					 
 
.blank-block .sub-menu ul.menu li a {
	display: block;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	color: #4d4d4d;
	font-size: 1.1rem;
	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:hover,
.blank-block .sub-menu ul.menu li a.active {
    color: #56BBED;
}
.blank-block .sub-menu ul.menu li ul li a {
	display: inline-block;
	font-size: 0.9375rem;
	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::after {
	display: none;
}
.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;
}
.nbs-content img {
  max-width: 100%;
}
/* Desktop <=  1680 */
@media (max-width:105em){
	.blank-block.block-0 .nbs-container {
		padding-top:9rem;
	}
	.blank-block .sub-menu {
		padding-left:4rem;
	}
	.blank-block .sub-menu ul.menu {
		gap: 1.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;
	}
	.blank-block.block-0 .nbs-container {
		padding-top:7rem;
	}
}
/* Desktop <=  1366, iPad 12 landscape */
@media (max-width:86em){
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.blank-block.block-0 .nbs-container {
		padding-top:6rem;
	}
	.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.block-0 .nbs-container {
		padding-top:6rem;
	}
	.side-open .blank-block {
		transform: translateX(50%);
	}
	.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: #56BBED;
		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 {
	}
	.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%;
	}
	.blank-block.block-0 .nbs-container {
		padding-top:4.5rem;
	}

}
/* Phone*/
@media (max-width:27em){
	.side-open .blank-block {
		transform: translateX(100%);
	}
	.blank-block.block-0 .nbs-container {
		padding-top:4.5rem;
	}
	.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 - 24rem);
}
.content-block .nbs-content.pdd-t-b {
	padding-top: 0;
}
.breadcrumbs {
	position:relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap:0.5em;
	margin:0;
	font-size:0.89em;
	padding-top:1rem;
	width:100%;
	min-height: 1rem;
	margin-bottom: 2rem;
}
.breadcrumbs a,
.breadcrumbs span {
	position:relative;
	text-decoration:none;
	color:#777777;
	margin:0;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	text-indent: 0;
}
.breadcrumbs a:hover {
	color:#22A9EC;
	text-decoration:none;
}
.breadcrumbs span::before {
	color:#22A9EC;
	font-size: 1rem;
}
.breadcrumbs a:first-of-type:before {
	display: none;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.inner-page .content-block .nbs-content {
		min-height: calc(100vh - 23rem);
	}
	.breadcrumbs {
		font-size:0.89em;
		margin-bottom: 1.5rem;
	}
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.inner-page .content-block .nbs-content {
		min-height: calc(100vh - 23rem);
	}
}
/* 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);
	}
	.breadcrumbs {
		padding-top: 0.5rem;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.breadcrumbs {
		font-size:1.0em;
		margin-bottom: 1rem;
	}
}
/* phone */
@media (max-width:27em){
	.breadcrumbs {
		font-size:1.0em;
		margin-bottom: 1rem;
	}
}
/*------------------------------------- footer-block -----------------------------*/
.footer-block {
	position: relative;
	z-index: 5;
	height:auto;
}
.footer-block .nbs-container {
	max-width: unset;
}
/*--*/
.footer-block .top {
	position: absolute;
	bottom:100%;
	overflow: hidden;
	padding-top:2rem;
	padding-bottom:2rem;
	width:100%;
}
/*--*/
.footer-block .middle {
	position: relative;
	background-color: #2E96DC;
}
.footer-block .middle .content {
	position: relative;
	margin: 0 auto;
	max-width: 100rem;
	z-index: 2;
	padding-top:2rem;
	padding-bottom:2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 4rem;
}
.footer-block .middle .right-side {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	column-gap: 2rem;
	color: #2A3843;
	flex-grow: 1;
}
.footer-block .middle .logo {
	position: relative;
	display:inline-block;
	flex-shrink: 0;
}
.footer-block .middle .logo span {
	display: inline-block;
	width:13rem;
}
.footer-block .middle .logo span svg {
	width: 100%;
	height: auto;
}
.footer-block .middle .logo span svg #txt,
.footer-block .middle .logo span svg #emblem-3 {
	fill: #ffffff;
}
.footer-block .middle a {
	color: rgba(255, 255, 255, 0.5);
}
.footer-block .middle a:hover {
	color: rgba(255, 255, 255, 1);
}
.c-list {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	margin-bottom: 2rem;
}
.footer-block .middle .c-list {
	display: flex;
	flex-direction: column;
	row-gap: 0.5rem;
	margin-bottom: 0;
}
.footer-block .middle .c-list b {
	width: 100%;
}
.c-item {
    display: inline-flex;
    align-items: flex-start;
	align-items: flex-start;
    text-decoration: none;
	column-gap: 0.5rem;
}
.c-item::before {
	color: #56BBED;
	font-size: 1.5rem;
	transform: translateY(10%);
}
.footer-block .middle .c-list .c-item {
	font-weight: 500;
	color: #ffffff;
	font-size:0.875rem;
}
.footer-block .middle .c-item::before {
	color: #56BBED;
	font-size: 1.25rem;
}
.footer-block .middle .c-item br {
	display: none;
}
.footer-block .middle .c-item a {
	text-decoration: none;
	color: #ffffff;
	white-space: nowrap;
}
.footer-block .middle .c-item span {
	color: #56BBED;
}
.footer-block .middle .menu-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	row-gap: 1rem;
}
.footer-block .middle .menu {
	display: flex;
	column-gap: 3rem;
	font-size: 0.875em;
}
.footer-block .middle .menu a {
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	white-space: nowrap;
}
.footer-block .bottom {
	position: relative;
	background-color: #0071BC;
}
.footer-block .bottom .content {
	position: relative;
	margin: 0 auto;
	max-width: 100rem;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	font-size: 0.8em;
	color: rgba(255, 255, 255, 0.5);
	padding-top:1rem;
	padding-bottom:1rem;
	min-height: 4rem;
}
.footer-block .bottom .copy {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #C1E2F9;
}
.footer-block .bottom .personal a {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: #C1E2F9;
	text-decoration: none;
}
.footer-block .bottom .personal a:hover {
	color:#ffffff;
	text-decoration: underline;
} 
.footer-block .bottom .made-by {
	position: relative;
	z-index: 3;
	display: inline-flex;
	align-items: center;
}
.footer-block .bottom .made-by a {
	display: inline-flex;
	align-items: center;
	column-gap: 0.5rem;
	text-decoration: none;
	color: #C1E2F9;
}
.footer-block .bottom .made-by a img {
	display: block;
	opacity: 0.5;
}
/* Desktop <=  1680 */
@media (max-width:105em){
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.footer-block .middle .content {
		column-gap: 3rem;
	}
	.footer-block .middle .logo span {
		display: inline-block;
		width:10rem;
	}
	.footer-block .middle .menu {
		column-gap: 1.5rem;
	}
}
/* Desktop <=  1366, iPad 12 landscape */
@media (max-width:86em){
}
/* Tablet landscape */
@media (max-width:75em) and (max-height:56em) {
	.footer-block .middle .content {
		align-items: flex-start;
	}
	.footer-block .middle .right-side {
		flex-direction: column-reverse;
		row-gap: 1rem;
	}
	.footer-block .middle .menu {
		width: 100%;
		justify-content: space-between;
	}
	#sitemap {
		position: absolute;
		right: 0;
		bottom: 0;
	}
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.footer-block .middle .content {
		flex-direction: column;
		align-items: center;
		row-gap: 1rem;
	}
	.footer-block .middle .right-side {
		flex-direction: column;
		align-items: center;
		row-gap: 2rem;
	}
	.footer-block .middle .menu-wrap {
		align-items: center;
	}
	.footer-block .middle .c-list {
		order: 2;
	}
	.footer-block .middle .c-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 0.5rem;
	}
	.footer-block .middle .c-list b {
		display: none;
	}
	#sitemap {
		position: relative;
		right: auto;
		bottom: auto;
	}

}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.footer-block .middle .menu {
		flex-direction: column;
		row-gap: 1rem;
		align-items: center;
	}
	.footer-block .middle .c-list .c-sub {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 0.5rem;
	}
	.footer-block .middle .c-list .c-sub span {
		display: none;
	}
	.footer-block .middle .c-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.footer-block .middle .c-item span {
		display: none;
	}
	.footer-block .middle .c-item::before {
		display: inline-block;
	}
	.footer-block .bottom .content {  
		flex-direction:column;
		align-items: center;
		justify-content: center;
		padding-top:1rem;
		padding-bottom:1rem;
		row-gap: 0.5rem;
	}
	.footer-block .bottom .copy {
		flex-direction:column;
		/*margin-bottom: 1rem;*/
	}
	.footer-block .bottom .copy .belupo {
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	.footer-block .bottom .made-by {
		justify-content: center;
	}
}
/* large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.footer-block .middle .content {
		flex-direction: column;
		align-items: center;
		row-gap: 1rem;
	}
	.footer-block .middle .right-side {
		flex-direction: column;
		align-items: center;
		row-gap: 2rem;
	}
	.footer-block .middle .menu {
		order: 1;
	}
	.footer-block .middle .c-list {
		order: 2;
	}
	.footer-block .middle .c-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: 0.5rem;
	}
	.footer-block .middle .c-list b {
		display: none;
	}
}
/* Phone*/
@media (max-width:27em){
}
/*------------------------------------- partners-block -----------------------------*/
.partners-block  {
	background:#232323;
	color:#666666;
	font-size: 0.875rem;
}
.partners-block .nbs-content {
	padding: 2rem 0;
}
.partners-list .item {
	position: relative;
	display: flex;
	justify-content: center;
	text-decoration: none;
	text-align: center;
	opacity:0.25;
	padding: 0 1rem;
}
.partners-list .slick-prev::before {
	content: '\e844' !important;
}
.partners-list .slick-next::before {
	content: '\e83b' !important;
}
.partners-list .slick-prev::before, 
.partners-list .slick-next::before {
	color:rgba(255, 255, 255, 0.5);
}
.partners-list .slick-prev:hover::before, 
.partners-list .slick-next:hover::before {
	color: color:rgba(255, 255, 255, 0.5);
}
.partners-list .slick-prev.slick-disabled:hover::before, 
.partners-list .slick-next.slick-disabled:hover::before {
	color: color:rgba(255, 255, 255, 0.5);
}
/* Large phone landscape */
@media (max-width:56em) and (max-height:27em) {
	.partners-list .item {
		padding: 0 0.5rem;
	}
	.partners-list .item img {
		height: 2.0rem;
		width: auto;
	}
}
/* Phone */
@media (max-width:27em){
	.partners-list .item {
		padding: 0 0.5rem;
	}
	.partners-list .item img {
		height: 2.0rem;
		width: auto;
	}
}
/*------------------------------------- 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;
}
ul.preview-list li {
}
/*--*/
.preview {
	display: block;
	position: relative;
}
.preview .pic {
	position: relative;
	width: 100%;
	padding-top:100%;
	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: 12.5%;
	left: 12.5%;
	width: 75%;
	height: 75%;
	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;
}
.preview .pic:hover img {
}
/* 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;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
	font-size: 2rem;
    border-radius: 100%;
    text-align: center;
    text-decoration: none;
	color: #56BBED;
	overflow: hidden;
	background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%;
	cursor: pointer;
	box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.15);
    -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: 998;
    opacity: 1;
    bottom: 2.5rem;
}
.up-btn.show:hover {
    transform:scale(110%);
	background: #56BBED;
	color: #ffffff;
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	.up-btn {
		background: #56BBED;
		color: #ffffff;
	}
	.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;
		background: #56BBED;
		color: #ffffff;
	}
	.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 #56BBED;
	color: #56BBED;
	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: #22A9EC;
	border-color: #22A9EC;
	color:#ffffff;
}
/*-------------------------------- pager ---------------------------------------*/
.pager {
	position: relative;
	padding-top:4rem;
}
.pager ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:1rem;
}
.pager ul li a,
.pager ul li span {
	text-decoration: none;
	font-family: 'Montserrat';
}
.pager ul li .radius-small {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 3.375rem;
	height: 3.375rem;
	border:2px solid #56BBED;
	font-family: 'Montserrat';
}
.pager ul li span.radius-small {
	background-color: #56BBED;
	color: #ffffff;
}
.pager ul li a.radius-small:hover {
	background-color: #22A9EC;
	border-color: #22A9EC;
	color: #ffffff;
}
.pager ul li a.prev,
.pager ul li a.next {
	color:#777777;
	display: flex;
	align-items: center;
	gap:0.5rem;
	padding:0.5rem;
}
.pager ul li a.prev:hover,
.pager ul li a.next:hover {
	color: #22A9EC;
}
.pager ul li a.prev::before,
.pager ul li a.next::before {
	color:#56BBED;
	font-size: 2.5rem;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.pager ul li a.prev:hover::before,
.pager ul li a.next:hover::before {
	color: #22A9EC;
}
.pager ul li a.next::before {
	order: 2;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.pager ul li .radius-small {
		width: 2.75rem;
		height: 2.75rem;
	}
}
/* Phone */
@media (max-width:27em){
	.pager ul li .radius-small {
		width: 2.5rem;
		height: 2.5rem;
	}
	.pager ul {
		gap:0.5rem;
	}
}
/*----------------------------------------- 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:#56BBED;
	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: 'Montserrat';
}
.detail-order .comment .c-controls .time {
	color:#22A9EC;
}
/*--*/
.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;
	}

}

/**********/

.sitemap li {
  margin-left: 30px;
}

/*********/

.bbcode-ul li,
.bbcode-ol li  {
  margin-left: 30px;
}

.category-description {
  text-align: justify;
}

.category-description ul li,
.category-description ol li  {
  margin-left: 30px;
}

.category-description p {
  margin: 0;
  padding: 0;
}

/***********/

.news-item {
  margin-bottom: 30px;
}

.news-item:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.news-item-title {
}

.news-item-date {
  font-size: 80%;
  color: #000;
  height: 20px;
  line-height: 20px;
  background: url(/img/icon-date.png) left center no-repeat;
  background-size: auto 20px;
  padding: 0 0 0 25px;
  margin-bottom: 10px;
  opacity: 0.75;
}

.news-item-text {
  margin-bottom: 30px;
}

.news-item-image {
  float: left;
  margin-right: 30px;
  margin-bottom: 1em;
}

.news-item-image img {
  display: block;
}

/****************************/

.news-date {
  font-size: 80%;
  color: #000;
  height: 20px;
  line-height: 20px;
  background: url(/img/icon-date.png) left center no-repeat;
  background-size: auto 20px;
  padding: 0 0 0 25px;
  margin-bottom: 10px;
  opacity: 0.75;
}

.news-text {
  margin-bottom: 30px;
  text-align: justify;
}

.news-image {
  margin-bottom: 1em;
}

.news-image img {
  display: block;
}

/*****************************/

.article {
  margin-bottom: 40px;
}

.article:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.article-title {
}

.article-date {
  font-size: 80%;
  color: #000;
  height: 20px;
  line-height: 20px;
  background: url(/img/icon-date.png) left center no-repeat;
  background-size: auto 20px;
  padding: 0 0 0 25px;
  margin-bottom: 10px;
  opacity: 0.75;
}

.article-text {
  margin-bottom: 30px;
  text-align: justify;
}

.article-image {
  float: left;
  margin-right: 30px;
  margin-bottom: 1em;
}

.article-image img {
  display: block;
}

/******************************/

.paginator {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	grid-gap: 1rem;
}
.paginator > * {
      	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 3.375rem;
	height: 3.375rem;
	border:2px solid #56BBED;
	font-family: 'Montserrat';
	background-color: #56BBED;
	color: #ffffff;
}
.paginator > *:hover {
	background-color: #22A9EC;
	border-color: #22A9EC;
	color: #ffffff;
}
.paginator-prev,
.paginator-next {
	color:#777777;
	display: flex;
	align-items: center;
	gap:0.5rem;
	padding:0.5rem;
}
.paginator-prev:hover,
.paginator-next:hover {
	color: #22A9EC;
}
.paginator-prev::before,
.paginator-next::before {
	color:#56BBED;
	font-size: 2.5rem;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}
.paginator-prev:hover::before,
.paginator-next:hover::before {
	color: #22A9EC;
}
/* Desktop <=  1440 */
@media (max-width:90em){
	.paginator > * {
		width: 2.75rem;
		height: 2.75rem;
	}
}
/* Phone */
@media (max-width:27em){
	.paginator > * {
		width: 2.5rem;
		height: 2.5rem;
	}
	.paginator {
		grid-gap:0.5rem;
	}
}

/********************/

.quick-buy-wrapper {
  display: flex !important;
  margin-bottom: 20px;
}

.quick-buy-image {
  margin-right: 40px;
  max-width: 80px;
  flex-shrink: 0;
}

.quick-buy-image img {
  max-width: 100%;
}

.quick-buy-variants {
  width: 100%;
}

.quick-buy-variants label {
  display: block;
  margin: 0 0 10px 0;
  cursor: pointer;
}

.quick-buy-variants label:last-child {
  margin: 0;
}

.quick-buy-variants input {
  display: none;
}

.quick-buy-variants input:checked + div {
  border: 2px solid #56BBED;
}

.quick-buy-variant {
  display: flex;
  grid-gap: 10px;
  padding: 10px;
  border: 2px solid #eee;
  border-radius: 0.35em;
}

.quick-buy-variant-image {
  width: 48px;
  height: 48px;
}

.quick-buy-variant-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.quick-buy-title {
  display: block;
}

.quick-buy-sku {
  display: block;
  font-size: 80%;
}

.quick-buy-price {
  margin-left: auto;
  text-align: right;
}

.quick-buy-price-value {
  display: block;
  font-weight: bold;
}

.quick-buy-price-unit {
  display: block;
  font-size: 80%;
}

/**************************/

.popup-page {
  /* body */
  padding: 20px;
}

.popup-page .content {
  width: 100%;
  background: #fff;
}

.popup-page h1 {
  text-align: center;
}

/************************************/

.popup-page .form {  
}

.popup-page .form > label,
.popup-page .form > div {
  display: block;
  margin-top: 20px;
}

.popup-page .form input,
.popup-page .form select,
.popup-page .form textarea {
  width: 100%;
  max-width: 100%;
}

.popup-page .form input[type="checkbox"],
.popup-page .form input[type="radio"] {
  width: auto;
  max-width: none;
}

/***********************/

.cart-wrapper {
  display: flex;
  grid-gap: 80px;
}

.cart-summary {
  min-width: 300px;
  align-self: flex-start;
  position: sticky;
  top: 0;
  padding: 40px;
  background: #fff;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}

.cart-goods {
}

.cart-total {
}

.cart-total span {
  font-size: 20px;
  font-weight: bold;
}

.cart-order {
  margin-top: 20px;
  text-align: right;
}

/***********************/

.cart-list {
  display: flex;
  flex-direction: column;
  grid-gap: 40px;
}

.cart-list > div {
  display: grid;
  grid-gap: 10px 20px;
  padding: 20px;
  box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.3);
  grid-template-columns: 100px 3fr 1fr 1fr;
  grid-template-areas:
    "image title quantity price"
    "image controls price-unit .";
}

.cart-list > div.cart-outofstock {
  background: #eee;
  grid-template-areas:
    "image title outofstock outofstock"
    "image controls . .";
}

.cart-image {
  grid-area: image;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100px;
  max-height: 100px;
}

.cart-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.cart-title {
  grid-area: title;
  text-align: left;
}

.cart-good {
  display: block;
  font-size: 120%;
}

.cart-variant {
  grid-area: variant;
  font-size: 100%;
}

.cart-quantity {
  grid-area: quantity;
  justify-self: center;
  align-self: start;
  display: inline-flex;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  overflow: hidden;
}

.cart-quantity a {
  flex-shrink: 0;
  width: 30px;
  background: #fff center center / 20px auto no-repeat;
}

.cart-quantity a.cart-quantity-dec {
  background-image: url(/img/icon-minus.png);
}

.cart-quantity a.cart-quantity-inc {
  background-image: url(/img/icon-plus.png);
}

.cart-quantity a:hover {
  background-color: #f1f1f1;
}

.cart-quantity input,
.cart-quantity input:focus {
  border: 1px solid transparent;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 0;
  text-align: center;
}

.cart-price {
  grid-area: price;
  justify-self: end;
}

.cart-price span {
  font-size: 120%;
  font-weight: bold;
}

.cart-outofstock-message {
  grid-area: outofstock;
}

/********************/

.cart-controls {
  grid-area: controls;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.cart-controls > * {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: center center / 20px auto no-repeat;
}

.cart-wishlist {
  background-image: url(/img/icon-wishlist.png);
}

.cart-delete {
  background-image: url(/img/icon-delete.png);
}

/***********************/

.cart-summary {
  align-self: flex-start;
  position: sticky;
  top: 40px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.3);
}

/********************/

.cart-order {
  text-align: center;
}

.cart-order .button {
  width: 100%;
}

@media (max-width: 1280px) {
  .cart-wrapper {
    flex-direction: column;
    grid-gap: 40px;
  }
  .cart-summary {
    align-self: stretch;
    padding: 20px;
  }
}

@media (max-width: 1024px) {
  .cart-list > div {
    grid-gap: 20px 20px;
    grid-template-columns: 120px 1fr 1fr;
    grid-template-areas:
      "image title title"
      "image controls controls "
      "image quantity price";
  }
  .cart-list > div.cart-outofstock {
    grid-template-areas:
      "image title title"
      "image controls controls"
      "image outofstock outofstock";
  }
  .cart-quantity {
    justify-self: start;
  }
  .cart-price {
    align-self: center;
  }
}

@media (max-width: 768px) {
  .cart-list > div {
    grid-gap: 20px 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "image image"
      "title title"
      "controls controls"
      "quantity price";
  }
  .cart-list > div.cart-outofstock {
    grid-template-areas:
      "image image"
      "title title"
      "controls controls"
      "outofstock outofstock";
  }
  .cart-image {
    justify-self: center;
  }
}

/************************************/

.order-wrapper {
  display: flex;
  justify-content: space-between;
  grid-gap: 80px;
}

.order-form {  
}

.order-summary {
  max-width: 300px;
  position: sticky;
  top: 40px;
  align-self: flex-start;
  flex-shrink: 0;
  padding: 40px;
  box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.3);
  text-align: left;
}

.order-summary h2 {
  font-size: 1.3rem;
}

.order-summary-goods {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}

.order-summary-goods > div {
  display: flex;
  grid-gap: 10px;
}

.order-summary-goods-image {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 50px;
  max-height: 50px;
}

.order-summary-goods-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.order-summary-goods-info {
  font-size: 12px;
  line-height: 1.3;
}

.order-summary-goods-price {
}

.order-summary-row {
  display: flex;
  grid-gap: 20px;
  margin-top: 10px;
}

.order-summary-row > div {
  width: 50%;
  flex-shrink: 0;
}

.order-summary-row-total {
  font-size: 120%;
  margin-top: 10px;
  font-weight: 700;
}

.order-form {
}

.order-form input[type="text"],
.order-form input[type="tel"],
.order-form input[type="email"],
.order-form textarea {
  width: 100%;
}

.order-type-wrapper {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr 1fr;
}

.order-radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-gap: 5px 10px;
  margin-bottom: 10px;
}

.order-radio input {
  display: none;
}

.order-radio img {
  max-height: 30px;
}

.order-radio span {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 10px;
  border: 2px solid #ccc;
  border-radius: 4px;
}

.order-radio span::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border: 4px solid #ccc;
  border-radius: 50%;
  margin-right: 10px;
}

.order-radio input:checked + span {
  border: 2px solid #22A9EC;  
}

.order-radio input:checked + span::before {
  border: 4px solid #22A9EC;  
  border-radius: 50%;
}

.order-delivery {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
}

.order-radio-delivery input {
  display: none;
}

.order-radio-delivery img {
  flex-shrink: 0;
  max-width: 40px;
  max-height: 40px;
}

.order-radio-delivery span {
  display: flex;
  grid-gap: 20px;
  height: 100%;
  padding: 5px 10px;
  border: 2px solid #ccc;
  border-radius: 4px;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.5;
}

.order-radio-delivery input:checked + span {
  border: 2px solid #22A9EC;  
}

.order-radio-delivery input:checked + span b {
  color: #29732A;  
}

.order-checkbox {
  display: inline-flex;
  align-items: center;
  grid-gap: 10px;
}

.order-checkbox input {
  display: none;
}

.order-checkbox input + span {
  display: inline-flex;
  align-items: center;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background: #ccc;
  box-shadow: 2px 2px 2px inset rgba(0, 0, 0, 0.1);
}

.order-checkbox input + span::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  margin-left: 2px;
  transition: margin ease 0.2s;
}

.order-checkbox input:checked + span {
  background: #22A9EC;
}

.order-checkbox input:checked + span::before {
  margin-left: 22px;
}

.form-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
}

.form-2col > * {
  flex-shrink: 0;
}

@media (max-width: 1300px) {
  .order-wrapper {
    flex-direction: column;
    grid-gap: 40px;
  }
  .order-form {  
    order: 2;
  }
  .order-summary {
    order: 1;
    display: none;
  }
}

@media (max-width: 1024px) {
  .form-2col {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px 0px;
  }
  .order-delivery {
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .order-delivery {
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }
}

/************************************/

.required {
  color: #f44336;
}

.message-error {
  margin: 20px 0px;
  padding: 10px 20px;
  color: #fff;
  background: #f44336;
}

.message-success {
  margin: 20px 0px;
  padding: 10px 20px;
  color: #fff;
  background: #43a047;
}					  
/*--------------------------*/
.map-wrap {
	position: relative;
	min-height: 40vh;
	margin-bottom: 3rem;
}
/*--------------------------------*/
.search-form form {
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-wrap: wrap;
}
.search-form form input[type="text"] {
	flex-grow: 1;
}
.search-form form input[type="submit"] {
	flex-shrink: 0;
	border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
}
/*--------------------------------*/
.filter-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap:2rem;
}
.filter-list li {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.filter-list li:last-of-type {
	flex-grow: 0;
}
.filter-list li:last-of-type div {
	display: flex;
	justify-content: center;
	column-gap: 0.5rem;
}
.filter-list li:last-of-type div .btn {
	border-radius: 0.25rem;
	min-height: 2.5rem;
	min-width: 8rem;
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	.filter-list {
		flex-direction: column;
		row-gap: 1rem;
	}
	.filter-list li {
		position: relative;
	}
	.filter-list li:nth-of-type(1) {
		z-index: 10;
	}
	.filter-list li:nth-of-type(2) {
		z-index: 9;
	}
	.filter-list li:nth-of-type(3) {
		z-index: 8;
	}
	.filter-list li:nth-of-type(4) {
		z-index: 7;
	}
}
/*----------------------------------------*/
ul.site-map,
ul.site-map li ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	column-gap: 0rem;
	row-gap: 2rem;
}
ul.site-map li {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	margin: 0;
	padding: 0;
	flex-basis: 100%;
	align-items: flex-start;
}
ul.site-map li ul li {
	flex-direction: row;
	flex-basis: 25%;
	column-gap: 1rem;
	align-items: flex-start;
	padding-right: 1rem;
}
ul.site-map li ul li::before {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 1.75rem;
	font-size: 1.5rem;
	font-family: "3clab" !important;
	content: '\e840';
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #56BBED;
}
ul.site-map li a {
	text-decoration: none;
	font-weight: 600;
	font-size: 1.5rem;
}
ul.site-map li ul li a {
	font-weight: 400;
	font-size: 1rem;
}
/* Tablet portrait */
@media (max-width:64em) and (orientation: portrait) {
	ul.site-map li ul li {
		flex-basis: 33.3%;
	}
}
/* Small tablet portrait */
@media (max-width:38em) and (orientation: portrait) {
	ul.site-map,
	ul.site-map li ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		column-gap: 0rem;
		row-gap: 1.5rem;
	}
	ul.site-map li ul li {
		flex-basis: 50%;
	}
	ul.site-map li a {
		text-decoration: none;
		font-weight: 600;
		font-size: 1.0rem;
	}
	ul.site-map li ul li a {
		font-weight: 400;
		font-size: 0.875rem;
	}
}
/* Phone */
@media (max-width:27em){
	ul.site-map,
	ul.site-map li ul {
		row-gap: 1rem;
	}
	ul.site-map li {
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		margin: 0;
		padding: 0;
		flex-basis: 100%;
		align-items: flex-start;
	}
	ul.site-map li ul li {
		flex-basis: 100%;
	}
	ul.site-map li ul li::before {
		height: 1.75rem;
		font-size: 1.05rem;
	}
}
/*------------------------------------*/
.tbl_wrap {
	position:relative;
	margin-bottom:3em;
}
.tbl {
	border-collapse:collapse;
	width:100%;
}
.tbl thead {
	position:sticky;
	top:0;
	z-index: 2;
}
.tbl thead th {
	background:#eeeeee;
	background-color: rgba(0, 0, 0, 0.05);
}
.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;
	}
}
/*------------------------*/
.ru-wrap {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
.ru-wrap {
	display: flex;
	column-gap: 0.5rem;
	width:100%; 
	justify-content: flex-end;
}
.ru-wrap div:nth-of-type(1) {
	z-index: 3;
}
.ru-wrap div:nth-of-type(2) {
	z-index: 2;
}
.list-ru-wrap {
	display: flex;
	column-gap: 0.5rem;
	position: absolute;
	z-index: 3;
	bottom:10%;
	right:10%;
}
.ru {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	vertical-align: middle;
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #56BBED;
	color: #ffffff;
	border-radius: 0.25rem;
	cursor: pointer;
}
.ru .tip {
	position: absolute;
	display: block;
	bottom:50%;
	left:50%;
	background-color: #F1F7FA;
	color: #1A3C53;
	padding: 0rem;
	border-radius: 0.5rem 0.5rem 0.5rem 0rem;
	font-size: 1rem;
	line-height: 1;
	font-weight: 400;
	white-space: nowrap;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
	overflow: hidden;
	max-width: 0rem;
	max-height: 0rem;
	transform-origin: left bottom;
	opacity:0;
}
.ru:hover .tip {
	bottom:80%;
	left:80%;
	max-width: 100rem;
	max-height: 100rem;
	padding: 0.5rem 1rem;
	opacity:1;
	background-color: #F1F7FA;
	color: #1A3C53;
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}
.list-ru-wrap .ru .tip {
	bottom:50%;
	left:auto;
	right:50%;
	border-radius: 0.5rem 0.5rem 0rem 0.5rem;
}
.list-ru-wrap .ru:hover .tip {
	bottom:80%;
	left:auto;
	right:80%;
}
/* all portrait */
@media (orientation: portrait) {
	.ru .tip {
		bottom:50%;
		left:auto;
		right:50%;
		border-radius: 0.5rem 0.5rem 0rem 0.5rem;
	}
	.ru:hover .tip {
		bottom:80%;
		left:auto;
		right:80%;
	}
}
/*--------------------------*/
#cookie_disclaimer {
	position:fixed;
	border-radius:16px;
	left:12px;
	bottom:30px;
	width:480px;
	padding:16px 20px;
	z-index:10000;
	box-shadow: 0 12px 24px 0 rgba(38,38,38,.16);
	background:#FFF;
	max-width: calc(100% - 24px);
	display:flex;
	column-gap:16px;
	align-items: center;
}

#cookie_disclaimer span {
	display:block;
	font-size: 12px;
	letter-spacing: -.2px;
	line-height: 18px;
}

#cookie_disclaimer .btn {
	flex-shrink: 0;
			 
			  
}
@media (max-width:480px){
	#cookie_disclaimer {
		flex-direction:column;
		row-gap:16px;
		align-items:unset;
	}
	#cookie_disclaimer span {
		text-align:justify;
	}
}
/*--------------------------*/
.pdf-link {
	display: inline-flex;
	column-gap: 0.5rem;
	align-items:center;
	justify-content: flex-start;
	font-weight: 600;
	line-height: 1.25;
}
.pdf-link svg {
	flex-shrink: 0;
	width: 30px;
	height: auto;
}
/* End */
/* /css/style.css?1748521196173920 */