body {
  font-family: "Open Sans", arial !important;
  font-size: 1em;
  line-height: normal;
  font-weight: 400;
  color: #3b5478;
}
* {
  --transition: 0.15s;
  --border-radius: 5rem;
  --background: #ffffff;
  --backgroundalt: #3b5478;
  --box-shadow: #27ae60;
  --box-shadowalt: #8ec541;
  --box-shadowhover: #3498db;
  --btn-primary: #3966a5;
}
nav {
  background-color: #3b5478;
}
header {
  background: #ede6d6 url(../images/header12.jpg) no-repeat top center;
  height: 180px;
  max-height: 180px;
}
.container {
  max-width: 800px;
}
.border-bottom-silver {
  border-bottom: 1px solid #e9ebed;
}
.row-1 h1 {
  font-size: 2.4em;
  font-weight: 700;
}
.row-1 h2 {
  font-size: 1.6em;
  font-weight: 700;
}
.row-1a h2 {
  font-size: 1.6em;
}
.row-1 p.p1 {
  line-height: 200%;
  font-size: 1.1em;
}
.row-1 p.p2 {
  text-align: justify;
  font-size: .9em;
  border-top: 1px solid #9da9bb;
  border-bottom: 1px solid #9da9bb;
  padding: 10px;
}
.sg-button, .sg-button:hover {
  border-radius: 40px;
  padding: 15px 40px;
  font-size: 16px;
  font-weight: 700;
  margin: 10px;
  background-color: #8fc740;
  color: #000 !important;
  border: 4px solid #fff;
  outline: none;
  box-shadow: none !important;
  transition-duration: .3s;
}
.sg-button:hover {
  background-color: #557726;
}
.sg-button:focus, .sg-button:active, :not(.btn-check) + .btn:active {
  background-color: #557726;
  border: 4px solid #537449;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.input-age {
  background-color: transparent;
  border: 3px solid #aab1b9;
}
.input-age:focus {
  border: 3px solid var(--box-shadowalt);
  box-shadow: none;
}
/*CHECKBOX AS IMAGE*/
.cont-main {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.cont-main .cont-checkbox {
  width: 130px;
  height: 130px;
  background: var(--background);
  transition: all var(--transition);
}
.cont-main .cont-checkbox:first-of-type {
  margin-bottom: 0.75rem;
  margin-left: 0.75rem;
}
.cont-main .cont-checkbox:active {
  transform: scale(0.95);
}
.cont-main input {
  display: none;
}
.cont-main input:checked + label {
  opacity: 1;
  border: 3px solid var(--box-shadowalt);
  background: var(--backgroundalt);
}
.cont-main input:checked + label img {
  -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
}
.cont-main input:checked + label .cover-checkbox {
  opacity: 1;
  transform: scale(1);
}
.cont-main input:checked + label .cover-checkbox svg {
  opacity: 1;
}
.cont-main label {
  display: inline-block;
  cursor: pointer;
  border-radius: var(--border-radius);
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  border: 2px solid var(--backgroundalt);
}
.cont-main label:hover {
  border: 2px solid var(--box-shadowhover);
}
.cont-main label img {
  width: 130px;
  height: 130px;
  /* Safari 6.0 - 9.0 */
}
.cont-main label .cover-checkbox {
  position: absolute;
  right: 25px;
  top: 15px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
.cont-main label .cover-checkbox svg {
  width: 25px;
  height: 20px;
  fill: none;
  stroke: #27ae60;
  stroke-width: 3;
  stroke-linecap: round;
  opacity: 0;
}
.cont-main label .info {
  text-align: center;
  margin-top: 0.2rem;
  font-weight: 600;
  font-size: 0.8rem;
}
a.btn-primary {
  background: var(--btn-primary) !important;
  border: none;
  font-size: 16px;
  padding: 15px 40px;
}
a.btn-light {
  background: var(--background) !important;
 border-color: var(--btn-primary);
 color: var(--btn-primary);
  font-size: 16px;
  padding: 15px 40px;
}
.highlight{
	color: red;
}