@charset "utf-8";
/* CSS Document */
.Custom {
	z-index: auto !important;
}
body {
	background-image: url(../uploads/banners/Custom-Banner.jpg);
	background-repeat: no-repeat;
	background-position: center 154px;
	background-size: contain;
}
a {
	text-decoration: none !important;
}
/*.PageFixedHeaderContainer {
	position: absolute;
	width: 100%;
	top: 95px;
}*/
.custom-header {
	min-height: 510px;
}
.medium-height {
	min-height: 510px;
}
.tall-header {
	min-height: 750px;
}
.PageInfoContainer p {
	font-size: 1.4em !important;
}
.PageFixedHeaderContainer {
	position: relative;
	width: 100%;
	padding-top: 95px;
}
.PageFixedHeaderContainer h1 {
	font-weight: 500;
	color: #FFF;
	text-align: center;
	z-index: 6;
}
.ContentOverBanner {
	text-align: center;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 0;
	top: 250px;
	right: 0;
	z-index: 6;
	font-size: .95em;
}
.ContentOverBanner a {
	text-decoration: none !important;
}
.Custom-Heading {
	color: #0bb4eb !important;
	padding-bottom: 20px;
}
.Custom-Heading-Intro {
	color: #0bb4eb !important;
	padding-bottom: 20px;
}
.Precut-Heading {
	color: #0bb4eb !important;
	padding-bottom: 40px;
}
.BottomDivision {
	float: left;
	width: 65%;
	position: relative;
	padding-top: 30px;
	padding-bottom: 0px;
	background-image: url(../ui/dot-division.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom: 30px;
	margin-right: 17.5%;
	margin-left: 17.5%;
	border: none !important;
}
.PageInfoContainer {
	text-align: center;
}
.SectionTitle {
	text-align: center;
}
.type-of-foam-container {
	float: left;
	width: 30%;
	margin-right: 3%;
	position: relative;
	background-color: #f1f1f1;
	border-radius: 15px;
	padding: 6px;
}
.type-of-foam-container:last-child {
	margin-right: 0px;
}
.type-of-foam-image-container {
	float: left;
	width: 100%;
	position: relative;
	line-height: 0px;
	padding: 0px;
}
.type-of-foam-image-container img {
	height: auto;
	width: 100%;
	border-radius: 15px 15px 0px 0px;
}
.type-of-foam-info-container {
	float: left;
	width: 100%;
	position: relative;
	background-color: #f1f1f1;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

.routing-options-container {
	float: left;
	width: 18%;
	margin-right: 1.279%;
	position: relative;
	background-color: #f1f1f1;
	border-radius: 15px;
	padding: 6px;
	margin-bottom: 1.5em;
}
.routing-options-container:last-child {
	margin-right: 0px;
}
.routing-options-image-container {
	float: left;
	width: 100%;
	position: relative;
	line-height: 0px;
	padding: 0px;
}
.routing-options-image-container img {
	height: auto;
	width: 100%;
	border-radius: 15px 15px 0px 0px;
}
.routing-options-info-container {
	float: left;
	width: 100%;
	position: relative;
	background-color: #f1f1f1;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
}

.colours-options-outer-container {
	float: left;
	width: 18%;
	margin-right: 2.25%;
	position: relative;
	margin-bottom: 1.5em;
}
.cooc {
	width: 22%;
	margin-right: 4%;
}
.sg {
	width: 30%;
	margin-right: 5%;
}
.colours-options-container {
	float: left;
	width: 100%;
	position: relative;
	background-color: #f1f1f1;
	border-radius: 15px;
	padding: 6px;
}
.colours-options-outer-container:last-child {
	margin-right: 0px;
}
.routing-options-image-container {
	float: left;
	width: 100%;
	position: relative;
	line-height: 0px;
	padding: 0px;
}
.routing-options-image-container img {
	height: auto;
	width: 100%;
	border-radius: 15px 15px 0px 0px;
}
.routing-options-info-container {
	float: left;
	width: 100%;
	position: relative;
	background-color: #f1f1f1;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
}
.small-button-container {
	float: left;
	width: 25%;
	position: relative;
}
.small-button-container a:hover {
	text-decoration: none;
}
.medium-button-container {
	float: left;
	width: 50%;
	position: relative;
}
.medium-button-container a:hover {
	text-decoration: none;
}
.small-buy-button {
	font-size: 1.15em;
	font-weight: 600;
	text-transform: capitalize;
	color: #FFF;
	background-color: #19b9eb;
	text-align: center;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	border: 1px solid #19b9eb;
	outline: none;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	cursor: pointer;
	letter-spacing: 2px;
	line-height: 18px !important;
}
.small-buy-button:hover {
	color: #19b9eb;
	background-color: #FFF;
}
.small-length-bubble {
	font-size: 1em;
	text-align: center;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	margin-bottom: 1em;
	border: 1px solid #000;
	margin-top: 1em;
	padding: 10px;
	box-sizing: border-box;
}
.small-length-bubble {
	font-size: 1em;
	text-align: center;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	margin-bottom: 1em;
	border: 1px solid #000;
	margin-top: 1em;
	padding: 10px;
	box-sizing: border-box;
}
.medium-buy-button {
	font-size: 1.15em;
	font-weight: 600;
	color: #FFF;
	background-color: #19b9eb;
	text-align: center;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	border: 1px solid #19b9eb;
	outline: none;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	letter-spacing: 2px;
	line-height: 18px !important;
}
.medium-length-bubble {
	font-size: 1em;
	text-align: center;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	border: 1px solid #000;
	padding: 5px;
	box-sizing: border-box;
}
.two-button-container {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
}
.medium-buy-bubble {
	font-size: 1.15em;
	font-weight: 300;
	color: #5b6977;
	background-color: #fff;
	text-align: center;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	border: 1px solid #000;
	outline: none;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	cursor: pointer;
	line-height: 18px !important;
}
.medium-buy-bubble:hover {
	color: #19b9eb;
	background-color: #FFF;
	border: 1px solid #19b9eb;
}

.cross-out {
	text-decoration: line-through;
	line-height: 0px;
}
.new-price {
	color: #19b9eb;
}
.view-all-button-container {
	float: left;
	width: 100%;
	margin-top: 4em;
	position: relative;
	margin-bottom: 3em;
}
.view-all-button-container-overview {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 1em;
}
.view-all-button-container-overview:first-child {
	margin-top: 1em;
}
.view-all-button-container-overview:last-child {
	margin-bottom: 6em;
}
.view-all-button-container a:hover {
	text-decoration: none;
}
.view-all-button {
	font-size: 1.75em;
	font-weight: 600;
	text-transform: capitalize;
	color: #FFF;
	background-color: #19b9eb;
	text-align: center;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	border: 1px solid #19b9eb;
	outline: none;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	cursor: pointer;
	letter-spacing: 2px;
}
.view-all-button:hover {
	color: #19b9eb;
	background-color: #FFF;
}

.revesible-indicator-container img {
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	height: auto;
	width: 80px;
	margin-right: auto;
	margin-left: auto;
}
.last-laminated-centred-container {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.last-laminated-centred-container .colours-options-outer-container {
	width: 47%;
	margin-right: 5%;
}

.last-laminated-centred-container .colours-options-outer-container:last-child {
	margin-right: 0px;
}

.utread-split-container {
	float: left;
	width: 45%;
	margin-right: 10%;
	position: relative;
}
.utread-split-container:last-child {
	margin-right: 0px;
}
.precut-split-container-left {
	float: left;
	width: 35%;
	margin-right: 5%;
	position: relative;
}
.precut-split-container-right {
	float: left;
	width: 60%;
	position: relative;
}
.quantity-insert {
	font-size: 1.15em;
	font-weight: bold;
	float: left;
	width: 100%;
	padding-top: .5em;
	padding-left: 10px;
	letter-spacing: 2px;
	text-align: left;
}
.quantity-insert span {
	font-weight: 400 !important;
}
.lengths-button-container {
	float: left;
	width: 100%;
	margin-top: 2em;
	position: relative;
	margin-bottom: 2em;
}
.lengths-button-container a:hover {
	text-decoration: none;
}
.small-length-container {
	float: left;
	width: 100%;
	margin-top: 1em;
	position: relative;
}
.small-length-container a:hover {
	text-decoration: none;
}
.length-bubble {
	font-size: 1em;
	text-align: center;
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 30px;
	margin-bottom: 1em;
	border: 1px solid #000;
	margin-top: 1em;
	padding: 10px;
	box-sizing: border-box;
}
.u-tread-title-bubble {
	font-size: 1.5em;
	font-weight: 600;
	background-color: #dbdcde;
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	letter-spacing: 2px;
	margin-bottom: 1em;
}
.u-tread-outer-container {
	float: left;
	width: 45%;
	margin-right: 7.5%;
	position: relative;
	margin-bottom: 1.5em;
}
.u-tread-outer-container:last-child {
	margin-right: 0px;
}
.disclaimer-top-statement {
	margin-bottom: 5em !important;
}
.banner-allowance {
	padding-bottom: 9em;
}
.fixed-height img {
	height: 650px !important;
}

.precut-product img {
	height: auto;
	width: 100%;
}
#banner_image {
	visibility: hidden;
}
#banner_placeholder {
	height: 680px;
}
.GalleryBackground {
	background-image: url(../uploads/banners/Custom-Banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
}
.overview-benefit-container {
	float: left;
	width: 25%;
	position: relative;
}
.overview-benefit-container-row-two {
	float: left;
	width: 33.3%;
	position: relative;
}
.Custom53Percent {
	width: 53% !important;
	margin-top: 2em !important;
}
.overview-benefit-img-container {
	float: left;
	width: 100%;
	position: relative;
}
.overview-benefit-img-container img {
	width: 80%;
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.overflow-benefit-info-container {
	text-align: center;
	float: left;
	width: 75%;
	margin-right: 12.5%;
	margin-left: 12.5%;
	padding-top: 2em;
}
@media (min-width: 2160px) {
	.custom-header {
		min-height: calc(100vw * .28);
	}
	.medium-height {
		min-height: calc(100vw * .28);
	}
	.tall-header {
		min-height: 33vw;
	}
	
}
@media (min-width: 2560px) {
	.custom-header {
		min-height: calc(100vw * .25);
	}
	.medium-height {
		min-height: calc(100vw * .25);
	}
	.tall-header {
		min-height: 33vw;
	}
	
}
@media all and (max-width:1366px) {
	.PageInner60Percent {
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
	}
	.PageInner75Percent {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.udek-benefits {
		width: 90% !important;
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	.Custom53Percent {
		width: 70% !important;
		margin-left: 15% !important;
		margin-right: 15% !important;
	}
}
@media all and (min-width:100px) and (max-width:1000px) {
	#banner_image {
		visibility: hidden;
	}
	#banner_placeholder {
		height: 550px;
	}
	.GalleryBackground {
		background-image: url(../uploads/banners/Custom-Banner.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto;
	}
	.body {
		background-size: auto;
	}
/*	.PageFixedHeaderContainer {
		position: ralative;
		width: 100%;
		top: 95px;
	}*/
	.PageFixedHeaderContainer h1 {
		font-weight: 500;
		text-align: center;
		z-index: 6;
	}
	.ContentOverBanner {
		text-align: center;
		width: 520px;
		margin-right: auto;
		margin-left: auto;
		position: absolute;
		left: 0;
		top: 250px;
		right: 0;
		z-index: auto;
		/*font-size: .95em;*/
	}
	.PageInner75Percent {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}
@media all and (min-width:100px) and (max-width:900px) {
	.small-button-container,
	.colours-options-outer-container,
	.cooc,
	.sg,
	.routing-options-container,
	.utread-split-container,
	.u-tread-outer-container,
	.type-of-foam-container,
	.last-laminated-centred-container {
		width: 100%;
		margin-right: 0px;
	}
	.type-of-foam-container {
		margin-bottom: 2em;
	}
	.PageInner60Percent {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.precut-split-container-left {
		width: 100%;
		margin-right: 0px;
	}
	.precut-split-container-right {
		width: 100%;
		margin-right: 0px;
	}
	.ContentOverBanner {
		text-align: center;
		width: 90%;
		height: auto;
	}
	.banner-allowance {
		padding-bottom: 20em;
	}
	.colours-options-container {
		width: 96%;
	}
	.quantity-insert {
		margin-bottom: 2em;
	}
	.view-all-button {
		width: 100%;
	}
	.length-bubble {
		width: 98%;
		padding: 2%;
	}
	.last-laminated-centred-container .colours-options-outer-container {
		width: 100%;
		margin-right: 0%;
	}
	.BottomDivision {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.overview-benefit-container {
		float: left;
		width: 50%;
		position: relative;
		height: 300px
	}
	.overview-benefit-container-row-two {
		float: left;
		width: 50%;
		position: relative;
		height: 300px
	}
	.udek-benefits {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.Custom53Percent {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.overview-benefit-img-container img {
		width: 40%;
	}
	
}
@media all and (min-width:100px) and (max-width:768px) {
	.overview-benefit-container {
		height: 250px
	}
	.overview-benefit-container-row-two {
		height: 300px
	}
}
@media all and (min-width:100px) and (max-width:375px) {
	.banner-allowance {
		padding-bottom: 25em;
	}
}
  @media (min-width: 768px) and (max-width: 1024px) {
	  h1 {
		font-size: 3.75em !important;
	  }
}
@media all and (min-width:100px) and (max-width:768px) {
	body {
		background-image: url(../uploads/banners/Custom-Banner.jpg);
		background-repeat: no-repeat;
		background-position: center 125px;
		background-size: auto;
	}
	.custom-header h1 {
		font-size: 3.75em !important;
	}
}