
/*-----------------------------------------------
CSS Framework Lisena
Author:   hmelii
Web:      http://www.hmelii.ru
Email:    anufry@inbox.ru
Version:  6.00 14.10.23 n
----------------------------------------------- */
/*---------------------- basic styles --------------------------------------*/
@import url("bases.css");
@import url("jquery-ui.css");
@import url("splide.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@charset "utf-8";
 @import url("modals/blur.css");
/*---------------------- end basic styles ----------------------------------*/
/*---------------------- global --------------------------------------*/
html {
	height: 100%;
	overflow-y: scroll;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background: #fff;
	height: 100%;
	color: #515F6B;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.0rem;
	text-align: left;
	word-wrap: break-word;
}
input, button, select, textarea, html {
	font-family: 'Montserrat', sans-serif;
}
a {
	color: #36A3E9;
	text-decoration: underline;
}
a:hover, a:hover:visited {
	text-decoration: none;
}
.nu a:hover, a.nu:hover {
	text-decoration: underline;
}
.nu a, a.nu {
	text-decoration: none;
}
a.link_dashed, .link_dashed a {
	text-decoration: none;
	border-bottom: 1px dashed;
}
a.link_dashed:hover, .link_dashed a:hover {
	border: 0;
	text-decoration: none;
}
.h1 {
	font-size: 1.6rem;
	font-weight: 600;
	color: #0D87D4;
	margin: 0 0 1.3rem;
	text-transform: uppercase;
	line-height: 1.3;
}
.h2 {
	font-size: 1.6rem;
	font-weight: 600;
	color: #0D87D4;
	margin: 0 0 1.3rem;
	text-transform: uppercase;
	line-height: 1.3;
}
.h3 {
	font-size: 1.6rem;
	font-weight: 600;
	color: #0D87D4;
	margin: 0 0 1.3rem;
	text-transform: uppercase;
	line-height: 1.3;
}
.h4 {
	font-size: 1.4rem;
	font-weight: 600;
	color: #0D87D4;
	margin: 0 0 1.3rem;
	text-transform: uppercase;
	line-height: 1.3;
}
.h5 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #0D87D4;
	margin: 0 0 1.3rem;
	text-transform: uppercase;
	line-height: 1.3;
}
.h6 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #0D87D4;
	margin: 0 0 1.3rem;
	text-transform: uppercase;
	line-height: 1.3;
}
/*colors*/
/*end colors*/
/*fonts*/
.f-10 {
	font-size: 1.0rem;
}
.f-11 {
	font-size: 1.1rem;
}
.f-12 {
	font-size: 1.2rem;
}
.f-13 {
	font-size: 1.3rem;
}
.f-14 {
	font-size: 1.4rem;
}
.f-15 {
	font-size: 1.5rem;
}
.f-16 {
	font-size: 1.6rem;
}
.f-17 {
	font-size: 1.7rem;
}
.f-18 {
	font-size: 1.8rem;
}
.f-20 {
	font-size: 2.0rem;
}
/*end fonts*/
/*forms fields*/
.field {
	background: #fff;
	border: 1px solid #868686;
	padding: 0.7rem 1.4rem 0.8rem;
	-webkit-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
	color: #757575;
}
.err {color: red;}
.field:focus {
	border-color: #51cbee;
	-webkit-box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
	box-shadow: rgba(81, 203, 238, 1) 0px 0px 5px;
}
 .field:-moz-placeholder {
 opacity: 1;
 color:#757575;
}
 .field::-moz-placeholder {
 opacity: 1;
 color:#757575;
}
 .field::-webkit-input-placeholder {
 opacity: 1;
 color:#757575;
}
 .field:-ms-input-placeholder {
 opacity: 1;
 color:#757575;
}
.field.placeholder {
	color: #757575;
}
.field.invalid {
	border-color: #F43838;
	color: #F43838;
}
.field.invalid:-moz-placeholder {
color:#F43838;
}
 .field.invalid::-moz-placeholder {
color:#F43838;
}
 .field.invalid::-webkit-input-placeholder {
 color:#F43838;
}
 .field.invalid:-ms-input-placeholder {
 color:#F43838;
}
.field.invalid.placeholder {
	color: #F43838;
}
.parent_field {
	display: inline-block;
	vertical-align: top;
}
.invalid_message {
	display: block;
	color: #F43838;
	font-size: 11px;
	line-height: 1.2;
}
.valid_message {
	display: none;
	color: green;
	font-size: 11px;
	line-height: 1.2;
}
/*end forms fields*/
/*over blocks*/
.o {
	overflow: hidden;
}
.cx:before, .cx:after {
	content: "";
	display: table;
}
.cx:after {
	clear: both;
}
.ct {
	display: table;
}
.ct:after {
	content: '. . . . . . . . . . .';
	display: block;
	word-spacing: 99in;
	height: 0;
	overflow: hidden;
	font-size: 0.05em;
	line-height: 0.05em;
}
/*end over blocks*/
/*other*/
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border: 0;
	margin: 0 0 10px;
	height: 0;
	display: block;
	width: 100%;
	vertical-align: top;
	overflow: hidden;
	border-top: 1px solid #a5b136;
}

::-moz-selection {
 background-color: rgba(255, 0, 0, 0.5);
 color: #fff;
 text-shadow: none;
}
::selection {
	background-color: rgba(255, 0, 0, 0.5);
	color: #fff;
	text-shadow: none;
}
 img::-moz-selection {
 background-color: transparent;
 -moz-box-shadow: none;
}
img::selection {
	background-color: transparent;
	box-shadow: none;
}
ul {
	margin: 0 0 2.0rem;
	padding: 0;
	text-align: left;
}
li {
	background: url(../images/mark.png) no-repeat 0 1.0rem;
	margin: 0;
	padding: 0 0 0 1.2rem;
	list-style: none;
}
.list> li {
	background: none;
	padding: 0;
}
/*end other*/
/*---------------------- end global ----------------------------------*/
/*---------------------- wrapper ------------------------------------*/
.wrapper {
	min-width: 32.0rem;
	min-height: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.inner {
	min-width: 32.0rem;
	margin: auto !important;
	padding: 0;
}
.inner:before, .inner:after {
	content: "";
	display: table;
}
.inner:after {
	clear: both;
}
/*---------------------- *** ----------------------------------------*/
/*---------------------- header -------------------------------------*/
.header {
	position: relative;
	padding: 2.4rem 0.9rem 1.7rem;
}
.logo_header {
	background: url(../images/logo.svg) no-repeat;
	width: 22.2rem;
	height: 3.4rem;
	font-weight: 600;
}
.logo_header .link {
	display: block;
	width: 16.8rem;
	height: 2.7rem;
	padding: 0.7rem 0 0 5.4rem;
	color: #515F6B;
	text-decoration: none;
}
.name_company_block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 1.2rem;
	font-weight: 600;
}
.name_company_block .title{
	width: 79%;
}
.name_company_block .right_block {
	display: flex;
	flex-direction: row;
}
/*.name_company_block .dot_link {
	background: url(../images/dot_link.svg) no-repeat 0 50%;
	background-size: 0.5rem 1.5rem;
	display: block;
	width: 2.1rem;
	height: 1.5rem;
}*/
.nav {
	width: 4.1rem;
  height: 6.5rem;
    position: absolute;
  top: 0;
  right: 3.0rem;
  }
  .nav_right{
	right: 0;
  }
 .nav_active {
    width: 11.0rem;
	z-index: 11;
  }
  
  .nav .nav_toggle {
    background: url(../images/dot_link.svg) no-repeat 50% 50%;
	background-size: 0.5rem 1.5rem;
    border: none;
    display: block;
	width: 4.1rem;
  height: 6.5rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
  }

 .nav_active .nav_toggle {
    background: url(../images/close.svg) no-repeat 50% 50%;
	background-size: 1.3rem 1.4rem;
  }
  
 .nav .sub_all {
	background: #DFEEF8;
    display: none;
  width: 11.0rem;
  padding: 3.5rem 1.0rem 1.0rem;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  
  }

 .nav_active .sub_all {
    display: block;
  }
  
 

  .nav> .sub_all> .list> .item {
	margin: 0 0 1.0rem;
	
  }
  
 
  
  .nav> .sub_all> .list> .item> .link {
	color: #425463;
	text-decoration: none;
  }
.name_company_block .close {
	background: url(../images/close.svg) no-repeat 100% 50%;
	background-size: 1.3rem 1.4rem;
	display: block;
	width: 3.0rem;
	height: 1.5rem;
}
.bottom_block_header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin: 0 0 2.0rem;
}
.header_search {
	width: calc(100% - 4.6rem);
	height: 3.7rem;
	position: relative;
}
.header_search .field {
	background: #fff url(../images/zoom.svg) no-repeat 1.1rem 50%;
	background-size: 2.1rem 1.8rem;
	border: 0.1rem solid #868686;
	width: 100%;
	height: 3.7rem;
	padding: 0.8rem 2.2rem 0.7rem 4.5rem;
	color: #757575;
}
 .header_search.field:-moz-placeholder {
 color: #757575;
}
 .header_search .field::-moz-placeholder {
 color: #757575;
}
 .header_search.field::-webkit-input-placeholder {
 color: #757575;
}
 .header_search .field:-ms-input-placeholder {
 color: #757575;
}
.header_search .field.placeholder {
	color: #757575;
}
.filitr_block .link {
	background: #fff url(../images/filitr.svg) no-repeat 50% 50%;
	background-size: 1.4rem 1.4rem;
	border: 0.1rem solid #868686;
	display: block;
	width: 3.5rem;
	height: 3.5rem;
}
.filitr_block .sub {
	background: #fff;
	box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.25);
	width: calc(100% - 0.4rem);
	display: none;
	padding: 2.0rem 1.1rem;
	position: absolute;
	top: 100%;
	left: -0.9rem;
	right: -0.9rem;
	z-index: 3;
}
.filitr_block .sub .title {
	margin: 0 0 2.0rem;
	font-size: 1.6rem;
	font-weight: 600;
	color: #2EAED7;
}
.filitr_block .sub p {
	margin: 0 0 2.0rem;
}
.radio {
	cursor: pointer;
	background: #F5F5F5;
	border: 0.1rem solid #4A5661;
	border-radius: 50%;
	display: inline-block;
	width: 1.9rem;
	height: 1.9rem;
	position: relative;
	vertical-align: middle;
}
.radio .bg {
	background: #000;
	border: 0.1rem solid #1579B9;
	border-radius: 50%;
	width: 0.7rem;
	height: 0.7rem;
	margin: auto;
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.radio input {
	clip: rect(0, 0, 0, 0);
	position: absolute !important;
}
.radio input:checked + .bg {
	opacity: 1;
}
.label_2 {
	display: inline-block;
	vertical-align: middle;
	width: 86%;
	margin: 0 0 0 1.5rem;
	color: #4A5661;
	line-height: 1.2;
}
.select-css {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	color: #757575;
	padding: 0.8rem 3.1rem 0.8rem 1.5rem;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: none;
	border: 0.1rem solid #868686;
	box-shadow: none;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url(../images/select.svg) no-repeat 97% 50%;
}
 .select-css::-ms-expand {
 display: none;
}
.select-css:hover {
	border-color: #868686;
}
.select-css:focus {
	border-color: #868686;
	box-shadow: none;
	color: #757575;
	outline: none;
}
.select-css option {
	font-weight: 500;
	color: #757575;
}
.filitr_block_2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 0 0 -1.0rem;
	position: relative;
}
.filitr_block_2 .sub p {
	margin: 0 0 2.0rem;
}
.filitr_block_2 .item {
	margin: 0 0 0.5rem 1.0rem;
}
.filitr_block_2 .sub {
	background: #fff;
	box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.25);
	width: calc(100% - 1.4rem);
	display: none;
	padding: 2.0rem 1.1rem;
	position: absolute;
	top: 100%;
	left: 0.1rem;
	right: -0.9rem;
	z-index: 3;
}
.checkbox {
	cursor: pointer;
	background: #F5F5F5;
	border: 0.1rem solid #4A5661;
	display: inline-block;
	width: 2.0rem;
	height: 2.0rem;
	position: relative;
	vertical-align: middle;
}
.checkbox .bg {
	background: url(../images/pic301.png) no-repeat 50% 50%;
	width: 2.0rem;
	height: 2.0rem;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.checkbox input {
	clip: rect(0, 0, 0, 0);
	position: absolute !important;
}
.checkbox input:checked + .bg {
	opacity: 1;
}
.select_list {
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	overflow-y: auto;
	padding: 0 0 1.0rem;
	margin: 0 0 2.0rem -2.0rem;
}
.select_list .item {
	width: calc(20% - 2.0rem);
	margin: 0 0 0 2.0rem;
	font-size: 1.2rem;
	text-align: center;
	white-space: nowrap;
}
.select_list .link {
	color: #4A5661;
	text-decoration: none;
}
.select_list .fig {
	width: 100%;
	height: 4.5rem;
	margin: 0 0 0.6rem;
	position: relative;
	overflow: hidden;
}
.select_list .img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	vertical-align: top;
}

/*---------------------- end header ----------------------------------*/
/*---------------------- side ---------------------------------------*/
.side_1, .side_2 {
	width: 170px;
	position: relative;
	float: left;
}
.side_2 {
	float: right;
}
/*---------------------- end side ------------------------------------*/
/*---------------------- content -------------------------------------*/
.content {
	position: relative;
	padding: 0 0.9rem 5.6rem;
	overflow: hidden;
}
.promo {
	border-radius: 0.8rem;
	width: 100%;
	height: 0;
	padding: 0 0 52%;
	margin: 0 0 2.4rem;
	position: relative;
	overflow: hidden;
}
.promo .fig {
	border-radius: 0.8rem;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.promo .img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contacts_block {
	width: 100%;
	height: 0;
	margin: 0 0 3.0rem;
	padding: 0 0 61%;
	position: relative;
	overflow: hidden;
}
.contacts_block .fig {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.contacts_block iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.requisites_block .h1 {
	margin: 0 0 2.2rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: #4A5661;
}
.services_list {
	margin: 0 0 0 -1.2rem;
}
.services_list .item {
	border: 0.1rem solid #DFEEF8;
	width: calc(50% - 2.4rem);
	margin: 0 0 1.0rem 1.2rem;
	padding: 0 0.5rem;
	text-align: center;
	line-height: 1.4;
}
.services_list .link {
	font-size: 1.6rem;
	font-weight: 600;
	color: #2EAED7;
	text-decoration: none;
}
.services_list .fig {
	width: 100%;
	height: 0;
	padding: 0 0 75%;
	margin: 0 0 1.2rem;
	position: relative;
	overflow: hidden;
}
.services_list .img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	vertical-align: top;
}
.services_list .title {
	height: 3.9rem;
	margin: 0 0 0.2rem;
	overflow: hidden;
	line-height: 1.2;
}
.services_list .article {
	margin: 0 0 0.1rem;
	font-size: 1.4rem;
	color: #4A5661;
}
.services_list .in_stock {
	margin: 0 0 0.9rem;
	font-weight: 600;
	color: #1FBD05;
}
.services_list .under_order {
	margin: 0 0 0.9rem;
	font-weight: 600;
	color: #F43838;
}
.services_list .price {
	margin: 0 0 1.1rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #4A5661;
}
.services_list p {
	margin: 0 0 1.1rem;
}
.btn_1 {
	background: #2EAED7;
	border-radius: 4.0rem;
	display: inline-block;
	width: 11.6rem;
	height: 2.9rem;
	font-size: 1.3rem;
	color: #fff;
	line-height: 2.9rem;
	text-decoration: none;
}
.place_order_bottom {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
}
.place_order_bottom {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 6;
}
.place_order_bottom .link {
	background: #000;
	border-radius: 0 0 0.8rem 0.8rem;
	display: block;
	height: 5.6rem;
	font-size: 1.4rem;
	color: #fff;
	line-height: 5.6rem;
	text-align: center;
	text-decoration: none;
}
.place_order_bottom .text {
	background: url(../images/place_order.svg) no-repeat 0 50%;
	display: inline-block;
	padding: 0 0 0 4.0rem;
}
.card_block {
	padding: 1.8rem 0 6.1rem;
	text-align: center;
}
.card_block .h1 {
	text-align: left;
}
.card_block .h3 {
	font-size: 1.8rem;
	text-align: left;
	text-transform: none;
}
.card_block > .fig {
	width: 100%;
	height: 0;
	padding: 0 0 65%;
	margin: 0 0 2.5rem;
	position: relative;
	overflow: hidden;
}
.card_block .img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	vertical-align: top;
}
.card_block .close_card_block{
	width:5.0rem;
	height:5.0rem;
	position:absolute;
	top:1.0rem;
	right:1.0rem;
	z-index:3;
}
.card_block .close_card_block .link{
	background:#fff url(../images/close.svg) no-repeat 50% 50%;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
	background-size:2.0rem 1.5rem;
	border-radius:0.7rem;
	display:block;
	width:5.0rem;
	height:5.0rem;
}
.card_block .price {
	margin: 0 0 1.4rem;
	font-size: 1.4rem;
	color: #4A5661;
}
.card_block .number {
	font-size: 2.0rem;
	font-weight: 600;
}
.card_block .article {
	margin: 0.4rem 0 1.6rem;
	font-size: 1.4rem;
	color: #515F6B;
}
.card_block .in_stock {
	margin: 0 0 1.8rem;
	font-weight: 700;
	color: #1FBD05;
	text-transform: uppercase;
}
.card_block .under_order {
	margin: 0 0 1.8rem;
	font-weight: 700;
	color: #F43838;
	text-transform: uppercase;
}
.delivery_block {
	border-top: 0.1rem solid #D9D9D9;
	border-bottom: 0.1rem solid #D9D9D9;
	margin: 0 0 2.0rem;
	padding: 2.0rem 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.delivery_block .item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 0 1.8rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #4A5661;
	text-align: left;
	line-height: 1.2;
}
.delivery_block .fig {
	width: 2.4rem;
	height: 2.0rem;
	margin: 0 1.8rem 0 0;
	position: relative;
	overflow: hidden;
}
.delivery_block .img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	vertical-align: top;
}
.delivery_block .title {
	margin: 0 0.5rem 0 0;
	color: #0D87D4;
}
.basket_block .item {
	border: 0.1rem solid #D9D9D9;
	margin: 0 0 3.1rem;
	padding: 1.1rem;
}
.basket_block .box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.basket_block .box:nth-child(2) {
	align-items: center;
}
.basket_block .fig {
	width: 9.9rem;
	height: 6.0rem;
	margin: 0 1.5rem 2.8rem 0;
	position: relative;
	overflow: hidden;
}
.basket_block .img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	vertical-align: top;
}
.basket_block .title {
	width: calc(100% - 15.9rem);
	margin: 0 0 2.8rem;
	font-size: 1.6rem;
	color: #4A5661;
	line-height: 2.3rem;
}
.basket_block .title .link {
	color: #4A5661;
	text-decoration: none;
}
.basket_block .grey_text {
	font-size: 1.4rem;
	color: #B5B5B5;
}
.basket_block .price {
	font-size: 1.6rem;
	font-weight: 600;
	color: #4A5661;
}
.basket_block .delete {
	background: url(../images/delete.svg) no-repeat;
	display: block;
	width: 2.8rem;
	height: 3.4rem;
	margin: 0 0 2.8rem;
	position: relative;
	z-index: 2;
}
.basket_block .number {
	background: #fff;
	border: 0.1rem solid #BDBDBD;
	border-radius: 0.2rem;
	display: block;
	width: 4.2rem;
	height: 2.6rem;
	padding: 0 3.0rem;
	position: relative;
	overflow: hidden;
}
.basket_block .number .field {
	background: #fff;
	border: none;
	width: 100%;
	height: 2.6rem;
	padding: 0.5rem;
	color: #4A5661;
	text-align: center;
}
.basket_block .number .field:-moz-placeholder {
color: #4A5661;
}
.basket_block.number .field::-moz-placeholder {
color: #4A5661;
}
.basket_block .number .field::-webkit-input-placeholder {
color: #4A5661;
}
.basket_block .number .field:-ms-input-placeholder {
color: #4A5661;
}
.basket_block .number .field.placeholder {
	color: #4A5661;
}
.basket_block .number .up {
	background: url(../images/plus.png) no-repeat 50% 50%;
	display: block;
	width: 2.6rem;
	height: 2.6rem;
	position: absolute;
	top: 0;
	right: 0;
}
.basket_block .number .down {
	background: url(../images/minus.png) no-repeat 50% 50%;
	display: block;
	width: 2.6rem;
	height: 2.6rem;
	position: absolute;
	top: 0;
	left: 0;
}
.back {
	background: #2EAED7;
	border-radius: 9.0rem;
	display: inline-block;
	height: 3.5rem;
	padding: 0 1.9rem;
	color: #fff;
	line-height: 3.5rem;
	text-decoration: none;
}
.bottom_block_header .h1 {
	margin: 0;
}
.item_in_cart {
	margin: 0 0 1.2rem;
	font-size: 1.6rem;
	color: #4A5661;
}
.item_in_cart_2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 1.2rem;
	color: #4A5661;
}
.item_in_cart_2 .price {
	text-transform: uppercase;
}
.total {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 2.0rem;
	font-size: 1.6rem;
	color: #4A5661;
	text-transform: uppercase;
}
.total .total_in {
	font-weight: 600;
}
.total_2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 2.0rem;
	color: #4A5661;
	text-transform: uppercase;
}
.total_2 .total_in {
	font-weight: 700;
}
.delivery_block_basket .title {
	margin: 0 0 1.8rem;
	font-size: 1.8rem;
	font-weight: 600;
	color: #0D87D4;
}
.delivery_block_basket .in {
	border-bottom: 0.1rem solid #CCCCCC;
	margin: 0 0 2.0rem;
}
.form_block {
	border-bottom: 0.1rem solid #CCCCCC;
	margin: 0 0 2.0rem;
}
.form_block .box {
	margin: 0 0 1.8rem;
}
.label {
	font-size: 1.4rem;
	color: #757575;
}
.label .star {
	color: #F43838;
}
.h-52 {
	height: 5.2rem;
}
.form2 .h3 {
	font-size: 1.8rem;
	text-transform: none;
}
.history_block .item {
	font-size: 1.4rem;
	color: #4A5661;
}
.history_block .link {
	background: url(../images/history_block_link.png) no-repeat 95% 1.3rem;
	border: 0.1rem solid #D9D9D9;
	display: flex;
	flex-direction: row;
	padding: 1.3rem 6.3rem 1.4rem 1.0rem;
	color: #4A5661;
	text-decoration: none;
}
.products_the_order .history_block .link {
	background: none;
	padding: 1.3rem 3.3rem 1.4rem 1.0rem;
}
.history_block .fig {
	width: 8.2rem;
	height: 4.9rem;
	margin: 0 1.5rem 0 0;
	position: relative;
	overflow: hidden;
}
.history_block .img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	vertical-align: top;
}
.history_block .text {
	width: calc(100% - 9.7rem);
}
.history_block .price {
	margin: 0 0 0.3rem;
	font-weight: 600;
}
.history_block .rejected {
	font-weight: 600;
	color: #F43838;
}
.history_block .received {
	background: url(../images/received.svg) no-repeat 100% 50%;
	display: inline-block;
	padding: 0 2.0rem 0 0;
	font-weight: 600;
	color: #1FBD05;
}
.history_block_in {
	border: 0.1rem solid #D9D9D9;
	border-radius: 0.8rem 0.8rem 0 0;
	padding: 1.6rem 2.1rem 1.7rem 1.5rem;
	color: #4A5661;
}
.history_block_in .price {
	margin: 1.3rem 0 0;
	font-weight: 600;
}
.total_block {
	background: #F5F5F5;
	border: 0.1rem solid #D9D9D9;
	border-radius: 0 0 0.8rem 0.8rem;
	margin: 0 0 3.8rem;
	padding: 1.3rem 2.1rem 1.9rem 1.5rem;
	color: #4A5661;
}
.total_block .in {
	margin: 0 0 0.9rem;
}
.total_block .title {
	display: inline-block;
	font-weight: 600;
}
.total_block_price {
	font-weight: 600;
	color: #0D87D4;
	text-transform: uppercase;
}
.products_the_order .h3 {
	font-size: 1.8rem;
	text-transform: none;
}
.modal {
	position: fixed;
	z-index: 1000;
}
.modal__inner {
	overflow: hidden;
	overflow-y: scroll;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.modal, .modal__bg {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.modal__horisontal_inner {
	display: table;
	height: 100%;
	margin: auto;
}
.modal__vertical_inner {
	display: table-cell;
	vertical-align: middle;
	-webkit-perspective: 1300px;
	perspective: 1300px;
}
.modal__bg {
	background: #000;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.show .modal__bg {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modal__content {
	background: #fff;
	padding: 24px;
	position: relative;
}
.modal__close_btn {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	text-decoration: none;
	line-height: 24px;
	z-index: 2;
}
.modal_lightbox__prev, .modal_lightbox__next {
	cursor: pointer;
	width: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.modal_lightbox__next {
	left: auto;
	right: 0;
}
/*---------------------- end content ----------------------------------*/
/*---------------------- footer ---------------------------------------*/
.footer {
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

/*---------------------- end footer -----------------------------------*/
/* media queries */
/* small screens (portrait and landscape) */
/* small screens (landscape) */
/* small screens (portrait) */
/* medium small screens */
/* medium screens (excludes iPad & iPhone) */
/* ipads (portrait and landscape) */
/* ipads (landscape) */
/* ipads (portrait) */
/* medium large screens */
/* large screens */
/* extra large screens */
/* iphone 4 and high pixel ratio (1.5+) devices */
/* iphone 4 and higher pixel ratio (2+) devices (retina) */
/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
/* print media */
@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media print {
* {
	color: black !important;
	background: transparent !important;
	text-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	float: none !important;
	clear: none !important;
}
html, body, article, header, section, footer, aside, div {
	width: 100% !important;
}
a, a:link, a:visited, a:hover, a:active, abbr, acronym {
	text-decoration: none;
	border-bottom: 0 none;
}
h1, h2, h3, h4, h5, h6, p, li {
	page-break-inside: avoid;
	orphans: 3;
	widows: 3;
}
h1, h2, h3, h4, h5, h6 {
	page-break-after: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
nav {
	display: none;
}
}
