.tab .items {
  float: left;
  background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#fff), color-stop(.1,#fff));
  border:1px solid #ccc;
  margin:20px;
  /*  min-height:310px; */
  padding:10px;
  position:relative;
  /*width:300px;*/
  -webkit-border-radius: 10px 10px;
  -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
}
.KolKyp {
  text-align: center;
}
.summ {
  text-align: center;
  color: gray;
}
body{
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
footer {
  background: #ffa500;
  padding: 15px 0 10px 0;
  margin-top: 20px;
  border-radius: 5% 5% 0 0;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
}
.summaFooter{
  /*display: flex;
  flex-direction: row;*/
  text-align: center;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;

  margin-left: 40%;
  margin-right: 40%;
  width: 175px;
}

.KolKyp input[type="number"] {
	text-align: center;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;

  border-radius: 15%;
  border: none;
  box-shadow: inset 0 0 4px rgba(0,0,0,.2), 0 2px 0 rgba(255,255,255,.4), inset 0 2px 0 rgba(0,0,0,.1);
  height: 20px;

  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 2px;
}

.ButtonClear {
  border: none;
border-radius: 10%;
height: 25px;
width: inherit;
background-color: red;
color: white;
box-shadow: 0 3px 3px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.6), 0 2px 0 rgba(0,0,0,.1), inset 0 0 20px rgba(0,0,0,.1);
}

/* Кнопки +/- */
.number-minus, .number-plus {
  height: 20px;
  width: 20px;
  border: none;
  text-decoration: none;
  display: inline-block;
  margin: 4px 0px;
  border-radius: 50%;
  box-shadow: 0 3px 3px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.6), 0 2px 0 rgba(0,0,0,.1), inset 0 0 20px rgba(0,0,0,.1);
}

.number-minus {
	  color: red;
}
.number-plus {
  color: green;
}