/*.full-carousel-wrapper .slider-counter:first-child{
    display: none;
}*/
.header-items #signout {
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.header-items #signout ul {
	margin-left: auto;
	width: 50%;
	margin-top: 50px;
	padding-left: 80px;
	font-size: 44px;
	font-family: 'FreightDisp Pro', serif;
}
.header-items #signout ul > li {
	border-bottom: 1px solid black;
}
.header-items #signout ul > li:first-child {
	border-top: 1px solid black;
}
.header-items #signout ul a {
	transition: 0.3s all ease;
	display: block;
	padding: 15px 0 20px;
	line-height: 1;
}
.header-items #signout ul a:hover {
	padding-left: 15px;
	color: #da291c;
}

.header-nav-mobile #signout {
	padding: 20px 0 30px 0;
}
.header-nav-mobile #signout a {
	font-size: 36px;
	line-height: 1;
	font-family: 'FreightDisp Pro', serif;
}
.header-nav-mobile #signout li:not(:last-child) {
	margin-bottom: 10px;
}

.header-nav-mobile #signout {
	padding: 20px 0 30px 0;
}
.header-nav-mobile #signout a {
	font-size: 36px;
	line-height: 1;
	font-family: 'FreightDisp Pro', serif;
}
.header-nav-mobile #signout li:not(:last-child) {
	margin-bottom: 10px;
}

.collection-sec .image-wrapper .items li {
	opacity: 0;
	transition: 0.3s all ease;
	position: absolute;
	width: 100%;
	height: 100vh;
	background: #e2e2e2;
}
.collection-sec .image-wrapper .items li:first-child {
	opacity: 1;
}
.collection-sec .image-wrapper .items li.text-black .field-title {
	color: #000;
}
.collection-sec .image-wrapper .default-item {
	bottom: 90px;
	top: auto;
	transform: translate(-50%, 0);
	position: absolute;
	max-width: 448px;
	width: 100%;
	left: 50%;
	display: flex;
	flex-direction: column;
}

.collection-sec .image-wrapper img:not([data-img='default']) {
	opacity: 1;
	position: relative;
}
.collection-sec .image-wrapper {
	position: fixed;
	left: 0;
}
.collection-sec .component-flex > .component-content > .row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.collection-sec .content-wrapper {
	padding-top: 140px;
}
.collection-sec .field-title {
	font-size: 82px;
	line-height: 73px;
	padding-bottom: 15px;
}
.collection-sec .field-content {
	font-size: 19px;
	line-height: 28px;
	color: #fff;
	font-family: 'InterstateLight';
	margin-bottom: 25px;
	border-top: 0;
	padding-top: 0;
}
.collection-sec .field-sub-title {
	font-size: 22px;
	line-height: 28px;
	color: #fff;
	position: relative;
	padding-top: 10px;
	order: 1;
	font-family: 'interstateregular';
}
.collection-sec .field-sub-title:before {
	position: absolute;
	content: '';
	width: 21px;
	height: 2px;
	background: #fff;
	left: 0;
	top: 0;
}

.collection-sec .image-wrapper .items li .default-item.is-subtitle {
	top: 50%;
	transform: translate(-50%, -50%);
	bottom: auto;
}
.collection-sec
	.image-wrapper
	.items
	li
	.default-item.is-subtitle
	.field-title {
	display: none;
}
.collection-sec
	.image-wrapper
	.items
	li
	.default-item.is-subtitle
	.field-content {
	display: none;
}
.collection-sec
	.image-wrapper
	.items
	li
	.default-item.is-subtitle
	.field-sub-title {
	font-size: 82px;
	line-height: 73px;
	font-family: FreightDisp Pro;
}
.collection-sec
	.image-wrapper
	.items
	li
	.default-item.is-subtitle
	.field-sub-title:before {
	display: none;
}
.collection-sec .field-title-sm a {
	font-size: 40px;
	line-height: 53px;
	color: #000;
	font-family: FreightDisp Pro;
	padding: 10px 0 15px;
	border-bottom: 1px solid #000;
	display: inline-block;
	width: 100%;
	transition: 0.5s;
	position: relative;
}
.collection-sec .field-title-sm a:hover {
	color: #da291c;
}
.collection-sec .field-title-sm a:before {
	content: '';
	position: absolute;
	bottom: -1px;
	height: 3px;
	width: 100%;
	transition: 0.3s all ease;
	transform-origin: bottom;
	transform: scaleY(0);
	background-color: #000;
}
.collection-sec .field-title-sm a:hover:before {
	transform: none;
}
.collection-sec .field-title-sm a.active {
	color: #da291c;
}
.collection-sec .field-title-sm a.active:before {
	transform: none;
}
.collection-sec .accordion-sub-item-wrapper {
	display: block;
	border-bottom: 0;
}
.collection-sec .accordion-item {
	font-size: 50px;
	line-height: 63px;
}
.collection-sec .accordion-items {
	border-top: 0;
}

@media only screen and (max-width: 1199px) {
	.collection-sec .image-wrapper .default-item {
		padding: 0 20px;
	}
	.collection-sec .field-title {
		font-size: 70px;
		line-height: 60px;
	}
	.collection-sec .accordion-item {
		font-size: 42px;
		line-height: 53px;
	}
	.collection-sec .field-title-sm a {
		font-size: 32px;
		line-height: 42px;
	}
	.collection-sec
		.image-wrapper
		.items
		li
		.default-item.is-subtitle
		.field-sub-title {
		font-size: 70px;
		line-height: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.collection-sec .field-title {
		font-size: 45px;
		line-height: 42px;
	}
	.collection-sec .accordion-item {
		font-size: 35px;
		line-height: 45px;
	}
	.collection-sec .field-title-sm a {
		font-size: 30px;
		line-height: 42px;
	}
	.collection-sec .content-wrapper {
		padding-top: 0;
	}
	.collection-sec .image-wrapper .items li {
		height: auto;
	}
	.collection-sec
		.image-wrapper
		.items
		li
		.default-item.is-subtitle
		.field-sub-title {
		font-size: 54px;
		line-height: 42px;
	}
}

/*------------ Collection Deatil --------*/

.collection-detail .component-flex .component > .component-content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.collection-detail .compnent-left-list {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow-y: auto;
	padding-top: 70px;
}
.collection-detail .compnent-left-list::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.collection-detail .compnent-left-list {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.collection-detail .image-accordion .content-wrapper {
	padding-top: 185px;
}
.collection-detail .compnent-left-list ul {
	padding-left: 30px;
}
.collection-detail .compnent-left-list ul li {
	width: 100%;
	margin: 0 0 10px;
	position: relative;
}
.collection-detail .compnent-left-list ul li .field-image {
	display: flex;
	width: 100%;
	height: auto !important;
}
.collection-detail .compnent-left-list ul li .field-image img {
	width: 100%;
	object-fit: cover;
	height: 90px;
}
.collection-detail .compnent-left-list ul li .overlay-wrap {
	display: flex;
	position: relative;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
.collection-detail .compnent-left-list ul li .field-title {
	font-size: 19px;
	color: #000;
	line-height: 17px;
	width: calc(100% - 110px);
	padding-bottom: 0;
	font-family: 'interstateregular';
}
.collection-detail .compnent-left-list ul li .field-title span {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	line-height: 12px;
	color: #da291c;
	font-family: 'InterstateLight';
}
.collection-detail .compnent-left-list ul li .filed-spec a {
	font-size: 15px;
	line-height: 15px;
	color: #000;
	font-family: FreightDisp Pro;
	font-weight: normal;
	position: relative;
	padding-right: 15px;
}
.collection-detail .compnent-left-list ul li .filed-spec a:after {
	content: '+';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 18px;
	font-family: 'InterstateLight';
}
.collection-detail .compnent-left-list ul li .filed-spec {
	display: flex;
	align-items: flex-start;
}
.collection-detail .compnent-left-list ul li .filed-spec .fabric-cart-link {
	padding-right: 0;
	padding-left: 7px;
}
.collection-detail
	.compnent-left-list
	ul
	li
	.filed-spec
	.fabric-cart-link:after {
	display: none;
}
.collection-detail .content-wrapper .title-wrapper .field-title {
	font-size: 76px;
	line-height: 72px;
}
.collection-detail .content-wrapper .title-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.collection-detail .content-wrapper .title-wrapper .media-link {
	padding-bottom: 25px;
	display: flex;
}
.collection-detail .content-wrapper .title-wrapper .media-link a {
	height: 23px;
	width: 23px;
	border: 1px solid #000;
	display: inline-block;
	margin-left: 18px;
	padding: 2px;
	line-height: 23px;
}
.collection-detail .content-wrapper .title-wrapper .media-link a img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 991px) {
	.collection-detail .content-wrapper .title-wrapper {
		flex-wrap: wrap;
	}
	.collection-detail .content-wrapper .title-wrapper .field-title {
		font-size: 62px;
		line-height: 58px;
	}
	.collection-detail
		.content-wrapper
		.title-wrapper
		.media-link
		li:first-child
		a {
		margin-left: 0;
	}
}
@media only screen and (max-width: 767px) {
	.collection-detail .image-accordion.is-fixed .content-wrapper {
		margin-top: 0;
	}
	.collection-detail .image-accordion .content-wrapper {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.collection-detail .content-wrapper .title-wrapper .field-title {
		font-size: 55px;
		line-height: 51px;
	}
	.image-accordion .back-link {
		left: 4px;
	}
	.collection-detail .content-wrapper .title-wrapper .media-link {
		margin-left: 4px;
	}
	.collection-detail .compnent-left-list {
		position: relative;
		height: auto;
		overflow-y: unset;
		padding-top: 50px;
	}
	.collection-detail .compnent-left-list ul {
		padding: 0 17px;
	}
}

/*------------ Product Deatil --------*/
/*.product-detail.is-fixed{  margin-top:0;position: relative; height: calc(100vh - 70px); overflow: hidden;}*/
.product-detail .row {
	width: 100%;
}
.product-detail .left-title-wrapper {
	padding: 120px 30px 100px 80px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: 100vh;
}
.product-detail .field-subtitle {
	font-size: 39px;
	line-height: 37px;
	font-family: 'FreightDisp Pro';
	font-weight: 400;
	margin: 0;
	padding-bottom: 15px;
	color: inherit;
}
.product-detail .field-subtitle:before {
	display: none;
}
.product-detail .field-title {
	font-size: 80px;
	line-height: 80px;
	font-family: 'interstateregular';
	padding-bottom: 12px;
	color: inherit;
}
.product-detail .left-title-wrapper .field-code {
	color: inherit;
	font-size: 27px;
	line-height: 32px;
	font-family: 'interstateregular';
	letter-spacing: 0.09em;
}
.product-detail .btn-grp {
	display: flex;
	margin-top: 20px;
	padding-top: 35px;
	border-top: 1px solid #fff;
	flex-wrap: wrap;
}
.product-detail .btn-grp a {
	font-size: 17px;
	display: inline-block;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.6);
	padding: 5px 10px 5px;
	transition: 0.5s;
	margin: 0 25px 15px 0;
}
.product-detail .btns a:last-child {
	margin-right: 0;
}
.product-detail .btn-grp a:hover {
	background: #fff;
	color: #000;
}
.product-detail .btns {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.product-detail .request-message {
	padding: 6px 10px;
	color: #fff;
	font-size: 17px;
	width: auto;
	margin: 0 0 15px;
}
.product-detail .request-message:empty {
	display: none !important;
}
.product-detail .request-message.success {
	background: #2ecc71;
}
.product-detail .request-message.error {
	background: #e74c3c;
}

.product-detail .content-wrapper {
	background: #fff;
	padding-top: 120px; /* position: absolute; right: -50%;
top:0; width: 50%; overflow-y: auto; height: calc(100vh - 70px); transition: 0.5s;*/
}
.product-detail.is-fixed .content-wrapper {
	padding-bottom: 30px;
}
.product-detail .content-wrapper.collapsed {
	right: 0;
}
.product-detail .field-small-title {
	font-size: 22px;
	line-height: 25px;
	color: #000;
	font-family: 'interstateregular';
}
.product-detail .br-btm {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}
.product-detail .content-wrapper .field-desc {
	font-size: 18px;
	color: #000;
	line-height: 21px;
	padding-top: 8px;
}
.product-detail .item-list > li {
	margin-bottom: 25px;
}
.product-detail .item-list li ul {
	padding-top: 25px;
	display: flex;
	flex-wrap: wrap;
}
.product-detail .item-list li ul li {
	margin-bottom: 40px;
	width: 50%;
	padding-right: 10px;
}
.product-detail .term-text {
	padding-top: 15px;
	border-top: 1px solid #000;
}

.product-detail .row > .component > .component-content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.product-detail .content-wrapper .field-desc strong {
	font-size: 22px;
	line-height: 25px;
	color: #000;
	font-weight: 400;
}
.product-detail .item-list li ul > .field-desc {
	padding-top: 0;
}
.product-detail .item-list li ul ul {
	padding-top: 8px;
	padding-left: 15px;
}
.product-detail .item-list li ul ul li {
	margin-bottom: 8px;
	width: 100%;
	list-style-type: disc;
}
.product-detail .item-list li ul ul li:last-child {
	margin-bottom: 40px;
}

.product-detail.text-black .field-subtitle {
	color: inherit;
}
.product-detail.text-black .field-title {
	color: inherit;
}
.product-detail.text-black .btn-grp {
	border-top: 1px solid #000;
}
.product-detail.text-black .btn-grp a {
	color: #000;
	border: 1px solid #000;
}
.product-detail.text-black .br-btm {
	border-bottom: 1px solid #000;
}
.product-detail.text-black .btn-grp a:hover {
	background: #000;
	color: #fff;
}
.product-detail.text-black .left-title-wrapper .field-code {
	color: inherit;
}
/*.product-detail.text-black .term-text{border-top:1px solid #000;}
.product-detail.text-black .field-small-title{color: #000;}
.product-detail.text-black .content-wrapper .field-desc{color: #000;}
.product-detail.text-black .left-title-wrapper .field-code{color: #000}
.product-detail.text-black .content-wrapper .field-desc strong{color: #000;}*/

.product-detail .collapse-btn {
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	width: 110px;
	height: 110px;
	background: #fff;
	position: fixed;
	bottom: 0;
	padding: 20px 20px 15px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	right: 0;
	cursor: pointer;
	transition: 0.5s;
}
.product-detail .collapse-btn:before {
	position: absolute;
	content: '';
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/arrow-link.svg)
		no-repeat center center/contain;
	height: 17px;
	width: 17px;
	top: 20px;
	left: 20px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.product-detail .collapse-btn.collapsed {
	right: calc(50%);
}
.product-detail .collapse-btn.collapsed:before {
	-webkit-transform: rotate(-270deg);
	-moz-transform: rotate(-270deg);
	-ms-transform: rotate(-270deg);
	transform: rotate(-270deg);
}
.product-detail .relative-product {
	padding: 28px 0 40px;
}
.product-detail .relative-product ul {
	margin: 12px -6px 0;
	display: flex;
	flex-wrap: wrap;
}
.product-detail .relative-product ul li {
	width: 33.33%;
}
.product-detail .relative-product ul li a {
	padding: 0 12px;
	display: inline-block;
}
.product-detail .relative-product .field-subtitle {
	font-size: 26px;
	line-height: 1.3;
}
.product-detail .relative-product .field-image img {
	width: 100%;
}
.product-detail .relative-product .field-desc {
	padding-top: 5px;
}

.product-detail .btn-grp .white-background-black-color a {
	background: #fff;
	color: #000;
	border: 1px solid #fff;
}
.product-detail .btn-grp .white-background-black-color a:hover {
	background: #fff;
	color: #000;
	transform: scale(1.05);
}
.product-detail .btn-grp .black-background-white-color a {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}
.product-detail .btn-grp .black-background-white-color a:hover {
	transform: scale(1.1);
	background: #000;
}

/*@media only screen and (max-width: 1199px) {
  .product-detail .left-title-wrapper{padding:94px 0px 100px 80px;}

}
@media only screen and (max-width: 991px) {
  .product-detail .left-title-wrapper{padding:94px 0px 100px 50px;}

} */
@media only screen and (max-width: 767px) {
	.product-detail .left-title-wrapper {
		padding: 80px 17px 0;
		position: relative;
		height: auto;
	}
	.product-detail.is-fixed .content-wrapper {
		margin-top: 0;
		padding-top: 90px;
		padding-bottom: 40px;
	}
	.product-detail .field-title {
		font-size: 65px;
		line-height: 65px;
	}
	.product-detail .field-subtitle {
		font-size: 32px;
		line-height: 30px;
	}
	.product-detail .btn-grp {
		margin-top: 15px;
		padding-top: 20px;
	}
	.product-detail .item-list li ul li {
		margin-bottom: 25px;
	}
	.product-detail .item-list > li {
		margin-bottom: 15px;
	}
	.product-detail .item-list li ul ul li:last-child {
		margin-bottom: 25px;
	}
}

/*--------- Sustainability --------------*/
.page-intro-component .field-pageintrotext span {
	color: #da291c;
}
.sustainability-intro-page .page-intro-component > .component-content {
	padding-top: 65px;
	padding-bottom: 100px;
}
.sustainability-intro-page .page-intro-component .field-pageintrotext {
	line-height: 58px;
	padding-right: 0;
	margin-bottom: 68px;
	max-width: 1020px;
	width: 100%;
}
.sustainability-intro-page
	.page-intro-component
	.field-pageintrosubtitle:before {
	margin-bottom: 15px;
}
.sustainability-intro-page .page-intro-component .intro-links-wrapper {
	margin-top: 70px;
}
.sustain-commit {
	position: relative;
	padding-bottom: 180px;
}
.sustain-commit .field-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.sustain-commit .field-text-wrap {
	position: absolute;
	top: 40px;
	left: 80px;
	max-width: 375px;
	width: 100%;
}
.sustain-commit .field-title {
	font-size: 80px;
	line-height: 80px;
	color: #fff;
	font-family: 'interstateregular';
	margin-bottom: 0;
}
.sustain-commit .field-commitdescription {
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	margin-top: 15px;
}
.sustain-commit .field-commitlink {
	margin-top: 20px;
}
.sustain-commit .field-commitlink a {
	display: inline-block;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	font-weight: 400;
	text-decoration: underline;
}
.sustain-card .story-card-component > .component-content > .row {
	justify-content: space-between;
}
.sustain-card .story-card-component .field-cardtitle {
	font-size: 80px;
	line-height: 80px;
	color: #000;
	font-family: 'interstateregular';
	margin-bottom: 30px;
	position: relative;
}
.sustain-card .story-card-component .field-targeturl {
	margin-top: 20px;
}
.sustain-card .story-card-component .field-cardtitle span {
	font-family: 'FreightDisp Pro';
	font-weight: normal;
	display: inline-block;
	width: 100%;
}
.sustain-card
	.story-card-component
	> .component-content
	> .row
	> div:last-child {
	padding-top: 45px;
}
.sustain-card
	.story-card-component.story-right
	> .component-content
	> .row
	> div:last-child {
	padding-top: 80px;
}
.sustain-card .story-card-component.story-right {
	padding-bottom: 170px;
}
sup {
	font-family: 'InterstateLight';
	font-size: 44px;
	position: absolute;
	top: -10px;
}
.sustain-card .story-card-component.story-left .field-image {
	max-width: 71.33%;
	height: 100%;
}

@media only screen and (max-width: 1280px) {
	.sustain-card .story-card-component .field-cardtitle {
		font-size: 72px;
		line-height: 72px;
	}
}

@media only screen and (max-width: 1199px) {
	.sustain-commit .field-title {
		font-size: 72px;
		line-height: 72px;
	}
	.sustain-card .story-card-component .field-cardtitle {
		font-size: 48px;
		line-height: 48px;
	}
	.sustain-card
		.story-card-component
		> .component-content
		> .row
		> div:last-child {
		padding-top: 20px;
	}
	.sustain-card
		.story-card-component.story-right
		> .component-content
		> .row
		> div:last-child {
		padding-top: 15px;
	}
	.sustain-card .story-card-component.story-left .field-image img {
		height: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.sustain-commit .field-text-wrap {
		left: 40px;
	}
	.sustain-commit {
		padding-bottom: 50px;
	}
	.sustainability-intro-page .page-intro-component > .component-content {
		padding-bottom: 50px;
	}
	.sustainability-intro-page .page-intro-component .intro-links-wrapper {
		margin-top: 40px;
	}
	.sustain-card .story-card-component {
		padding-bottom: 50px;
	}
	.sustain-card .story-card-component.story-right {
		padding-bottom: 50px;
	}
	.sustain-card .story-card-component .field-cardtitle {
		font-size: 40px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.sustainability-intro-page .page-intro-component > .component-content {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.sustainability-intro-page .page-intro-component .field-pageintrotext {
		line-height: 35px;
		margin-bottom: 20px;
	}
	.sustainability-intro-page .page-intro-component .intro-links-wrapper {
		margin-top: 30px;
	}
	.sustain-commit {
		padding-bottom: 30px;
	}
	.sustain-commit .field-title {
		font-size: 36px;
		line-height: 36px;
	}
	.sustain-commit .field-text-wrap {
		left: 0;
		top: 10px;
		padding-left: 17px;
		padding-right: 17px;
	}
	.sustain-commit .field-commitdescription {
		font-size: 16px;
		line-height: 20px;
		margin-top: 10px;
	}
	.sustain-card .story-card-component .field-cardtitle {
		font-size: 40px;
		line-height: 40px;
	}
	.sustain-commit .field-commitlink {
		margin-top: 10px;
	}
	.sustain-card .story-card-component {
		padding-bottom: 30px;
	}
	sup {
		font-size: 30px;
	}
	.sustain-card .story-card-component .field-cardtitle {
		padding-top: 0px;
		margin-bottom: 15px;
	}
	.sustain-card .story-card-component.story-right {
		padding-bottom: 30px;
	}
	.sustain-card
		.story-card-component
		> .component-content
		> .row
		> div:last-child {
		padding-bottom: 0;
	}
	.sustain-card .story-card-component.story-left .field-image {
		max-width: 100%;
	}
}

/*--------- Sustainability/ Commitment --------------*/
.commitment-card {
	margin-top: 35px;
}
.commitment-card
	.story-card-component.story-right
	> .component-content
	> .row
	> div:last-child {
	padding-top: 60px;
}
.commitment-card .story-card-component .image .component-content {
	height: 100%;
}
.commitment-card .story-card-component .field-image {
	height: 100%;
}
.commitment-card .story-card-component .field-image img {
	height: 100%;
}
.commitment-card .story-card-component .field-cardtitle {
	position: relative;
	margin-top: 10px;
	margin-bottom: 100px;
}
.commitment-card .story-card-component .field-cardtitle:after {
	position: absolute;
	content: '';
	width: 55px;
	height: 5px;
	background: #000;
	bottom: -35px;
	left: 5px;
	display: inline-block;
}
.commitment-card .story-card-component .field-carddescription {
	font-size: 26px;
	font-family: 'FreightDisp Pro';
	line-height: 33px;
	padding-right: 8%;
}
.commitment-card .story-card-component .field-targeturl {
	margin-top: 40px;
}
.commitment-card .story-card-component .field-targeturl a {
	font-family: 'interstateregular';
	position: relative;
	padding-right: 20px;
	text-decoration: none;
}
.commitment-card .story-card-component .field-targeturl a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	display: block;
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/arrow-link.svg)
		no-repeat center center/contain;
	transition: 0.3s all ease;
	pointer-events: none;
}
.commitment-list {
	padding: 30px 0 145px;
	padding-right: 80px !important;
	padding-left: 80px !important;
}
.commitment-list ul {
	display: flex;
	flex-wrap: wrap;
}
.commitment-list ul li {
	width: 33.33%;
	position: relative;
	padding: 10px 30px 0px 44px;
}
.commitment-list ul li .row {
	height: 100%;
}
.commitment-list ul li:first-child {
	padding-left: 0;
}
.commitment-list ul li:last-child {
	padding-right: 0;
}
.commitment-list ul li + li {
	border-left: 1px solid #000;
}
.commitment-list .field-committitle {
	font-size: 50px;
	line-height: 51px;
	color: #000;
	font-family: 'FreightDisp Pro';
	margin-bottom: 20px;
	min-height: 121px;
}
.commitment-list .field-commitdesc {
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 75px;
}
.commitment-list .field-targeturl {
	position: absolute;
	bottom: 10px;
	left: 0px;
}
.commitment-list ul li:first-child .field-targeturl {
	left: 0;
}
.commitment-list .field-targeturl a {
	font-size: 18px;
	line-height: 18px;
	color: #da291c;
	font-family: 'interstateregular';
	text-decoration: underline;
}

@media only screen and (max-width: 1199px) {
	.commitment-list .field-committitle {
		font-size: 40px;
		line-height: 41px;
		min-height: 83px;
	}
	.commitment-card .story-card-component .field-carddescription {
		padding-right: 0;
	}
	.commitment-card .story-card-component .field-cardtitle {
		font-size: 64px;
		line-height: 64px;
	}
}
@media only screen and (max-width: 991px) {
	.commitment-list {
		padding-right: 40px !important;
		padding-left: 40px !important;
	}
	.commitment-list .field-committitle {
		font-size: 33px;
		line-height: 34px;
		min-height: 70px;
	}
	.commitment-list ul li {
		padding: 10px 20px 0px 20px;
	}
	.commitment-list .field-targeturl {
		left: 20px;
	}
	.commitment-list {
		padding: 30px 0 80px;
	}
	.commitment-card .story-card-component .field-cardtitle {
		font-size: 52px;
		line-height: 52px;
	}
}

@media only screen and (max-width: 767px) {
	.commitment-card {
		margin-top: 20px;
	}
	.commitment-list {
		padding: 0 0 30px;
	}
	.commitment-list {
		padding-right: 17px !important;
		padding-left: 17px !important;
	}
	.commitment-list ul li {
		width: 100%;
		padding: 10px 0;
	}
	.commitment-list ul li + li {
		border-left: 0;
		border-top: 1px solid #000;
	}
	.commitment-list .field-committitle {
		min-height: auto;
	}
	.commitment-list .field-targeturl {
		position: relative;
		left: 0;
	}
	.commitment-list .field-commitdesc {
		padding-bottom: 25px;
	}
	.commitment-card
		.story-card-component.story-right
		> .component-content
		> .row
		> div:last-child {
		padding-top: 20px;
	}
	.commitment-card .story-card-component .field-cardtitle {
		margin-bottom: 50px;
	}
	.commitment-card .story-card-component .field-carddescription {
		font-size: 20px;
		line-height: 26px;
	}
	.commitment-card .story-card-component .field-targeturl {
		margin-top: 20px;
	}
	.commitment-card .story-card-component .field-cardtitle {
		font-size: 40px;
		line-height: 40px;
	}
}

/*--------- Sustainability/ Commitment - Detail --------------*/
.commitment-detail-card {
	margin-top: 115px;
}
.commitment-detail-card .story-card-component.story-left .field-image {
	max-width: 100%;
}
.commitment-detail-card
	.story-card-component
	> .component-content
	> .row
	> div:last-child {
	padding-top: 0;
	padding-bottom: 0;
}
.commitment-detail-card
	.story-card-component.story-right
	> .component-content
	> .row
	> div:last-child {
	padding-top: 0;
	padding-bottom: 0;
}
.commitment-detail-card .story-card-component {
	padding-bottom: 140px;
}
.commitment-detail-card .pad-right {
	padding-right: 70px !important;
}

.commitment-detail-card .story-card-component .pad-left .field-carddescription {
	padding-right: 7%;
}
.commitment-card .field-carddescription p {
	margin-bottom: 35px;
}
.commitment-card .field-carddescription p:last-child {
	margin-bottom: 0;
}
.commitment-card .field-carddescription p span {
	color: #da291c;
}
.sustain-detail-list {
	padding-right: 80px !important;
	padding-left: 80px !important;
}
.sustain-detail-list .field-committitle {
	font-size: 50px;
	line-height: 51px;
	color: #000;
	font-family: 'FreightDisp Pro';
}
.sustain-detail-list .field-commitdesc {
	font-size: 16px;
	line-height: 23px;
}
.sustain-detail-list .field-commitdesc p {
	margin-bottom: 25px;
}
.sustain-detail-list .field-commitdesc p:nth-last-of-type(1) {
	margin-bottom: 0;
}
.sustain-detail-list .item-list .item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 50px 0 100px;
	border-top: 1px solid #000;
}
.sustain-detail-list .item-list .item .field-committitle {
	width: 60%;
}
.sustain-detail-list .item-list .item .field-commitdesc {
	width: 39%;
}
.sustain-detail-list .item-list .item .field-commitdesc ul li {
	position: relative;
	padding-left: 8px;
	margin-bottom: 25px;
}
.sustain-detail-list .item-list .item .field-commitdesc ul li:last-child {
	margin-bottom: 0;
}
.sustain-detail-list .item-list .item .field-commitdesc ul li:before {
	position: absolute;
	content: '';
	top: 8px;
	left: 2px;
	height: 2px;
	width: 2px;
	background: #000;
}
.sustain-detail-list .field-targeturl {
	margin-top: 50px;
}
.sustain-detail-list .field-targeturl a {
	display: inline-block;
	color: #da291c;
	font-size: 18px;
	font-family: 'interstateregular';
	position: relative;
	padding-right: 20px;
	margin-right: 50px;
	margin-bottom: 10px;
}
.sustain-detail-list .field-targeturl a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	display: block;
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/arrow-link.svg)
		no-repeat center center/contain;
	transition: 0.3s all ease;
	pointer-events: none;
}
.commitment-detail-card .story-right .pad-right {
	padding-right: 0px !important;
	padding-left: 65px !important;
}
.commitment-detail-card .story-right .component-content .row .pad-left {
	padding-right: 0px !important;
}
.commitment-detail-card .story-right .pad-left .field-carddescription {
	padding-right: 10%;
}

.commitment-detail-card .story-left .component-content .row .pad-left {
	padding-left: 0px !important;
}

.commit-detail-slider {
	margin: 0 0 160px;
}

.commit-detail-slider .item {
	position: relative;
	display: flex;
}
.commit-detail-slider .item .row {
	width: 100%;
}
.commit-detail-slider .item img {
	height: auto;
	width: 100%;
}
.commit-detail-slider .item:after {
	content: '';
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: 0.5s;
	opacity: 0;
	pointer-events: none;
}
.commit-detail-slider .item .component-content {
	height: 100%;
}
.commit-detail-slider .item a {
	height: 100%;
	display: flex;
}
.commit-detail-slider .item .field-imagecaption {
	font-size: 70px;
	line-height: 58px;
	color: #fff;
	font-family: FreightDisp Pro;
	font-weight: 400;
	opacity: 0;
	transform: translateY(10px);
	transition: 0.5s;
	position: absolute;
	padding: 0 40px 40px;
	left: 0;
	bottom: 0;
	z-index: 9;
	pointer-events: none;
}
.commit-detail-slider .item:hover:after {
	opacity: 1;
}
.commit-detail-slider .item:hover .field-imagecaption {
	transition-delay: 0.2s;
	opacity: 1;
	transform: translateY(0px);
}

.charitable-contribution {
	padding-right: 80px !important;
	padding-left: 80px !important;
}
.charitable-contribution .field-title {
	font-family: FreightDisp Pro;
	font-weight: 400;
	font-size: 60px;
	line-height: 58px;
	color: #000;
}
.charitable-contribution h3 {
	font-family: FreightDisp Pro;
	font-weight: 400;
	font-size: 60px;
	line-height: 58px;
	color: #000;
}
.charitable-list ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 150px -3.45% 60px;
}
.charitable-list ul li {
	width: 13.1%;
	margin: 0 3.45% 150px;
}
.charitable-list ul li img {
	width: 100%;
	height: auto;
	filter: grayscale(100%);
}
.charitable-list ul li .img-social:hover img {
	filter: grayscale(0%);
}

@media only screen and (max-width: 1199px) {
	.commitment-detail-card
		.story-card-component
		.pad-left
		.field-carddescription {
		padding-right: 0;
	}
	.commitment-detail-card .story-right .pad-right {
		padding-left: 40px !important;
	}
	.commit-detail-slider .item .field-imagecaption {
		font-size: 60px;
		line-height: 56px;
	}
}

@media only screen and (max-width: 991px) {
	.commitment-detail-card {
		margin-top: 50px;
	}
	.sustain-detail-list {
		padding-right: 40px !important;
		padding-left: 40px !important;
	}
	.commitment-detail-card .pad-right {
		padding-right: 40px !important;
	}
	.commitment-detail-card .story-card-component {
		padding-bottom: 50px;
	}
	.sustain-detail-list .item-list .item {
		padding: 30px 0 60px;
	}
	.sustain-detail-list .field-committitle {
		font-size: 42px;
	}
	.commit-detail-slider {
		margin-bottom: 50px;
	}
	.charitable-contribution {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	.charitable-list ul {
		margin: 50px -3.45% 0px;
	}
	.charitable-list ul li {
		width: 18.1%;
		margin: 0 3.45% 50px;
	}
	.commitment-card .story-card-component .field-cardtitle {
		margin-bottom: 65px;
	}
	.charitable-contribution .field-title {
		font-size: 52px;
		line-height: 52px;
	}
	.charitable-contribution h3 {
		font-size: 52px;
		line-height: 52px;
	}
	.commit-detail-slider .item .field-imagecaption {
		padding: 0 20px 40px;
	}
}
@media only screen and (max-width: 767px) {
	.commitment-detail-card {
		margin-top: 30px;
	}
	.sustain-detail-list {
		padding-right: 17px !important;
		padding-left: 17px !important;
		padding-bottom: 30px;
	}
	.commitment-detail-card .pad-right {
		padding-right: 0px !important;
	}
	.commitment-detail-card
		.story-card-component
		> .component-content
		> .row
		.pad-left {
		padding-left: 17px !important;
	}
	.sustain-detail-list .item-list .item .field-committitle {
		width: 100%;
	}
	.sustain-detail-list .item-list .item .field-committitle br {
		display: none;
	}
	.commitment-detail-card .story-card-component {
		padding-bottom: 50px;
	}
	.sustain-detail-list .item-list .item {
		padding: 25px 0;
	}
	.sustain-detail-list .field-committitle {
		font-size: 36px;
		line-height: 37px;
	}
	.sustain-detail-list .item-list .item .field-commitdesc {
		width: 100%;
		padding-top: 25px;
	}
	.sustain-detail-list .field-targeturl {
		margin-top: 25px;
	}
	.commitment-detail-card .story-card-component {
		padding-bottom: 30px;
	}
	.sustain-detail-list .item-list .item {
		padding: 20px 0;
	}
	.commitment-detail-card
		.story-card-component
		> .component-content
		> .row
		> div:last-child {
		padding-top: 20px;
	}
	.commitment-card .story-card-component .field-cardtitle:after {
		bottom: -20px;
	}
	.commitment-card .field-carddescription p {
		margin-bottom: 20px;
	}
	.sustain-detail-list .field-commitdesc p {
		margin-bottom: 15px;
	}
	.charitable-contribution {
		padding-left: 17px !important;
		padding-right: 17px !important;
	}
	.charitable-contribution .field-title {
		font-size: 32px;
		line-height: 32px;
	}
	.charitable-contribution h3 {
		font-size: 32px;
		line-height: 32px;
	}
	.commitment-detail-card .story-right .pad-right {
		padding-left: 0px !important;
	}
	.commitment-detail-card
		.story-card-component.story-right
		> .component-content
		> .row
		> div:last-child {
		padding-top: 20px;
	}
	.commitment-card .story-card-component .field-cardtitle {
		margin-bottom: 50px;
	}
	.commit-detail-slider {
		margin-bottom: 30px;
	}

	.commit-detail-slider .item .field-imagecaption {
		font-size: 44px;
		line-height: 40px;
		opacity: 1;
		transform: translateY(0px);
	}
	.commit-detail-slider .item:after {
		opacity: 1;
	}
}

@media only screen and (max-width: 480px) {
	.charitable-list ul {
		margin: 30px -2% 0;
	}
	.charitable-list ul li {
		width: 29.33%;
		margin: 0 2% 30px;
	}
	.commit-detail-slider .image > .component-content a img {
		height: 250px;
		object-fit: cover;
	}
}

/*--------- Sustainability/ Third Party --------------*/
.third-party-card .story-card-component .field-cardtitle:after {
	display: none;
}
.third-party-accordion {
	padding-top: 0;
}
.third-party-accordion .component-content .component-content {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.third-party-accordion
	.accordion-item.is-active
	+ .accordion-sub-items
	.field-content {
	opacity: 1;
	transform: none;
}
.third-party-accordion .accordion-sub-items .field-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 0;
}

.third-party-accordion .accordion-item:after {
	display: none;
}
.third-party-accordion .accordion-sub-items .field-content:before {
	display: none;
}

.third-party-accordion .accordion-item {
	padding-right: 55px;
	border-bottom: 0;
}

.third-party-accordion .accordion-item .accordion-image-icon {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	opacity: 0;
	transition: 0.5s;
	max-width: 47px;
	width: 100%;
}
.third-party-accordion .accordion-item .accordion-image-icon img {
	width: 100%;
	height: auto;
	filter: grayscale(100%);
}
.third-party-accordion .accordion-item:hover .accordion-image-icon {
	opacity: 1;
}
.third-party-accordion .accordion-item-wrapper.active:hover:before {
	display: none;
}
.third-party-accordion .accordion-item-wrapper:hover:before {
	transform: unset;
}

.accordion-sub-items .field-content .accordion-desc {
	width: 38%;
	font-size: 18px;
	line-height: 21px;
}
.accordion-sub-items .field-content .accordion-image {
	max-width: 194px;
	width: 100%;
}
.accordion-sub-items .field-content .accordion-image img {
	width: 100%;
	height: auto;
}
.accordion-sub-items .field-content .accordion-desc .field-targeturl {
	margin-top: 30px;
}
.accordion-sub-items .field-content .accordion-desc .field-targeturl a {
	display: inline-block;
	color: #da291c;
	font-size: 18px;
	font-family: 'interstateregular';
	position: relative;
	padding-right: 20px;
}
.accordion-sub-items .field-content .accordion-desc .field-targeturl a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	display: block;
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/arrow-link.svg)
		no-repeat center center/contain;
	transition: 0.3s all ease;
	pointer-events: none;
}

@media only screen and (max-width: 1199px) {
	.accordion-sub-items .field-content .accordion-desc {
		width: 54%;
	}
}

@media only screen and (max-width: 991px) {
	.third-party-accordion {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.accordion-sub-items .field-content .accordion-desc {
		width: 100%;
	}
	.third-party-accordion .accordion-item {
		font-size: 22px;
		line-height: 27px;
	}
	.third-party-accordion .accordion-sub-items .field-content {
		padding: 10px 0 25px;
	}
	.third-party-accordion .accordion-sub-items .field-content .accordion-image {
		margin-top: 20px;
		max-width: 150px;
	}
	.third-party-accordion
		.accordion-sub-items
		.field-content
		.accordion-desc
		.field-targeturl {
		margin-top: 20px;
	}
	.third-party-accordion .accordion-item .accordion-image-icon {
		max-width: 40px;
		width: 100%;
	}
	.third-party-accordion .accordion-item .accordion-image-icon img {
		width: 100%;
		height: auto;
	}
	.third-party-accordion {
		padding-bottom: 30px;
	}
	.third-party-card .story-card-component .field-cardtitle {
		margin-bottom: 20px;
	}
}

/*--------- Sustainability/ Volar Bio --------------*/

/*.volar-bio-video .mejs-overlay-button{background: rgba(196,196,196,0.7) url('../../../../../../../-/media/Project/UltraFabricsTenant/UltraFabricsSite/Sustainability/play-icon.png');
background-repeat: no-repeat;background-position: center center; width: 100px; height: 100px;border-radius: 50%;}
.volar-bio-video .mejs-overlay:hover > .mejs-overlay-button{background-position: center center;}*/
.volar-bio-video {
	position: relative;
	margin-bottom: 150px;
}
.field-video-image img {
	width: 100%;
	height: calc(100vh - 70px);
	object-fit: cover;
}
.field-video-image .play {
	display: flex;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: rgba(196, 196, 196, 0.7);
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.field-video-image .play img {
	width: auto;
	height: auto;
}
.volar-bio-accordion .description-wrapper .field-description {
	border-top: 0;
	padding-top: 0;
	/*padding-right: 23%;*/
	padding-bottom: 40px;
}
.volar-bio-card
	.story-card-component.story-right
	> .component-content
	> .row
	> div:last-child {
	padding-top: 50px;
	padding-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.volar-bio-card .story-card-component .field-image {
	height: 100%;
}
.volar-bio-card .story-card-component .field-image img {
	height: 100%;
	transition: 0.5s;
}
.volar-bio-card .story-card-component.story-right {
	padding-bottom: 80px;
}
.volar-bio-accordion .accordion-item-wrapper {
	border-bottom: 1px solid black;
	position: relative;
}
.volar-bio-accordion .accordion-item {
	border-bottom: 0;
}
.volar-bio-accordion .accordion-item-wrapper:before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 3px;
	width: 100%;
	transition: 0.3s all ease;
	transform-origin: bottom;
	transform: scaleY(0);
	background-color: black;
}
.volar-bio-accordion .accordion-items {
	border-top: 1px solid #000;
}
.volar-bio-accordion .accordion-item-wrapper:hover:before {
	transform: unset;
}
.volar-bio-accordion .accordion-item-wrapper.active:before {
	display: none;
}
.volar-bio-accordion .accordion-content {
	padding: 20px 0 108px;
	font-size: 18px;
	line-height: 26px;
	display: none;
}
.volar-bio-accordion .accordion-item-wrapper.active .accordion-item:after {
	content: '-';
}

.volar-bio-card .story-card-component .field-image img {
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
	bottom: 0;
	opacity: 0;
}
.volar-bio-card .story-card-component .field-image img:first-of-type {
	opacity: 1;
	position: relative;
}

@media only screen and (max-width: 1199px) {
	.volar-bio-accordion .description-wrapper .field-description {
		padding-right: 0;
	}
}

@media only screen and (max-width: 991px) {
	.volar-bio-video {
		margin-bottom: 50px;
	}
	.volar-bio-card .story-card-component.story-right {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.field-video-image img {
		height: 50vh;
	}
	.field-video-image .play {
		width: 60px;
		height: 60px;
	}
	.field-video-image .play img {
		width: 40%;
	}
	.volar-bio-video {
		margin-bottom: 30px;
	}
	.volar-bio-video .mejs-overlay-button {
		width: 60px;
		height: 60px;
		background-size: 25px;
	}
	.volar-bio-card
		.story-card-component.story-right
		> .component-content
		> .row
		> div:last-child {
		padding-top: 20px;
	}
	.volar-bio-accordion .accordion-content {
		padding: 10px 0 40px;
	}
	.volar-bio-card .story-card-component.story-right {
		padding-bottom: 30px;
	}
	.volar-bio-accordion .description-wrapper .field-description {
		padding-bottom: 30px;
	}
}

/*---------Profile --------------*/
.profile-page .info-component {
	padding-bottom: 50px;
}
.profile-page .info-component .title-wrapper {
	padding-right: 0%;
}
.profile-page .title-wrapper .field-title {
	line-height: 90px;
}
.profile-page .title-wrapper .sub-title {
	font-size: 18px;
	line-height: 27px;
}
.profile-page .info-component .heading {
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin: 0 0 20px;
	flex-wrap: wrap;
}
.profile-page .title-heading {
	font-size: 15px;
	line-height: 15px;
	font-family: 'interstateregular';
}
.profile-page .info-component .heading a {
	font-size: 12px;
	line-height: 12px;
	font-family: 'interstateregular';
	color: #da291c;
	margin-left: 10px;
}
.profile-page .desc {
	font-size: 13px;
	line-height: 15px;
	margin: 5px 0 0;
}
.profile-page .content-info-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.profile-page .content-info {
	width: 33.33%;
	margin: 0 4% 35px 0;
}
.profile-page .content-list {
	margin-bottom: 40px;
}
.profile-page .content-list:last-child {
	margin-bottom: 0;
}
.profile-page .content-list .cta-wrap button {
	font-size: 12px;
	line-height: 12px;
	font-family: 'interstateregular';
	color: #da291c;
	cursor: pointer;
	border: 0;
	background: transparent;
}

.profile-page .responsive-table {
	overflow-x: auto;
	width: 100%;
}
.order-history-table {
	width: 100%;
}
.order-history-table tr th {
	font-size: 15px;
	line-height: 18px;
	font-family: 'interstateregular';
	padding: 13px 5px;
}
.order-history-table tr td {
	border-top: 1px solid #000;
	padding: 20px 5px;
	vertical-align: middle;
}
.order-history-table tr td a {
	display: flex;
	color: #000;
	margin-left: 0;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
}
.order-history .order-history-table tr td a {
	pointer-events: none;
}
.order-history-table tr td p {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
}
.order-history-table tr td .tracking-number {
	color: #da291c;
}
.profile-page strong {
	font-size: 16px;
	line-height: 16px;
	font-family: 'interstateregular';
}
.order-history-table tr td span {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 12px;
}
.order-history-table tr td:nth-child(2) p {
	width: calc(100% - 28px);
}
.order-history-table tr td .quantity {
	font-family: 'interstateregular';
}

.profile-page
	.form-component
	input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.profile-page .info-component textarea,
.profile-page .info-component select {
	font-size: 14px;
	padding-right: 0;
	padding: 5px 15px 5px 0;
	line-height: 20px;
	font-family: 'InterstateLight';
}
.profile-page .form-component .input-wrapper:before {
	display: none;
}
.profile-page .form-component .input-wrapper {
	display: none;
}
.profile-page .cta-wrap {
	text-align: right;
	display: none;
}
.profile-page .select-wrapper {
	position: relative;
}
.profile-page .info-component .select-wrapper:before {
	content: '+';
	position: absolute;
	top: -7px;
	right: 0;
	font-size: 26px;
	font-family: 'FreightDisp Pro', serif;
	display: block;
	background: transparent;
}

@media only screen and (max-width: 991px) {
	.profile-page .info-component {
		padding-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.profile-page .info-component .title-wrapper {
		margin-bottom: 30px;
	}
	.profile-page .title-wrapper .field-title {
		line-height: 38px;
		margin-bottom: 15px;
	}
	.profile-page .info-component {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.form-component .title-wrapper .field-title:after {
		margin-top: 10px;
		width: 35px;
		height: 2px;
	}
	.profile-page .content-info {
		margin: 0 2% 20px 0;
		width: 48%;
	}
	.profile-page .content-list {
		margin-bottom: 20px;
	}
	.profile-page .responsive-table .order-history-table {
		min-width: 600px;
	}
}

/*-------------- Edge Landing ---------------*/
.edge-intro-component .column-content .component-content .component-content,
.edge-accordion .column-content .component-content .component-content {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.edge-intro-component .field-tiitle {
	font-family: FreightDisp Pro;
	font-size: 120px;
	line-height: 105px;
	color: #000;
	font-weight: 400;
}
.edge-intro-component .field-subtitle {
	line-height: 29px;
	font-family: 'interstateregular';
	margin-top: 50px;
}
.edge-accordion {
	padding: 0;
}
.edge-accordion .accordion-items.template-2 .accordion-item:before {
	display: none;
}
.edge-accordion .accordion-items.template-2 .accordion-item-wrapper:before {
	display: none;
}
.edge-accordion .accordion-item:after {
	font-weight: 300;
	color: #000;
	font-family: FreightDisp Pro;
}
.edge-accordion .accordion-sub-items {
	display: none;
	height: auto;
	margin-top: -100px;
}
.edge-accordion .accordion-sub-items .accordion-sub-item-list {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.edge-accordion .accordion-sub-items .field-content {
	display: flex;
	width: 72%;
	padding-bottom: 60px;
}
.edge-accordion .accordion-item {
	font-size: 48px;
	line-height: 48px;
	font-family: 'interstateregular';
	color: #da291c;
	padding: 60px 0;
}
.accordion-sub-items .field-content .field-date {
	font-size: 20px;
	line-height: 19px;
	font-family: 'interstateregular';
	color: #da291c;
	margin: 0 0 10px;
}
.edge-accordion .accordion-desc .field-title {
	font-size: 52px;
	line-height: 51px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}
.edge-accordion .field-desc {
	line-height: 26px;
}
.edge-accordion .field-content .accordion-desc .field-targeturl {
	margin-top: 20px;
}
.edge-accordion
	.accordion-sub-items
	.field-content
	.accordion-desc
	.field-targeturl
	a {
	text-decoration: underline;
	font-family: 'InterstateLight';
}
.edge-accordion
	.accordion-sub-items
	.field-content
	.accordion-desc
	.field-targeturl
	a:after {
	display: none;
}
.edge-accordion .accordion-sub-items .field-content .accordion-desc {
	width: 59%;
	padding-right: 78px;
}
.edge-accordion .accordion-sub-items .field-content .accordion-image {
	width: 41%;
	max-width: 100%;
}
.edge-accordion .accordion-sub-items .field-content .accordion-image img {
	height: 100%;
	object-fit: cover;
}
.edge-accordion
	.accordion-item.is-active
	+ .accordion-sub-items
	.field-content {
	opacity: 1;
	transform: none;
}
.edge-accordion .accordion-sub-items .field-content:before {
	display: none;
}
.edge-accordion .accordion-sub-items .field-content + .field-content {
	padding-top: 40px;
	border-top: 1px solid #000;
}

@media only screen and (max-width: 1199px) {
	.edge-accordion .accordion-sub-items .field-content .accordion-desc {
		padding-right: 35px;
	}
	.edge-intro-component .field-tiitle {
		font-size: 95px;
		line-height: 80px;
	}
	.edge-accordion .accordion-desc .field-title {
		font-size: 44px;
		line-height: 43px;
	}
}

@media only screen and (max-width: 991px) {
	.edge-intro-component .column-content {
		padding: 50px 0;
	}
	.edge-accordion .accordion-item {
		padding: 30px 0;
	}
	.edge-accordion .accordion-sub-items {
		margin-top: 0;
		padding-top: 20px;
	}
	.edge-accordion .accordion-sub-items .field-content {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.edge-intro-component .column-content {
		padding: 30px 0;
	}
	.edge-intro-component .field-tiitle {
		font-size: 65px;
		line-height: 55px;
	}
	.edge-accordion .accordion-desc .field-title {
		font-size: 34px;
		line-height: 32px;
	}
	.edge-intro-component .field-subtitle {
		margin-top: 25px;
	}
	.edge-accordion .accordion-sub-items {
		padding-left: 0;
		padding-right: 0;
	}
	.edge-accordion .accordion-sub-items .field-content {
		flex-wrap: wrap;
	}
	.edge-accordion .accordion-sub-items .field-content .accordion-desc {
		width: 100%;
		order: 1;
	}
	.edge-accordion .accordion-sub-items .field-content .accordion-image {
		width: 100%;
		margin-bottom: 20px;
	}
	.edge-accordion .accordion-item {
		font-size: 32px;
		line-height: 32px;
		padding: 15px 0;
	}
	.edge-accordion .accordion-sub-items .field-content .accordion-desc {
		padding-right: 0;
	}
	.edge-accordion .accordion-sub-items .field-content {
		padding-bottom: 30px;
	}
	.edge-accordion .accordion-sub-items .field-content + .field-content {
		padding-top: 30px;
	}
}

/*-------------- Edge Detail ---------------*/
.story-card-component .field-carddate {
	font-size: 20px;
	line-height: 19px;
	font-family: 'interstateregular';
	color: #da291c;
	margin: 0 0 10px;
}
.edge-card {
	margin: 90px 0 0;
}
.edge-card .story-card-component {
	padding-bottom: 0;
}
.edge-card .story-card-component.story-right .pad-right {
	padding-left: 80px;
}
.edge-card .story-card-component.story-left .pad-right {
	padding-right: 80px;
}
.edge-card .story-card-component .component-content > .row > div:last-child {
	padding-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.edge-card
	.story-card-component.story-right
	.component-content
	> .row
	> div:last-child {
	padding-right: 0px !important;
}
.edge-card
	.story-card-component.story-left
	.component-content
	> .row
	> div:last-child {
	padding-left: 0px !important;
}

.edge-card .story-card-component .field-image {
	height: 100%;
}
.edge-card .story-card-component .field-image img {
	height: 100%;
}
.edge-card .pad-left .field-carddescription {
	margin-top: 75px;
	border-top: 1px solid #000;
	font-weight: 400;
	line-height: 17px;
	padding-top: 12px;
}
.edge-card .pad-left .field-carddescription div {
	display: inline-block;
	font-family: 'interstateregular';
	margin: 0 30px 15px 0;
	font-size: 18px;
}
.edge-card .pad-left .field-carddescription span {
	font-family: FreightBig Pro;
	font-weight: 500;
	font-size: 25px;
	line-height: 24px;
	color: #000;
	margin-left: 15px;
	display: inline-block;
}
.edge-card .pad-right .field-carddescription {
	font-size: 16px;
	line-height: 23px;
	font-family: 'InterstateLight';
	margin-top: 165px;
}
.edge-card .pad-right .field-carddescription p {
	margin-bottom: 25px;
}
.edge-card .pad-right .field-carddescription p:last-child {
	margin-bottom: 0;
}

.edge-card .story-right .pad-right .field-carddescription {
	padding-right: 80px;
}
.edge-card .story-left .pad-right .field-carddescription {
	padding-left: 80px;
}

.edge-detail-sec .story-card-component {
	padding-bottom: 150px;
}
.edge-detail-sec .field-carddescription {
	font-size: 16px;
	line-height: 23px;
	font-family: 'InterstateLight';
	padding: 60px 15% 0 0;
}
.edge-detail-sec .field-carddescription p {
	font-size: 16px;
	line-height: 23px;
	font-family: 'InterstateLight';
	margin: 0 0 25px;
}

.edge-detail-sec .story-card-component li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 200px;
}
.edge-detail-sec .story-card-component li .pad-left {
	margin-top: -130px;
}
.edge-detail-sec .story-card-component li:last-child {
	margin-bottom: 0;
}

.edge-detail-sec .story-card-component.story-left li:nth-child(2n + 2) .row {
	justify-content: flex-end;
}
.edge-detail-sec
	.story-card-component.story-left
	li:nth-child(2n + 1)
	.pad-left {
	padding-left: 80px !important;
}
.edge-detail-sec
	.story-card-component.story-left
	li:nth-child(2n + 2)
	.pad-left {
	padding-right: 80px !important;
}

.edge-detail-sec .story-card-component.story-right li:nth-child(2n + 2) .row {
	justify-content: flex-end;
}
.edge-detail-sec
	.story-card-component.story-right
	li:nth-child(2n + 1)
	.pad-left {
	padding-right: 80px !important;
}
.edge-detail-sec
	.story-card-component.story-right
	li:nth-child(2n + 2)
	.pad-left {
	padding-left: 80px !important;
}

@media only screen and (max-width: 1199px) {
	.edge-card .story-card-component .field-cardtitle {
		font-size: 72px;
		line-height: 71px;
	}
	.edge-detail-sec .story-card-component li {
		margin-bottom: 245px;
	}
	.edge-detail-sec .story-card-component li .pad-left {
		margin-top: -200px;
	}
}

@media only screen and (max-width: 991px) {
	.edge-card {
		margin: 50px 0 0;
	}
	.edge-card .story-card-component {
		padding-bottom: 50px;
	}
	.edge-card .story-card-component .field-cardtitle {
		font-size: 56px;
		line-height: 55px;
	}
	.edge-card
		.story-card-component.story-right
		.component-content
		> .row
		> div:last-child {
		padding-left: 50px !important;
	}
	.edge-detail-sec .story-card-component.story-left .pad-right {
		padding-left: 50px !important;
		margin-top: 150px;
	}
	.edge-detail-sec .story-card-component {
		padding-bottom: 50px;
	}
	.edge-card .field-carddescription {
		margin-top: 50px;
	}
	.edge-detail-sec .pad-right .field-carddescription {
		padding: 30px 0 0 0;
	}

	.edge-card .story-card-component.story-right .pad-right {
		padding-left: 50px;
	}
	.edge-card .story-card-component.story-left .pad-right {
		padding-right: 50px;
	}
	.edge-card .story-right .pad-right .field-carddescription {
		padding-right: 50px;
	}
	.edge-detail-sec .story-card-component li {
		margin-bottom: 50px;
	}
	.edge-detail-sec .story-card-component li .pad-left {
		margin-top: 0px;
	}
	.edge-detail-sec
		.story-card-component.story-left
		li:nth-child(2n + 1)
		.pad-left {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
	.edge-detail-sec
		.story-card-component.story-left
		li:nth-child(2n + 2)
		.pad-left {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
	.edge-detail-sec .field-carddescription {
		padding: 30px 0 0;
	}
	.edge-card .story-left .pad-right .field-carddescription {
		padding-left: 50px;
		margin-top: 50px;
	}
	.edge-detail-sec
		.story-card-component.story-right
		li:nth-child(2n + 1)
		.pad-left {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
	.edge-detail-sec
		.story-card-component.story-right
		li:nth-child(2n + 2)
		.pad-left {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
}

@media only screen and (max-width: 767px) {
	.edge-card {
		margin: 30px 0 0;
	}
	.edge-card .story-card-component {
		padding-bottom: 30px;
	}
	.edge-card .story-card-component .field-cardtitle {
		font-size: 42px;
		line-height: 41px;
	}
	.edge-card .story-card-component.story-right .pad-right {
		padding-left: 0px;
	}
	.edge-detail-sec .story-card-component.story-left .pad-right {
		padding-left: 50px !important;
		margin-top: 150px;
	}
	.edge-detail-sec .story-card-component {
		padding-bottom: 50px;
	}
	.edge-card .story-card-component .field-cardtitle {
		padding-top: 10px;
		margin-bottom: 0;
	}
	.edge-card .field-carddescription {
		margin-top: 30px;
	}
	.edge-detail-sec .story-card-component.story-left .pad-right {
		margin: 0;
		padding-left: 17px !important;
		padding-right: 17px !important;
	}
	.edge-card .story-card-component .component-content > .row > div:last-child {
		padding-right: 17px !important;
	}
	.edge-detail-sec .pad-right .field-carddescription {
		padding: 20px 0 0;
	}
	.edge-detail-sec .field-carddescription p {
		margin-bottom: 15px;
	}
	.edge-detail-sec .story-card-component {
		padding-bottom: 10px;
	}

	.edge-card .pad-left .field-carddescription {
		margin-top: 30px;
	}

	.edge-card
		.story-card-component.story-right
		.component-content
		> .row
		> div:last-child {
		padding-left: 17px !important;
		padding-right: 17px !important;
	}
	.edge-detail-sec
		.story-card-component.story-left
		li:nth-child(2n + 1)
		.pad-left {
		padding-left: 17px !important;
		padding-right: 17px !important;
	}
	.edge-detail-sec
		.story-card-component.story-left
		li:nth-child(2n + 2)
		.pad-left {
		padding-left: 17px !important;
		padding-right: 17px !important;
	}
	.edge-card .story-right .pad-right .field-carddescription {
		margin-top: 0;
		padding-right: 0;
	}
	.edge-card .pad-left .field-carddescription span {
		font-size: 20px;
	}

	.edge-card .story-card-component.story-left .pad-right {
		padding-right: 0;
	}
	.edge-card
		.story-card-component.story-left
		.component-content
		> .row
		> div:last-child {
		padding-left: 17px !important;
	}
	.edge-card .story-left .pad-right .field-carddescription {
		padding-left: 0;
		margin-top: 0;
	}
	.edge-detail-sec
		.story-card-component.story-right
		li:nth-child(2n + 1)
		.pad-left {
		padding-left: 17px !important;
		padding-right: 17px !important;
	}
	.edge-detail-sec
		.story-card-component.story-right
		li:nth-child(2n + 2)
		.pad-left {
		padding-left: 17px !important;
		padding-right: 17px !important;
	}
}

/*-------------- Term Condition ---------------*/
.form-component.template-2 .term-item {
	padding: 20px 0 0;
	border-top: 1px solid black;
}
.form-component.template-2 .term-item:not(:last-child) {
	padding-bottom: 100px;
}
.form-component.template-2 .term-item .field-heading {
	font-size: 37px;
	line-height: 1.17;
	font-family: 'interstateregular';
}
.form-component.template-2 .term-item .field-title {
	font-family: 'FreightDisp Pro', serif;
	font-weight: 400;
	font-size: 50px;
	line-height: 1.05;
	margin-bottom: 25px;
}
.form-component.template-2 .term-item .field-title span {
	display: inline-block;
	width: 100%;
}
.form-component.template-2 .term-item .cta-wrapper:not(:last-child) {
	margin-bottom: 12px;
}
.form-component.template-2 .term-item .cta-wrapper a {
	color: #da291c;
	font-size: 18px;
	display: inline-block;
	position: relative;
	padding-right: 20px;
	font-family: 'interstateregular';
	margin-right: 15px;
}
.form-component.template-2 .term-item .cta-wrapper a:after {
	content: '';
	width: 14px;
	height: 14px;
	display: block;
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/arrow-link.svg)
		no-repeat center center/contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.form-component.template-2 .term-item ul li {
	margin-top: 40px;
}

@media only screen and (max-width: 1199px) {
	.term-intro-page .title-wrapper .field-title {
		font-size: 74px;
	}
	.term-intro-page .title-wrapper {
		padding-right: 10%;
	}
}

@media only screen and (max-width: 991px) {
	.term-intro-page.template-2 {
		padding-top: 50px;
	}
	.term-intro-page.template-2 .title-wrapper .field-title {
		font-size: 56px;
	}
	.form-component.template-2 .term-item .field-title {
		font-size: 42px;
	}
}

@media only screen and (max-width: 767px) {
	.term-intro-page.template-2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.term-intro-page.template-2 .title-wrapper .field-title {
		font-size: 48px;
		line-height: 0.95;
	}
	.form-component.template-2 .term-item .field-title {
		font-size: 36px;
		margin-bottom: 10px;
	}
	.term-intro-page.template-2 .title-wrapper {
		margin-bottom: 30px;
	}
	.form-component.template-2 .term-item .field-heading {
		font-size: 30px;
	}
	.form-component.template-2 .term-item ul li {
		margin-top: 20px;
	}
	.form-component.template-2 .term-item:not(:last-child) {
		padding-bottom: 30px;
	}
}

/*-------------- Contact ---------------*/
.form-component.template-2 .contact-item {
	padding: 20px 0 0;
	border-top: 1px solid black;
}
.form-component.template-2 .contact-item .field-title {
	font-family: 'interstateregular';
	font-size: 50px;
	line-height: 1.13;
	margin-bottom: 25px;
	position: relative;
}
.form-component.template-2 .contact-item .field-title span {
	font-family: 'FreightDisp Pro', serif;
	font-weight: 400;
	display: inline-block;
	margin-left: 25px;
}
.form-component.template-2 .contact-item .field-title sup {
	font-size: 27px;
	font-family: 'interstateregular';
	top: 0;
}
.form-component.template-2 .contact-item .contact-info {
	font-size: 13px;
	line-height: 1.2;
	font-family: 'InterstateLight';
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0 60px;
}
.form-component.template-2 .contact-item .contact-info > div {
	width: 29.33%;
	margin: 0 4% 0 0;
}
.form-component.template-2 .contact-item .contact-info > div:nth-child(2n + 2) {
	width: 62%;
}
.form-component.template-2 .contact-item .contact-info strong {
	font-size: 15px;
	line-height: 1.2;
	font-family: 'interstateregular';
	display: inline-block;
	width: 100%;
}
.form-component.template-2
	.contact-item
	.contact-info
	.left-content
	> div
	+ div {
	margin-top: 30px;
}
/*.form-component.template-2 .contact-item .contact-info .right-content{font-size: 16px; line-height: 1.45;}*/
.form-component.template-2 .contact-item .contact-info span {
	font-family: 'interstateregular';
	display: inline-block;
	margin-right: 15px;
}
.form-component.template-2 .contact-item .contact-info .email {
	margin: 0px 0 0;
}
.form-component.template-2 .contact-item .contact-info .order {
	padding: 0px;
	font-size: 16px;
	line-height: 1.2;
}

.form-component.template-2 .contact-form,
.contact-sec .sitecore-form form {
	padding: 40px 0 0;
	border-top: 1px solid black;
}
.contact-sec .sitecore-form label {
	display: none;
}
.form-component .contact-form label,
.contact-sec .sitecore-form .textarea label {
	display: block;
	font-size: 25px !important;
	padding: 10px 0;
	line-height: 30px;
	font-family: 'FreightDisp Pro', serif;
	width: 100%;
	color: #000 !important;
	transition: 0.3s all ease;
}
.form-component .contact-form label.error,
.contact-sec .sitecore-form .field-validation-error {
	padding: 0;
	line-height: normal;
	font-family: 'InterstateLight';
}
.form-component .contact-form textarea,
.contact-sec .sitecore-form textarea {
	border: 1px solid #000;
	height: 172px;
	padding: 10px;
	resize: none;
}
.contact-form textarea::-webkit-input-placeholder,
.contact-sec .sitecore-form textarea::-webkit-input-placeholder {
	/* Edge */
	font-size: 12px;
	font-family: 'InterstateLight';
	line-height: normal;
}

.contact-form textarea:-ms-input-placeholder,
.contact-sec .sitecore-form textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	font-size: 12px;
	font-family: 'InterstateLight';
	line-height: normal;
}

.contact-form textarea::placeholder,
.contact-sec .sitecore-form textarea::placeholder {
	font-size: 12px;
	font-family: 'InterstateLight';
	line-height: normal;
}
.form-component .contact-form .input-wrapper:before,
.contact-sec .sitecore-form .input-wrapper:before {
	background: transparent;
}
.form-component .contact-form .input-wrapper.textarea:before,
.contact-sec .sitecore-form .input-wrapper.textarea:before {
	left: 0;
	top: 55px;
	pointer-events: none;
	display: none;
}
.form-component .form-wrapper .contact-form .input-group:not(:last-child),
.contact-sec .sitecore-form .input-group:not(:last-child) {
	margin-bottom: 40px;
}

.contact-sec .field-content {
	font-size: 92px;
	font-family: 'FreightDisp Pro', serif;
	line-height: 0.95;
	display: block;
	margin-bottom: 25px;
	position: relative;
}
.form-component .title-wrapper .field-content:after {
	margin-top: 25px;
	content: '';
	width: 50px;
	height: 5px;
	background-color: black;
	display: block;
}
.contact-sec .field-subtitle {
	font-size: 26px;
	font-family: 'FreightDisp Pro', serif;
	line-height: 1.25;
}
.contact-sec .accordion-items,
.contact-sec .sitecore-form {
	padding-left: 80px;
}
.contact-sec .accordion-items p {
	font-size: 14px;
}
.contact-sec .sitecore-form form {
	width: 100%;
}
.contact-sec .sitecore-form .input-group > div:not(:last-child) {
	margin-bottom: 30px;
}
.contact-sec .accordion-items .contact-item .contact-info > div {
	width: 100%;
	display: flex;
	margin: 0;
}
.contact-sec .accordion-items .contact-item .contact-info > div > div {
	width: 30%;
	margin: 0 4% 0 0;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	> div:nth-child(2n + 2) {
	width: 100%;
	margin-top: 15px;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	> div
	> div:nth-child(2n + 2) {
	width: 66%;
	margin: 0 0 0 0;
}
.contact-sec .accordion-items .contact-item .contact-info strong {
	display: block;
	width: 100%;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	.contact-info-contact {
	flex-wrap: wrap;
	margin: 20px 0 0;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	> div.contact-info-contact
	> div:nth-child(2n + 2) {
	width: 100%;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	> div.contact-info-contact
	div.contact-info-list {
	width: 100%;
	margin: 5px 0 0;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	line-height: 1.2;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	.contact-info-list
	.desg {
	width: 60%;
	padding-right: 10px;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	.contact-info-list
	.name {
	width: 33.33%;
	padding-right: 10px;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	.contact-info-list
	.email {
	margin: 0;
	width: 40%;
}
.contact-sec
	.accordion-items
	.contact-item
	.contact-info
	.contact-info-list
	.email
	a {
	word-break: break-all;
	text-decoration: underline;
}
.contact-sec .contact-list .accordion-items {
	padding-left: 0;
}

@media only screen and (max-width: 1279px) {
	.contact-sec .title-wrapper {
		padding-right: 10%;
	}
}

@media only screen and (max-width: 1199px) {
	.contact-sec .title-wrapper .field-title,
	.contact-sec .field-pageintrotext {
		font-size: 74px;
	}
	.contact-sec .accordion-items,
	.contact-sec .sitecore-form {
		padding-left: 50px;
	}
}

@media only screen and (max-width: 991px) {
	.contact-sec.template-2 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-sec.template-2 .title-wrapper .field-title,
	.contact-sec .field-pageintrotext {
		font-size: 56px;
	}
	.form-component.template-2 .contact-item .field-title {
		font-size: 42px;
	}
	.contact-sec .accordion-items,
	.contact-sec .sitecore-form {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.contact-sec.template-2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contact-sec.template-2 .title-wrapper .field-title,
	.contact-sec .field-pageintrotext {
		font-size: 48px;
		line-height: 0.95;
	}
	.form-component.template-2 .contact-item .field-title {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.contact-sec.template-2 .title-wrapper {
		margin-bottom: 30px;
	}
	.form-component.template-2 .contact-item .contact-info {
		padding: 15px 0 20px;
	}
	.form-component.template-2 .contact-form,
	.contact-sec .sitecore-form {
		padding: 20px 0 0;
	}
	.form-component .form-wrapper .input-group > div:not(:last-child),
	.contact-sec .sitecore-form .input-group > div:not(:last-child) {
		margin-bottom: 15px;
	}
	.form-component .form-wrapper .contact-form .input-group:not(:last-child),
	.contact-sec .sitecore-form .input-group:not(:last-child) {
		margin-bottom: 20px;
	}
	.form-component
		input:not([type='checkbox']):not([type='radio']):not([type='submit']),
	.form-component select,
	.form-component textarea {
		font-size: 20px;
	}
	.form-component .contact-form label,
	.contact-sec .sitecore-form label {
		font-size: 20px !important;
		line-height: 25px;
	}
	.contact-sec .field-subtitle {
		font-size: 22px;
	}
	.form-component .title-wrapper .field-pageintrotext:after {
		margin-top: 10px;
		width: 35px;
		height: 2px;
	}
}

/*--------------- Radio Button ------------*/
.form-component#checkout-form h3 {
	font-size: 25px;
	margin-bottom: 10px;
}
.radio-btn {
	display: block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 20px;
	margin-bottom: 15px;
	line-height: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'FreightDisp Pro', serif;
}

/* Hide the browser's default radio button */
.radio-btn input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.radio-btn .checkmark {
	position: absolute;
	top: 5px;
	left: 0;
	height: 14px;
	width: 14px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.radio-btn:hover input ~ .checkmark {
	background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.radio-btn input:checked ~ .checkmark {
	background-color: #fff;
	border: 1px solid #da291c;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-btn .checkmark:after {
	content: '';
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-btn input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radio-btn .checkmark:after {
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #da291c;
	transform: translate(-50%, -50%);
}

/*--------------- Checkbox Button ------------*/
.checkbox-btn {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 20px;
	line-height: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'FreightDisp Pro', serif;
}

/* Hide the browser's default checkbox */
.checkbox-btn input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkbox-btn .checkmark {
	position: absolute;
	top: 5px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.checkbox-btn:hover input ~ .checkmark {
	background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.checkbox-btn input:checked ~ .checkmark {
	background-color: #da291c;
	border: 1px solid #da291c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-btn .checkmark:after {
	content: '';
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-btn input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-btn .checkmark:after {
	left: 7px;
	top: 0;
	width: 6px;
	height: 14px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*-------- Order History -------*/
.order-history .content-list {
	margin-bottom: 40px;
}
.order-history .content-list:last-child {
	margin-bottom: 0;
}
.order-history .info-component .heading {
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin: 0 0 20px;
}
.order-history .title-heading {
	font-size: 15px;
	line-height: 15px;
	font-family: 'interstateregular';
}
.order-history .text {
	font-size: 13px;
	line-height: 15px;
	margin: 5px 0 0;
}
.order-history .responsive-table {
	overflow-x: auto;
}
.order-history .order-history-table tr td img {
	height: auto;
}
.order-history .order-history-table tr td:last-child,
.order-history .order-history-table tr th:last-child {
	text-align: center;
}
.order-history .order-history-table .sku {
	color: #da291c;
}
.order-history .content-info-wrapper ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.order-history .content-info-wrapper ul li {
	width: 33.33%;
	margin: 0 4% 30px 0;
}

@media only screen and (max-width: 991px) {
	.order-history .info-component {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.order-history .info-component {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.order-history .content-list {
		margin-bottom: 20px;
	}
	.order-history .content-info-wrapper ul li {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	.order-history .content-info-wrapper ul li:nth-child(2n + 2) {
		margin-right: 0;
	}
	.order-history .responsive-table .order-history-table {
		min-width: 600px;
	}
	.order-history .order-history-table tr td img {
		max-width: 80px;
		width: 100%;
	}
}

/*--------- Cart -----------*/
#cart.form-component
	.select2-container.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	padding-right: 20px;
}
.form-component .cart-checkout .grid-col-2 {
	grid-template-columns: 1fr 2fr;
}
.cart-content .cart-table tbody tr td:first-child {
	width: 37%;
}
#checkout-form .cart-checkout {
	margin-top: 150px;
}
.cart-table .item-quantity {
	text-align: center;
}
.cart-table .item-quantity-wrapper .item-quantity {
	text-align: left;
	font-family: 'interstateregular';
}
#checkout-form .cart-table thead th:nth-child(3) {
	text-align: center;
}

@media only screen and (max-width: 1199px) {
	.cart-content .cart-table tbody tr td:first-child {
		width: 43%;
	}
}

@media only screen and (max-width: 991px) {
	.cart-content .cart-table tbody tr td:first-child {
		width: 50%;
	}
}

/*-------- Popup Css ---------------*/

.uf-popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	justify-content: center;
	align-items: center;
	padding: 30px;
	text-align: center;
	display: none;
}
.uf-popup-wrapper.is-active {
	display: flex;
}
.uf-popup-wrapper .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}
.uf-popup-wrapper.is-active .overlay {
	animation: opacity-up 0.3s ease;
}
.uf-popup-wrapper .uf-popup {
	max-width: 100%;
	width: 600px;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 15%);
	background: white;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 30px;
}
.uf-popup-wrapper.is-active .uf-popup {
	animation: slide-up 0.3s ease;
}
.uf-popup-wrapper .popup-title {
	font-size: 24px;
	font-family: 'interstateregular';
	padding: 25px 30px;
	color: black;
	background: #eee;
}
.uf-popup-wrapper.is-error .popup-title {
	background: #ff6b6b;
	color: white;
}
.uf-popup-wrapper .popup-description {
	font-size: 16px;
	padding: 30px 50px;
}
.uf-popup-wrapper .buttons-wrapper {
	display: flex;
	justify-content: center;
}
.uf-popup-wrapper .button {
	padding: 8px 30px;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #da291c;
	font-size: 17px;
	cursor: pointer;
	display: inline-block;
	margin: 0 8px;
	color: #da291c;
	transition: 0.3s all ease;
}
.uf-popup-wrapper .button.no {
	color: #000;
	border-color: #000;
}
.uf-popup-wrapper .button:hover {
	background: #da291c;
	color: white;
}
.uf-popup-wrapper .button.no:hover {
	background: #000;
}

@keyframes opacity-up {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes slide-up {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@media only screen and (max-width: 767px) {
	.uf-popup-wrapper {
		padding: 10px;
	}
	.uf-popup-wrapper .popup-title {
		font-size: 20px;
		padding: 15px;
	}
	.uf-popup-wrapper .popup-description {
		padding: 15px;
	}
}

.form-component .checkout.submit a {
	display: inline-block;
	width: 100%;
}

/*---------- Fabric Finder --------*/
body {
	overflow-x: hidden;
}
.header-main {
	position: relative;
	z-index: 9;
}
.header-items #fabricfinder {
	margin-top: -85px;
}
.header-items #fabricfinder > .component-content {
	padding-top: 85px;
	overflow: hidden;
	justify-content: flex-end; /*position: relative;*/
	height: calc(100vh + 85px);
	width: 100%;
}
.header-items #fabricfinder .component-content .fabric-overlay-wrapper {
	width: 50%;
	padding: 90px 60px 40px 80px;
	max-height: calc(100vh - 85px);
	overflow-y: auto;
}
.fabric-overlay-wrapper .bottom-content {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 120px;
}
.fabric-overlay-wrapper .bottom-content.active {
	margin-top: 70px;
}
.fabric-overlay-wrapper .bottom-content a {
	font-size: 12px;
	line-height: 1.25;
	color: #000;
	font-family: 'interstateregular';
}
.fabric-overlay-wrapper .bottom-content a.reset {
	color: #da291c !important;
}
.fabric-overlay-wrapper .bottom-content.for-mob {
	display: none;
}

.fabric-overlay-wrapper .input-wrapper {
	position: relative;
}
.fabric-overlay-wrapper .select-wrapper {
	margin-bottom: 30px;
}
.fabric-overlay-wrapper .search-wrapper {
	margin-top: 70px;
}
.fabric-overlay-wrapper .input-wrapper label {
	font-size: 25px;
	line-height: 1.28;
	font-family: 'FreightDisp Pro', serif;
	color: #000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 9;
	transition: 0.5s;
	pointer-events: none;
}
.fabric-overlay-wrapper .input-wrapper.active label {
	font-size: 15px;
	line-height: 1.28;
}
.fabric-overlay-wrapper .input-wrapper select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	background: unset;
	font-family: 'FreightDisp Pro', serif;
	font-weight: 300;
	border: none;
	width: 100%;
	font-size: 25px;
	padding: 10px 0;
	line-height: 30px;
	border-bottom: 1px solid black;
	transition: 0.3s all ease;
}
.fabric-overlay-wrapper .input-wrapper input {
	text-align: right;
	border-radius: 0;
	background: unset;
	font-family: 'interstateregular';
	border: none;
	width: 100%;
	color: #da291c;
	font-size: 25px;
	padding: 10px 0;
	line-height: 30px;
	border-bottom: 1px solid black;
	transition: 0.3s all ease;
}
.fabric-overlay-wrapper .select-wrapper:before {
	content: '+';
	position: absolute;
	top: 50%;
	transform: translateY(-54%);
	right: 0;
	font-size: 40px;
	font-family: 'FreightDisp Pro', serif;
}
.fabric-overlay-wrapper .search-wrapper:before {
	content: 'Click to Type';
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-54%);
	padding-left: 10px;
	background: white;
	background: transparent;
	pointer-events: none;
	color: #000;
}
.fabric-overlay-wrapper .search-wrapper.active:before {
	display: none;
}

.fabric-overlay-wrapper .select2-container.select2-container--default {
	width: 100% !important;
}
.select2-container.select2-container--default .select2-selection--single {
	border: none;
	border-bottom: 1px solid black;
	border-radius: 0;
	height: 52px;
}
.fabric-overlay-wrapper
	.select2-container.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	line-height: 52px;
	color: #da291c;
	padding: 0;
	font-family: 'interstateregular';
	font-size: 25px;
	text-align: right;
}
.select2-container.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 52px;
	right: 0;
	top: 0;
}
.select2-container.select2-container--default
	.select2-selection--single
	.select2-selection__arrow:before {
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 40px;
	font-family: 'FreightDisp Pro', serif;
	line-height: 45px;
	transition: 0.2s;
}
.fabric-overlay-wrapper
	.select-wrapper.active
	.select2-container.select2-container--default
	.select2-selection--single
	.select2-selection__arrow:before {
	opacity: 0;
}
.select2-container.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	display: none;
}
.select2-container--default
	.select2-selection--single
	.select2-selection__placeholder {
	opacity: 0;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #000;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #000;
}
:-ms-input-placeholder {
	/* IE 10+ */
	color: #000;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #000;
}

.fabric-overlay-wrapper .select-data-list {
	position: absolute;
	height: calc(100vh + 85px);
	background: #fff;
	width: calc(50% + 10px);
	top: 0px;
	left: 0;
	padding: 93px 0 35px;
	display: none;
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
}
.fabric-overlay-wrapper .select-data-list.active {
	opacity: 0;
}
.fabric-overlay-wrapper .select-data-list ul {
	height: calc(100vh - 130px);
	padding: 0 30px;
	border-right: 1px solid #000;
	overflow-y: auto;
	display: none;
}
.fabric-overlay-wrapper .item-list li {
	width: 100%;
	margin-bottom: 18px;
}
.fabric-overlay-wrapper .item-list .field-image img {
	width: 100%;
	object-fit: cover;
}
.fabric-overlay-wrapper .item-list .field-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fabric-overlay-wrapper .item-list .field-title {
	font-size: 18px;
	line-height: 1.28;
	font-family: 'FreightDisp Pro', serif;
	font-weight: 400;
	color: #000;
}
.fabric-overlay-wrapper .item-list .field-desc {
	font-size: 13px;
	line-height: 1.25;
	font-family: 'interstateregular';
	color: #000;
	display: flex;
	align-items: center;
}
.fabric-overlay-wrapper .item-list .field-desc span {
	font-family: 'InterstateLight';
	color: #da291c;
}
.fabric-overlay-wrapper .no-data {
	font-size: 18px;
	line-height: 1.28;
	padding: 0 30px;
	font-family: 'FreightDisp Pro', serif;
	font-weight: 400;
	color: #000;
	display: none;
	justify-content: center;
	border-right: 1px solid #000;
}
.fabric-overlay-wrapper .select-data-list .no-data {
	height: calc(100vh - 130px);
	line-height: calc(100vh - 130px);
	text-align: center;
}
.fabric-overlay-wrapper .search-list {
	margin-top: 40px;
	display: none;
}
.fabric-overlay-wrapper .search-list ul {
	display: none;
}
.fabric-overlay-wrapper .search-list .no-data {
	border: 1px solid #e5e5e5;
	display: none;
	padding: 30px;
	text-align: center;
}
.header-items #fabricfinder input:focus {
	border-color: #000;
}
.back-menu {
	display: none !important;
}
.fabric-overlay-wrapper .result-data {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 20px;
	padding: 0 30px;
	font-family: 'interstateregular';
}
.fabric-overlay-wrapper .result-data span {
	color: #da291c;
}
.fabric-overlay-wrapper .search-list .result-data {
	padding: 0;
}
.fabric-overlay-wrapper .item-list .field-desc a {
	color: inherit;
	padding-left: 10px;
}
.fabric-overlay-wrapper .request-message {
	padding: 6px 10px;
	color: #fff;
	font-size: 17px;
	width: auto;
	margin: 10px 0 0;
	background: #2ecc71;
	display: none;
}
/*.fabric-overlay-wrapper .request-message:empty {
    display: none !important;
}*/
.fabric-overlay-wrapper .request-message.success {
	background: #2ecc71;
}
.fabric-overlay-wrapper .request-message.error {
	background: #e74c3c;
}

.header-items > .component-content {
	padding-left: 0;
	padding-right: 0;
}
.header-items > .component-content .component {
	padding-left: 80px;
	padding-right: 80px;
}

@media only screen and (max-width: 991px) {
	.header-items > .component-content {
		padding-left: 50px;
		padding-right: 50px;
	}
	.header-items #fabricfinder .component-content .fabric-overlay-wrapper {
		padding: 100px 40px 80px;
	}
	.header-items > .component-content {
		padding-left: 0;
		padding-right: 0;
	}
	.header-items > .component-content .component {
		padding-left: 50px;
		padding-right: 50px;
	}
	.header-main .nav-close {
		right: 1.5rem;
	}
}
@media only screen and (max-width: 767px) {
	.back-menu {
		display: inline-flex !important;
		margin-bottom: 15px;
		color: #da291c;
		font-size: 18px;
		align-items: center;
		position: relative;
		cursor: pointer;
	}
	.back-menu svg {
		width: 14px;
		margin-right: 5px;
	}
	.back-menu svg path {
		fill: #da291c;
	}
	#fabricfinder.active {
		display: block;
	}
	#fabricfinder > .component-content {
		padding: 110px 17px 50px;
		position: fixed;
		/*position: relative;*/
		height: 100vh;
		width: 100%;
		top: 0;
		left: 0;
		background: #fff;
		transform: translateY(100%);
		transition: 0.5s;
		z-index: 9;
		overflow-y: auto;
	}
	#fabricfinder.active > .component-content {
		transform: translateY(0);
	}
	.fabric-overlay-wrapper .select-data-list {
		position: relative;
		width: 100%;
		left: 0;
		height: auto;
		padding-top: 0;
	}
	.fabric-overlay-wrapper .search-wrapper {
		margin-top: 70px;
	}
	.fabric-overlay-wrapper .bottom-content {
		position: absolute;
		bottom: 20px;
		left: 0;
		padding: 0 17px;
	}
	.fabric-overlay-wrapper .bottom-content.active {
		margin-top: 60px;
		position: relative;
		padding: 0;
	}
	.fabric-overlay-wrapper .select-data-list {
		padding: 70px 0 20px;
		box-shadow: none;
	}

	.fabric-overlay-wrapper .select-data-list ul {
		padding: 0 0 0;
		border-right: 0;
		overflow-y: unset;
		height: auto;
	}

	.header-nav-mobile > .component-content > ul > li.last,
	.header-nav-mobile > .component-content > ul > li:nth-last-of-type(3) {
		position: unset;
	}
	.header-nav-mobile > .component-content > ul > li:nth-last-of-type(1),
	.header-nav-mobile > .component-content > ul > li:nth-last-of-type(2) {
		display: none;
	}
	.fabric-overlay-wrapper .bottom-content.for-mob {
		display: flex;
	}
	.fabric-overlay-wrapper .bottom-content.for-desk {
		display: none;
	}
	.fabric-overlay-wrapper .select-data-list .no-data {
		border: 1px solid #e5e5e5;
		padding: 30px;
		text-align: center;
		height: auto;
		line-height: normal;
	}
	.fabric-overlay-wrapper .result-data {
		padding: 0px;
	}
	.fabric-overlay-wrapper
		.select2-container.select2-container--default
		.select2-selection--single
		.select2-selection__rendered {
		font-size: 26px;
	}
	.fabric-overlay-wrapper .input-wrapper input {
		font-size: 26px;
	}
	.fabric-overlay-wrapper .input-wrapper label {
		font-size: 26px;
	}
}

@media only screen and (max-width: 767px) and (max-height: 480px) {
	#fabricfinder > .component-content {
		padding: 70px 17px 50px;
	}
	.fabric-overlay-wrapper .search-wrapper {
		margin-top: 40px;
	}
	.full-carousel-wrapper .cta-wrapper a {
		width: 100%;
	}
}

/*------------- Search Box -------------*/
header .website-search-box .wrapper {
	position: relative;
}
header .website-search-box ul {
	position: absolute;
	left: 0;
	top: 105%;
	width: 100%;
	border: 1px solid #000;
	display: none;
	padding: 15px;
	max-height: 115px;
	overflow-y: auto;
}
header .website-search-box ul li a {
	font-size: 20px;
	font-family: 'interstateregular';
	text-transform: capitalize;
}
.header-nav-mobile .website-search-box-input,
.mob-nav .website-search-box-input {
	border-bottom: 1px solid black !important;
	padding: 10px 0;
	width: 100%;
	font-size: 26px;
	font-family: 'FreightDisp Pro', serif;
	padding-right: 55px;
	transition: 0.3s all ease;
}
header .website-search-box ul li a:hover {
	color: #da291c;
}

.search-page .top-search-box {
	padding: 0 80px;
}
.search-page .input-wrapper {
	max-width: 650px;
	width: 100%;
	margin: 100px auto 40px;
	position: relative;
}
.search-page .website-search-box-input {
	font-family: 'FreightDisp Pro', serif;
	font-size: 40px;
	line-height: 50px;
	width: 100%;
	transition: 0.3s all ease;
	border-bottom: 1px solid black;
	padding: 15px 0;
	padding-right: 100px;
}
.serach-btn {
	font-size: 17px;
	color: #fff;
	padding: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-40%);
	cursor: pointer;
	padding: 11px 20px 13px;
	background: #da291c;
	border-radius: 5px;
}
.search-page .error {
	font-size: 16px;
	color: #da291c;
	position: absolute;
	bottom: -30px;
	left: 0;
}

.search-page .bottom-search-content {
	padding: 30px 80px 50px;
}
.bottom-search-content .tab-list {
	display: flex;
	margin-bottom: 40px;
}
.bottom-search-content .tab-list li {
	text-align: center;
	max-width: 18.4%;
	width: 100%;
	margin-right: 2%;
}
.bottom-search-content .tab-list li:last-child {
	margin-right: 0;
}
.bottom-search-content .tab-list li a {
	font-size: 25px;
	padding: 10px;
	display: inline-block;
	border-radius: 8px 8px 0 0;
	width: 100%;
	border: 1px solid #da291c;
	color: #da291c;
	transition: 0.5s;
}
.bottom-search-content .tab-list li a:hover {
	color: #fff;
	background: #da291c;
}
.bottom-search-content .tab-list li.active a {
	background: #da291c;
	color: #fff;
}
.search-page .component-search {
	width: 100%;
}

/* .tab-box {
	margin: 40px 0 0;
} */
.tab-box-content {
	display: none;
}
.tab-box-content .left-panel {
	border-right: 1px solid #000;
	padding: 20px 20px 0 0;
}
.tab-box-content .drop-down + .drop-down {
	margin-top: 30px;
}
.tab-box-content .left-panel label {
	display: block;
	width: 100%;
	font-size: 25px;
	line-height: 1.28;
	font-family: 'FreightDisp Pro';
}
.tab-box-content .left-panel .select-wrapper {
	position: relative;
}
.tab-box-content .left-panel select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	background: unset;
	font-weight: 300;
	border: none;
	width: 100%;
	font-size: 22px;
	padding: 10px 0;
	line-height: 30px;
	padding-right: 20px;
	border-bottom: 1px solid black;
	font-family: 'FreightDisp Pro';
	transition: 0.3s all ease;
}

.tab-box-content .left-panel .select-wrapper:before {
	content: '+';
	position: absolute;
	top: 50%;
	transform: translateY(-54%);
	right: 0;
	font-size: 40px;
	font-family: 'FreightDisp Pro', serif;
}
.tab-box-content .right-panel {
	padding: 20px 0 0;
}
.tab-box-content .row > div:nth-child(2) {
	padding-left: 20px;
}
.tab-box-content ul li {
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}
.tab-box-content ul li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.tab-box-content ul li .field-title a {
	display: inline-block;
	font-size: 30px;
	color: #000;
	line-height: 1.28;
	font-weight: 400;
	margin: 0 0 10px;
	font-family: 'FreightDisp Pro';
}
.tab-box-content ul li .field-title a:hover {
	color: #da291c;
}
.tab-box-content ul li .field-description {
	font-size: 20px;
	color: #000;
	line-height: 1.28;
}

.tab-box-content .no-result {
	border: 1px solid #e5e5e5;
	padding: 30px;
	font-size: 25px;
	line-height: 1.28;
	font-family: 'FreightDisp Pro', serif;
	text-align: center;
	height: auto;
	line-height: normal;
	width: 100%;
}
.header-nav-mobile .website-search-box {
	padding: 50px 0 150px;
}
.header-nav-mobile .website-search-box .component-content {
	position: relative;
}

@media only screen and (max-width: 991px) {
	.search-page .bottom-search-content {
		padding: 20px 40px 0;
	}
	.search-page .top-search-box {
		padding: 0 40px;
	}
}

@media only screen and (max-width: 767px) {
	.search-page .bottom-search-content {
		padding: 20px 17px 0;
	}
	.search-page .top-search-box {
		padding: 0 17px;
	}
	.bottom-search-content .tab-list {
		overflow-x: auto;
		margin-bottom: 20px;
	}
	.bottom-search-content .tab-list li {
		flex: 0 0 auto;
		max-width: 140px;
	}
	.search-page .input-wrapper {
		margin: 30px auto 30px;
	}
	.search-page .search-box-input {
		font-size: 30px;
		line-height: 40px;
	}
	.bottom-search-content .tab-list li a {
		font-size: 20px;
	}
	/* .tab-box {
		margin: 20px 0 0;
	} */
	.tab-box-content .right-panel {
		padding: 0;
	}
	.tab-box-content ul li .field-title a {
		font-size: 21px;
	}
	.tab-box-content ul li .field-description {
		font-size: 16px;
	}
	.tab-box-content .left-panel {
		border-right: 0;
		padding: 0 0 20px;
	}
	.search-page .website-search-box-input {
		font-size: 25px;
		line-height: 35px;
		padding-right: 85px;
	}
	.serach-btn {
		padding: 8px 15px 10px;
		font-size: 15px;
	}
	.contact-sec
		.accordion-items
		.contact-item
		.contact-info
		> div.contact-info-contact
		div.contact-info-list {
		font-size: 14px;
	}
}

/*------------ Our Product ------------*/
.our-product-intro > .component-content {
	padding-bottom: 150px;
}
.our-product-page .story-card-component {
	padding-bottom: 155px;
}
.our-product-page .story-card-component:last-child {
	padding-bottom: 75px;
}
.our-product-page .story-card-component .pad-left {
	padding-left: 80px;
}
.our-product-page
	.story-card-component
	> .component-content
	> .row
	> div:last-child {
	padding-bottom: 90px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.our-product-page
	.story-card-component:last-child
	> .component-content
	> .row
	> div:last-child {
	padding-bottom: 0;
}
.our-product-page .solution-card > .component-content > .row > div:last-child {
	padding-left: 150px !important;
}
.our-product-page .bespoke-card > .component-content > .row > div:last-child {
	padding-right: 0 !important;
	padding-top: 220px;
}
.our-product-page
	.bespoke-card
	> .component-content
	> .row
	> div:last-child
	.component-content
	> div {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.our-product-page .bespoke-card .pad-left {
	padding-right: 30px;
}
.our-product-page .bespoke-card .field-cardtitle {
	text-align: right;
	padding-left: 25px;
}
.our-product-page .bespoke-card .field-carddescription {
	max-width: 460px;
	width: 100%;
}
.our-product-page .bespoke-card .field-targeturl {
	max-width: 460px;
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	.story-card-component .field-cardtitle {
		font-size: 76px;
	}
	.our-product-page
		.solution-card
		> .component-content
		> .row
		> div:last-child {
		padding-left: 80px !important;
	}
}

@media only screen and (max-width: 991px) {
	.our-product-intro > .component-content {
		padding-bottom: 50px;
	}
	.our-product-page .story-card-component {
		padding-bottom: 50px;
	}
	.our-product-page .story-card-component:last-child {
		padding-bottom: 50px;
	}
	.our-product-page
		.story-card-component
		> .component-content
		> .row
		> div:last-child {
		padding-bottom: 0px;
	}
	.our-product-page
		.solution-card
		> .component-content
		> .row
		> div:last-child {
		padding-left: 40px !important;
	}
	.our-product-page .story-card-component .pad-left {
		padding-left: 40px;
	}
	.our-product-page .bespoke-card .field-cardtitle {
		padding-left: 0;
	}
	.our-product-page .bespoke-card > .component-content > .row > div:last-child {
		padding-top: 100px;
	}
}

@media only screen and (max-width: 767px) {
	.our-product-intro > .component-content {
		padding-bottom: 30px;
	}
	.our-product-page .story-card-component {
		padding-bottom: 30px;
	}
	.our-product-page .story-card-component:last-child {
		padding-bottom: 30px;
	}
	.our-product-page .story-card-component .pad-left {
		padding-left: 0;
	}
	.story-card-component .field-cardtitle {
		font-size: 40px;
		line-height: 40px;
		padding-top: 0;
		margin-bottom: 20px;
	}
	.story-card-component .field-targeturl {
		margin-top: 15px;
	}
	.our-product-page
		.solution-card
		> .component-content
		> .row
		> div:last-child {
		padding-left: 17px !important;
	}
	.our-product-page .bespoke-card .pad-left {
		padding-right: 0;
	}
	.our-product-page .bespoke-card > .component-content > .row > div:last-child {
		padding-right: 17px !important;
		padding-top: 30px;
	}
	.our-product-page .bespoke-card .field-cardtitle {
		text-align: left;
	}
	.our-product-page
		.bespoke-card
		> .component-content
		> .row
		> div:last-child
		.component-content
		div {
		align-items: flex-start;
	}
}

.flickity-button {
	position: fixed;
}
.full-carousel-wrapper .flickity-prev-next-button.next,
.horizontal-carousel-wrapper .flickity-prev-next-button.next {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.full-carousel-wrapper .flickity-prev-next-button.next path,
.horizontal-carousel-wrapper .flickity-prev-next-button.next path {
	-webkit-transform: translate(100px, 100px) rotate(180deg);
	-moz-transform: translate(100px, 100px) rotate(180deg);
	-ms-transform: translate(100px, 100px) rotate(180deg);
	transform: translate(100px, 100px) rotate(180deg);
}
.horizontal-carousel-wrapper .flickity-button {
	background: unset;
	opacity: 0;
	transition: 0.3s all ease;
	pointer-events: none;
}
.horizontal-carousel-wrapper:hover .flickity-button {
	opacity: 1;
	pointer-events: auto;
}
.horizontal-carousel-wrapper .flickity-prev-next-button path {
	fill: #fff;
}
.horizontal-carousel-wrapper .flickity-button[disabled] {
	opacity: 0.25;
}
.horizontal-carousel-wrapper .flickity-prev-next-button.previous svg {
	transform: scaleX(-1);
}

.uf-gallery .items .item {
	width: 66.66%;
	max-width: 66.66%;
	animation: fadeIn 2s;
	-moz-animation: fadeIn 2s;
	-webkit-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
}
.uf-gallery .items .item.width-33 {
	width: 33.33%;
}
/*.uf-gallery .items .item:nth-child(4n+3){width: 33.33%}
.uf-gallery .items .item:nth-child(2), .uf-gallery .items .item:nth-child(4n+6){width: 33.33%}*/

#uf-overlay {
	display: none !important;
}
.header-items #menu ul {
	max-height: 65vh;
	overflow-y: auto;
}
#wrapper header.lang-select {
	overflow: unset;
	transition: 0.5s;
}
#wrapper header.lang-select .header-overlay {
	box-shadow: none;
}
.header-main .language-selector .language-selector-select-link {
	cursor: pointer;
}
header.lang-select .header-footer .row.component > div {
	opacity: 0;
	pointer-events: none;
}
.language-selector-item-container {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	background: #fff;
	left: 0;
	box-shadow: 0 3px 3px 0 rgb(0 0 0 / 10%), 0 0px 2px 0 rgb(0 0 0 / 6%);
	width: 90px;
	padding: 5px 0;
}
.header-main .language-selector .language-selector-select-link {
	position: relative;
	padding-right: 12px;
}
.header-main .language-selector .language-selector-select-link:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	font-size: 25px;
	font-family: 'FreightDisp Pro', serif;
	line-height: 25px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000;
	width: 0;
	height: 0;
	display: none;
}
.language-selector-item-container li a {
	font-size: 14px;
	transition: 0.5s;
	padding: 5px 10px;
	display: inline-block;
	width: 100%;
	color: #000;
}
.language-selector-item-container li a:hover {
	color: #da291c;
}
.header-white-right
	.header-main
	.language-selector
	.language-selector-select-link:before,
.header-white
	.header-main
	.language-selector
	.language-selector-select-link:before {
	border-top: 4px solid #fff;
}
.header-main
	.language-selector
	.show-dropdown
	.language-selector-select-link:before {
	display: inline-block;
}
.is-scrolled .header-main .language-selector .language-selector-select-link {
	color: #000;
}
.is-scrolled
	.header-main
	.language-selector
	.language-selector-select-link:before {
	border-top: 4px solid #000;
}

@media only screen and (max-width: 991px) {
	.header-items #menu ul {
		padding-left: 0;
	}
	.header-footer .link-list:not(.social-link) ul {
		padding-left: 0;
	}
	.header-footer .link-list > .component-content li {
		padding-right: 5px;
	}
	.header-footer .link-list > .component-content li:last-child {
		padding-right: 0;
	}
}
@media only screen and (max-width: 767px) {
	.header-footer .link-list > .component-content li {
		padding-right: 0;
	}
	.header-items #menu ul {
		overflow-y: unset;
		max-height: inherit;
	}
}
/*.language-selector-item-container{display: flex !important; height: auto !important;}
.language-selector-item-container li a{font-size: 14px; transition: 0.5s; display: inline-block; margin-left: 4px;
color: rgba(0,0,0,0.2); line-height: 13px;}
.language-selector-item-container li.is-active a{color: #000;}

.header-white-right .language-selector-item-container li a,
.header-white .language-selector-item-container li a{color: rgba(255,255,255,0.2)}
.header-white-right .language-selector-item-container li.is-active a,
.header-white .language-selector-item-container li.is-active a{color: #fff}*/

/*----------- Global Issue ------------*/
.header-main .link-list ul,
.header-main .language-selector {
	animation: fadeIn 2s;
	-moz-animation: fadeIn 2s;
	-webkit-animation: fadeIn 2s;
	-o-animation: fadeIn 2s;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#wrapper main {
	margin-top: 79px;
}
.full-carousel-wrapper#multi-template {
	margin-top: -80px;
}
.accordion-sub-item-counter:not(:empty) {
	max-width: 100px;
	width: 100%;
	margin-right: 0;
	padding-right: 15px;
	line-height: 1.2;
	padding: 17px 0;
	font-size: 22px;
}
.page-list a:hover {
	color: #da291c;
}
.privacy-warning a {
	cursor: pointer;
}
.privacy-warning {
	padding-right: 45px;
	padding-left: 17px;
}
#wrapper header {
	transition: 0.3s box-shadow ease;
}
#wrapper header.is-scrolled {
	background: #fff;
}
#wrapper header.is-active {
	background: transparent;
}

@media only screen and (max-width: 767px) {
	#wrapper main {
		margin-top: 57px;
	}
}

/*------- Demo -----------*/

@media only screen and (max-width: 767px) {
	.demo figure {
		margin: 0;
	}
	.demo figure img {
		width: 100%;
	}
}

/*-- Form jss need mukesh to test */
.form-component input.input-validation-error {
	border-color: #da291c !important;
}
.form-component textarea.input-validation-error {
	border: 1px solid #da291c !important;
}
.field-validation-error {
	color: #da291c !important;
}
.hide {
	display: none !important;
}

/*------- Product Details -------*/

.pro-details-right {
	position: relative;
	background: #fff !important;
	left: 100%;
	transition: all 0.3s;
	display: none;
}
.pro-details-right.show-pro-details {
	left: 0;
	display: block;
}
.more-info-pro {
	position: fixed;
	bottom: 0;
	right: 0;
	background: #fff;
	width: 110px;
	height: 110px;
	padding: 72px 25px 15px;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 16px;
	line-height: 1.5;
}
.more-info-pro::after {
	width: 30px;
	height: 30px;
	content: '';
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Products/Overlay/Plus.svg)
		no-repeat;
	position: absolute;
	top: 25px;
	left: 25px;
}
.more-info-pro span:last-child {
	display: none;
}
.more-info-pro.less-pro-details {
	right: 50%;
}
.more-info-pro.less-pro-details::after {
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Products/Overlay/Plus-less.svg)
		no-repeat;
}
.more-info-pro.less-pro-details span:first-child {
	display: none;
}
.more-info-pro.less-pro-details span:last-child {
	display: block;
}
.no-backgroundImage {
	background: inherit !important;
}
.more-info-pro.mobile-close {
	display: none;
}
.white-header #wrapper header {
	background: #fff;
}
.like-section {
	position: relative;
	margin-top: 68px;
}
.like-section::before {
	width: calc(100% + 160px);
	height: 1px;
	background: #d1d2d4;
	content: '';
	position: absolute;
	top: -28px;
	left: -80px;
}
.like-section span {
	font-size: 26px;
	line-height: 32.5px;
}
.swatch-list {
	display: flex;
	padding-top: 27px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.swatch-list li {
	width: calc(33.33% - 12px);
	padding-bottom: 15px;
}
.swatch-list li a {
	display: block;
}
.swatch-list li img {
	max-width: 100%;
}
.swatch-list li p.swatch-name {
	font-size: 15px;
	line-height: 17.79px;
	font-weight: 400;
	padding-top: 7px;
	word-break: break-all;
}
.swatch-list li p.swatch-no {
	font-size: 13px;
	line-height: 15.34px;
	font-weight: 400;
	padding-top: 5px;
	word-break: break-all;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.like-section::before {
		width: calc(100% + 100px);
		left: -50px;
	}
}

@media only screen and (max-width: 767px) {
	.product-detail .left-title-wrapper {
		/* height: 100vh; */
		min-height: 62vh;
	}
	.product-detail.is-fixed .content-wrapper {
		/* position: absolute; */
		/* z-index: 999; */
		padding-top: 40px;
	}
	.more-info-pro.less-pro-details {
		display: none;
	}
	.more-info-pro.less-pro-details.mobile-close {
		display: block !important;
	}
	.more-info-pro.mobile-close {
		right: 0;
		bottom: inherit;
		z-index: 1000;
		width: 110px;
		height: 70px;
		padding: 45px 25px 0;
	}
	.more-info-pro.mobile-close::after {
		width: 25px;
		height: 25px;
		background-size: cover;
		top: 15px;
	}
	.white-header #wrapper header {
		background: inherit;
	}
	.white-header #wrapper header.is-scrolled{
          background: #fff;
	}
	.like-section::before {
		width: calc(100% + 34px);
		left: -17px;
	}
	.swatch-list li {
		width: calc(50% - 12px);
	}
	.swatch-list li img {
		max-width: inherit;
		width: 100%;
	}

	.contact-sec .accordion-items .contact-item .contact-info > div {
		flex-wrap: wrap;
	}
	.contact-sec .accordion-items .contact-item .contact-info > div > div {
		width: 100%;
		margin: 0 0 15px;
	}
	.contact-sec
		.accordion-items
		.contact-item
		.contact-info
		> div:nth-child(2n + 2) {
		margin-top: 15px;
	}
	.contact-sec
		.accordion-items
		.contact-item
		.contact-info
		> div
		> div:nth-child(2n + 2) {
		width: 100%;
		margin: 0 0 0 0;
		padding-left: 0;
	}
	.form-component.template-2 .contact-item .contact-info .email {
		margin-top: 0;
	}
	.form-component.template-2 .contact-item .contact-info .order {
		font-size: 14px;
	}
	.contact-sec
		.accordion-items
		.contact-item
		.contact-info
		> div.contact-info-contact
		div.contact-info-list {
		margin-bottom: 5px;
	}
	.contact-sec
		.accordion-items
		.contact-item
		.contact-info
		.contact-info-list
		.desg {
		width: 100%;
		padding-right: 0;
	}
	.contact-sec
		.accordion-items
		.contact-item
		.contact-info
		.contact-info-list
		.name {
		width: 100%;
		padding-right: 0;
	}
	.contact-sec
		.accordion-items
		.contact-item
		.contact-info
		.contact-info-list
		.email {
		margin: 0;
		width: 100%;
	}
}

.full-carousel-wrapper .mejs-overlay-play.play {
	display: none;
}
/*.full-carousel-wrapper .mejs-controls{ justify-content: flex-end;}
.full-carousel-wrapper .mejs-controls > div{display: none;}
.full-carousel-wrapper .mejs-controls .mejs-volume-button {display: block;}


@media only screen and (min-width:1200px) and (max-height: 800px){
    .full-carousel-wrapper .mejs-controls{bottom:140px;}
}
*/

/*---------------- 404 ------------------*/
.page-not-found {
	height: calc(100vh - 70px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-not-found > .component-content > .row {
	width: 100%;
	justify-content: flex-end;
	align-items: center;
	background: transparent;
}
.page-not-found .image-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
}
.page-not-found .image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative !important;
	opacity: 1 !important;
}
.page-not-found .field-title {
	font-size: 92px;
	font-family: 'FreightDisp Pro', serif;
	line-height: 1;
	display: block;
	margin-bottom: 25px;
}
.page-not-found .go-back {
	color: #da291c;
	display: inline-block;
	width: auto;
	transition: 0.5s;
	padding: 4px 15px 6px;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #da291c;
	font-size: 17px;
	transition: 0.3s all ease;
	cursor: pointer;
}
.page-not-found .go-back:hover {
	background: #da291c;
	color: #fff;
}
.page-not-found .content-wrapper {
	padding: 0;
	text-align: center;
}

@media only screen and (max-width: 992px) {
	.page-not-found .field-title {
		font-size: 74px;
	}
}

@media only screen and (max-width: 767px) {
	.page-not-found .image-wrapper {
		display: none;
	}
	.page-not-found .field-title {
		font-size: 60px;
		margin-bottom: 10px;
	}
}

.header-logo-wrapper .component-content > .row {
	align-items: center;
}
.header-logo-wrapper .component-content > .row .image {
	flex: 0 0 0;
	width: auto;
}
#wrapper
	header
	.header-logo-wrapper
	.component-content
	> .row
	> div:last-child
	a {
	width: 115px;
	height: auto;
	padding-left: 15px;
}
.header-main .link-list ul {
	padding-right: 80px;
}
@media only screen and (max-width: 1200px) {
	.header-main .link-list ul {
		padding-right: 80px;
	}
}
@media only screen and (max-width: 991px) {
	.header-main .link-list ul {
		padding-right: 50px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-main .link-list ul {
		justify-content: flex-end;
	}
	.header-main .link-list ul li {
		margin-right: 15px;
	}
}

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
}
.overlay-loader {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
}

.lds-hourglass {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 999;
	width: 80px;
	height: 80px;
	margin: auto;
	right: 0;
	transform: translateY(-50%);
}

.lds-hourglass:after {
	content: ' ';
	display: block;
	border-radius: 50%;
	width: 0;
	height: 0;
	margin: 8px;
	box-sizing: border-box;
	border: 32px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-hourglass 1.2s infinite;
}

.hideloader {
	display: none;
}

@keyframes lds-hourglass {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	50% {
		transform: rotate(900deg);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	100% {
		transform: rotate(1800deg);
	}
}
.form-component select {
	padding-right: 30px;
}
.form-component input[type='checkbox'] {
	appearance: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	position: relative;
	top: 1px;
}
.form-component .checkbox label {
	font-family: 'FreightDisp Pro', serif;
	font-size: 20px;
}
.form-component .checkbox:before {
	display: none;
}
@media only screen and (max-width: 767px) {
	.form-component .checkbox label {
		font-size: 16px;
	}
}

@media only screen and (min-width: 768px) {
	.header-items #menu ul {
		pointer-events: none;
	}
	header.is-active .header-items #menu ul {
		pointer-events: auto;
	}
}

@media only screen and (max-width: 991px) {
	.column-splitter .rich-text {
		padding: 0 50px;
	}
	.sustain-commit .component-content > .row > .story-card-component {
		padding-bottom: 50px;
	}
	.image-accordion .field-title {
		font-size: 54px;
	}
	.image-accordion .content-wrapper {
		padding-top: 100px;
	}
}
@media only screen and (max-width: 767px) {
	.column-splitter .rich-text {
		padding: 0 17px;
	}
	.sustain-commit .component-content > .row > .story-card-component {
		padding-bottom: 30px;
	}
	.image-accordion .description-wrapper {
		margin-top: 50px;
	}
	.accordion-sub-item-counter:not(:empty) {
		font-size: 16px;
	}
	.accordion-sub-item {
		font-size: 16px;
	}
}

/*---------- Microsite ---------------*/
.slider-without-image > .component-content {
	padding-left: 80px;
	padding-right: 80px;
}
.slider-without-image .full-carousel-wrapper {
	padding-left: 80px;
	padding-right: 80px;
}
.slider-without-image .full-carousel-wrapper .flickity-button {
	opacity: 1;
	pointer-events: auto;
	position: absolute;
}
.slider-without-image .full-carousel-wrapper .template-1 .image-wrapper {
	position: relative;
}
.slider-without-image .full-carousel-wrapper .flickity-button path {
	fill: #000;
}
.slider-without-image
	.full-carousel-wrapper
	.flickity-prev-next-button.previous {
	left: -80px;
}
.slider-without-image .full-carousel-wrapper .flickity-prev-next-button.next {
	right: -80px;
	transform: translateY(-50%) rotate(180deg);
}
.carousel .field-heading {
	padding-top: 20px;
	font-size: 12px;
	color: #535353;
	font-family: 'interstateregular';
	opacity: 1 !important;
}
.slider-without-image .slider-counter {
	display: none;
}
.slider-without-image .full-carousel-wrapper .template-1 .component-content {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.slider-without-image .full-carousel-wrapper .template-1 .image-wrapper,
.slider-without-image
	.full-carousel-wrapper#single-template
	.carousel-cell
	.component-content,
.slider-without-image
	.full-carousel-wrapper#single-template
	.carousel-cell
	.field-image
	img {
	height: auto;
	min-height: inherit;
}

.full-carousel-slider.hide-button .flickity-button {
	display: none;
}

/*------------- MOdify css for carosuel -----*/
.slider-without-image {
	padding-bottom: 200px;
}
.slider-without-image .full-carousel-wrapper {
	height: 650px;
}
.slider-without-image .full-carousel-wrapper .flickity-viewport {
	height: 650px !important;
	overflow: hidden;
	position: relative;
}
.slider-without-image .full-carousel-wrapper .component-content {
	display: flex;
	align-items: center;
	height: 100%;
}
.slider-without-image .full-carousel-wrapper .carousel-cell {
	top: 50%;
	transform: translateY(-50%);
}
.slider-without-image
	.full-carousel-wrapper#single-template
	.carousel-cell
	.autoHeight
	img {
	height: 610px !important;
	object-fit: cover;
}
.slider-without-image .full-carousel-wrapper .flickity-enabled {
	position: static;
}
.slider-without-image
	.full-carousel-wrapper
	.flickity-prev-next-button.previous {
	left: 0px;
}
.slider-without-image .full-carousel-wrapper .flickity-prev-next-button.next {
	right: 0px;
}
.slider-without-image .full-carousel-wrapper .template-1 .component-content {
	padding-top: 0;
	padding-bottom: 0;
}

/*------------- MOdify css for carosuel End -----*/

@media only screen and (max-width: 1200px) {
	.slider-without-image > .component-content {
		padding-left: 40px;
		padding-right: 40px;
	}
	.slider-without-image .full-carousel-wrapper .template-1 .image-wrapper,
	.slider-without-image
		.full-carousel-wrapper#single-template
		.carousel-cell
		.component-content,
	.slider-without-image
		.full-carousel-wrapper#single-template
		.carousel-cell
		.field-image
		img {
		height: auto;
		min-height: inherit;
	}
	.slider-without-image .full-carousel-wrapper {
		padding-left: 50px;
		padding-right: 50px;
	}
	.slider-without-image
		.full-carousel-wrapper
		.flickity-prev-next-button.previous {
		left: -50px;
	}
	.slider-without-image .full-carousel-wrapper .flickity-prev-next-button.next {
		right: -50px;
	}

	/*------------- MOdify css for carosuel -----*/
	.slider-without-image
		.full-carousel-wrapper
		.flickity-prev-next-button.previous {
		left: 0px;
	}
	.slider-without-image .full-carousel-wrapper .flickity-prev-next-button.next {
		right: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.slider-without-image > .component-content {
		padding-left: 0px;
		padding-right: 0px;
	}
	.slider-without-image .full-carousel-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	.slider-without-image .full-carousel-wrapper .template-1 .component-content {
		padding: 35px 0;
	}
	.slider-without-image .full-carousel-wrapper .flickity-button {
		display: block;
	}
	.slider-without-image .full-carousel-wrapper .hide-button .flickity-button {
		display: none;
	}
	.slider-without-image .full-carousel-wrapper .flickity-prev-next-button {
		width: 30px;
		height: 30px;
	}
	.slider-without-image
		.full-carousel-wrapper
		.flickity-prev-next-button.previous {
		left: 10px;
		top: auto;
		bottom: 15px;
	}
	.slider-without-image .full-carousel-wrapper .flickity-prev-next-button.next {
		right: 10px;
		top: auto;
		bottom: 15px;
	}
	.carousel .field-heading {
		text-align: center;
		padding: 25px 35px 0;
	}

	/*------------- MOdify css for carosuel -----*/
	.slider-without-image .full-carousel-wrapper {
		height: 400px;
		margin-top: 0;
	}
	.slider-without-image .full-carousel-wrapper .flickity-viewport {
		height: 400px !important;
	}
	.slider-without-image
		.full-carousel-wrapper#single-template
		.carousel-cell
		.autoHeight
		img {
		height: 330px !important;
		object-fit: cover;
	}
	.slider-without-image .full-carousel-wrapper .template-1 .component-content {
		padding-top: 0;
		padding-bottom: 0;
	}
	.slider-without-image .full-carousel-wrapper .template-1 .image-wrapper {
		position: static;
	}
	.slider-without-image .full-carousel-wrapper .carousel-cell {
		height: 100%;
		top: auto;
		transform: translateY(0);
		display: flex;
		align-items: center;
	}
	.slider-without-image .full-carousel-wrapper .flickity-prev-next-button.next {
		bottom: -20px;
	}
	.slider-without-image
		.full-carousel-wrapper
		.flickity-prev-next-button.previous {
		bottom: -20px;
	}
	.slider-without-image .carousel .field-heading {
		position: absolute;
		width: 100%;
		bottom: 0;
		background: #fff;
	}
	.slider-without-image {
		padding-bottom: 150px;
	}
}

@media only screen and (max-width: 480px) {
	.slider-without-image
		.full-carousel-wrapper#single-template
		.carousel-cell
		.autoHeight
		img {
		height: 320px !important;
		object-fit: cover;
	}
}

/*--------- Horizontal Slider --------*/
.horizontal-carousel-no-float-text {
	padding-bottom: 200px;
	padding-right: 0;
	padding-left: 0;
}

.horizontal-carousel-no-float-text .horizontal-carousel {
	padding-bottom: 50px;
}

.horizontal-carousel-no-float-text .carousel-cell .image-wrapper {
	position: relative;
	height: auto;
}
.horizontal-carousel-no-float-text .carousel-cell .image-wrapper img {
	height: 450px;
	width: auto;
}
.horizontal-carousel-no-float-text .carousel-cell:after {
	display: none;
}
.horizontal-carousel-no-float-text .carousel-cell {
	height: auto;
	min-width: 150px;
	max-width: 100%;
	padding: 0 25px;
	width: auto;
}
.horizontal-carousel-no-float-text .carousel-cell:first-child {
	padding-left: 80px;
}

.horizontal-carousel-no-float-text .flickity-prev-next-button path {
	fill: #000;
}
.horizontal-carousel-no-float-text .flickity-button {
	opacity: 1;
}
.horizontal-carousel-no-float-text .flickity-prev-next-button {
	position: absolute;
	top: auto;
	bottom: -60px;
	left: auto;
	right: 80px;
	transform: translate(0);
}
.horizontal-carousel-no-float-text .flickity-prev-next-button.previous {
	right: 145px;
}
body:not(.edit-mode) .horizontal-carousel-no-float-text .carousel-cell:hover {
	transform: scale(1);
}

.horizontal-carousel-no-float-text .carousel-content {
	padding-right: 150px;
}
.carousel-content {
	padding-left: 80px;
	padding-right: 80px;
	position: relative;
}
.carousel-content .field-title {
	font-size: 52px;
	font-family: 'FreightDispBold';
	color: #000;
}
.carousel-content .field-description {
	font-size: 18px;
	font-family: 'InterstateLightRegular';
	max-width: 500px;
}
.slider-btn-group {
	position: absolute;
}
.slider-btn-group span {
	display: inline-block;
	width: 27px;
	height: 27px;
	cursor: pointer;
}
.slider-btn-group .previous {
	transform: rotate(180deg);
	position: relative;
	top: 1px;
}
.carousel-content .slider-btn-group {
	top: 25px;
	right: 80px;
}
.carousel-content .slider-btn-group .previous {
	margin-right: 40px;
}

@media only screen and (max-width: 1200px) {
	.horizontal-carousel-no-float-text .carousel-cell:first-child {
		padding-left: 50px;
	}
	.carousel-content {
		padding-left: 50px;
		padding-right: 50px;
	}

	.horizontal-carousel-no-float-text .flickity-prev-next-button {
		right: 50px;
		transform: translate(0);
	}
	.flickity-prev-next-button.previous {
		right: 115px;
	}
	.carousel-content .slider-btn-group {
		right: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.horizontal-carousel-no-float-text .carousel-cell:first-child {
		padding-left: 0px;
	}
	.carousel-content {
		padding-left: 50px;
		padding-right: 50px;
	}
	.horizontal-carousel-no-float-text .carousel-cell {
		/*padding: 0;*/
		/*width: 100% !important;
    max-width: 100% !important;*/
		overflow: hidden;
	}

	.horizontal-carousel-no-float-text .flickity-prev-next-button {
		right: 10px;
		transform: translate(0);
		bottom: 45px;
		width: 30px;
		height: 30px;
	}
	.flickity-prev-next-button.previous {
		right: auto;
		left: 10px;
	}
	.carousel-content .field-title {
		font-size: 36px;
		line-height: 1.25;
	}
	.horizontal-carousel-no-float-text .carousel-content {
		padding-right: 35px;
		padding-left: 35px;
	}
	.carousel-content .field-description {
		font-size: 16px;
	}
	.horizontal-carousel-no-float-text {
		padding-bottom: 150px;
	}
	.horizontal-carousel-no-float-text .carousel-cell .image-wrapper img {
		width: auto;
		height: 260px;
	}

	.slider-btn-group {
		padding: 0 15px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.slider-btn-group span {
		width: 18px;
		height: 18px;
	}

	.carousel-content .slider-btn-group {
		top: -68px;
		right: 0;
	}
}

/*----------- Slider with GIF Image -----------*/
.insights-component {
	padding: 0 0 200px 0;
}
.insights-component > .component-content {
	padding-left: 80px;
	padding-right: 80px;
}

.full-carousel-wrapper .insights-slider .carousel-cell .component-content {
	min-height: initial;
	align-items: flex-start;
}
.full-carousel-wrapper .insights-slider .carousel-cell .field-image img {
	height: auto;
}
.insights-component .full-carousel-wrapper .slider-counter {
	display: none;
}
.insights-slider .carousel-cell .component-content > div {
	width: 50%;
}
.insights-slider .carousel-cell .content {
	padding-right: 12%;
	padding-bottom: 80px;
}
.insights-slider .carousel-cell h3 {
	font-size: 36px;
	line-height: 1.28;
	font-family: 'FreightDispBold';
	color: #000;
	margin-bottom: 20px;
}
.insights-slider .carousel-cell h6 {
	font-size: 18px;
	line-height: 1.16;
	font-family: 'Interstate';
	font-weight: 700;
	color: #e1251b;
	position: relative;
	padding-top: 20px;
	margin-bottom: 70px;
}
.insights-slider .carousel-cell h6:before {
	position: absolute;
	content: '';
	background: #e1251b;
	height: 4px;
	width: 60px;
	top: 0;
	left: 0;
}
.insights-slider .field-description {
	letter-spacing: 0.18px;
	line-height: 1.16;
	margin-bottom: 30px;
	opacity: 1 !important;
	transform: none !important;
	font-size: 18px;
}
.insights-slider .field-image {
	position: relative;
}
.insights-slider .field-image img {
	transition: 0.5s ease-in-out;
}
.insights-slider .field-image .nohover {
	opacity: 1;
}
.insights-slider .field-image .onhover {
	position: absolute;
	opacity: 0;
	top: 1px;
}
.insights-slider:hover .carousel-cell .field-image .onhover {
	opacity: 1;
	width: 100%;
}
.insights-slider:hover .carousel-cell .field-image .nohover {
	opacity: 0;
}
.insights-slider .carousel-cell .field-link,
.field-presslink {
	color: #e1251b;
	display: inline-block;
	font-size: 18px;
	text-decoration: underline;
	font-family: 'interstateregular';
}
.full-carousel-wrapper .insights-slider .flickity-button {
	opacity: 1;
	pointer-events: auto;
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.full-carousel-wrapper .insights-slider .flickity-button.next {
	left: 60px;
	-webkit-transform: translateY(0) rotate(180deg);
	transform: translateY(0) rotate(180deg);
}

.insights-component .slider-btn-group {
	bottom: 3px;
}
.insights-component .slider-btn-group .previous {
	margin-right: 27px;
	top: 0;
}

@media only screen and (max-width: 1200px) {
	.insights-component > .component-content {
		padding-left: 50px;
		padding-right: 50px;
	}
	.insights-slider .carousel-cell .content {
		padding-right: 6%;
	}
}

@media only screen and (max-width: 767px) {
	.insights-component {
		padding: 0 0 100px 0;
	}
	.insights-component .full-carousel-wrapper {
		margin-top: 0;
	}
	.insights-component > .component-content {
		padding-left: 35px;
		padding-right: 35px;
	}
	.full-carousel-wrapper .insights-slider .field-description {
		font-size: 16px;
		margin-bottom: 25px;
	}
	.insights-slider .carousel-cell .component-content > div {
		width: 100%;
	}
	.insights-slider .carousel-cell h6 {
		font-size: 16px;
		margin-bottom: 40px;
	}
	.insights-slider .carousel-cell .content {
		padding-right: 0;
	}
	.insights-slider .carousel-cell .field-link,
	.field-description,
	.field-presslink {
		font-size: 16px;
	}
	.insights-slider .carousel-cell .content {
		padding-bottom: 60px;
	}
	.insights-slider {
		padding-bottom: 60px;
	}
	.insights-slider .carousel-cell h3 {
		font-size: 32px;
	}
	.full-carousel-wrapper .insights-slider .flickity-button {
		display: block;
	}
	.full-carousel-wrapper .insights-slider .flickity-button.next {
		left: auto;
		right: 0;
	}
	.insights-component .slider-btn-group {
		padding: 0;
		bottom: 10px;
	}
	.insights-component .slider-btn-group span {
		width: 27px;
		height: 27px;
	}
}

/*--------- Insight Heading with Boreder and Without Border --------*/

.insight-heading {
	padding: 0 0 80px 0;
}

.insight-heading .component-content {
	padding-left: 80px;
	padding-right: 80px;
}

.insight-heading .component-content > .row {
	align-items: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 30px 0;
}

.insight-heading.no-border .component-content > .row {
	border: 0;
	padding: 0;
	align-items: flex-start;
}

.insight-heading .field-title {
	font-size: 52px;
	line-height: 1.3;
	font-family: 'FreightDispBold';
	color: #000;
	padding-right: 10px;
}

.insight-heading.no-border .component-content > .row > div:last-child {
	padding-left: 110px;
}

@media only screen and (max-width: 1200px) {
	.insight-heading .component-content {
		padding-left: 50px;
		padding-right: 50px;
	}
	.insight-heading.no-border .component-content > .row > div:last-child {
		padding-left: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.insight-heading {
		padding: 0 0 40px 0;
	}
	.insight-heading.no-border {
		padding: 0 0 70px 0;
	}
	.insight-heading .component-content {
		padding-left: 35px;
		padding-right: 35px;
	}

	.insight-heading .field-title {
		font-size: 36px;
		padding-right: 0;
		margin-bottom: 15px;
	}

	.insights-slider .carousel-cell .field-link,
	.field-description,
	.field-presslink {
		font-size: 16px;
	}
	.insight-heading.no-border .component-content > .row > div:last-child {
		padding-left: 0px;
	}
}

/*--------- Link List with image and without image --------*/
.news-card {
	padding-bottom: 150px;
}
.news-card .field-title {
	font-size: 52px;
	line-height: 1.15;
	font-family: 'FreightDispBold';
	color: #000;
	padding-right: 10px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.news-card .field-description {
	margin-bottom: 20px;
}
.news-card .page-list .items .field-newsdate,
.news-card-with-image .page-list .items .field-publishername {
	font-size: 16px;
	color: #e1251b;
}

.news-card .page-list .items .field-publishername {
	font-size: 16px;
}

.news-card .page-list .field-newsheadline a:hover {
	color: #e1251b;
}

.news-card .press-card-list .button-wrapper a {
	font-size: 16px;
	font-family: 'InterstateLightRegular';
	min-width: 184px;
	text-align: center;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 8px;
}

.field-description {
	font-size: 18px;
}

.news-card .page-list .items .item {
	padding-top: 30px;
}

.news-card-with-image .page-list .items .item {
	display: flex;
	padding: 30px 0;
	flex-wrap: wrap;
}
.news-card .page-list .items .field-newsheadline {
	margin-top: 10px;
	margin-bottom: 30px;
}
.news-card-with-image .page-list .items .field-newsheadline {
	margin-top: 5px;
	margin-bottom: 10px;
}
.news-card-with-image .item .field-newsimage {
	width: 100px;
}
.news-card-with-image .item .field-newsimage img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
.news-card-with-image .item .content {
	width: calc(100% - 150px);
	padding-left: 20px;
}

.news-card .row > div:first-child {
	padding-right: 120px;
}

.news-card-with-image .field-newsdescription {
	font-size: 16px;
	font-family: 'InterstateLightRegular';
}

@media only screen and (max-width: 1200px) {
	.news-card-with-image .item .field-newsimage {
		width: 120px;
	}

	.news-card-with-image .item .content {
		width: calc(100% - 120px);
	}
	.news-card .row > div:first-child {
		padding-right: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.news-card {
		padding-bottom: 70px;
	}
	.news-card .field-title {
		font-size: 36px;
		padding-right: 0px;
		margin-bottom: 10px;
	}
	.news-card .page-list .items .field-newsheadline {
		font-size: 32px;
	}

	.field-description {
		font-size: 16px;
	}
	.news-card-with-image .item .field-newsimage {
		width: 100%;
		margin-bottom: 40px;
	}

	.news-card-with-image .item .content {
		width: calc(100%);
		padding-left: 0;
	}
	.news-card .row > div:first-child {
		padding-right: 0;
	}
	.news-card .page-list .items {
		margin-top: 70px;
	}

	.news-card .press-card-list .button-wrapper {
		margin-top: 50px;
	}
	.news-card .press-card-list .button-wrapper a {
		width: 100%;
	}
	.news-card-with-image .page-list .items .field-publishername {
		font-size: 14px;
	}
}

/*--------- Hero Slider --------*/
.micro-full-carousel-wrapper {
	padding-bottom: 80px;
}
.micro-full-carousel-wrapper .slider-counter {
	display: none;
}
.micro-full-carousel-wrapper > .component-content {
	position: relative;
}
.micro-full-carousel-wrapper .carousel-cell .component-content {
	height: calc(100vh - 70px);
}
.micro-full-carousel-wrapper .carousel-cell .field-image img {
	height: calc(100vh - 70px);
}

.micro-full-carousel-wrapper .template-1 .image-wrapper {
	height: calc(100vh - 70px);
	width: 100%;
}
.micro-full-carousel-wrapper .field-title {
	font-size: 72px;
	color: #fff;
	line-height: 1.11;
	font-family: 'FreightDispBold';
	position: absolute !important;
	transform: translateY(0) !important;
	opacity: 1 !important;
	bottom: 95px;
	margin: 0;
	padding-left: 80px;
	width: 100%;
	max-width: 725px;
	z-index: 1;
}

.micro-full-carousel-wrapper .template-1 .component-content {
	align-items: flex-end;
	padding-bottom: 30px;
	position: relative;
}

.micro-full-carousel-wrapper .template-1 .component-content:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	opacity: 0.7;
	background: linear-gradient(180deg, #00000000 0%, #000 100%);
	left: 0;
	bottom: 0;
	z-index: 1;
}

.micro-full-carousel-wrapper .carousel .field-heading {
	color: #fff;
	padding-top: 0;
}

.micro-full-carousel-wrapper .flickity-button-icon {
	fill: #fff;
}
.micro-full-carousel-wrapper .flickity-button {
	position: absolute;
	opacity: 1;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.micro-full-carousel-wrapper .flickity-viewport {
	box-shadow: inset 10px 10px rgba(0, 0, 0, 0.7);
}

/*.micro-full-carousel-wrapper .flickity-viewport:after{
  position: absolute;
  content: '';
  top:0;
  left: 0;
  background: linear-gradient(180deg, #000000 0%, #000000 100%);
  height: 100%;
  width: 100%;
  opacity: 0.7;
  pointer-events: none;
}*/

@media only screen and (min-width: 1200px) {
	.micro-full-carousel-wrapper .carousel-cell .component-content {
		height: calc(100vh - 70px);
		min-height: 768px;
	}

	.micro-full-carousel-wrapper .carousel-cell .field-image img {
		height: calc(100vh - 70px);
		min-height: 768px;
	}

	.micro-full-carousel-wrapper .template-1 .image-wrapper {
		height: calc(100vh - 70px);
		min-height: 768px;
	}
}
@media only screen and (max-width: 1023px) {
	.micro-full-carousel-wrapper .field-title {
		padding-left: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.micro-full-carousel-wrapper {
		padding-bottom: 40px;
		margin-top: 0;
	}
	.micro-full-carousel-wrapper .template-1 .field-image img {
		object-position: unset;
	}
	.micro-full-carousel-wrapper .field-title {
		font-size: 52px;
	}
	.micro-full-carousel-wrapper .field-description {
		text-align: center;
		padding: 25px 35px 0;
	}
	.micro-full-carousel-wrapper .flickity-button {
		display: block;
		transform: translateY(0);
	}
	.micro-full-carousel-wrapper .flickity-prev-next-button.previous {
		left: 10px;
		top: auto;
		bottom: 10px;
	}
	.micro-full-carousel-wrapper .flickity-prev-next-button.next {
		right: 10px;
		top: auto;
		bottom: 10px;
	}
	.micro-full-carousel-wrapper .field-title {
		padding-left: 35px;
	}
	.micro-full-carousel-wrapper .template-1 .component-content {
		padding-bottom: 25px;
	}
	.micro-full-carousel-wrapper .carousel-cell .component-content {
		min-height: calc(100vh - 50px);
	}

	.micro-full-carousel-wrapper .carousel-cell .field-image img {
		height: calc(100vh - 50px);
	}

	.micro-full-carousel-wrapper .template-1 .image-wrapper {
		height: calc(100vh - 50px);
	}
}

/*--------- Story Card  --------*/
.micro-story-card-component {
	padding-bottom: 200px;
	padding-left: 0;
	padding-right: 0;
}
.micro-story-card-component .row {
	align-items: center;
}

.micro-story-card-component .field-cardtitle {
	font-size: 52px;
	line-height: 1.15;
	font-family: 'FreightDispBold';
	color: #000;
	padding-right: 10px;
	margin-bottom: 20px;
}

.micro-story-card-component .field-targeturl a {
	color: #e1251b;
	display: inline-block;
	font-size: 18px;
	text-decoration: underline;
	font-family: 'interstateregular';
}
.micro-story-card-component .field-carddescription {
	font-family: 'InterstateLightRegular';
}

.micro-story-card-component.story-left
	> .component-content
	> .row
	> div:last-child {
	padding-left: 110px !important;
}
.micro-story-card-component.story-right
	> .component-content
	> .row
	> div:last-child {
	padding-right: 110px !important;
}

@media only screen and (max-width: 1200px) {
	.micro-story-card-component.story-left
		> .component-content
		> .row
		> div:last-child {
		padding-left: 50px !important;
	}
	.micro-story-card-component.story-right
		> .component-content
		> .row
		> div:last-child {
		padding-right: 50px !important;
	}
}

@media only screen and (max-width: 767px) {
	.micro-story-card-component {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 150px;
	}
	.micro-story-card-component > .component-content > .row > div:last-child {
		padding-top: 80px;
		padding-bottom: 0;
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	.micro-story-card-component.story-right
		> .component-content
		> .row
		> div:last-child {
		padding-right: 35px !important;
	}
	.micro-story-card-component.story-left
		> .component-content
		> .row
		> div:last-child {
		padding-right: 35px !important;
	}
	.micro-story-card-component .field-cardtitle {
		font-size: 36px;
		margin-bottom: 15px;
	}
	.micro-story-card-component .field-carddescription,
	.micro-story-card-component .field-targeturl a {
		font-size: 16px;
		line-height: 1.28;
	}
	.micro-story-card-component .field-targeturl {
		margin-top: 25px;
	}
}

/*------------  Microsite Header ------------*/
.microsite-main-header {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}
#wrapper .microsite-main-header.is-scrolled {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
}

header.header-hide {
	transform: translateY(-110%);
	transition: 0.3s;
}

#wrapper header {
	transition: 0.3s all;
}

#wrapper header .micro-header .link-list ul {
	padding-right: 70px;
	justify-content: flex-end;
}
#wrapper header .micro-header {
	top: 0;
}

.micro-header .link-list > .component-content li:last-child {
	padding-right: 0;
}
.micro-header .link-list > .component-content li a {
	font-size: 16px;
	color: #000;
}
.micro-header .link-list > .component-content li a:hover {
	text-shadow: 0 0 0 #000, 0 0 0 #000, 0 0 0 #000, 0 0 0 #000;
}
.micro-header .link-list > .component-content li .white-btn {
	padding: 7px 32px 7px;
}
.micro-header .link-list > .component-content li .white-btn:hover {
	border-bottom: 1px solid #e1251b;
}
.micro-header .link-list > .component-content li .white-btn:hover:after {
	display: none;
}
.micro-header #burger-menu {
	display: none;
}

#wrapper header.show-mobile-menu #burger-menu .bar:first-child {
	transform: translateY(0) translateX(-4px) rotate(-45deg);
}
#wrapper header.show-mobile-menu #burger-menu .bar:nth-child(2) {
	transform: translateX(-10px);
	opacity: 0;
}
#wrapper header.show-mobile-menu #burger-menu .bar:last-child {
	transform: translateY(0) translateX(-4px) rotate(45deg);
}
#wrapper header .micro-header footer {
	display: none;
}

#wrapper header .micro-header .header-logo-wrapper a {
	width: auto;
	padding-left: 15px;
	display: flex;
	align-items: center;
}

#wrapper header .micro-header .header-logo-wrapper a img {
	max-height: 80px;
	height: auto;
	width: auto;
}

@media only screen and (min-width: 768px) {
	.micro-header .link-list > .component-content li {
		padding-right: 20px;
		margin-right: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.micro-header .link-list > .component-content li {
		padding-right: 16px;
		margin-right: 0;
	}
}

@media only screen and (min-width: 1280px) {
	#wrapper header .micro-header .header-nav > .component-content {
		padding-left: 0px;
	}
	.micro-header .link-list > .component-content li {
		padding-right: 60px;
	}
}

@media only screen and (max-width: 1200px) {
	#wrapper header .micro-header .link-list ul {
		padding-right: 40px;
	}
}

@media only screen and (max-width: 767px) {
	#wrapper .microsite-main-header {
		overflow: unset;
	}
	#wrapper header .micro-header .header-logo-wrapper a img {
		max-height: 57px;
	}

	#wrapper header .micro-header .link-list ul {
		padding-right: 0;
		display: block;
	}
	#wrapper header .micro-header .header-logo-wrapper a {
		height: 57px;
	}
	.micro-header #burger-menu {
		display: block;
		margin-right: 35px;
	}
	.micro-header .header-nav .link-list {
		display: none;
		position: fixed;
		left: 0;
		background: #fff;
		top: 57px;
		width: 100%;
		height: calc(100vh - 57px);
	}
	.micro-header .header-nav .link-list > .component-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		padding-bottom: 10px;
		overflow-y: auto;
	}
	@supports (-webkit-touch-callout: none) {
		.micro-header .header-nav .link-list > .component-content {
			padding-bottom: 45px;
		}
	}
	#wrapper header.show-mobile-menu .micro-header .header-nav .link-list {
		display: block;
	}
	.micro-header .link-list ul {
		padding-right: 0;
		padding-top: 60px;
	}
	.micro-header .link-list ul li {
		width: 100%;
		padding: 0 35px;
		border-top: 1px solid #000;
	}
	.micro-header .link-list > .component-content li:last-child {
		padding-right: 35px;
	}
	.micro-header .link-list ul li:last-child {
		/* border-top: 0; */
	}
	.micro-header .link-list ul li a:not(.button) {
		font-size: 36px;
		display: block;
		padding: 0;
		transition: 0.3s all ease;
		padding: 15px 0;
	}
	.micro-header .link-list ul li a:hover:after {
		display: none;
	}
	.micro-header .link-list > .component-content li .white-btn {
		margin-top: 60px;
		padding: 7px 14px;
	}
	body.overflow-hide {
		overflow: hidden;
	}
	#wrapper header .micro-header footer {
		display: block;
		margin-top: 100px;
	}

	#wrapper header .micro-header .header-footer {
		display: block;
	}
	#wrapper header .micro-header .header-nav .header-footer .link-list {
		display: block;
		position: relative;
		top: auto;
		width: 100%;
		height: auto;
		overflow-y: auto;
		padding-bottom: 0;
	}
	.micro-header .header-nav .header-footer .link-list > .component-content {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		height: auto;
		padding-bottom: 0;
	}
	#wrapper header .micro-header .header-nav .header-footer .link-list ul {
		width: 100%;
		padding-right: 0;
		padding-top: 15px;
		justify-content: space-between;
		display: flex;
	}
	#wrapper header .micro-header .header-nav .header-footer .link-list ul li {
		width: auto;
		padding: 0 22px 0 0;
		border-top: 0;
	}
	#wrapper
		header
		.micro-header
		.header-nav
		.header-footer
		.link-list
		ul
		li:last-child {
		padding-right: 0;
	}
	#wrapper header .micro-header .header-nav .header-footer .link-list ul li a {
		font-size: 10px;
		display: inline-block;
		padding: 0;
		color: #e1251b;
		transition: 0.3s all ease;
	}
	#wrapper
		header
		.micro-header
		.header-nav
		.header-footer
		.link-list
		ul
		li
		a:hover {
		color: #e1251b;
	}
	#wrapper header .micro-header footer .header-footer {
		padding-left: 17px;
		padding-right: 17px;
	}
}
.white-btn {
	background: #fff;
	color: #e1251b !important;
	border: 1px solid #e1251b;
	font-size: 14px;
	cursor: pointer;
	padding: 7px 20px 9px;
	display: inline-block;
	text-align: center;
	transition: 0.3s all ease;
}

.white-btn:hover {
	background: #e1251b;
	color: #fff !important;
}

.red-btn a {
	background: #e1251b;
	color: #fff !important;
	font-size: 16px;
	border: 1px solid #e1251b;
	padding: 6px 15px 8px;
	min-width: 184px;
	text-align: center;
	display: inline-block;
	transition: 0.3s all ease;
}
.red-btn a:hover {
	background: #fff;
	color: #e1251b !important;
}

@media only screen and (max-width: 767px) {
	.red-btn,
	.red-btn a {
		width: 100%;
	}
}

/*------------  Microsite Footer ------------*/
footer .header-footer {
	padding: 0 80px !important;
}
footer .header-footer > .component-content {
	border-top: 1px solid #000;
	padding: 30px 0;
}
footer .link-list > .component-content li {
	padding-right: 10px;
}
footer .link-list > .component-content li:last-child {
	padding-right: 0;
}
footer .link-list > .component-content li a {
	font-size: 14px;
}
footer .header-footer .link-list:not(.social-link) ul {
	padding-left: 0;
}

@media only screen and (max-width: 1200px) {
	footer .header-footer {
		padding: 0 50px !important;
	}
}

@media only screen and (max-width: 991px) {
	footer .header-footer > .component-content {
		border-top: 0;
	}
	footer .header-footer .social-link ul {
		justify-content: space-between;
	}
	footer .header-footer .link-list:not(.social-link) ul {
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #000;
	}
	footer .header-footer .link-list > .component-content li {
		padding-right: 5px;
	}
}

@media only screen and (max-width: 767px) {
	footer .header-footer {
		padding: 0 25px !important;
	}
	footer .header-footer .link-list:not(.social-link) ul {
		/* justify-content: flex-start;*/
	}
	footer .header-footer .link-list > .component-content li {
		padding-right: 22px;
	}
	footer .link-list > .component-content li a {
		font-size: 10px;
		font-family: 'InterstateLight' !important;
	}
}

@media only screen and (max-width: 380px) {
	footer .header-footer .link-list > .component-content li {
		padding-right: 15px;
	}
	#wrapper header .micro-header .header-nav .header-footer .link-list ul li {
		padding-right: 15px;
	}
}

/*------------- Featured Component ---------*/
.micro-links-with-bg-component {
	padding: 0;
}
.micro-links-with-bg-component .grade-list-item {
	padding-bottom: 0px;
	position: relative;
}

.micro-links-with-bg-component .grade-list-item:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(90deg, #000000 0%, #00000000 100%);
	opacity: 0.7;
}

.micro-links-with-bg-component > .component-content {
	padding: 0 !important;
	padding-bottom: 200px !important;
}
.micro-links-with-bg-component .grade-list-item .right-side {
	position: absolute;
	padding-left: 80px;
	max-width: calc(41.666667%);
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 1;
}

.micro-links-with-bg-component .left-side {
	height: 100vh;
}

.micro-links-with-bg-component .field-image {
	width: 100%;
	height: 100%;
}
.micro-links-with-bg-component .grade-list-item {
	position: relative;
}
.micro-links-with-bg-component .field-image img {
	position: relative;
}
.micro-links-with-bg-component .field-grade {
	color: #fff;
	padding-top: 0;
	margin-bottom: 20px;
	font-size: 52px;
	line-height: 1.28;
	font-family: 'FreightDispBold';
}
.micro-links-with-bg-component .field-description {
	color: #fff;
}
.micro-links-with-bg-component .big-links {
	margin-top: 90px;
	border-top: 1px solid #fff;
}
.micro-links-with-bg-component .big-link {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 20px 0;
}
.micro-links-with-bg-component .big-link:before {
	background-color: #fff;
}
.micro-links-with-bg-component .big-link:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	display: block;
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/arrow-link.svg)
		no-repeat center center/contain;
	opacity: 0;
	transition: 0.3s all ease;
	pointer-events: none;
}
.micro-links-with-bg-component .big-link:hover:after {
	opacity: 1;
}
.micro-links-with-bg-component .big-link:hover {
	color: #e1251b;
}

@media only screen and (min-width: 1200px) {
	.micro-links-with-bg-component .field-image {
		min-height: 768px;
	}
}

@media only screen and (max-width: 1200px) {
	.micro-links-with-bg-component .grade-list-item .right-side {
		padding-left: 50px;
	}
}
@media only screen and (max-width: 991px) {
	.micro-links-with-bg-component .grade-list-item .right-side {
		max-width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.micro-links-with-bg-component .component-content {
		padding-bottom: 150px !important;
	}

	.micro-links-with-bg-component .grade-list-item .right-side {
		max-width: 100%;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 70px;
		padding-bottom: 70px;
		justify-content: space-between;
	}
	.micro-links-with-bg-component .field-grade:after {
		display: none;
	}
	.micro-links-with-bg-component .field-grade {
		padding: 0;
		border: 0;
		margin: 0 0 15px;
		font-size: 36px;
		line-height: 1.28;
	}
	.micro-links-with-bg-component .field-image {
		display: block;
	}
	.micro-links-with-bg-component .big-links {
		height: auto;
		margin: 0;
	}
	.micro-links-with-bg-component .big-link {
		padding-left: 0;
		padding-right: 0;
		font-size: 20px;
	}
	.micro-links-with-bg-component .big-links > li:first-child .big-link {
		border-top: 0;
	}
	.micro-links-with-bg-component .big-links > li:last-child .big-link {
		border-bottom: 1px solid #fff;
	}
}

/*----------- Form -------------*/

.form-component .red-btn {
	background: #e1251b;
	border: 1px solid #e1251b;
	font-size: 16px;
	min-width: 287px;
	width: auto;
	color: #fff !important;
}

.form-component .red-btn:hover {
	background: #fff !important;
	color: #e1251b !important;
}

.micro-form-component {
	padding-top: 0;
	padding-bottom: 70px;
}
.micro-form-component-image {
	padding-top: 130px;
	padding-bottom: 120px;
}
.micro-form-component .input-wrapper:before {
	display: none;
}
.micro-form-component .title-wrapper {
	padding-right: 10%;
}

.micro-form-component .title-wrapper .field-title {
	font-size: 52px;
	line-height: 1.28;
	font-family: 'FreightDispBold';
	color: #000;
	margin-bottom: 20px;
}
.micro-form-component .title-wrapper .field-title:after {
	display: none;
}
.micro-form-component .field-description {
	line-height: 1.18;
}

.micro-form-component-image .component-content {
	padding-right: 0;
}
.micro-form-component-image .image-field img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.micro-form-component-image .form-wrapper {
	padding-top: 85px;
	padding-left: 0;
}

.micro-form-component .form-wrapper p {
	font-size: 18px;
	line-height: 25px;
}

.micro-form-component
	input:not([type='checkbox']):not([type='radio']):not([type='submit']),
.micro-form-component select,
.micro-form-component textarea {
	font-size: 20px;
	line-height: 1.25;
	padding-right: 0;
}
.micro-form-component .form-wrapper .input-group > div:not(:last-child) {
	margin-bottom: 25px;
}
.micro-form-component .form-wrapper .input-group:not(:last-child) {
	margin-bottom: 80px;
}

.micro-form-component-image > .component-content .column-splitter {
	align-items: inherit;
}
.micro-form-component-image
	> .component-content
	.column-splitter
	> div:last-child
	.row {
	height: calc(100% - 80px);
}

@media only screen and (max-width: 991px) {
	.micro-form-component .title-wrapper {
		padding-right: 0px;
		margin-bottom: 80px;
	}
	.micro-form-component-image .title-wrapper {
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 50px;
		order: 2;
	}
	.micro-form-component-image > .component-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.form-component .red-btn {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.micro-form-component {
		padding-bottom: 20px;
		padding-top: 0;
	}
	.micro-form-component-image {
		padding-top: 50px;
		padding-bottom: 0px;
	}
	.micro-form-component .title-wrapper .field-title {
		font-size: 36px;
		margin-bottom: 15px;
	}
	.micro-form-component .field-description {
		font-size: 16px;
	}
	.micro-form-component > .component-content {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	.micro-form-component-image > .component-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.micro-form-component-image .title-wrapper {
		padding-left: 35px;
		padding-right: 35px;
		margin-top: 50px;
		order: 2;
	}
	.micro-form-component
		input:not([type='checkbox']):not([type='radio']):not([type='submit']),
	.micro-form-component select,
	.micro-form-component textarea {
		font-size: 16px;
	}
}

/*------------- Video ------------*/
.uf-gallery-video {
	padding: 0 0 200px;
}
.uf-gallery-video .component-content {
	padding-right: 80px;
	padding-left: 80px;
}
.uf-gallery-video .field-image {
	width: 100%;
	text-align: center;
	max-width: 84%;
	margin: 0 auto;
}
.uf-gallery-video .field-image img {
	width: 100%;
}

.uf-gallery-video .field-image a {
	display: block;
	display: flex;
	position: relative;
}

.uf-gallery-video .field-image span {
	display: inline-block;
	width: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.uf-gallery-video .video {
	width: 100%;
	text-align: center;
	max-width: 84%;
	margin: 0 auto;
}
.uf-gallery-video .mejs-overlay-button {
	z-index: 1;
}

.uf-gallery-video .mejs-overlay-play:before,
.uf-gallery-video .field-image a:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0, 0, 0, 0.5);
	transition: 0.3s ease-in-out;
}
.uf-gallery-video .mejs-overlay-play:hover:before,
.uf-gallery-video .field-image a:hover:before {
	opacity: 1;
}

.uf-gallery-video .mejs-overlay-button {
	background: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/play.svg')
		no-repeat;
	width: 70px;
	height: 84px;
	background-size: 100%;
}
.uf-gallery-video .mejs-overlay:hover > .mejs-overlay-button {
	background-position: 0 0;
}

.uf-gallery-video .video-init {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	/*  background: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/play.svg') no-repeat;
  background-position: center center;
  background-size: 84px 70px;*/
}
.uf-gallery-video .video-init span {
	display: inline-block;
	width: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.uf-gallery-video .video-init span img {
	width: 100%;
}

.uf-gallery-video .video-init:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0, 0, 0, 0.5);
	transition: 0.3s ease-in-out;
}

.uf-gallery-video .video-init:hover:before {
	opacity: 1;
}

@media only screen and (max-width: 1200px) {
	.uf-gallery-video .component-content {
		padding-right: 50px;
		padding-left: 50px;
	}
	.uf-gallery-video .field-image,
	.uf-gallery-video .video {
		max-width: 90%;
	}
}
@media only screen and (max-width: 767px) {
	.uf-gallery-video {
		padding-bottom: 150px;
	}
	.uf-gallery-video .component-content {
		padding-right: 0px;
		padding-left: 0px;
	}
	.uf-gallery-video .field-image span,
	.uf-gallery-video .video-init span {
		width: 41px;
	}
	.uf-gallery-video .field-image,
	.uf-gallery-video .video {
		max-width: 100%;
		padding: 0;
	}
	.uf-gallery-video .mejs-overlay .mejs-overlay-button {
		width: 41px;
		height: 50px;
	}
}

/*----------- Page Intro ----------*/
.micro-page-intro-component > .component-content {
	padding-bottom: 150px;
	padding-top: 70px;
}

.micro-page-intro-component .field-pageintrotext {
	font-family: 'FreightDispMedium';
	font-size: 36px;
	line-height: 1.28;
	color: #000;
	padding-right: 0;
}

.micro-page-intro-component .field-pageintrosubtitle {
	font-size: 36px;
	color: #e1251b;
	letter-spacing: 0;
}
.micro-page-intro-component .intro-links-wrapper {
	display: none;
}
@media only screen and (max-width: 767px) {
	.micro-page-intro-component > .component-content {
		padding-bottom: 100px;
		padding-top: 60px;
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	.micro-page-intro-component .field-pageintrotext {
		font-size: 24px;
		margin-bottom: 40px;
	}
	.micro-page-intro-component .field-pageintrosubtitle {
		font-size: 24px;
	}
	.micro-page-intro-component .field-pageintrosubtitle:before {
		width: 60px;
		margin-bottom: 20px;
	}
}

/*------------- Event ------------*/
.event-component {
	padding-bottom: 150px;
}
.event-component .row > div {
	display: flex;
	flex-wrap: wrap;
}
.event-component .event-image {
	position: relative;
	width: 69.5%;
	display: flex;
}
.event-component .event-image:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48%;
	background: linear-gradient(180deg, #00000000 0%, #000000 100%);
}
.event-component .event-image .field-image {
	width: 100%;
}
.event-component .event-image img {
	height: 100%;
	object-fit: cover;
	max-width: 100%;
	width: 100%;
}
.event-component .event-image .content {
	position: absolute;
	bottom: 0;
	padding-left: 80px;
	padding-right: 20px;
	padding-bottom: 70px;
	max-width: 690px;
	width: 100%;
	z-index: 1;
}
.event-component .field-title {
	font-size: 72px;
	line-height: 1.11;
	font-family: 'FreightDispBold';
	color: #fff;
	margin-bottom: 20px;
}
.event-component .event-image .field-description {
	color: #fff;
	font-family: 'InterstateLightRegular';
	margin-bottom: 30px;
}
.event-component .event-image .red-btn a:hover {
	background: transparent;
	color: #e1251b !important;
}

.event-component .event-list {
	width: 30.5%;
	padding-bottom: 30px;
}
.event-component h6 {
	font-family: 'FreightDispMediumItalic';
	font-size: 24px;
	line-height: 1.25;
	color: #000;
	padding: 20px 40px;
}
.event-component ul {
	padding: 0 17px;
	border-top: 1px solid #000;
}
.event-component ul li {
	padding: 30px 23px;
	border-bottom: 1px solid #bebebe;
	display: flex;
}

.event-component ul li .field-newsimage {
	width: 70px;
}
.event-component ul li .field-newsimage img {
	max-width: 100%;
	height: auto;
}
.event-component ul li .list-content {
	width: calc(100% - 70px);
	padding-left: 25px;
}

.event-component ul li .field-description {
	color: #000;
	font-family: 'FreightDispMedium';
	line-height: 1.28;
}
.event-component ul li a {
	display: inline-block;
	font-size: 14px;
	font-family: 'interstateregular';
	color: #e5241a;
	text-decoration: underline;
}

.event-component ul li a:hover {
	text-decoration: none;
}

@media only screen and (max-width: 1200px) {
	.event-component .event-image {
		width: 60%;
	}
	.event-component .event-list {
		width: 40%;
	}
	.event-component .event-image .content {
		padding-left: 50px;
		padding-bottom: 50px;
	}
	.event-component h6 {
		padding: 20px 28px;
	}
	.event-component ul li {
		padding: 25px 11px;
		border-bottom: 1px solid #bebebe;
		display: flex;
	}
}
@media only screen and (max-width: 767px) {
	.event-component {
		padding-bottom: 100px;
	}
	.event-component .event-image {
		width: 100%;
	}
	.event-component .event-image .field-image {
		height: calc(100vh - 70px);
	}
	.event-component .event-list {
		width: 100%;
	}
	.event-component .event-image .content {
		padding-left: 35px;
		padding-right: 35px;
	}
	.event-component .field-title {
		font-size: 36px;
		margin-bottom: 15px;
	}
	.event-component .event-image .field-description {
		font-family: 'InterstateLight';
		margin-bottom: 40px;
	}
	.event-component .event-image:after {
		height: 65%;
	}
	.event-component .event-image img {
		object-position: top right;
	}
	.event-component h6 {
		padding: 15px 28px;
	}
	.event-component ul {
		border-bottom: 1px solid #000;
	}
	.event-component ul li:last-child {
		border-bottom: 0;
	}
	.event-component ul li .field-description {
		font-size: 18px;
	}
}

/*------------ Horizontal Card -------------*/
.horizontal-card-wrapper {
	padding-bottom: 60px;
}
.horizontal-card-wrapper .horizontal-carousel .carousel-cell {
	width: 33.33%;
	transform: scaleX(1.02);
}

body:not(.edit-mode)
	.horizontal-card-wrapper
	.carousel-cell:hover
	.content-wrapper {
	transform: unset;
}

.horizontal-card-wrapper .carousel-cell .content-wrapper {
	max-width: 425px;
	width: 100%;
	padding: 40px;
}
.horizontal-card-wrapper .carousel-cell .field-title {
	font-size: 36px;
	line-height: 1.28;
	font-family: 'FreightDispBold';
	margin-bottom: 15px;
}
.horizontal-card-wrapper .carousel-cell .field-subtitle {
	font-size: 18px;
	font-family: 'InterstateLightRegular';
}
.horizontal-card-wrapper .carousel-cell .field-subtitle:before {
	width: 50px;
	margin-bottom: 28px;
}

@media only screen and (min-width: 768px) {
	.horizontal-card-wrapper .horizontal-carousel .carousel-cell {
		height: calc(83vh - 70px);
	}
	.horizontal-card-wrapper .carousel-cell .image-wrapper img {
		height: calc(83vh - 70px);
	}
}

@media only screen and (max-width: 1200px) {
	.horizontal-card-wrapper .horizontal-carousel .carousel-cell {
		width: 50%;
		transform: scaleX(1);
	}
}

@media only screen and (max-width: 767px) {
	.horizontal-card-wrapper {
		padding-bottom: 60px;
	}
	.horizontal-card-wrapper .horizontal-carousel .carousel-cell {
		width: 100%;
	}
	.horizontal-card-wrapper .carousel-cell .field-title {
		font-size: 32px;
	}
	.horizontal-card-wrapper .carousel-cell .content-wrapper {
		max-width: 100%;
		padding: 20px;
	}
	.horizontal-carousel .carousel-cell:after {
		opacity: 1;
		background: rgba(0, 0, 0, 0.2);
	}
	.horizontal-card-wrapper
		.carousel-cell:not(:nth-of-type(1))
		.image-wrapper
		img {
		object-position: top center;
	}
}

/*----------- Spotify --------------*/
.spotify-component {
	padding-bottom: 200px;
	position: relative;
}
.spotify-component .component-content {
	padding-right: 80px;
}

.spotify-component .field-title {
	font-family: 'FreightDispBold';
	font-size: 52px;
	color: #000;
	line-height: 1.28;
	margin-bottom: 50px;
}

.spotify-component .field-description {
	font-family: 'InterstateLightRegular';
	padding-right: 60px;
	margin-bottom: 30px;
	margin-top: 180px;
}

.spotify-component .field-link a {
	font-family: 'interstateregular';
	font-size: 18px;
	color: #e1251b;
	text-decoration: underline;
}
.spotify-component .field-link a:hover {
	text-decoration: none;
}

.spotify-component .row > div {
	position: static;
}
.spotify-iframe {
	display: flex;
	align-items: center;
	position: absolute;
	left: 80px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	width: calc(100% - 80px);
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}
.spotify-iframe iframe {
	height: 80px;
	width: 50%;
	border-radius: 20px;
}

.spotify-iframe .marquee {
	width: 50%;
	overflow: hidden;
}
.spotify-iframe .marquee span,
.spotify-iframe .marquee li {
	display: inline-block;
	font-size: 15px;
	color: #000;
	font-family: 'InterstateLightRegular';
}
.spotify-iframe .marquee span:not(:last-child),
.spotify-iframe .marquee li:not(:last-child) {
	padding-right: 50px;
}
.spotify-iframe .marquee strong {
	font-family: 'interstateregular';
}
.spotify-iframe .marquee li button {
	cursor: pointer;
}

@media only screen and (max-width: 1200px) {
	.spotify-component .component-content {
		padding-right: 50px;
	}

	.spotify-iframe {
		left: 50px;
		width: calc(100% - 50px);
	}
}

@media only screen and (max-width: 767px) {
	.spotify-component {
		padding-bottom: 150px;
		padding-left: 35px;
		padding-right: 35px;
	}
	.spotify-component .component-content {
		padding-right: 35px;
		padding-left: 35px;
		padding-top: 140px;
	}
	.spotify-component .field-title {
		font-size: 36px;
		margin-bottom: 15px;
	}
	.spotify-component .field-description {
		padding-right: 0px;
		margin-bottom: 25px;
		margin-top: 0;
	}
	.spotify-component .field-link a {
		font-size: 16px;
	}
	.spotify-iframe {
		left: 0px;
		width: 100%;
		border: 0;
		top: 0;
	}
	.spotify-iframe iframe {
		width: 100%;
		border-radius: 12px;
	}
	.spotify-iframe .marquee {
		display: none;
	}
}

.hide-button .flickity-button {
	display: none !important;
}

/*--------- Slider Fade ----------------*/
/*.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}*/
.header-main .link-list .Search {
	color: transparent;
	width: 34px;
	height: 34px;
	background: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/search.svg')
		no-repeat center center/contain;
	background-size: 100%;
}
.header-main .link-list .Search::after {
	display: none;
}
.header-main .link-list .Search:hover {
	color: transparent;
}
.header-main .link-list .cart-link {
	font-size: 13px;
}
.header-main .link-list .cart-link::after {
	display: none;
}
.header-main .link-list .cart-link:before,
.header-main .mob-nav ul li .cart-link:before {
	display: block;
	position: relative;
	content: '';
	height: 33px;
	width: 33px;
	top: 14px;
	margin: 0 auto 11px;
	background-size: 100%;
	background: url(../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/cart.svg)
		no-repeat center center/contain;
}
.header-white-right .header-main .link-list .cart-link:before,
.header-white .header-main .link-list .cart-link:before {
	background: #fff;
	-webkit-mask-image: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/cart.svg');
	mask-image: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/cart.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
.header-white-right .header-main .link-list .Search,
.header-white .header-main .link-list .Search {
	background: #fff;
	-webkit-mask-image: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/search.svg');
	mask-image: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/search.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.header-main .mob-nav {
	display: none;
}

.header-main .mob-nav .website-search-box {
	display: none;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.8);
	padding: 75px 17px 17px;
	height: calc(100vh);
}
.header-main .mob-nav .website-search-box ul {
	background: transparent;
	position: relative;
	margin-top: 10px;
	color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/****** New *******/
	.header-main .link-list ul,
	.header-main .link-list .FabricFinder {
		font-size: 13px;
	}
	.header-main .link-list ul li {
		margin-right: 9px;
	}
	.header-main .link-list ul li:last-child {
		margin-right: 0;
	}
	.header-main .link-list .cart-link {
		font-size: 11px;
	}
	.header-main .link-list .Search {
		width: 24px;
		height: 24px;
	}
	.header-main .link-list .cart-link:before {
		width: 24px;
		height: 24px;
	}
}
@media screen and (max-width: 767px) {
	.header-main .mob-nav {
		display: block;
		position: absolute;
		right: 60px;
		top: -5px;
		z-index: 9;
	}
	.header-main .mob-nav .website-search-box .wrapper {
		/* margin-top: 20px; */
	}
	.mob-nav .website-search-box-input {
		background: transparent;
	}
	.header-main .mob-nav .nav-close {
		opacity: 1;
		top: 14px;
		right: 17px;
		transform: translateY(0);
		pointer-events: auto;
		color: #000 !important;
	}
	.header-main .mob-nav .nav-close svg {
		width: 30px;
	}
	.header-main .mob-nav .component-content > ul {
		display: flex;
		justify-content: flex-end;
	}
	.header-main .mob-nav ul li .cart-link {
		font-size: 11px;
	}
	.header-main .mob-nav ul li a {
		display: inline-block;
		margin-left: 10px;
	}
	.header-main .mob-nav ul li .Search {
		color: transparent;
		width: 24px;
		height: 24px;
		background: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/search.svg');
		background-size: 100%;
	}
	.header-main .mob-nav ul li .cart-link:before {
		margin: 0 auto;
		top: 0;
		width: 24px;
		height: 24px;
	}
	.mob-nav .search-box-button {
		top: 100px;
		right: 11px;
	}
	.header-white-right .header-main .mob-nav ul li .cart-link:before,
	.header-white .header-main .mob-nav ul li .cart-link:before {
		background: #fff;
		-webkit-mask-image: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/cart.svg');
		mask-image: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/cart.svg');
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
	.header-white-right .header-main .mob-nav ul li .Search,
	.header-white .header-main .mob-nav ul li .Search {
		background: #fff;
		-webkit-mask-image: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/search.svg');
		mask-image: url('../../../../../Project/UltraFabricsTenant/UltraFabricsSite/Icons/search.svg');
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
}


/* ----------- Landing Page Microsite -------*/
.landing-page{
	width: 100%;
	margin-top: -80px;
	height: calc(100vh);
	overflow: hidden;
	position: relative;
}
.landing-page .field-image img{
 height: calc(100vh);
 width: 100%;
 object-fit: cover;
}
.landing-page .content{
    position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align: center;
	font-family: 'FreightDisp Pro';	
	color:#fff;
	flex-direction: column;
    gap: 65px;
    display: flex;
	max-width: 588px;
	width: 100%;
}
.landing-page .content *{
	font-family: inherit;
	color: inherit;
}
.landing-page .content h1{	
	font-size: 80px;
	font-family: 'interstateregular';
	font-weight: 700;
	line-height: 1;	
}
.landing-page .content .field-desc h6{
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 1;
}
.landing-page .content .field-desc p{
	font-size: 24px;
	line-height: normal;
	font-weight: 500;
}
.landing-page .content h4{
	font-size: 40px;
	font-family: 'interstateregular';
	/* font-family: 'seatmetaboldroman'; */
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
}
.landing-page .content h1 sup{
	font-size: 20px;
    line-height: 1;
    top: 24px;
    margin: 0 0 0 4px;
}
.landing-page .content .logo-image img{
	max-width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.landing-page{
		margin-top: -57px;
	}
	.landing-page .content{		
		gap: 40px;
		padding: 0 24px;
	}
	.landing-page .content h1{	
		font-size: 54px;		
	}
	
	.landing-page .content .field-desc h6{
		font-size: 32px;
	}
	.landing-page .content .field-desc p{
		font-size: 18px;
	}
	.landing-page .content h4{
		font-size: 32px;
	}
	.landing-page .content h1 sup{
		font-size: 16px;
		top: 12px;
	}
}


/********** Ultra Leather ************/
.ultra-leather #wrapper main{
	margin-top: 0;
}

/* .ultra-leather #wrapper header > .container{
	padding: 0 11%;
	height: auto;
}
.ultra-leather #wrapper header > .container .row{
    align-items: center;
} */
/* .ultra-leather #wrapper .header-nav .component-content{
	display: flex;
    justify-content: flex-end;
}
.ultra-leather #wrapper header .micro-header .header-logo-wrapper a{
   padding-left: 0;
} */
/* .ultra-leather #wrapper .header-logo-wrapper img{
	max-height: 35px !important;
	width: auto;
}
.ultra-leather #wrapper .header-nav .component-content .row > div{
	flex: 1 1 auto;
	max-width: fit-content;
	margin-right: 15px;
}
.ultra-leather #wrapper .header-nav .link-list ul{
	padding-right: 0;
}
.ultra-leather #wrapper .header-nav .link-list > .component-content li:empty{
	display: none;
}
.ultra-leather #wrapper .header-nav .link-list > .component-content li a{
	color: #fff;
} */
/* .ultra-leather .header-main .link-list ul > li a:not(.FabricFinder):after{
	background: #fff;
}
.ultra-leather .is-scrolled .header-main .link-list ul > li a:not(.FabricFinder):after{
	background: #000;
}
.ultra-leather #wrapper #burger-menu{
	margin-right: 0;
}
.ultra-leather #wrapper #burger-menu .bar{
	background: #fff !important;
} */
/* .ultra-leather #wrapper .is-scrolled .header-nav .link-list > .component-content li a,
.ultra-leather #wrapper .show-mobile-menu .header-nav .link-list > .component-content li a{
	color: #000;
}
.ultra-leather #wrapper .is-scrolled #burger-menu .bar{
	background: #000 !important;
}
.ultra-leather #wrapper .show-mobile-menu{
   background: #fff;
} */
/* .ultra-leather #wrapper .is-scrolled .header-logo-wrapper img,
.ultra-leather #wrapper .show-mobile-menu .header-logo-wrapper img{
	filter: invert(1);
} */

.ultra-leather #wrapper .header-logo-wrapper img{
	filter: invert(1);
}
.ultra-leather #wrapper .header-logo-wrapper img{
	max-height: 35px !important;
	width: auto;
}
.ultra-leather #wrapper header > .container{
	background: #fff;
}
.ultra-leather .promo{
	width: 100%;
}
.story-card-component.two-col{
	padding: 0 ;
	width: 100%;
}
.story-card-component.two-col .component-content .row{
	align-items: center;
	padding: 100px 11%;
}
.story-card-component.two-col .component-content .row > div{
	padding: 0 25px !important;
    text-align: center;
}
.story-card-component.two-col .field-cardtitle{
	margin:0 auto 30px;
	font-size: 58px;
	/* max-width: 350px; */
}
.story-card-component.two-col .field-carddescription{
	max-width: 81%;
	margin: 0 auto;
}
.story-card-component.two-col .field-carddescription a,
.story-card-component.text-center .field-carddescription a{
	font-weight: 600;
	text-decoration: underline;
	display: inline;
}
.story-card-component.two-col .field-carddescription a:hover,
.story-card-component.text-center .field-carddescription a:hover{
	text-decoration: none;
}
.story-card-component.two-col .field-targeturl{
	margin-top: 45px;
}
.story-card-component.two-col .field-targeturl a{
	border: 1px solid #000;
	color: #000;
    text-decoration: none;
    padding: 8px 16px;
    line-height: normal;
	transition: 0.3s;
}
.story-card-component.two-col .field-targeturl a:hover{
  background:  #000;
  color: #fff;
}

.story-card-component.text-center{
	padding: 0;
	width: 100%;
}
.story-card-component.text-white .field-cardtitle, .story-card-component .text-white .field-cardtitle,
 .story-card-component.text-white .field-carddescription,  
 .story-card-component .text-white .field-carddescription,
 .story-card-component.two-col.text-white .field-targeturl a,
 .story-card-component.two-col .text-white .field-targeturl a{
	color: #fff;
}
.story-card-component.two-col.text-white .field-targeturl a{
	border-color: #fff;
}
.story-card-component.two-col.text-white .field-targeturl a:hover{
	background:  #fff;
	color: #000;
}
.story-card-component.text-center .field-title,
.story-card-component.text-center .field-title1{
	margin-bottom:15px;
	font-size: 58px;
}
.story-card-component.text-center.text-white .field-title,
.story-card-component.text-center.text-white .field-title1{
	margin-bottom:30px;
}
.story-card-component.text-center .field-subtitle{
	margin-bottom: 40px !important;
	color: #000;
	font-size: 32px;
	font-family: 'FreightDisp Pro';
	font-weight: 400;
}
.story-card-component.text-center .bottom-text{
	color: #000;
	font-size: 32px;
	font-family: 'FreightDisp Pro';
	font-weight: 400;
	margin-top: 20px;
}
.story-card-component.text-center.text-white .field-subtitle,
.story-card-component.text-center.text-white .bottom-text{
	color: #fff;
}

.story-card-component.text-center .field-image{
    position: absolute;
    top: 0;
    height: 100%;
}
.story-card-component.text-center .field-image img{
	height: 100%;
}
.story-card-component.text-center .field-text-wrap{
	padding: 11%;    
    width: 100%;
    text-align: center;
	position: relative;
}
.story-card-component.text-center .field-text-wrap .field-text-wrap{
   padding: 0;
}
.story-card-component.text-center .field-text-wrap .field-logo{
	margin:0 auto;
	margin-bottom: 60px;	
	width: fit-content;
}
.story-card-component.text-center .field-text-wrap .field-logo img{
	max-height: 80px;
	height: auto;
	width: auto;
}
.story-card-component.text-center .field-ctalink a{
	color: #000;
	text-decoration: none;
	border: 1px solid #000;
	padding: 5px 15px;
	text-transform: uppercase;
	transition: 0.3s;
}
.story-card-component.text-center .field-ctalink a:hover{
	background: #000;
	color: #fff;
}
.story-card-component.text-center.text-white .field-ctalink a{
	color: #fff;
	border-color: #fff;
}
.story-card-component.text-center.text-white .field-ctalink a:hover{
	background: #fff;
	color: #000;
}

.tile-list{
	width: 100%;
	padding: 0;
}
.tile-list .field-image{
    position: absolute;
    top: 0;
    height: 100%;
	width: 100%;
}
.tile-list .field-image img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.tile-list .content{
	padding:6% 21%;
	position: relative;
	width: 100%;
}
.tile-list .content .field-title,
.tile-list .content .field-title1 {
	font-size: 58px;
	font-family: 'FreightDisp Pro', serif;
	margin-bottom: 60px;
	line-height: 1;
	color: #000;
	text-align: center;
}
.tile-list .content .tile-box .box .field-desc{
	color: #000;
	text-align: center;
	margin-top: 15px;
	font-size: 18px;
	font-family: 'FreightDisp Pro';
	line-height: 1.3;
}
.text-white .tile-list  .content .field-title, 
 .text-white .tile-list .content .tile-box .box .field-desc,
 .text-white .tile-list .content .field-title1{
   color: #fff;
}
.text-white .tile-list .content .tile-box .box .field-desc *{
	font-size: 18px;
}

.tile-list .content .tile-box {
	display: flex;
	gap: 110px;
	justify-content: center;
}
.tile-list .content .tile-box .box{
	width: calc(33.33% - 73.33px);
}
.tile-list .content .tile-box .box .title{
	background: rgba(0,0,0,0.3);
	padding: 25% 25px;
    text-align: center;
	color: #fff;
	font-size: 22px;
	font-family: 'FreightDisp Pro';
	font-weight: 600;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.tile-list .content .tile-box .box .title span{
    color:#D6A246;
	font-size: 24px;
	font-weight: 600;
	display: block;
	font-family: 'FreightDisp Pro';
}

.text-white .tile-list .content .tile-box .box .title{
	color: #fff;
}

.tile-list-with-image .title{
   border: 5px solid rgba(72,45,28,1);
}
.indoor .tile-list-with-image .title{
	border: 0;
}
.tile-list-with-image .content .tile-box .box .field-tiletitle{
	font-size: 20px;
	font-family: 'interstateregular';
	font-weight: 400;
	text-align: center;
	padding-top: 30px;
}

.tile-list-with-image .content .tile-box .box .field-ctalink{
	text-align: center;
}
.tile-list-with-image .content .tile-box .box .field-ctalink a{
	font-size: 18px;
	font-family: 'interstateregular';
	font-weight: 400;
	margin-top: 30px;
	display: inline-block;
	text-transform: uppercase;
}

.text-white .tile-list-with-image .content .tile-box .box .field-tiletitle,
.text-white .tile-list-with-image .content .tile-box .box .field-ctalink a,
.text-white .tile-list-with-image .content .tile-box .box .field-tiletitle1{
   color: #fff;
}
.tile-list-with-image .content .tile-box .box .title{
	position: relative;
	padding-top:37%;
	padding-bottom: 75%;
	height:auto !important;
}
.indoor .tile-list-with-image .content .tile-box .box .title{
	padding-bottom: 80%;
}
.tile-list-with-image .content .tile-box .box .title img{
  width: 100%;
  height:100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top:0;
}

.hero-banner{
	width: 100%;
	min-height: 100vh;
	padding: 0;
	position: relative;
    display: flex;
    align-items: flex-end;
}
.hero-banner .component-content{
	width: 100%;}
.hero-banner .field-image{
	position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
}
.hero-banner .field-image img{
	object-fit:cover;
	width:100%;
	height: 100%;
}
.hero-banner .content{
   padding: calc(5% + 80px) 11% 5%;
   position: relative;
   width: 100%;
}
.hero-banner .content .field-title,.hero-banner .content .field-title1 {
	font-size: 58px;
	font-family: 'FreightDisp Pro', serif;
	margin-bottom: 30px;
	line-height: 1;
	color: #000;
	text-align: center;
}
.hero-banner .content .field-desc{
	color: #000;
	text-align: center;
	max-width: 500px;
	margin: 0 auto 40px;
}

 .text-white .hero-banner .content .field-title,
 .text-white .hero-banner .content .field-title1
 .text-white .hero-banner .content .field-desc{
	color: #fff;
}
.hero-banner .content .image-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.hero-banner .content .image-box .image{
	width: 33.33%;
}
.hero-banner .content .image-box .image img{
   max-width: 100%;
   height: auto;
   width: 100%;
   transition: 0.3s transform ease;
}
.ultra-leather footer .header-footer > .component-content{
	border-top: 0;
}
.hero-banner .content .image-box .image a{
	cursor: auto;
	pointer-events: none;
}
.hero-banner .content .image-box .image a[href*="/"]{
	cursor: pointer;
	pointer-events: auto;
}

@media  only screen and (min-width: 768px){
	.hero-banner .content .image-box .image{
		overflow: hidden;
	}
	.hero-banner .content .image-box .image a{
		display: flex;
	}
	.hero-banner .content .image-box .image:hover img{
		transform: scale(1.12);
	}
}

@media  only screen and (min-width: 1280px) and (max-height: 768px){
	/* .hero-banner .content{
		padding: 13% 11% 5%;
	} */
}

@media  only screen and (max-width: 1280px) {
	.tile-list .content{
		padding: 6% 14%;
	}
	.tile-list .content .tile-box{
		gap:30px
	}
	.tile-list .content .tile-box .box{
		width: calc(33.33% - 13.33px);
	}
	.story-card-component.two-col .field-carddescription{
		max-width: 100%;
	}
	/* .ultra-leather #wrapper header{
		top:5%
	} */
	/* .hero-banner .content{
		padding: 10% 11% 5%;
	} */
	
}
@media only screen and (max-width: 1050px) {	
	/* .ultra-leather #wrapper header{
		top:40px;
	} */
	.hero-banner .content{
		padding: 120px 40px 40px;
	}
	/* .ultra-leather #wrapper header > .container{
		padding: 0 40px;
	} */
	.story-card-component.two-col .component-content .row > div:last-child{
		padding: 0 10px !important;
	}
	.story-card-component.two-col .component-content .row{
		align-items: center;
		padding: 110px 40px;
	}
	.story-card-component.text-center .field-text-wrap{
        padding: 15% 40px;
	}
	.story-card-component.text-center .field-text-wrap .field-logo{
		margin-bottom: 30px;
	}
	.story-card-component.two-col .field-cardtitle{
		max-width: 300px;
	}
	.tile-list .content .field-title, .story-card-component.two-col .field-cardtitle,
	.story-card-component.text-center .field-title, .hero-banner .content .field-title,
	.hero-banner .content .field-title1,
	.tile-list .content .field-title1,.story-card-component.text-center .field-title1{
		font-size: 46px;
	}
	.tile-list .content .tile-box .box .title{
		padding: 25% 15px;
	}
	.tile-list .content{
		max-width: 100%;
		padding:110px 40px ;
	}
	.hero-banner{
		min-height: auto;
	}
	.text-white .tile-list .content .tile-box .box .field-desc *{
		font-size: 16px;
	}
	.tile-list-with-image .content .tile-box .box .title{
		padding-top:37%;
		padding-bottom: 75%;
	}
	.indoor .tile-list-with-image .content .tile-box .box .title{
		padding-bottom: 80%;
	}
	.story-card-component.text-center .field-subtitle,.story-card-component.text-center .bottom-text{
		font-size: 32px;
	}
	
	
}

@media only screen and (max-width: 767.98px) {	
	/* .ultra-leather #wrapper header{
		top:20px;
	} */
	/* .ultra-leather #wrapper .header-nav .component-content{
		justify-content: flex-start;
	}
	.ultra-leather #wrapper .header-logo-wrapper img{
		max-height: 25px !important;
	} */
	.hero-banner .content{
		padding: 97px 24px 40px;
	}
	/* .ultra-leather #wrapper header > .container{
		padding: 0 24px;
	} */
	.story-card-component.two-col .component-content .row > div{
		padding: 0 !important;
	}
	.story-card-component.two-col .component-content .row > div:last-child{
		padding: 30px 0 0 !important;
	}
	.story-card-component.two-col .component-content .row{
		align-items: center;
		padding: 80px 24px;
	}
	.story-card-component.two-col .field-cardtitle{
		max-width: 100%;
	}
	.story-card-component.text-center .field-text-wrap{
        padding: 80px 24px;
	}
	.tile-list .content{
		max-width: 100%;
		padding:70px 24px ;
	}
	.tile-list .content .field-title, .story-card-component.two-col .field-cardtitle,
	.story-card-component.text-center .field-title, .hero-banner .content .field-title,
	.tile-list .content .field-title1,.hero-banner .content .field-title1,
	.story-card-component.text-center .field-title1{
		font-size: 36px;
		margin-bottom: 20px;
	}
	.tile-list .content .tile-box .box .title{
		font-size: 24px;
		padding: 15% 15px;
	}
	.tile-list .content .tile-box .box .title span{		
		font-size: 16px;
	}
	.tile-list .content .tile-box {
		gap: 20px;
		flex-wrap: wrap;
	}
	.tile-list .content .tile-box .box{
		width: 100%;
	}
	.tile-list .content .field-title,.tile-list .content .field-title1 {	
		margin-bottom: 30px;
	}
	.tile-list .content .tile-box .box .field-desc{
		margin-top: 15px;
	}
	.story-card-component.two-col .field-targeturl{
		margin-top: 20px;
	}
	.hero-banner .content .image-box{
		display: block;
		gap: 0px;
	}	
	.hero-banner .content .image-box .image{
		width: 100%;
	}
	.hero-banner .content .image-box .flickity-button{
		position: absolute;
		transform: translateY(-50%) rotate(180deg) 	;
		background: transparent;
	}
	.hero-banner .content .image-box .flickity-prev-next-button.previous{
		left: -20px;
	}
	.hero-banner .content .image-box .flickity-prev-next-button.next{
		right: -20px;
	}
	.hero-banner .content .image-box .flickity-prev-next-button .flickity-button-icon{
        fill: #fff;
	}
	.hero-banner .content .image-box .flickity-prev-next-button:disabled{
		pointer-events: auto;
	}
	.story-card-component.text-center .field-carddescription,
	.story-card-component.two-col .field-carddescription,
	.story-card-component.two-col.text-white .field-targeturl a{
      font-size: 16px;
	}
	.tile-list-with-image .content .tile-box .box .title{
		padding-top:28%;
		padding-bottom: 85%;
	}		
	.indoor .tile-list-with-image .content .tile-box .box .title{
		padding-bottom: 90%;
	}
	.story-card-component.text-center .field-subtitle,.story-card-component.text-center .bottom-text{
		font-size: 24px;
	}
	.story-card-component.two-col .field-cardtitle br{
		display: none;
	}
}