.sizeChartModal .modal-content {
	height: auto !important;
}

.sizeChartModal .modal-content .modal-body {
	height: auto !important;
	max-height: 80vh !important;
	padding: 0 !important;
}

.g3SC {
	position: relative;
	width: 100%;
	height: auto;
	max-height: inherit;
	z-index: 1;
	margin: 0 auto;
	padding: 0;
	overflow-y: auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'sofia-pro', sans-serif;
	font-size: 16px;
	-webkit-text-decoration-skip: none;
	text-decoration-skip-ink: none;
}
.g3SC__ContentScroll {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.g3SC img {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.g3SC *,
.g3SC *::before,
.g3SC *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.g3SC h1,
.g3SC h2,
.g3SC h3,
.g3SC h4,
.g3SC h5,
.g3SC p {
	position: relative;
	display: block;
	margin: 0;
	font-family: 'sofia-pro', sans-serif;
}

.g3SC section {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.g3Wrap {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.g3WrapAbs {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.g3CTA--Block {
	display: inline-block;
	position: relative;
	height: auto;
	width: 23.3%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: 'sofia-pro', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 3.4;
	letter-spacing: normal;
	text-align: center;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
}

.g3It {
	font-style: italic;
}

.g3Sb {
	font-weight: 600 !important;
}

@media (min-width: 768px) {
	.g3Mob {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.g3DT {
		display: none !important;
	}
}

.g3SC__Header {
	position: sticky;
	top: -1px;
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 1em 0 0 0;
	overflow: hidden;
	border-bottom: solid 1px #979797;
	box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.05);
	clip-path: polygon(0% 0%, 100% 0%, 100% 120%, 0% 120%);
	background-color: #ffffff;
	z-index: 500;
}

.g3SC__Header__Content {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5em;
	width: 100%;
	max-width: 760px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0.5em 0;
	overflow: hidden;
}

.g3SC__Header__Item {
	color: rgb(0, 0, 0);
	font-family: 'sofia-pro', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}

.g3SC__Header__Item--Active {
	font-weight: 700;
}

.g3SC__Header__Toc {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.g3SC__Header__Toc-Marker {
	position: relative;
	width: 30%;
	height: 2px;
	margin: 0;
	padding: 0;
	background-color: #111111;
}

@media (min-width: 768px) {
	.g3SC__Header {
		padding: 1em 0 0 0;
	}

	.g3SC__Header__Content {
		gap: 1.6em;
	}

	.g3SC__Header__Item {
		font-size: 1em;
		letter-spacing: 0.01em;
	}

	.g3SC__Header__Toc {
		max-width: 745px;
	}
}

/* Main Content */
.g3SC__Content {
	position: relative;
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 2em 0 3em 0;
}

@media all and (min-width: 768px) {
	.g3SC__Content {
		width: 100%;
		max-width: 800px;
		padding: 2em 4em 3em 4em;
	}
}

.g3SC__Chart {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.g3SC__Chart__Content {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

p.g3SC__Section-Intro {
	color: rgb(0, 0, 0);
	font-family: 'sofia-pro', sans-serif;
	font-size: 0.82em;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.01em;
}

.g3SC__Chart__Header {
	position: relative;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 1.5em 0 0 0;
	padding: 0;
	overflow: hidden;
}

.g3SC h3 {
	font-weight: 500;
	font-size: 0.875em;
	letter-spacing: 0.02em;
}

@media (min-width: 768px) {
	.g3SC__Chart__Header {
		margin-top: 2.5em;
	}

	.g3SC h3 {
		font-size: 1.3em;
	}
}

.g3SC h4 {
	font-weight: 500;
	font-size: 0.875em;
	letter-spacing: 0.02em;
}

.g3SC__Chart__Toggle {
	position: relative;
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}

.g3SC__Chart__Toggle.g3Mob {
	margin-top: 1em;
}

.g3SC__Chart__Label {
	display: inline-block;
	color: rgb(0, 0, 0);
	font-family: 'sofia-pro', sans-serif;
	font-size: 0.82em;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.02em;
}

.g3SC__Chart__Label--Active {
	font-weight: 600 !important;
}

.g3SC__Chart__Toggle-Outline {
	position: relative;
	width: 2.6em;
	height: 1.4em;
	margin: 0 0.4em;
	padding: 0;
	overflow: hidden;
	border: solid 1px #cbcbcb;
	border-radius: 0.8em;
}

.g3SC__Chart__Toggle-Button {
	display: block;
	position: absolute;
	width: 1.3em;
	height: 1.3em;
	top: 0;
	margin: 0;
	border: solid 1px #000000;
	border-radius: 0.8em;
	background-color: #111111;
}

@media (min-width: 768px) {
	.g3SC__Chart__Toggle-Outline {
		width: 3em;
		height: 1.6em;
		margin: 0 0.5em;
	}

	.g3SC__Chart__Toggle-Button {
		width: 1.5em;
		height: 1.5em;
	}
}

.g3SC__Chart__Tabs {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.3em;
	width: 100%;
	height: auto;
	margin: 0.5em 0 0 0;
	padding: 0;
	overflow: hidden;
}

.g3SC__Chart__Tab-Item {
	height: 2.7em;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: 'sofia-pro', sans-serif;
	font-size: 0.7em;
	font-weight: 400;
	line-height: 2.55;
	letter-spacing: normal;
	text-align: center;
	color: #111111;
	background-color: #f1f1f1;
	border: solid 1px #f1f1f1;
	border-radius: 1.25em;
	cursor: pointer;
}

@media (min-width: 768px) {
	.g3SC__Chart__Tabs {
		margin-top: 1.7em;
	}

	.g3SC__Chart__Tab-Item {
		font-size: 0.94em;
	}
}

.g3SC__Chart__Tab-Item--Active {
	background-color: #111111 !important;
	border-color: #111111 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}

.g3SC__Size-Chart-Tables {
	position: relative;
	width: 100%;
	height: auto;
	margin: 1em 0 0 0;
	padding: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
	.g3SC__Size-Chart-Tables {
		overflow: hidden;
	}
}

.g3SC__Size-Chart-Tables-Item {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 1px 0 1px;
	overflow: hidden;
	display: none;
}

.g3SC__Table--Regular,
.g3SC__Table--Belts,
.g3SC__Table--Shoes {
	display: block;
}
.g3SC__Table-Wrapper {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: solid 1px #cccccc;
}
.g3SC__Table__Row {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 4.3em;
	display: grid;
	background-color: #cccccc;
	gap: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: 'sofia-pro', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.1;
}
.g3SC__Table__Row:not(:first-of-type) {
	border-top: solid 1px #cccccc;
}

.g3SC__Table__Row:first-of-type {
	font-weight: 600;
}

.g3SC__Table__Row > div {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	text-align: center;
}

.g3SC__Table__Row > div:first-child {
	font-weight: 600;
}

div.g3SC__Table__Row--Grey div {
	background-color: #f1f1f1;
}

.g3SC__Table__Row:nth-child(odd) div {
	background-color: #f1f1f1;
}

.g3SC__Table__Row--PadY div {
	padding: 0.8em 0;
}

.g3SC__Table__Row span {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	overflow: hidden;
}

/* Added for curvy */
.g3SC__Table__Row--Stacked span {
	height: 50%;
}

.g3SC__Table__Row--Stacked span:not(:nth-child(odd)) {
	border-top: solid 1px #cccccc;
}

.g3SC__Table__Row--Stacked--hv span {
	height: 50%;
}
.g3Data-2-Across {
	width: 100%;
}
.g3Data-2-Across > div {
	width: 50%;
	height: 100%;
}
.g3Data-2-Across > div:first-of-type {
	border-right: solid 1px #d6d6d6;
}
.g3Data-2-Across--full-height > div {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
}
/* ======================= */

.g3SC__Women-Bottoms-Table .g3SC__Table__Row {
	grid-template-columns: 15% 18%1fr 1fr;
}

.g3SC__Conversion-Table .g3SC__Table__Row {
	grid-template-columns: 8% 1fr 1fr 1fr 1fr 1fr 1fr;
}

.g3SC__Women-Tops-Table .g3SC__Table__Row {
	grid-template-columns: 15% 22% repeat(3, 1fr);
}

.g3SC__Women-Bottoms-Table {
	width: 125%;
}
.g3SC__Women-Dresses-Table {
	width: 122%;
}

.g3SC__Women-Dresses-Table .g3SC__Table__Row {
	grid-template-columns: 15% 18% repeat(4, 1fr);
}

.g3SC__Table--Belts .g3SC__Table__Row {
	grid-template-columns: repeat(3, 1fr);
}

.g3SC__Table--Hosiery .g3SC__Table__Row {
	grid-template-columns: repeat(3, 1fr);
}

.g3SC__Women-Pajama-Bottoms-Table .g3SC__Table__Row {
	grid-template-columns: 15% 22%1fr 1fr;
}

.g3SC__Table--Shoes .g3SC__Table__Row {
	grid-template-columns: 12% repeat(13, 1fr);
}
@media (min-width: 768px) {
	.g3SC__Women-Bottoms-Table .g3SC__Table__Row {
		grid-template-columns: 15% 1fr 1fr 1fr;
	}
	.g3SC__Women-Tops-Table .g3SC__Table__Row {
		grid-template-columns: 15% repeat(4, 1fr);
	}
	.g3SC__Women-Dresses-Table .g3SC__Table__Row {
		grid-template-columns: 15% repeat(5, 1fr);
	}
	.g3SC__Women-Bottoms-Table {
		width: 100%;
	}
	.g3SC__Women-Dresses-Table {
		width: 100%;
	}
	.g3SC__Women-Pajama-Bottoms-Table .g3SC__Table__Row {
		grid-template-columns: 15% 1fr 1fr 1fr;
	}
}
span.g3SC__Data__Cm {
	display: none;
}
*.g3SC__Split-Field {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
}
span.g3SC__Split-Field:nth-child(2) {
	border-top: solid 1px #d6d6d6;
}
*.g3SC__Split-Field > span:nth-child(odd) {
	border-right: solid 1px #d6d6d6;
	height: 100%;
}
span.g3SC__Split-Field > span.g3-sm {
	font-size: 0.923em;
	font-weight: 400;
	line-height: 1;
}
p.g3SC__Chart-Notes {
	font-family: 'sofia-pro', sans-serif;
	font-size: 0.82em;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	color: #666666;
	margin-top: 1.8em;
}

p.g3SC__Chart-Notes--Top {
	margin-top: 1em;
	margin-bottom: 1.5em;
}

/* How to Measure ========= */
.g3SC__Measure {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: none;
}

.g3SC__Measure__Content {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.g3SC__Measure__Grid {
	position: relative;
	display: flex;
	flex-flow: nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.g3SC__Measure__Grid-Left {
	position: relative;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 2.2em 0 0 0;
	overflow: hidden;
}

.g3SC__Measure__Grid-Left ul {
	list-style-type: none;
	padding-left: 0;
	margin-top: 1em;
}

.g3SC__Measure__Grid-Left ul li {
	margin-bottom: 1.5em;
}

div.g3SC__Measure__Grid-Li {
	position: absolute;
	display: inline-flex;
	flex-flow: nowrap;
	justify-content: center;
	width: 1.6em;
	height: 1.6em;
	overflow: hidden;
	margin-right: 0.3em;
	border-radius: 50%;
	background-color: #111111;
	text-align: center;
	color: #ffffff;
	font-size: 0.75em;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.05em;
	text-align: center;
}

.g3SC__Measure__Grid-Txt {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.g3SC__Measure__Grid-Txt p {
	padding-left: 0;
}

.g3SC__Measure__Grid-Txt h4 {
	padding-left: 1.8em;
}

.g3SC__Measure__Grid-Txt p {
	color: #111111;
	font-family: 'sofia-pro', sans-serif;
	font-size: 0.82em;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.05em;
	margin-top: 0.5em;
}

.g3SC__Measure__Grid-Img {
	display: block;
	position: relative;
	width: 45%;
	height: auto;
	margin: 0 0 0 7.5%;
}

@media (min-width: 768px) {
	.g3SC__Measure__Grid {
		align-items: flex-end;
	}

	div.g3SC__Measure__Grid-Li {
		width: 1.6em;
		height: 1.6em;
		font-size: 0.8125em;
	}

	.g3SC__Measure__Grid-Left ul li {
		margin-bottom: 2.3em;
	}

	.g3SC__Measure__Grid-Txt p {
		font-size: 0.875em;
	}

	.g3SC__Measure__Grid-Img {
		width: 25%;
		margin: 0 0 0 7.5%;
	}

	.g3SC__Measure__Grid-Txt p {
		padding-left: 1.8em;
	}

	.g3SC__Measure__Grid-Txt h4 {
		padding-left: 1.8em;
	}
}

/* Conversion ========= */
.g3SC__Conversion {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: none;
}

.g3SC__Conversion__Content {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.g3SC__Conversion-Table {
	width: 178%;
}

@media (min-width: 768px) {
	.g3SC__Conversion__Content {
		overflow: hidden;
	}

	.g3SC__Conversion-Table {
		width: 100%;
	}
}

.g3SC__Footer {
	position: relative;
	bottom: 0;
	width: 100%;
	max-width: 800px;
	height: 4.2em;
	left: 0;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	z-index: 500;
	pointer-events: none;
}
.g3SC__Footer__Stick {
	position: relative;
	width: inherit;
	max-width: inherit;
	height: inherit;
	margin: 0;
	background-color: #111111;
	overflow: hidden;
	pointer-events: all;
}
.g3SC__Footer__Inner {
	position: relative;
	width: 92%;
	max-width: 820px;
	height: auto;
	margin: 0 auto;
	padding: 1.4em 0 1.6em 0;
	overflow: hidden;
}

.g3SC__Footer p {
	font-family: 'sofia-pro', sans-serif;
	font-size: 0.8125em;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.02em;
	text-align: left;
	color: #ffffff;
}

.g3SC__Footer a {
	color: inherit;
	text-decoration: underline;
}

@media (min-width: 768px) {
	.g3SC__Footer__Inner {
		width: 100%;
		padding: 1.4em 4em 1.7em 4em;
	}

	.g3SC__Footer p {
		font-size: 0.75em;
	}
}

/* Special for specific sections */
#g3SC__Belts-Access .g3SC__Chart__Header {
	margin-top: 0em;
}

.g3SC section {
	display: none;
}

.g3SC section.g3Active--Section {
	display: block;
}

#g3SC__Shoes .g3SC__Size-Chart-Tables {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.g3SC__Shoes-Table {
	width: 200%;
}

@media (min-width: 768px) {
	#g3SC__Shoes .g3SC__Size-Chart-Tables {
		overflow: hidden;
	}

	.g3SC__Shoes-Table {
		width: 100%;
	}
}