.italic {
	font-style: italic;
}

.search.content .master-title {
	color: #9ADDAD;
	line-height: 48px;
	font-family: Crimson, sans-serif;
	font-variation-settings: 'wght' 400;
  font-size: 44px;
  text-align: center;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 80px;
  max-width: 800px;
}

.faq.content .master-title {
	margin-top: 16px;
}

.search.content {
	position: absolute;
  top: 160px;
	margin: 0 auto;
  width: 80vw;
  min-width: 1280px;
  max-width: 1480px;
  left: 0;
  right: 0;
}

.search-buttons {
	margin-top: 80px;
	margin-bottom: 32px;
	height: 40px;
}

.faq .search-buttons {
	margin-top: 148px;
}

.search-button:nth-child(2) {
	margin-right: 16px;
}

.has-search .search-button:nth-child(2), .has-filter .search-button:nth-child(2) {
	margin-right: 0;
}

.has-search .search-button:nth-child(3), .has-filter .search-button:nth-child(3) {
	margin-right: 16px;
}

#search-button {
	margin-right: 16px;
}

.search-button {
  font-family: Rubik, sans-serif;
  font-weight: 700;
	float: right;
	display: table;
	cursor: pointer;
}

.search-button img {
	width: 40px;
	height: 40px;
}

.search-button span {
	color: white;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.25px;
	display:table-cell;
 	vertical-align:middle;
}

.grid-specimens {
	width: 100%;
}

.grid-specimen {
	display: block;
	float: left;
	width: calc((100% - 16px * 5) / 6);
	margin-right: 16px;
	margin-bottom: 0px;
}

.grid-specimen > img {
		border: 8px solid transparent;
}

.grid-specimen:hover > img {
		border: 8px solid #f5f5f5;
}

.grid-specimen:nth-child(6n) {
	margin-right: 0px;
}

.grid-specimen img {
	width: 100%;
	height: auto;
}

.search-modal {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
	transition: opacity 1s;
	background: #343434;
}

.search-modal.active {
	display: block;
	opacity: 1;
	overflow-y: auto;
}

.close-modal {
	position: absolute;
	top: 20px;
	right: 40px;
	display: table;
	cursor: pointer;
}

.close-modal img {
	width: 60px;
	height: 60px;
}

.close-modal span {
	color: white;
	font-size: 16px;
	line-height: 60px;
	letter-spacing: 0.25px;
	display:table-cell;
 	vertical-align:middle;
 	font-family: Rubik, sans-serif;
    font-weight: 700;
}

.search-box {
	width: 800px;
    margin: 0 auto;
    height: fit-content;
    top: 50%;
    transform: translate(0, -50%);
}

.search-box input[type=text] {
	font-family: 'Crimson';
    font-size: 44px;
    color: #9ADDAD;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-bottom: 1px solid #dbdbdb;
    padding: 24px 0;
    margin-bottom: 24px;
}

.search-box input[type=text]::placeholder {
    color: #9ADDAD;
}

.search-form {
	display: relative;
}

.filter {
	display: table;
	margin-bottom: 42px;
	cursor: pointer;
}

.filter img {
	padding: 8px 0;
	width: 40px;
	height: 40px;
}

.filter span {
	color: white;
	font-size: 16px;
	line-height: 56px;
	letter-spacing: 0.25px;
	display:table-cell;
 	vertical-align:middle;
 	font-family: Rubik, sans-serif;
    font-weight: 700;
}

.reset {
	cursor: pointer;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	display: table;
	margin-bottom: 42px;
}

.reset.active {
	opacity: 1;
}

.reset img {
	padding: 8px 0;
	width: 40px;
	height: 40px;
}

.reset span {
	color: white;
	font-size: 16px;
	line-height: 56px;
	letter-spacing: 0.25px;
	display:table-cell;
 	vertical-align:middle;
 	font-family: Rubik, sans-serif;
    font-weight: 700;
}

.search.button {
	position: absolute;
	z-index: 2;
	right: 0;
	top: 8px;
	color: #343434;
	background: #F5F5F5;
	font-family: Rubik, sans-serif;
    font-weight: 700;
    font-size: 20px;
    border-radius: 4px;
    padding: 0 32px;
    height: 56px;
    width: fit-content;
    line-height: 56px;
    transition: top 0.5s;
    cursor: pointer;
}

.search-form.active .filter-bar {
	display: block;
	opacity: 1;
}

.filter-bar {
	display: none;
	opacity: 0;
	background: #525252;
	width: 100%;
	height: 90px;
	margin-bottom: 16px;
	transition: opacity 1s;
}

.filter-bar.active {
	width: 798px;
	border: 1px solid #F5F5F5;
	border-bottom: unset;
}

.filter-bar.active img {
	transform: rotate(180deg);
}

.filter-bar .filter-text {
	float: left;
	height: fit-content;
	top: 50%;
	transform: translate(0, -50%);
}

.filter-bar .filter-text p {
	color: #F5F5F5;
 	font-family: Rubik, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-left: 16px;
}

.filter-bar .filter-text .filter-checked {
	margin-left: 36px;
	font-weight: 300;
	max-width: calc(100% - 36px - 72px);
}

.filter-bar img {
	float: right;
	margin-right: 16px;
	width: 40px;
	height: 40px;
	padding: 25px 0;
}

.filter-select {
	display: none;
	opacity: 0;
	position: absolute;
	left: 0;
	width: calc(100% - 58px);
	padding: 0 28px 16px 28px;
	z-index: 2;
	background: #525252;
	transition: opacity 1s;
	border: 1px solid #F5F5F5;
	border-top: 1px solid #343434;
	max-height: 800px;
	overflow-y: auto;
}

.filter-select.active {
	display: block;
	opacity: 1;
	z-index: 3;
}

#f0 {
	top: 188px;
}

#f1 {
	top: 294px;
}

#f2 {
	top: 400px;
}

#f3 {
	top: 506px;
}

#f4 {
	top: 612px;
}

.filter-select-option {
	display: table;
}

.filter-select-option.freetext {
	width: 100%;
}

.filter-select-option input[type="checkbox"] {
	accent-color: #9ADDAD;
	height: 20px;
	width: 20px;
	margin: 16px 14px 16px 0;
}

.search-box .filter-select-option input[type="text"] {
	font-family: Rubik, sans-serif;
  font-weight: 300;
  font-size: 18px;
	color: #F5F5F5;
	padding: 0;
	margin: 12px 0;
}

.filter-by {
	font-weight: 300 !important;
}

.filter-select-option label {
	color: #F5F5F5;
 	font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 18px;
	display:table-cell;
 	vertical-align:middle;
}

input:focus {
    outline: none;
}

.search-hint-title, .filter-hint-title {
	float: left;
}

.search-hint-title p, .filter-hint-title p {
	font-family: Crimson, sans-serif;
	font-size: 44px;
	color: #9ADDAD;
}

.search-hint-title p:nth-child(2) {
	color: #F5F5F5;
}

.has-search {
	height: 96px;
}

.has-search .search-button {
	margin-top: 56px;
}

.filter-hint {
	margin-top: 4px;
}

.filter-hint p {
	color: #F5F5F5;
 	font-family: Rubik, sans-serif;
  font-weight: 300;
  font-size: 24px;
}

.search-count {
	color: #F5F5F5;
 	font-family: Rubik, sans-serif;
  font-weight: 300;
  font-size: 24px;
  margin-top: 80px;
  margin-bottom: 12px;
}

.search-download {
	display: inline-block;
	color: white;
 	font-family: Rubik, sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 32px;
  letter-spacing: 0.25px;
}

.clear {
	clear: both;
}

.content.specimen {
  position: absolute;
	top: 160px;
	width: 85vw;
  margin: 0 auto;
  max-width: 1560px;
  min-width: 1280px;
  right: 0;
  left: 0;
	margin-top: 60px;
}

.specimen .master-title {
	font-family: Crimson, sans-serif;
	font-size: 44px;
	color: #F5F5F5;
	margin-bottom: 80px;
}

.specimen .specimen-photo {
	width: 740px;
	margin-bottom: 120px;
}

.specimen .specimen-photo > img {
	width: 740px;
	margin-bottom: 8px;
}

.specimen .zoom-button {
	display: table;
}

.zoom-button .float-right {
	float: right;
	display: table;
}

.zoom-b {
	min-width: 88px;
	cursor: pointer;
}

.download-b {
	min-width: 132px;
	cursor: pointer;
}

.zoom-button img {
	width: 40px;
	height: 40px;
}

.zoom-button span {
	color: white;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: 0.25px;
	display:table-cell;
 	vertical-align:middle;
 	font-family: Rubik, sans-serif;
    font-weight: 700;
}

.specimen-title {
	font-family: Crimson, sans-serif;
	font-size: 44px;
	color: #F5F5F5;
	margin-bottom: 80px;
}

.specimen-title .italic {
	font-family: CrimsonItalic sans-serif;
}

.zoom-button {
	position: absolute;
	right: 0;
}

.specimen-field-col-1 {
	float: left;
	width: 244px;
	padding-left: 16px;
	font-family: Rubik, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #F5F5F5;
	line-height: 72px;
	letter-spacing: 0.05em;
}

.specimen-field-col-2 {
	float: left;
	font-family: Rubik, sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #F5F5F5;
	line-height: 72px;
	width: calc(100% - 260px);
}

.specimen-field {
	height: 72px;
	width: 100%;
}

.specimen-field:nth-child(odd) {
	background: #434343;
}

.specimen-category-title {
	margin-top: 80px;
	margin-bottom: 24px;
	font-family: Crimson, sans-serif;
	font-size: 36px;
	color: #F5F5F5;
}

.specimen-field-copy span {
	float: left;
	font-family: Rubik, sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #F5F5F5;
	line-height: 72px;
	width: calc(100% - 348px);
}

.specimen-field-copy img {
	float: right;
	width: 40px;
	height: 40px;
	margin-right: 24px;
	margin-top: 16px;
}

.specimen-return {
	cursor: pointer;
	text-align: center;
	font-family: Rubik, sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #F5F5F5;
	margin-bottom: 240px;
	margin-top: 240px;
}

.content.search .specimen-return {
	margin-bottom: 0;
}

.zoom-modal {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	transition: 1s;
	opacity: 0;
	background: #343434;
}

.zoomist-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.05s;
}

body.modal {
	overflow: hidden;
}

.modal .zoom-modal {
	opacity: 1;
	z-index: 2;
}

.zoomist-zoomer {
	top: 48px !important;
}

.close-zoom-modal {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
	background: #343434;
	width: 60px;
	height: 60px;
	border-radius: 5px;
}

.zoom-in {
	display: none;
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 2;
	background: #343434;
	width: 60px;
	height: 60px;
	border-radius: 5px;
}

.zoom-out {
	display: none;
	position: fixed;
	top: 100px;
	left: 20px;
	z-index: 2;
	background: #343434;
	width: 60px;
	height: 60px;
	border-radius: 5px;
}

.zoom-modal .download {
	display: none;
	position: fixed;
  top: 180px;
  left: 20px;
  z-index: 2;
  background: #343434;
  width: 44px;
  height: 44px;
  padding: 8px;
  border-radius: 5px;
}

.modal .zoom-in, .modal .zoom-out, .modal .download {
	display: block !important;
}

.mobile.zoom-in, .mobile.zoom-out, .mobile.download {
	display: none !important;
}

.mobile.close-zoom-modal {
	display: none !important;
}

.modal .mobile.close-zoom-modal {
	display: block !important;
}

.close-zoom-modal img, .zoom-in img, .zoom-out img, .zoom-d img {
	width: 48px;
	height: 48px;
	padding: 6px;
}

.can-click {
	cursor: pointer;
}

.specimen-field-copy .copy-success {
	display: none;
	position: absolute;
	float: unset;
  line-height: 72px;
  right: 64px;
  width: fit-content;
  font-weight: 700;
}

.filter .filter-only {
	display: none;
	font-family: 'Crimson';
  font-size: 44px;
  color: #9ADDAD;
}

.filter-only.search-form .filter, .filter-only.search-form .reset {
	margin-bottom: 24px;
}

#zoom-image {
	-webkit-backface-visibility: hidden;
}

.filter-only #f0 {
	top: 170px;
}

.filter-only #f1 {
	top: 276px;
}

.filter-only #f2 {
	top: 382px;
}

.filter-only #f3 {
	top: 488px;
}

.filter-only #f4 {
	top: 594px;
}

.faq-block {
	width: 720px;
	margin: 0 auto;
	margin-bottom: 140px;
}

.faq-description {
	font-family: Rubik, sans-serif;
	font-variation-settings: 'wght' 300;
	font-size: 24px;
	line-height: 34px;
	color: white;
	margin-bottom: 60px;
}

.collapse {
	margin-bottom: 60px;
}

.collapse .question {
	margin-bottom: 48px;
}

.collapse .question p {
	float: left;
	width: 680px;
	font-family: Crimson, sans-serif;
	font-variation-settings: 'wght' 400;
	font-size: 36px;
	line-height: 40px;
	color: white;
}

.collapse .question img {
	width: 40px;
	height: 40px;
	float: left;
}

.collapse .answer p {
	font-family: Rubik, sans-serif;
	font-variation-settings: 'wght' 300;
	font-size: 24px;
	line-height: 34px;
	color: white;
}

.collapse .answer {
	display: none;
}

.collapse.off .answer {
	display: block;
}

.faq .specimen-return {
	margin-top: 0;
}

.faq .subtitle {
	font-family: Rubik, sans-serif;
	font-variation-settings: 'wght' 600 !important;
	font-size: 24px;
	line-height: 34px;
	color: white;
}

.faq .subanswer {
	font-family: Rubik, sans-serif;
	font-variation-settings: 'wght' 300;
	font-size: 24px;
	line-height: 34px;
	color: white;
}

.faq .subanswer:not(:last-child) {
	margin-bottom: 48px;
}

@media screen and (max-width: 1279px) {
	.search.content .master-title {
		color: #9ADDAD;
		line-height: 36px;
		font-family: Crimson, sans-serif;
		font-variation-settings: 'wght' 400;
	  font-size: 32px;
	  text-align: center;
	  margin: 0 auto;
	  margin-top: 0;
	  margin-bottom: 24px;
	  width: 96%;
	}

	.search.content, .content.specimen {
		position: absolute;
	  top: 100px;
		margin: 0 auto;
		padding-bottom: 200px;
	  width: 100%;
	  min-width: unset;
	  max-width: unset;
	  left: 0;
	  right: 0;
	}

	.content.specimen {
		padding: 0 16px;
		width: calc(100% - 32px);
	}

	.search-button-wrapper {
		width: 100%;
		text-align: center;
		background: #343434;
		height: fit-content;
		position: sticky;
    top: 60px;
    z-index: 2;
    padding: 12px 0;
	}

	.search-buttons {
		margin: 0 auto;
		width: fit-content;
	}

	.grid-specimens {
		width: calc(100% - 4px);
		padding-left: 4px;
	}

	.grid-specimen {
		display: block;
		float: left;
		width: calc((100% - 4px * 3) / 3);
		margin-right: 4px;
		margin-bottom: 0;
	}

	.grid-specimen > img {
		width: calc(100% - 8px);
		border: 4px solid transparent;
	}

	.grid-specimen:hover > img {
		width: calc(100% - 8px);
		border: 4px solid #f5f5f5;
	}

	.search-modal.active {
		z-index: 9999;
		overflow-y: auto;
	}

	.close-modal {
		top: 12px;
    right: 20px;
	}

	.close-modal img {
		width: 40px;
		height: 40px;
	}

	.close-modal span {
		line-height: 40px;
		font-size: 14px;
	}

	.search-box {
		width: calc(100% - 32px);
		top: 120px;
		transform: unset;
	}

	.search-box input[type=text] {
		font-size: 32px;
		padding: 12px 0;
	}

	.filter {
		margin-bottom: 0;
	}

	.filter img, .reset img {
		padding: 0;
		width: 32px;
		height: 32px;
	}

	.filter span, .reset span {
    font-size: 14px;
    line-height: 32px;
	}

	.filter-bar {
		height: 72px;
		margin-top: 12px;
		margin-bottom: 0;
	}

	.filter-bar .filter-text p {
		font-size: 16px;
		margin-left: 8px;
	}

	.filter-bar img {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    padding: 20px 0;
	}

	.filter-bar.active {
		width: calc(100% - 2px);
	}

	.filter-select-option label {
		font-size: 16px;
	}

	.filter-select-option input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin: 12px 14px 12px 0;
	}

	.filter-select {
		width: calc(100% - 30px);
    padding: 0 14px 8px 14px;
	}

	#f0 {
		top: 120px;
	}

	.filter-only #f0 {
		top: 128px;
	}

	#f1 {
		top: 204px;
	}

	.filter-only #f1 {
		top: 212px;
	}

	#f2 {
		top: 288px;
	}

	.filter-only #f2 {
		top: 296px;
	}

	#f3 {
		top: 372px;
	}

	.filter-only #f3 {
		top: 380px;
	}

	#f4 {
		top: 456px;
	}

	.filter-only #f4 {
		top: 464px;
	}

	.search.button {
		position: relative;
		margin: 0 auto;
		right: unset;
		left: unset;
		top: unset;
		margin-top: 40px;
	}

	.reset {
		margin-bottom: unset;
	}

	.filter .filter-only {
		font-size: 32px;
	}

	.search-hint-title p, .filter-hint-title p {
		font-size: 32px;
	}

	.search-hint-title, .filter-hint-title {
		float: unset;
		margin-top: 24px;
		margin-left: 16px;
		margin-bottom: 12px;
	}

	.filter-hint {
		padding: 0 16px;
	}

	.filter-hint p {
		font-size: 16px;
	}

	.search-count {
		padding: 0 16px;
		font-size: 16px;
		margin-top: 24px;
		margin-bottom: 12px;
	}

	.search-download {
		font-size: 14px;
		margin-bottom: 24px;
		margin-left: 16px;
	}

	.search.content.has-search {
		top: 60px;
	}

	.has-search .search-button {
		margin-top: 0;
	}

	.has-search {
		height: unset;
	}

	.specimen-title {
		font-size: 32px;
		margin-bottom: 40px;
	}

	.specimen .specimen-photo {
		width: 100%;
		margin-bottom: 72px;
	}

	.specimen .specimen-photo > img {
		width: 100%;
		margin-bottom: 12px;
	}

	.zoom-button img {
		width: 32px;
		height: 32px;
	}

	.zoom-button span {
		line-height: 32px;
	}

	.specimen-field-col-1 {
		float: unset;
		width: 100%;
		font-size: 14px;
		padding-left: 8px;
		line-height: 18px;
		margin-bottom: 8px;
	}

	.specimen-field-col-2 {
		float: unset;
		font-size: 16px;
		line-height: 18px;
		padding-left: 8px;
		width: calc(100% - 8px);
	}

	.specimen-field {
		height: auto;
		padding: 16px 0;
	}

	.specimen-category-title {
		font-size: 28px;
		margin-top: 40px;
		margin-bottom: 16px;
	}

	.specimen-field-copy {
		overflow-x: auto;
	}

	.specimen-field-copy span {
		display: block;
		padding-left: 8px;
		font-size: 16px;
		float: unset;
		width: calc(100% - 8px);
		line-height: 18px;
	}

	.specimen-field-copy img {
		width: 32px;
		height: 32px;
		margin-right: 16px;
		margin-top: 8px;
	}

	.specimen-field-copy .copy-success {
    line-height: 32px;
    right: 48px;
    margin-top: 8px;
	}

	.specimen-return {
		margin-top: 100px;
		margin-bottom: 120px;
	}

	.modal .zoom-modal {
		z-index: 9999;
	}

	.modal .close-zoom-modal.mobile {
		z-index: 99999;
		position: fixed;
	}

	.modal .close-zoom-modal.mobile {
		width: 40px;
		height: 40px;
		top: 12px;
		right: 12px;
	}

	.modal .close-zoom-modal.mobile img {
		width: 40px;
		height: 40px;
		padding: 0;
	}

	.faq .search-buttons {
		margin-top: 12px;
	}

	.faq-description {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 48px;
	}

	.collapse {
    margin-bottom: 48px;
	}

	.collapse .question p {
		font-size: 28px;
		line-height: 30px;
		width: calc(100% - 32px);
	}

	.collapse .question img {
		width: 32px;
		height: 32px;
	}

	.faq-block {
		width: calc(100% - 32px);
		padding: 0 16px;
		margin-bottom: 52px;
	}

	.search.faq.content {
		top: 60px;
		padding-bottom: 120px;
	}

	.collapse .question {
		margin-bottom: 32px;
	}

	.collapse .answer p {
		font-size: 18px;
		line-height: 26px;
	}

	.faq .subtitle, .faq .subanswer {
		font-size: 18px;
		line-height: 26px;
	}
}