:root {
    --spacing_1: 20px;
    --color_background: #FFFFFF;
    --color_text: rgba(0, 0, 0, 1);
    --transition_1: 150ms ease-in-out;
    --img_white: none;
    --img_black: block;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 100%;
	min-height: 100%;

    background: var(--color_background);
}
body {
	margin: 0;
	padding: 0 0 10vw;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: auto;
	background: var(--color_background);
    color: var(--color_text);
}
body.clr_1	{	--color_background: #FFFFFF;	}
body.clr_2	{	--color_background: #5B7676; --color_text: #FFFFFF;	}
body.clr_3	{	--color_background: #163D57; --color_text: #FFFFFF;	}
body.clr_4	{	--color_background: #32757E; --color_text: #FFFFFF;	}
body.clr_5	{	--color_background: #DDCE72;	}
body.clr_6	{	--color_background: #9A9E37;	}
body.clr_6	{	--color_background: #BAD6C7;	}
body.clr_7	{	--color_background: #E39E8A;	}
body.clr_8	{	--color_background: #D75D46;	}
body.clr_9	{	--color_background: #F3FF64;	}
body.clr_10	{	--color_background: #653FFF; --color_text: #FFFFFF;	}
body.clr_11	{	--color_background: #00FFFF;	}
body.clr_12	{	--color_background: #95FF93;	}
body.clr_13	{	--color_background: #FFD3B2;	}
body.clr_14	{	--color_background: #000000; --color_text: #FFFFFF;	}


body.clr_2, body.clr_3, body.clr_4, body.clr_10, body.clr_14 {
    --img_white: block;
    --img_black: none;
}
.display picture {
    width: 100%;
    height: 100%;
    display: var(--img_black);
}
.display picture.white {
    display: var(--img_white);
}

div	{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;

      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
}

::selection {
	background: #2f2c29;
	background: rgba(47, 44, 41, 1);
	color: #FFFFFF;
	color: rgba(255, 255, 255, 1);
}
a:focus {
	outline: none;
}












/*   G R I D   */



.col_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.flex_col {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.col_container.col_12, .col_container.col_11, .col_container.col_10, .col_container.col_9, .col_container.col_8, .col_container.col_7, .col_container.col_6, .col_container.col_5, .col_container.col_4, .col_container.col_3, .col_container.col_2, .col_container.col_1 {
    flex-direction: row;;
}
.col_12, .col_11, .col_10, .col_9, .col_8, .col_7, .col_6, .col_5, .col_4, .col_3, .col_2, .col_1 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    padding: 0 var(--spacing_1);
}
.col_2 {
    flex-basis: 16.666666%;
}
.col_3 {
    flex-basis: 25%;
}
.col_4 {
    flex-basis: 33.333333%;
}
.col_6 {
    flex-basis: 50%;
}
.col_8 {
    flex-basis: 66.6666%;
}
.col_10 {
    flex-basis: 83.333333%;
}
.flex_spacer {
    display: block !important;
}
.no_pad {
    padding: 0;
}


.overflow {
	overflow: visible;
}
.cleared:after {
    content: '';
    display: table;
    clear: both;
}

.desktop {	display: block;	}
.tablet {	display: none;	}
.mobile {	display: none;	}
.notmobile {	display: block;	}

@media (max-width: 1080px) {
	.desktop {	display: none;	}
	.tablet {	display: block;	}
	.mobile {	display: none;	}
	.notmobile {	display: block;	}
}
@media (max-width: 500px) {
	.desktop {	display: none;	}
	.tablet {	display: none;	}
	.mobile {	display: block;	}
	.notmobile {	display: none;	}
}












/*   T Y P O G R A P H Y   */


@font-face {
    font-family: "Workhorse Geo Mono Web";
    src: url("../fonts/WorkhorseGeoMonoVF.woff2") format("woff2");
    font-weight: 0 900;
    italic: 0 11;
    font-style: normal;
}

h1, h2, h3, h4, p {
    padding: 0;
    margin: 0;
}

/* Body Copy */
body, p {
    font-family: Workhorse Geo Mono Web, futura, sans-serif;
    font-style: normal;
    font-variation-settings: "wght" 50,"opsz" 100,"ital" 1;
    font-feature-settings: "ss07","ss01";
    letter-spacing: 0;
    text-align: left;
    font-size: 11px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-weight: 400;
    margin: 0 0 8px;
}
@media screen and (min-width: 770px) {
    body, p {
        font-size: 12px;
        line-height: 1.3;
        margin: 0 0 8px;
    }
}

p.italic {
    font-variation-settings: "wght" 50,"opsz" 100,"ital"100;
}

/* Heading */
h1 {
    font-family: Workhorse Geo Mono Web, monospace;
    font-style: normal;
    font-variation-settings: "wght" 500,"ital" 0;
    letter-spacing: -.02em;
    text-align: left;
    font-size: 24px;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    margin-left: -0.01em;
}
@media screen and (min-width: 770px) {
	h1 {
		font-size: 34px;
	}
}

/* Links */
h3, a, button, label div {
    font-family: Workhorse Geo Mono Web, monospace;
    font-style: normal;
    font-variation-settings: "wght" 600,"ital" 0;
    letter-spacing: .1em;
    text-align: left;
    font-size: 10px;
    line-height: 13px;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}
@media screen and (min-width: 770px) {
    h3, a, button, label div {
        font-size: 12px;
        line-height: 16px;
    }
}

/* Specs */
p.specs, li.specs, select {
    font-family: Workhorse Geo Mono Web, monospace;
    font-style: normal;
    font-variation-settings: "wght" 400,"ital" 0;
    letter-spacing: .01em;
    text-align: left;
    font-size: 9px;
    line-height: 13px;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    margin: 0;
}
@media screen and (min-width: 770px) {
    p.specs, li.specs, select {
        font-size: 11px;
        line-height: 16px;
    }
}

/* Tiny Label */
h4, span.label {
    font-family: Workhorse Geo Mono Web, monospace;
    font-style: normal;
    font-variation-settings: "wght" 700,"ital" 0;
    letter-spacing: .16em;
    text-align: left;
    font-size: 8px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}
@media screen and (min-width: 770px) {
    h4, span.label {
        font-size: 8px;
    }
}

p {
    max-width: 500px;
}
button {
	background: var(--color_text);
    outline: none;
    border: none;
    padding: 15px 10px 13px 30px;
    color: var(--color_background);
}
button:after {
	content: "\2192";
    font-family: Workhorse Geo Mono Web,monospace;
    font-feature-settings: "ss11";
    font-size: 16px;
    font-variation-settings: "wght" 500,"ital" 0;
    display: block;
    float: right;
    margin: -2px 0 -10px 24px;
    background: rgba(0,0,0,0);
    border-radius: 50px;
    display: flex;
    width: 17px;
    height: 17px;
    padding: 2.5px 3px;
    transition: margin ease-out .15s,color 0s;
}
.toggle {
	display: flex;
	flex-direction: row;
	gap: 0;
	padding: 3px !important;
	border-radius: 50px;
	box-shadow: 0 0 0 1px var(--color_text) inset;
    background: var(--color_background);
}
.toggle label, label {
	padding: 0;
}
.toggle label div, label div, .subnav_container a div, select {
	padding: 7px 10px 4px;
	border-radius: 50px;
	background: var(--color_background);
	color: var(--color_text);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none;
    cursor: pointer;
}
.toggle label input:checked ~ div, label input:checked ~ div {
	background: var(--color_text);
	color: var(--color_background);
}
.toggle label:hover input ~ div, label:hover input ~ div, .subnav_container a:hover div, select:hover {
	box-shadow: 0 0 0 1px var(--color_text) inset;
}


/* SELECT */
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    outline: 0;

    background: none;
    color: var(--color_text);
    cursor: pointer;
    position: relative;
    z-index: 5;
    padding-right: 30px;
}
select::-ms-expand {  display: none;  }
select:focus {  outline: none;  }
select option { color: inherit; background-color: var(--option-bg); }
.select_container {
    position: relative;
    margin: -7px -10px 0;
}
.select_container:before, .select_container:after {
    content: "";
    width: 7px;
    height: 2px;
    display: block;
    position: absolute;
    right: 13px;
    top: calc(50% - 1px);
    transform: rotate(-45deg);
    z-index: 0;
    background: var(--color_text);
    margin: 0;
    border-radius: 0;
    padding: 0;
}
.select_container:before {
    right: 17px;
    transform: rotate(45deg);
}










/* Header */

#nav {
    width: 100%;
    height: 49px;
    padding: 0px var(--spacing_1) 0 calc(var(--spacing_1)*1);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: var(--spacing_1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: var(--color_background);
    box-sizing: border-box;
}
@media (min-width: 1080px) {
    #nav {
        padding: 0px var(--spacing_1) 0 calc(var(--spacing_1)*3);
    }
}
.sticky_line {
	position: sticky;
	top: 86px;
	width: 100%;
	height: 1px;
	background: var(--color_text);
}
@media (min-width: 770px) {
    .sticky_line {
        top: 49px;
    }
}
#nav .logo {
	flex: 1 1 33%;
}
@media (max-width: 770px) {
    #nav .logo {
        width: 160px;
    }
}
#nav ul {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 0;
	flex: 1 1 66%;
}
@media (max-width: 770px) {
    #nav ul:not(.nav_fixed, .subnav) {
        position: absolute;
        top: 43px;
        left: 0;
        height: 43px;
        min-width: 100%;
        background: var(--color_background);
        flex: 1;
    }
}
#nav ul li, #nav ul li a 	{
	display: flex;
    align-items: stretch;
    flex-direction: row;
}
#nav ul li {
	padding: 0 10px;
}
.logo a h2 {
	padding: 17px 0px;
}
#nav ul.nav_fixed {
    width: 200px;
    gap: 0px;
    flex: 1 1 200px;
    justify-content: center;
    align-items: center;
    margin: 0 -19px 0 19px;
    padding: 0 10px;
}
@media (max-width: 770px) {
    #nav ul.nav_fixed {
        width: 130px;
        flex: 1 1 130px;
        margin: 0 -19px 0 0px;
        padding: 0 0px;
    }
}
.type_slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 1px;
    background: none;
    outline: none;
    opacity: 1;
    transition: all var(--transition_1);
    padding: 0;
    margin: 8px 0 8px;
	background: var(--color_text);
}
.type_slider:focus {
    background: var(--color_text);
    box-shadow: none;
}

.type_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: var(--color_text);
    box-shadow: 0 0 0 1px var(--color_text) inset, 0 0 0 0px var(--color_text);
    cursor: pointer;
    border-radius: 50%;
    transition: all var(--transition_1);
}
.type_slider::-webkit-slider-thumb:hover {
    background: var(--color_text);
    box-shadow: 0 0 0 1px var(--color_text) inset, 0 0 0 2px var(--color_text);
}
.type_slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: var(--color_text);
    cursor: pointer;
}

.selec_size {
	display: flex;
    flex-direction: row;
}
.color_change {
	display: flex;
    flex-direction: row;
    width: 20px;
    height: 18px;
    padding: 16px;
    display: block;
	cursor: pointer;
    transition: all var(--transition_1);
}
.color_change:hover {
    width: 24px;
    height: 22px;
    padding: 14px;
    transform: rotate(45deg);
    margin: 0 -2px;
}
.color_change:hover:active {
    transform: rotate(405deg);
	transition:  0s;
}
.color_change svg {
	width: 100%;
    height: 100%;
    fill: var(--color_text);
}
.color_change path {
    fill: var(--color_background);
}



#nav .subnav {
	display: none;
}
#nav .subnav_container.active .subnav {
	display: flex;
}
.subnav {
	position: fixed;
    align-items: center !important;
    width: 100vw;
    height: 50px;
    left: 0;
    top: 50px;
    z-index: 11;
    padding: 0px 58px !important;
    background: rgba(0, 0, 0, .065);
    gap: 10px !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0 -1px 0 0 var(--color_text);
}
@media (max-width: 770px) {
    .subnav {
        top: 87px !important;
        padding: 0px 18px !important;
    }
}
#nav ul ul.subnav li {
    padding: 0;
}
.filter label input, .toggle label input, .style_picker input {
    position: absolute;
    z-index: -1;
    opacity: 0 !important;
}
.subnav_container {
	position: relative;
}
.subnav_container a div {
    padding-right: 30px;
	position: relative;
}
.subnav_container a div:before, .subnav_container a div:after {
    content: "";
    width: 7px;
    height: 2px;
    display: block;
    position: absolute;
    right: 13px;
    top: calc(50% - 1px);
    transform: rotate(-45deg);
    z-index: 0;
    background: var(--color_text);
    margin: 0;
    border-radius: 0;
    padding: 0;
}
.subnav_container a div:before {
    right: 17px;
    transform: rotate(45deg);
}
.subnav_container a {
    cursor: pointer;
	align-items: center !important;
}
li.filter label {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}

.subnav_container:hover .subnav {
    display: flex !important;
}

/* Filters */
#index_list.filter-style-formal .casual, #index_list.filter-style-formal .semiformal {	display: none;	}
#index_list.filter-style-semiformal .casual, #index_list.filter-style-semiformal .formal {	display: none;	}
#index_list.filter-style-casual .formal, #index_list.filter-style-casual .semiformal {	display: none;	}

#index_list.filter-foundry-adobe .indie, #index_list.filter-foundry-adobe .fontstand, #index_list.filter-foundry-adobe .google {	display: none;	}
#index_list.filter-foundry-indie .adobe, #index_list.filter-foundry-indie .fontstand, #index_list.filter-foundry-indie .google {	display: none;	}
#index_list.filter-foundry-fontstand .adobe, #index_list.filter-foundry-fontstand .indie, #index_list.filter-foundry-fontstand .google {	display: none;	}
#index_list.filter-foundry-google .adobe, #index_list.filter-foundry-google .indie, #index_list.filter-foundry-google .fontstand {	display: none;	}

#index_list.filter-variable .index_typeface:not(.variable)	{	display: none;	}

#index_list.filter-oddballs .index_typeface:not(.oddball)	{	display: none;	}

#index_list.filter-swash .index_typeface:not(.swash)	{	display: none;	}

#index_list.filter-multistyles .index_typeface:not(.multistyles)	{	display: none;	}








/* Home */

#index {
	--image-size: 100px;
	--multi-image-timer: 1.75s;
}
@media screen and (min-width: 770px) {
	#index {
		--image-size: 200px;
	}
}
#header {
	padding: 300px var(--spacing_1) calc(var(--spacing_1)*2) calc(var(--spacing_1)*1);
    box-shadow: 0 1px 0 var(--color_text);
}
@media screen and (min-width: 770px) {
    #header {
        padding: calc(100vh - 680px) var(--spacing_1) calc(var(--spacing_1)*2) calc(var(--spacing_1)*3);
    }
}

#index_list {
	gap: 0px;
	align-items: start;
	justify-content: start;
}
.index_typeface {
	box-shadow: 0 1px 0 var(--color_text);
}
#index_list img {
	height: var(--image-size);
	position: absolute;
    top: 0;
    left: 5px;
}
@media screen and (min-width: 770px) {
    #index_list img {
        left: 20px;
    }
}
#index_list .display {
	height: var(--image-size);
	overflow-x: hidden;
}
ul.details {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: var(--spacing_1);
	padding: 0 var(--spacing_1) 10px calc(var(--spacing_1)*1);
	box-sizing: border-box;
}
@media screen and (min-width: 770px) {
    ul.details {
        padding: 0 var(--spacing_1) 10px calc(var(--spacing_1)*3);
    }
}
ul.details li {
    display: none;
	flex: 1 1 50%;
}
ul.details li:first-child {
	flex: 1 1 50%;
	display: flex;
	flex-direction: row;
	gap: 10px;
}
@media screen and (min-width: 770px) {
    ul.details li {
        display: flex;
    }
    ul.details li:first-child {
        display: flex;
    }
}
.index_typeface a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}
.index_typeface a button {
    display: none;
    position: absolute;
    top: calc(50% - 22px);
    left: 0;
	cursor: pointer;
}
.index_typeface a:hover button {
    display: block;
}











/*
.multi_img.multi_img_3 .display picture img:nth-child(1) {    animation: multi_img_3_ani_1 calc(var(--multi-image-timer)*10) linear infinite; animation-play-state: paused;	}
.multi_img.multi_img_3 .display picture img:nth-child(2) {    animation: multi_img_3_ani_2 calc(var(--multi-image-timer)*10) linear infinite; animation-play-state: paused;	}
.multi_img.multi_img_3 .display picture img:nth-child(3) {    animation: multi_img_3_ani_3 calc(var(--multi-image-timer)*10) linear infinite; animation-play-state: paused;	}
.multi_img.multi_img_3 .display picture img:nth-child(4) {    animation: multi_img_3_ani_4 calc(var(--multi-image-timer)*10) linear infinite; animation-play-state: paused;	}
.multi_img.multi_img_3 .display picture img:nth-child(5) {    animation: multi_img_3_ani_5 calc(var(--multi-image-timer)*10) linear infinite; animation-play-state: paused;	}
.multi_img.multi_img_3 .display picture img:nth-child(6) {    animation: multi_img_3_ani_6 calc(var(--multi-image-timer)*10) linear infinite; animation-play-state: paused;	}
@keyframes multi_img_3_ani_1 {
    0% { display: block; }
	16.5% {	display: block; }
	16.6% {	display: none; }
    100% { display: none; }
}
*/

.multi_img .display img {  display: none;  }
.multi_img .display .imgState-1 img:nth-child(1) {  display: block;  }
.multi_img .display .imgState-2 img:nth-child(2) {  display: block;  }
.multi_img .display .imgState-3 img:nth-child(3) {  display: block;  }
.multi_img .display .imgState-4 img:nth-child(4) {  display: block;  }
.multi_img .display .imgState-5 img:nth-child(5) {  display: block;  }
.multi_img .display .imgState-6 img:nth-child(6) {  display: block;  }
.multi_img .display .imgState-7 img:nth-child(7) {  display: block;  }
.multi_img .display .imgState-8 img:nth-child(8) {  display: block;  }
.multi_img .display .imgState-9 img:nth-child(9) {  display: block;  }
.multi_img .display .imgState-10 img:nth-child(10) {  display: block;  }
.multi_img .display .imgState-11 img:nth-child(11) {  display: block;  }
.multi_img .display .imgState-12 img:nth-child(12) {  display: block;  }
.multi_img .display .imgState-13 img:nth-child(13) {  display: block;  }
.multi_img .display .imgState-14 img:nth-child(14) {  display: block;  }
.multi_img .display .imgState-15 img:nth-child(15) {  display: block;  }
.multi_img .display .imgState-16 img:nth-child(16) {  display: block;  }
.multi_img .display .imgState-17 img:nth-child(17) {  display: block;  }
.multi_img .display .imgState-18 img:nth-child(18) {  display: block;  }
.multi_img .display .imgState-19 img:nth-child(19) {  display: block;  }
.multi_img .display .imgState-20 img:nth-child(20) {  display: block;  }
.multi_img .display .imgState-21 img:nth-child(21) {  display: block;  }
.multi_img .display .imgState-22 img:nth-child(22) {  display: block;  }
.multi_img .display .imgState-23 img:nth-child(23) {  display: block;  }
.multi_img .display .imgState-24 img:nth-child(24) {  display: block;  }
.multi_img .display .imgState-25 img:nth-child(25) {  display: block;  }
.multi_img .display .imgState-26 img:nth-child(26) {  display: block;  }
.multi_img .display .imgState-27 img:nth-child(27) {  display: block;  }
.multi_img .display .imgState-28 img:nth-child(28) {  display: block;  }
.multi_img .display .imgState-29 img:nth-child(29) {  display: block;  }
.multi_img .display .imgState-30 img:nth-child(30) {  display: block;  }
.multi_img .display .imgState-31 img:nth-child(31) {  display: block;  }
.multi_img .display .imgState-32 img:nth-child(32) {  display: block;  }
.multi_img .display .imgState-33 img:nth-child(33) {  display: block;  }
.multi_img .display .imgState-34 img:nth-child(34) {  display: block;  }
.multi_img .display .imgState-35 img:nth-child(35) {  display: block;  }
.multi_img .display .imgState-36 img:nth-child(36) {  display: block;  }
.multi_img .display .imgState-37 img:nth-child(37) {  display: block;  }
.multi_img .display .imgState-38 img:nth-child(38) {  display: block;  }
.multi_img .display .imgState-39 img:nth-child(39) {  display: block;  }
.multi_img .display .imgState-40 img:nth-child(40) {  display: block;  }
.multi_img .display .imgState-41 img:nth-child(41) {  display: block;  }
.multi_img .display .imgState-42 img:nth-child(42) {  display: block;  }
.multi_img .display .imgState-43 img:nth-child(43) {  display: block;  }
.multi_img .display .imgState-44 img:nth-child(44) {  display: block;  }
.multi_img .display .imgState-45 img:nth-child(45) {  display: block;  }
.multi_img .display .imgState-46 img:nth-child(46) {  display: block;  }
.multi_img .display .imgState-47 img:nth-child(47) {  display: block;  }
.multi_img .display .imgState-48 img:nth-child(48) {  display: block;  }
.multi_img .display .imgState-49 img:nth-child(49) {  display: block;  }
.multi_img .display .imgState-50 img:nth-child(50) {  display: block;  }
.multi_img .display .imgState-51 img:nth-child(51) {  display: block;  }
.multi_img .display .imgState-52 img:nth-child(52) {  display: block;  }
.multi_img .display .imgState-53 img:nth-child(53) {  display: block;  }
.multi_img .display .imgState-54 img:nth-child(54) {  display: block;  }
.multi_img .display .imgState-55 img:nth-child(55) {  display: block;  }
.multi_img .display .imgState-56 img:nth-child(56) {  display: block;  }
.multi_img .display .imgState-57 img:nth-child(57) {  display: block;  }
.multi_img .display .imgState-58 img:nth-child(58) {  display: block;  }
.multi_img .display .imgState-59 img:nth-child(59) {  display: block;  }
.multi_img .display .imgState-60 img:nth-child(60) {  display: block;  }
.multi_img .display .imgState-61 img:nth-child(61) {  display: block;  }
.multi_img .display .imgState-62 img:nth-child(62) {  display: block;  }
.multi_img .display .imgState-63 img:nth-child(63) {  display: block;  }
.multi_img .display .imgState-64 img:nth-child(64) {  display: block;  }
.multi_img .display .imgState-65 img:nth-child(65) {  display: block;  }
.multi_img .display .imgState-66 img:nth-child(66) {  display: block;  }
.multi_img .display .imgState-67 img:nth-child(67) {  display: block;  }
.multi_img .display .imgState-68 img:nth-child(68) {  display: block;  }
.multi_img .display .imgState-69 img:nth-child(69) {  display: block;  }
.multi_img .display .imgState-70 img:nth-child(70) {  display: block;  }
.multi_img .display .imgState-71 img:nth-child(71) {  display: block;  }
.multi_img .display .imgState-72 img:nth-child(72) {  display: block;  }

.multi_img.show_1 .display picture img, .multi_img.show_2 .display picture img, .multi_img.show_3 .display picture img, .multi_img.show_4 .display picture img, .multi_img.show_5 .display picture img, .multi_img.show_6 .display picture img, .multi_img.show_7 .display picture img, .multi_img.show_8 .display picture img, .multi_img.show_9 .display picture img, .multi_img.show_10 .display picture img , .multi_img.show_11 .display picture img , .multi_img.show_12 .display picture img , .multi_img.show_13 .display picture img , .multi_img.show_14 .display picture img , .multi_img.show_15 .display picture img , .multi_img.show_16 .display picture img , .multi_img.show_17 .display picture img , .multi_img.show_18 .display picture img , .multi_img.show_19 .display picture img , .multi_img.show_20 .display picture img , .multi_img.show_21 .display picture img , .multi_img.show_22 .display picture img , .multi_img.show_23 .display picture img , .multi_img.show_24 .display picture img , .multi_img.show_25 .display picture img , .multi_img.show_26 .display picture img , .multi_img.show_27 .display picture img , .multi_img.show_28 .display picture img , .multi_img.show_29 .display picture img , .multi_img.show_30 .display picture img , .multi_img.show_31 .display picture img , .multi_img.show_32 .display picture img , .multi_img.show_33 .display picture img , .multi_img.show_34 .display picture img , .multi_img.show_35 .display picture img , .multi_img.show_36 .display picture img , .multi_img.show_37 .display picture img , .multi_img.show_38 .display picture img , .multi_img.show_39 .display picture img , .multi_img.show_40 .display picture img , .multi_img.show_41 .display picture img , .multi_img.show_42 .display picture img , .multi_img.show_43 .display picture img , .multi_img.show_44 .display picture img , .multi_img.show_45 .display picture img , .multi_img.show_46 .display picture img , .multi_img.show_47 .display picture img , .multi_img.show_48 .display picture img , .multi_img.show_49 .display picture img , .multi_img.show_50 .display picture img , .multi_img.show_51 .display picture img , .multi_img.show_52 .display picture img , .multi_img.show_53 .display picture img , .multi_img.show_54 .display picture img , .multi_img.show_55 .display picture img , .multi_img.show_56 .display picture img , .multi_img.show_57 .display picture img , .multi_img.show_58 .display picture img , .multi_img.show_59 .display picture img , .multi_img.show_60 .display picture img , .multi_img.show_61 .display picture img , .multi_img.show_62 .display picture img , .multi_img.show_63 .display picture img , .multi_img.show_64 .display picture img , .multi_img.show_65 .display picture img , .multi_img.show_66 .display picture img , .multi_img.show_67 .display picture img , .multi_img.show_68 .display picture img , .multi_img.show_69 .display picture img , .multi_img.show_70 .display picture img , .multi_img.show_71 .display picture img , .multi_img.show_72 .display picture img  {
    display: none !important;
}
.multi_img.show_1 .display picture img:nth-child(1) {  display: block !important;  }
.multi_img.show_2 .display picture img:nth-child(2) {  display: block !important;  }
.multi_img.show_3 .display picture img:nth-child(3) {  display: block !important;  }
.multi_img.show_4 .display picture img:nth-child(4) {  display: block !important;  }
.multi_img.show_5 .display picture img:nth-child(5) {  display: block !important;  }
.multi_img.show_6 .display picture img:nth-child(6) {  display: block !important;  }
.multi_img.show_7 .display picture img:nth-child(7) {  display: block !important;  }
.multi_img.show_8 .display picture img:nth-child(8) {  display: block !important;  }
.multi_img.show_9 .display picture img:nth-child(9) {  display: block !important;  }
.multi_img.show_10 .display picture img:nth-child(10) {  display: block !important;  }
.multi_img.show_11 .display picture img:nth-child(11) {  display: block !important;  }
.multi_img.show_12 .display picture img:nth-child(12) {  display: block !important;  }
.multi_img.show_13 .display picture img:nth-child(13) {  display: block !important;  }
.multi_img.show_14 .display picture img:nth-child(14) {  display: block !important;  }
.multi_img.show_15 .display picture img:nth-child(15) {  display: block !important;  }
.multi_img.show_16 .display picture img:nth-child(16) {  display: block !important;  }
.multi_img.show_17 .display picture img:nth-child(17) {  display: block !important;  }
.multi_img.show_18 .display picture img:nth-child(18) {  display: block !important;  }
.multi_img.show_19 .display picture img:nth-child(19) {  display: block !important;  }
.multi_img.show_20 .display picture img:nth-child(20) {  display: block !important;  }
.multi_img.show_21 .display picture img:nth-child(21) {  display: block !important;  }
.multi_img.show_22 .display picture img:nth-child(22) {  display: block !important;  }
.multi_img.show_23 .display picture img:nth-child(23) {  display: block !important;  }
.multi_img.show_24 .display picture img:nth-child(24) {  display: block !important;  }
.multi_img.show_25 .display picture img:nth-child(25) {  display: block !important;  }
.multi_img.show_26 .display picture img:nth-child(26) {  display: block !important;  }
.multi_img.show_27 .display picture img:nth-child(27) {  display: block !important;  }
.multi_img.show_28 .display picture img:nth-child(28) {  display: block !important;  }
.multi_img.show_29 .display picture img:nth-child(29) {  display: block !important;  }
.multi_img.show_30 .display picture img:nth-child(30) {  display: block !important;  }
.multi_img.show_31 .display picture img:nth-child(31) {  display: block !important;  }
.multi_img.show_32 .display picture img:nth-child(32) {  display: block !important;  }
.multi_img.show_33 .display picture img:nth-child(33) {  display: block !important;  }
.multi_img.show_34 .display picture img:nth-child(34) {  display: block !important;  }
.multi_img.show_35 .display picture img:nth-child(35) {  display: block !important;  }
.multi_img.show_36 .display picture img:nth-child(36) {  display: block !important;  }
.multi_img.show_37 .display picture img:nth-child(37) {  display: block !important;  }
.multi_img.show_38 .display picture img:nth-child(38) {  display: block !important;  }
.multi_img.show_39 .display picture img:nth-child(39) {  display: block !important;  }
.multi_img.show_40 .display picture img:nth-child(40) {  display: block !important;  }
.multi_img.show_41 .display picture img:nth-child(41) {  display: block !important;  }
.multi_img.show_42 .display picture img:nth-child(42) {  display: block !important;  }
.multi_img.show_43 .display picture img:nth-child(43) {  display: block !important;  }
.multi_img.show_44 .display picture img:nth-child(44) {  display: block !important;  }
.multi_img.show_45 .display picture img:nth-child(45) {  display: block !important;  }
.multi_img.show_46 .display picture img:nth-child(46) {  display: block !important;  }
.multi_img.show_47 .display picture img:nth-child(47) {  display: block !important;  }
.multi_img.show_48 .display picture img:nth-child(48) {  display: block !important;  }
.multi_img.show_49 .display picture img:nth-child(49) {  display: block !important;  }
.multi_img.show_50 .display picture img:nth-child(50) {  display: block !important;  }
.multi_img.show_51 .display picture img:nth-child(51) {  display: block !important;  }
.multi_img.show_52 .display picture img:nth-child(52) {  display: block !important;  }
.multi_img.show_53 .display picture img:nth-child(53) {  display: block !important;  }
.multi_img.show_54 .display picture img:nth-child(54) {  display: block !important;  }
.multi_img.show_55 .display picture img:nth-child(55) {  display: block !important;  }
.multi_img.show_56 .display picture img:nth-child(56) {  display: block !important;  }
.multi_img.show_57 .display picture img:nth-child(57) {  display: block !important;  }
.multi_img.show_58 .display picture img:nth-child(58) {  display: block !important;  }
.multi_img.show_59 .display picture img:nth-child(59) {  display: block !important;  }
.multi_img.show_60 .display picture img:nth-child(60) {  display: block !important;  }
.multi_img.show_61 .display picture img:nth-child(61) {  display: block !important;  }
.multi_img.show_62 .display picture img:nth-child(62) {  display: block !important;  }
.multi_img.show_63 .display picture img:nth-child(63) {  display: block !important;  }
.multi_img.show_64 .display picture img:nth-child(64) {  display: block !important;  }
.multi_img.show_65 .display picture img:nth-child(65) {  display: block !important;  }
.multi_img.show_66 .display picture img:nth-child(66) {  display: block !important;  }
.multi_img.show_67 .display picture img:nth-child(67) {  display: block !important;  }
.multi_img.show_68 .display picture img:nth-child(68) {  display: block !important;  }
.multi_img.show_69 .display picture img:nth-child(69) {  display: block !important;  }
.multi_img.show_70 .display picture img:nth-child(70) {  display: block !important;  }
.multi_img.show_71 .display picture img:nth-child(71) {  display: block !important;  }
.multi_img.show_72 .display picture img:nth-child(72) {  display: block !important;  }