/*RADIO BUTTON*/
.imageOFF {
	background-color:#141414;
	padding:15px;
	width:150px;
	border-radius:120px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:-40px;
	z-index: 99;
	position:relative;

}

.imageOFF img {
	width:100px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.tabela {
	border:1px solid #fff;
	padding:15px;
	border-radius:15px;
}

.containers {
	margin-left:10px;
	display: block;
	position: relative;
	padding-left: 35px;
	padding-bottom:0px;
	margin-bottom: 0px;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .containers input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #53575a;
	border-radius: 50%;
  }
  
  .containers:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  .containers input:checked ~ .checkmark {
	background-color: #d2232a;
  }
  
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  .containers input:checked ~ .checkmark:after {
	display: block;
  }
  
  .containers .checkmark:after {
	   top: 9px;
	  left: 9px;
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  background: white;
  }
  /*FIM RADIO BUTTON*/

hr {
	height: 3px;
	background-color: #fff;
}

h4 {
    color: white;
}

.produto {
	background: rgba(255, 255, 255, 0.2);
	padding: 40px;
	border-bottom: 2px solid #d2232a;
	border-radius: 5px;
}

.produto2 {
	background: rgba(188, 13, 2, 0.2);
	padding: 40px;
	border-bottom: 2px solid #d2232a;
	border-radius: 5px;
}

.titulo {
	background-color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-top: 10px;
}

.quadro {
    min-height: 200px;
}

.quant {
    margin-right: 155px;
    height: 70px;
    padding-top: 20px;
}

input[type=number] {
	float: left;
	width: 65px;
	height: 45px;
	padding: 0;
	font-family: Lato;
	font-weight: 700;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	border: 2px #ffffff solid;
	background: none;
	outline: none;
	pointer-events: none;
	bottom: 50px;
}

span.spinner {
	position: absolute;
	height: 75px;
	user-select:           none;
	-ms-user-select:       none;
	-moz-user-select:      none;
	-webkit-user-select:   none;
	-webkit-touch-callout: none;
}

span.spinner > .sub, span.spinner > .add {
	float: left;
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	font-family: Lato;
	font-weight: 700;
	font-size: 2.2em;
	line-height: 35px;
	color: #d2232a;
	border: 2px #ffffff solid;
	border-right: 0;
	border-radius: 2px 0 0 2px;
	cursor: pointer;
	transition:         0.1s linear;
	-o-transition:      0.1s linear;
	-ms-transition:     0.1s linear;
	-moz-transition:    0.1s linear;
	-webkit-transition: 0.1s linear;
}

span.spinner > .add {
	top: 0;
	border: 2px #ffffff solid;
	border-left: 0;
	border-radius: 0 2px 2px 0;
}

span.spinner > .sub:hover, span.spinner > .add:hover {
	background: #ffffff;
	color: #25323B;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
}