/* ---------------------------------------------------------------------------------------------------- Modal window */
.i_modal:before {
	/*content: '';*/
	position: absolute;
	top: -6px;
	z-index: -1;

	width: 12px;
	height: 12px;

	background-color: #2788cb;

	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	transform: rotate(45deg);
}
#i_fp_pos_auth input:not([type=submit]),
#i_fp_pos_regi input:not([type=submit]) {
	background: transparent;
	padding-top: 13px;
}
@media screen and (max-width: 1340px) {
	#i_fp_pos_auth input:not([type=submit]),
	#i_fp_pos_regi input:not([type=submit]) {
		background: transparent;
	}
}
.bx-system-auth-form table tr td {
	padding-top: 20px !important;
}
.bx-system-auth-form label {
	cursor: pointer;
}
.i_modal {
	position: absolute;
	z-index: 500;

	min-width: 280px;

	background-color: white;
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	border-radius: 7px;
	/*transition: top .2s,
				bottom .2s,
				left .2s,
				right .2s,
				margin .2s;
	overflow: hidden;*/
}
.i_modal_title {
	padding: 16px 50px 12px 20px;
	background-color: #fff;
	color: #1e1e1d;
	font-size: 18px;
	font-family: 'adihaus_b';
	text-transform: uppercase;
	border-bottom: 1px solid #d7d7d7;
}
.i_modal_close {
	position: absolute;
	background: url(/local/templates/ilab_it_shop/ilab/img/svg/close.svg) no-repeat center / 13px auto;
	display: block;
	cursor: pointer;
	height: 50px;
	right: 0;
	top: 0;
	width: 50px;
}
.bx-auth-reg {
	font-size: 14px;
}
.i_modal_body {
	padding: 15px;
	background-color: white;
}
.i_modal_body table td {
	padding: 5px;
}
.i_modal_body ul {
	padding-left: 35px;
}
.i_modal_body ul li {
	position: relative;
	list-style-type: none;
}
.i_modal_body ul li:after {
	content: '';
	position: absolute;
	top: 5px;
	left: -15px;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background-color: #c33049;
}
.i_opacity {
	background-color: black;
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

/* -----------------------------------------------------------------------------------  {POS} */

/* -----------------------------------------------------------------------------------  Feedback */
#i_pos_feedback {
	margin-top: 20px;
}

#i_pos_feedback .i_modal_body table {
	width: 100%;
}

@media screen and (min-width: 490px) {
	#i_pos_feedback {
		width: 450px;
	}
}
@media screen and (min-width: 490px) and (max-width: 560px) {
	#i_pos_feedback {
		right: 20px!important;
		left: auto!important;
	}
}
@media screen and (max-width: 489px) {
	#i_pos_feedback {
		left: 20px!important;
		right: 20px!important;
	}
}

@media screen and (max-width: 390px) {
	#i_pos_feedback .i_modal_body table tr > td:first-child {
		display: none;
	}
}

/*@media screen and (min-width: 490px) {
	#i_pos_feedback {
		width: 450px;
	}
}
@media screen and (min-width: 420px) {
	#i_pos_feedback {
		margin-top: 15px;
	}
}
@media screen and (min-width: 490px) and (max-width: 525px) {
	#i_pos_feedback {
		left: 0!important;
		right: 0!important;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width: 489px) and (max-width: 567px) {
	#i_pos_feedback {
		right: 20px!important;
		left: auto!important;
	}
}
@media screen and (max-width: 489px) {
	#i_pos_feedback {
		left: 20px!important;
		right: 20px!important;
	}
}
@media screen and (max-width: 419px) {
	#i_pos_feedback {
		top: 60px!important;
	}
}*/
/* -------------------------------------------------- Delta */
#i_pos_feedback .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: #2788cb;
}
@media screen and (max-width: 390px) {
	#i_pos_feedback .i_modal_delta {
		left:0!important;
		right:0!important;
		margin-right: auto;
		margin-left: auto;
	}
}

/* ---------------------------------------------------------------------------------------------------- Payment\Delivery */
#i_pos_pay,
#i_pos_del {
	margin-top: 15px;
	position: fixed;
}

@media screen and (min-width: 440px) {
	#i_pos_pay,
	#i_pos_del {
		width: 400px;
	}
}

@media (max-width: 900px) {
	#i_d_tc {
		/*margin-left: -14px;*/
	}
}

@media screen and (min-width: 440px) and (max-width: 900px) {

}
@media screen and (min-width: 440px) and (max-width: 950px) {
	#i_pos_del {
		left: auto !important;
		right: 20px;
	}
}
@media screen and (max-width: 439px) {
	#i_pos_pay,
	#i_pos_del {
		left: 20px!important;
		right: 20px;
	}
}
/* -------------------------------------------------- Delta */
#i_pos_pay .i_modal_delta:before,
#i_pos_del .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: #fff;
}
/* ---------------------------------------------------------------------------------------------------- Map */
#i_pos_map {
	margin-bottom: 15px;
}
@media (max-width: 880px){
	#i_pos_map {
		right: 20px !important;
		left: 20px !important;
	}
}
@media screen and (min-width: 940px) {
	#i_pos_map,
	#i_bs_pos_map {
		width: 800px;
	}
}
@media screen and (max-width: 590px) {
	#i_pos_map {
		left: 20px!important;
	}
}
/* -------------------------------------------------- Delta */
#i_pos_map .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: white;
}
/* ---------------------------------------------------------------------------------------------------- Map basket */
#i_bs_pos_map {
	margin-bottom: 15px;
}
@media screen and (max-width: 939px) {
	#i_bs_pos_map {
		left: 10px!important;
		right: 10px!important;
	}
}
/* -------------------------------------------------- Delta */
#i_bs_pos_map .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: white;
}
/* ---------------------------------------------------------------------------------------------------- Review */
#i_pos_review {
	margin-top: 10px;
	margin-bottom: 15px;
}

@media screen and (min-width: 551px) {
	#i_pos_review {}
}
@media screen and (max-width: 550px) {
	#i_pos_review {
		left: 20px !important;
		right: 20px;
	}
}
/* -------------------------------------------------- Delta */
#i_pos_review .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: #2788cb;
}
/* ---------------------------------------------------------------------------------------------------- Authorization/Registration */
#i_pos_regi,
#i_pos_auth {
	margin-top: 15px;
}
@media screen and (min-width: 361px) {
	#i_pos_regi,
	#i_pos_auth {
		width: 320px;
	}
}
@media screen and (max-width: 360px) {
	#i_pos_regi,
	#i_pos_auth {
		left: 20px!important;
		right: 20px!important;
	}
}
/* -------------------------------------------------- Delta */
#i_pos_regi .i_modal_delta:before,
#i_pos_auth .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: #2788cb;
}
/* ---------------------------------------------------------------------------------------------------- FP Authorization/Registration */
#i_fp_pos_regi,
#i_fp_pos_auth {
	position: fixed;
	margin-top: 15px;
}
@media screen and (min-width: 360px) {
	#i_fp_pos_regi,
	#i_fp_pos_auth {
		width: 320px;
	}
}
@media screen and (min-width: 360px) and (max-width: 1024px) {
	#i_fp_pos_regi,
	#i_fp_pos_auth {
		right: 20px !important;
		left: auto;
	}
}
@media screen and (max-width: 359px) {
	#i_fp_pos_regi,
	#i_fp_pos_auth {
		left: 20px!important;
		right: 20px!important;
		max-width: 280px;
	}
}
/* -------------------------------------------------- Delta */
#i_fp_pos_regi .i_modal_delta:before,
#i_fp_pos_auth .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -6px;
	z-index: -2;

	margin-left: -6px;
	margin-top: 0px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: white;
}
/* ---------------------------------------------------------------------------------------------------- Basket Payment\Delivery */
#i_pos_ba_dmet,
#i_pos_ba_fpay {
	margin-bottom: 15px;
}

@media screen and (min-width: 801px) {
	#i_pos_ba_dmet {
		margin-right: -10px;
	}
}
@media screen and (min-width: 545px) {
	#i_pos_ba_dmet,
	#i_pos_ba_fpay {
		width: 525px;
	}
}
@media screen and (min-width: 545px) and (max-width: 800px) {
}
@media screen and (max-width: 544px) {
	#i_pos_ba_dmet,
	#i_pos_ba_fpay {
		left: 10px!important;
		right: 10px!important;
	}
}
/* -------------------------------------------------- Delta */
#i_pos_ba_dmet .i_modal_delta:before,
#i_pos_ba_fpay .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: white;
}

/* ---------------------------------------------------------------------------------------------------- Quick order */
#i_pos_quick,
#i_pos_unit_quick {
	margin-top: 15px;
}
#i_pos_quick {

}
#i_pos_unit_quick {

}
@media screen and (min-width: 410px) {
	#i_pos_quick {
		width: 350px;
	}
}
@media screen and (min-width: 510px) {
	#i_pos_unit_quick {
		width: 350px;
	}
}
@media screen and (min-width: 391px) and (max-width: 509px) {
	#i_pos_unit_quick {
		left: 40px!important;
	}
}
@media screen and (max-width: 390px) {
	#i_pos_unit_quick {
		left: 20px!important;
		right: 20px!important;
	}
}
@media screen and (max-width: 409px) {
	#i_pos_quick {
		left: 20px!important;
		right: 20px!important;
	}
}
/* -------------------------------------------------- Delta */
#i_pos_quick .i_modal_delta:before,
#i_pos_unit_quick .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: #2788cb;
}

/* ------------------------------------------------- Заказать */
#i_pos_to_order {
	margin-top: 20px;
}
#i_pos_to_order .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: #fff;
}

@-moz-keyframes arrow_up {
	from {
		bottom: -35px;
		opacity: 0;
	}
	to {
		bottom: -26px;
		opacity: 1;
	}
}
@-webkit-keyframes arrow_up {
	from {
		bottom: -35px;
		opacity: 0;
	}
	to {
		bottom: -26px;
		opacity: 1;
	}
}
@-o-keyframes arrow_up {
	from {
		bottom: -35px;
		opacity: 0;
	}
	to {
		bottom: -26px;
		opacity: 1;
	}
}
@keyframes arrow_up {
	from {
		bottom: -35px;
		opacity: 0;
	}
	to {
		bottom: -26px;
		opacity: 1;
	}
}

/* --------------------------------------------------------------------------- MODAL MAP */
.i_map_cont {
	display: flex;
}
.i_modal_map_div .i_modal_map {
	margin-top: 15px;
	width: 100%;
	min-width: 388px;
	height: 350px;
}
.i_modal_map_but_block {
	margin-left: 20px;
}
.i_modal_map_but_block .i_modal_map_but {
	cursor: pointer;
	padding: 10px;
	transition: all 0.4s ease;
}
.i_modal_map_but_block .i_modal_map_but span {
	border-bottom: 1px dashed;
}
.i_modal_map_but_block .i_modal_map_but:hover {
	color: #d34f4e;
}
.i_modal_map_but_block .i_modal_map_but_act span {
	border: unset;
	color: #d34f4e;
}
@media screen and (max-width: 939px) {
	#i_pos_map,
	#i_bs_pos_map {
		width: auto;
	}
}
@media screen and (max-width: 759px) {
	.i_modal_map_div .i_modal_map {
		min-width: 250px;
	}
	.i_map_cont {
		flex-direction: column;
	}
	.i_modal_map_but_block {
		margin-left: 0;
		margin-top: 10px;
	}
}
#j_order_pp {
	margin-bottom: 15px;
	max-width: 600px;
	right: 20px;
}
#j_order_pp .i_modal_body {
	max-height: 400px;
	overflow-y: scroll;
}

#j_order_pp ::-webkit-scrollbar { width: 6px;}
#j_order_pp ::-webkit-scrollbar-button {  background-color: #fff; height: 0 }
#j_order_pp ::-webkit-scrollbar-track {  background-color: #c33049;}
#j_order_pp ::-webkit-scrollbar-track-piece { background-color: #ffffff;}
#j_order_pp ::-webkit-scrollbar-thumb { height: 30px; background-color: #c33049;}
#j_order_pp ::-webkit-scrollbar-corner { background-color: #c33049;}
#j_order_pp ::-webkit-resizer { background-color: #c33049;}

#j_order_pp .i_modal_body {
	scrollbar-width: thin;  /* толщина */
	scrollbar-color: #c33049 #fff;     /* «цвет ползунка» «цвет полосы скроллбара» */
}

#j_order_pp .i_modal_delta:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -6px;
	z-index: -2;

	margin-left: -6px;

	height: 13px;
	width: 13px;

	transform: rotate(45deg);
	box-shadow: 0 0 10px 0 rgba(19, 27, 32, 0.25);
	background-color: #fff;
}
@media screen and (max-width: 800px) {
	#j_order_pp {
		left: 20px !important;
	}
}
@media screen and (max-width: 479px)  {
	#j_order_pp .i_modal_delta:before {
		left: 20%
	}
}