@media handheld{
	#main{
		width:100%;
	}
	.equip-block{
		margin-left:8px;
		border:1px solid red;
		width:100px;
	}
	.equip-item{
		width:100px;
	}
}

.scroll-menu{
	position:fixed !important;
	top: 0;
	left: 0;
	z-index: 101;
	height: 53px;
	line-height: 50px;
	display:block !important;
}

.filter-item{
	display: flex;
	flex: none;
	cursor: default;
/*	font-size: 9pt;*/
	align-self: center;
	box-sizing: border-box;
	flex-direction: row;
	padding: 4px;
	margin: 4px;
	float: left;
	border-radius: 50px;
	color: #00000;
	background: #ffffff;
	border: 0px solid #d8d8d8;
}
.filter-button{
	/*display: flex;
	flex-direction: row;
	padding: 6px 16px;
	cursor: pointer;
	border: 2px solid #3684EA;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 45px;
	flex: none;
	align-items: center;
	align-self: center;*/
	
	display: flex;
	flex: none;
	cursor: pointer;	
	align-self: center;
	box-sizing: border-box;
	flex-direction: row;
	align-items: center;
	padding: 4px;
	margin: 4px;
	float: left;
	border-radius: 28px;	
	background: #f9f9f9;	
	color: #3684e4;
	font-size: 9pt;
	/*line-height: 20px;*/
	font-family: Qanelas;
	font-style: normal;
	/*font-weight: 600;*/
	text-align: center;
	letter-spacing: 0.02em;
	border: 2px solid #3684e4;
}
.filter-button:hover{
	color:#32325d;
	border: 2px solid #32325d;
}

.filter-panel{
	border:0px solid red;
	position:relative;
	left:0px;
	
	width:100%;
	height:100%;
	display:none;
}

.filter-panel.active{
	display:inline-block;
}

.filter-buttons{
	display: flex;
	flex: none;
	cursor: pointer;	
	align-self: center;
	box-sizing: border-box;
	flex-direction: row;
	align-items: center;
	padding: 4px;
	margin: 4px;
	float: left;
	border-radius: 50px;	
	background: #f9f9f9;	
	color: #3684e4;
	font-size: 16px;
	line-height: 20px;
	font-family: Qanelas;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.02em;
	border: 2px solid #3684e4;
}



.btn-modal-1{
	display: flex;
	flex-direction: row;
	padding: 6px 16px;
	cursor: pointer;
	border: 2px solid #3684EA;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 45px;
	flex: none;
	background:#3684e4;
	align-items: center;
	align-self: center;
}

.btn-modal-1 span{	
	font-family: Qanelas;
	font-style: normal;
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: 16px;
	letter-spacing: 0.02em;
	color: #ffffff;
	border:0px solid red;
	flex: none;
	align-self: center;
}

.btn-modal-1:hover{
/*	display: flex;*/
	flex-direction: row;
	padding: 6px 16px;
	cursor: pointer;
	background: #32325d;
	border-radius: 45px;
	flex: none;
	border: 2px solid #32325d;
	align-items: center;
	align-self: center;	
}

.btn-modal-1:hover span{	
	font-family: Qanelas;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	border:0px solid #ffffff;
	flex: none;
	align-self: center;
}

.btn-modal-2{
	display: flex;
	flex-direction: row;
	padding: 6px 16px;
	cursor: pointer;
	border: 2px solid #ffffff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 45px;
	flex: none;
	background:#ffffff;
	align-items: center;
	align-self: center;
}

.btn-modal-2 span{	
	font-family: Qanelas;
	font-style: normal;
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: 16px;
	letter-spacing: 0.02em;
	color: #3684EA;
	border:0px solid red;
	flex: none;
	align-self: center;
}

.btn-modal-2:hover{
/*	display: flex;*/
	border:2px solid #ffffff;	
}

.btn-modal-2:hover span{	
	
	color: #32325d;
}

.hasError{
	border:1px solid #ff2100;
}

.btn-mod-3{
	display: flex;
	flex-direction: row;
	padding: 6px 16px;
	cursor: pointer;
	border: 2px solid #3684EA;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 45px;
	flex: none;
	background:#ffffff;
	color: #3684EA;
	align-items: center;
	align-self: center;
}

.btn-mod-3 span{	
	font-family: Qanelas;
	font-style: normal;
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: 16px;
	letter-spacing: 0.02em;
	color: #3684EA;
	border:0px solid red;
	flex: none;
	align-self: center;
}



.btn-mod-3:hover{
/*	display: flex;*/
	
	border: 2px solid #32325d;
	
/*	border: 2px solid #32325d;	*/
	
}

.btn-mod-3:hover span{	
	
	color: #32325d;
}

/*
.filter-button:hover{
	display: flex;
	flex: none;
	cursor: default;
	font-size: 9pt;
	box-sizing: border-box;
	flex-direction: row;
	padding: 2px;
	margin: 4px;
	border-radius: 50px;
	color: #f9f9f9;
	background: #3684e4;
	font-family: Qanelas;
	font-style: normal;
	margin-left:auto;
	/*	position:absolute;
	/*	right:1%;
	/*float: right;*/
/*	align-self: right;
	font-weight: bold;
	border: 2px solid #3684e4;
}*/

body{	
	overflow-x:hidden;
	background:#f8f8f8;
}

.modal {
   width:434px;	
   opacity: 0;
   visibility: hidden;
   position: fixed;
   padding:16px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background:#fff;
   box-shadow:0px 4px 8px rgba(0,0,0,0.25);
   
  /* border:1px solid black;*/
   border-radius:8px;
   z-index: 100; 
   text-align: center; 
}

.modal2 {
   width:434px;	
 /*  width:calc(100%-16px);*/
   opacity: 0;
   visibility: hidden;
   position: fixed;
   padding:16px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background:#fff;
   box-shadow:0px 4px 8px rgba(0,0,0,0.25);
   
  /* border:1px solid black;*/
   border-radius:8px;
   z-index: 100; 
   text-align: center; 
}

.modal1{
   opacity: 0;
   visibility: hidden;
   position: relative;
   
   display:none;
   z-index: 100; 
   background:#f8f8f8;
   text-align: center; 
   top:0px;
   left:0px;
}

.modal__cross {
   width: 15px;
   height: 15px;
   position: absolute;
   top: 20px;
   right: 20px;
   fill: #444;
   cursor: pointer;
}

.overlay {
   opacity: 0;
   visibility: hidden;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border:0px solid red;
   background-color: rgba(0, 0, 0, .5);
   z-index: 90;
}
.modal.active,
.modal1.active,
.modal2.active,
.overlay.active{
   opacity: 1;
   visibility: visible;
}
.main{
	margin-top:2px;
	position:relative;
	background:#f8f8f8;
	width:100%;
	height:auto;
	display:none;	
	border:0px solid black;
}
.main.activemain,
#startdiv.activemain{	
	display:table;
}
#main-1{
	display:flex;
}

.not-found-popup{
	display:none;
	width:434px;
	position:absolute;
	height:503px;
	left:743px;
	top:205px;
	background:#fff;
	box-shadow:0px 4px 8px(0,0,0,0.25);
	border-radius:8px;
}
.equip-block{
	width: 320px;
	position:relative;
	flex-shrink:0;
	/*margin-left:5px;*/
	border:0px solid black;
	height: auto;	
	float: left;
}
.equip-title{
	width: 100%;
	cursor: default;
	margin-left: 1%;
	color: #3684e4;
	border: 0px solid green;
}
.equip-main{
	margin-left: 1%;
	width: 100%;
	
	overflow: hidden;
	border: 0px solid silver;
	display: block;
}
.equip-item{
	background: #ffffff;
	cursor:pointer;
	font-size: 8pt;
	display: flex;
	-webkit-user-select:none;
	-moz-user-select:none;
	flex: none;
	flex-direction: row;
	font-size:15px;
	line-height:18px;
	
	width: 100%;
	margin-top: 1%;
	height: 70px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}

.equip-item[data-disabled]{
	opacity:0.5;
}

.equip-item:not([data-disabled]):hover{
	border: 1px solid #bdbdbd;
}

.equip-item.active-equip:hover{
	border-color: #222222;/*#3684ea;*/
	border-style: solid;
	border-width: 1px;
	border-right-width: 3px
}
#listblock{
		display:none;
	}
	#listblock.activemain{
		display:block;
	}
.show{
	display: block;
}
.hide{
	display: none;
}
.active-filter{
	font-family: Qanelas;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	border:0px solid #ffffff;
	flex: none;
	align-self: center;
	
/*	color: #3684e4;
	font-size: 9pt;
	font-family: Qanelas;
	font-style: normal;
	font-weight: bold;
	border: 2px solid #3684e4;*/
}


.send_order{
	display: flex;
	flex: none;	
	box-sizing: border-box;
	flex-direction: row;
	border: 0px solid black;
	/*width:260px;*/
	padding: 4px;
	margin: 4px;
	margin-left:auto;
	cursor: default;
	border-radius:10px;
	font-size: 9pt;
	font-family: Qanelas;
	font-style: normal;
	font-weight: bold;
/*	border: 2px solid #3684e4;*/
}
#cart:hover{
	border:1px solid #3684e4;
	
	cursor:default;
}
.active-filter-2{
	display: flex;
	flex: none;
	cursor: default;
	font-size: 9pt;
	box-sizing: border-box;
	flex-direction: row;
	padding: 2px;
	margin: 4px;
	border-radius: 28px;
	color: #f9f9f9;
	background: #3684e4;
	font-family: Qanelas;
	font-style: normal;
	margin-left:auto;
/*	position:absolute;
/*	right:1%;
	/*float: right;*/
	align-self: right;	
	font-weight: bold;
	border: 2px solid #3684e4;
}
.active-filter-2:hover{
	background:#32325d;
	border: 2px solid #32325d;
}
/*/////
.filter{
	width: 100%;
	position:relative;
	margin:0px;

	display: table;
	
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border-radius: 5px;

}*/

.filter{
	width:calc(100%-48px);
	display:flex;
	flex-wrap:nowrap;
	position:relative;
	margin:24px;
	margin-bottom:0px;
/*	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);*/
/*	background-color: #ffffff;
	border-radius: 5px;
/*	padding:16px 18px 16px 18px;*/
	
/*////	width: calc(100%-48px);
    position:relative;
    height:68px;
	margin:24px 24px 0px 24px;
	display:flex;
	align-items: center;

	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	background-color: #ffffff;
	border-radius: 5px;*/

}
/*////
.filter div{
	flex-direction: row;
	display: flex;
	flex: none;
	position:relative;
	cursor: default;
	font-size: 9pt;
	box-sizing: border-box;
	flex-direction: row;
	float: left;
}*/

.filter div{
  /*///  flex-direction: row;
    flex: none;*/
    display: flex;
    position:relative;
  
}



.filter select{
	margin-left: 0%;
	align-self: center;
	height: 30px;
	box-shadow: 0 0 0 #757575;
	font-family: Qanelas;

	-webkit-appearance: none;
	-moz-appearance: none;
	font-size:16px;
	line-height:20px;
	font-style: normal;
/*	font-size: 10pt;
	line-height: 14px;*/
	width: 100%;
/*	float: left;////*/
	border: 0px solid #bdbdbd;
	border-radius: 3px;
}
.filter select:required:invalid {
	color: #757575;
}
.filter select::-ms-expand {
	display: none;
}
.dropdown {
	margin-left: 10px;
	margin-right: 10px;
/*///	margin-left: 0%;*/
	position: relative;
	width: 250px;
	height: 30px;
	font-size:16px;
	transition:0.2s;
	font-weight:700;
	line-height:20px;
	/*align-self: center;///*/
	background: #ffffff;
	border: 0px solid black;
	border-radius: 3px;
	box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.35);
	border-radius: 4px;
}
option,
select {
	color: #000000;
	font-size:16px;
	width:100%;
	line-height:20px;
	padding-left: 15px;
	padding-top: 0px;
	font-weight:700;
	border: none;
	outline:none;
}
.dropdown:focus,
.dropdown:hover {
	border: 0px solid red;
	font-size:16px;
	line-height:20px;
	box-shadow: 0px 1.5px 4px rgb(0 0 0 / 50%);
	color: #000000;
}

.active-equip{
	border-color: #222222; /*#3684ea;*/
	border-style: solid;
	border-width: 1px;
	border-right-width: 3px
}
.group-img{
/*	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;*/
	height:62px;
	width:62px;
	/*position:absolute;
	left:4px;
	top:4px;*/
	background-color: #fff;
}
.material-icons {
	/*font-family: Material Icons;*/
	/*content:"expand-more";
	font-family:icons;*/
	background-image:url(images/expand.svg);
	position: absolute;
	top: 5px;
	right: 10px;
	border-radius:3px;
	pointer-events: none;
	
/*	font-size: 24px;
	line-height: 24px;
	color: black;
	position: absolute;
	top: 5px;
	right: 10px;
	border-radius:3px;
	pointer-events: none;*/
}

span[name="startpage"] a{
	text-decoration: none;
}
span[name="startpage"] a:link{
	color:#3684ea;
}
div[name="startpage"] a:link{
	color:#000000;
}
span[name="startpage"] a:hover{
	color:#32325d;
}
.popup-btn-1{
	
	border-radius:45px;
	font-size: 9pt;	
	box-sizing: border-box;	
	flex-direction: row;
/*	padding: 2px;
	margin: 4px;	*/
	color: #f9f9f9;
	background: #3684e4;
	font-family: Qanelas;
	font-style: normal;	
	font-weight: bold;
	align-items: center;
	border: 0px solid #3684e4;
}
.popup-btn-2{

	border-radius: 45px;
	font-size: 9pt;
	box-sizing: border-box;
	flex-direction: row;
	/*	padding: 2px;
	margin: 4px;	*/
	color: #3684e4;
	background: #ffffff;
	font-family: Qanelas;
	font-style: normal;
	font-weight: bold;
	align-items: center;
	border:1px solid #ffffff;
}

.tooltip{
	display:none;
	padding:10px;
	position:relative;
	width:auto;
	max-width:400px;
	height:auto;
	left:0px;
/*	margin-left: 10px;*/
	float:left;
	border-radius:4px;
	border:1px solid #BDBDBD;
	box-shadow: 0 2px 3px #757575;
	background: #fff;
}

.tooltip:hover{
	display:block;
}

.dtype_button{
	background:#ebebeb;
	border:1px solid #898989;
	border-radius:4px;
	width:90%;
	height:100%;
}
.dtype_button:hover{
	background:#ffffff;
	border:1px solid #898989;
	border-radius:4px;
	width:90%;
	height:100%;
}

#assembly:hover{
	border:1px solid #d8d8d8;
	color:#32325d;
}
.check-assm{
	border:1px solid #d8d8d8;
	color:#3684e4;
}

.check-assm:hover{
	border:1px solid #d8d8d8;
	color:#32325d;
}

.inputTN {
  position:relative;
  margin-right:10px;
  width:15%;
  height:80%;
  background:#ffffff;
  border:1px solid #d0c4db;
  border-radius: 3px;
}

.inputTN__number {
  border-radius: 3px;
 /* padding-left: 10px;
  padding-right: 20px;*/
  border: 0px solid #d0c4db;
  outline: none;
  text-align:center;
  align:middle;
  width: 50%;
  height: 100%;
 /* transition: .2s;*/
}

.inputTN:hover .inputTN__number,
.inputTN:focus .inputTN__number {
  border-color: #888;
  
}

.inputTN_select{
	width:0px;
	top:0px;
	height:100%;
	
}

.inputTN__top {
  width: 0px;
  border: 5px solid transparent;
  border-bottom: 7px solid #d0c4db;
  position: absolute;
  top: 5%;
  right: 5px;
  cursor: pointer;
  transition: .2s;
}

.inputTN__top:hover{
  border-bottom-color: #888;
}

.inputTN__bottom {
  width: 0px;
  border: 5px solid transparent;
  border-top: 7px solid #d0c4db;
  position: absolute;
  top: 60%;
  right: 5px;
  cursor: pointer;
  transition: .2s;
}

.inputTN__bottom:hover {
  border-top-color: #888;
}

.divforma{
		width:380px;
		position: relative;
		
		left:50%;
	
		margin-left:-190px;
		font-size:16px;
		line-height:24px;
		padding-top:30px;
		display:inline-block;
		border:0px solid red;
		text-align:left
	}
	
.back-div{
	position:relative;
	cursor:pointer;
/*	margin-left:-37px;*/
	top:4px;
	left:18%;
	width:75px;
	height:24px;
	border:0px solid blue;
	display:flex;
	justify-content:center;
	align-items:center;
	background:url(../img/orders/Vector.png) 0% 50% no-repeat;
	padding-left:18px;
	color:#3684ea;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}

.back-div:hover{
	background:url(../img/orders/Vector-hover.png) 0% 50% no-repeat;
	color:#32325d;
}

#headdiv{
	height:100px;
	width:100%;
	border:0px solid black;
	display:flex;
	align-items:center;
}

#headerimg{
	background:url(../img/orders/cartheader.png) 100% 100% no-repeat;
	border:0px solid red;
	position:absolute;
	
	left:50%;
	/*top:40px;*/
	margin-left:-262px;
	width:523px;
	height:30px;
}

#main{
	padding:24px;
	
}

#startdiv{
	 z-index: 90; 
	 display:none;
	 position:absolute;
	 width:602px;
	 height:679px;
	 top:45;
	 left:calc(50% - 602px/2);
	 border:0px solid red
}
div[name="startpage"]{
	width:599px;					
	height:100%;
	padding-bottom:12px;
	position:relative;
	display:flex;
	self-align:top;
	align-items:center;
	flex-wrap: nowrap;
	margin:auto;
	/*left:50%;
	margin-left:-300px;*/
	background:#FFFFFF;
	border-radius:8px;
}
div[name="startpage"]>div{
	
	
	left: 67px;
	width: 254px;
	height: 48px;
}
.listheader{
	display:none;
	padding:10px;
	padding-left:0px;
}
#list-2{
	padding-left:14px;
}
@media screen and (max-width: 568px) {
	.listheader{
		display:block;
	}
	.brand-filter-img{
		width:86px;
	}
	#list-2{
	padding-left:0px;
}
	#startdiv{
		
	/*	display:none;
	/*	width:0px;
		height:0px;
		overflow:hidden;*/
		width:100%;
		z-index: 90; 
		position:relative;
		height:auto;
		left:0px;
	/*	top:45px;*/
		
		border:0px solid red
	}
	#startdiv.activemain{
		display:block;
	}
	div[name="startpage"]{
		width:calc(100% - 16px);
		margin-left:8px;
		margin-right:8px;
		height:auto;
		display:block;
		border:0px solid green;
	}
	div[name="startpage"]>div{
		border:0px solid red;
		width:100%;
		left: 13px;
		height:auto;
	}
	#main{
		padding:8px;
	/*padding-right:24px;*/
	}	
	.main{		
	
	/*	width:100%;*/
	/*	padding-left:8px;
		padding-right:8px;*/
	}
	.main.activemain	
	{	
		display:table;
	}
	
	#main-1{
		display:table;
	}
	#listblock{
		/*display:block;*/
	}
	.back-div{
		left:5%;
		width:24px;		
	}
	.back-div span{
		display:none;
	}
	#headdiv{
		height:50px;
	}
	#headerimg{
		background:url(../img/orders/mobcartheader.png) 100% 100% no-repeat;		
		
		margin-left:-64px;
		width:135px;
		height:24px;
	}
	#main-div{
		border:1px solid green;
		padding-left:8px;
		padding-right:8px;
	}
	.equip-block{
		/*margin-left:8px;
		margin-right:8px;*/
		border:0px solid green;
		width:100%;
	}
	.equip-item{
	/*	width:100%;*/
	}
	
	.filter{
		margin:8px;
/*		flex-wrap:wrap;	*/		
	}
	.filter div{
	/*	display:block;
		height:auto;*/
	}
	
	div[name="stockbut"]{
		margin-right:10px;
	}
	
	.modal{
		position:absolute;
		top:0px;
		left:0px;
		border:1px solid black;
		transform:none;
		width:100%;
		padding:8px;
		border-radius:0px;
	}
	
	.modal2{
	/*	margin-left:8px;
		
			margin-right:8px;*/
		width: calc(100% - 16px);
		/*width:calc(100%-16px);
		width:-webkit-calc(100%-16px);
		width:-moz-calc(100%-16px);*/
	
	}
	.modal2 div[name="buttdiv"]{
		flex-wrap:wrap;
		justify-content:center;
	}
	.modal2 div[name="buttdiv"]>div{
		margin-bottom:14px;
		width:100%;
		
	}
	.dropdown{
		width:100%;
	/*	margin-top:10px;
		margin-right:0px;*/
	}
	.mob{
		width:100%;
		height:auto;
		flex-wrap:wrap;
	}
	.mob>div{
		width:100%;
		text-align:left;
		display:block;
	}
	.search{
		width:100%;
	}
	div[name='butdiv']{
		width:100%;
	}
	
	
	#block-2{
		position:absolute;
		border:0px solid red;
		width:100%;
		margin-right:0px;
	/*	background-color:#f8f8f8;
		
	/*	left:0px;
		top:0px;*/
	}
	
	.h4 {
		margin: 20px;
	}
	.items {
		width: 100%;
		border-top: 2px solid #f5f5f5;
	}
	#ajax-form{
		width:100%;
		left:0;
	
		margin-left:0;
		padding:8px;
		border:0px solid red;
	}
	div[name="startpage"]>div{
		flex-wrap:wrap;
	}
	
/*	.divforma.formatyt {
		display: none;
		width: 100%;
		margin-top: 44px;
		padding: 0;
	}*/
	.underbuts {
		padding: 0 15px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.clearcart,
	.savelist {
		font-size: 14px;
		text-align: left;
		width: 45%;
		display: flex;
		align-items: center;
	}
	.request_button {
		display: block;
	}
	.onecartpr .delete {
		color: #e57373;
		display: flex;
		margin-left: 29%;
	}
	.formatyt .mask-wrapper [type=text] {
		width: 100%;
	}
	.formatyt .send_inquiry .begin {
		width: 100%;
	}
	.onecartpr {
		height: auto;
		flex-wrap: wrap;
		padding: 25px 15px;
	}
	.onecartpr .pic img {
		max-width: 80px;
	}
	.onecartpr .detail {
		width: 70%;
	}
	.onecartpr .pic {
		width: 30%;
	}
	.onecartpr .delete-wraper {
		width: 100%;
		margin-top: 10px;
	}
	.onecartpr .delete:before {
		margin-right: 10px;
	}
	.formatyt form {
		overflow-y: auto;
		padding: 15px;
	}
}