@font-face {
  font-family: 'Forum';
  src: local('Forum-Regular'),
  url("../fonts/Forum-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ViaodaLibre';
  src: local('ViaodaLibre-Regular'),
  url("../fonts/ViaodaLibre-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

::-webkit-scrollbar {
  width: 0;
}

 body {
  font-family: 'Forum', 'Open Sans', sans-serif;
  font-style: normal;
  color: #622A01;
}

.container {
  max-width: 1000px;
  height: 1000px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  padding: 40px;
  overflow: scroll;
}

.adult {
  background-image: url(images/image_17.png);
}

.common {
  background-image: url(images/common.png);
}

.child {
  background-image: url(images/child.png);
}

.invisible {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

h1, p, span, ol {
  margin: 0;
}

.button {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.link {
  display: block;
}

.list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: myCounter;
  margin-bottom: 16px;
}

.title {
  font-family: 'ViaodaLibre';
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  min-height: 48px;
  font-weight: 400;
}

.quest {
 display: flex;
  flex-direction: row;
  list-style: none;
}

.qu {
  margin-bottom: 8px;
}

li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  color: #622A01;
  background: transparent;
  display: flex;
  text-align: center;
  line-height: normal;
  height: 32px;
  width: 32px;
  margin: 0 10px 0 0;
  padding: 0 8px;
  border-radius: 50%;
  border: solid 1px #622A01;
}

.quest:not(:last-child) {
  margin-bottom: 24px ;
}

.descr {
  font-family: 'Forum';
  font-size: 20px;
  line-height: 24px;
  margin-right: 8px;
}

.input {
  outline: none;
  border-radius: 2px;
  border: none;
  border-bottom: 1px solid #622A01;
  background-color: transparent;
  color: #622A01;
  font-family: 'ViaodaLibre';
}

.for {
  min-width: 150px;
}

.btn {
  color: #fff;
  display: block;
  background-color: #622A01;
   margin: 0 auto;
  max-width: 220px;
  min-height: 40px;
  border-radius: 15px;
  padding: 0 30px;
  font-family: 'ViaodaLibre';
  font-size: 20px;
  line-height: 48px;
  border: 2px solid #622A01;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.last {
  display: flex;
  flex-direction: column;
}

.comment {
  max-width: 800px;
  width: 100%;
  min-height: 200px;
  border-radius: 2px;
  outline: none;
  border: 1px solid #622A01;
}

.arrow {
  width: 14px;
  height: 9px;
  margin-right: 8px;
}

.group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.forteen {
  display: flex;
  flex-direction: row;
}

.word {
  margin-right: 8px;
}

.ed {
  display: block;
}

.some {
  display: flex;
  flex-direction: column;
}

.measurement {
  display: flex;
  flex-direction: column;
}

.tit {
  margin-bottom: 8px;
}

.point {
  margin-left: 25px;
}

.volum {
  margin-right: 8px;
  font-family: Forum;
  font-size: 16px;
  line-height: 24px;
}

.rad {
  display: flex;
  flex-direction: column;
}

.chec:not(:last-child) {
  margin-bottom: 8px;
}

.anothe {
  display: flex;
  flex-direction: row;
}

.button:focus {
  border: 2px solid #622A01;
  background-color: rgba(234, 225, 216, 0.7);
  color: #622A01;
}

.button:hover {
  background-color: #8C3D03;
  border: 2px solid #8C3D03;
  color: #fff;
}

.button:active {
  background-color: #542400;
  border: 2px solid #542400;
  color: #fff;
}

.tel-number {
  margin-bottom: 8px;
}

.contact {
  color: #622A01;
}

.form__checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.form__forma-checkbox-text {
  vertical-align: middle;
  font-family: 'ViaodaLibre';
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color:  #622A01;
}

.thanks {
  font-family: 'ViaodaLibre';
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  min-height: 48px;
  font-weight: 400;
}

.form__forma-agree {
  margin-bottom: 8px;
}

.comm {
  display: flex;
  flex-direction: column;
}

.col {
  display: flex;
  flex-direction: column;
}

.media {
  display: flex;
  flex-direction: row;
}

.input.error {
  box-shadow: 0 0 15px #ff0f43;
}

.form-radio input[type=radio] {
  display: none;
}

.form-radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-left: 0;
  user-select: none;
}

.form-radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
   background-image: url(images/ellipse.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 5px;
}

.form-radio input[type=radio]:checked +  label::before{
  background-image: url(images/cgeck-rad.png);
}

.form-check input[type=checkbox] {
  display: none;
}

.form-check label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-left: 0;
  user-select: none;
}

.form-check label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
   background-image: url(images/Rectangle.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 5px;
}

.form-check input[type=checkbox]:checked +  label::before{
  background-image: url(images/check-check.png);
}


.form__forma-agree input[type=checkbox] {
  display: none;
}

.form__forma-agree label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-left: 0;
  user-select: none;
}

.form__forma-agree label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
   background-image: url(images/Rectangle.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 5px;
}

.form__forma-agree input[type=checkbox]:checked +  label::before{
  background-image: url(images/Vector.png);
}