.container {
	font-family: $font_textos; font-size: 12px; color: #FFF; line-height: 1.2;
	display: block;
	position: relative;
	padding-left: 25px;
	width: 500px; margin: 20px auto 0 auto;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
	input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
		&:checked ~ .checkmark {
			background-color: #000;
		}
		&:checked ~ .checkmark:after {
			display: block;
		}
	}
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 16px;
		width: 16px;
		background-color: #eee;
			&::after {
				content: "";
				position: absolute;
				display: none;
				left: 5px;
				top: 2px;
				width: 4px;
				height: 8px;
				border: solid white;
				border-width: 0 3px 3px 0;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}

		}
	&:hover input ~ .checkmark {
		/*background-color: #FFF;*/
	}
}