/*checkboxes*/
.checks {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.checkbox-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.check-container {
    display: block;
    position: relative;
    min-height: 35px;
    padding-left: 45px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: capitalize;
    margin-right: 17px;
    padding-bottom: 0;
}

.check-name {
    display: block;
	line-height: 1.5;
    padding-top: 6px;
}

.check-container:last-child {
	margin-right: 0;
}

.check-container input {
    height: 40px;
    position: absolute;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
	display: flex;
	align-items: center;
	justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
    background-color: #e8f4f8;
    border: 2px solid #c8e0e8;
    border-radius: 7px;
}

.check-container:hover input ~ .checkmark {
    background-color: #e8f4f8;
}

.check-container input:checked ~ .checkmark {
    background-color: #e8f4f8;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check-container input:checked ~ .checkmark:after, .checkmark.check:after  {
    display: block;
}

.check-container .checkmark:after {
	content: '';
	width: 17px;
	height: 17px;
	background: #00aeef;
    border-radius: 3px;
}