:root {
    --special-background: #2196f3;
}
/* ARC Painting */
#arc-painting {
    padding: 0;
}
#arc-painting-intro {
    height: 800px;
    font-family: "GothamRndSSm-Bold";
    background-color: var(--special-background);
    transition: background-color 1.6s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
#arc-painting-intro span {
    text-align: center;
    color: white;
    font-size: 80px;
    letter-spacing: 5px;
    transition: 1.6s ease-in-out;
    text-shadow: -1px -1px 0px var(--special-background),
    3px 3px 0px var(--special-background),
    6px 6px 0px #00000055;
}
.arc-painting-download {
    display: flex;
    justify-content: center;
    padding: 50px;
    max-width: 840px;
    margin: auto;
}
.arc-painting-download a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 12px;
    padding-left: 22px;
    padding-right: 22px;
    border: 1px solid transparent;
    border-radius: 50px;
    background-color: rgb(36,38,40);
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
}
.arc-painting-download-text {
    
}
.arc-painting-download-icon {
    height: 36px;
    width: 36px;
}
#arc-download-icon-cls1 {
    fill: #4b4a4a;
}
#arc-download-icon-cls2 {
    fill: #ffffff;
}
.arc-painting-disclaimer {
    display: flex;
    justify-content: center;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 840px;
    margin: auto;
}
@media only screen and (max-width:1068px) {
    .arc-painting-disclaimer {
        padding-left: 30px;
        padding-right: 30px;
    }
}
#arc-painting-minitext {
    font-family: "GothamSSm-Book";
}
.arc-painting-carousel-container {

}
.arc-painting-carousel-title {
    font-family: "GothamRndSSm-Bold";
    color: #363636;
    padding-top: 78px;
}
.arc-paint-tile {
    font-size: 18px;
    background-color:rgba(255,255,255);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: auto;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
    border: 1.5px solid #ddd;
}
@media only screen and (max-width:1300px) {
	.arc-paint-tile {
        padding-top: 10px;
        padding-bottom: 10px;
	}
}
@media only screen and (max-width:500px) {
	.arc-paint-tile {
        grid-template-columns: 1fr 1fr 1fr;
        padding-left: 10px;
        padding-right: 10px;
	}
}
.sw-swatch, .bm-swatch {
    height: 130px;
    width: 120px;
    justify-self: center;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    border-radius: 8px;
    font-size: 13px;
    font-family: "GothamSSm-Light";
    font-weight: 400;
    letter-spacing: 1px;
    color: #525252;
    box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.25);
    border-radius: 0.5em;
    position: relative;
}
@media only screen and (max-width:734px) {
	.sw-swatch, .bm-swatch {
		width: 80px;
		height: 100px;
		margin-top: 10px;
	}
}
.swatch-code {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-bottom: 0px solid #525252;
    border-left: 0px solid #525252;
    border-right: 0px solid #525252;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 5px;
    background: white;
}
@media only screen and (max-width:734px) {
	.swatch-code {
        font-size: 13px;
        padding-top: 2px;
	}
}
@media only screen and (max-width:500px) {
	.swatch-code {
		font-size: 12px;
		padding-top: 2px;
	}
}
#swatch1 {
	background: #C3C0BA;
}
#swatch2 {
	background: #E1DEDB;
}
#swatch3 {
	background: #CECBC7;
}
#swatch4 {
	background: #E4DAD9;
}
#swatch5 {
	background: #D4CDCA;
}
#swatch6 {
	background: #C3B7B6;
}
#swatch7 {
	background: #D1C5C4;
}
#swatch8 {
	background: #C0B3B3;
}
#swatch9 {
	background: #E2D9D4;
}
#swatch10 {
	background: #E5DCD6;
}
#swatch11 {
	background: #E3DAD5;
}
#swatch12 {
	background: #D1C4BC;
}
#swatch13 {
	background: #BFB1AB;
}
#swatch14 {
	background: #E5DBD5;
}
#swatch15 {
	background: #D6C8C0;
}
#swatch16 {
	background: #C6B2A8;
}
#swatch17 {
	background: #E7DAD2;
}
#swatch18 {
	background: #DBC6BC;
}
#swatch19 {
	background: #CFB4A8;
}
#swatch20 {
	background: #E8DDD5;
}
#swatch21 {
	background: #DECABD;
}
#swatch22 {
	background: #D0B8A9;
}
#swatch23 {
	background: #E7DDD5;
}
#swatch24 {
	background: #D8CDC2;
}
#swatch25 {
	background: #CBB9AB;
}
#swatch26 {
	background: #E4E1D6;
}
#swatch27 {
	background: #D4CDC2;
}
#swatch28 {
	background: #C1B6AB;
}
#swatch29 {
	background: #E5DCD2;
}
#swatch30 {
	background: #C3B5A7;
}
#swatch31 {
	background: #E7DDD5;
}
#swatch32 {
	background: #D6C7B9;
}
#swatch33 {
	background: #C5B0A3;
}
#swatch34 {
	background: #E8DED3;
}
#swatch35 {
	background: #DBC8B9;
}
#swatch36 {
	background: #CBB2A0;
}
#swatch37 {
	background: #E5DDD0;
}
#swatch38 {
	background: #D6C4B3;
}
#swatch39 {
	background: #C9B39D;
}
#swatch40 {
	background: #E7DDCD;
}
#swatch41 {
	background: #D7C5AE;
}
#swatch42 {
	background: #C6B098;
}
#swatch43 {
	background: #BAA084;
}
#swatch44 {
	background: #EADCCB;
}
#swatch45 {
	background: #E4C9AD;
}
#swatch46 {
	background: #E9DDC6;
}
#swatch47 {
	background: #DBC6A9;
}
#swatch48 {
	background: #CDB493;
}
#swatch49 {
	background: #E9DDC7;
}
#swatch50 {
	background: #E4CFAD;
}
#swatch51 {
	background: #D3B184;
}
#swatch52 {
	background: #EADEC8;
}
#swatch53 {
	background: #E1CFB1;
}
#swatch54 {
	background: #E8DECE;
}
#swatch55 {
	background: #DBCAB3;
}
#swatch56 {
	background: #CCB79B;
}
#swatch57 {
	background: #EAE2D4;
}
#swatch58 {
	background: #D8CFBB;
}
#swatch59 {
	background: #C8BAA2;
}
#swatch60 {
	background: #E9E2D5;
}
#swatch61 {
	background: #DFDDD0;
}
#swatch62 {
	background: #D0CDB9;
}
#swatch63 {
	background: #E3E0D6;
}
#swatch64 {
	background: #D0CDBE;
}
#swatch65 {
	background: #E2E2D1;
}
#swatch66 {
	background: #CFCEBC;
}
#swatch67 {
	background: #E2E2D8;
}
#swatch68 {
	background: #D0D1C5;
}
#swatch69 {
	background: #DCDFD7;
}
#swatch70 {
	background: #D1D2C6;
}
#swatch71 {
	background: #BDC0B3;
}
#swatch72 {
	background: #DDDDD6;
}
#swatch73 {
	background: #C8C9C1;
}
#swatch74 {
	background: #E4E4DD;
}
#swatch75 {
	background: #CCD2CB;
}
#swatch76 {
	background: #D7DFD8;
}
#swatch77 {
	background: #C3CDC4;
}
#swatch78 {
	background: #DBE2E1;
}
#swatch79 {
	background: #D8E1DE;
}
#swatch80 {
	background: #DFE1DE;
}
#swatch81 {
	background: #CDD2D2;
}
#swatch82 {
	background: #DBDEE1;
}
#swatch83 {
	background: #DCE3E0;
}
#swatch84 {
	background: #CBD0D3;
}
#swatch85 {
	background: #E3E4E1;
}
#swatch86 {
	background: #D5D8D6;
}
#swatch87 {
	background: #E0B393;
}
#swatch88 {
	background: #F1EADD;
}
#swatch89 {
	background: #E9C99E;
}
#swatch90 {
	background: #E1E7E3;
}
#swatch91 {
	background: #D8E7E6;
}
#swatch92 {
	background: #DCE7E8;
}
#swatch93 {
	background: #E1E8E6;
}
#swatch94 {
	background: #CFD9DC;
}
#swatch95 {
	background: #E0E6E7;
}
#swatch96 {
	background: #CBD4DA;
}
#swatch97 {
	background: #F4C994;
}
#swatch98 {
	background: #EDEBE4;
}
#swatch99 {
	background: #ECEDE6;
}
#swatch100 {
	background: #EFEEEA;
}
#swatch101 {
	background: #E9EAE6;
}
#swatch102 {
	background: #EDEADF;
}
#swatch103 {
	background: #E9E2D9;
}
#swatch104 {
	background: #E4DFD3;
}
#swatch105 {
	background: #E2DFD0;
}
#swatch106 {
	background: #EFE8DB;
}
#swatch107 {
	background: #EDE4D8;
}
#swatch108 {
	background: #E2DED8;
}
#swatch109 {
	background: #CCC8C1;
}
#swatch110 {
	background: #BDB6AE;
}
#swatch111 {
	background: #DFD8D3;
}
#swatch112 {
	background: #E2DFD7;
}
#swatch113 {
	background: #D1CBC1;
}
#swatch114 {
	background: #E3DDD3;
}
#swatch115 {
	background: #D1C7B8;
}
#swatch116 {
	background: #E7DED3;
}
#swatch117 {
	background: #CFC7BB;
}
#swatch118 {
	background: #BEB5A9;
}
#swatch119 {
	background: #E3E1D5;
}
#swatch120 {
	background: #CECABC;
}
#swatch121 {
	background: #E0E1D8;
}
#swatch122 {
	background: #C9CAC4;
}
#swatch123 {
	background: #DFDEDC;
}
#swatch124 {
	background: #CACCC8;
}
#swatch125 {
	background: #BCBDB6;
}
#swatch126 {
	background: #DDDEDD;
}
#swatch127 {
	background: #C7CACB;
}
#swatch128 {
	background: #F5EEE4;
}
#swatch129 {
	background: #A18C7C;
}
#swatch130 {
	background: #A2856C;
}
#swatch131 {
	background: #A78D70;
}










#bmswatch1 {
	background: #EAE5DF;
}
#bmswatch2 {
	background: #D9CEC6;
}
#bmswatch3 {
	background: #BCAEA6;
}
#bmswatch4 {
	background: #978477;
}
#bmswatch5 {
	background: #E8E5DF;
}
#bmswatch6 {
	background: #D3CEC6;
}
#bmswatch7 {
	background: #B9B1A6;
}
#bmswatch8 {
	background: #918479;
}
#bmswatch9 {
	background: #E6E3DF;
}
#bmswatch10 {
	background: #D3CCC7;
}
#bmswatch11 {
	background: #B5AAA6;
}
#bmswatch12 {
	background: #8F7E78;
}
#bmswatch13 {
	background: #EEEEEF;
}
#bmswatch14 {
	background: #CDCDCB;
}
#bmswatch15 {
	background: #AFABAB;
}
#bmswatch16 {
	background: #87817E;
}
#bmswatch17 {
	background: #E0E3E5;
}
#bmswatch18 {
	background: #CACCD3;
}
#bmswatch19 {
	background: #A8ABB6;
}
#bmswatch20 {
	background: #7A7D87;
}
#bmswatch21 {
	background: #DFE2E3;
}
#bmswatch22 {
	background: #C7CBCE;
}
#bmswatch23 {
	background: #A3A9B0;
}
#bmswatch24 {
	background: #757A82;
}
#bmswatch25 {
	background: #DFE2E2;
}
#bmswatch26 {
	background: #C7CBCE;
}
#bmswatch27 {
	background: #A2AAB1;
}
#bmswatch28 {
	background: #757B82;
}
#bmswatch29 {
	background: #F5F7F1;
}
#bmswatch30 {
	background: #ECEEED;
}
#bmswatch31 {
	background: #DCE0E0;
}
#bmswatch32 {
	background: #C3C9CA;
}
#bmswatch33 {
	background: #F0F5F0;
}
#bmswatch34 {
	background: #E9EEEC;
}
#bmswatch35 {
	background: #D7E0E1;
}
#bmswatch36 {
	background: #BBC8C8;
}
#bmswatch37 {
	background: #F3F5F1;
}
#bmswatch38 {
	background: #E9EAEA;
}
#bmswatch39 {
	background: #D6DBDC;
}
#bmswatch40 {
	background: #B9BCC0;
}
#bmswatch41 {
	background: #EEF1EF;
}
#bmswatch42 {
	background: #E1E5E4;
}
#bmswatch43 {
	background: #C7CCD0;
}
#bmswatch44 {
	background: #A2A9AE;
}
#bmswatch45 {
	background: #EAECEA;
}
#bmswatch46 {
	background: #D7DDDF;
}
#bmswatch47 {
	background: #BBC1C7;
}
#bmswatch48 {
	background: #92989F;
}
#bmswatch49 {
	background: #DDE3E2;
}
#bmswatch50 {
	background: #C5CAD0;
}
#bmswatch51 {
	background: #A1ABB1;
}
#bmswatch52 {
	background: #737D83;
}
#bmswatch53 {
	background: #E2E9EA;
}
#bmswatch54 {
	background: #CDD7DE;
}
#bmswatch55 {
	background: #ACBBC9;
}
#bmswatch56 {
	background: #8390A1;
}
#bmswatch57 {
	background: #DCE1E4;
}
#bmswatch58 {
	background: #C1CBD0;
}
#bmswatch59 {
	background: #9DA9B3;
}
#bmswatch60 {
	background: #707C84;
}
#bmswatch61 {
	background: #DCE4E5;
}
#bmswatch62 {
	background: #C4CFD2;
}
#bmswatch63 {
	background: #A0B0B5;
}
#bmswatch64 {
	background: #738286;
}
#bmswatch65 {
	background: #DDE0E0;
}
#bmswatch66 {
	background: #C3C8CC;
}
#bmswatch67 {
	background: #9FA7AC;
}
#bmswatch68 {
	background: #717980;
}
#bmswatch69 {
	background: #E3E4E2;
}
#bmswatch70 {
	background: #CBCFD1;
}
#bmswatch71 {
	background: #AAAEB3;
}
#bmswatch72 {
	background: #7D7E84;
}
#bmswatch73 {
	background: #E0E5E3;
}
#bmswatch74 {
	background: #C9CECE;
}
#bmswatch75 {
	background: #A6AFB0;
}
#bmswatch76 {
	background: #7F8282;
}
#bmswatch77 {
	background: #DDE7E7;
}
#bmswatch78 {
	background: #C3D4D4;
}
#bmswatch79 {
	background: #9EB5B8;
}
#bmswatch80 {
	background: #6F898B;
}
#bmswatch81 {
	background: #E6E9E0;
}
#bmswatch82 {
	background: #D3D4CC;
}
#bmswatch83 {
	background: #B3B5AB;
}
#bmswatch84 {
	background: #8C8D7F;
}
#bmswatch85 {
	background: #E4E9E3;
}
#bmswatch86 {
	background: #CFD4CC;
}
#bmswatch87 {
	background: #B1B9AE;
}
#bmswatch88 {
	background: #848D80;
}
#bmswatch89 {
	background: #EBEEE8;
}
#bmswatch90 {
	background: #DAE0DA;
}
#bmswatch91 {
	background: #C0C8C1;
}
#bmswatch92 {
	background: #98A096;
}
#bmswatch93 {
	background: #E6E9E3;
}
#bmswatch94 {
	background: #D7D8CE;
}
#bmswatch95 {
	background: #B8BBB0;
}
#bmswatch96 {
	background: #909384;
}
#bmswatch97 {
	background: #ECECE3;
}
#bmswatch98 {
	background: #DADBCF;
}
#bmswatch99 {
	background: #BFC0B1;
}
#bmswatch100 {
	background: #9A9885;
}
#bmswatch101 {
	background: #CAC4B0;
}
#bmswatch102 {
	background: #AFA48E;
}
#bmswatch103 {
	background: #847A69;
}
#bmswatch104 {
	background: #C0BFBB;
}
#bmswatch105 {
	background: #B4B2AE;
}
#bmswatch106 {
	background: #A39C96;
}
#bmswatch107 {
	background: #C8BFAF;
}
#bmswatch108 {
	background: #B7AA9A;
}
#bmswatch109 {
	background: #9E8E7D;
}
#bmswatch110 {
	background: #D2C8BD;
}
#bmswatch111 {
	background: #C2B8AF;
}
#bmswatch112 {
	background: #A89A8C;
}
#bmswatch113 {
	background: #ECEBDE;
}
#bmswatch114 {
	background: #F3EFDE;
}
#bmswatch115 {
	background: #E9E5D0;
}
#bmswatch116 {
	background: #B8BAB6;
}
#bmswatch117 {
	background: #CBCBC4;
}
#bmswatch118 {
	background: #D4D8D2;
}
#bmswatch119 {
	background: #CBC7B9;
}
#bmswatch120 {
	background: #D9D2C5;
}
#bmswatch121 {
	background: #E6E0CA;
}
/* ____________________ */