/* h3 {
  letter-spacing: -5px;
  text-align: center;
  color: #b33101;
  font: 96px/96px Montserrat;
  padding: 60px 0;
} */

.toggleForms {
  padding: 0 0 190px
}

@media only screen and (max-width:1140px) {
  .toggleForms {
    padding-bottom: 90px
  }
}

.toggleForms .toggleChange span {
  display: block
}

.toggleForms .toggleChange span:first-child {
  display: none
}

@media only screen and (max-width:1140px) {
  .toggleForms .sectionTitle {
    text-align: center
  }
}

.toggleForms .forms {
  padding: 45px 0 0
}

.toggleForms .oneForm {
  border: 2px solid silver;
  margin: 0 0 25px
}

.toggleForms .oneForm:last-child {
  margin-bottom: 0
}

.toggleForms .oneForm.open {
  background-color: #fafafa
}

.toggleForms .oneForm.open .contents {
  display: block
}

@media only screen and (max-width:1140px) {
  .toggleForms .oneForm.open .place {
    display: block
  }
}

@media only screen and (max-width:1140px) {
  .toggleForms .oneForm.open .toggleChange {
    display: none
  }
}

.toggleForms .oneForm.open .toggleChange span {
  display: none
}

.toggleForms .oneForm.open .toggleChange span:first-child {
  display: block
}

.toggleForms .position {
  font: 600 27px/28px Barlow Condensed, sans-serif;
  color: #142535
}

@media only screen and (max-width:1140px) {
  .toggleForms .position {
    padding: 0 0 5px
  }
}

.toggleForms .place {
  line-height: 28px
}

@media only screen and (max-width:1140px) {
  .toggleForms .place {
    display: none
  }
}

.toggleForms .place span {
  display: table;
  margin: 0 0 0 auto;
  padding: 0 0 0 32px;
  background: url(https://goldenfood.marnevall.com/assets/images/poi.png) no-repeat 0
}

@media only screen and (max-width:1140px) {
  .toggleForms .place span {
    margin: 8px 0 0
  }
}

.toggleForms .headerGrid {
  padding: 25px 30px;
  grid-template-columns: auto 190px 280px;
  align-items: center
}

@media only screen and (max-width:1140px) {
  .toggleForms .headerGrid {
    grid-template-columns: 1fr
  }
}

@media only screen and (max-width:380px) {
  .toggleForms .headerGrid {
    padding: 25px 10px
  }
}

.toggleForms .more {
  margin: 0 0 0 auto
}

@media only screen and (max-width:1140px) {
  .toggleForms .more {
    margin: 0
  }
}

.toggleForms .contents {
  display: none;
  padding: 25px 50px 80px
}

@media only screen and (max-width:1140px) {
  .toggleForms .contents {
    padding: 10px 30px 40px
  }
}

@media only screen and (max-width:380px) {
  .toggleForms .contents {
    padding: 10px 10px 40px
  }
}

.toggleForms .contents h3 {
  font: 600 27px/28px Barlow Condensed, sans-serif;
  padding: 0 0 40px
}

.toggleForms .contents h4 {
  font-size: 21px;
  line-height: 22px;
  font-weight: 600;
  padding: 0 0 15px
}

.toggleForms .contents ul li {
  position: relative;
  padding: 0 0 0 12px
}

.toggleForms .contents ul li:before {
  content: "-";
  position: absolute;
  top: 1px;
  left: 0
}

.toggleForms .col-50 {
  grid-gap: 100px;
  grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:1140px) {
  .toggleForms .col-50 {
    margin: 0 0 40px;
    grid-gap: 40px;
    grid-template-columns: 1fr
  }
}

@media only screen and (max-width:1140px) {
  .toggleForms .block {
    margin: 0 0 40px
  }

  .toggleForms .block+form {
    padding-top: 0
  }
}

.toggleForms .inputGrid {
  grid-gap: 22px;
  grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:1140px) {
  .toggleForms .inputGrid {
    grid-template-columns: 1fr;
    grid-gap: 0;
    margin: 0 0 15px
  }
}

.toggleForms form {
  padding: 40px 0 0
}

.toggleForms .hr {
  margin: 55px 0;
  height: 2px;
  background-color: #f1f1f1
}

@media only screen and (max-width:1140px) {
  .toggleForms .hr {
    display: none
  }
}

.toggleForms input,
.toggleForms textarea {
  display: block;
  width: 100%;
  background-color: #f1f1f1;
  font: 19px Barlow, sans-serif;
  color: grey
}

.toggleForms input::-moz-placeholder,
.toggleForms textarea::-moz-placeholder {
  opacity: 1;
  color: grey
}

.toggleForms input:-ms-input-placeholder,
.toggleForms textarea:-ms-input-placeholder {
  opacity: 1;
  color: grey
}

.toggleForms input::placeholder,
.toggleForms textarea::placeholder {
  opacity: 1;
  color: grey
}

.toggleForms label {
  display: block;
  position: relative
}

.toggleForms .fakeFile {
  height: 58px;
  padding: 0 180px 0 25px;
  color: grey;
  line-height: 58px;
  background-color: #f1f1f1;
  cursor: pointer;
  position: relative;
  overflow: hidden
}

@media only screen and (max-width:380px) {
  .toggleForms .fakeFile {
    padding: 0 10px
  }
}

.toggleForms .fakeFile:after {
  content: "";
  width: 135px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  background: url(https://goldenfood.marnevall.com/assets/images/select.png) no-repeat 50%/contain
}

@media only screen and (max-width:380px) {
  .toggleForms .fakeFile:after {
    display: none
  }
}

@media only screen and (max-width:1140px) {
  .toggleForms .fakeFile span {
    display: none
  }
}

.toggleForms input {
  height: 58px;
  padding: 0 25px
}

@media only screen and (max-width:380px) {
  .toggleForms input {
    padding: 0 10px
  }
}

.toggleForms input[type=checkbox],
.toggleForms input[type=file] {
  display: none
}

.toggleForms textarea {
  padding: 15px 25px;
  height: 244px
}

@media only screen and (max-width:380px) {
  .toggleForms textarea {
    padding: 10px
  }
}

.toggleForms .oneLine {
  margin: 0 0 15px
}

.toggleForms .oneLine:last-child {
  margin-bottom: 0
}

.toggleForms .inputs {
  padding: 0 0 30px
}

.toggleForms .button {
  margin: 0 auto
}

.toggleForms .checkbox {
  padding: 0 0 0 58px;
  font-size: 16px;
  line-height: 28px
}

@media only screen and (max-width:1140px) {
  .toggleForms .checkbox {
    line-height: 26px
  }
}

.toggleForms .checkbox input:checked+span:after {
  opacity: 1
}

.toggleForms .checkbox span {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  background-color: #f1f1f1
}

.toggleForms .checkbox span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 2px;
  left: 2px;
  opacity: 0;
  background: url(https://goldenfood.marnevall.com/assets/images/check.png) no-repeat 50%/19px auto
}