.header .top-row {
    position: fixed;
    width: 100%;
    background-color: #fff200;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
    padding: 3px 0;
    z-index: 991;
    top: 0;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container.body {
	margin-top: 62px;
	padding: 70px 15px 100px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .container.body {
    width: 970px;
  }
}
h1 {
	margin:0 auto 60px;
	display:flex;
	justify-content:center;
}
h1 span {
	margin:0 auto;
	font-size:30px;
	border-bottom:3px solid #fff200;
}
@media (min-width: 768px) {
  h1 span {
	font-size:40px;
}
}
.header .header-flex-row {
    height: 56px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header .main-logo img {
    width: 150px;
}
@media only screen and (min-width: 768px) {
    .header .main-logo img {
        width: 200px;
    }

}


.form-group {
	display: flex;
	flex-direction:column;
	align-items:flex-start;
	gap:15px;
	padding: 20px 0; 
	border-bottom: 1px solid #cbcbcb;
}
@media (min-width: 768px) {
  .form-group {
	flex-direction:row;
	align-items:center;
	gap:30px;
	padding: 15px 0; 
}
}
.form-group label {
	display:flex;
	justify-content:space-between;
	width:100%;
	font-weight: 500;
}
@media (min-width: 768px) {
.form-group label {
	width:240px;
}
}
.form-group label span {
	background:#FF0000;
	color:#FFF;
	display:inline-block;
	font-size:12px;
	padding:2px 6px;
	border-radius:3px;
}
.form-group .checkbox-group {
	flex:1;
}
.name-fields {
	display: flex;
	flex:1;
	gap:20px;
}
.name-field-item {
	display: flex;
	align-items:center;
	gap:10px;
}
.name-field-item label {
	width:auto;
}
input {
border: 1px solid #cbcbcb;
	padding:8px 20px;
	border-radius:5px;
	max-width:600px;
    width: 100%;
}
@media (min-width: 768px) {
  input {
    width: 60%;
  }
}
@media (min-width: 992px) {
  input {
	width:100%;
}
}
.name-field-item input {
    width: 100%;
}
@media (min-width: 768px) {
  .name-field-item input {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .name-field-item input {
	width:100%;
}
}
select {
border: 1px solid #cbcbcb;
	padding:8px 30px 8px 10px;
	border-radius:5px;
}
textarea {
border: 1px solid #cbcbcb;
	padding:5px 10px;
	border-radius:5px;
	width:100%;
	max-width:600px;
}
@media (min-width: 768px) {
  textarea {
    width: 60%;
  }
}
@media (min-width: 992px) {
  textarea {
	width:100%;
}
}
.button {
	display: flex;
	justify-content:center;
	gap:20px;
	margin:60px 0 0;
}
.button input {
	width:auto;
	background:#fff200;
	padding:16px 50px;
	border-radius:9999px;
	font-size:20px;
	font-weight:500;
	border:2px solid #fff200;
	cursor:pointer;
	transition:.3s;
}
.button input:hover {
	background:#ffffff;
}

.formTable {
	width:100%;
	margin:30px 0 0;
}
.formTable th {
	text-align:left;
	padding:10px 40px 10px 10px;
	white-space:nowrap;
	border-bottom: 1px solid #cbcbcb;
	width:260px;
}
.formTable td {
	padding:10px 0;
	border-bottom: 1px solid #cbcbcb;
}
.error-body {
	padding:40px 0 0;
}
.error-body .error_messe {
	padding:5px 0 0;
	font-size:18px;
	font-weight:500;
	color:#FF0000;
}


.thanks-body {
	text-align:center;
	font-size:18px;
	line-height:1.8;
}

.button a {
	width:auto;
	background:#fff200;
	padding:16px 50px;
	border-radius:9999px;
	font-size:20px;
	font-weight:500;
	border:2px solid #fff200;
	cursor:pointer;
	transition:.3s;
	color:#000;
	text-decoration:none;
}
.button a:hover {
	background:#ffffff;
}


@media (max-width: 767px) {
.formError {
 margin-left:100px;
}
}