/*@font-face {*/
/*font-family: "Segoe UI"; */
/*font-weight: normal;*/
/*src: url(../fonts/segoeui.ttf);*/
/*}*/

@font-face {
	font-family: "Myriad Pro";
	font-weight: normal;
	font-stretch: normal;
	src: url(../fonts/MyriadPro-Regular.ttf);
	font-display: swap;
}

/*@font-face {*/
/*font-family: "Myriad Pro"; */
/*font-weight: normal;*/
/*font-stretch: condensed;*/
/*src: url(../fonts/MyriadPro-Cond.ttf);*/
/*}*/

@font-face {
	font-family: "Myriad Pro";
	font-weight: 300;
	src: url(../fonts/MyriadPro-Semibold.ttf);
	font-display: swap;
}

@font-face {
	font-family: "Myriad Pro";
	font-weight: 100;
	src: url(../fonts/MyriadPro-Light.ttf);
	font-display: swap;
}

html {
	overflow-x: hidden
}


/*CROSS*/
@media only screen and (min-width: 1350px) {
	html {
		font-size: 20px
	}

	article {
		width: 74%;
		float: right;
	}

	#auth {
		top: 3.2rem;
	}

	#auth img.pt {
		height: 15px;
		top: -15px;
		left: 92px
	}

}

@media only screen and (min-width: 1100px) and (max-width: 1350px) {
	html {
		font-size: 17px
	}

	article {
		width: 70%;
		float: right;
	}

	#auth {
		top: 3.3rem;
	}

	#auth img.pt {
		height: 12px;
		top: -12px;
		left: 78px
	}

}

@media only screen and (min-width: 940px) and (max-width: 1100px) {
	html {
		font-size: 14px
	}

	article {
		width: 66%;
		float: right;
	}

	#auth {
		top: 3.4rem;
	}

	#auth img.pt {
		height: 12px;
		top: -12px;
		left: 62px
	}

}

@media only screen and (max-width: 940px), (max-aspect-ratio: 13/9) {

	html {
		font-size: 18px
	}

	section {
		margin: 0 0.9rem 3rem 1rem;
	}

	section:after {
		content: " ";
		display: table;
		clear: both
	}

	aside {
		display: none;
	}

	article {
		width: 95%;
		float: none;
		margin: 0 auto;
		min-width: 701px;
	}

	header, footer {
		min-width: 780px;
	}


	.h-topinfo {
		font-size: 1.2rem;

	}


	div.h-topinfo>div.lflo {
		width: 50%
	}

	div.h-topinfo>div.lflo>span:nth-child(2n+2) {
		margin-right: 0.75rem
	}

	div.h-topinfo>div.rflo:last-child {
		margin-right: 1rem
	}

	.h-caption {
		display: none
	}

	.h-search {
		position: relative;
		float: left;
		width: calc(100% - 15.2rem);
		margin: 0 2rem;
	}

	.h-menu ul.menu {
		font-size: 1.3rem
	}

	.catlist .col-n {
		width: 22%;
		padding-top: 22%;
		font-size: 1.1rem;
		line-height: 1
	}

	.catlist .col-n img {
		max-width: 75%;
		max-height: 75%;
		margin-top: 9%
	}


	.catlist .col-n span {
		position: absolute;
		bottom: 0.4rem;
		left: 0;
		right: 0;
		padding: 0 4%;
	}

	.catlist .col-4 {
		width: 31.7333333%;
		padding-top: 31.7333333%
	}

	div.catlist .col-4:nth-child(3n+1) {
		margin: 1% 0.8% 1% 0;
	}

	div.catlist .col-4:nth-child(3n+3) {
		margin: 1% 0 1% 0.8%;
	}



	#auth {
		width: 91%;
		left: 1rem;
		top: 4.5rem;
		font-size: 1.6rem
	}

	#auth img.pt {
		display: none
	}

	#auth p {
		font-size: 2.2rem
	}

	#auth input {
		font-size: 1.6rem
	}

	#auth label[for=mem] {
		display: inline-block;
		width: calc(100% - 150px);
	}

	label[for=passwd] {
		top: 7.6rem;
		left: 4.5rem;
	}

	#auth button {
		font-size: 2rem;
	}

	#auth a {
		margin: 1rem 0 2rem 4.8rem;
	}

	.orderform {
		width: 100%
	}
}



@media only screen and (min-width: 940px) and (min-aspect-ratio: 13/9)  {

	section {
		margin: 0.3rem 0.9rem 3rem 1rem;
	}

	section:after {
		content: " ";
		display: table;
		clear: both
	}

	.h-menu ul.menu {
		font-size: 1rem;
	}

	.h-topinfo {
		font-size: 0.8rem
	}


	div.h-topinfo>div.lflo>span:nth-child(n+2) {
		margin-left: 0.75rem
	}

	div.h-topinfo>div.lflo>span:last-child {
		margin-left: 10.5rem
	}

	div.h-topinfo>div.rflo:last-child {
		margin-right: 1rem
	}



	@media only screen and (max-width: 990px) {
		article {
			float: right;
			margin: 0 auto
		}
	}

	@media only screen and (min-width: 990px) {

		article {
			float: right;
			margin: 0 0 0 0.5rem;
			min-width: 706px
		}
	}

	.catlist .col-n {
		width: 18%;
		padding-top: 18%;
		font-size: 0.85rem;
		line-height: 1
	}

	.catlist .col-n img {
		max-width: 80%;
		max-height: 70%;
		margin-top: 10%
	}

	.catlist .col-n span {
		position: absolute;
		bottom: 3%;
		left: 0;
		right: 0;
		padding: 0 4%;
	}

	.catlist .col-4 {
		width: 23.8%;
		padding-top: 23.8%
	}

	div.catlist .col-4:nth-child(4n+1) {
		margin: 1% 0.8% 1% 0;
	}

	div.catlist .col-4:nth-child(4n+4) {
		margin: 1% 0 1% 0.8%;
	}

	.h-caption {
		color: #002569;
		font-size: 1.16rem;
		text-transform: uppercase;
		float: left;
		margin: 0.8rem 0.32rem;
		text-align: left;
		width: 24%;
		font-family: "Arial";
	}
	.h-caption h1 {
		color: #002569;
		font-size: 1.16rem;
		margin: 0;
		text-align: left;
		font-family: "Arial";
		font-weight: normal;
	}
	.h-search {
		float: left;
		width: 40%;
		position: relative
	}


	/*left menu begin*/
	aside {
		width: 16rem;
		font-size: 0.9rem;
		font-weight: normal;
		float: left
	}


	.catname {
		text-align: center;
		margin: 0 0 0.75rem 0
	}

	.l-menu {
		margin: 0
	}

	div.l-menu {
		margin: 5px;
	}
	.l-menu ul{
		list-style: none;
		width: 15.98rem;
		background-color: #fff;
	}
	.l-menu ul li{
		padding-right: 1.35rem;
		position: relative;
		z-index: 4;
		margin: 5px 0;

	}

	.l-menu ul.menu span {
		position: absolute;
		right: 1.8rem;
		top: 0;
		bottom: 0;
		height: 0.85rem;
		margin: auto;
		color: #b2afaf
	}



	.l-menu ul li:hover ul{
		display: block;
	}

	.l-menu ul.menu li:before {
		content: "\2014";
		display: inline-block;
		color: #002992;
		width: 0;
		overflow: hidden;
		transition: width 0.5s ease-out 0s;
		vertical-align: middle;
	}

	.l-menu ul.menu li:hover:before, li.hlcl:before {
		width: 1.35rem !important;
	}

	.l-menu ul li:hover ul li ul{
		display: none;
	}
	.l-menu ul li a{
		width: 11.75rem;
		display: inline-block;
		text-decoration: none;
		font-weight: normal;
		vertical-align: middle;
	}
	.l-menu ul li a:hover{
		font-weight: bold;
	}
	.l-menu ul li ul li:hover ul{
		display: block;
	}
	.l-menu ul li ul{
		position: absolute;
		left: 15.75rem;
		top: 0px;
		display: none;
		background: #f5f6fa;
		border-radius: 8px;
	}



	div.subcat-container, div.sub2cat-container {
		background: #f5f6fa;
		border-radius: 8px;
		width: 15.98rem;
		position: absolute;
		top: 0;
		display: none;
		font-weight: normal;
	}

	.subcat-container {
		left: 15.75rem;
		z-index: 3;
		padding: 0.5rem 0.25rem;
		box-shadow: 8px 3px 6px rgba(0,0,0,0.11)
	}

	.sub2cat-container {
		left: 31.75rem;
		z-index: 2;
		padding: 0.5rem 0.25rem 0.5rem 1.6rem
	}

	.sub2cat-container ul.menu>li>span {
		color: #000;
	}

	.sub2cat-container ul.menu>li:before {
		content: "";
		display: none
	}

	/*left menu end*/

	/*cross popup*/

	#auth {
		width: 18rem;
		font-size: 0.8rem;
		top: 3.3rem
	}

	#auth p {
		font-size: 1.1rem
	}

	#auth input {
		font-size: 0.8rem
	}

	#auth label[for=mem] {
		display: inline-block;
		width: 10.6rem
	}

	label[for=passwd] {
		top: 5.4rem;
		left: 3rem;
	}

	#auth button {
		font-size: 1rem;
	}

	#auth a {
		margin: 0.25rem 0 0.5rem 2.4rem;
	}

	.orderform {
		width: 75%
	}

	.fastreg .orderform {
		width: 83%
	}

	.fastreg .orderform>div:first-child {
		width: 30.5%
	}

	.fastreg .orderform>div:nth-child(2) {
		width: 32%
	}

}


body {
	margin: 0;
	padding: 0;
	font-family: "Myriad Pro";
}

article {
	display: block;
	position: relative;
	z-index: 1;
	padding: 0;
	color: #424141
}

h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0
}

h1 {
	font-family: "Myriad Pro";
	font-size: 1.5rem;
	text-align: center;
	color: #424141;
	margin: 0.3rem 0 0.6rem 0
}

h3 {
	margin: 0.1rem 0 0.3rem 0
}

a {
	text-decoration: none;
	color: inherit
}

nav {
	font-size: 1em;
	font-weight: 300;
	font-family: "Myriad Pro";
	margin: 1em 0.25rem;
}

nav a {
	font-weight: normal
}

nav a:hover {
	text-decoration: underline
}

footer a:hover {
	text-decoration: underline
}

header, footer {
	display: block;
	width: 100%;
}

img, input, textarea, a {
	outline: none !important;
	border: none
}

input, textarea {
	border: 2px solid #000;
	border-radius: 6px;
	padding: 1px 5px 6px 10px;
}

header {
	position: relative;
	z-index: 4;
	padding-top: 8px;
	background: #fff;
	top: 0
}

div.cou input.counter, div.qua input.counter {
	display: block;
	border: 1px solid #bbbbbb;
	width: 20px;
	height: 14px;
	margin: 5px 2px;
	padding-left: 1px;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;

}

div.cou input.model, div.qua input.model {
	display: inline-block;
	border: 1px solid #bbbbbb;
	width: 40%;
	height: 100%;
	padding-left: 1px;
	margin: 0px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

div.qua input.marg {
	margin: 5px 32px;
}

.h-topinfo {
	margin: 0rem 1rem 0 1rem;
	letter-spacing: 0.05rem;

}

.h-topinfo>div.rflo a {
	display: block;
	height: 2rem
}


div.h-topinfo>div.rflo:last-child {
	margin-right: 1rem
}

.nrm {
	color: #424141;
}



.blu {
	color: #002468;
}

#hsi, #hsauto {
	position: relative;
	z-index: 2;
	font-size: 0.96rem;
	width: calc(100% - 5.15rem);
	letter-spacing: 2px;
	vertical-align: super;
	margin: 1.5rem 0.25px 0 0;
	box-sizing: border-box;
	color: #424141;
}

#hsauto {
	position: absolute;
	top: 0;
	height: auto;
	padding-top: 2.6rem;
	z-index: 1;
	background: #fff;
	display: none
}

#hsauto a {
	cursor: pointer;
	display: block;
	margin: 0.15rem 0
}

.shining {
	border: 2px solid #bfc7de;
	border-radius: 1.08rem;
	padding: 0.4rem 0.5rem 0.6rem 0.95rem;
	filter: drop-shadow(0.15rem -0.1rem 0.15rem rgba(0, 0, 0, 0.1));
	box-shadow: inset 0 0 0.5rem rgba(0,0,0,0.1);
}

#hsl {
	display: inline-block;
	padding: 0.32rem 0.24rem;
	border-radius: 0.8rem;
	margin: 0 0.4rem;
	background: white;
	vertical-align: bottom
}

#hsl img {
	width: auto;
	height: 1.24rem
}

img.icon {
	width: 1.75rem;
	margin: 0 0.25rem;
	border: none
}

.whatsapp {
	margin: 0.8rem 0.25px 0 0;
	text-align: center;
	float: left
}

.whatsapp img {
	margin: 0;
	padding: 0;
}



#button_up {
   position: fixed;   
   bottom: 50px;   
   right: 20px;    
   height: 60px; 
   z-index: 100;
   
}

#button_up:hover {
	height: 65px; 
}

p#info {
	color: red;
    font-style: italic;
    font-weight: bold;
}

.otstup {
	margin-top: 6em;
}

.whats {

	margin-top: 0.3rem;
}

.nextpoz {
	font-size: 1rem;
    color: #002992;
	font-weight: bold;
	font-style: italic;
	margin: 0.3rem 0;
}

.next {
	vertical-align: middle;
	height: 2.2rem;
}

.rflo {
	float: right;
	line-height: 1.75rem
}

.lflo {
	float: left;
	line-height: 1.75rem
}

.rflo span {
	vertical-align: text-bottom
}


.h-maininfo {
	clear: both
}


hr.ln {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #002992;
	clear: both;
	margin-left: -5px;
	border: 0;
	height: 2px
}

hr.pn {
	width: 100%;
	margin: 1rem 0;
	padding: 0;
	background: #424141;
	clear: both;
	border: 0;
	height: 2px
}

hr.thin {
	height: 1px;
}

.h-maininfo {
	margin: 0.5rem 1rem 0 1rem;
	position: relative;
}

.h-logo {
	float: left
}

.h-logo img {
	width: 5.4rem
}


.h-basket {
	margin: 0.4rem 0.8rem 0 0;
	font-family: "Myriad Pro";
	font-weight: 300;
	color: #002992;
	width: 4.96rem;
	text-align: center;
	font-size: 0.76rem;
	top: 15px;
	position: absolute;
	right: 0;
}

#basket-counter {
	position: absolute;
	left: 2.1rem;
	top: -0.7rem;
	padding: 4px 9px 4px 7px;
	text-align: center;
	letter-spacing: -1px;
	border-radius: 50%;
	display: inline-block;
	line-height: 1;
	color: #002992;
	font-size: 0.8rem;
	background: white;
}

#basket-link {
	display: inline-block;
	padding: 9px 5px 8px 4px;
	line-height: 1;
	position: relative
}

#basket-link img {
	width: 1.96rem
}

.h-menu {
	clear: both
}

.h-menu ul.menu {
	color: #424141;
	text-align: center;
	margin: 0
}

.h-menu ul.menu li {
	list-style-type: none;
	display: inline-block;
	width: 18%;
	height: 1.32rem;
	padding: 0.44rem 0 0.24rem 0
}

.h-menu ul.menu li:hover {
	color: #fff;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	background: #002992;
}

.h-menu ul.menu li a {
	display: block
}


.catlist .col-n {
	position: relative;
	margin: 0.25rem;
	border: 1px solid #b2bede;
	border-radius: 0.3rem;
	text-align: center;
	color: #424141;
	float: left;
	background: #fff;
	box-shadow: none;
	transition: background 0.5s ease-out 0s
}

.catlist .col-n:hover {
	background: #eff3ff;
	box-shadow: inset 2px -2px 18px rgba(0, 0, 0, 0.13);
	filter: drop-shadow(5px -1px 7px rgba(0,0,0,0.13));
	color: #010101;
}

.catlist .col-n a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.catlist .col-4 {
	margin: 1% 0.8%;
	background: #f1f1f1;
	float: left;
	position: relative;
	border-radius: 0.3rem;
	border: 1px solid #fff;
	box-sizing: border-box;

}

.catlist .col-4:hover {
	border: 1px solid #b2bede;
}


.catlist .col-4 a {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.catlist .col-4 span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0.5rem 0.5rem 0.5rem;
	color: white;
	font-size: 1.1rem
}

h2 {
	color: #424141;
	font-size: 1.25rem;
	margin: 1rem 0.5rem 0.2rem 0.5rem
}

h3 {
	font-size: 1.1rem;
	letter-spacing: 2px
}

/*slider begin*/

.sld-container {
	width: 100%;
	position: relative;
	overflow: hidden
}

.sld-container ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: left 0.5s ease-out 0s
}



.sld-container li {
	list-style-type: none;
	float: left
}

.sld-container li img {
	width: 100%;
	height: 100%;
	display: block
}

.sld-container.itempage li {
	margin: 0 1.5%;
	cursor: pointer
}

.sld-projector {
	border: 1px solid #000;
	position: relative;
	padding: 0.7rem;
	cursor: pointer
}

.sld-projector img {
	width: 100%;
	display: block
}

.sld-target {
	position: absolute;
	width: 40rem;
	left: 0;
	top: 11%;
	right: 0;
	bottom: 11%;
	overflow: hidden;
	border: 1px solid #424141;
	background: #fff;
	border-radius: 1.5rem;
	padding: 0.5rem 1.5rem;
	margin: 0 auto;
	text-align: center
}

.sld-target-wrap {
	position: fixed;
	z-index: 50;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}

.sld-target>.container {
	/*width: max-content;
	margin: 0 auto*/
	display: inline-block
}

.sld-target>.larr, .sld-target>.rarr {
	width: 10%;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	opacity: 0.3;
	cursor: pointer;
	transition: opacity 0.5s ease-out 0s;
}

.sld-target .closer {
	background-image: url('../img/close.png');
	position: absolute;
	top: 1rem;
	right: 1.5rem;
	width: 1rem;
	height: 1rem;
	background-size: contain;
	cursor: pointer
}

.sld-target>.larr:hover, .sld-target>.rarr:hover {
	opacity: 1
}


.sld-target>.larr {
	background-image: url(../img/slider-larr-bl2.png)
}

.sld-target>.rarr {
	background-image: url(../img/slider-rarr-bl2.png)
}



.sld-rarr {
	background: url(../img/slider-rarr-bl2.png);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 80%;
	z-index: 2;
	cursor: pointer;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 30%;
	opacity: 0.5;
	transition: opacity 0.5s ease-out 0s;
	background-position-x: 90%
}

.sld-larr {
	background: url(../img/slider-larr-bl2.png);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 80%;
	left: 0;
	z-index: 2;
	cursor: pointer;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 30%;
	opacity: 0.5;
	transition: opacity 0.5s ease-out 0s;
	background-position-x: 10%
}

.sld-selectors {
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	text-align: center
}

.sld-selectors img {
	height: 1rem;
	opacity: 0.5;
	cursor: pointer;
	transition: opacity 0.5s ease-out 0s;
}

.sld-selectors img.selected {
	opacity: 0.87 !important
}


.sld-rarr:hover, .sld-larr:hover, .sld-selectors img:hover {
	opacity: 1
}

/*slider end*/

footer {
	background: #f1f1f1;
	/*font-family: "Segoe UI";*/
	font-size: 1rem
}

.f-info {
	margin: 0.5rem 1rem 0 1rem
}

.f-info p {
	font-weight: 300;
	color: #424141;
	width: 15rem;
	margin: 0 auto
}

.f-info div {
	width: 50%;
	float: left;
	margin-bottom: 0.5rem
}

.f-info ul {
	padding: 0;
	margin: 0 auto;
	width: 15rem
}

.f-info ul li {
	list-style-type: none;
	margin: 0.2rem 0
}


.f-cards {
	width: 100%;
	overflow: auto
}

.f-cards img {
	float: left;
	height: 1rem;
	max-height: 27px;
	margin: 0.3rem 0.5rem
}


.f-bottom {
	position: relative
}

.f-bottom p {
	/*width: 100%;*/
	text-align: center;
	padding: 1rem 2.2rem
}

.fblink {
	right: 0.6rem
}

.instlink {
	right: 2.8rem
}

.vklink {
	right: 5rem
}

.f-bottom a {
	position: relative;
	right: inherit;
	margin: 0 0 0 10px;
}

.f-bottom img {
	height: 1.8rem
}

/* popup */

#auth {
	position: fixed;
	right: 1em;
	z-index: 5;
	background: #fff;
	color: #424141;
	border: 1px solid #002992;
}

#auth p {
	text-align: center;
}

#auth input {
	display: block;
	width: 88%;
	margin: 0.5rem auto;
	box-sizing: border-box;
}

label.passwd {
	color: #797979;
	position: absolute;
	letter-spacing: 0;
	cursor: text
}

input[type=checkbox] {
	display: none !important
}

label.withcheckbox:before {
	content: "\2714";
	color: #f3f3f3;
	border: 2px solid #bfc7de;
	border-radius: 0.25rem;
	padding: 0 0.1rem;
	filter: drop-shadow(3px -2px 3px rgba(0, 0, 0, 0.1));
	box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
	margin-right: 0.3rem;
}

#auth-c {
	display: none;
	position: fixed;
	z-index: 5;
}

#auth-c:target {
	display: block
}


input[type=checkbox]:checked + label.withcheckbox:before {
	color: #424141
}

#auth .stuff {
	width: 88%;
	margin: 0 auto;
}

#auth button {
	color: #002992;
	padding: 0.15rem 1rem;
	background: #fff;
	cursor: pointer
}

#auth a {
	text-decoration: underline;
	display: block;
	line-height: 0;

}

#auth a:hover {
	text-decoration: none;
}

#auth img.pt {
	position: absolute;
	z-index: 4;
	filter: drop-shadow(3px -2px 3px rgba(0, 0, 0, 0.1));
}

#auth-c>a {
	display: block;
	position: fixed;
	z-index: 3;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

@supports not (display: grid) {
	div.itemslist {
		display: table;
	}

	div.itemslist>div.line {
		display: table-row;
	}

	div.itemslist>div.line>div {
		display: table-cell;
	}
}

.itemslist {
	font-family: "Myriad Pro";
	font-size: 0.8rem;
	font-weight: normal;
	display: -ms-grid;
	display: table;
	display: grid;
	width: 100%
}

.line>div {
	display: -ms-inline-grid;
	display: table-cell;
	display: inline-grid;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	padding: 0.5rem 0.3rem;
}

.itemslist .line {
	background: #fff;
	color: #424141;
	border-bottom: 1px solid #424141;
}

.itemslist .line:hover {
	background: #ebf1ff;
}


.itemslist .line.hdr {
	background: #002992;
	color: #fff;
}

.line.hdr>div {
	padding: 0.1rem 0.3rem
}

.line .mic {
	width: 5%;
}

.line .num {
	width: 9%;
}

.line .ima {
	width: 15%;
	text-align: center;
	position: relative;
	padding: 1.825rem 0.3rem
}

.line .dia {
	width: 15%;
	padding-left: 1.3rem
}

.line .dia1 {
	width: 5%;
	padding-left: 1.3rem;
	text-align: left;
}

.line .ima img {
	max-width: 100%;
}

.line .std {
	width: 20%;
	word-break: break-all;
}

.line .std2 {
	width: 31%
}

.line .qua {
	width: 10%;
	text-align: center;
	line-height: 1.3rem
}

.qua span.shining {
	width: max-content;
	padding: 0 0.4rem;
	border-radius: 0.3rem;
	background: #fff;
	margin: 0 auto;
	cursor: pointer
}

.line .pri {
	width: 10%;
	text-align: center
}

.line .pri.x2 {
	width: 20%
}

.line .cou {
	width: 4%;
	text-align: center;
	line-height: 1.3rem
}

.cou span.shining {
	border-radius: 0.35rem;
	padding: 0 0.3rem;
	cursor: pointer
}


.line .std a:hover {
	text-decoration: underline
}

.ico {
	text-align: center
}

.ico img {
	max-width: 80%
}

.ico a {
	padding: 0.4rem 0.3rem 0.4rem 0.3rem;
	border-radius: 0.85rem;
	background: #fff;
	box-sizing: border-box;
	width: 2.6rem;
	display: block;
	float: right
}

.line .un3 {
	width: 32%;
	text-align: center;
	font-size: 1.3em
}

div.itemmark {
	background-image: url('../img/mark.png');
	width: 1rem;
	height: 1.325rem;
	position: absolute;
	background-size: contain;
	top: 0.5rem;
	right: 0.3rem;
	cursor: pointer;
}

div.itemmark.cl {
	background-image: url('../img/markf.png');
}

.more a {
	display: block;
	width: max-content;
	margin: 1rem auto;
	padding: 0.5rem 2rem
}

.pager {
	font-family: "Myriad Pro";
	font-size: 1.1rem
}

.pager span {
	text-decoration: underline;
	color: #000;
	font-weight: 300;
}

.pager a {
	color: #424141;
	font-weight: normal;
}

.filters {
	font-size: 0.9rem
}

.filters div {
	display: inline-block;
	width: 15%;
	margin-right: 0.6rem;
}


.filters>div:last-child {
	float: none;
	clear: left;
	margin: 0 auto
}

div.filters>div:only-child {
	margin-left: 2.5rem;
}

.sorters:before {
	content: "";
	display: block;
	clear: both;
	margin-bottom: 1rem
}

.filters .shining {
	width: max-content;
	margin: 1rem 0;
	padding: 0.5rem 0.5rem;
	position: relative;
	z-index: 3;
	background: #fff;
	box-sizing: border-box
}

.filter a {
	width: fit-content;
	display:block;
	padding: 0.4rem 0.5rem 0.6rem 0.5rem;
	font-size: 0.8rem;
	margin: 0.7rem auto 1.2rem auto;
}

.filter_none {
	display: none;
}

.filters .pricefi {
	text-align: center;
	margin: -0.2rem 0 0.5rem 0;
}

.filters .shining span {
	display: block;
	margin-top: -1.8rem;
	filter: none;
	text-align: center;
}

.filters  span {
	display: block;
	text-align: center;
}

.filters .ro {
	width: 100%;
	margin: 0;
	background: #fff;
	padding: 0.2rem 0 0 0.2rem;
	top: 1rem;
	border: 2px solid #bfc7de;
	
	filter: drop-shadow(0.15rem -0.1rem 0.15rem rgba(0, 0, 0, 0.1));
	box-shadow: inset 0 0 0.5rem rgba(0,0,0,0.1);
	
	
	font-size: 0.6rem;
	overflow: auto;
	height: 3.8rem;
	
	overflow-x: hidden;
	overflow-y: auto;
	
}

.filters .ro p {
	width: 100%;
	overflow-x: auto
}

.filters .ro input {
	vertical-align: middle;
	display: inline !important
}

.filters .ro label {
	
	vertical-align: middle;
	word-break: break-word
}




.sorters {
	margin: 0.5rem 0;
	font-size: 0.75rem
}

.sorters>span, .sorters>a {
	margin: 0 0.2rem
}

.down {
	background-image: url(../img/sortarr.png);
	transform: scale(1, -1);
	width: 0.4rem;
	display: inline-block;
	background-size: contain;
	height: 1rem;
	vertical-align: bottom;
	margin: 0;
}

.up {
	background-image: url(../img/sortarr.png);
	width: 0.4rem;
	display: inline-block;
	background-size: contain;
	height: 1rem;
	vertical-align: bottom;
	margin: 0;
}


#pricera {
	width: 7rem;
	font-size: 0.75rem
}


/* slider */
.marslide {
	position: relative;
	height: 2rem
}

.marslide div {
	position: absolute;
	cursor: pointer
}

.marslide .lft, .marslide .rgt {
	background: #e8e7e5;
	width: 0.75rem;
	height: 0.75rem;
	top: 3px;
	border-radius: 50%;
	border: 2px solid #bfc7de;
	cursor: pointer
}

.marslide .field {
	left: 0.375rem;
	right: 0.375rem;
	height: 0.2rem;
	background: #a9a7a7;
	top: 0.45rem;
}

.marslide .min, .marslide .max {
	top: 1rem
}

.marslide .cfield {
	height: 0.2rem;
	background: #002992;
	top: 0.45rem;
}

.marslide .space {
	display: none;
	position: fixed;
	z-index: 5
}

/* slider end */

h1.itempage {
	text-align: left;
	font-size: 1.4rem
}

nav.itempage {
	margin-left: 0
}

.itempics {
	float: left;
	width: 30.75%;
	margin: 0 1rem 0.5% 0;
}

.itempics div.box {
	box-shadow: 0.15rem -0.15rem 1rem rgba(0,0,0,0.25);
	margin-bottom: 1rem;
	padding: 0.3rem
}

.itemshort {
	overflow: hidden;
	color: #424141;
}

.itemdesc h2 {
	text-align: center
}

h2.itempage {
	color: #002992;
	font-weight: normal;
	margin: 1rem 0 0.2rem 0;
	font-size: 1.3rem;
	letter-spacing: 1px
}

h3.itempage {
	color: #002992;
	font-weight: normal;
	margin: 1rem 0 0.2rem 0;
	font-size: 1.1rem;
}



.itemdesc {
	width: 63.25%;
	color: #424141;
	float: right
}

.itemdesc p {
	text-indent: 2rem;
	font-size: 0.9rem;
	text-align: justify;
}

.itemshort p {
	text-align: left
}

.itemshort div {
	padding: 0.5rem 0.3rem;
	float: left;
}

.itemshort div:first-child {
	width: 50%;
}

.itemshort div:last-child {
	width: 45%;
	letter-spacing: 1px
}

.itemshort div:last-child p.price_ostat{


	width: max-content;
	font-size: 1.2rem
}

.itemshort div:last-child p.price_ostat:nth-child(3) {
	padding-bottom: 0.35rem;
	border-bottom: 1px solid;
	margin-bottom: 0.5rem;
}

.itemshort div:last-child p.price_ostat:first-child{
	text-align:center;
	font-size: 1.6rem
}

.itemshort div:first-child p {
	margin: 0.7rem 0
}

.itemshort div:first-child p {
	margin: 0.3rem 0
}

.price {
	color: #002992;
}

.itemshort .price {
	font-size: 1.2rem
}
.filter__list__description .price {
	margin: 0;
	padding: 0 0 5px 16px;
	width: 100%;
	/* padding: 5px 16px; */
	font-size: 16px;
}

.itemshort div.cou {
	padding: 0;
	width: 50%;
	text-align: center;
	border-radius: 0.35rem;
	margin-top: 0.9rem;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 1;
}

.itemshort div.cou span {
	padding: 0 0.2rem 0 0.3rem;
}

.itemshort div.ico {
	padding: 0;
	margin: 0.5rem 0 0 0.5rem
}

.itemshort div.ico a {
	padding: 0.2rem 0 0.2rem 0;
	float: left
}

.itemshort div.ico img {
	height: 1.5rem
}

.itemshort div.cou span:first-child {
	float: right
}

.itemshort div.cou span:last-child {
	float: left
}

.colorcircle {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	border-radius: 50%;
	vertical-align: text-bottom
}

.mirblack {
	background: #000
}

.mirblue {
	background: #002992
}

.mirgrey {
	background: #424141
}

.mirred {
	background: #ff0000
}

.fileicon img {
	height: 2em
}

.itemshort p>span {
	display: inline-block;
	width: min-content;
	margin-right: 0.5rem
}

.i-maininfo {
	overflow: hidden
}

.i-params {

	width: 34%
}


.i-params>p>span {
	float: right;
	margin-left: 2.5rem;
}

.param {
	font-size: 0.9rem
}

.param td:nth-child(odd){
	width: 60%;
}

.param td:nth-child(even){

	text-align: center;
}

.catlist.itempage .col-n {
	border: none;
	border-radius: 0;
}

.catlist.itempage .col-n:hover {
	filter: none;
	box-shadow: none
}

.catlist.itempage .col-n span {
	text-align: left
}

.catlist.itempage .col-n img {
	margin-top: 2%;
	max-height: 59%
}

.catlist.itempage .col-n {
	width: 23%;
	padding-top: 23%;
	font-size: 0.8rem
}

.itemshort div.loss {
	padding-top: 8.5%;
	text-align: center;
	font-size: 1.3rem;
}

.basketsum {
	text-align: right;
	font-size: 1rem;
	color: #424141;
	margin: 0.4rem 0
}

.orderbutton {
	padding: 0.2rem 1.2rem;
	background: #002992;
	color: #fff;
	font-size: 1.2rem;
	border-radius: 1.2rem;
	float: right;
	cursor: pointer;
	margin-top: 0.4rem
}

a.inl {
	text-decoration: underline;
	font-weight: 300
}

a.inl:hover {
	text-decoration: none
}

p.ind {
	text-indent: 2rem;
	font-size: 0.9rem;
	text-align: justify;
	letter-spacing: 1px
}

.ctr {
	text-align: center
}

.ctri>* {
	text-align: center !important
}

.col-2 {
	width: 48%;
	float: left;
	padding: 1rem 1%
}

.orderform {
	letter-spacing: 1px;
	font-size: 0.9rem;
	margin: 0.6rem auto
}

.orderform>div {
	float: left;
	text-align: right;
	position: relative
}

.orderform>div:first-child {
	width: 25%
}

.orderform>div:nth-child(2) {
	width: 69%;
	margin-left: 4%
}

.orderform input.shining, .orderform select.shining, .orderform textarea.shining {
	display: block;
	font-size: 0.7rem;
	margin-bottom: 0.5rem;
	width: -moz-available;
	width: -webkit-fill-available;
}

.orderform input.shining, .orderform select.shining {
	padding: 0.2rem 0.1rem 0.3rem 0.6rem;
}

.orderform textarea.shining {
	padding: 0.6rem 0.4rem 0.5rem 0.6rem
}

.orderform label {
	display: block;
	line-height: 1.5rem;
	margin-bottom: 0.5rem
}

.bluee {
	color: #002992
}

.fastreg {
	clear: both;
	margin: 0 auto;
	float: none
}



.orderform textarea {
	height: 6.5rem
}

.orderform label[for=comment] span {
	vertical-align: middle;
	line-height: 1;
	display: inline-block;
	text-align: left;
	width: min-content;
}

.orderform label[for=comment]:after {
	content: "";
	display: inline;
	vertical-align: middle;
	line-height: 7rem
}

.orderform p {
	font-size: 0.9rem;
	text-align: justify;
	letter-spacing: 1px
}

.fastreg .orderform label.agree {
	letter-spacing: 1px;
	line-height: 1;
	text-indent: -27px
}

div.ordersubmit {
	clear: both;
	float: none;
	width: 60%;
	margin: 0 15%;
}

div.ordersubmit button.orderbutton {
	float: left;
	padding: 0.2rem 1rem 0.4rem 1rem;
	margin-top: 0.3rem
}

div.ordersubmit a {
	font-style: italic;
	text-decoration: underline;
}

div.ordersubmit a:hover {
	text-decoration: none;
}

/*styled <select>*/

.styledselect {
	position: relative
}

.styledselect .ss-options {
	position: absolute;
	z-index: 2;
	background: #fff;
	padding: 1.5rem 0 0.3rem 0;
	top: 0;
	display: none
}

.styledselect p {
	padding: 0 0.6rem 0 0.95rem;
	cursor: pointer;
	text-align: left
}

.styledselect p:hover {
	background: #ebf1ff;
}

.styledselect span {
	display: block;
	position: relative;
	padding: 0.2rem 0.1rem 0.3rem 0.6rem;
	font-size: 0.7rem;
	margin-bottom: 0.5rem;
	width: -moz-available;
	width: -webkit-fill-available;
	height: 0.7rem;
	z-index: 1;
	background: #fff;
	text-align: left;
}

.styledselect>span.zmax {
	z-index: 5 !important
}

.clr {
	clear: both
}

#legalreg {
	display: none;
}
#legalreg_mobile {
	display: none;
}
.input_mobile{
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	width: 90%!important;
}
.input_mobile input{
	width: 100%;
	height: 48px!important;
	margin: 0 0 13px 0!important;
	padding: 0 0 0 15px!important;
	background: #FFFFFF!important;
	border: 1px solid #BFC7DE!important;
	border-radius: 60px!important;
	font-size: 20px!important;
	color: #7F7F7F!important;
}


/* .span_cart_mobile{
	height: 48px!important;
} */

.regselcnt>div {
	width: 30rem;
	width: max-content;
	margin: 0 auto;
	position: relative
}



.reg-sl {
	border: 2px solid #002992;
	padding: 0.2rem 2rem 0.3rem 2rem;
	box-shadow: inset 0 0 0.5rem rgba(0,0,0,0.1);
	float: left;
	background: #fff;
	z-index: 1;
	cursor: pointer;
	margin-bottom: 0.4rem
}

.reg-sl.sl {
	background: #002992;
	z-index: 2;
	box-shadow: none;
	color: #fff
}

.reg-sl.r {
	border-top-right-radius: 1.08rem;
	border-bottom-right-radius: 1.08rem;
}

.reg-sl.l {
	border-top-left-radius: 1.08rem;
	border-bottom-left-radius: 1.08rem;
}

.authreg .orderbutton {
	float: none;
	margin: 0 auto;
	display: block
}

.info p {
	font-stretch: condensed;
	line-height: 1.2rem;
	letter-spacing: 1px
}



form.little {
	width: 30rem;
	width: max-content;
	margin-top: 1rem
}

form.little div {
	float: left;
	margin-right: 1rem
}

form.little div:last-child {
	width: 15rem;
	width: min-content
}

form.little label {
	line-height: 1.5rem
}

form.little input {
	padding: 0.2rem 0.5rem 0.3rem 0.95rem;
	width: 8rem
}

form.little button.orderbutton {
	padding: 0.2rem 0.5rem;
	margin: 0.4rem 0;
	float: none;
	display: inline-block
}

.col-2.forgott {
	box-sizing: border-box;
	padding: 0.5rem 3%;
}

.forgott a {
	padding: 0.2rem 1.5rem 0.3rem 1.25rem;
	background: #fff;
	display: block;
	width: max-content;
	margin: 0.2rem auto;
}

.success {
	width: 61%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.1rem
}


.page h3 {
	letter-spacing: 0;
	font-size: 1rem;
	margin: 1rem 0 0.2rem 0
}

.page ul li, .page1 li {
	list-style-type: none;
}

.page ul li:before, .page1 li:before {
	content: "\2022";
	color: #002992;
	margin-right: 0.3rem;
	font-size: 1rem;
	font-weight: 300
}

.page ul {
	margin: 0;
	padding: 0 0 0 1.6rem
}

.page>ul>li {
	font-weight: 300;
	margin: 1rem 0
}

.page>ul.usual>li {
	font-weight: normal;
	margin: 0.2rem 0
}

.page>ul>li:first-child {
	margin-top: 0
}

.page>ul>li>ul>li {
	font-weight: normal
}

.page li>p {
	margin-left: 0.6rem
}

.page p {
	font-weight: normal
}

.page>p {
	margin: 1rem 0;
	text-indent: 2rem
}

.page img {
	margin: 0 0.3rem;
	height: 5rem;
	vertical-align: middle
}

.page1 img {
	margin: 3px 0.3rem;
	height: 1.5rem;
	vertical-align: middle
}

.page.vac>ul {
	padding: 0
}

.page.vac li>img {
	margin-left: 0;
}

.page.vac>ul>li:before {
	content: "";
	margin: 0;
	padding: 0
}

.page table {
	border-spacing: 0;
	border-right: 2px solid #424141;
	border-bottom: 2px solid #424141
}

.page td {
	width: 33.33%;
	vertical-align: top;
	border-left: 2px solid #424141;
	border-top: 2px solid #424141;
	padding: 0.4rem
}

.page td>img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0.3rem auto
}

.minblock {
	margin: 0.8rem 0
}

.minblock p {
	line-height: 1.2rem;
	font-size: 0.9rem
}

.minblock p:first-child {
	font-weight: 300
}

.minblock p.norm {
	font-weight: normal
}

.minblock.top {
	margin-top: 0
}

.contacts-data {
	margin-left: 2rem;
	padding-top: 0.1rem
}


img.indented {
	width: 1.4rem;
	height: auto;
	float: left
}

#yamap>ymaps {
	margin: 0 auto
}

#yamap {
	margin-bottom: 1.5rem;
	text-align: center
}

#qrcode {
	float: right;
	width: 8rem;
	width: min-content;
	text-align: center;
	position: absolute;
	right: calc((100% - 500px) / 2 - 0.8rem);
	font-size: 1.1rem
}

#qrcode_wp {
	float: right;
	width: 8rem;
	text-align: center;
	position: absolute;
	right: calc((100% - 100px) / 2 - 0.8rem);
	font-size: 1.1rem
}

#qrcode img, #qrcode_wp img {
	height: 7rem
}

ul.indented {
	padding: 0;
}

ul.indented li {
	text-indent: 1.6rem
}

ul.indented li p {
	margin: 0;
	text-indent: 0
}

div.centerer>div {
	margin: 0 auto;
	width: max-content
}

div.centerer:after {
	content: "";
	display: block;
	clear: both
}

div.page1.about {
	width: 90%;
	margin: 0 auto
}

.a-caption {
	color: #002569;
	font-size: 1.16rem;
	text-transform: uppercase;
	float: left;
	margin: 0.8rem 0.32rem;
	text-align: left;
	width: 24%;
	font-family: "Arial";
}

.official {
	font-size: 0.9rem;
	text-indent: 2rem;
	text-align: justify;
	margin: 0
}

.official ul {
	margin: 0;
	padding: 0 0 0 2rem;
}

.official ul>li {
	padding-left: 1rem;
	text-indent: 0
}

.official ol {
	margin: 0;
	padding: 0 0 0 10px;
}

.official ul {
	list-style: none
}

.official ul>li:before {
	content: "\2013";
	margin-right: 0.5rem
}

.official ol>li{
	font-weight: 300;
	text-align: center;
	margin: 0.5rem 0 0 0;
	text-indent: 0.4rem
}

.official ol>li>* {
	font-weight: normal;
	text-align: justify;
	text-indent: 2rem
}

.official a {
	color: #002992;
	text-decoration: underline
}

.official a:hover {
	text-decoration: none
}

.acc-menu {
	margin: 0;
	padding: 5rem 0.5rem 0 1.2rem;
	font-size: 1rem;
	float: right;
	width: 24%;
	box-sizing: border-box
}

.acc-menu>p {
	margin: 0;
	padding: 0;
	text-align: center
}

.acc-menu>.discount {
	font-size: 0.85
}

.acc-menu>.discount>span:first-child {
	display: inline-block;
	width: 30%;
	margin-left: 20%;
	vertical-align: middle
}

.acc-menu>.discount>span:last-child {
	display: inline-block;
	margin-left: 6%;
	border: 3px solid #002992;
	border-radius: 50%;
	padding: 0.5rem;
	box-sizing: border-box;
	color: #002992;
	vertical-align: middle
}

.acc-menu .small {
	font-size: 0.65rem;
	width: 70%;
	margin: 0.3rem auto;
	text-align: left
}

.acc-menu>ul {
	margin: 0.5rem 0 0 0;
	padding: 0;
}

.acc-menu>ul>li {
	list-style-type: none;
	padding: 0.2rem 0 0.5rem 0;
	border-bottom: 1px solid #424141;
	cursor: pointer
}

.acc-menu>ul>li>img {
	margin-right: 0.3rem;
	vertical-align: middle;
	height: 1.1rem
}

.acc-menu>ul>li.sel {
	font-weight: 300
}


.acc-container {
	width: 76%;
	box-sizing: border-box;
	float: left
}

.acc-content h2 {
	margin: 0 0 0.4rem 0;
	text-align: center;
}

.acc-content {
	display: none;
}

#fav.acc-content {
	display: block
}

#dat a.shining {
	padding: 0.13rem 1rem;
	display: block;
	float: left;
	margin-bottom: 0.5rem
}

#dat .passblock {
	display: none;
	height: 0;
	transition: height 0.5s ease-out 0s;
}

.red {
	color: #ff0000;
}

#his .itemslist .shining, .itemslist > .search-item.line.shining {
	padding: 0;
	border: 2px solid #bfc7de;
	border-radius: 0.25rem;
	margin-top: 0.15rem;
	cursor: pointer;
}

.varr.oparr {
	background-image: url(../img/oparr.png);
}

.varr {
	height: 1.2rem;
	background-image: url(../img/clarr.png);
	background-size: 1rem;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
}

#his .tilda {
	margin-top: -0.3rem;
	padding-top: 0.3rem;
	display: none;
}

#his .tilda>.line {
	background: #f0f4fe;
	border: none;
	padding: 0.18rem 1rem;
}

#his .tilda>.line:first-child {
	padding: 0 1rem 0.36rem 1rem;
}

#his .tilda>.line:last-child {
	padding: 0.18rem 1rem 0.54rem 1rem;
}

#his .tilda>.line>div {
	padding: 0;
}

#his .tilda>.line .std {
	width: 52%;
}

#his .tilda>.line .pri {
	width: 15%;
}

#his .tilda>.line .lst {
	width: 15%;
	text-align: right;
}

.list-container {
	border: 2px solid #424141;
	border-top: none;
	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}

.list-container>.line:hover {
	background: white
}

.itemslist a:hover {
	text-decoration: underline
}

a.remover {
	width: 1.5rem;
	position: absolute;
	right: 0;
	margin-top: -0.25rem;
}

a.remover>img {
	width: 100%
}

h3.search-group {
	font-size: 1.3rem;
}

h3.search-group a:hover {
	text-decoration: underline
}

div.search-container {
	display: none;
	overflow: hidden;
}

#accordion article:nth-of-type(1)  div.search-container{
	display: block;
	
}

@media(max-width: 768px){
	#accordion article:nth-of-type(2) div.search-container{
		display: block;
	}
}

.search-item>h2 {
	margin: 0.8rem 0.8rem;
	font-weight: normal;
}

.search-item .varr {
	float: left;
	width: 1.5rem;
	background-size: 1.5rem;
	margin-right: 1rem
}

.scale {
	transition: 1s; /* Время эффекта */
}

.scale:hover {
	transform: scale(1.3);
}

.catlist img {

	width: 100%;
	height: auto;

}


/* order success*/
.tdata {
	border: 2px solid #424141;
	border-radius: 0.2rem;
	display: table;
	width: 100%;
}

.tdata>.tline {
	display: table-row;
}

.tdata>.tline:last-child {
	border: none;
}

.tdata>.tline>div {
	display: table-cell;
	padding: 0.5rem 0.25rem;
	border-bottom: 1px solid #424141;
}

.tdata>.tline>div:first-child {
	width: 35%;
	border-right: 1px solid #424141;
}

.tdata>.tline>div:last-child {
	width: 65%;
}

h4 {
	margin-bottom: 0.5rem;
}

.exr {
	text-indent: 0.25rem;
	margin: 0.5rem 0 0.8rem 0;
	font-size: 0.8rem;
}

.topmg {
	margin-top: 1rem;
}

img.remover {
	width: 1.5rem;
	position: absolute;
	right: 0;
	margin-top: -0.25rem;
}

.line.round {
	border-radius: 0.2rem
}

.line .std3 {
	width: 48%;
}

.list-container>p {
	padding-right: 1rem
}

span.color {
	color: #002992;
}

b.q_number {
	color: #002992;
	font-size: 1.2rem
}

@media only screen and (min-width: 1080px) {
	.work-mode {
		display: inline !important;
	}
}
img {
  max-width: 100%;
  height: auto;
}

/* ================================================ ADAPTIVE */

/* ================================================ MAIN */
:root{
    --blue: #002992;
}

.border-none{
    border: none !important;
}

.mobile{
    display: none;
}
@media(max-width: 768px){
    *{
        box-sizing: border-box;
    }
    .mobile{
      display: flex;  
    }
    .desktop{
        display: none;
    }
    body{
        padding: 146px 0 0 0;
    }
    section{
        margin: 0 0 0 0 !important;
		padding: 12px;
    }
    .shining{
        padding: 0 0 0 0;
        box-shadow: none;
        filter: none;
    }
    div.ima{
        height: 100%;
    }
	.page tr{
		display: flex;
		flex-direction: column;
	}
	.page td{
		width: 100%;
	}
} /*768*/
/* ================================================ HEADER FOOTER */
.f-info{
    display: flex;
    margin: 0 0 0 0;
}
.f-info div{
    float: none;
}
.f-social{
    display: flex;
    justify-content: flex-end;
    padding: 0 11px 0 0;
}
.f-social img{
    width: 42px;
    margin: 0 0 0 10px;
}
@media(max-width: 768px){
    .h-topinfo *,
    .headimg,
    .whatsapp,
    .h-basket,
    .h-menu{
        display: none;
    }   
    .h-topinfo{
        height: 28px;
        margin: 0 0 0 0;
        background: #FFF;
    }
    header{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 0;
        background: var(--blue);
    }
    .header__box{
        align-items: center;
        padding: 5px 7px;
    }
    .header__logo{
        width: 50px;
    }
    .header__text{
        width: 100px;
    }
    .header__icon{
        width: 40px;
    }
    .h-search input,
    .h-maininfo{
         margin: 0 0 0 0 !important;   
    }
    header,
    footer,
    article{
        min-width: 100%;
    }
    .open-m-menu{
        background: transparent;
        border: none;
    }
    .open-m-menu i{
        font-size: 30px;
        color: #FFF;
    }
    .h-search{
        position: absolute;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 51px;
        margin: 0 0;
        background: #F1F1F1;
    }
    .h-search input{
        padding: 4px 11px;
        font-size: 15px;
        box-shadow: none;
        filter: none;
    }
    .h-search button{
        height: 32px;
        padding: 0 0 0 0 !important;
        width: 32px;
        border-radius: 10px !important;
        filter: none;
        cursor: pointer;
    }
    .h-search button img{
        width: 15px !important;
        height: auto !important;
    }
    .header__icons{
        display: flex;
        align-items: center;
        margin: 0 0 0 auto;
    }
    .header__icon{
        display: flex;
        margin: 0 0 0 7px;
    }
    .cart{
        position: relative;
    }
    .cart__num{
        position: absolute;
        top: -7px;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 21px;
        height: 21px;
        font-size: 15px;
        font-weight: 700;
        line-height: 1;
        color: #002992;
        border-radius: 50%;
        background: #FFF;
    }
    
    
    footer{
        padding: 0 0;
        border-top: 1px solid #424141;
    }
    .f-info{
        padding: 11px;
    }
    .f-info ul li{
        font-size: 15px;
    }
    .f-cards{
         display: none;  
    }
    .f-bottom{
        border-top: 1px solid #424141;
    }
    .f-bottom p{
        padding: 5px 0;
        font-size: 15px;
    }
    .f-info ul,
    .f-info p{
        width: auto;
    }
    
    .full-version{
        justify-content: center;
        padding: 5px 0;
        font-size: 15px;
        text-align: center;
        color: #424141;
    }
} /*768*/
/* ================================================  M-MENU*/
.m-menu {
  position: fixed;
  z-index: 100;
  left: -100%;
  top: 0;
  width: 90%;
  height: 100%;
  padding: 30px 0 0 0;
  background: #F1F1F1;
  overflow-y: auto;
  transition: all 0.5s ease-in-out;
}
.m-menu--active {
  left: 0;
}
.m-menu__list {
  padding: 0;
  margin: 0;
  transform: translateX(0);
}
.m-menu__item {
  display: flex;
  padding: 10px;
  align-items: center;
  border-bottom: 1px solid #424141;
}
.m-menu__link {
  display: block;
  font-size: 15px;
}
.m-menu__sublist {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #F1F1F1;
  transition: all 0.3s;
}
.m-menu__sublist--active {
  left: 0;
}

.back {
  padding: 10px;
  cursor: pointer;
}

.to-sub {
  display: block;
  margin: 0 0 0 auto;
}
.close-m-menu{
    display: flex;
    align-items: center;
    height: 66px;
    padding: 0 0 0 10px;
    background: #CED7F3;
}
.close-m-menu i{
    margin: 0 20px 0 0;
    font-size: 30px;
    color: #FFF;
}
.close-m-menu span{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #D6E0FF;
}
/* ================================================ MAIN PAGE */
@media(max-width: 768px){
   .banner{
       height: 138px;
   } 
   .banner img{
       width: 100%;
       height: 100%;
       object-fit: cover;
   }
   .category{
       padding: 0 11px;
   }
   .category__items{
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 8px;
   }
   .category__item{
       height: 115px;
       background: #FFFFFF;
        border: 1px solid #BFC7DE;
        border-radius: 10px;
   }
   .category__item a{
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       width: 100%;
       height: 100%;
       padding: 14px 5px 6px 5px;
       
   }
   .category__img{
       width: auto;
       height: 60px;
       object-fit: contain;
       margin: 0 0 0 0;
   }
   .category__name{
       margin: auto 0 0 0;
       font-size: 13px;
       text-align: center;
       line-height: 1;
   }
   
   /* .view .catlist{
       display: none;
   } */
} /*768*/
/* ================================================ РЕГИСТРАЦИЯ */
@media(max-width: 768px){
    .bx-auth-reg{
        padding: 0 15px;   
    }
    .regselcnt{
        display: flex;
        justify-content: center;
    }
    .reg-sl{
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px !important;
        height: 48px;
        margin: 0 0 14px 0 !important;
        padding: 0 0 0 0;
		font-size: 15px;
        border: 1px solid #002992;
        
    }
    .reg-sl.l{
        border-radius: 25px 0 0 25px;
    }
    .reg-sl.r{
        border-radius: 0 25px 25px 0;
    }
    .registration-form{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .registration-form input, .registration-form textarea{
        width: 100%;
        height: 48px;
        margin: 0 0 13px 0;
        padding: 0 0 0 15px;
        background: #FFFFFF;
        border: 1px solid #BFC7DE;
        border-radius: 60px;
        font-size: 20px;
        color: #7F7F7F;
    }
	.orderbutton_mobile{
		width: 100% !important;
        margin: 0 0 0 0 !important;
	}
	.orderform_mobile{
		padding: 7px!important;
	}

	.span_cart_mobile{
		width: 100%;
        height: 48px;
        margin: 0 0 13px 0;
        padding: 0 0 0 15px;
        background: #FFFFFF;
        border: 1px solid #BFC7DE;
        border-radius: 60px;
        font-size: 20px;
        color: #7F7F7F;
	} 

    .ordersubmit{
        width: 100% !important;
        margin: 0 0 0 0 !important;
    }
    label.withcheckbox{
        display: flex;
        align-items: flex-start;
        margin: 0 0 16px 0;
        font-size: 16px;
        color: #424141;
    }
    label.withcheckbox:before{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 22px;
        height: 22px;
        padding: 0 0 0 0;
        border: 1px solid #BFC7DE;
        border-radius: 5px;
        filter: none;
        box-shadow: none;
    }
    .ordersubmit a{
        font-style: inherit !important;
    }
    .orderbutton{
        height: 48px !important;
        padding: 0 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #FFF !important;
        background: #002992 !important;
        border: none !important;
    }
} /*768*/
/* ================================================  CATALOG*/
@media(max-width: 768px){
    .catlist h1{
        margin: 0 0 0 0;
        padding: 12px 0;
        font-size: 20px;
    }
    .catlist nav{
        font-size: 0.8em;
    }
    .filters__buttons{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 51px;
        padding: 0 7px;
        background: #F1F1F1;
        border-bottom: 1px solid #424141;
        border-top: 1px solid #424141;
    }
    .rating-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 241px;
        height: 32px;
        font-size: 17px;
        border: 1px solid #BFC7DE;
        background: #FFF;
        border-radius: 60px;
    }
    .rating-btn img{
        margin: 0 0 0 18px;
    }
    .open-filter{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 155px;
        height: 32px;
        font-size: 20px;
        color: #FFF;
        background: #002992;
        border: 1px solid #002992;
        border-radius: 60px;
    }
    .open-filter img{
        margin: 0 7px 0 0;
    }
    .m-catalog{
        width: 100%;
    }
    .m-catalog__items{
        padding: 0 0;
    }
    .preview{
        padding: 11px 7px;
    }
    .preview:not(:last-child){
        border-bottom: 1px solid #424141;
    }
    .preview__box{
        display: flex;
    }
    .preview__img{
        position: relative;
        max-width: 143px;
		width: 100%;
        height: 115px;
        margin: 0 16px 0 0;
    }
    .preview__img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
	.preview__title{
		width: 220px;
		overflow: scroll;
	}
    .preview__product{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .preview__favourites{
        position: absolute;
        z-index: 1;
        top: -4px;
        right: 0;
        width: 35px;
    }
    .preview__info{
        
    }
    .preview__name{
        font-size: 18px;
        line-height: 23px;
    }
    .preview__descr{
        font-size: 16px;
        line-height: 21px;
    }
    .preview__price{
        font-size: 25px;
        line-height: 32px;
        color: #002992;

    }
    .preview__add{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .quantity{
        display: flex;
        align-items: center;
    }
    .quantity .minus{
        line-height: 0;
    }
    .quantity button,
    .quantity input{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 33px;
        height: 33px;
        border: 1px solid #BFC7DE;
        border-radius: 5px;
        background: #FFF;
        text-align: center;
    }
    .quantity button{
        font-size: 30px;
        line-height: 35px;
        color: #424141;
    }
    .quantity input{
        margin: 0 2px;
        padding: 0 0 0 0;
        font-size: 23px;
        line-height: 30px;
        color: #424141;
        
    }
    .preview__incart{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 57px;
        height: 57px;
        margin: 0 0 0 8px;
        border: 1px solid #BFC7DE;
        border-radius: 10px; 
        background: #FFF;
    }
    .preview__quantity{
        display: flex;
        margin: -10px 0 0 0;
        font-size: 16px;
        line-height: 20px;
    }
    .preview__noquantity{
        display: block;
        padding: 0 30px 0 0;
        text-align: right;
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
    }
    .view{
        display: none;
    }
    
    .catlist{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(49%, 1fr)); 
        gap: 5px;
        padding: 5px 5px 15px 5px;
    }
	
    .catlist .col-n{
        width: auto;
        margin: 0 0 0 0;
        padding: 5px;
    }
    .catlist .col-n a{
        position: static;
    }
    .catlist .col-n span{
        position: static;
        display: block;
        padding: 0;
        font-size: 13px;
    }
    
    
} /*768*/
/* ================================================  FILTER*/
@media(max-width: 768px){
    .m-filters{
        position: fixed;
        z-index: 10;
        top: 145px;
        left: -100%;
        width: 100%;
        height: 100%;
        font-size: 16px;
        background: #FFF;
        transition: all .3s;
    }
    .m-filters.active{
        left: 0;
    }
    .m-filters__title{
        position: relative;
        display: flex;
        justify-content: center;
        padding: 12px 0;
        font-size: 20px;
        font-weight: 799;
        text-align: center;
        border-bottom: 1px solid #424141;
    }
    .m-filters__content{
        height: calc(100% - 195px);
        overflow-y: scroll;
    }
    .m-filters__finish{
        padding: 11px 0 19px 0;
    }
    .m-filters__selected{
        margin: 0 0 10px 0;
        font-size: 18px;
        text-align: center;
    }
    .m-filters__actions{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .m-filters__actions button{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 165px;
        height: 51px;
        margin: 0 7px;
        font-size: 21px;
        font-weight: 700;
        border-radius: 60px;
        border: none;
    }
    .reset{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 165px;
        height: 51px;
        margin: 0 7px;
        font-size: 21px;
        font-weight: 700;
        border-radius: 60px;
        border: none;
        color: #858585;
        background: #F1F1F1;
    }
    .apply{
        color: #FFF;
        background: #002992;
    }
    .filter{
        border-bottom: 1px solid #424141;
    }
    .filter__btn{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 51px;
        padding: 0 16px;
        font-size: 18px;
        font-weight: 700;
    }
    .filter__btn img{
        transform: rotate(-180deg);
    }
    .filter__btn.active img{
        transform: rotate(0deg);
    }
    .filter__body{
        display: none;
        padding: 0 16px 25px 16px;
    }
    .filter__body.active{
        display: block;
    }
    .irs--flat .irs-bar {
        height: 7px !important;
        background-color: #002992 !important;
    }
    .irs--flat .irs-line {
        height: 7px !important;
        background-color: #e1e4e9;
        border-radius: 0;
    }
    .irs--flat .irs-handle {
        top: 17px !important;
        width: 22px !important;
        height: 22px !important;
        border: 1px solid #BFC7DE !important;
        border-radius: 50% !important;
        background: #FFF !important;
    }
    .irs--flat .irs-handle>i:first-child{
        display: none !important;
    }
    .irs-from,
    .irs-to{
        top: 38px !important;  
        color: #000 !important;
        background: transparent !important;
    }
    .irs-from:before,
    .irs-to:before{
        display: none !important;
    }
    .filter__list{
        padding: 0;
        list-style: none;
    }
    .filter__list input[type="checkbox"]{
        display: block !important;
        width: 26px;
        height: 26px;
        margin: 0 12px 0 0;
        border: 1px solid #BFC7DE;
        border-radius: 5px;
    }
    .filter__list li{
        margin: 0 0 9px 0;
    }
    .filter__list label{
        display: flex;
        align-items: center;
    }
    .close-filter{
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0px 10px;
        font-size: 40px;
        border: none;
        background: transparent;
    }
    
} /*768*/
/* ================================================  КОРЗИНА*/
@media(max-width: 768px){
    .basket__title{
        margin: 0 0 0 0;
        padding: 12px 0;
        font-size: 20px;
        text-align: center;
        color: #424141;
        font-weight: 700;
        border-bottom: 1px solid #424141;
    }
    .basket-preview{
        position: relative;
        padding: 20px 7px 11px 7px;
        border-bottom: 1px solid #424141;
    }
    .basket-preview:not(:last-child){
    }
    .basket-preview__info{
        display: flex;
    }
    .basket-preview__img{
        position: relative;
        width: 143px;
        height: 115px;
		object-fit: contain;
        margin: 0 16px 0 0;
    }
    .basket-preview__titles{
        width: 220px;
		overflow: scroll;
    }
    .basket-preview__name{
        font-size: 18px;
        line-height: 23px;
    }
    .basket-preview__descr{
        font-size: 16px;
        line-height: 21px;
    }
    .basket-preview__pricing{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .basket-preview__price{
        font-size: 25px;
        line-height: 32px;
        color: #000;
    }
    .basket-preview__add{
        display: flex;
        align-items: center;
        margin: 0 50px;
    }
    .basket-preview__sum{
        font-size: 25px;
        line-height: 32px;
        color: #002992;
    }
    .basket-preview__del{
        position: absolute;
        top: 9px;
        right: 13px;
    }
    .basket-itog{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
    }
    .basket-itog__text{
        margin: 0 0 10px 0;
        font-size: 20px;
    }
    .basket-itog__text span{
        font-size: 22px;
        color: #002992;
    }
    .basket-itog__btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 165px;
        height: 51px;
        margin: 0 auto;
        font-size: 21px;
        font-weight: 700;
        border-radius: 60px;
        border: none;
        color: #FFF;
        background: #002992;
    }
	.styledselect span{
		display: flex;
		align-items: center;
		height: 48px;
		font-size: 20px!important;
		line-height: 1;
    	color: #7F7F7F!important;
	}
	.styledselect .ss-options{
		top: 40px;
		width: 100%;
	}
} /*768*/
/* ================================================  КАРТОЧКА ТОВАРА*/
@media(max-width: 768px){
    .itempage{
        margin: 0 0 0 0;
        padding: 7px 13px;
        border-bottom: 1px solid #424141;
    }
    .itempage a{
        font-size: 14px;
    }
    
    .product{
        padding: 0 0;
    }
    .product__name{
        font-size: 18px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
    }
    .product__num{
        padding: 0 13px;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
    }
    .product__slider{
        position: relative;
        margin: 0 0 20px 0;
    }
    .product__slider .swiper-slide{
        display: flex;
        justify-content: center;
    }
    .swiper-slide img{
        width: 200px;
        height: 147px;
        object-fit: contain;
    }
    .product__slider .swiper-wrapper{
        margin: 30px 0;
    }
    .product__slider .swiper-pagination{
        position: static;
    }
    .product__favourites{
        position: absolute;
        top: -20px;
        right: 20px;
    }
    .product__price{
        font-size: 25px;
        line-height: 32px;
        color: #002992;
        text-align: center;
    }
    .product__add{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0;
        background: #F1F1F1;
    }
    .product__available{
        padding: 3px 13px;
        font-size: 17px;
        border-bottom: 1px solid #424141;
    }
    .product__opts{
        padding: 13px;
        border-bottom: 1px solid #424141;
    }
    .product__opts p{
        margin: 0 0 10px 0;
        font-size: 17px;
    }
    .product__opts ul{
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        list-style: none;
    }
    .product__opts li{
        font-size: 17px;
    }
    .product-info{
        
    }
    .product-info__buttons{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 18px 0 0 0;
    }
    .product-info__btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        height: 45px;
        font-size: 16px;
        line-height: 1;
        border: 1px solid #002992;
        background: #FFF;
    }
    .product-info__btn.active{
        color: #FFF;
        background: #002992;
    }
    .product-info__btn--char{
        border-radius: 25px 0 0 25px;
    }
    .product-info__btn--descr{
        border-radius: 0 25px 25px 0;
    }
    .product-info__content ul{
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .product-info__content ul li{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 11px 13px;
        font-size: 16px;
        border-bottom: 1px solid #424141;
    }
    .product-info__content ul li img{
        margin: 0 0 0 10px;
    }
    .download{
        justify-content: flex-start !important;
    }
    .product-info__descr{
        padding: 11px 13px;
    }
    .product-info__descr p{
        text-align: justify;
        text-indent: 20px;
    }
    .product-info .filter:last-child{
        border: none;
    }
} /*768*/
/* ================================================ ОФОРМЛЕНИЕ ТОВАРА */
@media(max-width: 768px){
    .making{
        width: 100%;
    }
    .making__title{
        margin: 0 0 0 0;
        padding: 12px 0;
        font-size: 20px;
        text-align: center;
        color: #424141;
        font-weight: 700;
        border-bottom: 1px solid #424141;
    }
    .making__message{
        margin: 0 0 0 0;
        padding: 12px 0;
        font-size: 18px;
        text-align: center;
        color: #424141;
        font-weight: 700;
        border-bottom: 1px solid #424141;
    }
    .making-product{
        padding: 5px 20px;
        border-bottom: 1px solid #424141;
    }
    .making-product__name{
        display: flex;
        justify-content: space-between;
        margin: 0 0 10px 0;
        font-size: 16px;
        color: #424141;
    }
    .making-product__name span{
        flex-shrink: 0;
        padding: 0 10px;
        
    }
    .making-product__pricing{
        width: 100%;
    }
    .making-product__pricing tbody{
        width: 100%;
    }
    .making-product__pricing tr{
        display: flex;
        justify-content: flex-end;
        width: 100%;
        
    }
    .making-product__pricing td{
        width: 25%;
        font-size: 20px;
        font-weight: 400;
        text-align: right;
    }
    .making__itog{
        display: flex;
        justify-content: flex-end;
        padding: 11px 14px;
        border-bottom: 1px solid #424141;
    }
    .making__itog span{
        font-size: 20px;
        color: #424141;
        font-weight: 700;
    }
    .making__info{
        padding: 11px 14px;
    }
    .making__info p{
        font-size: 14px;
        color: #424141;
        text-indent: 20px;
        text-align: justify;
    }
    .making-datas__title{
        padding: 11px 14px;
        font-size: 20px;
        color: #424141;
        font-weight: 700;
    }
    .making-datas ul{
        margin: 0 0 0 0;
        padding: 0;
        list-style: none;
    }
    .making-datas li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 11px 14px;
        font-size: 16px;
        line-height: 1;
        border-bottom: 1px solid #424141;
    }
} /*768*/
/* ================================================  АВТОРИЗАЦИЯ*/
@media(max-width: 768px){
    .bx-auth{
        max-width: 100%;
        width: 100%;
        margin: 0 0 0 0 !important;
            
    }
    .bx-auth-note{
        display: none;
    }
    .bx-auth-table tr,
    .bx-auth-table td{
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0 !important;
    }
    .bx-auth-table{
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 15px;
    }
    .bx-auth-table tr{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .bx-auth-label{
        margin: 0 0 5px 0 !important;
        font-size: 18px;
        font-weight: 700 !important;
        text-align: left !important;
    }
    .bx-auth-input{
        width: 100%;
        height: 48px;
        margin: 0 0 10px 0;
        padding: 0 0 0 15px;
        background: #FFFFFF;
        border: 1px solid #BFC7DE;
        border-radius: 60px;
        font-size: 20px;
        color: #7F7F7F;
    }
    .authorize-submit-cell{
        margin: 10px 0 0 0 !important;
    }
    .authorize-submit-cell .btn{
        margin: 0 0 13px 0;
        width: 100%;
        height: 48px;
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #FFF !important;
        background: #002992 !important;
        border: 1px solid #BFC7DE;
        border-radius: 60px;
    }
    .forget{
        margin: 0 0 20px 0;
        font-size: 17px;
        color: #BDBABA;
        font-weight: 700;
        text-decoration: underline;
        text-align: center;
    }
    .to-register{
        padding: 15px;
        font-size: 17px;
        font-weight: 700;
        border-top: 1px solid #424141;
        border-bottom: 1px solid #424141;
    }
} /*768*/
/* ================================================  ЛИЧНЫЙ КАБИНЕТ*/
@media(max-width: 768px){
    .lk__box{
        width: 100%;
        border-bottom: 1px solid #424141;
    }
    .lk__title{
        font-family: "Myriad Pro";
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        color: #002992;
        margin: 0.3rem 0 0.6rem 0;
    }
    .hello{
        padding: 13px 0 !important;
        font-family: "Myriad Pro";
        font-size: 20px;
        font-weight: 700;
        text-align: center;
    }
    .acc-content{
        display: none !important;
    }
    .acc-menu{
        float: none;
        width: 100%;
        padding: 0 0 0 0;
    }
    .out-lk{
        display: flex;
        align-items: center;
        width: 100%;
        padding: 10px 10px 10px 100px !important;
        font-weight: 300;
    }
    .sel{
        display: flex;
        align-items: center;
        padding: 10px 10px 10px 100px !important;
    }
    .acc-menu>ul>li>img{
        height: 35px !important;
        margin: 0 20px 0 0;
    }
    .logout{
        margin: 0 20px 0 0;
        padding: 0 0 0 0;
        border: none;
        border-radius: 0;
        vertical-align: middle;
        height: 35px;
    }
} /*768*/
/* ================================================ ЛИЧНЫЙ КАБИНЕТ ЗАКАЗЫ*/
@media(max-width: 768px){
    .orders{
        
    }
    .orders__title{
        margin: 0 0 0 0;
        padding: 7px 0;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        color: #002992;
        border-bottom: 1px solid #424141;
    }
    .orders__tagtitle{
        margin: 0 0 0 0;
        padding: 7px 0;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        color: #424141;
        border-bottom: 1px solid #424141;
    }
    .orders__header{
        display: flex;
        align-items: center;
        padding: 7px 0;
        background: #F1F1F1;
        border-bottom: 1px solid #424141;
    }
    .orders__col{
        font-size: 15px;
        text-align: center;
    }
    .orders__col--num{
        width: 40%;
    }
    .orders__col--date{
       width: 20%; 
    }
    .orders__col--counts{
        width: 20%;
    }
    .orders__col--sum{
        width: 20%;
    }
    .orders__status{
        
    }
    .orders__status--new{
        color: #002992;
    }
    .orders__status--return{
        color: #FF0000;
    }
    .order__header{
        position: relative;
        display: flex;
        align-items: flex-start;
        padding: 7px 0;
        border-bottom: 1px solid #424141;
    }
    .order-body{
        display: none;
        padding: 0 11px 11px;
        background: #F0F4FE;
    }
    .order-body__header{
        display: flex;
        padding: 7px 0;
    }
    .order-body__head{
        font-size: 13px;
        text-align: center;
    }
    .order-body__item{
        display: flex;
        align-items: center;
        margin: 0 0 10px 0;
        font-size: 15px;
        text-align: center;
    }
    .order-body__head--name,
    .order-body__col--name{
        width: 55%;
    }
    .order-body__col--name{
        text-align: left;
    }
    .order-body__head--price,
    .order-body__col--price{
        width: 15%;
    }
    .order-body__head--counts,
    .order-body__col--counts{
        width: 15%;
    }
    .order-body__head--sum,
    .order-body__col--sum{
        width: 15%;
    }
    .order-btn{
        position: absolute;
        top: calc(50% - 8px);
        left: 10px;
        transform: rotate(180deg);
    }
    .order.is-active .order-body{
        display: block;
    }
    .order.is-active .order-btn{
        transform: none;
    }
} /*768*/
/* ================================================  ЛИЧНЫЙ КАБИНЕТ МОИ ДАННЫЕ*/
@media(max-width: 768px){
    
    .datas__title{
        margin: 0 0 0 0;
        padding: 7px 0;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        color: #002992;
        border-bottom: 1px solid #424141;
    }
    .datas__tagtitle{
        margin: 0 0 10px 0;
        padding: 7px 0;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        color: #424141;
    }
    .data{
        margin: 0 0 60px 0;
        padding: 0 15px;
    }
    .data__header{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .data__info{
        
    }
    .data__label{
        font-size: 16px;
        font-weight: 400;
        color: #424141;
    }
    .data__current{
        font-size: 18px;
        font-weight: 400;
        color: #424141;
    }
    .data__btn{
        display: flex;
        align-items: center;
        background: transparent;
        border: none;
    }
    .data__btn .data__label{
        margin: 0 0 0 10px;
    }
    .data__body{
        display: none;
    }
    .data__input{
        width: 100%;
        height: 48px;
        margin: 0 0 13px 0;
        padding: 0 15px;
        font-size: 20px;
        font-weight: 400;
        border-radius: 60px;
        border: 1px solid #BFC7DE;
        color: #424141;
    }
    .data__buttons{
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
    }
    .data__button{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 165px;
        height: 43px;
        font-size: 21px;
        font-weight: 700;
        border-radius: 60px;
        border: none;
    }
    .data__button--remove{
        color: #858585;
        background: #F1F1F1;
    }
    .data__button--save{
        color: #FFF;
        background: #002992;
    }
    .data__pass{
        margin: 0 0 10px 0;
    }
    .data.is-active .data__header{
        display: none;
    }
    .data.is-active .data__body{
        display: block;
    }
    
} /*768*/
/* ================================================  */
@media(max-width: 768px){
    
    .regselcnt > div{
        display: flex;
    }
    .orderform p{
        text-align: left;
    }
    .orderform > div{
        float: none;
    }
    .input_mobile{
        width: 100% !important;
    }
    .fastreg .orderform label.agree{
        text-indent: inherit !important;
    }
    div.qua input.marg{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 33px;
        height: 33px;
        font-size: 20px;
        border: 1px solid #BFC7DE;
        border-radius: 5px;
        background: #FFF;
        text-align: center;
        margin: 0 0 0 0;
    }
    .orderform textarea{
        font-size: 20px !important;
    }
    label.withcheckbox:before{
        margin-right: 1rem;
    }
} /*768*/

/* ================================================ ПОИСК*/
@media(max-width: 768px){
    #accordion{
       padding: 15px; 
    }
    #accordion .itemlist{
        width: 100%;
       margin: 0 0 15px 0; 
    }
    #accordion .search-item{
        padding: 10px;
    }
    #accordion .search-item h2{
       display: flex;
       align-items: center;
       margin: 0 0 0 0;
       font-size: 16px;
    }
    #accordion .search-item .varr{
       width: 15px;
       height: 15px;
       background-size: contain;
    }
    #accordion .search-container{
        padding: 20px 0;
    }
    #accordion .search-container h3{
        margin: 0 0 20px 0;
    }
    #accordion .preview__quantity{
        margin: 0 0 0 0;
    }
    
} /*768*/
/* ================================================  КОНТАКТЫ*/
@media(max-width: 768px){
  
  #qrcode_wp,
  #qrcode{
      display: none;
  }
  #yamap > iframe{
        width: 100% !important;  
  }
    
} /*768*/
/* ================================================  */
@media(max-width: 768px){
    
    
} /*768*/
/* ================================================  */
@media(max-width: 768px){
    
    
} /*768*/
/* ================================================  */
@media(max-width: 768px){
    
    
} /*768*/

#counter_mobile{
	line-height: 35px!important;
	color: #424141!important;
	width: 33px!important;
	height: 33px!important;
	border: 1px solid #BFC7DE!important;
	border-radius: 5px!important;
	background: #FFF!important;
	text-align: center!important;
}


@media(max-width: 387px){
	.header__text{
		display: none!important;
	}
}