.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;
  }
}
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;
}
}
.detail-text {
	display: flex;
	justify-content: center;
	line-height: 1.8;
}
.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;
}
.form-group label.head {
	display:flex;
	justify-content:space-between;
	width:100%;
	font-weight: 500;
}
.form-group label.head 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:not([type="checkbox"]) {
border: 1px solid #cbcbcb;
	padding:8px 20px;
	border-radius:5px;
	max-width:600px;
    width: 100%;
}
@media (min-width: 768px) {
  input:not([type="checkbox"]) {
    width: 60%;
  }
}
@media (min-width: 992px) {
  input:not([type="checkbox"]) {
	width:100%;
}
}
.name-field-item input:not([type="checkbox"]) {
    width: 100%;
}
@media (min-width: 768px) {
  .name-field-item input:not([type="checkbox"]) {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .name-field-item input:not([type="checkbox"]) {
	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;
}


.document-block .button {
	margin:20px 0 0;
}
.document-block .button a {
	padding:12px 30px;
	font-size:14px;
}
@media (min-width: 768px) {
  .document-block .button a {
	font-size:16px;
}
}


.check-fields {
	flex:1;
}
.check-fields label {
	display: block;
}




.download-wrap {
	display:flex;
	flex-direction: column;
	gap:50px;
	margin: 60px auto 0;
}
@media (min-width: 768px) {
.download-wrap {
	flex-direction: row;
}
}
@media (min-width: 992px) {
 .download-wrap {
	gap:100px;
}
}

#form {
	width: 100%;
}
@media (min-width: 768px) {
#form {
	width: 500px;
}
}

.document {
	flex:1;
}
.document-list {
	display:flex;
	flex-wrap:wrap;
	gap:40px;
}
@media (min-width: 768px) {
	.document-list {
	gap:40px;
}
}


.document-block {
	width: calc(50% - 20px);
}
@media (min-width: 768px) {
.document-block {
	width: 100%;
}
}
@media (min-width: 992px) {
.document-block {
	width: 100%;
}
}
@media (min-width: 1200px) {
.document-block {
	width: calc(50% - 20px);
}
}
.download > .document-block {
	width: calc(50% - 20px);
}
@media (min-width: 768px) {
.download > .document-block {
	width: calc(50% - 20px);
}
}
@media (min-width: 992px) {
.download > .document-block {
	width: calc(25% - 30px);
}
}

.document-block figure {
	display:flex;
	justify-content: center;
}
.document-block img {
	width: 60%;
	height: auto;
}
.document-block h2 {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 15px 0;
}
.document-block p {
	font-size: 14px;
}

.formError {
 margin-left:100px;
}