@font-face {
	font-family: ukss;
	src: url(../fonts/ukss.eot);
	src: url(../fonts/ukssd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/ukss.woff) format("woff"), url(../fonts/ukss.ttf) format("truetype"), url(../fonts/ukss.svg#ukss) format("svg");
	font-weight: 400;
	font-display: swap;
	font-style: normal
}

@media print {

	#h-usps,
	#h-t,
	nav,
	footer,
	#oc-p,
	#c-s,
	#oc-cs {
		display: none !important
	}

	#h-m,
	#c {
		padding: 0;
		border-top: 0;
		position: static !important
	}

	div[class^=col] {
		position: static !important
	}

	#h-m {
		border-bottom: 6px solid #ddd;
		margin-bottom: 30px
	}

	.logo {
		text-decoration: none !important;
		font-size: 50px;
		margin: 20px 0 40px
	}

	.logo svg {
		width: 60px;
		margin-right: 15px
	}

	h1 br {
		display: none
	}

	#oc-on-c {
		margin-bottom: 0
	}

	#oc-on {
		position: absolute;
		top: 35px;
		right: 0;
		text-align: right;
		font-size: 22px;
		color: #000 !important
	}

	#oc-on strong {
		font-size: 28px !important;
		color: #000 !important
	}

	.col-lg-6 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important
	}

	.pr-4 {
		padding-right: 0 !important
	}

	h3 {
		font-size: 36px;
		border-bottom: 2px solid #ddd;
		padding-bottom: 15px
	}

	.bg-notify.m-box {
		display: none
	}

	#promo {
		display: none
	}

	.order-complete h1 {
		padding: 0
	}

	.order-complete h3 {
		margin-top: 0
	}

	.order-complete h1:before {
		display: none
	}

	.os-totals-line div:last-child,
	.os-item-price {
		position: relative;
		left: -20px
	}
}

@charset "UTF-8";

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}

@-webkit-keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	50%,
	100% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	30% {
		-webkit-transform: scaleX(1.25) scaleY(.75);
		transform: scaleX(1.25) scaleY(.75)
	}

	40% {
		-webkit-transform: scaleX(.75) scaleY(1.25);
		transform: scaleX(.75) scaleY(1.25)
	}

	60% {
		-webkit-transform: scaleX(1.15) scaleY(.85);
		transform: scaleX(1.15) scaleY(.85)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	30% {
		-webkit-transform: scaleX(1.25) scaleY(.75);
		transform: scaleX(1.25) scaleY(.75)
	}

	40% {
		-webkit-transform: scaleX(.75) scaleY(1.25);
		transform: scaleX(.75) scaleY(1.25)
	}

	60% {
		-webkit-transform: scaleX(1.15) scaleY(.85);
		transform: scaleX(1.15) scaleY(.85)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {

	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10%,
	20% {
		-webkit-transform: scale(.9) rotate(-3deg);
		transform: scale(.9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10%,
	20% {
		-webkit-transform: scale(.9) rotate(-3deg);
		transform: scale(.9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg)
	}

	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg)
	}

	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg)
	}

	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg)
	}

	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg)
	}

	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg)
	}

	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg)
	}

	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg)
	}

	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}

	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}

	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
}

@keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

@keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}

	80% {
		-webkit-transform: translateX(0) skewX(-15deg);
		transform: translateX(0) skewX(-15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}

	80% {
		-webkit-transform: translateX(0) skewX(-15deg);
		transform: translateX(0) skewX(-15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

@-webkit-keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-48px);
		transform: scale(.475) translateX(-48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-48px);
		transform: scale(.475) translateX(-48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	100% {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(42px);
		transform: scale(.475) translateX(42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(42px);
		transform: scale(.475) translateX(42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-42px);
		transform: scale(.475) translateX(-42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-42px);
		transform: scale(.475) translateX(-42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-transform-origin: center top;
		transform-origin: center top
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-transform-origin: center top;
		transform-origin: center top
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

[data-icon]:before {
	font-family: ukss !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[class^=icon-]:before,
[class*=" icon-"]:before {
	font-family: ukss !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-facebook:before {
	content: "\61"
}

.icon-twitter:before {
	content: "\62"
}

.icon-instagram:before {
	content: "\63"
}

.icon-youtube:before {
	content: "\64"
}

.icon-pinterest:before {
	content: "\65"
}

.icon-mail:before {
	content: "\66"
}

.icon-star:before {
	content: "\67"
}

.icon-star-half:before {
	content: "\68"
}

.icon-search:before {
	content: "\69"
}

.icon-bag:before {
	content: "\6a"
}

.icon-tick:before {
	content: "\6b"
}

.icon-cross:before {
	content: "\6c"
}

.icon-angle-down:before {
	content: "\6d"
}

.icon-angle-left:before {
	content: "\6e"
}

.icon-angle-right:before {
	content: "\6f"
}

.icon-angle-up:before {
	content: "\70"
}

.icon-help:before {
	content: "\71"
}

.icon-check:before {
	content: "\72"
}

.icon-lorry:before {
	content: "\73"
}

.icon-shop:before {
	content: "\74"
}

.icon-phone:before {
	content: "\75"
}

.icon-thumb:before {
	content: "\76"
}

.icon-lock:before {
	content: "\77"
}

.icon-world:before {
	content: "\78"
}

.icon-rain-cloud:before {
	content: "\79"
}

.icon-live-chat:before {
	content: "\7a"
}

.icon-diamond:before {
	content: "\41"
}

.icon-close:before {
	content: "\42"
}

.icon-edit:before {
	content: "\43"
}

.icon-delete:before {
	content: "\44"
}

.icon-arrow-left:before {
	content: "\45"
}

.icon-user:before {
	content: "\46"
}

.icon-resize:before {
	content: "\47"
}

.icon-plus:before {
	content: "\48"
}

.icon-minus:before {
	content: "\49"
}

.icon-arrow-right:before {
	content: "\4a"
}

.icon-nav:before {
	content: "\4b"
}

.icon-uncheck:before {
	content: "\4c"
}

.icon-heart:before {
	content: "\4d"
}

.icon-filter:before {
	content: "\4e"
}

.icon-image:before {
	content: "\4f"
}

.icon-cube:before {
	content: "\50"
}

.icon-card:before {
	content: "\51"
}

.icon-return:before {
	content: "\52"
}

.icon-exclamation:before {
	content: "\53"
}

.icon-star-outline:before {
	content: "\54"
}

@-webkit-keyframes lum-fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes lum-fade {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes lum-fadeZoom {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes lum-fadeZoom {
	0% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes lum-loader-rotate {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0)
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(-180deg);
		transform: translate(-50%, -50%) rotate(-180deg)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg);
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}

@keyframes lum-loader-rotate {
	0% {
		-webkit-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0)
	}

	50% {
		-webkit-transform: translate(-50%, -50%) rotate(-180deg);
		transform: translate(-50%, -50%) rotate(-180deg)
	}

	100% {
		-webkit-transform: translate(-50%, -50%) rotate(-360deg);
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}

@-webkit-keyframes lum-loader-before {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10% {
		-webkit-transform: scale(1.2) translateX(6px);
		transform: scale(1.2) translateX(6px)
	}

	25% {
		-webkit-transform: scale(1.3) translateX(8px);
		transform: scale(1.3) translateX(8px)
	}

	40% {
		-webkit-transform: scale(1.2) translateX(6px);
		transform: scale(1.2) translateX(6px)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	60% {
		-webkit-transform: scale(.8) translateX(6px);
		transform: scale(.8) translateX(6px)
	}

	75% {
		-webkit-transform: scale(.7) translateX(8px);
		transform: scale(.7) translateX(8px)
	}

	90% {
		-webkit-transform: scale(.8) translateX(6px);
		transform: scale(.8) translateX(6px)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes lum-loader-before {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10% {
		-webkit-transform: scale(1.2) translateX(6px);
		transform: scale(1.2) translateX(6px)
	}

	25% {
		-webkit-transform: scale(1.3) translateX(8px);
		transform: scale(1.3) translateX(8px)
	}

	40% {
		-webkit-transform: scale(1.2) translateX(6px);
		transform: scale(1.2) translateX(6px)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	60% {
		-webkit-transform: scale(.8) translateX(6px);
		transform: scale(.8) translateX(6px)
	}

	75% {
		-webkit-transform: scale(.7) translateX(8px);
		transform: scale(.7) translateX(8px)
	}

	90% {
		-webkit-transform: scale(.8) translateX(6px);
		transform: scale(.8) translateX(6px)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes lum-loader-after {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10% {
		-webkit-transform: scale(1.2) translateX(-6px);
		transform: scale(1.2) translateX(-6px)
	}

	25% {
		-webkit-transform: scale(1.3) translateX(-8px);
		transform: scale(1.3) translateX(-8px)
	}

	40% {
		-webkit-transform: scale(1.2) translateX(-6px);
		transform: scale(1.2) translateX(-6px)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	60% {
		-webkit-transform: scale(.8) translateX(-6px);
		transform: scale(.8) translateX(-6px)
	}

	75% {
		-webkit-transform: scale(.7) translateX(-8px);
		transform: scale(.7) translateX(-8px)
	}

	90% {
		-webkit-transform: scale(.8) translateX(-6px);
		transform: scale(.8) translateX(-6px)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes lum-loader-after {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10% {
		-webkit-transform: scale(1.2) translateX(-6px);
		transform: scale(1.2) translateX(-6px)
	}

	25% {
		-webkit-transform: scale(1.3) translateX(-8px);
		transform: scale(1.3) translateX(-8px)
	}

	40% {
		-webkit-transform: scale(1.2) translateX(-6px);
		transform: scale(1.2) translateX(-6px)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	60% {
		-webkit-transform: scale(.8) translateX(-6px);
		transform: scale(.8) translateX(-6px)
	}

	75% {
		-webkit-transform: scale(.7) translateX(-8px);
		transform: scale(.7) translateX(-8px)
	}

	90% {
		-webkit-transform: scale(.8) translateX(-6px);
		transform: scale(.8) translateX(-6px)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.lum-lightbox {
	background: rgba(0, 0, 0, .6)
}

.lum-lightbox-inner {
	top: 2.5%;
	right: 2.5%;
	bottom: 2.5%;
	left: 2.5%
}

.lum-lightbox-inner img {
	position: relative
}

.lum-lightbox-inner .lum-lightbox-caption {
	margin: 0 auto;
	color: #fff;
	max-width: 700px;
	text-align: center
}

.lum-loading .lum-lightbox-loader {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 66px;
	height: 20px;
	-webkit-animation: lum-loader-rotate 1800ms infinite linear;
	animation: lum-loader-rotate 1800ms infinite linear
}

.lum-lightbox-loader:before,
.lum-lightbox-loader:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .9)
}

.lum-lightbox-loader:before {
	left: 0;
	-webkit-animation: lum-loader-before 1800ms infinite linear;
	animation: lum-loader-before 1800ms infinite linear
}

.lum-lightbox-loader:after {
	right: 0;
	-webkit-animation: lum-loader-after 1800ms infinite linear;
	animation: lum-loader-after 1800ms infinite linear;
	-webkit-animation-delay: -900ms;
	animation-delay: -900ms
}

.lum-lightbox.lum-opening {
	-webkit-animation: lum-fade 180ms ease-out;
	animation: lum-fade 180ms ease-out
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
	-webkit-animation: lum-fadeZoom 180ms ease-out;
	animation: lum-fadeZoom 180ms ease-out
}

.lum-lightbox.lum-closing {
	-webkit-animation: lum-fade 300ms ease-in;
	animation: lum-fade 300ms ease-in;
	animation-direction: reverse
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
	-webkit-animation: lum-fadeZoom 300ms ease-in;
	animation: lum-fadeZoom 300ms ease-in;
	animation-direction: reverse
}

.lum-img {
	-webkit-transition: opacity 120ms ease-out;
	transition: opacity 120ms ease-out
}

.lum-loading .lum-img {
	opacity: 0
}

.lum-gallery-button {
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background: 0 0;
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 100px;
	max-height: 100%;
	width: 60px;
	cursor: pointer
}

.lum-close-button {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 32px;
	height: 32px;
	opacity: .3
}

.lum-close-button:hover {
	opacity: 1
}

.lum-close-button:before,
.lum-close-button:after {
	position: absolute;
	left: 15px;
	content: " ";
	height: 33px;
	width: 2px;
	background-color: #fff
}

.lum-close-button:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.lum-close-button:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.lum-previous-button {
	left: 12px
}

.lum-next-button {
	right: 12px
}

.lum-gallery-button:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	border-top: 4px solid rgba(255, 255, 255, .8)
}

.lum-previous-button:after {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
	border-left: 4px solid rgba(255, 255, 255, .8);
	-webkit-box-shadow: -2px 0 rgba(0, 0, 0, .2);
	box-shadow: -2px 0 rgba(0, 0, 0, .2);
	left: 12%;
	border-radius: 3px 0 0 0
}

.lum-next-button:after {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	border-right: 4px solid rgba(255, 255, 255, .8);
	-webkit-box-shadow: 2px 0 rgba(0, 0, 0, .2);
	box-shadow: 2px 0 rgba(0, 0, 0, .2);
	right: 12%;
	border-radius: 0 3px 0 0
}

@media(max-width:460px) {
	.lum-lightbox-image-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}

	.lum-lightbox-caption {
		width: 100%;
		position: absolute;
		bottom: 0
	}

	.lum-lightbox-position-helper {
		margin: auto
	}

	.lum-lightbox-inner img {
		max-width: none;
		max-height: none
	}
}

.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	background: 0;
	color: inherit;
	border: 0;
	padding: 0 !important;
	font: inherit
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.owl-height {
	-webkit-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.html) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .1s ease;
	transition: -webkit-transform .1s ease;
	transition: transform .1s ease;
	transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

@import "_vue-slider-component/theme/default.html";

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #009af4;
	--secondary: #3b4958;
	--success: #009af4;
	--info: #17a2b8;
	--warning: #f3ad07;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #2e3946;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--breakpoint-xxl: 1400px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

footer,
header,
main,
nav,
section {
	display: block
}

body {
	margin: 0;
	font-family: sofia-pro, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #707a80;
	text-align: left;
	background-color: #e1e5e9
}

[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0 !important
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 20px
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem;
	margin-left: 0
}

blockquote {
	margin: 0 0 1rem
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

a {
	color: #009af4;
	text-decoration: none;
	background-color: transparent
}

a:hover {
	color: #006aa8;
	text-decoration: underline
}

a:not([href]):not([class]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}

pre,
code,
kbd {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, monospace;
	font-size: 1em
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	-ms-overflow-style: scrollbar
}

img {
	vertical-align: middle;
	border-style: none
}

svg {
	overflow: hidden;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

th {
	text-align: inherit;
	text-align: -webkit-match-parent
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button {
	border-radius: 0
}

button:focus:not(:focus-visible) {
	outline: 0
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[role=button] {
	cursor: pointer
}

select {
	word-wrap: normal
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	padding: 0;
	border-style: none
}

input[type=radio],
input[type=checkbox] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

textarea {
	overflow: auto;
	resize: vertical
}

progress {
	vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

output {
	display: inline-block
}

summary {
	display: list-item;
	cursor: pointer
}

template {
	display: none
}

[hidden] {
	display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-bottom: 20px;
	font-weight: 500;
	line-height: 1.2
}

h1,
.h1 {
	font-size: 2.5rem
}

h2,
.h2 {
	font-size: 2rem
}

h3,
.h3 {
	font-size: 1.75rem
}

h4,
.h4 {
	font-size: 1.5rem
}

h5,
.h5 {
	font-size: 1.25rem
}

h6,
.h6 {
	font-size: 1rem
}

.lead {
	font-size: 1.25rem;
	font-weight: 300
}

.display-1 {
	font-size: 6rem;
	font-weight: 300;
	line-height: 1.2
}

.display-4 {
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.2
}

hr {
	margin-top: 40px;
	margin-bottom: 40px;
	border: 0;
	border-top: 1px solid rgba(59, 64, 89, .1)
}

small,
.small {
	font-size: 80%;
	font-weight: 400
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}

.blockquote {
	margin-bottom: 40px;
	font-size: 1.25rem
}

.img-fluid {
	max-width: 100%;
	height: auto
}

code {
	font-size: 87.5%;
	color: #e83e8c;
	word-wrap: break-word
}

a>code {
	color: inherit
}

kbd {
	padding: .2rem .4rem;
	font-size: 87.5%;
	color: #fff;
	background-color: #212529;
	border-radius: .2rem
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700
}

pre {
	display: block;
	font-size: 87.5%;
	color: #212529
}

pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal
}

.container {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto
}

@media(min-width:576px) {
	.container {
		max-width: 576px
	}
}

@media(min-width:768px) {
	.container {
		max-width: 768px
	}
}

@media(min-width:992px) {
	.container {
		max-width: 992px
	}
}

@media(min-width:1200px) {
	.container {
		max-width: 1200px
	}
}

@media(min-width:1400px) {
	.container {
		max-width: 1400px
	}
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px
}

.col-2,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-10,
.col-11,
.col-12,
.col,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-10,
.col-lg-11,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xxl-5,
.col-xxl-8 {
	position: relative;
	width: 100%;
	padding-right: 20px;
	padding-left: 20px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.66667%;
	flex: 0 0 16.66667%;
	max-width: 16.66667%
}

.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%
}

.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.33333%;
	flex: 0 0 58.33333%;
	max-width: 58.33333%
}

.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.66667%;
	flex: 0 0 66.66667%;
	max-width: 66.66667%
}

.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.33333%;
	flex: 0 0 83.33333%;
	max-width: 83.33333%
}

.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.66667%;
	flex: 0 0 91.66667%;
	max-width: 91.66667%
}

.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.offset-3 {
	margin-left: 25%
}

@media(min-width:576px) {
	.col-sm-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-sm-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}

	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
}

@media(min-width:768px) {
	.col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}

	.col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}

	.col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}

	.col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}

	.col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
}

@media(min-width:992px) {
	.col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-lg-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}

	.col-lg-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}

	.col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}

	.col-lg-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}

	.col-lg-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}

	.col-lg-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}

	.offset-lg-1 {
		margin-left: 8.33333%
	}

	.offset-lg-2 {
		margin-left: 16.66667%
	}

	.offset-lg-3 {
		margin-left: 25%
	}
}

@media(min-width:1200px) {
	.col-xl-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}

	.col-xl-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-xl-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}

	.col-xl-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-xl-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}

	.col-xl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}

	.col-xl-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-xl-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}

	.offset-xl-1 {
		margin-left: 8.33333%
	}
}

@media(min-width:1400px) {
	.col-xxl-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}

	.col-xxl-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
}

.table {
	width: 100%;
	margin-bottom: 40px;
	color: #707a80
}

.table th,
.table td {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
	border-top: 2px solid #dee2e6
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.6em + 0.75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
	.form-control {
		-webkit-transition: none;
		transition: none
	}
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #495057
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #75ccff;
	outline: 0;
	-webkit-box-shadow: 0 0 0 .2rem rgba(0, 154, 244, .25);
	box-shadow: 0 0 0 .2rem rgba(0, 154, 244, .25)
}

.form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}

input[type=date].form-control,
input[type=time].form-control,
input[type=month].form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

select.form-control[size],
select.form-control[multiple] {
	height: auto
}

textarea.form-control {
	height: auto
}

.form-group {
	margin-bottom: 1rem
}

.form-text {
	display: block;
	margin-top: .25rem
}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
	color: #6c757d
}

.form-check-label {
	margin-bottom: 0
}

.form-check-inline {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem
}

.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0
}

.btn {
	display: inline-block;
	font-weight: 400;
	color: #707a80;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.6;
	border-radius: .25rem;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
	.btn {
		-webkit-transition: none;
		transition: none
	}
}

.btn:hover {
	color: #707a80;
	text-decoration: none
}

.btn:focus,
.btn.focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 .2rem rgba(0, 154, 244, .25);
	box-shadow: 0 0 0 .2rem rgba(0, 154, 244, .25)
}

.btn.disabled,
.btn:disabled {
	opacity: .65
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer
}

a.btn.disabled {
	pointer-events: none
}

.btn-primary {
	color: #fff;
	background-color: #009af4;
	border-color: #009af4
}

.btn-primary:hover {
	color: #fff;
	background-color: #0082ce;
	border-color: #007ac1
}

.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: #0082ce;
	border-color: #007ac1;
	-webkit-box-shadow: 0 0 0 .2rem rgba(38, 169, 246, .5);
	box-shadow: 0 0 0 .2rem rgba(38, 169, 246, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #009af4;
	border-color: #009af4
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #007ac1;
	border-color: #0072b4
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(38, 169, 246, .5);
	box-shadow: 0 0 0 .2rem rgba(38, 169, 246, .5)
}

.btn-secondary {
	color: #fff;
	background-color: #3b4958;
	border-color: #3b4958
}

.btn-secondary:hover {
	color: #fff;
	background-color: #2c3641;
	border-color: #273039
}

.btn-secondary:focus,
.btn-secondary.focus {
	color: #fff;
	background-color: #2c3641;
	border-color: #273039;
	-webkit-box-shadow: 0 0 0 .2rem rgba(88, 100, 113, .5);
	box-shadow: 0 0 0 .2rem rgba(88, 100, 113, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
	color: #fff;
	background-color: #3b4958;
	border-color: #3b4958
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #273039;
	border-color: #212932
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(88, 100, 113, .5);
	box-shadow: 0 0 0 .2rem rgba(88, 100, 113, .5)
}

.btn-dark {
	color: #fff;
	background-color: #2e3946;
	border-color: #2e3946
}

.btn-dark:hover {
	color: #fff;
	background-color: #1f262f;
	border-color: #1a2027
}

.btn-dark:focus,
.btn-dark.focus {
	color: #fff;
	background-color: #1f262f;
	border-color: #1a2027;
	-webkit-box-shadow: 0 0 0 .2rem rgba(77, 87, 98, .5);
	box-shadow: 0 0 0 .2rem rgba(77, 87, 98, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
	color: #fff;
	background-color: #2e3946;
	border-color: #2e3946
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active {
	color: #fff;
	background-color: #1a2027;
	border-color: #151a20
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(77, 87, 98, .5);
	box-shadow: 0 0 0 .2rem rgba(77, 87, 98, .5)
}

.btn-lg {
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem
}

.btn-sm {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.btn-block {
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: .5rem
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
	width: 100%
}

.fade {
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
	.fade {
		-webkit-transition: none;
		transition: none
	}
}

.fade:not(.show) {
	opacity: 0
}

.collapse:not(.show) {
	display: none
}

.dropdown {
	position: relative
}

.input-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%
}

.input-group>.form-control {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	margin-bottom: 0
}

.input-group>.form-control+.form-control {
	margin-left: -1px
}

.input-group>.form-control:focus {
	z-index: 3
}

.input-group>.form-control:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.form-control:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group-append {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.input-group-append .btn {
	position: relative;
	z-index: 2
}

.input-group-append .btn:focus {
	z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
	margin-left: -1px
}

.input-group-append {
	margin-left: -1px
}

.input-group-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: .375rem .75rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	color: #495057;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
	margin-top: 0
}

.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav-tabs {
	border-bottom: 1px solid #dee2e6
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(59, 64, 89, .125);
	border-radius: .25rem
}

.card>hr {
	margin-right: 0;
	margin-left: 0
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(59, 64, 89, .03);
	border-bottom: 1px solid rgba(59, 64, 89, .125)
}

.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.accordion {
	overflow-anchor: none
}

.accordion>.card {
	overflow: hidden
}

.accordion>.card:not(:last-of-type) {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.accordion>.card>.card-header {
	border-radius: 0;
	margin-bottom: -1px
}

.breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: .75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #e9ecef;
	border-radius: .25rem
}

.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem
}

.alert-danger {
	color: #8f3a4f;
	background-color: #f8d7da;
	border-color: #f5c6cb
}

.alert-danger hr {
	border-top-color: #f1b0b7
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 1rem 0
	}

	to {
		background-position: 0 0
	}
}

.progress {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 1rem;
	overflow: hidden;
	line-height: 0;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .25rem
}

.media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #3b4059;
	text-shadow: 0 1px 0 #fff;
	opacity: .5
}

.close:hover {
	color: #3b4059;
	text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
	opacity: .75
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0
}

a.close.disabled {
	pointer-events: none
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px)
}

@media(prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog {
		-webkit-transition: none;
		transition: none
	}
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none
}

.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content;
	content: ""
}

.modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(59, 64, 89, .2);
	border-radius: .3rem;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #3b4059
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: .5
}

.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem
}

@media(min-width:576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto
	}

	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}

	.modal-dialog-centered::before {
		height: calc(100vh - 3.5rem);
		height: -webkit-min-content;
		height: -moz-min-content;
		height: min-content
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: sofia-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	opacity: 0
}

.tooltip.show {
	opacity: .9
}

.tooltip .arrow {
	position: absolute;
	display: block;
	width: .8rem;
	height: .4rem
}

.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid
}

.tooltip-inner {
	max-width: 200px;
	padding: .25rem .5rem;
	color: #fff;
	text-align: center;
	background-color: #3b4059;
	border-radius: .25rem
}

.carousel {
	position: relative
}

@-webkit-keyframes spinner-border {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spinner-border {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes spinner-grow {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes spinner-grow {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.align-middle {
	vertical-align: middle !important
}

.bg-primary {
	background-color: #009af4 !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: #007ac1 !important
}

.bg-secondary {
	background-color: #3b4958 !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
	background-color: #273039 !important
}

.bg-success {
	background-color: #009af4 !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
	background-color: #007ac1 !important
}

.bg-light {
	background-color: #f8f9fa !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
	background-color: #dae0e5 !important
}

.bg-dark {
	background-color: #2e3946 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
	background-color: #1a2027 !important
}

.bg-white {
	background-color: #fff !important
}

.border {
	border: 1px solid #dee2e6 !important
}

.border-top {
	border-top: 1px solid #dee2e6 !important
}

.border-right {
	border-right: 1px solid #dee2e6 !important
}

.border-bottom {
	border-bottom: 1px solid #dee2e6 !important
}

.border-left {
	border-left: 1px solid #dee2e6 !important
}

.border-0 {
	border: 0 !important
}

.border-secondary {
	border-color: #3b4958 !important
}

.border-white {
	border-color: #fff !important
}

.rounded {
	border-radius: .25rem !important
}

.rounded-right {
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important
}

.rounded-left {
	border-top-left-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important
}

.rounded-lg {
	border-radius: .3rem !important
}

.rounded-circle {
	border-radius: 50% !important
}

.clearfix::after {
	display: block;
	clear: both;
	content: ""
}

.d-none {
	display: none !important
}

.d-inline-block {
	display: inline-block !important
}

.d-block {
	display: block !important
}

.d-flex,
#gallery-target .thumbnail-gallery {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important
}

@media(min-width:576px) {
	.d-sm-block {
		display: block !important
	}

	.d-sm-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

@media(min-width:768px) {
	.d-md-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

@media(min-width:992px) {
	.d-lg-none {
		display: none !important
	}

	.d-lg-inline-block {
		display: inline-block !important
	}

	.d-lg-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

@media(min-width:1200px) {
	.d-xl-inline-block {
		display: inline-block !important
	}

	.d-xl-block {
		display: block !important
	}

	.d-xl-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

.flex-column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important
}

.flex-row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important
}

.flex-column-reverse {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important
}

.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important
}

.flex-grow-0 {
	-webkit-box-flex: 0 !important;
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important
}

.flex-grow-1 {
	-webkit-box-flex: 1 !important;
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important
}

.justify-content-start,
#gallery-target .thumbnail-gallery {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important
}

.justify-content-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important
}

.align-items-start {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important
}

.align-items-end {
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important
}

.align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important
}

@media(min-width:576px) {
	.flex-sm-grow-0 {
		-webkit-box-flex: 0 !important;
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}
}

@media(min-width:1200px) {
	.flex-xl-row {
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-xl-fill {
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}

	.justify-content-xl-center {
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-xl-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}
}

@media(min-width:992px) {
	.float-lg-left {
		float: left !important
	}

	.float-lg-right {
		float: right !important
	}
}

.overflow-hidden {
	overflow: hidden !important
}

.position-relative {
	position: relative !important
}

.position-absolute {
	position: absolute !important
}

.shadow-sm {
	-webkit-box-shadow: 0 .125rem .25rem rgba(59, 64, 89, .075) !important;
	box-shadow: 0 .125rem .25rem rgba(59, 64, 89, .075) !important
}

.shadow {
	-webkit-box-shadow: 0 .5rem 1rem rgba(59, 64, 89, .15) !important;
	box-shadow: 0 .5rem 1rem rgba(59, 64, 89, .15) !important
}

.shadow-lg {
	-webkit-box-shadow: 0 1rem 3rem rgba(59, 64, 89, .175) !important;
	box-shadow: 0 1rem 3rem rgba(59, 64, 89, .175) !important
}

.w-50 {
	width: 50% !important
}

.w-75 {
	width: 75% !important
}

.w-100 {
	width: 100% !important
}

.h-100 {
	height: 100% !important
}

.m-0 {
	margin: 0 !important
}

.mt-0,
.my-0 {
	margin-top: 0 !important
}

.mr-0,
.mx-0 {
	margin-right: 0 !important
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
	margin-left: 0 !important
}

.m-1 {
	margin: 10px !important
}

.mt-1,
.my-1 {
	margin-top: 10px !important
}

.mr-1,
.mx-1 {
	margin-right: 10px !important
}

.mb-1,
.my-1 {
	margin-bottom: 10px !important
}

.mx-1 {
	margin-left: 10px !important
}

.m-2 {
	margin: 20px !important
}

.mt-2,
.my-2 {
	margin-top: 20px !important
}

.mr-2,
.mx-2 {
	margin-right: 20px !important
}

.mb-2,
.my-2 {
	margin-bottom: 20px !important
}

.ml-2,
.mx-2 {
	margin-left: 20px !important
}

.m-3 {
	margin: 40px !important
}

.mt-3,
.my-3 {
	margin-top: 40px !important
}

.mr-3 {
	margin-right: 40px !important
}

.mb-3,
.my-3 {
	margin-bottom: 40px !important
}

.m-4 {
	margin: 60px !important
}

.mt-4 {
	margin-top: 60px !important
}

.mx-4 {
	margin-right: 60px !important
}

.mb-4 {
	margin-bottom: 60px !important
}

.mx-4 {
	margin-left: 60px !important
}

.m-5 {
	margin: 120px !important
}

.mb-5 {
	margin-bottom: 120px !important
}

.p-0 {
	padding: 0 !important
}

.pt-0,
.py-0 {
	padding-top: 0 !important
}

.pr-0,
.px-0 {
	padding-right: 0 !important
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important
}

.px-0 {
	padding-left: 0 !important
}

.p-1 {
	padding: 10px !important
}

.pt-1,
.py-1 {
	padding-top: 10px !important
}

.pr-1,
.px-1 {
	padding-right: 10px !important
}

.pb-1,
.py-1 {
	padding-bottom: 10px !important
}

.pl-1,
.px-1 {
	padding-left: 10px !important
}

.p-2 {
	padding: 20px !important
}

.pt-2,
.py-2 {
	padding-top: 20px !important
}

.px-2 {
	padding-right: 20px !important
}

.pb-2,
.py-2 {
	padding-bottom: 20px !important
}

.pl-2,
.px-2 {
	padding-left: 20px !important
}

.p-3 {
	padding: 40px !important
}

.pt-3,
.py-3 {
	padding-top: 40px !important
}

.pr-3,
.px-3 {
	padding-right: 40px !important
}

.pb-3,
.py-3 {
	padding-bottom: 40px !important
}

.pl-3,
.px-3 {
	padding-left: 40px !important
}

.p-4 {
	padding: 60px !important
}

.pt-4,
.py-4 {
	padding-top: 60px !important
}

.pr-4,
.px-4 {
	padding-right: 60px !important
}

.pb-4,
.py-4 {
	padding-bottom: 60px !important
}

.pl-4,
.px-4 {
	padding-left: 60px !important
}

.p-5 {
	padding: 120px !important
}

.pt-5 {
	padding-top: 120px !important
}

.px-5 {
	padding-right: 120px !important
}

.px-5 {
	padding-left: 120px !important
}

.mx-auto {
	margin-right: auto !important
}

.ml-auto,
.mx-auto {
	margin-left: auto !important
}

@media(min-width:576px) {
	.mt-sm-0 {
		margin-top: 0 !important
	}

	.px-sm-1 {
		padding-right: 10px !important
	}

	.px-sm-1 {
		padding-left: 10px !important
	}
}

@media(min-width:768px) {
	.mb-md-0 {
		margin-bottom: 0 !important
	}

	.mb-md-2 {
		margin-bottom: 20px !important
	}

	.mr-md-3 {
		margin-right: 40px !important
	}

	.pt-md-2 {
		padding-top: 20px !important
	}

	.px-md-2 {
		padding-right: 20px !important
	}

	.px-md-2 {
		padding-left: 20px !important
	}

	.p-md-3 {
		padding: 40px !important
	}

	.pt-md-3 {
		padding-top: 40px !important
	}

	.px-md-3 {
		padding-right: 40px !important
	}

	.px-md-3 {
		padding-left: 40px !important
	}
}

@media(min-width:992px) {
	.mt-lg-0 {
		margin-top: 0 !important
	}

	.mx-lg-0 {
		margin-right: 0 !important
	}

	.mb-lg-0 {
		margin-bottom: 0 !important
	}

	.mx-lg-0 {
		margin-left: 0 !important
	}

	.mb-lg-3 {
		margin-bottom: 40px !important
	}

	.mx-lg-4 {
		margin-right: 60px !important
	}

	.mx-lg-4 {
		margin-left: 60px !important
	}

	.pl-lg-0 {
		padding-left: 0 !important
	}

	.p-lg-2 {
		padding: 20px !important
	}

	.pl-lg-2 {
		padding-left: 20px !important
	}

	.p-lg-3 {
		padding: 40px !important
	}

	.pt-lg-3 {
		padding-top: 40px !important
	}

	.pr-lg-3,
	.px-lg-3 {
		padding-right: 40px !important
	}

	.px-lg-3 {
		padding-left: 40px !important
	}

	.p-lg-4 {
		padding: 60px !important
	}

	.py-lg-4 {
		padding-top: 60px !important
	}

	.pr-lg-4,
	.px-lg-4 {
		padding-right: 60px !important
	}

	.py-lg-4 {
		padding-bottom: 60px !important
	}

	.px-lg-4 {
		padding-left: 60px !important
	}

	.px-lg-5 {
		padding-right: 120px !important
	}

	.px-lg-5 {
		padding-left: 120px !important
	}
}

@media(min-width:1200px) {
	.mt-xl-0 {
		margin-top: 0 !important
	}

	.mb-xl-0 {
		margin-bottom: 0 !important
	}

	.mx-xl-3 {
		margin-right: 40px !important
	}

	.mx-xl-3 {
		margin-left: 40px !important
	}

	.mx-xl-4 {
		margin-right: 60px !important
	}

	.mx-xl-4 {
		margin-left: 60px !important
	}

	.pr-xl-0 {
		padding-right: 0 !important
	}

	.pr-xl-1 {
		padding-right: 10px !important
	}

	.p-xl-3 {
		padding: 40px !important
	}

	.py-xl-3 {
		padding-top: 40px !important
	}

	.pr-xl-3 {
		padding-right: 40px !important
	}

	.py-xl-3 {
		padding-bottom: 40px !important
	}

	.p-xl-4 {
		padding: 60px !important
	}

	.px-xl-4 {
		padding-right: 60px !important
	}

	.pl-xl-4,
	.px-xl-4 {
		padding-left: 60px !important
	}
}

@media(min-width:1400px) {
	.p-xxl-4 {
		padding: 60px !important
	}
}

.text-left {
	text-align: left !important
}

.text-right {
	text-align: right !important
}

.text-center {
	text-align: center !important
}

@media(min-width:576px) {
	.text-sm-right {
		text-align: right !important
	}
}

@media(min-width:768px) {
	.text-md-right {
		text-align: right !important
	}
}

@media(min-width:992px) {
	.text-lg-left {
		text-align: left !important
	}
}

@media(min-width:1200px) {
	.text-xl-left {
		text-align: left !important
	}
}

.text-uppercase {
	text-transform: uppercase !important
}

.font-weight-light {
	font-weight: 300 !important
}

.font-weight-normal {
	font-weight: 400 !important
}

.font-weight-bold {
	font-weight: 700 !important
}

.font-italic {
	font-style: italic !important
}

.text-white {
	color: #fff !important
}

.text-primary {
	color: #009af4 !important
}

a.text-primary:hover,
a.text-primary:focus {
	color: #006aa8 !important
}

.text-secondary {
	color: #3b4958 !important
}

a.text-secondary:hover,
a.text-secondary:focus {
	color: #1c232a !important
}

.text-light {
	color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
	color: #cbd3da !important
}

.text-dark {
	color: #2e3946 !important
}

a.text-dark:hover,
a.text-dark:focus {
	color: #101318 !important
}

.text-muted {
	color: #6c757d !important
}

.text-black-50 {
	color: rgba(59, 64, 89, .5) !important
}

.text-white-50 {
	color: rgba(255, 255, 255, .5) !important
}

.visible {
	visibility: visible !important
}

@media print {

	*,
	*::before,
	*::after {
		text-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}

	a:not(.btn) {
		text-decoration: underline
	}

	pre {
		white-space: pre-wrap !important
	}

	pre,
	blockquote {
		border: 1px solid #adb5bd;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	tr,
	img {
		page-break-inside: avoid
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}

	@page {
		size: a3
	}

	body {
		min-width: 992px !important
	}

	.container {
		min-width: 992px !important
	}

	.table {
		border-collapse: collapse !important
	}

	.table td,
	.table th {
		background-color: #fff !important
	}
}

html {
	overflow-x: hidden
}

body {
	overflow-x: hidden;
	color: #707a80;
	background: #e1e5e9;
	background: linear-gradient(231deg, #f9fcff 0, #e1e5e9 100%);
	letter-spacing: -.01rem
}

::-moz-selection {
	background: #ffd7ac;
	color: #fff
}

::selection {
	background: #ffd7ac;
	color: #fff
}

hr {
	width: 20%;
	margin: 40px auto 50px;
	border: 2px solid #dee2e6
}

@media(min-width:1200px) {
	hr {
		margin: 60px auto
	}
}

a {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #3b4059;
	text-decoration: underline;
	outline: 0
}

a:before,
a:after,
a * {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

@media(min-width:1200px) {
	a:hover {
		text-decoration: none
	}
}

input,
textarea,
button,
select {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	outline: 0;
	-webkit-appearance: none;
	border: 1px solid #dee2e6;
	padding: 8px
}

input:-webkit-autofill,
textarea:-webkit-autofill,
button:-webkit-autofill,
select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px #fffdec inset;
	box-shadow: 0 0 0 30px #fffdec inset
}

button {
	border: 0;
	border-radius: 4px;
	cursor: pointer
}

input,
textarea,
select {
	border-radius: 0;
	background: #fff
}

input:focus,
textarea:focus,
select:focus {
	border-color: #adb5bd
}

select {
	-moz-appearance: none
}

p {
	margin-bottom: 26.66667px
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	line-height: 1.3
}

h1,
.h1 {
	font-weight: 700;
	color: #3b4059;
	font-size: 2.5rem;
	line-height: 1.2;
	letter-spacing: -.05rem
}

@media(min-width:1200px) {

	h1,
	.h1 {
		font-size: 3.25rem
	}
}

h2,
.h2 {
	font-weight: 700;
	color: #3b4059;
	font-size: 1.625rem;
	margin-bottom: 40px
}

@media(min-width:768px) {

	h2,
	.h2 {
		font-size: 1.875rem
	}
}

@media(min-width:1200px) {

	h2,
	.h2 {
		font-size: 2.25rem
	}
}

h3,
.h3 {
	font-weight: 700;
	color: #3b4059;
	font-size: 1.5rem;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative
}

@media(min-width:1200px) {

	h3,
	.h3 {
		font-size: 1.875rem;
		letter-spacing: -.05rem;
		margin-top: 80px
	}
}

h4,
.h4 {
	font-weight: 600;
	font-size: 1.25rem
}

@media(min-width:1200px) {

	h4,
	.h4 {
		font-size: 1.75rem
	}
}

h5,
.h5 {
	font-weight: 700;
	color: #3b4059;
	font-size: 1.1875rem;
	letter-spacing: -.03rem
}

@media(min-width:1200px) {

	h5,
	.h5 {
		font-size: 1.375rem
	}
}

h6,
.h6 {
	text-transform: uppercase;
	letter-spacing: .1rem
}

h1.nw {
	font-weight: 400
}

h2.nw {
	font-weight: 400
}

h3.nw {
	font-weight: 400
}

h4.nw {
	font-weight: 400
}

h5.nw {
	font-weight: 400
}

h6.nw {
	font-weight: 400
}

.display-1 {
	font-size: 2rem;
	line-height: 1.3;
	font-weight: 700
}

@media(min-width:576px) {
	.display-1 {
		font-size: 2.625rem
	}
}

@media(min-width:992px) {
	.display-1 {
		font-size: 5vw;
		line-height: 1.1;
		margin: 26.66667px 0 50px
	}
}

.page h1 {
	font-size: 2rem;
	line-height: 1.3
}

@media(min-width:576px) {
	.page h1 {
		font-size: 2.625rem
	}
}

@media(min-width:992px) {
	.page h1 {
		font-size: 5vw;
		line-height: 1.1;
		margin: 26.66667px 0 50px
	}
}

.bg-p {
	background: #009af4
}

.bg-s {
	background: #3b4958
}

.bg-a {
	background: #fccc14
}

.bg-g,
#delivery-postcode,
#payment-options .p-details {
	background: #f5f7f9
}

.bg-w {
	background: #fff
}

.bg-success {
	background: #009af4;
	color: #fff
}

.bg-error {
	background: #d01433;
	color: #fff
}

.bg-notify {
	background: #126bde;
	color: #fff
}

.border-error {
	border-color: #d01433 !important
}

.color-p {
	color: #009af4
}

.color-p-on-s {
	color: #5e676b
}

.color-s {
	color: #3b4958
}

.color-a {
	color: #fccc14
}

.color-a-on-s {
	color: #ffd7ac
}

.color-w {
	color: #fff
}

.color-g {
	color: #adb5bd
}

.color-b {
	color: #3b4059
}

.color-success,
#pc-i.valid+span:after {
	color: #009af4;
	font-weight: 600
}

.color-error,
#pc-i.invalid+span:after {
	color: #d01433;
	font-weight: 600
}

.color-error a,
#pc-i.invalid+span:after a {
	color: #d01433
}

.color-notify {
	color: #126bde;
	font-weight: 600
}

.sale-price {
	color: #dd3029 !important
}

.strike {
	text-decoration: line-through
}

.clear-right {
	clear: left
}

.clear-left {
	clear: right
}

.note {
	font-size: .8125rem
}

.switch-unit {
	color: #f9bd3d;
	cursor: pointer;
	text-decoration: underline
}

.switch-unit:hover {
	text-decoration: none
}

.relative {
	position: relative
}

.m-box {
	padding: 8px;
	border-radius: 4px;
	font-size: .875rem;
	margin-bottom: 20px
}

.box {
	border: 1px solid #dee2e6;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	padding: 26.66667px;
	position: relative
}

@media(min-width:992px) {
	.box {
		padding: 40px
	}
}

.box-s {
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

.full {
	position: relative;
	left: -60px;
	width: calc(100% + (120px));
	padding: 60px;
	margin: 60px 0
}

.pill {
	display: inline-block;
	border-radius: 4px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .875rem;
	line-height: 1;
	font-weight: 600;
	padding: 10px 26px 10px 10px;
	position: relative
}

.pill:after {
	content: 'o';
	font-family: ukss;
	text-transform: initial;
	font-size: 1.25rem;
	line-height: 1;
	height: 20px;
	position: absolute;
	right: 2px;
	top: 0;
	bottom: 0;
	margin: auto;
	font-weight: 400
}

.pill.bg-a {
	color: #fff
}

.pill.bg-a:after {
	color: #d6c3ec
}

@media(min-width:992px) {
	.pill {
		padding: 13.33333px 48px 13.33333px 13.33333px;
		font-size: 1.125rem;
		font-weight: 700;
		letter-spacing: .05rem
	}

	.pill:after {
		font-size: 1.5rem;
		height: 24px;
		right: 4px
	}
}

@media(min-width:1200px) {
	.pill {
		padding: 20px 56px 20px 20px
	}

	.pill:after {
		font-size: 1.75rem;
		height: 28px;
		right: 10px
	}

	.pill:hover:after {
		-webkit-transform: translateX(5px);
		transform: translateX(5px)
	}
}

.button-link {
	display: inline-block;
	border-radius: 4px;
	padding: 20px;
	position: relative;
	line-height: 1;
	font-weight: 700;
	text-decoration: none
}

.button-link.bg-p {
	color: #fff
}

.button-link.bg-s {
	color: #fff
}

.button-link.bg-w {
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	color: #3b4958
}

.button-link.bg-a {
	color: #fff
}

@media(min-width:1200px) {
	.button-link {
		font-size: 1.125rem
	}

	.button-link.bg-p:hover {
		background: #3b4958
	}

	.button-link.bg-s:hover {
		background: #fccc14
	}

	.button-link.bg-w:hover {
		background: #fccc14;
		color: #fff
	}

	.button-link.bg-a:hover {
		background: #3b4958;
		color: #fff
	}
}

.logo {
	font-weight: 700;
	font-size: 1.625rem;
	letter-spacing: -.07rem;
	line-height: 1;
	color: #3b4958;
	text-decoration: none
}

.logo svg {
	width: 34px;
	height: auto;
	margin-right: 5px
}

.logo svg .logo-house {
	fill: #3b4958
}

.logo svg .logo-heart {
	fill: #009af4
}

@media(min-width:992px) {
	.logo {
		font-size: 1.875rem
	}

	.logo svg {
		width: 42px;
		margin-right: 10px
	}
}

@media(min-width:1200px) {
	.logo {
		font-size: 2.375rem
	}

	.logo svg {
		width: 50px
	}
}

.social {
	font-size: 1.625rem;
	margin-top: 20px;
}

.social li {
	display: inline-block;
	float: left;
  margin-right: 15px;
}

@media(min-width:768px) {
	.social li {
		display: block;
		float: left;
    margin-right: 15px;
	}
}

.bc {
	font-size: .8125rem;
	line-height: 1;
	letter-spacing: .05rem;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.bc a {
	text-decoration: none;
	color: #a5acb1
}

.bc a svg {
	width: 13px;
	height: 13px
}

.bc a svg path {
	fill: #a5acb1
}

.bc div {
	color: #a5acb1
}

.bc .divider {
	opacity: .4;
	margin: 0 10px
}

@media(min-width:992px) {
	.bc .active {
		display: none
	}
}

@media(min-width:1200px) {
	.bc a:hover {
		color: #009af4
	}

	.bc a:hover svg path {
		fill: #009af4
	}
}

.i-radio {
	position: absolute;
	visibility: hidden;
	z-index: -1
}

.i-radio+label:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	-webkit-box-shadow: inset 0 0 0 2px #dee2e6;
	box-shadow: inset 0 0 0 2px #dee2e6;
	border-radius: 50%;
	position: relative;
	top: 4px;
	margin-right: 2px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: #fff
}

.i-radio:checked+label:before {
	-webkit-box-shadow: inset 0 0 0 7px #009af4;
	box-shadow: inset 0 0 0 7px #009af4
}

@media(min-width:992px) {
	.i-radio+label:before {
		margin-right: 10px
	}
}

.i-checkbox {
	position: absolute;
	visibility: hidden;
	z-index: -1
}

.i-checkbox+label:before {
	content: 'L';
	font-family: ukss;
	font-size: 1.5rem;
	position: relative;
	top: 6px;
	margin-right: 8px;
	line-height: 1;
	display: inline-block
}

.i-checkbox:checked+label:before {
	content: 'r';
	-webkit-transform: translateX(2px);
	transform: translateX(2px)
}

.select-c {
	position: relative
}

.select-c:after {
	content: 'm';
	font-family: ukss;
	color: #6c757d;
	font-size: 1.375rem;
	line-height: 1;
	height: 22px;
	position: absolute;
	right: 4px;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none
}

.select-c select {
	padding-right: 40px
}

.disclaimer {
	font-size: .75rem
}

.p-featured .pl-i:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 7px 0;
	background: rgba(0, 154, 244, .8);
	letter-spacing: .06em;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	content: "Featured Product";
	color: #fff;
	z-index: 2
}

.pl {
	margin-bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.pl * {
	display: block;
	line-height: 1.2
}

.pl .pl-i {
	margin-bottom: 20px;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: relative;
	overflow: hidden;
	background: #fff
}

.pl .pl-i a {
	padding: 50% 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.pl .pl-i a:before {
	content: '';
	position: absolute;
	left: -1250px;
	top: -100px;
	z-index: 2;
	width: 310%;
	height: 470%;
	background: rgba(46, 57, 70, .4);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.pl .pl-i a:after {
	content: 'J';
	font-family: ukss;
	font-size: 2.625rem;
	line-height: 50px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 5px solid #fff;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3;
	color: #fff;
	text-align: center;
	opacity: 0
}

.pl .pl-i img {
	max-width: 100%;
	position: absolute;
	top: 0;
	width: 100%
}

.pl .pl-i-reviews {
	padding-bottom: 10px
}

.pl .pl-i-reviews .review-stars {
	font-size: 14px;
	margin-left: 0
}

.pl .pl-i-reviews span {
	font-size: 14px;
	display: inline-block
}

.pl .pl-c {
	margin-bottom: 10px;
	color: #adb5bd;
	text-transform: uppercase;
	letter-spacing: .04em;
	text-decoration: none
}

.pl .pl-n {
	font-size: 1.5rem;
	line-height: 1.1;
	font-weight: 700;
	color: #3b4059;
	margin-bottom: 10px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-decoration: none
}

.pl .pl-p {
	font-size: 1.25rem;
	color: #adb5bd
}

.pl .pl-p * {
	display: inline-block
}

.pl .pl-p span {
	font-size: .875rem;
	color: #adb5bd;
	display: inline-block;
	margin-right: 6px
}

.pl .pl-p .sale-price {
	margin-right: 10px
}

.pl.pl-cat .pl-i {
	background: linear-gradient(135deg, #3b4958 13%, #3b4958 40%, #273039 100%)
}

.pl.pl-cat .pl-i a:before,
.pl.pl-cat .pl-i a:after {
	display: none
}

.pl.pl-cat .pl-cat-d {
	display: block;
	width: calc(100% - (40px * 1.25));
	position: absolute;
	left: 26.66667px;
	bottom: 26.66667px;
	z-index: 2
}

.pl.pl-cat .pl-c {
	color: #5e676b;
	margin-bottom: 5px
}

.pl.pl-cat .pl-n {
	font-size: 2.625rem;
	line-height: 1;
	color: #fff;
	margin-bottom: 20px
}

.pl.pl-cat .btn {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 44px;
	letter-spacing: .04em;
	display: block
}

@media(min-width:1200px) {
	.pl .pl-i a:hover:before {
		left: -400px;
		z-index: 3
	}

	.pl .pl-i a:hover:after {
		opacity: 1;
		-webkit-transition-delay: 300ms;
		transition-delay: 300ms
	}

	.pl.pl-cat .pl-i a:hover .btn {
		background: #fccc14;
		-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .5), 0 7px 14px rgba(47, 59, 96, .35), 0 3px 7px rgba(8, 8, 8, .2);
		box-shadow: 0 25px 50px rgba(47, 59, 96, .5), 0 7px 14px rgba(47, 59, 96, .35), 0 3px 7px rgba(8, 8, 8, .2)
	}

	.pl .pl-c:hover,
	.pl .pl-n:hover {
		text-decoration: underline
	}

	.pl .pl-n {
		font-size: 1.375rem;
		letter-spacing: -.03rem
	}

	.pl .pl-p {
		font-size: 1.5rem
	}

	.pl .pl-p span {
		font-size: 1rem;
		color: #adb5bd;
		display: inline-block
	}
}

.sale-item .pl-i:after,
.new-item .pl-i:after,
.sale-item .pl-qv-l:after,
.new-item .pl-qv-l:after {
	content: 'SALE';
	background: #dd3029;
	position: absolute;
	z-index: 2;
	color: #fff;
	font-weight: 600;
	line-height: 42px;
	width: 44px;
	height: 44px;
	text-align: center;
	border-radius: 50%;
	letter-spacing: .03rem
}

.sale-item .pl-i:after,
.new-item .pl-i:after {
	line-height: 42px;
	width: 44px;
	height: 44px;
	font-size: .8125rem;
	left: 10px;
	top: 10px
}

.sale-item .pl-qv-l:after,
.new-item .pl-qv-l:after {
	line-height: 54px;
	width: 56px;
	height: 56px;
	font-size: 1rem;
	left: 20px;
	top: 20px
}

.new-item .pl-i:after,
.new-item .pl-qv-l:after {
	content: 'NEW';
	background: #009af4
}

.bestseller .pl-i:after,
.bestseller .pl-qv-l:after {
	content: '\2605 \0020 This week\'s bestseller \0020 \2605';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	background: #3b4958;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .03rem;
	line-height: 1;
	padding: 10px 4px;
	text-align: center
}

.bestseller .pl-i:after {
	font-size: .9375rem
}

.bestseller .pl-qv-l:after {
	font-size: 1.125rem
}

.pl-qv img {
	display: block
}

.pl-qv h2 {
	margin-bottom: 0
}

.pl-qv h6 {
	font-size: .875rem;
	color: #3b4059;
	font-weight: 700;
	margin-bottom: 10px
}

.pl-qv ul {
	list-style: none;
	padding: 0
}

.pl-qv li {
	margin: 0 0 5px;
	line-height: 1.4;
	position: relative
}

.pl-qv .modal-content {
	border-radius: 0
}

.pl-qv .modal-dialog {
	max-width: 1180px
}

.pl-qv .modal-body {
	padding: 0
}

.pl-qv .close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	font-size: 1.875rem;
	padding: 20px;
	opacity: 1
}

.pl-qv .pl-qv-nav {
	width: 60px;
	height: 60px;
	position: absolute;
	z-index: 3;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #3b4958;
	text-decoration: none;
	font-size: .8125rem;
	line-height: 1;
	font-eight: 600;
	color: #5e676b;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 2.875rem
}

.pl-qv .pl-qv-nav:before {
	position: relative;
	top: -2px
}

.pl-qv .pl-qv-nav.pl-qv-prev {
	left: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.pl-qv .pl-qv-nav.pl-qv-prev:before {
	left: -2px
}

.pl-qv .pl-qv-nav.pl-qv-next {
	right: 0;
	-webkit-transform: translateX(50%);
	transform: translateX(50%)
}

.pl-qv .pl-qv-nav.pl-qv-next:before {
	left: 2px
}

.pl-qv .pl-qv-nav:hover {
	background: #fccc14
}

.pl-qv .pl-qv-nav:hover:before {
	color: #3b4958
}

.pl-qv .pl-qv-l {
	overflow: hidden;
	position: relative;
	z-index: 1
}

.pl-qv .pl-qv-l img {
	max-height: 105%;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.pl-qv .pl-qv-l:before {
	content: '';
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 2;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27px 28px 27px 0;
	border-color: transparent #fff transparent transparent
}

.pl-qv .pl-qv-r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	z-index: 2;
	min-height: 77vh;
	max-height: 80vh;
	overflow: auto
}

.pl-qv .pl-qv-m {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.pl-qv .pl-qv-c {
	text-transform: uppercase;
	line-height: 1
}

.pl-qv .pl-qv-p {
	font-size: 1.875rem;
	color: #009af4;
	margin-bottom: 20px;
	line-height: 1
}

.pl-qv .pl-qv-p span {
	font-size: 1.25rem
}

.pl-qv .pl-qv-p .strike {
	color: #adb5bd
}

.pl-qv .pl-qv-d {
	margin-bottom: 26.66667px
}

.pl-qv .pl-qv-d a {
	font-weight: 600
}

.pl-qv .pl-qv-kf ul {
	margin-bottom: 40px
}

.pl-qv .pl-qv-kf li {
	padding-left: 13.33333px;
	margin-left: 5px
}

.pl-qv .pl-qv-kf li:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #3b4059;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 9px
}

.pl-qv .pl-qv-so .switch-unit {
	font-size: .875rem;
	letter-spacing: 0;
	text-transform: initial;
	font-weight: 400;
	margin-left: 10px
}

.pl-qv .pl-qv-so ul {
	margin-bottom: 26.66667px
}

.pl-qv .pl-qv-co .swatches {
	margin: 14px 0 40px
}

.pl-qv .pl-qv-co .swatches li {
	width: 19px;
	height: 19px;
	margin-right: 6px
}

.pl-qv .pl-qv-e {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.pl-qv .pl-qv-e .pl-qv-pl {
	background: #fccc14;
	display: inline-block;
	color: #fff;
	padding: 10px 40px;
	text-transform: uppercase;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: .03rem;
	text-decoration: none;
	border-radius: 4px
}

.pl-qv .pl-qv-e .pl-qv-pl:hover {
	background: #3b4958
}

.pl-qv .pl-qv-e .review-no {
	margin-left: 5px;
	position: relative;
	top: 0
}

@media(min-width:1400px) {
	.pl-qv .modal-dialog {
		max-width: 1280px
	}

	.pl-qv .pl-qv-r {
		min-height: 62vh;
		max-height: 70vh
	}

	.pl-qv .pl-qv-co .swatches li {
		width: 20px;
		height: 20px;
		margin-right: 7px
	}
}

#accordion {
	border-bottom: 1px solid #dee2e6;
	margin-bottom: 80px
}

.tab-title {
	font-weight: 600;
	color: #3b4059;
	border-top: 1px solid #dee2e6;
	font-size: 1.125rem;
	line-height: 1;
	padding: 20px 30px 20px 5px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tab-title:after {
	content: 'p';
	font-family: ukss;
	color: #ced4da;
	font-size: 1.5rem;
	-webkit-transition: none;
	transition: none;
	position: absolute;
	right: 0
}

.tab-title.collapsed:after {
	content: 'm'
}

.tab-content {
	padding: 20px 40px 0 5px
}

.tab-content:after {
	content: '';
	display: block;
	height: 20px
}

.reviews {
	display: inline-block
}

.reviews .review-stars {
	font-size: .875rem;
	color: #ff9d1f;
	margin-left: 20px
}

.reviews .review-stars span {
	margin-left: 3px;
	position: relative;
	top: 2px
}

.reviews .review-no {
	color: #adb5bd;
	font-size: .875rem;
	font-weight: 400;
	position: relative;
	top: 1px
}

@media(min-width:1200px) {
	.reviews .review-stars {
		font-size: 1rem
	}

	.reviews .review-no {
		font-size: 1rem
	}
}

.swatches {
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swatches *[class^=sw-] {
	display: inline-block;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 #009af4;
	box-shadow: 0 0 0 0 #009af4
}

.swatches .selected {
	-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 7px #ced4da;
	box-shadow: 0 0 0 2px #fff, 0 0 0 7px #ced4da
}

@media(min-width:1200px) {
	.swatches *[class^=sw-] {
		width: 32px;
		height: 32px
	}
}

.sw-black {
	background-color: #111
}

.sw-white {
	background-color: #fff;
	border: 1px solid #ced4da
}

.sw-red {
	background-color: #dd3029
}

.sw-orange {
	background-color: #eb662d
}

.sw-yellow {
	background-color: #f9cd00
}

.sw-lime-green {
	background-color: #8dbd11
}

.sw-dark-green {
	background-color: #2ca443
}

.sw-light-blue {
	background-color: #1597d1
}

.sw-dark-blue {
	background-color: #0b295b
}

.sw-purple {
	background-color: #432771
}

.sw-light-grey {
	background-color: #bebfc1
}

.sw-dark-grey {
	background-color: #31363a
}

.sw-pink {
	background-color: #c81d83
}

.sw-gold {
	background-color: #d2ab6c
}

.sw-silver {
	background-color: #adadaa
}

.sw-acm-silver {
	background: linear-gradient(135deg, #f2f6f8 0, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%)
}

.sw-acm-bronze {
	background: linear-gradient(135deg, #dbb895 0, #7c390e 50%, #592500 52%, #ad6747 100%)
}

.sw-acm-gold {
	background: linear-gradient(135deg, #ddd280 0, #bca85e 50%, #af940e 51%, #e0d576 100%)
}

.sw-acm-red {
	background: linear-gradient(135deg, #eb6571 0, #a30716 50%, #7d0613 52%, #d42a3a 100%)
}

.sw-acm-yellow {
	background: linear-gradient(135deg, #fcde53 0, #e7b403 50%, #da9a01 52%, #fadc52 100%)
}

.sw-acm-green {
	background: linear-gradient(135deg, #43d68c 0, #0e905a 50%, #057d49 52%, #3fce86 100%)
}

.sw-acm-blue {
	background: linear-gradient(135deg, #76c9f9 0, #0f7ab9 50%, #0a5385 52%, #6fbce9 100%)
}

.sw-acm-purple {
	background: linear-gradient(135deg, #ac8dde 0, #4e2e82 50%, #321760 52%, #8869bd 100%)
}

.sw-acm-black {
	background: linear-gradient(135deg, #1c2022 0, #4d6067 50%, #373c3e 51%, #1c2022 100%)
}

.sw-ink-gold {
	background: linear-gradient(135deg, #ddd280 0, #bca85e 50%, #af940e 100%)
}

.sw-ink-silver {
	background: linear-gradient(135deg, #f2f6f8 0, #d8e1e7 50%, #b5c6d0 100%)
}

.modal-backdrop {
	background: #3b4958
}

.modal-backdrop.show {
	opacity: .8
}

.modal-content {
	border: 0;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

.modal-body {
	padding: 40px
}

.stripe-center {
	text-align: center;
	overflow: hidden;
	position: relative;
	width: calc(100% + (120px));
	left: -60px;
	margin-bottom: 26.66667px;
	line-height: 1.2
}

.stripe-center:before,
.stripe-center:after {
	content: '';
	display: inline-block;
	width: 50%;
	height: 8px;
	position: relative;
	vertical-align: middle
}

.stripe-center:before {
	margin-left: -50%;
	right: 20px
}

.stripe-center:after {
	margin-right: -50%;
	left: 20px
}

@media(min-width:768px) {
	.stripe-center {
		margin-bottom: 40px
	}
}

@media(min-width:992px) {
	.stripe-center {
		margin-bottom: 60px
	}
}

.section {
	padding: 33.33333px
}

.section .stripe-center:before,
.section .stripe-center:after {
	background: #dee2e6
}

.section.bg-s .stripe-center {
	color: #fff
}

.section.bg-s .stripe-center:before,
.section.bg-s .stripe-center:after {
	background: #fccc14
}

.section.bg-a .stripe-center {
	color: #fff
}

.section.bg-a .stripe-center:before,
.section.bg-a .stripe-center:after {
	background: #3b4958
}

@media(min-width:768px) {
	.section {
		padding: 40px
	}
}

@media(min-width:1200px) {
	.section {
		padding: 60px
	}
}

.usps .usp-c {
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 0 40px
}

.usps .usp-i {
	font-size: 5rem;
	line-height: 1;
	color: #3b4958;
	height: 120px;
	position: relative
}

.usps .usp-i:before {
	content: '';
	display: block;
	border-radius: 50%;
	width: 75px;
	height: 75px;
	background: #009af4;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto
}

.usps .usp-i:after {
	content: '';
	display: block;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	background: #fccc14;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto
}

.usps .usp-i div {
	position: relative;
	z-index: 2
}

.usps #usp-install:before {
	-webkit-transform: translate(33px, -5px);
	transform: translate(33px, -5px)
}

.usps #usp-install:after {
	-webkit-transform: translate(-28px, -36px);
	transform: translate(-28px, -36px)
}

.usps #usp-secure:before {
	-webkit-transform: translate(28px, 25px);
	transform: translate(28px, 25px)
}

.usps #usp-secure:after {
	-webkit-transform: translate(-21px, -96px);
	transform: translate(-21px, -96px)
}

.usps #usp-materials .icon-diamond {
	font-size: 5.625rem;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.usps #usp-materials:before {
	-webkit-transform: translate(-30px, -10px);
	transform: translate(-30px, -10px)
}

.usps #usp-materials:after {
	-webkit-transform: translate(32px, -64px);
	transform: translate(32px, -64px)
}

.usps #usp-weatherproof .icon-rain-cloud {
	font-size: 11.25rem;
	-webkit-transform: translateY(-45px);
	transform: translateY(-45px)
}

.usps #usp-weatherproof:before {
	-webkit-transform: translate(33px, 10px);
	transform: translate(33px, 10px)
}

.usps #usp-weatherproof:after {
	-webkit-transform: translate(-37px, -185px);
	transform: translate(-37px, -185px)
}

.usps #usp-help .icon-live-chat {
	font-size: 6.25rem;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.usps #usp-help:before {
	-webkit-transform: translate(-31px, -17px);
	transform: translate(-31px, -17px)
}

.usps #usp-help:after {
	-webkit-transform: translate(23px, -68px);
	transform: translate(23px, -68px)
}

#live-chat-button,
#issue-button {
	position: relative;
	padding: 16px 18px 18px 64px;
	overflow: hidden;
	line-height: 1.1;
	font-size: 1.375rem;
	display: inline-block;
	color: #fff;
	font-weight: 600;
	background: #009af4;
	text-decoration: none;
	border-radius: 4px;
	text-transform: uppercase;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

#live-chat-button span,
#issue-button span {
	position: relative;
	z-index: 2
}

#live-chat-button:before,
#issue-button:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: rgba(59, 73, 88, .12);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 12px 0 14px;
	font-size: 1.625rem
}

@media(min-width:1200px) {

	#live-chat-button:hover:before,
	#issue-button:hover:before {
		padding: 0 100% 0 20px;
		background: #3b4958;
		color: #ffd7ac
	}
}

#issue-button {
	background: #3b4958
}

@media(min-width:1200px) {
	#issue-button:hover:before {
		padding: 0 100% 0 20px;
		background: #009af4;
		color: #fff
	}
}

.owl-carousel,
.owl-item,
.owl-stage-outer,
.owl-stage,
.item {
	height: 100%
}

.owl-item {
	overflow: hidden
}

.tooltip .tooltip-inner {
	line-height: 1.25;
	padding: 10px
}

.lightboxOverlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0, #2f385e), color-stop(54%, #2d3a60), to(#0d6488));
	background: linear-gradient(0, #2f385e 0, #2d3a60 54%, #0d6488 100%);
	background: #3b4958;
	opacity: .9;
	display: none
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0
}

.lightbox .lb-number {
	display: none !important
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	max-height: none;
	border: 10px solid #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	background: #fff
}

.lb-outerContainer {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px
}

.lb-nav {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

.lb-nav .lb-prev,
.lb-nav .lb-next {
	width: 34%;
	height: 100%;
	cursor: pointer;
	display: block;
	text-decoration: none;
	position: relative;
	opacity: 0
}

.lb-nav .lb-prev:before,
.lb-nav .lb-next:before {
	font-family: ukss;
	height: 64px;
	font-size: 3.75rem;
	line-height: 1;
	color: #fccc14;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}

.lb-nav .lb-prev {
	float: left;
	text-align: left
}

.lb-nav .lb-prev:before {
	content: 'n';
	left: 0
}

.lb-nav .lb-next {
	float: right;
	text-align: right
}

.lb-nav .lb-next:before {
	content: 'o';
	right: 0
}

@media(min-width:1200px) {

	.lb-nav .lb-prev:hover,
	.lb-nav .lb-next:hover {
		opacity: 1
	}
}

.lb-data {
	padding: 5px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: center;
	align-content: center;
	line-height: 1
}

.lb-data .lb-details {
	font-size: .875rem;
	color: #fff;
	-ms-flex-item-align: center;
	align-self: center
}

.lb-data .lb-close {
	cursor: pointer
}

.lb-data .lb-close:before {
	content: 'B';
	font-family: ukss;
	color: #fff;
	font-size: 1.5rem
}

@media(min-width:1200px) {
	.lb-data .lb-close:hover:before {
		color: #ffd7ac
	}
}

.wavey-bg {
	background: #f8f9fa;
	overflow: hidden
}

@media(min-width:1200px) {
	.wavey-bg {
		background: url(../img/xwavey-bg.png.pagespeed.ic.fd9WBrvGbz.png) no-repeat right center #f8f9fa;
		background-size: cover
	}
}

.reviews-c {
	background: #f8f9fa;
	overflow: hidden;
	border-top: 1px solid rgba(233, 236, 239, .5);
	border-bottom: 1px solid rgba(233, 236, 239, .5)
}

.reviews-c.reviews-c-no-heart:before {
	display: none
}

.reviews-c:before {
	content: url(http://demo.signhq.co.uk/assets/theme/img/xcustomer-love.png.pagespeed.ic.rRK7LNoCK9.png);
	position: absolute;
	right: -190px;
	top: -130px;
	-webkit-transform: scale(.52);
	transform: scale(.52)
}

.reviews-c .left-quote {
	width: 42px;
	margin-bottom: 10px
}

.reviews-c .h2 {
	font-size: 2rem;
	line-height: 1.1;
	font-weight: 300;
	margin-bottom: 40px
}

.reviews-c .h2 strong {
	display: block;
	font-weight: 700
}

.reviews-c #badge-ribbon {
	position: relative;
	left: -16px;
	display: none
}

.reviews-c #reviews-oc .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 26.66667px;
	padding-bottom: 40px
}

.reviews-c #reviews-oc .owl-stage {
	overflow: hidden
}

.reviews-c #reviews-oc .owl-dots {
	margin-left: 26.66667px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 20px
}

.reviews-c #reviews-oc .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	border: 2px solid #adb5bd;
	border-radius: 50%;
	margin-right: 22.22222px
}

.reviews-c #reviews-oc .owl-dots .owl-dot:focus {
	outline: 0
}

.reviews-c #reviews-oc .owl-dots .owl-dot.active {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	background: #009af4;
	border-color: #009af4
}

.reviews-c .review-stars {
	color: #ff9d1f;
	text-align: right;
	margin-bottom: 10px;
	font-size: 1.25rem
}

.reviews-c .review-stars span {
	margin-left: 4px
}

.reviews-c .review-text {
	margin-bottom: 15px;
	font-size: 1.0625rem;
	color: #3b4059;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 26.66667px 33.33333px
}

.reviews-c .review-text:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 56px 0 0;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 40px;
	bottom: -34px
}

.reviews-c .review-name {
	text-align: right;
	font-size: 1.125rem;
	color: #3b4059;
	font-weight: 700
}

@media(min-width:576px) {
	.reviews-c:before {
		right: -150px;
		top: -88px;
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	.reviews-c .h2 {
		font-size: 2.3125rem;
		margin-bottom: 20px
	}
}

@media(min-width:992px) {
	.reviews-c #badge-ribbon {
		display: block
	}
}

@media(min-width:1200px) {
	.reviews-c {
		background: url(http://demo.signhq.co.uk/assets/theme/img/xtestimonial-back.png.pagespeed.ic.OVURdyVEdB.png) no-repeat right center #f8f9fa;
		background-size: contain
	}

	.reviews-c:before {
		-webkit-transform: scale(1);
		transform: scale(1);
		right: -26px;
		top: -30px
	}

	.reviews-c:hover:before {
		-webkit-animation: heartbeat .8s 2 forwards;
		animation: heartbeat .8s 2 forwards
	}

	.reviews-c .left-quote {
		width: 58px;
		margin-bottom: 20px
	}

	.reviews-c .h2 {
		font-size: 2.75rem;
		margin-bottom: 60px
	}

	.reviews-c .review-text {
		font-size: 1.125rem;
		padding: 40px 40px 28px
	}

	.reviews-c .review-name {
		font-size: 1.25rem
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes slideFromRight {
	from {
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideFromRight {
	from {
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes slideFromLeft {
	from {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideFromLeft {
	from {
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes bounce {
	0 {
		-webkit-transform: scale(1, 1)
	}

	50% {
		-webkit-transform: scale(1, 1.3)
	}

	60% {
		-webkit-transform: scale(1.3, 1.1)
	}

	70% {
		-webkit-transform: scale(.7, .7)
	}

	80% {
		-webkit-transform: scale(1.2, 1.2)
	}

	90% {
		-webkit-transform: scale(.9, .9)
	}

	100% {
		-webkit-transform: scale(1, 1)
	}
}

@-webkit-keyframes heartbeat {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	16% {
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}

	33% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	49% {
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes heartbeat {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	16% {
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}

	33% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	49% {
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.text-accent {
	color: #fccc14
}

.text-yellow {
	color: #ffc107
}

.bg-accent {
	background: #fccc14
}

.bg-accent-50 {
	background: rgba(160, 117, 212, .5)
}

#h-usps {
	display: none
}

@media(min-width:768px) {
	#h-usps {
		display: block;
		text-transform: uppercase;
		font-size: .75rem;
		height: 24px
	}

	#h-usps div:before {
		display: none
	}
}

@media(min-width:992px) {
	#h-usps {
		font-size: .875rem;
		height: 32px
	}
}

@media(min-width:1200px) {
	#h-usps {
		height: 48px;
		padding: 0 25px;
		font-size: 1rem
	}

	#h-usps div[class^=icon]:before {
		display: inline-block;
		font-size: 1.1875rem;
		line-height: 1;
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
		margin-right: 5px
	}

	#h-usps .icon-flag:before {
		content: url(http://demo.signhq.co.uk/assets/theme/img/flag.svg);
		width: 22px
	}

	#h-usps div.icon-check:before {
		-webkit-transform: translateY(4px);
		transform: translateY(4px)
	}

	#h-usps div.icon-lorry:before {
		-webkit-transform: translateY(3px);
		transform: translateY(3px)
	}

	#h-usps div.icon-rain-cloud {
		position: relative;
		padding-left: 30px
	}

	#h-usps div.icon-rain-cloud:before {
		position: absolute;
		left: 0;
		top: -3px;
		font-size: 1.875rem
	}
}

#h-t {
	position: relative;
	padding: 0 15px 0 10px;
	line-height: 1;
	height: 42px
}

#h-t * {
	position: relative;
	z-index: 2
}

#h-t span {
	display: none
}

#h-t a {
	color: #fff;
	font-size: .9375rem
}

#h-t a[class^=icon]:before {
	font-size: 1.375rem
}

#h-t:before {
	content: '';
	background: #3b4958;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

@media(min-width:768px) {
	#h-t {
		padding: 0 15px;
		height: 51px;
		font-size: .9375rem
	}

	#h-t:before {
		height: calc(100% + 40px);
		-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
		box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
	}
}

@media(min-width:992px) {
	#h-t {
		font-size: .875rem;
		padding: 0 25px
	}

	#h-t span {
		display: inline-block;
		color: #fff
	}

	#h-t a[class^=icon]:before {
		display: none
	}
}

@media(min-width:1200px) {
	#h-t {
		font-size: 1.0625rem
	}
}

#h-t-l {
	height: 100%
}

#h-t-l a {
	display: inline-block;
	padding: 3px 8px 6px;
	background: #009af4;
	border-radius: 4px;
	margin-right: 5px;
	text-decoration: none;
	font-size: .875rem
}

#h-t-l a.active {
	height: 100%;
	background: 0;
	position: relative;
	cursor: default
}

#h-t-l a.active:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px;
	border-color: transparent transparent #e1e5e9 transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

@media(min-width:992px) {
	#h-t-l a {
		padding: 8px 12px;
		margin-right: 10px
	}

	#h-t-l a span {
		display: none
	}

	#h-t-l a.active {
		background: 0;
		color: #fff
	}

	#h-t-l a.active span {
		color: inherit
	}

	#h-t-l a.active:before {
		border-width: 0 10px 10px
	}
}

@media(min-width:1200px) {
	#h-t-l a span {
		display: inline-block
	}

	#h-t-l a:hover {
		text-decoration: none;
		background: 0 0;
		color: #ffd7ac
	}

	#h-t-l a:hover span {
		color: #ffd7ac
	}

	#h-t-l a.active:hover {
		color: #fff;
		cursor: default
	}

	#h-t-l a.active:hover span {
		color: #fff
	}
}

#h-t-r {
	position: relative;
	top: -1px
}

#h-t-r li {
	display: inline-block;
	position: relative;
	padding-right: 14px;
	margin-right: 10px
}

#h-t-r li:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: calc(100% + 2px);
	background: #009af4
}

#h-t-r li:last-child {
	padding-right: 0;
	margin-right: 0
}

#h-t-r li:last-child:after {
	display: none
}

#h-t-r a {
	position: relative;
	text-decoration: none
}

#h-t-r a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 2px;
	background: #fccc14
}

@media(min-width:1200px) {
	#h-t-r li {
		padding-right: 16px;
		margin-right: 12px
	}

	#h-t-r a:hover:after {
		width: 100%
	}
}

#h-strap {
	display: none;
	color: #5e676b;
	font-weight: 400
}

@media(min-width:768px) {
	#h-strap {
		display: block
	}
}

@media(min-width:992px) {
	#h-m-c {
		min-height: 92px
	}
}

@media(min-width:1200px) {
	#h-m-c {
		min-height: 118.72px
	}
}

#h-m {
	padding: 20px;
	border-top: 4px solid #e1e5e9;
	position: relative;
	z-index: 5
}

#h-m a:hover {
	text-decoration: none
}

@media(min-width:992px) {
	#h-m {
		position: static;
		left: 0;
		top: -100px;
		-webkit-transition: top 300ms ease-in-out;
		transition: top 300ms ease-in-out
	}

	#h-m.sticky {
		position: fixed;
		left: 0;
		top: 0;
		background: #fff;
		width: 100%;
		padding: 26.66667px 60px 26.66667px 26.66667px;
		border-top: 0;
		-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
		box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
	}

	#h-m.sticky #h-m-r {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}

	#h-m.sticky nav ul li .dd {
		width: 310px
	}

	#h-m.sticky nav ul li .dd.dd-2 {
		width: 540px
	}

	#h-m.sticky nav ul li .dd ul ul {
		display: none
	}
}

@media(min-width:1200px) {
	#h-m {
		padding: 26.66667px
	}
}

@media(min-width:1400px) {
	#h-m {
		padding: 26.66667px 40px
	}
}

@media(min-width:992px) {
	#h-m-r {
		-webkit-transform: translateY(-9px);
		transform: translateY(-9px)
	}
}

@media(min-width:1200px) {
	#h-m-r {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px)
	}
}

#m {
	background: #fff;
	position: relative;
	z-index: 2;
	min-height: 50vh
}

@media(min-width:768px) {
	#m {
		margin: 0 15px;
		-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
		box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
	}
}

@media(min-width:1200px) {
	#m {
		margin: 0 25px
	}
}

#c {
	padding: 20px;
	position: relative;
	z-index: -1;
	overflow-x: hidden
}

#c ul {
	list-style: none;
	margin-bottom: 26.66667px
}

#c ul li {
	position: relative;
	margin-bottom: 12px
}

#c ul li:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #3b4059;
	position: absolute;
	left: -15px;
	top: 10px
}

#c ul.no-bullet {
	padding-left: 0
}

#c ul.no-bullet li {
	margin-bottom: 0
}

#c ul.no-bullet li:before {
	display: none
}

@media(min-width:576px) {
	#c {
		padding: 40px
	}
}

@media(min-width:1200px) {
	#c {
		padding: 60px
	}
}

#promo {
	padding: 6.66667px 13.33333px;
	font-weight: 600;
	color: #3b4958;
	overflow: hidden;
	font-size: .9375rem;
	text-align: center
}

#promo * {
	display: inline-block
}

#promo strong {
	text-transform: uppercase;
	color: #fff;
	margin-left: 3px
}

#promo em {
	font-style: normal
}

#promo .bg {
	text-transform: uppercase;
	padding: 0 8px 2px;
	border-radius: 4px;
	font-size: .875rem;
	font-weight: 600;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	color: #ffd7ac
}

#promo .all {
	color: #fff;
	margin-right: 3px;
	font-weight: 400
}

#promo .all sup {
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}

#promo .all em {
	display: none
}

#promo .c-order {
	display: none
}

#promo .promo-timer {
	display: none
}

@media(min-width:576px) {
	#promo {
		font-size: 1rem
	}

	#promo .all em {
		display: inline-block
	}
}

@media(min-width:992px) {
	#promo {
		padding: 10px 13.33333px;
		display: block;
		position: relative;
		z-index: -1;
		text-align: left
	}

	#promo .all {
		color: #a8dfff;
		font-weight: 600
	}

	#promo .c-order {
		display: inline-block
	}

	#promo .promo-timer {
		display: inline-block;
		color: #fff;
		font-weight: 700
	}
}

@media(min-width:1200px) {
	#promo {
		font-size: 1.125rem;
		padding: 10px 40px
	}

	#promo em {
		margin-right: 6px
	}

	#promo .bg {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}

footer {
	position: relative;
	z-index: 1;
	color: #c0e1f4;
	line-height: 1.4
}

footer:before {
	content: '';
	background: rgb(54,54,54);
	background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(99,99,111,1) 56%, rgba(139,138,138,1) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 100%;
	border-top: 5px solid #fccc14
}

footer a {
	color: #fff;
	position: relative;
	text-decoration: none
}

footer a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 2px;
	background: #fccc14
}

footer ul {
	font-size: 1.0625rem;
	line-height: 1.9;
	margin-bottom: 40px
}

footer p {
	font-size: .9375rem;
	font-weight: 300
}

footer h4 {
	color: #fff;
	font-size: 1.5rem
}

footer h6 {
	color: #c0e1f4;
	margin-bottom: 10px
}

footer span,
footer strong {
	color: #fff
}

footer .logo {
	color: #fff;
	font-size: 1.9375rem;
	font-weight: 600
}

footer .logo svg {
	width: 40px;
	margin-right: 6px
}

footer .logo svg .logo-house {
	fill: #fff
}

footer .logo svg .logo-heart {
	fill: #fff
}

footer .strapline {
	padding-right: 40px
}

footer .strapline a:after {
	bottom: -2px
}

@media(min-width:768px) {
	footer:before {
		height: calc(100% + (40px * 2));
		border-top-width: 10px
	}

	footer a:hover {
		text-decoration: none;
		color: #fff
	}

	footer a:hover:after {
		width: 100%
	}
}

#f-m {
	padding: 40px 26.66667px;
	position: relative;
	z-index: 2
}

@media(min-width:768px) {
	#f-m {
		padding: 60px 25px
	}
}

#su-news {
	padding-right: 26.66667px
}

#su-news input {
	width: 100%;
	background: 0;
	border: 0;
	border-bottom: 2px solid #fff;
	padding: 10px;
	font-size: 1.0625rem;
	font-weight: 300;
	color: #fff;
	border-radius: 0
}

#su-news input::-webkit-input-placeholder {
	color: #fff
}

#su-news input:-moz-placeholder {
	color: #fff;
	opacity: 1
}

#su-news input::-moz-placeholder {
	color: #fff;
	opacity: 1
}

#su-news input:-ms-input-placeholder {
	color: #fff
}

#su-news input::-ms-input-placeholder {
	color: #fff
}

#su-news input::placeholder {
	color: #fff
}

#su-news input:focus {
	background: #fff;
	color: #3b4958;
	border-color: #fccc14;
	font-weight: 400
}

#su-news button {
	background: #fccc14;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .5), 0 7px 14px rgba(47, 59, 96, .35), 0 3px 7px rgba(8, 8, 8, .2);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .5), 0 7px 14px rgba(47, 59, 96, .35), 0 3px 7px rgba(8, 8, 8, .2);
	font-size: 1.125rem;
	font-weight: 600;
	color: #fff;
	padding: 10px 20px;
	width: 160px
}

#su-news button:hover {
	background: #009af4
}

#su-news .no-spam {
	font-size: .8125rem;
	line-height: 1.2;
	font-weight: 300
}

#f-e {
	position: relative;
	z-index: 2;
	padding: 40px 25px
}

#f-e:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50vw;
	width: 100vw;
	height: 1px;
	background: #fccc14
}

#f-e .disclaimer {
	color: #fff;
	margin-bottom: 5px
}

@media(max-width:767.98px) {
	#f-e img {
		height: 34px
	}
}

#sucuri:after {
	display: none
}

#copyright {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 300
}

#arcola {
	font-size: .9375rem
}

#arcola a {
	color: #c0e1f4
}

#live-chat-container {
	border-bottom: 1px solid #dee2e6
}

#contact-details {
	position: relative;
	z-index: 2;
	padding-bottom: 40px
}

#contact-details input[type=text],
#contact-details input[type=email],
#contact-details input[type=file],
#contact-details textarea,
#contact-details select,
#contact-details label {
	display: block;
	width: 100%;
	position: relative;
	z-index: 2
}

#contact-details .form-check-inline label {
	display: inline-block;
	width: auto;
	margin-right: 20px
}

#contact-details .form-check-inline input {
	margin-right: 8px
}

#contact-details input[type=checkbox] {
	-webkit-appearance: checkbox
}

#contact-details textarea {
	resize: none;
	position: relative;
	z-index: 2
}

#contact-details label {
	margin-bottom: 4px;
	position: relative;
	z-index: 2
}

#contact-details strong {
	color: #3b4059
}

#contact-details button {
	background: #3b4958;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 600;
	padding: 12px 20px;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	position: relative;
	z-index: 2
}

#contact-details .cfe-c {
	margin-bottom: 13.33333px
}

@media(min-width:992px) {
	#contact-details {
		padding-bottom: 0
	}
}

@media(min-width:1200px) {
	#contact-details button:hover {
		background: #fccc14
	}
}

#contact-form-container {
	position: relative
}

@media(min-width:1200px) {

	#contact-form-container:before,
	#contact-form-container:after {
		content: '';
		border-radius: 50%;
		display: block;
		position: absolute
	}

	#contact-form-container:before {
		background: #009af4;
		left: -45px;
		bottom: 170px;
		width: 70px;
		height: 70px
	}

	#contact-form-container:after {
		background: #fccc14;
		left: 210px;
		bottom: 0;
		width: 30px;
		height: 30px
	}
}

#contact-form {
	margin-bottom: 60px
}

#contact-form .icon-cross {
	display: none
}

@media(min-width:1200px) {

	#contact-form:before,
	#contact-form:after {
		content: '';
		border-radius: 50%;
		display: block;
		position: absolute
	}

	#contact-form:before {
		background: #009af4;
		right: -30px;
		bottom: 60px;
		width: 120px;
		height: 120px
	}

	#contact-form:after {
		background: #fccc14;
		right: -54px;
		bottom: 230px;
		width: 40px;
		height: 40px
	}

	#contact-form .icon-cross {
		display: block;
		position: absolute;
		color: #3b4958;
		font-size: 1.75rem
	}

	#contact-form #cross-1 {
		right: -76px;
		bottom: 180px;
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg)
	}

	#contact-form #cross-2 {
		left: -45px;
		bottom: 115px;
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg)
	}
}

#contact-offset .note span {
	opacity: .5;
	margin: 0 6px
}

@media(min-width:992px) {
	#contact-offset {
		margin-top: -260px
	}
}

#contact-reg {
	position: absolute;
	top: -100px
}

@media(min-width:992px) {
	#contact-reg {
		position: static
	}
}

.find-order-detail .icon-cross {
	display: none
}

@media(min-width:992px) {

	.find-order-detail:before,
	.find-order-detail:after {
		content: '';
		display: block;
		position: absolute;
		background: #009af4;
		border-radius: 50%
	}

	.find-order-detail:after {
		background: #fccc14
	}

	.find-order-detail .icon-cross {
		font-size: 2.25rem;
		position: absolute;
		color: #3b4958;
		display: block
	}

	#find-order-left:before {
		width: 160px;
		height: 160px;
		left: -110px;
		top: 70px
	}

	#find-order-left:after {
		width: 50px;
		height: 50px;
		left: -155px;
		top: 240px
	}

	#find-order-left .icon-cross {
		left: -80px;
		top: 300px;
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}

	#find-order-right:before {
		width: 144px;
		height: 144px;
		right: -130px;
		top: 350px
	}

	#find-order-right:after {
		width: 32px;
		height: 32px;
		right: -55px;
		top: 260px
	}

	#find-order-right .icon-cross {
		right: -135px;
		top: 290px;
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg)
	}
}

#find-order {
	background: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 3px 3px 0 0;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08), inset 0 0 0 1px #dee2e6;
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08), inset 0 0 0 1px #dee2e6
}

#find-order:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 12px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #0073b7), color-stop(40%, #009af4));
	background: linear-gradient(to right, #0073b7 0, #009af4 40%)
}

#find-order label {
	display: block;
	margin-bottom: 4px
}

#find-order .icon-help {
	color: #009af4;
	font-size: 1.125rem;
	position: relative;
	top: 3px
}

#find-order button {
	background: #fccc14;
	color: #fff;
	position: relative;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	padding-left: 44px
}

#find-order button:before {
	position: absolute;
	font-size: 1.375rem;
	left: 16px;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}

#find-order button:hover {
	background: #3b4958
}

#find-order-no {
	border: 1px solid #dee2e6;
	font-size: 2.25rem;
	font-weight: 700;
	color: #3b4059;
	display: inline-block;
	padding: 0;
	margin-bottom: 13.33333px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#find-order-no label {
	display: inline;
	margin: 0;
	padding: 0 0 4px 12px
}

#find-order-no input {
	border: 0;
	padding: 0 15px;
	font-size: 2.25rem;
	font-weight: 700;
	color: #3b4059;
	width: 225px;
	-moz-appearance: textfield
}

#find-order-no input::-webkit-input-placeholder {
	color: #ced4da
}

#find-order-no input:-moz-placeholder {
	color: #ced4da;
	opacity: 1
}

#find-order-no input::-moz-placeholder {
	color: #ced4da;
	opacity: 1
}

#find-order-no input:-ms-input-placeholder {
	color: #ced4da
}

#find-order-no input::-ms-input-placeholder {
	color: #ced4da
}

#find-order-no input::placeholder {
	color: #ced4da
}

#find-order-no input::-webkit-outer-spin-button,
#find-order-no input::-webkit-inner-spin-button {
	-webkit-appearance: none
}

#find-order-no.focus {
	border-color: #adb5bd
}

#order_status_email {
	color: #3b4059;
	font-weight: 700;
	width: 100%;
	padding: 8px;
	display: block;
	margin-bottom: 26.66667px
}

@media(min-width:992px) {
	#order_status_email {
		font-size: 1.25rem;
		padding: 12px
	}
}

.order-stage {
	border: 1px solid #dee2e6;
	padding: 0 20px 60px;
	margin-bottom: 40px
}

.order-stage h2 {
	font-size: 1.75rem;
	line-height: 1.2;
	letter-spacing: -.03rem;
	margin: 13.33333px 0 40px
}

.order-stage p {
	margin-bottom: 40px
}

.order-stage strong {
	color: #3b4059
}

.order-stage img {
	max-width: 100%
}

.order-stage .col-5 {
	display: none
}

@media(min-width:1200px) {
	.order-stage {
		padding: 0 40px 60px
	}

	.order-stage h2 {
		font-size: 2.75rem
	}

	.order-stage .col-5 {
		display: block
	}

	.order-stage .button-link.bg-a:hover {
		background: #3b4958
	}
}

.order-stage-progress {
	position: relative;
	display: none
}

@media(min-width:768px) {
	.order-stage-progress {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}
}

.order-stage-progress li {
	position: relative;
	z-index: 2;
	width: 26px;
	height: 26px;
	line-height: 26px;
	-webkit-box-shadow: inset 0 0 0 6px #dee2e6;
	box-shadow: inset 0 0 0 6px #dee2e6;
	border-radius: 50%;
	background: #fff;
	margin-right: 26px;
	-ms-flex-item-align: center;
	align-self: center;
	color: #fff;
	text-align: center
}

.order-stage-progress li:last-child {
	margin-right: 0
}

.order-stage-progress:before,
.order-stage-progress:after {
	content: '';
	display: block;
	height: 6px;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto
}

.order-stage-progress:before {
	width: calc(100% - 30px);
	background: #dee2e6
}

.order-stage-progress:after {
	background: #009af4;
	width: 0;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}

#order-stage-two li:nth-child(-n+2) {
	background: #009af4;
	-webkit-box-shadow: none;
	box-shadow: none
}

#order-stage-two li:nth-child(-n+2):after {
	content: 'k';
	font-family: ukss
}

#order-stage-two li:nth-child(2) {
	width: 40px;
	height: 40px;
	font-size: 1.5rem;
	line-height: 40px;
	-webkit-animation: bounce 1s 500ms ease-out forwards;
	animation: bounce 1s 500ms ease-out forwards
}

#order-stage-two:after {
	width: 33%
}

#order-stage-three~h2 {
	font-size: 1.75rem
}

#order-stage-three li:nth-child(-n+3):after {
	content: 'k';
	font-family: ukss
}

#order-stage-three li:nth-child(-n+2) {
	background: #009af4;
	-webkit-box-shadow: none;
	box-shadow: none
}

#order-stage-three li:nth-child(3) {
	width: 40px;
	height: 40px;
	font-size: 1.5rem;
	line-height: 40px;
	background: #009af4;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-animation: bounce 1s 500ms ease-out forwards;
	animation: bounce 1s 500ms ease-out forwards
}

#order-stage-three:after {
	width: calc(66% - 15px)
}

@media(min-width:1200px) {
	#order-stage-three~h2 {
		font-size: 2.5rem
	}
}

#order-stage-four li:nth-child(-n+4):after {
	content: 'k';
	font-family: ukss
}

#order-stage-four li:nth-child(-n+3) {
	background: #009af4;
	-webkit-box-shadow: none;
	box-shadow: none
}

#order-stage-four li:nth-child(4) {
	width: 40px;
	height: 40px;
	font-size: 1.5rem;
	line-height: 40px;
	background: #009af4;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-animation: bounce 1s 500ms ease-out forwards;
	animation: bounce 1s 500ms ease-out forwards
}

#order-stage-four:after {
	width: calc(100% - 30px)
}

#order-overview #oo-details strong {
	display: block;
	color: #3b4059;
	font-size: 1.125rem
}

#order-overview #oo-details p {
	margin-bottom: 20px
}

#order-overview .oo-product {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

#order-overview .oo-header {
	font-weight: 700;
	color: #3b4059;
	font-size: 1.125rem;
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 10px;
	margin-top: 20px
}

#order-overview .oo-row {
	padding: 10px 0;
	border-bottom: 1px solid #dee2e6
}

#order-overview .oo-line-total {
	text-align: right;
	width: 120px
}

#order-overview #oo-totals {
	width: 75%;
	float: right
}

#order-overview #oo-grand-total {
	color: #3b4059;
	font-weight: 700;
	border-top: 4px solid #dee2e6;
	border-bottom: 0
}

@media(min-width:576px) {
	#order-overview #oo-details p {
		width: 50%
	}

	#order-overview #oo-details p:nth-child(even) {
		text-align: right
	}

	#order-overview #oo-totals {
		width: 240px
	}
}

@media(min-width:1200px) {
	#order-overview #oo-details p {
		width: 100%
	}

	#order-overview #oo-details p:nth-child(even) {
		text-align: left
	}

	#order-overview .oo-header {
		margin-top: 0
	}

	#order-overview #oo-grand-total {
		font-size: 1.125rem
	}
}

#international-shipping {
	color: #fff
}

#international-shipping .z-uk {
	fill: #009af4
}

#international-shipping .z-europe {
	fill: #fccc14;
	background: #fccc14
}

#international-shipping .z-world-1 {
	fill: #009af4;
	background: #009af4
}

#international-shipping .z-world-2 {
	fill: #fff;
	background: #fff
}

#international-prices li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
	font-size: 1.125rem;
	border-bottom: 1px solid rgba(255, 255, 255, .15);
	padding: 8px 0 10px
}

#international-prices li:last-child {
	border-bottom: 0
}

#international-prices .zone-colour {
	width: 20px;
	height: 20px;
	display: inline-block;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	margin-right: 5px
}

#international-prices .zone-price {
	font-weight: 700
}

#world-delivery-zones .z-world-1 {
	-webkit-transform: translate(-1px, -1px);
	transform: translate(-1px, -1px)
}

#world-delivery-zones .z-world-2 {
	-webkit-transform: translate(-1px, -1px);
	transform: translate(-1px, -1px)
}

.btn {
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 1.125rem;
	padding: 0 33.33333px;
	height: 48px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(70, 133, 174, .26), 0 2px 5px 0 rgba(23, 24, 26, .06);
	box-shadow: 0 5px 10px 0 rgba(70, 133, 174, .26), 0 2px 5px 0 rgba(23, 24, 26, .06);
	line-height: 48px;
	text-decoration: none
}

#login-form .field {
	overflow: hidden
}

#login-form label[for=_remember_me],
#login-form label[for=sylius_customer_registration_subscribedToNewsletter] {
	float: left
}

#login-form input[type=checkbox] {
	-webkit-appearance: checkbox !important;
	margin-top: 10px
}

#login-form input[name=_remember_me],
#login-form #sylius_customer_registration_subscribedToNewsletter {
	float: left;
	margin-left: 5px
}

#login-form label {
	position: static;
	font-size: 1.1rem;
	padding: 5px 0
}

#login-form input[type=text],
#login-form input[type=password],
#login-form input[type=email] {
	width: 100%
}

.lum-lightbox {
	z-index: 999
}

.open-intercom {
	cursor: pointer
}

.divider {
	margin: 0 13.33333px
}

.review-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 26.66667px;
	padding-bottom: 40px
}

.review-item .review-stars {
	color: #ff9d1f;
	text-align: right;
	margin-bottom: 10px;
	font-size: 1.25rem
}

.review-item .review-stars span {
	margin-left: 4px
}

.review-item .review-text {
	margin-bottom: 15px;
	font-size: 1.0625rem;
	color: #3b4059;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 26.66667px 33.33333px
}

.review-item .review-text:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 56px 0 0;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 40px;
	bottom: -34px
}

.review-item .review-name {
	text-align: right;
	font-size: 1.125rem;
	color: #3b4059;
	font-weight: 700
}

#taxon-copy .accordion div {
	padding: 20px 15px;
	font-size: 16px
}

#taxon-copy .accordion div p {
	padding: 0
}

#taxon-copy .accordion h3 {
	margin: 20px 0;
	padding: 0
}

#taxon-copy .accordion h3 a {
	background: #009af4;
	color: #fff;
	padding: 10px 20px;
	display: block;
	font-size: 15px;
	border-radius: 4px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .08em
}

#taxon-copy .accordion h3 a.collapsed {
	opacity: .5;
	color: #2e3946;
	background: #dee2e6
}

.grecaptcha-badge {
	visibility: hidden
}

#hb-commercial {
	background: url('http://demo.signhq.co.uk/slider/4.webp') left center/105% auto no-repeat !important
}

#header-logo img {
	max-width: 160px
}

@media(min-width:992px) {
	#header-logo img {
		max-width: 230px
	}
}

#sylius_add_to_cart_cartItem_textOptions_arrow-direction {
	font-family: sans-serif !important
}

nav ul {
	padding: 45px 40px;
	margin: 0;
	position: fixed;
	left: 100vw;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
	-webkit-transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
	transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
	transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
	transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
	opacity: 0;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

nav ul:before {
	content: '';
	width: 100vw;
	height: 150vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	display: block;
	background: #3b4958;
	background: linear-gradient(135deg, #3b4958 13%, #3b4958 40%, #273039 100%)
}

nav ul li {
	display: block;
	position: relative;
	margin: 10px 0
}

nav ul li>a {
	text-decoration: none;
	font-size: 1.25rem;
	letter-spacing: -.02em;
	padding-right: 26.66667px;
	color: #fff
}

nav ul li>a.has-dropdown:after {
	content: 'o';
	font-family: ukss;
	color: #009af4;
	font-size: 1.375rem;
	position: absolute;
	right: 0;
	top: 0
}

nav ul li:last-child a {
	padding-right: 0
}

nav ul li .dd {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2;
	-webkit-transform: translateX(100vw);
	transform: translateX(100vw);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #3b4958;
	background: linear-gradient(135deg, #3b4958 13%, #3b4958 40%, #273039 100%)
}

nav ul li .dd:before {
	content: attr(data-category);
	color: #fff;
	font-size: 2.875rem;
	letter-spacing: -.03rem;
	line-height: 1;
	margin: 60px 0 0 26.66667px;
	opacity: .1;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	position: absolute;
	left: 90%;
	top: 13.33333px;
	width: calc(100vh - 25%);
	display: inline-block
}

nav ul li .dd ul {
	padding: 72px 13.33333px 13.33333px;
	display: block;
	position: static;
	height: auto;
	background: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

nav ul li .dd ul:before {
	display: none
}

nav ul li .dd ul li {
	display: block;
	padding: 0 13.33333px;
	position: relative;
	margin: 0 0 13.33333px
}

nav ul li .dd ul a {
	font-size: 1.25rem;
	line-height: 1.4;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	position: relative;
	padding-right: 0
}

nav ul li .dd ul a span {
	display: none
}

nav ul li .dd ul a:after {
	display: none
}

nav ul li .dd ul a .new {
	color: #fccc14;
	font-weight: 600
}

nav ul li .dd ul.dd-m li a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 2px;
	background: #fccc14;
	bottom: -1px;
	top: auto
}

nav ul li .dd ul ul {
	display: none
}

nav ul li .dd .dd-b {
	border-top: 1px solid #fccc14;
	border-radius: 0 0 5px 5px
}

nav ul li .dd .dd-b ul {
	padding-top: 26.66667px
}

nav ul li .dd .dd-b ul.social {
	padding-top: 0;
	padding-bottom: 20px
}

nav ul li .dd .dd-b ul.social li {
	display: inline-block;
	padding: 0 8px;
	margin: 0 2px
}

nav ul li .dd .dd-b ul.social a:before {
	position: static;
	background: 0;
	font-size: 1.625rem
}

nav ul li .dd .dd-b h6 {
	font-weight: 700;
	color: #fff;
	padding: 26.66667px 26.66667px 0;
	margin-bottom: 6px;
	opacity: .4
}

nav ul li .dd .dd-b .social li a:before {
	content: inherit
}

nav ul li.has-dropdown .dd {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

nav ul .logo-link {
	font-size: 1.875rem;
	font-weight: 600;
	letter-spacing: -.03rem;
	color: #fff;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	text-decoration: none
}

nav ul .logo-icon {
	width: 38px;
	height: 38px;
	left: 0;
	right: 0;
	margin: auto;
	position: relative;
	z-index: 2;
	display: block
}

nav ul .logo-icon path {
	fill: #fff
}

nav ul #n-c {
	font-size: 1.375rem;
	line-height: 1;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	padding: 20px;
	text-decoration: none
}

nav ul .c-dd {
	font-size: .875rem;
	line-height: 1;
	color: #fff;
	position: absolute;
	left: -4px;
	top: 0;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 13.33333px 40px 13.33333px 20px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .05rem;
	text-decoration: none
}

nav ul .c-dd:before {
	display: inline-block;
	width: 20px;
	font-size: 2rem;
	margin-right: 8px
}

@media(min-width:768px) {
	nav ul {
		display: inline-block;
		padding: 60px 80px
	}

	nav ul .c-dd {
		font-size: 1rem
	}

	nav ul .c-dd:before {
		margin-right: 16px
	}

	nav ul li {
		margin: 20px 0
	}

	nav ul li>a {
		font-size: 1.625rem
	}

	nav ul li .dd ul {
		padding-top: 80px;
		padding-bottom: 40px
	}

	nav ul li .dd ul li {
		padding: 0 40px;
		margin-bottom: 20px
	}

	nav ul li .dd ul a {
		font-size: 1.4375rem
	}

	nav ul li .dd:before {
		font-size: 5rem
	}

	nav ul li .dd .dd-b h6 {
		padding: 40px 60px 0;
		font-size: 1.5rem;
		margin-bottom: 20px
	}

	nav ul li .dd .dd-b ul {
		padding-top: 40px
	}

	nav ul li .dd .dd-b ul.social {
		padding: 0 40px 40px
	}

	nav ul li .dd .dd-b ul.social a:before {
		font-size: 2.25rem
	}

	nav ul li .dd.dd-2 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	nav ul li .dd.dd-2 li {
		width: 50%
	}

	nav ul li .dd.dd-2 span {
		display: block;
		font-size: 1rem;
		line-height: 1.4;
		color: #dee2e6;
		font-weight: 400
	}

	nav ul .logo-icon {
		width: 76px;
		height: 76px
	}

	nav ul .logo-link {
		font-size: 3.5rem
	}
}

@media(min-width:992px) {
	nav ul {
		position: static;
		width: auto;
		height: auto;
		background: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: none;
		transition: none;
		padding: 0;
		opacity: 1
	}

	nav ul:before {
		display: none
	}

	nav ul li {
		display: inline-block;
		margin: 0 0 0 20px
	}

	nav ul li>a {
		color: #3b4958;
		font-size: 1.1875rem
	}

	nav ul li>a.has-dropdown:after {
		content: 'm';
		top: 2px
	}

	nav ul li .dd {
		position: absolute;
		background: #fff;
		width: 386px;
		height: auto;
		-webkit-transform: translateX(3000px);
		transform: translateX(3000px);
		left: 50%;
		top: calc(100% + 20px);
		-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
		box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
		border-radius: 5px;
		opacity: 0;
		-webkit-transition: none;
		transition: none
	}

	nav ul li .dd:before {
		content: '';
		width: 100%;
		height: 7px;
		background: #009af4;
		background: -webkit-gradient(linear, left top, right top, color-stop(0, #32b3ff), color-stop(40%, #009af4));
		background: linear-gradient(to right, #32b3ff 0, #009af4 40%);
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 5px 5px 0 0;
		margin: 0;
		opacity: 1;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	nav ul li .dd:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px;
		border-color: transparent transparent #009af4;
		position: absolute;
		left: 50%;
		bottom: 100%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	nav ul li .dd ul {
		padding: 33.33333px 20px 20px
	}

	nav ul li .dd ul li {
		padding: 0 13.33333px
	}

	nav ul li .dd ul a {
		font-size: 1.1875rem;
		color: #3b4958
	}

	nav ul li .dd ul ul {
		padding: 0;
		margin-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	nav ul li .dd ul ul li {
		margin-bottom: 0;
		width: 50%
	}

	nav ul li .dd ul ul li a {
		font-size: .875rem;
		font-weight: 400;
		color: #a0afbf
	}

	nav ul li .dd ul ul li a:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 0;
		height: 2px;
		background: #fccc14;
		bottom: -3px
	}

	nav ul li .dd.dd-2 {
		width: 540px
	}

	nav ul li .dd.dd-2 ul li {
		padding: 0 20px
	}

	nav ul li .dd.dd-2 span {
		font-size: .875rem;
		line-height: 1.4;
		color: #adb5bd;
		font-weight: 300
	}

	nav ul li .dd.dd-2 a .new {
		position: absolute;
		left: -50px;
		top: 8px;
		background: #fccc14;
		color: #fff;
		font-size: 1.125rem;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
		height: 28px;
		width: 80px;
		text-align: center;
		border-radius: 0 0 5px 5px;
		font-weight: 400;
		text-transform: uppercase
	}

	nav ul li .dd .dd-b {
		padding-bottom: 10px;
		background: #f5fafe;
		border-color: #e7f3fd
	}

	nav ul li .dd .dd-b ul {
		padding-top: 26.66667px;
		padding-bottom: 0
	}

	nav ul li .dd .dd-b h6 {
		color: #3b4958;
		opacity: 1;
		padding: 26.66667px 26.66667px 0;
		font-size: 1rem;
		margin-bottom: 10px
	}

	nav ul li .dd .dd-b ul.social {
		padding: 0 10px 13.33333px
	}

	nav ul li .dd .dd-b ul.social a:before {
		font-size: 1.75rem
	}

	nav ul li.has-dropdown .dd {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 1;
		-webkit-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out
	}

	nav ul .logo-link {
		display: none
	}

	nav #n-c {
		display: none
	}
}

@media(min-width:1200px) {
	nav ul li a {
		font-size: 1.25rem;
		font-weight: 600
	}

	nav ul li a:hover {
		color: #6c757d
	}

	nav ul li a:hover:before {
		color: #fccc14
	}

	nav ul li a:hover:after {
		color: #fccc14
	}

	nav ul li .dd .dd-m a:hover:before {
		width: 100%
	}

	nav ul li .dd .dd-m a:hover:after {
		display: none
	}

	nav ul .c-dd {
		display: none
	}
}

#n-i {
	width: 35px
}

#n-i:before {
	display: none
}

@media(min-width:992px) {
	#n-i {
		padding-right: 0
	}

	#n-i:before {
		display: inline-block;
		position: relative;
		color: #3b4958;
		font-size: 2.1875rem;
		top: 11px;
		padding: 5px;
		margin-left: 10px
	}

	#n-i:after {
		display: none
	}

	#n-i~.dd {
		margin-left: 5px
	}

	#n-i span {
		display: none
	}
}

@media(min-width:1200px) {
	#n-i:before {
		top: 9px
	}

	#n-i:hover:before {
		color: #6c757d
	}
}

#nav-promo {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 40px;
	width: 100%;
	color: #fff
}

#nav-promo span,
#nav-promo em {
	display: block
}

#nav-promo em {
	font-style: normal
}

#nav-promo strong {
	font-size: 1.75rem;
	line-height: 1;
	letter-spacing: -.02em
}

#nav-promo .icon-lorry {
	font-size: 1.25rem;
	border-top: 2px solid #009af4;
	padding-top: 20px
}

#nav-promo .icon-lorry:before {
	margin-right: 5px;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	font-size: 1.375rem;
	display: inline-block
}

#nav-promo .promo-timer {
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: -.02em
}

@media(min-width:768px) {
	#nav-promo {
		padding: 80px;
		font-size: 1.75rem
	}

	#nav-promo strong {
		font-size: 3rem
	}

	#nav-promo .icon-lorry {
		font-size: 2rem
	}

	#nav-promo .icon-lorry:before {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
		font-size: 2.375rem
	}

	#nav-promo .promo-timer {
		font-size: 2rem
	}
}

@media(min-width:992px) {
	#nav-promo {
		display: none
	}
}

.n-i-s {
	line-height: 1;
	color: #3b4958;
	padding: 5px;
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 20px;

}

@media(min-width:1200px) {
	.n-i-s:hover:before {
		color: #6c757d
	}
}

#s-i {
	font-size: 1.625rem;
	top: -3px;
	text-decoration: none
}

@media(min-width:992px) {
	#s-i {
		top: 6px
	}
}

@media(min-width:1200px) {
	#s-i {
		top: 3px
	}
}

#sb-i {
	font-size: 2rem;
	position: relative;
	text-decoration: none
}

#sb-i span {
	position: absolute;
	right: 0;
	bottom: 4px;
	background: #fccc14;
	font-size: .75rem;
	line-height: 12px;
	border-radius: 50%;
	display: block;
	width: 16px;
	height: 16px;
	color: #fff;
	text-align: center;
	padding: 1px 1px 0 0
}

@media(min-width:992px) {
	#sb-i {
		top: 7px
	}
}

@media(min-width:1200px) {
	#sb-i {
		padding-left: 8px;
		margin-left: 5px;
		top: 5px
	}
}

#ns-i {
	font-size: 2.0625rem;
	width: 40px;
	top: 2px
}

@media(min-width:992px) {
	#ns-i {
		display: none;
		top: 7px
	}
}

.nav-show {
	overflow-y: hidden
}

.nav-show nav ul {
	left: 0;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

@media(min-width:1200px) {
	.nav-show {
		overflow-y: auto
	}
}

#n-s {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-shadow: 0 0 0 2px #009af4;
	box-shadow: 0 0 0 2px #009af4;
	border-radius: 4px;
	margin-bottom: 26.66667px;
	height: 36px;
	overflow: hidden;
	line-height: 1
}

#n-s a {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: .9;
	text-decoration: none
}

#n-s a.active {
	background: #009af4;
	opacity: 1
}

@media(min-width:768px) {
	#n-s {
		height: 44px;
		font-size: 1.25rem
	}
}

@media(min-width:992px) {
	#n-s {
		display: none
	}
}

.dd .menu-header {
	color: #fff !important
}

.dd .menu-header:hover {
	color: #fff !important;
	background: #3b4958
}

.nav-christmas-market {
	background-image: linear-gradient(45deg, #dc3545 25%, #d12e3b 25%, #d12e3b 50%, #dc3545 50%, #dc3545 75%, #d12e3b 75%, #d12e3b 100%);
	background-size: 42.43px 42.43px
}

.nav-christmas-market a:hover:before {
	display: none
}

.mega-menu-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	display: none;
	opacity: 0
}

.mega-menu-overlay-body {
	z-index: 4;
	position: absolute
}

.mega-menu-overlay-active {
	display: block;
	-webkit-animation: megaMenuBackdrop 300ms cubic-bezier(.5, 0, .08, 1) forwards;
	animation: megaMenuBackdrop 300ms cubic-bezier(.5, 0, .08, 1) forwards
}

#h-m-c {
	position: relative;
	z-index: 5
}

.mega-menu {
	width: 100%;
	position: absolute;
	background: #fff;
	display: none;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
	opacity: 0;
	border-radius: 0 0 6px 6px;
	overflow: hidden
}

.mega-menu .mega-menu-grid {
	padding: 10px 40px 40px;
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media(min-width:992px) {
	.mega-menu .mega-menu-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr))
	}
}

.mega-menu .mega-menu-grid>div>a .mega-menu-title {
	-webkit-transition: all 300ms cubic-bezier(.5, 0, .08, 1);
	transition: all 300ms cubic-bezier(.5, 0, .08, 1);
	position: relative
}

.mega-menu .mega-menu-grid>div>a .mega-menu-title svg {
	opacity: 0;
	height: 20px;
	top: 7px;
	position: absolute;
	left: -20px
}

.mega-menu .mega-menu-grid>div>a:hover .mega-menu-title {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.mega-menu .mega-menu-grid>div>a:hover .mega-menu-title svg {
	opacity: .5
}

.mega-menu.mega-menu-open {
	display: block;
	-webkit-animation: menuAnimate 300ms cubic-bezier(.5, 0, .08, 1) forwards;
	animation: menuAnimate 300ms cubic-bezier(.5, 0, .08, 1) forwards
}

.mega-menu .mega-menu-img {
	overflow: hidden;
	border-radius: 4px
}

.mega-menu .mega-menu-img img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 300ms cubic-bezier(.5, 0, .08, 1);
	transition: all 300ms cubic-bezier(.5, 0, .08, 1)
}

.mega-menu .mega-menu-title {
	font-size: 19px;
	margin: 10px 0 0;
	font-weight: 700
}

.mega-menu .mega-menu-footer {
	padding-bottom: 10px;
	background: #f5fafe;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #e7f3fd;
	padding: 10px 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.mega-menu .mega-menu-footer a {
	margin: 0 20px;
	font-weight: 700
}

.mega-menu .mega-menu-footer a:first-child {
	margin-left: 0
}

.mega-menu .mega-menu-links {
	margin-top: 5px
}

.mega-menu .mega-menu-links a {
	margin: 0 0 4px;
	opacity: .55;
	font-size: 14px;
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	text-decoration: none
}

.mega-menu .mega-menu-links a:hover {
	text-decoration: underline;
	opacity: .9
}

.mega-menu .mega-menu-links a:last-child {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	opacity: .9
}

.mega-menu .mega-menu-links svg {
	height: 20px;
	top: 2.5px;
	position: relative
}

.mega-menu .mega-menu-desc {
	opacity: .8;
	font-size: 15px;
	line-height: 1.1;
	margin: 10px 0
}

.mega-menu img {
	border-radius: 4px
}

.mega-menu a {
	text-decoration: none
}

@-webkit-keyframes menuAnimate {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes menuAnimate {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes megaMenuBackdrop {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes megaMenuBackdrop {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

#sb-container {
	-webkit-transform: translateX(200vw);
	transform: translateX(200vw);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	margin: auto
}

#sb-container:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 150vw;
	background: #3b4958;
	background: linear-gradient(135deg, #3b4958 13%, #3b4958 40%, #273039 100%);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
	opacity: 0
}

#sb-container #sb-top {
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 20px
}

#sb-container #sb-top .icon-close {
	font-size: 1.75rem;
	line-height: 1;
	color: #3b4059;
	text-decoration: none;
	-webkit-transform: translateY(12px);
	transform: translateY(12px)
}

#sb-container #sb-h strong {
	color: #3b4059;
	font-size: 1.625rem;
	line-height: 1;
	letter-spacing: -.06rem;
	font-weight: 600;
	display: inline-block
}

#sb-container #sb-h #sb-qty {
	display: inline-block;
	color: #3b4059;
	font-size: 2.25rem;
	line-height: 1;
	position: relative;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	margin-right: 5px
}

#sb-container #sb-h #sb-qty #sb-qty-no {
	display: inline-block;
	background: #fccc14;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	position: absolute;
	right: -5px;
	bottom: -1px;
	text-align: center
}

#sb-container #sb-h #sb-qty #sb-qty-no span {
	font-size: .75rem;
	line-height: 1;
	font-weight: 400;
	color: #fff;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

#sb-container #sb-m {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative
}

#sb-container #sb-c {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	left: 0;
	top: 0
}

#sb-container .sb-i {
	border-bottom: 1px solid #dee2e6;
	padding: 13.33333px 0
}

#sb-container .sb-i:last-child {
	margin-bottom: 3px
}

#sb-container .sb-i-name {
	font-size: 1.1875rem;
	line-height: 1.1;
	padding-right: 15px;
	color: #adb5bd
}

#sb-container .sb-i-name strong {
	font-weight: 600;
	color: #3b4059;
	display: block
}

#sb-container .sb-i-details-l {
	width: 110px
}

#sb-container .sb-i-details-l img {
	max-width: 100%;
	display: block;
	margin-bottom: 10px
}

#sb-container .sb-i-details-r {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

#sb-container .sb-i-q {
	border: 1px solid #ced4da
}

#sb-container .sb-i-q a {
	display: inline-block;
	height: 28px;
	width: 28px;
	text-align: center;
	font-size: .875rem;
	line-height: 1;
	color: #adb5bd;
	text-decoration: none;
	position: relative;
	border: 0 solid #ced4da
}

#sb-container .sb-i-q a:before {
	position: absolute;
	width: 14px;
	height: 14px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

#sb-container .sb-i-q a.icon-minus {
	border-right-width: 1px
}

#sb-container .sb-i-q a.icon-plus {
	border-left-width: 1px
}

@media(min-width:768px) {
	#sb-container .sb-i-q a:hover:before {
		color: #3b4059
	}
}

#sb-container .sb-i-q input {
	width: 46px;
	height: 26px;
	border: 0;
	text-align: center
}

#sb-container .sb-i-q input[type=number] {
	-moz-appearance: textfield
}

#sb-container .sb-i-q input[type=number]::-webkit-inner-spin-button,
#sb-container .sb-i-q input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

#sb-container .sb-i-r {
	font-size: .875rem;
	color: #adb5bd;
	text-decoration: none
}

#sb-container .sb-i-r span {
	text-decoration: underline
}

#sb-container .sb-i-r:before {
	font-size: 1.1875rem;
	display: inline-block;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	margin-right: 2px
}

@media(min-width:768px) {

	#sb-container .sb-i-r:hover:before,
	#sb-container .sb-i-r:hover span {
		color: #3b4059;
		text-decoration: none
	}
}

#sb-container .sb-i-details .sb-i-details-r:first-child label {
	margin-top: 0 !important
}

#sb-container .sb-i-details {
	color: #3b4059;
	line-height: 1.3;
	font-size: .875rem
}

#sb-container .sb-i-details .sb-i-details-r>div:nth-child(1)>label {
	margin-top: 0 !important
}

#sb-container label {
	display: block;
	text-transform: uppercase;
	letter-spacing: .04rem;
	font-size: .75rem;
	margin-bottom: 0;
	color: #adb5bd;
	margin-top: 10px
}

.sb-i-e {
	color: #ced4da;
	border: 3px solid #ced4da;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	text-decoration: none;
	position: relative
}

.sb-i-e:before {
	font-size: 1.125rem;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

@media(min-width:768px) {
	.sb-i-e:hover {
		border-color: #3b4059
	}

	.sb-i-e:hover:before {
		color: #3b4059
	}
}

.sb-i-price {
	margin-top: 10px
}

.sb-i-price strong {
	font-size: 1.375rem;
	font-weight: 600
}

.sb-i-price span:not(.discounted) {
	font-size: .875rem;
	color: #adb5bd;
	display: block
}

.sb-i-price.sb-i-discounted strong {
	color: #dd3029 !important
}

.sb-i-price.sb-i-discounted strong span {
	display: inline-block;
	margin-left: 10px;
	color: #adb5bd;
	text-decoration: line-through
}

#sb-totals {
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	line-height: 1.6;
	margin-bottom: 20px
}

#sb-totals strong {
	color: #3b4059
}

#sb-proceed {
	font-size: 1.125rem;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	border-radius: 4px;
	padding: 16px 20px;
	margin-bottom: 10px
}

#sb-cont {
	color: #3b4958;
	text-decoration: none;
	font-size: 1.25rem;
	letter-spacing: -.03rem;
	font-weight: 600;
	line-height: 1;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

#sb-cont:before {
	font-size: 1.5rem;
	position: relative;
	top: 5px;
	display: inline-block;
	margin-right: 3px
}

@media(min-width:768px) {
	#sb-top {
		padding-bottom: 26.66667px
	}

	#sb-top .icon-close:hover {
		color: #adb5bd
	}

	#sb-top .icon-close:hover .icon-close {
		font-size: 2rem;
		-webkit-transform: translateY(12px);
		transform: translateY(12px)
	}

	.sb-i {
		padding: 26.66667px 0
	}

	.sb-i-name {
		font-size: 1.375rem
	}

	#sb-h strong {
		font-size: 2rem
	}

	#sb-h #sb-qty {
		font-size: 2.5rem
	}

	#sb-totals {
		font-size: 1.125rem;
		line-height: 1.8
	}

	#sb-proceed {
		margin-bottom: 20px
	}

	#sb-proceed:hover {
		background: #3b4958
	}

	#sb-cont:hover:before {
		color: #009af4;
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

@media(min-width:1200px) {
	#sb-c {
		width: calc(100% + 27px)
	}

	.sb-i {
		margin-right: 10px
	}

	.sb-i-details {
		font-size: 1rem
	}
}

#sb {
	-webkit-transform: translateX(380px);
	transform: translateX(380px);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	background: #fff;
	padding: 10px 20px 20px;
	min-height: 100vh;
	min-height: -webkit-fill-available
}

#sb:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 150vh;
	background: #fff
}

@media(min-width:768px) {
	#sb {
		-webkit-transform: translateX(380px);
		transform: translateX(380px);
		width: 380px;
		padding: 13.33333px 26.66667px 26.66667px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
}

@media(min-width:1200px) {
	#sb {
		-webkit-transform: translateX(460px);
		transform: translateX(460px);
		width: 460px;
		padding: 20px 40px 40px
	}
}

@media(min-width:1400px) {
	#sb {
		-webkit-transform: translateX(540px);
		transform: translateX(540px);
		width: 540px
	}
}

#sb-sup {
	position: relative;
	z-index: 2;
	padding: 40px;
	color: #fff;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-weight: 300;
	display: none
}

@media(min-width:1200px) {
	#sb-sup {
		padding: 40px 60px
	}
}

@media(min-width:1400px) {
	#sb-sup {
		padding: 80px 120px 40px
	}
}

#sb-promo {
	font-size: 1.125rem;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
	opacity: 0
}

#sb-promo .promo-limited {
	line-height: 1.4;
	font-size: 1.625rem
}

#sb-promo .promo-limited:before {
	font-size: 1.75rem;
	margin-right: 10px;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	display: inline-block
}

#sb-promo #promo-complete {
	font-size: 1.125rem;
	line-height: 1
}

#sb-promo #free-del {
	font-size: 1.375rem;
	line-height: 1
}

#sb-promo #free-del strong {
	font-size: 2.875rem;
	font-weight: 700;
	display: block;
	margin-bottom: 5px
}

#sb-promo #free-del sup {
	font-size: 1.75rem
}

#sb-promo .promo-timer {
	font-weight: 600
}

@media(min-width:992px) {
	#sb-promo {
		font-size: 1.75rem
	}

	#sb-promo .promo-limited {
		font-size: 1.75rem
	}

	#sb-promo .promo-limited:before {
		font-size: 2.375rem;
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	#sb-promo #promo-complete {
		font-size: 1.25rem;
		line-height: 1
	}

	#sb-promo #free-del {
		font-size: 1.375rem
	}

	#sb-promo #free-del strong {
		font-size: 3.125rem;
		display: inline-block;
		margin-bottom: 0
	}

	#sb-promo #free-del sup {
		font-size: 1.875rem
	}
}

@media(min-width:1200px) {
	#sb-promo #promo-complete {
		font-size: 1.5rem
	}

	#sb-promo #free-del {
		font-size: 1.75rem
	}

	#sb-promo #free-del strong {
		font-size: 3.75rem
	}

	#sb-promo #free-del sup {
		font-size: 2.5rem
	}
}

@media(min-width:1400px) {
	#sb-promo {
		font-size: 2.125rem
	}

	#sb-promo .promo-limited {
		font-size: 2.125rem
	}

	#sb-promo .promo-limited:before {
		font-size: 2.375rem;
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}

	#sb-promo #free-del {
		font-size: 1.75rem
	}

	#sb-promo #free-del strong {
		font-size: 5rem
	}

	#sb-promo #free-del sup {
		font-size: 3.125rem
	}
}

#sb-upsell {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms;
	opacity: 0;
	position: relative
}

#sb-upsell:before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 5px;
	background: #009af4;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

#sb-upsell .sb-upsell-heading {
	font-weight: 600;
	line-height: 1
}

#sb-upsell .pl-c {
	color: #5e676b
}

#sb-upsell .pl-i {
	border: 5px solid #fff
}

#sb-upsell .pl-n {
	color: #fff
}

#sb-upsell .pl-p {
	font-size: 1.25rem;
	color: #fff
}

#sb-upsell .pl-p span {
	color: #fff;
	font-size: .875rem
}

@media(min-width:768px) {
	#sb-upsell .sb-upsell-heading {
		font-size: 1rem
	}

	#sb-upsell .pl {
		width: 50%
	}

	#sb-upsell .pl .pl-c {
		font-size: .625rem
	}

	#sb-upsell .pl .pl-n {
		font-size: 1.125rem
	}
}

@media(min-width:992px) {
	#sb-upsell .sb-upsell-heading {
		font-size: 1.375rem
	}

	#sb-upsell .pl {
		width: 33.33%
	}

	#sb-upsell .pl:last-child {
		display: none
	}

	#sb-upsell .pl .pl-c {
		font-size: .6875rem
	}

	#sb-upsell .pl .pl-n {
		font-size: 1.3125rem
	}
}

@media(min-width:1200px) {
	#sb-upsell .sb-upsell-heading {
		font-size: 1.5rem
	}

	#sb-upsell .pl {
		width: 25%
	}

	#sb-upsell .pl:last-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	#sb-upsell .pl .pl-c {
		font-size: .75rem
	}

	#sb-upsell .pl .pl-n {
		font-size: 1.25rem
	}
}

@media(min-width:1400px) {
	#sb-upsell {
		padding-right: 80px
	}

	#sb-upsell .pl .pl-c {
		font-size: .9375rem
	}

	#sb-upsell .pl .pl-n {
		font-size: 1.5rem
	}
}

#sb-promo-dis {
	font-size: .75rem;
	line-height: 1.3;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms;
	opacity: 0
}

@media(min-width:1400px) {
	#sb-promo-dis {
		font-size: .875rem
	}
}

.sb-show {
	overflow-y: hidden
}

.sb-show #sb-container {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.sb-show #sb-container:before {
	opacity: .88
}

.sb-show #sb {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.sb-show #sb-promo {
	opacity: 1
}

.sb-show #sb-upsell {
	opacity: 1
}

.sb-show #sb-upsell:before {
	width: 100%;
	-webkit-transition-delay: 1000ms;
	transition-delay: 1000ms
}

.sb-show #sb-promo-dis {
	opacity: 1
}

#search-container {
	-webkit-transform: translateX(-200vw);
	transform: translateX(-200vw);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	margin: auto;
	background: rgba(255, 255, 255, .98);
	opacity: 0
}

#search-container .s-close {
	color: #3b4059;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 1.75rem;
	text-decoration: none;
	line-height: 1;
	padding: 10px
}

#search-container .s-close:hover:before {
	color: #adb5bd
}

#search-container>.container {
	height: 100%;
	padding: 0 48px
}

@media(min-width:768px) {
	#search-container .s-close {
		right: 40px;
		top: 40px;
		padding: 0
	}

	#search-container>.container {
		padding: 0 60px
	}
}

@media(min-width:992px) {
	#search-container>.container {
		padding: 0 80px
	}
}

#search-top {
	margin-bottom: 40px
}

#search-top label {
	font-size: .875rem
}

#search-top .icon-search {
	position: relative
}

#search-top .icon-search:before {
	position: absolute;
	font-size: 1.6875rem;
	color: #3b4059;
	left: -35px;
	bottom: 15px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	opacity: 0
}

#search-top input {
	width: 100%;
	height: 56px;
	border: 0;
	border-bottom: 3px solid #dee2e6;
	background: 0;
	font-size: 2.375rem;
	line-height: 1.45;
	font-weight: 600;
	letter-spacing: -.04em;
	color: #009af4;
	border-radius: 0;
	padding: 0 0 10px
}

#search-top input::-webkit-input-placeholder {
	color: #ced4da
}

#search-top input:-moz-placeholder {
	color: #ced4da;
	opacity: 1
}

#search-top input::-moz-placeholder {
	color: #ced4da;
	opacity: 1
}

#search-top input:-ms-input-placeholder {
	color: #ced4da
}

#search-top input::-ms-input-placeholder {
	color: #ced4da
}

#search-top input::placeholder {
	color: #ced4da
}

#search-top input:focus {
	border-color: #adb5bd
}

@media(min-width:768px) {
	#search-top label {
		font-size: 1rem
	}

	#search-top .icon-search:before {
		font-size: 2.625rem;
		left: -60px;
		bottom: 20px;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	#search-top input {
		font-size: 3.75rem;
		height: 85px;
		line-height: 1
	}
}

#search-middle {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	margin-bottom: 40px
}

#search-results {
	position: absolute;
	left: -20px;
	top: 0;
	width: calc(100% + 40px);
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden
}

#search-bottom {
	position: relative;
	padding: 26.66667px 0;
	display: none
}

#search-bottom:before {
	content: '';
	background: #eef5fb;
	border-top: 1px solid #d9e9f6;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
	margin-left: -50vw;
	width: 100vw;
	height: 100%
}

#search-bottom ul {
	position: relative;
	z-index: 2;
	line-height: 1.8
}

#search-bottom a {
	color: #3b4958;
	font-weight: 600;
	text-decoration: none;
	position: relative
}

#search-bottom a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 2px;
	background: #fccc14
}

@media(min-width:1200px) {
	#search-bottom a {
		font-size: 1.1875rem
	}

	#search-bottom a:hover:before {
		width: 100%
	}
}

.search-show {
	overflow-y: hidden
}

.search-show #search-container {
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.search-show #search-top .icon-search:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

@media(min-width:768px) {
	.search-show #search-container {
		-webkit-transition-property: opacity;
		transition-property: opacity
	}
}

.search-results {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: -webkit-min-content 1fr;
	grid-template-rows: min-content 1fr;
	gap: 16px 16px;
	grid-auto-flow: row
}

.search-results .category:nth-child(n+2) {
	display: none
}

.search-results .category.pl {
	margin-bottom: 0
}

.search-results .category .btn.md {
	display: none
}

@media(min-width:768px) {
	.search-results {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 16px 16px
	}

	.search-results .category {
		grid-column: 1/span 3
	}

	.search-results .category .btn.md {
		display: block
	}

	.search-results .category .btn.sm {
		display: none
	}

	.search-results .pl-cat .pl-i a {
		padding: 24.3% 0
	}
}

@media(min-width:1200px) {
	.search-results {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 16px 16px
	}

	.search-results .category {
		grid-column: span 2;
		display: block
	}

	.search-results .category:nth-child(n+2) {
		display: block
	}

	.search-results .pl-cat .pl-i a {
		padding: 24.3% 0
	}
}

#hb-container,
#hb-comm-container {
	height: 216px
}

@media(min-width:576px) {

	#hb-container,
	#hb-comm-container {
		height: 257.14286px
	}
}

@media(min-width:768px) {

	#hb-container,
	#hb-comm-container {
		height: 284.21053px
	}
}

@media(min-width:992px) {

	#hb-container,
	#hb-comm-container {
		height: 400px
	}
}

@media(min-width:1200px) {

	#hb-container,
	#hb-comm-container {
		height: 460px;
	}
}

#hb-container .hb-comm-container,
#hb-comm-container .hb-comm-container {
	width: 50%;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	position: relative;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background: #009af4
}

#hb-container #hb-comm-left,
#hb-comm-container #hb-comm-left {
	background: #3b4958
}

#hb-container #hb-comm-right,
#hb-comm-container #hb-comm-right {
	background: #22303e
}

#hb-container .hb-comm-image,
#hb-comm-container .hb-comm-image {
	position: absolute;
	z-index: 1;
	background-color: #083769;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

#hb-container .hb-comm-image:after,
#hb-comm-container .hb-comm-image:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(138deg, #4bcfed, 20%, #007cff 100%);
	opacity: .4;
	-webkit-box-shadow: inset 0 0 100px #0f2135b3;
	box-shadow: inset 0 0 100px #0f2135b3
}

#hb-container .hb-comm-content,
#hb-comm-container .hb-comm-content {
	padding: 40px 0;
	position: relative;
	z-index: 2;
	width: 100%
}

#hb-container .hb-comm-content h1,
#hb-comm-container .hb-comm-content h1 {
	font-size: 2rem
}

@media(min-width:768px) {

	#hb-container .hb-comm-content h1,
	#hb-comm-container .hb-comm-content h1 {
		font-size: 3rem
	}
}

@media(min-width:1200px) {

	#hb-container .hb-comm-content h1,
	#hb-comm-container .hb-comm-content h1 {
		font-size: 5rem
	}
}

#hb-container .hb-comm-content p,
#hb-comm-container .hb-comm-content p {
	font-size: 1rem;
	color: #ffd7ac
}

@media(min-width:1200px) {

	#hb-container .hb-comm-content p,
	#hb-comm-container .hb-comm-content p {
		font-size: 1.25rem
	}
}

#hb-comm-container {
	height: auto;
	overflow: hidden;
	position: relative
}

@media(min-width:576px) {
	#hb-comm-container {
		height: 257.14286px
	}
}

@media(min-width:768px) {
	#hb-comm-container {
		height: 284.21053px
	}
}

@media(min-width:992px) {
	#hb-comm-container {
		height: 400px
	}
}

@media(min-width:1200px) {
	#hb-comm-container {
		height: 675px;
		border: 10px solid #fff
	}
}

#hb-left {
	width: 100%;
	height: 100%
}

@media(min-width:576px) {
	#hb-left {
		width: calc(100% - (360px/1.5))
	}
}

@media(min-width:768px) {
	#hb-left {
		width: calc(100% - (360px/1.6))
	}
}

@media(min-width:992px) {
	#hb-left {
		width: 676px
	}
}

@media(min-width:1200px) {
	#hb-left {
		width: calc(100% - 360px)
	}
}

#home-banner {
	width: 100%
}

#home-banner .new-product:before {
	content: 'New Product';
	width: 250px;
	height: 150px;
	background: #fccc14;
	position: absolute;
	left: -140px;
	top: -90px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	text-align: center;
	text-transform: uppercase;
	padding: 7px 100px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .8125rem;
	line-height: 1
}

@media(min-width:768px) {
	#home-banner .new-product:before {
		font-size: 1rem;
		left: -130px;
		top: -80px
	}
}

@media(min-width:992px) {
	#home-banner .new-product:before {
		font-size: 1.1875rem;
		left: -120px;
		top: -70px;
		padding: 10px 100px
	}
}

@media(min-width:1200px) {
	#home-banner .new-product:before {
		font-size: 1.375rem;
		left: -110px;
		top: -60px
	}
}

#home-banner #hb-house-signs .nav-tabs,
#home-banner #hb-commercial-signs .nav-tabs {
	display: none;
	margin-bottom: 0;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(59, 64, 89, .7);
	border: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#home-banner #hb-house-signs .nav-tabs a,
#home-banner #hb-commercial-signs .nav-tabs a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	font-size: 1rem;
	display: inline-block;
	padding: 10px;
	margin: 0 10px;
	border-bottom: 6px solid transparent
}

#home-banner #hb-house-signs .nav-tabs a.active,
#home-banner #hb-commercial-signs .nav-tabs a.active {
	border-color: #fccc14;
	cursor: default
}

@media(min-width:992px) {

	#home-banner #hb-house-signs .nav-tabs,
	#home-banner #hb-commercial-signs .nav-tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media(min-width:1200px) {

	#home-banner #hb-house-signs .nav-tabs a,
	#home-banner #hb-commercial-signs .nav-tabs a {
		font-size: 1.25rem;
		padding: 10px 15px;
		margin: 0 15px
	}

	#home-banner #hb-house-signs .nav-tabs a:hover,
	#home-banner #hb-commercial-signs .nav-tabs a:hover {
		color: #ffd7ac
	}

	#home-banner #hb-house-signs .nav-tabs a.active:hover,
	#home-banner #hb-commercial-signs .nav-tabs a.active:hover {
		color: #fff
	}
}

#home-banner #hb-house-signs .tab-content,
#home-banner #hb-commercial-signs .tab-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0
}

#home-banner #hb-house-signs .tab-pane,
#home-banner #hb-commercial-signs .tab-pane {
	height: 100%;
	opacity: 0
}

#home-banner #hb-house-signs .tab-pane.active,
#home-banner #hb-commercial-signs .tab-pane.active {
	-webkit-animation: fadeIn 300ms forwards;
	animation: fadeIn 300ms forwards
}

#home-banner .active .hb-commercial-slide-content span {
	-webkit-animation: fadeIn 0ms forwards, slideFromRight 0ms forwards;
	animation: fadeIn 0ms forwards, slideFromRight 0ms forwards
}

#home-banner .active .hb-commercial-slide-content strong {
	-webkit-animation: fadeIn 0ms forwards, slideFromRight 0ms forwards;
	animation: fadeIn 0ms forwards, slideFromRight 0ms forwards
}

#home-banner .active .hb-commercial-slide-content a {
	-webkit-animation: fadeIn 0ms forwards, slideFromLeft 0s forwards;
	animation: fadeIn 0ms forwards, slideFromLeft 0s forwards
}

#home-banner .active #hb-slate .hb-slide-content span {
	-webkit-animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards;
	animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards
}

#home-banner .active #hb-slate .hb-slide-content strong {
	-webkit-animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards;
	animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards
}

#home-banner .active #hb-slate .hb-slide-content a {
	-webkit-animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards;
	animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards
}

#home-banner .active #hb-acrylic .hb-slide-content span {
	-webkit-animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards;
	animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards
}

#home-banner .active #hb-acrylic .hb-slide-content strong {
	-webkit-animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards;
	animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards
}

#home-banner .active #hb-acrylic .hb-slide-content a {
	-webkit-animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards;
	animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards
}

#home-banner .active #hb-wooden .hb-slide-content span {
	-webkit-animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards;
	animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards
}

#home-banner .active #hb-wooden .hb-slide-content strong {
	-webkit-animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards;
	animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards
}

#home-banner .active #hb-wooden .hb-slide-content a {
	-webkit-animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards;
	animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards
}

#home-banner .active #hb-aluminium .hb-slide-content span {
	-webkit-animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards;
	animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards
}

#home-banner .active #hb-aluminium .hb-slide-content strong {
	-webkit-animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards;
	animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards
}

#home-banner .active #hb-aluminium .hb-slide-content a {
	-webkit-animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards;
	animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards
}

#home-banner .active #hb-corian .hb-slide-content span {
	-webkit-animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards;
	animation: fadeIn 400ms 300ms forwards, slideFromRight 750ms 300ms forwards
}

#home-banner .active #hb-corian .hb-slide-content strong {
	-webkit-animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards;
	animation: fadeIn 400ms 600ms forwards, slideFromRight 750ms 600ms forwards
}

#home-banner .active #hb-corian .hb-slide-content a {
	-webkit-animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards;
	animation: fadeIn 400ms 1s forwards, slideFromLeft 750ms 1s forwards
}

#home-banner .active #hb-essentials .hb-slide-content span {
	-webkit-animation: fadeIn 600ms 800ms forwards, slideFromLeft 750ms 800ms forwards;
	animation: fadeIn 600ms 800ms forwards, slideFromLeft 750ms 800ms forwards
}

#home-banner .active #hb-primary .hb-slide-content span {
	-webkit-animation: fadeIn 600ms 800ms forwards, slideFromLeft 750ms 800ms forwards;
	animation: fadeIn 600ms 800ms forwards, slideFromLeft 750ms 800ms forwards
}


#home-banner .active #hb-essentials .hb-slide-content img {
	-webkit-animation: fadeIn 400ms 1.2s forwards, slideFromRight 750ms 1.2s forwards;
	animation: fadeIn 400ms 1.2s forwards, slideFromRight 750ms 1.2s forwards
}

#home-banner .active #hb-primary .hb-slide-content img {
	-webkit-animation: fadeIn 400ms 1.2s forwards, slideFromRight 750ms 1.2s forwards;
	animation: fadeIn 400ms 1.2s forwards, slideFromRight 750ms 1.2s forwards
}

#home-banner .active #hb-essentials .hb-slide-content .text-right {
	-webkit-animation: fadeIn 400ms 1.2s forwards, slideFromRight 750ms 1.2s forwards;
	animation: fadeIn 400ms 1.2s forwards, slideFromRight 750ms 1.2s forwards
}

#home-banner .active #hb-primary .hb-slide-content .text-right {
	-webkit-animation: fadeIn 400ms 1.2s forwards, slideFromRight 750ms 1.2s forwards;
	animation: fadeIn 400ms 1.2s forwards, slideFromRight 750ms 1.2s forwards
}

#home-banner .active #hb-essentials .hb-slide-content .pill {
	-webkit-animation: fadeIn 400ms 1.8s forwards;
	animation: fadeIn 400ms 1.8s forwards
}

#home-banner .active #hb-primary .hb-slide-content .pill {
	-webkit-animation: fadeIn 400ms 1.8s forwards;
	animation: fadeIn 400ms 1.8s forwards
}

#home-banner .active #hb-events .hb-slide-content span {
	-webkit-animation: fadeIn 600ms 800ms forwards, slideFromRight 750ms 800ms forwards;
	animation: fadeIn 600ms 800ms forwards, slideFromRight 750ms 800ms forwards
}

#home-banner .active #hb-events .hb-slide-content strong {
	-webkit-animation: fadeIn 400ms 1.2s forwards, slideFromLeft 750ms 1.2s forwards;
	animation: fadeIn 400ms 1.2s forwards, slideFromLeft 750ms 1.2s forwards
}

#home-banner .active #hb-events .hb-slide-content a {
	-webkit-animation: fadeIn 400ms 2.1s forwards;
	animation: fadeIn 400ms 2.1s forwards
}

#home-banner .active #hb-commercial .hb-slide-content span {
	-webkit-animation: fadeIn 600ms 800ms forwards, slideFromRight 750ms 800ms forwards;
	animation: fadeIn 600ms 800ms forwards, slideFromRight 750ms 800ms forwards
}

#home-banner .active #hb-commercial .hb-slide-content strong {
	-webkit-animation: fadeIn 400ms 1.2s forwards, slideFromLeft 750ms 1.2s forwards;
	animation: fadeIn 400ms 1.2s forwards, slideFromLeft 750ms 1.2s forwards
}

#home-banner .active #hb-commercial .hb-slide-content a {
	-webkit-animation: fadeIn 400ms 2.1s forwards;
	animation: fadeIn 400ms 2.1s forwards
}

#home-banner .hb-commercial {
	background: url('http://demo.signhq.co.uk/slider/4.webp') left -10px center/auto 102% no-repeat
}

#home-banner .hb-commercial .hb-slide-content {
	position: absolute;
	left: 47%;
	top: 20%;
	margin: auto;
	line-height: 1
}

#home-banner .hb-commercial .hb-slide-content span {
	display: inline-block;
	background: #fccc14;
	color: #fff;
	font-size: 16;
	padding: 6px 10px 10px;
	opacity: 0
}

#home-banner .hb-commercial .hb-slide-content strong {
	display: block;
	background: #3b4958;
	color: #fff;
	font-weight: 700;
	font-size: 1.9375rem;
	padding: 6px 10px 10px;
	letter-spacing: -.05rem;
	opacity: 0
}

#home-banner .hb-commercial .hb-slide-content a {
	color: #3b4958;
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	right: 0;
	margin-top: 20px;
	opacity: 0
}

#home-banner .hb-commercial .hb-slide-content .pill {
	font-size: .75rem
}

@media(min-width:576px) {
	#home-banner .hb-commercial .hb-slide-content {
		left: 49%;
		top: 25%
	}

	#home-banner .hb-commercial .hb-slide-content span {
		font-size: 1.125rem;
		padding-top: 8px
	}

	#home-banner .hb-commercial .hb-slide-content strong {
		font-size: 2.0625rem
	}

	#home-banner .hb-commercial .hb-slide-content .pill {
		font-size: .875rem
	}
}

@media(min-width:768px) {
	#home-banner .hb-commercial .hb-slide-content {
		left: 48%;
		top: 28%
	}

	#home-banner .hb-commercial .hb-slide-content span {
		font-size: 1.375rem
	}

	#home-banner .hb-commercial .hb-slide-content strong {
		font-size: 2.3125rem
	}
}

@media(min-width:992px) {
	#home-banner .hb-commercial .hb-slide-content {
		left: 48%;
		top: 23%
	}

	#home-banner .hb-commercial .hb-slide-content span {
		font-size: 1.25rem;
		padding: 12px 16px 16px
	}

	#home-banner .hb-commercial .hb-slide-content strong {
		font-size: 2rem;
		padding: 12px 16px 16px
	}

	#home-banner .hb-commercial .hb-slide-content .pill {
		font-size: 1.125rem
	}
}

@media(min-width:1200px) {
	#home-banner .hb-commercial {
		background-position: center;
		background-size: cover
	}

	#home-banner .hb-commercial .hb-slide-content {
		margin-right: 20px;
		left: 49%;
		top: 20%
	}

	#home-banner .hb-commercial .hb-slide-content span {
		font-size: 1.625rem;
		padding: 16px 20px 20px
	}

	#home-banner .hb-commercial .hb-slide-content strong {
		font-size: 2.75rem;
		padding: 8px 20px 20px
	}

	#home-banner .hb-commercial .hb-slide-content .pill {
		font-size: 1.125rem
	}

	#home-banner .hb-commercial .hb-slide-content a:hover {
		color: #fff;
		background: #31354a
	}

	#home-banner .hb-commercial .hb-slide-content a:hover:after {
		color: #fccc14
	}
}

@media(min-width:1400px) {
	#home-banner .hb-commercial .hb-slide-content {
		margin-right: 30px
	}

	#home-banner .hb-commercial .hb-slide-content span {
		font-size: 1.5rem
	}

	#home-banner .hb-commercial .hb-slide-content strong {
		font-size: 3.375rem
	}
}

#home-banner #hb-commercial-metal {
	background: url(../img/commercial/metal-uk-sign-shop.jpg) center/auto 102% no-repeat;
	background-size: cover
}

#home-banner #hb-commercial-correx {
	background: url(../img/commercial/correx-signs.jpg) center/auto 102% no-repeat;
	background-size: cover
}

#home-banner #hb-commercial-foamex {
	background: url(../img/commercial/foamboard-signs.jpg) center/auto 102% no-repeat;
	background-size: cover
}

#home-banner #hb-commercial-wood {
	background: url(../img/commercial/wood-signs.jpg) center/auto 102% no-repeat;
	background-size: cover
}

#home-banner #hb-commercial-dibond {
	background: url(../img/commercial/dibond-signs.jpg) center/auto 102% no-repeat;
	background-size: cover
}

#home-banner #hb-slate {
	background: url(../img/home-banner-slate.jpg) left -10px center/auto 102% no-repeat
}

#home-banner #hb-slate .hb-slide-content {
	position: absolute;
	left: 47%;
	top: 20%;
	margin: auto;
	line-height: 1
}

#home-banner #hb-slate .hb-slide-content span {
	display: inline-block;
	background: #fccc14;
	color: #fff;
	font-size: 16;
	padding: 6px 10px 10px;
	opacity: 0
}

#home-banner #hb-slate .hb-slide-content strong {
	display: block;
	background: #3b4958;
	color: #fff;
	font-weight: 700;
	font-size: 1.9375rem;
	padding: 6px 10px 10px;
	letter-spacing: -.05rem;
	opacity: 0
}

#home-banner #hb-slate .hb-slide-content a {
	color: #3b4958;
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	right: 0;
	margin-top: 20px;
	opacity: 0
}

#home-banner #hb-slate .hb-slide-content .pill {
	font-size: .75rem
}

@media(min-width:576px) {
	#home-banner #hb-slate .hb-slide-content {
		left: 49%;
		top: 25%
	}

	#home-banner #hb-slate .hb-slide-content span {
		font-size: 1.125rem;
		padding-top: 8px
	}

	#home-banner #hb-slate .hb-slide-content strong {
		font-size: 2.0625rem
	}

	#home-banner #hb-slate .hb-slide-content .pill {
		font-size: .875rem
	}
}

@media(min-width:768px) {
	#home-banner #hb-slate .hb-slide-content {
		left: 48%;
		top: 28%
	}

	#home-banner #hb-slate .hb-slide-content span {
		font-size: 1.375rem
	}

	#home-banner #hb-slate .hb-slide-content strong {
		font-size: 2.3125rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-slate .hb-slide-content {
		left: 48%;
		top: 23%
	}

	#home-banner #hb-slate .hb-slide-content span {
		font-size: 1.875rem;
		padding: 12px 16px 16px
	}

	#home-banner #hb-slate .hb-slide-content strong {
		font-size: 3.25rem;
		padding: 12px 16px 16px
	}

	#home-banner #hb-slate .hb-slide-content .pill {
		font-size: 1.125rem
	}
}

@media(min-width:1200px) {
	#home-banner #hb-slate {
		background-position: center;
		background-size: cover
	}

	#home-banner #hb-slate .hb-slide-content {
		left: 49%;
		top: 25%
	}

	#home-banner #hb-slate .hb-slide-content span {
		font-size: 2.25rem;
		padding: 16px 20px 20px
	}

	#home-banner #hb-slate .hb-slide-content strong {
		font-size: 4rem;
		padding: 8px 20px 20px
	}

	#home-banner #hb-slate .hb-slide-content .pill {
		font-size: 1.125rem
	}

	#home-banner #hb-slate .hb-slide-content a:hover {
		color: #fff;
		background: #31354a
	}

	#home-banner #hb-slate .hb-slide-content a:hover:after {
		color: #fccc14
	}
}

@media(min-width:1400px) {
	#home-banner #hb-slate .hb-slide-content span {
		font-size: 2.75rem
	}

	#home-banner #hb-slate .hb-slide-content strong {
		font-size: 4.625rem
	}
}

#home-banner #hb-acrylic {
	background: url(../img/home-banner-acrylic.jpg) left center/cover no-repeat
}

#home-banner #hb-acrylic .hb-slide-content {
	position: absolute;
	left: 5%;
	top: 12%;
	margin: auto;
	line-height: 1;
	width: 50%;
	padding-bottom: 40px
}

#home-banner #hb-acrylic .hb-slide-content span {
	display: inline-block;
	background: #fccc14;
	color: #fff;
	font-size: 1rem;
	padding: 8px 10px 10px;
	opacity: 0;
	position: relative;
	z-index: 2
}

#home-banner #hb-acrylic .hb-slide-content strong {
	display: inline-block;
	background: #3b4958;
	color: #fff;
	font-weight: 700;
	font-size: 1.75rem;
	padding: 8px 10px 10px;
	letter-spacing: -.05rem;
	opacity: 0
}

#home-banner #hb-acrylic .hb-slide-content strong.s-2 {
	position: relative;
	top: -10px;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

#home-banner #hb-acrylic .hb-slide-content a {
	color: #3a4148;
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0
}

#home-banner #hb-acrylic .hb-slide-content a:after {
	color: #3a4148
}

@media(min-width:576px) {
	#home-banner #hb-acrylic .hb-slide-content {
		left: 6%;
		top: 14%
	}

	#home-banner #hb-acrylic .hb-slide-content span {
		font-size: 1.0625rem
	}

	#home-banner #hb-acrylic .hb-slide-content strong {
		font-size: 2rem
	}
}

@media(min-width:768px) {
	#home-banner #hb-acrylic .hb-slide-content {
		top: 16%
	}

	#home-banner #hb-acrylic .hb-slide-content span {
		font-size: 1.125rem
	}

	#home-banner #hb-acrylic .hb-slide-content strong {
		font-size: 2.25rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-acrylic .hb-slide-content {
		left: 7%;
		top: 15%;
		padding-bottom: 60px
	}

	#home-banner #hb-acrylic .hb-slide-content span {
		font-size: 1.625rem;
		padding: 10px 18px 16px
	}

	#home-banner #hb-acrylic .hb-slide-content strong {
		font-size: 3.125rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-acrylic .hb-slide-content strong.s-2 {
		position: relative;
		top: -18px
	}
}

@media(min-width:1200px) {
	#home-banner #hb-acrylic .hb-slide-content {
		left: 8%;
		top: 22%;
		padding-bottom: 80px
	}

	#home-banner #hb-acrylic .hb-slide-content span {
		font-size: 2.5rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-acrylic .hb-slide-content strong {
		font-size: 4.625rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-acrylic .hb-slide-content a:hover {
		color: #fff;
		background: #31354a
	}

	#home-banner #hb-acrylic .hb-slide-content a:hover:after {
		color: #fccc14
	}
}

#home-banner #hb-wooden {
	background: url(../img/home-banner-wood.jpg) left center/cover no-repeat
}

#home-banner #hb-wooden .hb-slide-content {
	position: absolute;
	left: 5%;
	top: 12%;
	margin: auto;
	line-height: 1;
	width: 50%;
	padding-bottom: 40px
}

#home-banner #hb-wooden .hb-slide-content span {
	display: inline-block;
	background: #fccc14;
	color: #fff;
	font-size: 1rem;
	padding: 8px 10px 10px;
	opacity: 0;
	position: relative;
	z-index: 2
}

#home-banner #hb-wooden .hb-slide-content strong {
	display: inline-block;
	background: #3b4958;
	color: #fff;
	font-weight: 700;
	font-size: 1.75rem;
	padding: 8px 10px 10px;
	letter-spacing: -.05rem;
	opacity: 0
}

#home-banner #hb-wooden .hb-slide-content strong.s-2 {
	position: relative;
	top: -10px;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

#home-banner #hb-wooden .hb-slide-content a {
	color: #3a4148;
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0
}

#home-banner #hb-wooden .hb-slide-content a:after {
	color: #3a4148
}

@media(min-width:576px) {
	#home-banner #hb-wooden .hb-slide-content {
		left: 6%;
		top: 14%
	}

	#home-banner #hb-wooden .hb-slide-content span {
		font-size: 1.0625rem
	}

	#home-banner #hb-wooden .hb-slide-content strong {
		font-size: 2rem
	}
}

@media(min-width:768px) {
	#home-banner #hb-wooden .hb-slide-content {
		top: 16%
	}

	#home-banner #hb-wooden .hb-slide-content span {
		font-size: 1.125rem
	}

	#home-banner #hb-wooden .hb-slide-content strong {
		font-size: 2.25rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-wooden .hb-slide-content {
		left: 7%;
		top: 25%;
		padding-bottom: 60px
	}

	#home-banner #hb-wooden .hb-slide-content span {
		font-size: 1.3125rem;
		padding: 10px 18px 16px
	}

	#home-banner #hb-wooden .hb-slide-content strong {
		font-size: 2.5rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-wooden .hb-slide-content strong.s-2 {
		position: relative;
		top: -18px
	}
}

@media(min-width:1200px) {
	#home-banner #hb-wooden {
		background-position: left -56px
	}

	#home-banner #hb-wooden .hb-slide-content {
		left: 6%;
		top: 22%;
		padding-bottom: 80px
	}

	#home-banner #hb-wooden .hb-slide-content span {
		font-size: 2rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-wooden .hb-slide-content strong {
		font-size: 3.875rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-wooden .hb-slide-content a:hover {
		color: #fff;
		background: #31354a
	}

	#home-banner #hb-wooden .hb-slide-content a:hover:after {
		color: #fccc14
	}
}

#home-banner #hb-aluminium {
	background: url(../img/home-banner-acm.jpg) left center/cover no-repeat
}

#home-banner #hb-aluminium .hb-slide-content {
	position: absolute;
	left: 5%;
	top: 12%;
	margin: auto;
	line-height: 1;
	width: 50%;
	padding-bottom: 40px
}

#home-banner #hb-aluminium .hb-slide-content span {
	display: inline-block;
	background: #fccc14;
	color: #fff;
	font-size: 1rem;
	padding: 8px 10px 10px;
	opacity: 0;
	position: relative;
	z-index: 2
}

#home-banner #hb-aluminium .hb-slide-content strong {
	display: inline-block;
	background: #3b4958;
	color: #fff;
	font-weight: 700;
	font-size: 1.75rem;
	padding: 8px 10px 10px;
	letter-spacing: -.05rem;
	opacity: 0
}

#home-banner #hb-aluminium .hb-slide-content strong.s-2 {
	position: relative;
	top: -10px;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

#home-banner #hb-aluminium .hb-slide-content a {
	color: #3a4148;
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0
}

#home-banner #hb-aluminium .hb-slide-content a:after {
	color: #3a4148
}

@media(min-width:576px) {
	#home-banner #hb-aluminium .hb-slide-content {
		left: 6%;
		top: 14%
	}

	#home-banner #hb-aluminium .hb-slide-content span {
		font-size: 1.0625rem
	}

	#home-banner #hb-aluminium .hb-slide-content strong {
		font-size: 2rem
	}
}

@media(min-width:768px) {
	#home-banner #hb-aluminium .hb-slide-content {
		top: 16%
	}

	#home-banner #hb-aluminium .hb-slide-content span {
		font-size: 1.125rem
	}

	#home-banner #hb-aluminium .hb-slide-content strong {
		font-size: 2.25rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-aluminium .hb-slide-content {
		left: 7%;
		top: 20%;
		padding-bottom: 60px
	}

	#home-banner #hb-aluminium .hb-slide-content span {
		font-size: 1.375rem;
		padding: 10px 18px 16px
	}

	#home-banner #hb-aluminium .hb-slide-content strong {
		font-size: 3rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-aluminium .hb-slide-content strong.s-2 {
		position: relative;
		top: -18px
	}
}

@media(min-width:1200px) {
	#home-banner #hb-aluminium .hb-slide-content {
		left: 6%;
		top: 22%;
		padding-bottom: 80px
	}

	#home-banner #hb-aluminium .hb-slide-content span {
		font-size: 2.125rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-aluminium .hb-slide-content strong {
		font-size: 4.4375rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-aluminium .hb-slide-content a:hover {
		color: #fff;
		background: #31354a
	}

	#home-banner #hb-aluminium .hb-slide-content a:hover:after {
		color: #fccc14
	}
}

#home-banner #hb-corian {
	background: url(../img/home-banner-corian.jpg) left center/cover no-repeat
}

#home-banner #hb-corian .hb-slide-content {
	position: absolute;
	left: 5%;
	top: 12%;
	margin: auto;
	line-height: 1;
	width: 50%;
	padding-bottom: 40px
}

#home-banner #hb-corian .hb-slide-content span {
	display: inline-block;
	background: #fccc14;
	color: #fff;
	font-size: 1rem;
	padding: 8px 10px 10px;
	opacity: 0;
	position: relative;
	z-index: 2
}

#home-banner #hb-corian .hb-slide-content strong {
	display: inline-block;
	background: #3b4958;
	color: #fff;
	font-weight: 700;
	font-size: 1.75rem;
	padding: 8px 10px 10px;
	letter-spacing: -.05rem;
	opacity: 0
}

#home-banner #hb-corian .hb-slide-content strong.s-2 {
	position: relative;
	top: -10px;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

#home-banner #hb-corian .hb-slide-content a {
	color: #3a4148;
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0
}

#home-banner #hb-corian .hb-slide-content a:after {
	color: #3a4148
}

@media(min-width:576px) {
	#home-banner #hb-corian .hb-slide-content {
		left: 6%;
		top: 14%
	}

	#home-banner #hb-corian .hb-slide-content span {
		font-size: 1.0625rem
	}

	#home-banner #hb-corian .hb-slide-content strong {
		font-size: 2rem
	}
}

@media(min-width:768px) {
	#home-banner #hb-corian .hb-slide-content {
		top: 16%
	}

	#home-banner #hb-corian .hb-slide-content span {
		font-size: 1.125rem
	}

	#home-banner #hb-corian .hb-slide-content strong {
		font-size: 2.25rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-corian .hb-slide-content {
		left: 7%;
		top: 20%;
		padding-bottom: 60px
	}

	#home-banner #hb-corian .hb-slide-content span {
		font-size: 1.625rem;
		padding: 10px 18px 16px
	}

	#home-banner #hb-corian .hb-slide-content strong {
		font-size: 3.125rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-corian .hb-slide-content strong.s-2 {
		position: relative;
		top: -18px
	}
}

@media(min-width:1200px) {
	#home-banner #hb-corian .hb-slide-content {
		left: 6%;
		top: 22%;
		padding-bottom: 80px
	}

	#home-banner #hb-corian .hb-slide-content span {
		font-size: 2.25rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-corian .hb-slide-content strong {
		font-size: 4.1875rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-corian .hb-slide-content a:hover {
		color: #fff;
		background: #31354a
	}

	#home-banner #hb-corian .hb-slide-content a:hover:after {
		color: #fccc14
	}
}

#home-banner #hb-essentials {
	background: url('http://demo.signhq.co.uk/slider/1.jpg') center/cover no-repeat
}

#home-banner #hb-essentials .hb-slide-content {
	position: absolute;
	left: 38%;
	top: 9%;
	margin-right: 26.66667px;
	color: rgba(255, 255, 255, .88)
}

#home-banner #hb-essentials .hb-slide-content span {
	font-size: 1rem;
	opacity: 0;
	display: block
}

#home-banner #hb-essentials .hb-slide-content strong {
	display: block;
	font-size: 1.3125rem;
	line-height: 1.1;
	font-weight: 700
}

#home-banner #hb-essentials .hb-slide-content img {
	max-width: 100%;
	margin-bottom: 5px;
	opacity: 0
}

#home-banner #hb-essentials .hb-slide-content .text-right {
	opacity: 0
}

#home-banner #hb-essentials .hb-slide-content p {
	font-size: .9375rem;
	font-weight: 300
}

#home-banner #hb-essentials .hb-slide-content .pill {
	background: #3b4958;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: -30px;
	opacity: 0
}

@media(min-width:576px) {
	#home-banner #hb-essentials .hb-slide-content {
		top: 14%
	}
}

@media(min-width:768px) {
	#home-banner #hb-essentials .hb-slide-content {
		top: 12%
	}

	#home-banner #hb-essentials .hb-slide-content span {
		font-size: 1.25rem
	}

	#home-banner #hb-essentials .hb-slide-content strong {
		font-size: 1.875rem
	}

	#home-banner #hb-essentials .hb-slide-content p {
		font-size: 1.0625rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-essentials .hb-slide-content {
		margin-right: 40px
	}

	#home-banner #hb-essentials .hb-slide-content span {
		font-size: 2rem
	}

	#home-banner #hb-essentials .hb-slide-content strong {
		font-size: 2.625rem
	}

	#home-banner #hb-essentials .hb-slide-content p {
		font-size: 1.25rem
	}

	#home-banner #hb-essentials .hb-slide-content .pill {
		bottom: -40px
	}
}

@media(min-width:1200px) {
	#home-banner #hb-essentials .hb-slide-content {
		top: 12%;
		margin-right: 64px
	}

	#home-banner #hb-essentials .hb-slide-content span {
		font-size: 2.875rem;
		font-weight: 300
	}

	#home-banner #hb-essentials .hb-slide-content strong {
		font-size: 3.25rem
	}

	#home-banner #hb-essentials .hb-slide-content img {
		margin-bottom: 10px
	}

	#home-banner #hb-essentials .hb-slide-content p {
		font-size: 1.5rem
	}

	#home-banner #hb-essentials .hb-slide-content .pill {
		bottom: -60px
	}

	#home-banner #hb-essentials .hb-slide-content .pill:hover {
		background: #fff;
		color: #3b4059
	}

	#home-banner #hb-essentials .hb-slide-content .pill:hover:after {
		color: #e78a00
	}
}

#home-banner #hb-primary {
	background: url('http://demo.signhq.co.uk/slider/2.webp') center/cover no-repeat
}

#home-banner #hb-primary .hb-slide-content {
	position: absolute;
	left: 38%;
	top: 9%;
	margin-right: 26.66667px;
	color: rgba(255, 255, 255, .88)
}

#home-banner #hb-primary .hb-slide-content span {
	font-size: 1rem;
	opacity: 0;
	display: block
}

#home-banner #hb-primary .hb-slide-content strong {
	display: block;
	font-size: 1.3125rem;
	line-height: 1.1;
	font-weight: 700
}

#home-banner #hb-primary .hb-slide-content img {
	max-width: 100%;
	margin-bottom: 5px;
	opacity: 0
}

#home-banner #hb-primary .hb-slide-content .text-right {
	opacity: 0
}

#home-banner #hb-primary .hb-slide-content p {
	font-size: .9375rem;
	font-weight: 300
}

#home-banner #hb-primary .hb-slide-content .pill {
	background: #3b4958;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: -30px;
	opacity: 0
}

@media(min-width:576px) {
	#home-banner #hb-primary .hb-slide-content {
		top: 14%
	}
}

@media(min-width:768px) {
	#home-banner #hb-primary .hb-slide-content {
		top: 12%
	}

	#home-banner #hb-primary .hb-slide-content span {
		font-size: 1.25rem
	}

	#home-banner #hb-primary .hb-slide-content strong {
		font-size: 1.875rem
	}

	#home-banner #hb-primary .hb-slide-content p {
		font-size: 1.0625rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-primary .hb-slide-content {
		margin-right: 40px
	}

	#home-banner #hb-primary .hb-slide-content span {
		font-size: 2rem
	}

	#home-banner #hb-primary .hb-slide-content strong {
		font-size: 2.625rem
	}

	#home-banner #hb-primary .hb-slide-content p {
		font-size: 1.25rem
	}

	#home-banner #hb-primary .hb-slide-content .pill {
		bottom: -40px
	}
}

@media(min-width:1200px) {
	#home-banner #hb-primary .hb-slide-content {
		top: 12%;
		margin-right: 64px
	}

	#home-banner #hb-primary .hb-slide-content span {
		font-size: 2.875rem;
		font-weight: 300
	}

	#home-banner #hb-primary .hb-slide-content strong {
		font-size: 3.25rem
	}

	#home-banner #hb-primary .hb-slide-content img {
		margin-bottom: 10px
	}

	#home-banner #hb-primary .hb-slide-content p {
		font-size: 1.5rem
	}

	#home-banner #hb-primary .hb-slide-content .pill {
		bottom: -60px
	}

	#home-banner #hb-primary .hb-slide-content .pill:hover {
		background: #fff;
		color: #3b4059
	}

	#home-banner #hb-primary .hb-slide-content .pill:hover:after {
		color: #e78a00
	}
}

#home-banner #hb-events {
	background: url('http://demo.signhq.co.uk/slider/3.jpg') left center/cover no-repeat
}

#home-banner #hb-events .hb-slide-content {
	position: absolute;
	left: 5%;
	top: 12%;
	margin: auto;
	line-height: 1;
	width: 50%;
	padding-bottom: 40px
}

#home-banner #hb-events .hb-slide-content span {
	display: inline-block;
	background: #ffa7ae;
	color: #fff;
	font-size: 1rem;
	padding: 8px 10px 10px;
	opacity: 0;
	position: relative;
	z-index: 2
}

#home-banner #hb-events .hb-slide-content strong {
	display: inline-block;
	background: #3b4958;
	color: #fff;
	font-weight: 700;
	font-size: 1.75rem;
	padding: 8px 10px 10px;
	letter-spacing: -.05rem;
	opacity: 0
}

#home-banner #hb-events .hb-slide-content strong.s-2 {
	position: relative;
	top: -10px;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

#home-banner #hb-events .hb-slide-content a {
	color: #3a4148;
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0
}

#home-banner #hb-events .hb-slide-content a:after {
	color: #3a4148
}

@media(min-width:576px) {
	#home-banner #hb-events .hb-slide-content {
		left: 6%;
		top: 14%
	}

	#home-banner #hb-events .hb-slide-content span {
		font-size: 1.0625rem
	}

	#home-banner #hb-events .hb-slide-content strong {
		font-size: 2rem
	}
}

@media(min-width:768px) {
	#home-banner #hb-events .hb-slide-content {
		top: 16%
	}

	#home-banner #hb-events .hb-slide-content span {
		font-size: 1.1875rem
	}

	#home-banner #hb-events .hb-slide-content strong {
		font-size: 2.25rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-events .hb-slide-content {
		left: 7%;
		top: 15%;
		padding-bottom: 60px
	}

	#home-banner #hb-events .hb-slide-content span {
		font-size: 1.625rem;
		padding: 10px 18px 16px
	}

	#home-banner #hb-events .hb-slide-content strong {
		font-size: 3.25rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-events .hb-slide-content strong.s-2 {
		position: relative;
		top: -18px
	}
}

@media(min-width:1200px) {
	#home-banner #hb-events .hb-slide-content {
		left: 8%;
		top: 19%;
		padding-bottom: 80px
	}

	#home-banner #hb-events .hb-slide-content span {
		font-size: 2.25rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-events .hb-slide-content strong {
		font-size: 4.375rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-events .hb-slide-content strong.s-2 {
		position: relative;
		top: -18px
	}

	#home-banner #hb-events .hb-slide-content a:hover {
		background: #77d8af;
		color: #fff
	}

	#home-banner #hb-events .hb-slide-content a:hover:after {
		color: #fff
	}
}

@media(min-width:1400px) {
	#home-banner #hb-events .hb-slide-content span {
		font-size: 2.4375rem
	}

	#home-banner #hb-events .hb-slide-content strong {
		font-size: 4.375rem
	}
}

#home-banner #hb-commercial {
	background: url('http://demo.signhq.co.uk/slider/4.webp') left center/105% auto no-repeat
}

#home-banner #hb-commercial .hb-slide-content {
	position: absolute;
	left: 5%;
	top: 12%;
	margin: auto;
	line-height: 1;
	width: 50%;
	padding-bottom: 40px
}

#home-banner #hb-commercial .hb-slide-content span {
	display: inline-block;
	background: #de8b3a;
	background: linear-gradient(34deg, #f7a833 0, #d1414a 49%, #c63074 100%);
	color: #fff;
	font-size: 1rem;
	padding: 8px 10px 10px;
	opacity: 0;
	position: relative;
	z-index: 2
}

#home-banner #hb-commercial .hb-slide-content strong {
	display: inline-block;
	background: #3b4958;
	color: #fff;
	font-weight: 700;
	font-size: 1.75rem;
	padding: 8px 10px 10px;
	letter-spacing: -.05rem;
	opacity: 0
}

#home-banner #hb-commercial .hb-slide-content strong.s-2 {
	position: relative;
	top: -10px;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}

#home-banner #hb-commercial .hb-slide-content a {
	color: #3a4148;
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0
}

#home-banner #hb-commercial .hb-slide-content a:after {
	color: #3a4148
}

@media(min-width:576px) {
	#home-banner #hb-commercial .hb-slide-content {
		left: 6%;
		top: 14%
	}

	#home-banner #hb-commercial .hb-slide-content span {
		font-size: 1.0625rem
	}

	#home-banner #hb-commercial .hb-slide-content strong {
		font-size: 2rem
	}
}

@media(min-width:768px) {
	#home-banner #hb-commercial .hb-slide-content {
		top: 16%
	}

	#home-banner #hb-commercial .hb-slide-content span {
		font-size: 1.125rem
	}

	#home-banner #hb-commercial .hb-slide-content strong {
		font-size: 2.25rem
	}
}

@media(min-width:992px) {
	#home-banner #hb-commercial .hb-slide-content {
		left: 7%;
		top: 15%;
		padding-bottom: 60px
	}

	#home-banner #hb-commercial .hb-slide-content span {
		font-size: 1.625rem;
		padding: 10px 18px 16px
	}

	#home-banner #hb-commercial .hb-slide-content strong {
		font-size: 3.125rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-commercial .hb-slide-content strong.s-2 {
		position: relative;
		top: -18px
	}
}

@media(min-width:1200px) {
	#home-banner #hb-commercial {
		background: url('http://demo.signhq.co.uk/slider/4.webp') center/cover no-repeat
	}

	#home-banner #hb-commercial .hb-slide-content {
		left: 8%;
		top: 19%;
		padding-bottom: 80px
	}

	#home-banner #hb-commercial .hb-slide-content span {
		font-size: 2rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-commercial .hb-slide-content strong {
		font-size: 3.75rem;
		padding: 10px 18px 18px
	}

	#home-banner #hb-commercial .hb-slide-content strong.s-2 {
		position: relative;
		top: -18px
	}

	#home-banner #hb-commercial .hb-slide-content a:hover {
		background: #009af4;
		color: #fff
	}

	#home-banner #hb-commercial .hb-slide-content a:hover:after {
		color: #fff
	}
}

@media(min-width:1400px) {
	#home-banner #hb-commercial .hb-slide-content strong {
		font-size: 4rem
	}
}

#hb-nav {
	text-align: center;
	line-height: 1.3;
	position: relative;
	z-index: 1;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

#hb-nav .h5 {
	margin-bottom: 0;
	line-height: 1;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#hb-nav p {
	margin: 0;
	display: none;
	font-size: .8125rem
}

#hb-nav .nav-option {
	padding: 0 20px;
	cursor: pointer;
	position: relative;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(99%, #f2f4f6), to(#e2e6e9));
	background: linear-gradient(180deg, white 0, #f2f4f6 99%, #e2e6e9 100%);
	height: 25%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#hb-nav .nav-option:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #3b4958 transparent transparent;
	position: absolute;
	right: calc(100% - 20px);
	top: 0;
	bottom: 0;
	z-index: -1;
	margin: auto
}

#hb-nav .nav-option.active {
	background: #3b4958;
	color: #acc3db
}

#hb-nav .nav-option.active:before {
	right: 100%;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#hb-nav .nav-option.active .h5 {
	color: #fff
}

@media(min-width:576px) {
	#hb-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 240px
	}
}

@media(min-width:768px) {
	#hb-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 225px
	}
}

@media(min-width:992px) {
	#hb-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 277px
	}

	#hb-nav .h5 {
		margin-bottom: 10px
	}

	#hb-nav p {
		display: block
	}

	#hb-nav .nav-option:before {
		border-width: 18px 18px 18px 0
	}
}

@media(min-width:1200px) {
	#hb-nav {
		width: 360px
	}

	#hb-nav p {
		font-size: 1rem
	}

	#hb-nav .nav-option {
		padding: 0 40px
	}

	#hb-nav .nav-option:hover .h5 {
		color: #009af4
	}

	#hb-nav .nav-option.active:hover {
		cursor: initial
	}

	#hb-nav .nav-option.active:hover .h5 {
		color: #fff
	}
}

#top-usps {
	color: #FFFFFF;
	font-size: .875rem;
	padding: 15px;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1
}

#top-usps strong {
	display: block;
	color: #fff;
	margin-bottom: 5px;
	font-size: 1.0625rem
}

#top-usps div[class^=icon] {
	padding-left: 48px;
	padding-right: 26.66667px;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

#top-usps div[class^=icon]:before {
	color: #3b4958;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 38px;
	font-size: 2.375rem
}

@media(min-width:576px) {
	#top-usps div[class^=icon] {
		padding-right: 60px
	}
}

@media(min-width:992px) {
	#top-usps {
		overflow-x: hidden;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	#top-usps div[class^=icon] {
		padding-left: 52px;
		padding-right: 0
	}
}

@media(min-width:1200px) {
	#top-usps {
		padding: 15px 60px
	}

	#top-usps strong {
		font-size: 1.125rem
	}

	#top-usps div[class^=icon] {
		padding-left: 68px
	}

	#top-usps div[class^=icon]:before {
		height: 50px;
		font-size: 3.125rem
	}
}

@media(min-width:1400px) {
	#top-usps {
		font-size: 1rem
	}

	#top-usps strong {
		font-size: 1.1875rem
	}
}

.home h1 {
	font-size: 1.75rem
}

.home #c {
	padding: 0
}

.home #b-s {
	padding: 20px 0
}

.home #b-s #pl-container {
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

.home #b-s .pl {
	max-width: 70%
}

.home #b-s .pl .pl-i {
	border: 5px solid #fff
}

.home #b-s .pl .pl-c {
	color: #5e676b;
	font-size: .875rem
}

.home #b-s .pl .pl-n {
	color: #fff;
	font-size: 1.375rem;
	white-space: initial
}

.home #b-s .pl .sale-price {
	color: #dd3029;
	font-size: 1.25rem
}

.home #b-s .tab-content {
	padding: 0
}

.home #b-s .tab-content:after {
	height: 1px
}

.home #b-s .nav-tabs {
	border: 0;
	border-top: 1px solid #fccc14;
	padding-top: 13.33333px;
	display: block;
	position: relative;
	text-align: center
}

.home #b-s .nav-tabs li {
	display: inline-block
}

.home #b-s .nav-tabs a {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	font-size: .875rem;
	line-height: 1;
	border-radius: 4px;
	padding: 6px
}

.home #b-s .nav-tabs a.active {
	background: #009af4
}

@media(min-width:576px) {
	.home #b-s .pl {
		max-width: 40%
	}

	.home #b-s .nav-tabs a {
		font-size: 1rem;
		margin: 0 10px
	}
}

@media(min-width:768px) {
	.home #b-s #pl-container {
		padding: 0 20px
	}
}

@media(min-width:992px) {
	.home #b-s {
		padding: 40px 0
	}

	.home #b-s #pl-container {
		overflow-x: hidden;
		-webkit-overflow-scrolling: none
	}

	.home #b-s .pl .pl-c {
		font-size: 1rem
	}

	.home #b-s .pl .pl-n {
		font-size: 1.5rem
	}

	.home #b-s .pl .sale-price {
		font-size: 1.5rem
	}

	.home #b-s .pl .strike {
		font-size: 1.125rem
	}

	.home #b-s .pl:last-child {
		display: none
	}

	.home #b-s .nav-tabs {
		padding: 0;
		border: 0
	}

	.home #b-s .nav-tabs li:first-child a:before,
	.home #b-s .nav-tabs li:last-child a:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		display: block;
		height: 1px;
		width: 50vw;
		background: #fccc14
	}

	.home #b-s .nav-tabs li:first-child a:before {
		right: calc(100% + (40px/2))
	}

	.home #b-s .nav-tabs li:last-child a:after {
		left: calc(100% + (40px/2))
	}

	.home #b-s .nav-tabs a {
		font-size: 1.25rem;
		padding: 10px;
		margin: 0 5px
	}
}

@media(min-width:1200px) {
	.home #b-s {
		padding: 60px 0 40px
	}

	.home #b-s #pl-container {
		padding: 0 40px
	}

	.home #b-s .pl:last-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.home #b-s .nav-tabs a:hover {
		background: #fccc14
	}

	.home #b-s .nav-tabs a.active:hover {
		background: #009af4;
		cursor: default
	}

	.home h1 {
		font-size: 2.875rem
	}
}

@media(min-width:992px) {
	.content-index #bi .col-lg-4:last-child {
		display: block !important
	}
}

#bi {
	padding-bottom: 20px
}

#bi h3 {
	line-height: 1.1;
	letter-spacing: -.03rem;
	margin-bottom: 20px
}

#bi h5 {
	color: #009af4
}

#bi img {
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	margin-bottom: 20px
}

@media(min-width:992px) {
	#bi {
		padding-bottom: 80px
	}

	#bi .col-lg-4:last-child {
		display: none
	}
}

@media(min-width:1200px) {
	#bi .col-xl-3:last-child {
		display: block
	}
}

.bi-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	text-decoration: none
}

.bi-container .bi-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.bi-container .icon-arrow-right {
	display: block;
	font-size: 1.3125rem;
	color: #a881d8;
	font-weight: 700;
	width: 100%;
	letter-spacing: -.03rem;
	position: relative
}

.bi-container .icon-arrow-right:before {
	position: absolute;
	right: -3px;
	top: 5px;
	font-size: 1.875rem
}

.bi-container.bi-fh {
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	overflow: hidden;
	height: 540px;
	margin-bottom: 26.66667px
}

.bi-container.bi-fh h3,
.bi-container.bi-fh p {
	color: #fff
}

.bi-container.bi-fh p {
	margin-bottom: 20px;
	font-size: 1.0625rem;
	line-height: 1.4
}

.bi-container.bi-fh img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

.bi-container.bi-fh .bi-info {
	position: absolute;
	bottom: 0;
	padding: 120px 33.33333px 26.66667px;
	background: #3b4958;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(59, 73, 88, 0)), to(#3b4958));
	background: linear-gradient(180deg, rgba(59, 73, 88, 0) 0, #3b4958 100%);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

@media(min-width:768px) {
	.bi-container.bi-fh {
		margin-bottom: 40px
	}
}

@media(min-width:992px) {
	.bi-container.bi-fh {
		margin-bottom: 0
	}

	.bi-container.bi-fh img {
		max-width: 150%;
		max-height: 100%
	}

	.bi-container.bi-fh p {
		margin-bottom: 40px
	}
}

@media(min-width:1200px) {
	.bi-container.bi-fh {
		height: 100%
	}

	.bi-container.bi-fh p {
		opacity: 0
	}

	.bi-container.bi-fh .bi-info {
		-webkit-transform: translateY(180px);
		transform: translateY(180px)
	}

	.bi-container.bi-fh:hover h3 {
		text-decoration: underline
	}

	.bi-container.bi-fh:hover p {
		opacity: 1
	}

	.bi-container.bi-fh:hover .bi-info {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.bi-container:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 50px 50px 0;
	border-color: transparent #fccc14 transparent transparent;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

@media(min-width:1200px) {
	.bi-container:hover:before {
		opacity: 1
	}

	.bi-container:hover .icon-arrow-right:before {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

#bi-latest-post,
#bi-spotlight,
.bi-latest-post {
	height: 540px
}

#bi-latest-post p,
#bi-spotlight p,
.bi-latest-post p {
	font-size: 1.5rem;
	line-height: 1.1;
	letter-spacing: -.02rem;
	color: #3b4059;
	margin-bottom: 0
}

#bi-latest-post img,
#bi-spotlight img,
.bi-latest-post img {
	max-width: 100%
}

#bi-latest-post .icon-arrow-right,
#bi-spotlight .icon-arrow-right,
.bi-latest-post .icon-arrow-right {
	position: absolute;
	bottom: 26.66667px
}

#bi-latest-post .bi-info,
#bi-spotlight .bi-info,
.bi-latest-post .bi-info {
	padding-bottom: 80px
}

@media(min-width:1200px) {

	#bi-latest-post .icon-arrow-right,
	#bi-spotlight .icon-arrow-right,
	.bi-latest-post .icon-arrow-right {
		position: absolute;
		left: 0;
		bottom: 26.66667px;
		opacity: 0
	}

	#bi-latest-post p,
	#bi-spotlight p,
	.bi-latest-post p {
		font-size: 1.875rem;
		margin-bottom: 10px
	}

	#bi-latest-post:hover .icon-arrow-right,
	#bi-spotlight:hover .icon-arrow-right,
	.bi-latest-post:hover .icon-arrow-right {
		opacity: 1
	}

	#bi-latest-post:hover p,
	#bi-spotlight:hover p,
	.bi-latest-post:hover p {
		text-decoration: underline
	}
}

#bi-latest-post p,
.bi-latest-post p {
	font-weight: 700
}

#bi-latest-post .post-date,
.bi-latest-post .post-date {
	font-size: .875rem;
	color: #adb5bd
}

#feature-block p,
#feature-block-reviews p {
	margin: 0
}

#feature-block a,
#feature-block-reviews a {
	text-decoration: none
}

#feature-block .feature-small,
#feature-block-reviews .feature-small {
	display: block;
	position: relative;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	height: 190px
}

#feature-block .feature-small:first-child,
#feature-block-reviews .feature-small:first-child {
	margin-bottom: 20px
}

#feature-block .feature-large,
#feature-block-reviews .feature-large {
	display: block;
	position: relative;
	padding-top: 96%;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

#feature-block .feature-link,
#feature-block-reviews .feature-link {
	font-size: 1.375rem;
	line-height: 1;
	font-weight: 700;
	position: relative;
	opacity: 0
}

#feature-block .feature-link:after,
#feature-block-reviews .feature-link:after {
	content: 'J';
	font-family: ukss;
	font-weight: 400;
	font-size: 1.625rem;
	position: relative;
	left: 5px;
	top: 6px
}

@media(min-width:576px) {

	#feature-block .feature-large,
	#feature-block-reviews .feature-large {
		padding-top: 70%
	}
}

@media(min-width:992px) {

	#feature-block .feature-large,
	#feature-block-reviews .feature-large {
		padding-top: 96%
	}
}

@media(min-width:1200px) {

	#feature-block .feature-small,
	#feature-block-reviews .feature-small {
		height: calc(50% - (40px/2))
	}

	#feature-block .feature-small:first-child,
	#feature-block-reviews .feature-small:first-child {
		margin-bottom: 40px
	}
}

#feature-vgs {
	background: url(../img/home-feature-house-sign.gif) no-repeat center top/cover;
	margin-bottom: 20px
}

#feature-vgs .feature-text {
	background: #74bc53;
	background: linear-gradient(138deg, #7ec352 0, #5ba84f 100%);
	position: absolute;
	left: 0;
	bottom: 20px;
	padding: 20px;
	color: #cff5bd;
	font-size: .9375rem
}

#feature-vgs .feature-link {
	position: absolute;
	bottom: 40px;
	color: #3b4958
}

@media(min-width:1200px) {
	#feature-vgs .feature-link:hover {
		color: #fff
	}
}

#feature-vgs .feature-title {
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.05;
	font-weight: 300;
	margin-bottom: 13.33333px
}

#feature-vgs .feature-title strong {
	font-size: 1.5rem;
	display: block;
	font-weight: 700
}

@media(min-width:576px) {
	#feature-vgs .feature-text {
		font-size: 1.125rem
	}

	#feature-vgs .feature-title {
		font-size: 2.125rem
	}

	#feature-vgs .feature-title strong {
		font-size: 2.625rem;
		margin-bottom: 5px
	}
}

@media(min-width:992px) {
	#feature-vgs {
		margin-bottom: 0
	}

	#feature-vgs .feature-text {
		font-size: 1rem
	}

	#feature-vgs .feature-title {
		font-size: 1.625rem
	}

	#feature-vgs .feature-title strong {
		font-size: 1.875rem;
		margin-bottom: 5px
	}
}

@media(min-width:1200px) {
	#feature-vgs {
		margin-bottom: 0
	}

	#feature-vgs .feature-text {
		padding: 26.66667px 60px 26.66667px 26.66667px;
		font-size: 1.375rem;
		bottom: 40px
	}

	#feature-vgs .feature-title {
		font-size: 1.875rem
	}

	#feature-vgs .feature-title strong {
		font-size: 2.25rem
	}

	#feature-vgs:hover .feature-text {
		padding-bottom: 80px
	}

	#feature-vgs:hover .feature-link {
		opacity: 1
	}
}

@media(min-width:1400px) {
	#feature-vgs .feature-title {
		font-size: 2.125rem
	}

	#feature-vgs .feature-title strong {
		font-size: 2.5rem
	}
}

#feature-trust {
	background: #3b4958;
	background: linear-gradient(214deg, #355b88 0, #2f395f 100%);
	position: relative;
	text-align: center
}

#feature-trust .feature-text {
	color: #fff;
	position: absolute;
	left: 0;
	top: 26.66667px;
	width: 100%
}

#feature-trust .feature-title {
	font-size: 1.375rem;
	line-height: 1;
	font-weight: 300
}

#feature-trust .feature-title strong {
	display: block;
	font-size: 1.625rem;
	font-weight: 700
}

#feature-trust .feature-link {
	color: #75ccff;
	top: 13.33333px
}

@media(min-width:1200px) {
	#feature-trust .feature-link:hover {
		color: #fff
	}
}

#feature-trust .feature-reviews {
	display: block;
	padding: 13.33333px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 26.66667px;
	width: 100%
}

#feature-trust .feature-reviews img {
	max-width: 100%
}

#feature-trust:before {
	content: '';
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	border: 2px solid #fff;
	opacity: .4
}

@media(min-width:576px) {
	#feature-trust .feature-text {
		top: 32px
	}

	#feature-trust .feature-title {
		display: block;
		text-align: center
	}

	#feature-trust .feature-title strong {
		display: inline-block
	}
}

@media(min-width:992px) {
	#feature-trust .feature-title strong {
		display: block
	}

	#feature-trust .feature-reviews img {
		max-width: 90%
	}
}

@media(min-width:1200px) {
	#feature-trust .feature-text {
		top: 40px
	}

	#feature-trust .feature-title {
		font-size: 1.75rem
	}

	#feature-trust .feature-title strong {
		font-size: 2.375rem
	}

	#feature-trust .feature-link {
		top: 10px
	}

	#feature-trust .feature-reviews {
		bottom: 40px
	}

	#feature-trust .feature-reviews img {
		max-width: 100%
	}

	#feature-trust:hover:before {
		opacity: 1
	}

	#feature-trust:hover .feature-text {
		top: 40px
	}

	#feature-trust:hover .feature-link {
		opacity: 1
	}

	#feature-trust:hover .feature-reviews {
		bottom: 0
	}

	#feature-trust:before {
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 20px
	}
}

@media(min-width:1400px) {
	#feature-trust .feature-text {
		top: 48px
	}

	#feature-trust .feature-link {
		top: 13.33333px
	}

	#feature-trust .feature-title {
		font-size: 2rem
	}

	#feature-trust .feature-title strong {
		font-size: 3rem
	}
}

#feature-comm,
#feature-resi {
	overflow: hidden;
	color: #fff;
	background: url(../img/home-feature-comm.jpg) right -18px top/auto 100% no-repeat
}

#feature-comm:before,
#feature-resi:before {
	content: '';
	display: block;
	width: 600px;
	height: 600px;
	background: #fccc14;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
	position: absolute;
	left: -400px;
	top: -100px
}

#feature-comm .feature-title,
#feature-resi .feature-title {
	position: absolute;
	left: 13.33333px;
	top: 13.33333px;
	font-weight: 700;
	font-size: 1.875rem;
	line-height: 1
}

#feature-comm .feature-title span,
#feature-resi .feature-title span {
	display: inline-block;
	position: relative;
	background: #3b4958;
	padding: 6px 10px 10px
}

#feature-comm .feature-title span:last-child,
#feature-resi .feature-title span:last-child {
	position: relative;
	top: -10px
}

#feature-comm p,
#feature-resi p {
	position: absolute;
	left: 13.33333px;
	bottom: 20px;
	width: 180px;
	font-size: .9375rem;
	line-height: 1.3
}

#feature-comm .feature-link,
#feature-resi .feature-link {
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: #3b4958;
	padding: 2px 16px 12px 14px
}

@media(min-width:1200px) {

	#feature-comm .feature-link:hover,
	#feature-resi .feature-link:hover {
		color: #ffd7ac
	}
}

@media(min-width:576px) {

	#feature-comm,
	#feature-resi {
		background-position: right top -15px;
		background-size: auto 122%
	}

	#feature-comm:before,
	#feature-resi:before {
		left: -300px
	}

	#feature-comm p,
	#feature-resi p {
		width: 270px;
		font-size: 1.0625rem
	}

	#feature-comm .feature-title,
	#feature-resi .feature-title {
		font-size: 2.25rem
	}
}

@media(min-width:992px) {

	#feature-comm,
	#feature-resi {
		background-position: right -42px top -7px;
		background-size: auto 114%
	}

	#feature-comm:before,
	#feature-resi:before {
		left: -400px
	}

	#feature-comm p,
	#feature-resi p {
		width: 180px;
		font-size: .9375rem
	}

	#feature-comm .feature-title,
	#feature-resi .feature-title {
		font-size: 1.875rem
	}
}

@media(min-width:1200px) {

	#feature-comm,
	#feature-resi {
		background-position: right top;
		background-size: auto 100%
	}

	#feature-comm:before,
	#feature-resi:before {
		left: -360px
	}

	#feature-comm .feature-title,
	#feature-resi .feature-title {
		left: 20px;
		top: 20px;
		font-size: 2.5rem
	}

	#feature-comm p,
	#feature-resi p {
		left: 20px;
		width: 220px;
		font-size: 1.125rem;
		margin-bottom: 13.33333px
	}

	#feature-comm:hover:before,
	#feature-resi:hover:before {
		left: -340px
	}

	#feature-comm:hover .feature-link,
	#feature-resi:hover .feature-link {
		opacity: 1
	}
}

@media(min-width:1400px) {

	#feature-comm:before,
	#feature-resi:before {
		left: -340px
	}

	#feature-comm .feature-title,
	#feature-resi .feature-title {
		font-size: 2.6875rem
	}

	#feature-comm p,
	#feature-resi p {
		width: 250px;
		font-size: 1.25rem;
		margin-bottom: 26.66667px
	}

	#feature-comm:hover:before,
	#feature-resi:hover:before {
		left: -310px
	}
}

.usps.section {
	padding-top: 60px
}

@media(min-width:1200px) {
	.usps.section {
		padding-top: 100px
	}
}

#if {
	position: relative;
	padding-top: 10px;
	overflow: hidden
}

#if:before {
	content: 'c';
	font-family: ukss;
	font-size: 31.25rem;
	height: 500px;
	line-height: 1;
	position: absolute;
	left: -100px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #ffd7ac;
	opacity: .5
}

#if h2 {
	color: #fff;
	font-size: 2.25rem;
	line-height: 1;
	font-weight: 400;
	letter-spacing: -.04rem;
	margin-bottom: 20px;
	text-align: center
}

#if h2 span {
	font-weight: 700
}

#if p {
	color: #fff;
	text-align: center
}

#if p a {
	font-size: 1.5rem;
	color: #fff;
	font-weight: 600;
	text-decoration: none
}

#if .instagram-item {
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	color: #3b4059;
	position: relative;
	margin-bottom: 0
}

#if .instagram-item img {
	max-width: 100%
}

#if .instagram-item .instagram-text {
	display: none
}

#if .instagram-item .instagram-likes {
	font-weight: 600;
	margin-top: 10px
}

#if .instagram-item .instagram-likes:before {
	color: #ed4956;
	font-size: 1.375rem;
	font-weight: 400;
	position: relative;
	top: 5px;
	margin-right: 2px
}

@media(min-width:992px) {
	#if .instagram-item .instagram-text {
		display: block;
		padding: 13.33333px;
		font-size: .875rem;
		line-height: 1.3
	}
}

@media(min-width:1200px) {
	#if .instagram-item {
		padding: 0
	}

	#if .instagram-item .instagram-text {
		font-size: .9375rem;
		line-height: 1.5;
		padding: 20px
	}
}

#if .instagram-image {
	position: relative;
	display: block;
	overflow: hidden
}

#if .instagram-image span {
	display: block;
	position: relative
}

#if .instagram-image span:before {
	content: 'c';
	font-family: ukss;
	font-size: 2.875rem;
	line-height: 1;
	width: 52px;
	height: 52px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 3;
	color: #fff;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#if .instagram-image:before {
	content: '';
	position: absolute;
	left: -1250px;
	top: -100px;
	z-index: 2;
	width: 310%;
	height: 470%;
	background: rgba(59, 73, 88, .7);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

@media(min-width:768px) {
	#if h2 {
		font-size: 2.75rem
	}
}

@media(min-width:992px) {
	#if h2 {
		text-align: left
	}

	#if h2 span {
		display: block
	}

	#if p {
		text-align: left;
		padding-right: 20px
	}
}

@media(min-width:1200px) {
	#if {
		padding-top: 40px
	}

	#if h2 {
		font-size: 3.375rem;
		margin-bottom: 60px
	}

	#if p {
		padding-right: 40px
	}

	#if p a {
		font-size: 1.875rem
	}

	#if p a:hover {
		color: #3b4958
	}

	#if .instagram-image:hover:before {
		left: -300px
	}

	#if .instagram-image:hover span:before {
		opacity: 1;
		-webkit-transition-delay: 300ms;
		transition-delay: 300ms
	}

	#if .instagram-image:hover span:after {
		opacity: 1;
		-webkit-transition-delay: 300ms;
		transition-delay: 300ms
	}
}

#home-more {
	display: none
}

#home-more.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.prod-reviews-tab {
	max-height: 600px;
	overflow: auto
}

.prod-reviews-tab .h5 {
	font-size: 1.1rem;
	line-height: 1.6
}

.category #c {
	padding: 0
}

.show-cat-f #c,
.show-cat-f #h-m {
	position: static
}

.show-cat-f #c {
	overflow: auto
}

.show-cat-f #cat-f {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

@media(min-width:1200px) {

	.show-cat-f #c,
	.show-cat-f #h-m {
		position: relative
	}
}

#cat-sidebar-top #sidebar-category-menu {
	margin: 20px 0 26.66667px
}

#cat-h {
	color: #fff;
	position: relative;
	outline: 3px solid rgba(255, 255, 255, .3);
	outline-offset: -15px
}

#cat-h .bc {
	position: absolute;
	top: 40px
}

#cat-h h1 {
	color: #fff;
	font-size: 4rem;
	margin-top: 40px;
	padding: 0 40px
}

#cat-h h2 {
	color: #009af4;
	font-weight: 300;
	border-color: rgba(255, 255, 255, .3) !important;
	padding: 0 26.66667px;
	margin: 0 16px;
	font-size: 25px
}

#cat-h p {
	font-size: 20px
}

#cat-h p a {
	color: rgba(255, 255, 255, .5)
}

#cat-h #cat-h-bg-image-container {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0
}

#cat-h #cat-h-bg-image-container:before {
	background-size: cover;
	background-repeat: no-repeat;
	content: "";
	opacity: .3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#cat-h #cat-h-ups {
	background: linear-gradient(138deg, #7ec352 0, #5ba84f 100%);
	position: relative;
	top: 40px;
	color: #00395b;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

#cat-h #cat-h-ups .btn {
	background: rgba(255, 255, 255, .15);
	border-radius: 1000px;
	border: 2px solid rgba(255, 255, 255, .3);
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	margin-top: 26.66667px;
	padding: 13.33333px 0;
	font-size: 20px
}

#cat-h #cat-h-ups h3 {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .4) !important;
	padding: 0 0 20px;
	margin: 0 0 20px
}

#cat-h #cat-h-ups ul {
	margin: 0;
	padding: 0
}

#cat-h #cat-h-ups ul li {
	display: block;
	font-weight: 700
}

#cat-h #cat-h-ups ul li:before {
	display: none
}

#cat-h #cat-h-ups ul li span {
	display: inline-block;
	padding-right: 20px
}

#cat-d {
	font-size: .875rem;
	line-height: 1.4;
	position: relative;
	z-index: 2
}

#cat-d a {
	color: #fff;
	font-weight: 900
}

#cat-d #cat-d-more {
	position: absolute;
	top: 100vh
}

#cat-d.show #cat-d-more {
	position: static
}

@media(min-width:768px) {
	#cat-d {
		width: 85%;
		margin: 0 auto;
		font-size: 1rem
	}
}

@media(min-width:1200px) {
	#cat-d {
		width: 66%
	}
}

#cat-f {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	-webkit-transform: translateX(-100vw);
	transform: translateX(-100vw);
	background: #fff;
	height: 100vh;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	overflow-y: scroll
}

#cat-f h6 {
	font-size: .9375rem;
	color: #3b4059;
	font-weight: 700;
	margin-bottom: 10px
}

#cat-f .cat-f-section {
	margin-bottom: 26.66667px
}

@media(min-width:1200px) {
	#cat-f {
		position: static;
		border-right: 1px solid #dee2e6;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		height: auto;
		overflow: auto
	}
}

#cat-f-close {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	padding: 20px;
	font-size: 1.25rem;
	line-height: 1;
	text-decoration: none
}

@media(min-width:1200px) {
	#cat-f-close {
		display: none
	}
}

#cat-f-cat a {
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
	color: #707a80
}

#cat-f-cat .active a {
	color: #009af4;
	font-weight: 700
}

@media(min-width:992px) {
	#cat-f-cat .new a:before {
		content: 'New';
		position: absolute;
		left: -40px;
		top: 3px;
		background: #fccc14;
		color: #fff;
		font-size: .625rem;
		text-transform: uppercase;
		padding: 5px;
		border-radius: 0 4px 4px 0;
		line-height: 1
	}
}

@media(min-width:1200px) {
	#cat-f-cat a:hover {
		color: #3b4059;
		text-decoration: underline
	}

	#cat-f-cat li.active a:hover {
		color: #009af4;
		text-decoration: none;
		cursor: default
	}
}

#cat-f-colour ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#cat-f-colour li {
	width: 24px;
	margin-right: 13.33333px
}

#cat-f-colour label {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
	text-indent: 10vw;
	cursor: pointer;
	-webkit-box-shadow: 0 0 0 0 #fff;
	box-shadow: 0 0 0 0 #fff;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#cat-f-colour input {
	position: absolute;
	visibility: hidden;
	z-index: -1
}

#cat-f-colour input:checked+label {
	-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px #cfd5db;
	box-shadow: 0 0 0 2px #fff, 0 0 0 5px #cfd5db
}

#cat-f-style {
	margin-bottom: 40px
}

#cat-f-style input+label {
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#cat-f-style input+label:before {
	font-size: 1.125rem;
	top: 4px;
	margin-right: 5px;
	color: #dee2e6
}

#cat-f-style input+label:hover {
	color: #3b4059
}

#cat-f-style input:checked+label:before {
	color: #009af4;
	left: 1px
}

#cat-f-clear {
	border: 1px solid #adb5bd;
	display: inline-block;
	border-radius: 4px;
	font-size: .9375rem;
	padding: 6px 12px;
	text-decoration: none;
	margin-bottom: 40px
}

@media(min-width:1200px) {
	#cat-f-clear:hover {
		border-color: #009af4;
		background: #009af4;
		color: #fff
	}
}

#show-cat-filter {
	position: absolute;
	left: 0;
	top: 20px;
	background: #fccc14;
	color: #fff;
	padding: 5px 8px;
	font-size: 1.0625rem;
	border-radius: 0 4px 4px 0
}

@media(min-width:1200px) {
	#show-cat-filter {
		display: none;
		-webkit-transition: none;
		transition: none
	}
}

#cat-sort {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#cat-sort label {
	margin: 0 10px 0 0
}

#cat-m .pl.prod-oos>*:not(.pl-a) {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .7
}

#cat-m .pl.prod-oos .pl-i {
	position: relative
}

#cat-m .pl.prod-oos .pl-i:before {
	content: "Out of Stock";
	position: absolute;
	top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	opacity: 1 !important;
	-webkit-filter: none !important;
	filter: none !important;
	z-index: 10;
	background: #000;
	padding: 5px 10px;
	border-radius: 6px;
	color: #fff;
	font-weight: 700
}

#cat-m .pl:before {
	content: '';
	background: #fff;
	border-top: 1px solid rgba(222, 226, 230, .4);
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: absolute;
	left: 0;
	top: -20px;
	z-index: -1;
	width: 100%;
	height: calc(100% + (40px * 2.75));
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	opacity: 0
}

#cat-m .pl .pl-a {
	display: none
}

@media(min-width:1200px) {
	#cat-m .pl .pl-a {
		position: absolute;
		bottom: -70px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: calc(100% - 40px)
	}

	#cat-m .pl .pl-a a {
		display: block;
		padding: 12px 18px;
		border-radius: 4px;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0625rem;
		font-weight: 600;
		color: #fff;
		text-align: center;
		opacity: 0;
		-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
		box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04)
	}

	#cat-m .pl .pl-a a:first-child {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		margin-right: 10px
	}

	#cat-m .pl .pl-a .pl-a-p {
		background: #fccc14
	}

	#cat-m .pl .pl-a .pl-a-v {
		background: #3b4059
	}

	#cat-m .pl:hover {
		z-index: 10
	}

	#cat-m .pl:hover:before {
		opacity: 1
	}

	#cat-m .pl:hover .pl-i {
		-webkit-box-shadow: none;
		box-shadow: none
	}

	#cat-m .pl:hover .pl-a a {
		opacity: 1
	}

	#cat-m .pl:hover .pl-a a:hover {
		background: #009af4
	}
}

.vue-slider {
	position: relative;
	margin-bottom: 8px;
	padding: 13.33333px 0 !important
}

.vue-slider .vue-slider-tooltip-wrap {
	display: none
}

.vue-slider.vue-slider-ltr .vue-slider-rail {
	height: 10px !important;
	position: relative;
	display: block;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 0 1px #dee2e6;
	box-shadow: inset 0 0 0 1px #dee2e6;
	margin-bottom: 10px
}

.vue-slider.vue-slider-ltr .vue-slider-rail:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.vue-slider.vue-slider-ltr .vue-slider-dot {
	width: 20px !important;
	height: 20px !important;
	position: absolute;
	left: 0;
	border-radius: 4px;
	background-color: #fff;
	-webkit-transition: all 0s;
	transition: all 0s;
	will-change: transform;
	cursor: pointer;
	z-index: 5;
	border: 1px solid #dee2e6;
	-webkit-box-shadow: 1px 2px 2px 0 rgba(59, 64, 89, .15);
	box-shadow: 1px 2px 2px 0 rgba(59, 64, 89, .15)
}

.vue-slider.vue-slider-ltr .vue-slider-dot:before,
.vue-slider.vue-slider-ltr .vue-slider-dot:after {
	content: '';
	width: 10px;
	height: 1px;
	background: #dee2e6;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto
}

.vue-slider.vue-slider-ltr .vue-slider-dot:before {
	top: 6px
}

.vue-slider.vue-slider-ltr .vue-slider-dot:after {
	bottom: 6px
}

.vue-slider.vue-slider-ltr .vue-slider-process {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px;
	background-color: #009af4;
	-webkit-transition: all 0s;
	transition: all 0s;
	z-index: 1;
	width: 0;
	height: 100%;
	will-change: width
}

.vue-slider.vue-slider-ltr .vue-slider-piecewise {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0
}

.filter-range-manual {
	position: relative;
	height: 40px
}

.filter-range-manual .input-group:first-child {
	left: 0
}

.filter-range-manual .input-group:last-child {
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.input-group {
	position: absolute;
	top: 0
}

.input-group input {
	font-weight: 700;
	color: #3b4059;
	width: 100%
}

.input-group input::-webkit-outer-spin-button,
.input-group input::-webkit-inner-spin-button {
	-webkit-appearance: none
}

.input-group input[type=number] {
	-moz-appearance: textfield
}

.input-group:after {
	position: absolute;
	bottom: 6px;
	font-size: .875rem
}

#cat-f-size .input-group {
	width: 74px
}

#cat-f-size .input-group input {
	padding: 4px 20px 4px 6px;
	text-align: left
}

#cat-f-size .input-group:after {
	content: 'cm';
	right: 6px
}

#cat-f-size .input-group.inches:after {
	content: 'in'
}

#cat-f-price .input-group {
	width: 58px
}

#cat-f-price .input-group input {
	padding: 4px 6px 4px 20px;
	text-align: right
}

#cat-f-price .input-group:after {
	content: '£';
	left: 6px
}

#cat-pagination ul {
	display: inline-block;
	margin: 0 auto 40px;
	line-height: 1
}

#cat-pagination ul li {
	display: inline-block;
	line-height: 1;
	margin: 0 2px;
	overflow: hidden
}

#cat-pagination ul li:before {
	display: none
}

#cat-pagination ul li a {
	color: #3b4059;
	font-weight: 700;
	font-size: 1.125rem;
	padding: 10px 12px 12px;
	border-radius: 4px;
	display: block;
	line-height: 1;
	position: relative
}

#cat-pagination ul li a.active {
	background: #009af4;
	color: #fff
}

#cat-pagination ul li:first-child a,
#cat-pagination ul li:last-child a {
	width: 40px;
	visibility: hidden
}

#cat-pagination ul li:first-child a:before,
#cat-pagination ul li:last-child a:before {
	font-family: ukss;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 0 0 0 1px #dee2e6;
	box-shadow: inset 0 0 0 1px #dee2e6;
	color: #009af4;
	visibility: visible;
	border-radius: 4px;
	font-size: 1.375rem;
	line-height: 38px
}

#cat-pagination ul li:first-child a:before {
	content: 'n'
}

#cat-pagination ul li:last-child a:before {
	content: 'o'
}

@media(min-width:576px) {
	#cat-pagination ul li {
		margin: 0 5px
	}

	#cat-pagination ul li a:first-child a {
		margin-right: 16px
	}

	#cat-pagination ul li a:last-child a {
		margin-left: 16px
	}
}

@media(min-width:1200px) {
	#cat-pagination ul li a:hover {
		color: #009af4;
		cursor: pointer
	}

	#cat-pagination ul li a:hover:before {
		background: #3b4059;
		color: #fff;
		-webkit-box-shadow: inset 0 0 0 1px #3b4059;
		box-shadow: inset 0 0 0 1px #3b4059
	}

	#cat-pagination ul li a.active:hover {
		color: #fff
	}

	#cat-pagination ul li:first-child a,
	#cat-pagination ul li:last-child a {
		width: 50px
	}
}

.content-pl {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px
}

@media(min-width:768px) {
	.content-pl {
		width: calc(50% - 40px/2);
		margin: 20px 10px;
		border-top: 4px solid #009af4 !important
	}
}

@media(min-width:1200px) {
	.content-pl {
		width: calc(33% - 40px/2);
		margin: 0 10px;
		border-top: 4px solid #009af4 !important
	}
}

.content-pl .pl-i img {
	width: 100%
}

.prod-c .bc {
	margin-bottom: 10px
}

.prod-c h1 {
	margin-bottom: 0;
	font-size: 2.25rem
}

.prod-c h3 {
	margin-top: 0
}

.prod-c #accordion strong {
	color: #3b4059
}

.prod-c textarea {
	width: 100%
}

.prod-c .prod-price {
	font-size: 1.75rem;
	color: #009af4;
	line-height: 1
}

.prod-c .prod-price .strike {
	font-size: 60%;
	color: #adb5bd
}

.prod-c .reviews .review-no {
	text-decoration: underline;
	position: relative;
	top: -1px;
	cursor: pointer
}

.prod-c .reviews .review-stars {
	margin-left: 5px
}

.prod-c .social {
	text-align: right;
	margin-bottom: 26.66667px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-line-pack: center;
	align-content: center
}

.prod-c .social li {
	display: inline-block;
	margin-left: 10px
}

.prod-c .social a {
	text-decoration: none;
	color: #adb5bd;
	display: inline-block
}

.prod-c .social a.icon-mail {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

@media(min-width:992px) {
	.prod-c {
		width: 50%
	}

	.prod-c .bc {
		height: 48px;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		margin-bottom: 0
	}
}

@media(min-width:1200px) {
	.prod-c h1 {
		font-size: 3.25rem
	}

	.prod-c .prod-price {
		font-size: 2.375rem
	}

	.prod-c .icon-facebook:hover:before {
		color: #3b5998
	}

	.prod-c .icon-twitter:hover:before {
		color: #00aced
	}

	.prod-c .icon-instagram:hover:before {
		color: #515bd4
	}

	.prod-c .icon-pinterest:hover:before {
		color: #cb2027
	}

	.prod-c .icon-mail:hover:before {
		color: #009af4
	}
}

#prod-preview-c img {
	max-width: 100%;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

#prod-preview-c .nav-tabs {
	border: 0;
	position: relative;
	z-index: 2;
	margin-bottom: 0
}

#prod-preview-c .nav-tabs a {
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
	border: 1px solid transparent;
	border-bottom: 0;
	padding: 0 10px;
	line-height: 1;
	text-decoration: none;
	border-radius: 4px 4px 0 0;
	background: #e9ecef;
	color: #707a80;
	font-size: .875rem;
	letter-spacing: -.01rem;
	margin-right: 3px
}

@media(min-width:992px) {
	#prod-preview-c .nav-tabs a {
		height: 44px;
		padding: 0 10px;
		font-size: .9375rem;
		margin-right: 8px
	}
}

@media(min-width:1200px) {
	#prod-preview-c .nav-tabs a {
		height: 48px;
		padding: 0 20px;
		font-size: 1.125rem;
		margin-right: 10px
	}
}

#prod-preview-c .nav-tabs .active {
	background: #fff;
	border-color: #dee2e6;
	font-weight: 600;
	color: #3b4059;
	cursor: default
}

#prod-preview-c .tab-content {
	border-top: 1px solid #dee2e6;
	padding: 20px 0 0;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

#prod-preview-c .tab-content:after {
	display: none
}

@media(min-width:992px) {
	#prod-preview-c .tab-content {
		padding: 20px 0 0
	}
}

@media(min-width:1200px) {
	#prod-preview-c .nav-tabs a:hover {
		color: #009af4
	}

	#prod-preview-c .nav-tabs a.active:hover {
		color: #3b4059
	}

	#prod-preview-c .tab-content {
		padding: 40px 0 0
	}
}

#prod-main-image {
	min-height: 50px;
	margin-bottom: 20px
}

#prod-main-image img {
	display: block;
	margin: 0 auto
}

#prod-image-thumbs {
	position: relative;
	left: -10px;
	width: calc(100% + 20px);
	margin-bottom: 40px
}

#prod-image-thumbs a {
	display: inline-block;
	max-width: 20%;
	padding: 0 10px
}

@media(min-width:1200px) {
	#prod-image-thumbs:hover a:not(:hover) {
		opacity: .6
	}
}

.img-dis {
	font-size: .625rem;
	line-height: 1.2;
	color: #3b4059;
	margin: 20px 0;
	padding: 10px;
	background: #f8f9fa;
	text-align: center
}

@media(min-width:768px) {
	.img-dis {
		font-size: .6875rem
	}
}

#prod-sticky-preview {
	position: fixed;
	left: 0;
	bottom: 8px;
	z-index: 100;
	width: 180px;
	-webkit-transform: translateX(-180px);
	transform: translateX(-180px);
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	padding: 5px;
	background: #273039;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

#prod-sticky-preview.prod-sticky-preview-hidden {
	bottom: -160px !important
}

@media(min-width:1200px) {
	#prod-sticky-preview.prod-sticky-preview-hidden {
		bottom: -300px !important
	}
}

#prod-sticky-preview.prod-sticky-preview-hidden #prod-sticky-preview-hide {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#prod-sticky-preview img {
	border: 2px solid #fff;
	background: #fff
}

#prod-sticky-preview.show {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

#prod-sticky-preview .icon-close {
	color: #fff;
	position: absolute;
	right: 5px;
	top: -22px;
	font-size: .625rem;
	line-height: 1;
	display: inline-block;
	cursor: pointer;
	background: #3b4958;
	border-radius: 50%;
	padding: 4px;
	width: 18px;
	height: 18px
}

@media(min-width:768px) {
	#prod-sticky-preview {
		width: 240px;
		-webkit-transform: translateX(-240px);
		transform: translateX(-240px)
	}
}

@media(min-width:1200px) {
	#prod-sticky-preview {
		bottom: 20px;
		width: 320px;
		-webkit-transform: translateX(-320px);
		transform: translateX(-320px);
		padding: 13.33333px
	}

	#prod-sticky-preview:before {
		content: 'Live Preview';
		text-transform: uppercase;
		font-size: .875rem;
		color: #8195ab;
		letter-spacing: .08rem;
		line-height: 1;
		display: block;
		margin-bottom: 13.33333px
	}

	#prod-sticky-preview .icon-close {
		right: 10px;
		top: 10px;
		font-size: 1.125rem;
		padding: 0;
		width: auto;
		height: auto;
		background: 0
	}
}

#prod-s-t-f {
	text-align: right;
	font-size: .9375rem;
	margin-bottom: 40px;
	margin-top: 40px
}

#prod-s-t-f strong {
	color: #3b4059
}

#prod-s-t-f a {
	display: inline-block;
	border: 1px solid #ced4da;
	padding: 8px 12px;
	border-radius: 4px;
	text-transform: uppercase;
	color: #009af4;
	font-weight: 600;
	text-decoration: none;
	font-size: .875rem;
	letter-spacing: .02rem;
	margin: 5px 0 0 5px
}

@media(min-width:576px) {
	#prod-s-t-f a {
		margin-top: 0
	}
}

@media(min-width:992px) {
	#prod-s-t-f a {
		margin-top: 5px
	}
}

@media(min-width:1200px) {
	#prod-s-t-f a {
		margin-top: 0
	}

	#prod-s-t-f a:hover {
		background: #009af4;
		color: #fff;
		border-color: #009af4
	}
}

#collapseOne {
	padding-left: 0;
	padding-right: 0
}

#prod-cs {
	position: relative;
	margin-bottom: 80px;
	padding-left: 0;
	padding-right: 0
}

#prod-cs:before {
	content: '';
	position: absolute;
	left: -50%;
	top: 0;
	z-index: -1;
	display: block;
	width: 150vw;
	height: 100%;
	background: #3b4958
}

#prod-cs .pl-i {
	border: 5px solid #fff
}

#prod-cs .pl-c {
	color: #5e676b
}

#prod-cs .pl-n {
	color: #fff
}

@media(min-width:992px) {
	#prod-cs .pl:last-child {
		display: none
	}
}

@media(min-width:1200px) {
	#prod-cs .pl:last-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

#prod-instruct~.tab-content ul {
	margin-bottom: 40px
}

#prod-top #prod-sss {
	margin-top: 26.66667px;
	margin-bottom: 20px;
	padding: 6.66667px 0
}

#prod-top #prod-sss label {
	margin: 0 3px 0 0
}

#prod-top #prod-sss .prod-select-c .prod-select-box {
	border: 0;
	font-weight: 700;
	padding-right: 40px
}

#prod-top #prod-sss .prod-select-c .prod-select-box:after {
	top: 10px
}

#prod-top #sign-one-size {
	font-size: 1.125rem;
	font-weight: 700;
	color: #3b4059;
	padding: 7px 0
}

#prod-top #sign-size .prod-select-popup {
	background: #fff;
	border: 1px solid #dee2e6;
	margin-top: -2px;
	padding: 0 13.33333px 6.66667px
}

#prod-top #sign-size .sign-size-option {
	border-bottom: 1px solid #dee2e6;
	padding: 13.33333px 0;
	color: #3b4059;
	cursor: pointer;
	position: relative
}

#prod-top #sign-size .sign-size-option span {
	color: #adb5bd
}

#prod-top #sign-size .sign-size-option:before {
	content: 'L';
	font-family: ukss;
	font-size: 1.125rem;
	display: block;
	height: 18px;
	color: #dee2e6;
	position: absolute;
	right: 0;
	top: 13px;
	margin: auto
}

#prod-top #sign-size .sign-size-option:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #009af4;
	position: absolute;
	right: 0;
	bottom: -1px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#prod-top #sign-size .sign-size-option.selected:before {
	content: 'r';
	color: #009af4
}

#prod-top #sign-size .sign-size-option.selected:after {
	width: 100%
}

#prod-top #sign-size .switch-unit {
	display: block;
	margin: 10px 0;
	text-align: right
}

#prod-top #stock-indicator.in-stock {
	color: #3b4059
}

#prod-top #stock-indicator.out-of-stock {
	color: #d01433;
	font-weight: 700
}

@media(min-width:576px) {
	#prod-top #prod-sss .prod-select-c .prod-select-box {
		font-size: 1.125rem
	}
}

@media(min-width:1200px) {
	#prod-top #prod-sss label {
		margin: 0 13.33333px 0 0
	}

	#prod-top #prod-stock-status span:before {
		font-size: 1.5rem
	}
}

#prod-options {
	border: 1px solid #dee2e6;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	margin-bottom: 13.33333px
}

#prod-p {
	padding: 22.22222px
}

#prod-p h3 {
	margin-bottom: 20px;
	margin-top: 0
}

#prod-p label {
	display: block;
	margin-bottom: 2px
}

#prod-p .icon-help {
	display: inline-block;
	font-size: 1.125rem;
	color: #009af4;
	position: relative;
	top: 3px;
	cursor: help
}

@media(min-width:1200px) {
	#prod-p {
		padding: 33.33333px
	}
}

.prod-option-c {
	margin-bottom: 10px
}

.prod-select-c input,
.prod-option-c input {
	width: 100%
}

.prod-select-c select,
.prod-option-c select {
	font-weight: 700;
	color: #46474d;
	display: block;
	font-size: 16px;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #dee2e6;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCB0cmFuc2Zvcm09InJvdGF0ZVwoOTAsMTIsMTJcKSIgZmlsbD0iIzc0YmM1MyIgZD0iTTguMTIyIDI0bC00LjEyMi00IDgtOC04LTggNC4xMjItNCAxMS44NzggMTJ6Ii8+PC9zdmc+);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%
}

.prod-select-c {
	position: relative
}

.prod-select-c .prod-select-box {
	border: 1px solid #dee2e6;
	position: relative;
	color: #3b4059;
	padding: 8px;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	font-weight: 700
}

.prod-select-c .prod-select-box:after {
	content: 'm';
	font-family: ukss;
	font-size: 1.25rem;
	position: absolute;
	right: 10px;
	margin-top: -3px;
	color: #009af4
}

.prod-select-c .prod-select-box.focus {
	border-color: #adb5bd
}

.prod-select-c .prod-select-popup {
	display: none;
	position: absolute;
	left: -10px;
	z-index: 100;
	margin-top: 5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), to(#f2f4f6));
	background: linear-gradient(to bottom, white 0, #f2f4f6 100%);
	width: calc(100% + 40px);
	overflow: hidden;
	border-radius: 4px;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.prod-select-c .prod-select-popup.select-show {
	display: block
}

.prod-select-c .prod-select-header {
	background: #3b4958;
	color: #fff;
	font-size: 1rem;
	letter-spacing: -.01rem;
	font-weight: 600;
	line-height: 1;
	padding: 13.33333px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.prod-select-c .prod-select-header:before {
	cursor: pointer
}

.prod-select-c .prod-select-main {
	padding: 26.66667px 13.33333px 0;
	text-align: center
}

.prod-select-c .prod-select-main strong {
	color: #009af4
}

.prod-select-c .prod-select-main img {
	max-width: 100%;
	-webkit-box-shadow: 0 0 0 4px #dee2e6;
	box-shadow: 0 0 0 4px #dee2e6;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

.prod-select-c .prod-select-main .sale-price {
	font-size: 1.125rem
}

.prod-select-c .prod-select-main .strike {
	color: #adb5bd;
	font-size: .9375rem
}

.prod-select-c .text-option-popup-option.selected {
	z-index: 5
}

.prod-select-c .text-option-popup-option.selected img {
	-webkit-box-shadow: 0 0 0 5px #009af4;
	box-shadow: 0 0 0 5px #009af4;
	color: #fff
}

.prod-select-c .layout-option {
	text-align: center;
	padding: 0 13.33333px;
	margin-bottom: 26.66667px;
	cursor: pointer
}

.prod-select-c .layout-option.selected {
	z-index: 5
}

.prod-select-c .layout-option.selected .layout-img {
	-webkit-box-shadow: 0 0 0 5px #3b4958;
	box-shadow: 0 0 0 5px #3b4958;
	background: #009af4;
	color: #fff
}

.prod-select-c .layout-option.selected .layout-img .line {
	background: #fff
}

.prod-select-c .layout-option.selected .layout-img .layout-img-img {
	background-image: url(data:image/svg+xml;base64,PHN2Z1wgeG1sbnM9XCdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wnXCB3aWR0aD1cJzEwMFwnXCBoZWlnaHQ9XCcxMDBcJ1wgdmlld0JveD1cJzBcIDBcIDI0XCAyNFwnPjxwYXRoXCBmaWxsPVwnI2ZmZlwnXCBkPVwnTTIyXCA1djE0aC0yMHYtMTRoMjB6bTItMmgtMjR2MThoMjR2LTE4em0tMTRcIDEzLjk1MmMtMS41NTEtLjI2NS0zLTEuNjE1LTMtMy4yNDJ2LTIuNTc0bDNcIDIuNzIxdjMuMDk1em0yLTIuMTAzdi0yLjgxNGMyLjc0NC0uNTE1XCAyLjg5Ny0zLjQ5NFwgMi4wNjItNS4wMzVsLTEuMzcyXCAxLjUwOS0xLjE4My0xLjUwOS0xLjEwN1wgMS41MDktMS40MTItMS41MDljLS44MTJcIDEuNDk5LS43NTJcIDQuNTE2XCAyLjAxMlwgNS4wMzV2NC45NjVoMS40ODljMS44MTdcIDBcIDMuNTExLTEuNDczXCAzLjUxMS0zLjI5MXYtMi41NzRsLTRcIDMuNzE0elwnLz48L3N2Zz4=)
}

.prod-select-c .layout-option.selected .layout-name {
	color: #009af4
}

.prod-select-c .layout-option.selected:hover .layout-name {
	color: #009af4
}

.prod-select-c .layout-option:hover .layout-name {
	color: #3b4059
}

.prod-select-c .layout-img {
	background: #fff;
	-webkit-box-shadow: 0 0 0 3px #dee2e6;
	box-shadow: 0 0 0 3px #dee2e6;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	margin-bottom: 8px;
	color: #009af4;
	font-weight: 700;
	line-height: 1;
	height: 102px;
	position: relative
}

.prod-select-c .layout-img * {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto
}

.prod-select-c .layout-img .line {
	background: #009af4;
	height: 6px
}

.prod-select-c .layout-img .line:after {
	background: inherit;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	height: 6px
}

.prod-select-c .layout-img .layout-img-img {
	width: 56px;
	height: 56px;
	background-size: contain;
	background-image: url(data:image/svg+xml;base64,PHN2Z1wgeG1sbnM9XCdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wnXCB3aWR0aD1cJzEwMFwnXCBoZWlnaHQ9XCcxMDBcJ1wgdmlld0JveD1cJzBcIDBcIDI0XCAyNFwnPjxwYXRoXCBmaWxsPVwnIzc0YmM1M1wnXCBkPVwnTTIyXCA1djE0aC0yMHYtMTRoMjB6bTItMmgtMjR2MThoMjR2LTE4em0tMTRcIDEzLjk1MmMtMS41NTEtLjI2NS0zLTEuNjE1LTMtMy4yNDJ2LTIuNTc0bDNcIDIuNzIxdjMuMDk1em0yLTIuMTAzdi0yLjgxNGMyLjc0NC0uNTE1XCAyLjg5Ny0zLjQ5NFwgMi4wNjItNS4wMzVsLTEuMzcyXCAxLjUwOS0xLjE4My0xLjUwOS0xLjEwN1wgMS41MDktMS40MTItMS41MDljLS44MTJcIDEuNDk5LS43NTJcIDQuNTE2XCAyLjAxMlwgNS4wMzV2NC45NjVoMS40ODljMS44MTdcIDBcIDMuNTExLTEuNDczXCAzLjUxMS0zLjI5MXYtMi41NzRsLTRcIDMuNzE0elwnLz48L3N2Zz4=)
}

.prod-select-c #text-above-image .layout-img-img {
	bottom: 12px;
	width: 70px;
	height: 70px
}

.prod-select-c #text-above-image .line {
	display: block;
	width: 70%;
	top: 16px
}

.prod-select-c #text-above-and-below-image .layout-img-img {
	top: 23px
}

.prod-select-c #text-above-and-below-image .line:first-child {
	display: block;
	width: 70%;
	top: 16px
}

.prod-select-c #text-above-and-below-image .line:last-child {
	display: block;
	width: 70%;
	bottom: 16px
}

.prod-select-c #text-below-image .layout-img-img {
	top: 8px;
	width: 70px;
	height: 70px
}

.prod-select-c #text-below-image .line {
	display: block;
	width: 70%;
	bottom: 18px
}

.prod-select-c .item-name {
	font-size: .8125rem;
	line-height: 1.1;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

.prod-select-c .item-name strong {
	font-size: .875rem;
	display: block
}

.prod-select-c #num-name-below .num {
	font-size: 3.75rem;
	top: 8px
}

.prod-select-c #num-name-below .line {
	display: block;
	width: 70%;
	bottom: 16px
}

.prod-select-c #num-name-block-below .num {
	font-size: 3.125rem;
	top: 8px
}

.prod-select-c #num-name-block-below .line {
	height: 5px;
	display: block;
	width: 70%;
	bottom: 26px
}

.prod-select-c #num-name-block-below .line:last-child {
	bottom: 15px;
	width: 50%
}

.prod-select-c #text-one .line {
	display: block;
	width: 70%;
	top: 0;
	bottom: 0;
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px)
}

.prod-select-c #text-one .line:after {
	content: '';
	display: block;
	width: 70%;
	bottom: -14px
}

.prod-select-c #num-only .num {
	font-size: 5rem;
	top: 4px
}

.prod-select-c #num-name-above .num {
	font-size: 3.75rem;
	bottom: 16px
}

.prod-select-c #num-name-above .line {
	display: block;
	width: 70%;
	top: 16px
}

.prod-select-c #num-name-right .num {
	font-size: 3.5rem;
	top: 20px;
	left: -70px
}

.prod-select-c #num-name-right .line {
	display: block;
	width: 40%;
	left: 58px;
	top: 40px
}

.prod-select-c #num-name-right .line:last-child {
	display: block;
	width: 40%;
	left: 58px;
	bottom: 25px
}

.prod-select-c #num-name-above-below .num {
	font-size: 3.125rem;
	top: 23px
}

.prod-select-c #num-name-above-below .line:first-child {
	display: block;
	width: 70%;
	top: 16px
}

.prod-select-c #num-name-above-below .line:last-child {
	display: block;
	width: 70%;
	bottom: 16px
}

.prod-select-c #text-two .line:first-child {
	display: block;
	width: 70%;
	top: 26px
}

.prod-select-c #text-two .line:first-child:after {
	content: '';
	display: block;
	width: 70%;
	bottom: -14px
}

.prod-select-c #text-two .line:last-child {
	display: block;
	width: 50%;
	bottom: 16px;
	height: 4px
}

.prod-select-c #text-two .line:last-child:after {
	content: '';
	display: block;
	width: 70%;
	bottom: 10px;
	height: 4px
}

@media(min-width:576px) {
	.prod-select-c .prod-select-main .sale-price {
		font-size: 1.5rem
	}

	.prod-select-c .prod-select-main .strike {
		font-size: 1rem
	}
}

@media(min-width:768px) {
	.prod-select-c .prod-select-popup {
		left: -5px;
		width: calc(100% + (40px * 1.5))
	}

	.prod-select-c .prod-select-header {
		font-size: 1.25rem
	}
}

#layout-fields input,
#layout-fields textarea {
	font-weight: 700
}

#layout-fields .icon-resize {
	font-size: 1.125rem;
	display: inline-block;
	line-height: 1;
	color: #adb5bd;
	text-decoration: none;
	position: relative;
	left: -42px;
	top: 2px;
	padding: 8px;
	z-index: 5;
	-webkit-transition: none;
	transition: none
}

#layout-fields .icon-resize:before {
	-webkit-transition: none;
	transition: none
}

#layout-fields .slider {
	width: 0;
	height: 100%;
	border-radius: 4px;
	background: #3b4958;
	display: inline-block;
	position: absolute;
	margin-left: -76px
}

#layout-fields .slider-show .icon-resize {
	color: #fff
}

#layout-fields .slider-show .slider {
	width: 38%
}

#sign-text .prod-select-main {
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left
}

#text-filter-options {
	padding: 13.33333px;
	background: #fff;
	border-right: 1px solid #dee2e6;
	margin: 0 !important
}

#text-filter-options li {
	margin-bottom: 5px !important
}

#text-filter-options li a {
	display: block;
	padding: 5px 8px;
	border-radius: 4px;
	text-decoration: none;
	font-size: .875rem
}

#text-filter-options li.active a {
	background: #009af4;
	color: #fff;
	cursor: default
}

#text-filter-options li:before {
	visibility: hidden
}

@media(min-width:1200px) {
	#text-filter-options {
		padding: 26.66667px
	}

	#text-filter-options li a {
		padding-right: 20px;
		font-size: 1rem
	}

	#text-filter-options li a:hover {
		-webkit-box-shadow: 0 0 0 1px #dee2e6;
		box-shadow: 0 0 0 1px #dee2e6;
		color: #009af4
	}

	#text-filter-options li.active a:hover {
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #fff
	}
}

#text-options-c {
	height: 400px;
	overflow-y: auto;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 13.33333px 13.33333px
}

#text-options-c .text-option {
	border-bottom: 1px solid #dee2e6;
	line-height: 1;
	padding: 13.33333px 0;
	position: relative;
	cursor: pointer
}

#text-options-c .text-option span {
	font-size: .625rem;
	text-transform: uppercase;
	letter-spacing: .05rem;
	display: block;
	margin-bottom: 8px;
	color: #adb5bd
}

#text-options-c .text-option img {
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	max-width: 75%
}

#text-options-c .text-option:before {
	content: 'L';
	font-family: ukss;
	font-size: 1.25rem;
	display: block;
	height: 20px;
	color: #dee2e6;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

#text-options-c .text-option:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -1px;
	display: block;
	width: 0;
	height: 2px;
	background: #009af4;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#text-options-c .text-option.selected span {
	color: #009af4
}

#text-options-c .text-option.selected:before {
	content: 'r';
	color: #009af4
}

#text-options-c .text-option.selected:after {
	width: 100%
}

#text-options-c .default span:after {
	content: ' (Default)'
}

@media(min-width:1200px) {
	#text-options-c {
		padding: 26.66667px
	}
}

#sign-bg h5,
#sign-text-colour h5 {
	margin-left: 10px;
	text-align: left;
	position: relative;
	overflow: hidden
}

#sign-bg h5:after,
#sign-text-colour h5:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: 10px;
	width: 100%;
	height: 4px;
	background: #e9ecef
}

#sign-bg .swatches,
#sign-text-colour .swatches {
	margin-bottom: 20px
}

.bg-option {
	padding: 0 10px 13.33333px;
	text-align: center;
	cursor: pointer
}

.bg-option *[class^=sw-] {
	width: 37px;
	height: 37px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

@media(min-width:576px) {
	.bg-option *[class^=sw-] {
		width: 48px;
		height: 48px
	}
}

.bg-name {
	display: none
}

@media(min-width:1200px) {
	.bg-name {
		font-size: .75rem;
		display: block
	}
}

.prod-select {
	position: fixed;
	left: 100vw
}

.layout-field-number {
	width: 85px;
	-moz-appearance: textfield
}

.layout-field-number::-webkit-input-placeholder {
	color: #3b4059
}

.layout-field-number:-moz-placeholder {
	color: #3b4059;
	opacity: 1
}

.layout-field-number::-moz-placeholder {
	color: #3b4059;
	opacity: 1
}

.layout-field-number:-ms-input-placeholder {
	color: #3b4059
}

.layout-field-number::-ms-input-placeholder {
	color: #3b4059
}

.layout-field-number::placeholder {
	color: #3b4059
}

.layout-field-number::-webkit-inner-spin-button,
.layout-field-number::-webkit-outer-spin-button {
	-webkit-appearance: none
}

.layout-field-text {
	width: 90%
}

.layout-field-text::-webkit-input-placeholder {
	color: #3b4059
}

.layout-field-text:-moz-placeholder {
	color: #3b4059;
	opacity: 1
}

.layout-field-text::-moz-placeholder {
	color: #3b4059;
	opacity: 1
}

.layout-field-text:-ms-input-placeholder {
	color: #3b4059
}

.layout-field-text::-ms-input-placeholder {
	color: #3b4059
}

.layout-field-text::placeholder {
	color: #3b4059
}

@media(min-width:1200px) {
	.layout-field-text {
		width: 70%
	}
}

#sign-corian-colour,
#sign-ink-fill-colour {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: 6px;
	margin-bottom: 0 !important
}

#sign-corian-colour a,
#sign-ink-fill-colour a {
	margin: 0 10px 5px 0
}

.fixing-option {
	padding: 0 13.33333px;
	margin-bottom: 20px;
	cursor: pointer
}

.fixing-option *[class^=col-] {
	padding: 0 13.33333px
}

.fixing-option.selected img {
	-webkit-box-shadow: 0 0 0 5px #009af4;
	box-shadow: 0 0 0 5px #009af4
}

.p-option-img {
	margin-bottom: 8px;
	cursor: pointer
}

#fixing-upgrade {
	text-align: left;
	background: #fff;
	-webkit-box-shadow: 0 0 0 1px #dee2e6;
	box-shadow: 0 0 0 1px #dee2e6;
	padding: 13.33333px 0;
	margin-bottom: 13.33333px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#fixing-upgrade .p-option-img {
	margin-bottom: 0
}

#fixing-upgrade .item-name {
	font-size: 1rem;
	color: #3b4059
}

#fixing-upgrade strong {
	font-size: 1rem;
	line-height: 1.5
}

#fixing-upgrade.selected {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #009af4
}

#fixing-upgrade.selected strong {
	color: #fff
}

#fixing-upgrade.selected .item-name {
	color: #3b4958
}

#fixing-upgrade.selected .sale-price {
	color: #fff
}

#fixing-upgrade.selected .strike {
	color: #fff;
	opacity: .6
}

@media(min-width:576px) {
	#fixing-upgrade .item-name {
		font-size: 1.5rem
	}

	#fixing-upgrade strong {
		font-size: 1.125rem
	}
}

#fixing-upgrade-price {
	display: block;
	padding-top: 13.33333px
}

#fixing-note {
	font-size: .875rem;
	line-height: 1.2;
	color: #3b4059;
	margin-bottom: 20px
}

#sign-clear-panel .prod-select-main,
#p-option-frame .prod-select-main,
#sign-eco-panel .prod-select-main {
	text-align: left
}

#sign-clear-panel .prod-select-main *[class^=col-],
#p-option-frame .prod-select-main *[class^=col-],
#sign-eco-panel .prod-select-main *[class^=col-] {
	padding: 0 13.33333px
}

#sign-clear-panel .prod-select-main p,
#p-option-frame .prod-select-main p,
#sign-eco-panel .prod-select-main p {
	font-size: .875rem;
	color: #3b4059;
	line-height: 1.3
}

#sign-clear-panel .prod-select-main p.note,
#p-option-frame .prod-select-main p.note,
#sign-eco-panel .prod-select-main p.note {
	font-size: .8125rem;
	color: #adb5bd;
	margin-bottom: 26.66667px
}

#sign-clear-panel input[type=radio],
#p-option-frame input[type=radio],
#sign-eco-panel input[type=radio] {
	display: none
}

#sign-clear-panel input[type=radio]+label,
#p-option-frame input[type=radio]+label,
#sign-eco-panel input[type=radio]+label {
	padding: 10px 13.33333px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	cursor: pointer;
	margin-bottom: 5px;
	font-size: .8125rem
}

#sign-clear-panel input[type=radio]+label:before,
#p-option-frame input[type=radio]+label:before,
#sign-eco-panel input[type=radio]+label:before {
	content: 'L';
	font-family: ukss;
	color: #dee2e6;
	font-size: 1.25rem;
	position: relative;
	top: 1px;
	margin-right: 10px
}

#sign-clear-panel input[type=radio]:checked+label,
#p-option-frame input[type=radio]:checked+label,
#sign-eco-panel input[type=radio]:checked+label {
	background: #009af4;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none
}

#sign-clear-panel input[type=radio]:checked+label:before,
#p-option-frame input[type=radio]:checked+label:before,
#sign-eco-panel input[type=radio]:checked+label:before {
	content: 'r';
	color: #fff
}

#sign-clear-panel .upgrade-true+label,
#p-option-frame .upgrade-true+label,
#sign-eco-panel .upgrade-true+label {
	background: #fff;
	-webkit-box-shadow: inset 0 0 0 1px #dee2e6;
	box-shadow: inset 0 0 0 1px #dee2e6;
	font-size: .9375rem;
	color: #3b4059;
	margin-top: 20px
}

#sign-clear-panel .upgrade-true:checked+label,
#p-option-frame .upgrade-true:checked+label,
#sign-eco-panel .upgrade-true:checked+label {
	background: #009af4;
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none
}

@media(min-width:576px) {

	#sign-clear-panel .prod-select-main p,
	#p-option-frame .prod-select-main p,
	#sign-eco-panel .prod-select-main p {
		font-size: .9375rem
	}

	#sign-clear-panel input[type=radio]+label,
	#p-option-frame input[type=radio]+label,
	#sign-eco-panel input[type=radio]+label {
		font-size: 1rem
	}

	#sign-clear-panel .upgrade-true+label,
	#p-option-frame .upgrade-true+label,
	#sign-eco-panel .upgrade-true+label {
		font-size: 1.0625rem
	}
}

#prod-options-bottom {
	background: #f8f9fa;
	padding: 22.22222px;
	border-top: 1px solid #e9ecef;
	position: relative
}

#prod-options-bottom .paypal {
	display: none;
	position: absolute;
	right: 20px;
	top: 26.66667px;
	opacity: .8
}

@media(min-width:576px) {
	#prod-options-bottom .paypal {
		display: block
	}
}

#prod-options-bottom form {
	margin-bottom: 20px
}

#prod-options-bottom input[type=number] {
	width: 64px;
	font-size: 1.25rem;
	text-align: center;
	height: 48px;
	margin-right: 10px
}

#prod-options-bottom button {
	background: #fccc14;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 1.125rem;
	padding: 0 33.33333px;
	height: 48px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(70, 133, 174, .26), 0 2px 5px 0 rgba(23, 24, 26, .06);
	box-shadow: 0 5px 10px 0 rgba(70, 133, 174, .26), 0 2px 5px 0 rgba(23, 24, 26, .06)
}

#prod-options-bottom button[disabled] {
	background: #a5a5a5
}

#prod-options-bottom #prod-offer {
	color: #3b4958;
	line-height: 1.2;
	margin-top: 20px
}

#prod-options-bottom #prod-offer span {
	display: block;
	font-weight: 600;
	color: #009af4
}

#prod-options-bottom .prod-price {
	font-size: 2.25rem;
	line-height: 1;
	color: #31354a;
	font-weight: 700;
	letter-spacing: -.05rem;
	margin-bottom: 20px
}

@media(min-width:576px) {
	#prod-options-bottom .paypal {
		right: 26.66667px;
		bottom: 20px;
		top: auto
	}

	#prod-options-bottom .prod-price {
		margin: 0
	}
}

@media(min-width:1200px) {
	#prod-options-bottom {
		padding: 33.33333px
	}

	#prod-options-bottom .paypal {
		right: 38px;
		bottom: 35px;
		top: auto
	}

	#prod-options-bottom .prod-price {
		font-size: 2.75rem
	}

	#prod-options-bottom button:hover:not([disabled]) {
		background: #3b4958
	}
}

#prod-feature-review {
	background: #009af4;
	padding: 26.66667px;
	color: #fff;
	position: relative;
	margin-bottom: 80px;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

#prod-feature-review:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 50px 0 0;
	border-color: #009af4 transparent transparent transparent;
	position: absolute;
	left: 40px;
	bottom: -32px;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

#prod-feature-review blockquote {
	font-size: 1.25rem;
	font-style: italic;
	margin-bottom: 20px
}

#prod-feature-review strong {
	text-transform: uppercase;
	display: block;
	letter-spacing: .1rem;
	font-size: 600;
	color: #75ccff;
	line-height: 1.2
}

#prod-feature-review .review-stars {
	color: #ff9d1f;
	font-size: 1.625rem
}

#prod-feature-review .review-stars span {
	margin-right: 5px
}

#prod-feature-review .icon-tick:before {
	font-size: 1.25rem;
	margin-right: 3px;
	position: relative;
	top: 3px;
	display: inline-block
}

@media(min-width:576px) {
	#prod-feature-review .review-stars {
		font-size: 1.875rem
	}

	#prod-feature-review .review-stars span {
		margin-left: 5px;
		margin-right: 0
	}
}

@media(min-width:992px) {
	#prod-feature-review {
		line-height: 1.4
	}
}

@media(min-width:1200px) {
	#prod-feature-review {
		padding: 40px;
		margin-bottom: 100px
	}

	#prod-feature-review blockquote {
		font-size: 1.5rem;
		line-height: 1.35
	}
}

#s-t-f label,
#commercial-enquiry-modal label {
	display: block;
	color: #3b4059;
	margin-bottom: 0;
	font-weight: 600;
	font-size: .9375rem
}

#s-t-f input,
#s-t-f textarea,
#s-t-f button,
#commercial-enquiry-modal input,
#commercial-enquiry-modal textarea,
#commercial-enquiry-modal button {
	width: 100%
}

#s-t-f input,
#s-t-f textarea,
#commercial-enquiry-modal input,
#commercial-enquiry-modal textarea {
	margin-bottom: 10px
}

#s-t-f textarea,
#commercial-enquiry-modal textarea {
	height: 96px
}

#s-t-f button,
#commercial-enquiry-modal button {
	background: #fccc14;
	font-size: 1.25rem;
	font-weight: 600;
	color: #fff
}

#s-t-f h3,
#commercial-enquiry-modal h3 {
	margin-bottom: 20px;
	margin-top: 0
}

#s-t-f p,
#commercial-enquiry-modal p {
	font-size: .9375rem;
	line-height: 1.4
}

#s-t-f .modal-body,
#commercial-enquiry-modal .modal-body {
	padding: 26.66667px
}

#s-t-f .close,
#commercial-enquiry-modal .close {
	position: absolute;
	right: 15px;
	top: 15px;
	color: #3b4059;
	opacity: 1
}

@media(min-width:768px) {

	#s-t-f .modal-dialog,
	#commercial-enquiry-modal .modal-dialog {
		max-width: 450px
	}

	#s-t-f .modal-content,
	#commercial-enquiry-modal .modal-content {
		position: relative
	}

	#s-t-f .modal-content:before,
	#commercial-enquiry-modal .modal-content:before {
		content: url(http://demo.signhq.co.uk/assets/theme/img/xcloud.png.pagespeed.ic.H0pQu7wuGY.png);
		position: absolute;
		left: 0;
		top: 80px;
		z-index: -1;
		margin-left: 10px;
		-webkit-transition: all 650ms 300ms ease-in-out;
		transition: all 650ms 300ms ease-in-out;
		-webkit-transition-delay: 300ms;
		transition-delay: 300ms
	}

	#s-t-f .modal-content:after,
	#commercial-enquiry-modal .modal-content:after {
		content: url(http://demo.signhq.co.uk/assets/theme/img/xcloud.png.pagespeed.ic.H0pQu7wuGY.png);
		position: absolute;
		right: 0;
		top: 320px;
		z-index: -1;
		margin-right: 10px;
		-webkit-transition: all 650ms 500ms ease-in-out;
		transition: all 650ms 500ms ease-in-out;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	#s-t-f .modal-body,
	#commercial-enquiry-modal .modal-body {
		position: relative
	}

	#s-t-f .modal-body:before,
	#commercial-enquiry-modal .modal-body:before {
		content: url(http://demo.signhq.co.uk/assets/theme/img/xplane.png.pagespeed.ic.NTzUU5Q-lA.png);
		position: absolute;
		right: -48px;
		top: -30px
	}

	#s-t-f .modal-body:after,
	#commercial-enquiry-modal .modal-body:after {
		content: url(http://demo.signhq.co.uk/assets/theme/img/xplane-trail.png.pagespeed.ic.NJHsQdaUfs.png);
		position: absolute;
		left: -97px;
		bottom: -100px
	}

	#s-t-f.show .modal-content:before,
	#commercial-enquiry-modal.show .modal-content:before {
		margin-left: -145px
	}

	#s-t-f.show .modal-content:after,
	#commercial-enquiry-modal.show .modal-content:after {
		margin-right: -140px
	}
}

@media(min-width:1200px) {

	#s-t-f button:hover,
	#commercial-enquiry-modal button:hover {
		background: #3b4059
	}
}

#commercial-enquiry-modal .modal-body:before,
#commercial-enquiry-modal .modal-body:after {
	display: none !important
}

#commercial-enquiry-modal .modal-content:before,
#commercial-enquiry-modal .modal-content:after {
	display: none !important
}

#btn-add-line {
	background: #009af4;
	line-height: 1;
	margin-top: 20px;
	padding: 10px 30px;
	height: auto
}

#btn-add-line:hover {
	color: #fff;
	background: #3b4958
}

#gallery-target {
	padding: 20px;
	border: 2px dotted #ced4da;
	background: #f8f9fa;
	border-radius: 4px;
	margin-bottom: 40px
}

#gallery-target h3 {
	margin-bottom: 20px
}

#gallery-target .thumbnail-gallery {
	position: relative;
	left: -10px;
	width: calc(100% + 20px)
}

#gallery-target .thumbnail-gallery div {
	display: inline-block;
	max-width: 20%;
	padding: 0 10px
}

#gallery-target .thumbnail-gallery div img {
	padding: 13.33333px
}

#gallery-target .thumbnail-gallery div.active img {
	border: 2px solid #009af4
}

.upload-artwork-button {
	background: #3b4958
}

div[data-mapping=image-upload] img {
	-webkit-box-shadow: 0 0 9px -3px rgba(0, 0, 0, .75);
	box-shadow: 0 0 9px -3px rgba(0, 0, 0, .75)
}

.text-option.default-font {
	font-size: 1.7em;
	font-weight: 500;
	color: #3a3b3f
}

@-webkit-keyframes truStatsEffect {
	from {
		opacity: 0;
		top: 20px
	}

	to {
		opacity: 1;
		top: 10px
	}
}

@keyframes truStatsEffect {
	from {
		opacity: 0;
		top: 20px
	}

	to {
		opacity: 1;
		top: 10px
	}
}

#trustats {
	opacity: 0;
	top: 20px;
	-webkit-animation: truStatsEffect 300ms;
	animation: truStatsEffect 300ms;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

div.colour-picker {
	margin-top: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

div.colour-picker div.swatch {
	text-align: center;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	border: 1px solid #000
}

div.colour-picker div.label {
	margin: 0 !important;
	color: #3b4059;
	font-weight: 700
}

div[data-mapping=colour-picker] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #dee2e6;
	padding: 8px;
	margin: 0;
	position: relative
}

div[data-mapping=colour-picker] div[data-picker-item] {
	display: inline-block;
	cursor: pointer;
	width: 32px;
	height: 32px;
	padding: 10px;
	border: 1px solid #ced4da;
	margin: 0 10px 0 0
}

div[data-mapping=colour-picker] label {
	margin: 0 !important;
	color: #3b4059;
	font-weight: 700
}

.text-option-arrow-direction option {
	font-family: 'sans-serif' !important
}

#prod-options .image-library {
	margin-top: 10px
}

#prod-options .image-library.collapsed {
	height: 70px
}

#prod-options .image-library input.loading {
	background: url(http://demo.signhq.co.uk/assets/theme/img/input-loading.gif.pagespeed.ce.8O33KbjHcL.gif) no-repeat right 15px center
}

#prod-options .image-library .image-list {
	background: #fafafa;
	border: 1px solid #e9ecef;
	margin-top: 10px;
	overflow-y: scroll;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 330px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#prod-options .image-library .image-list.hidden {
	display: none
}

#prod-options .image-library .image-list .image-list-item {
	margin: 5px;
	border: 4px solid transparent;
	cursor: pointer
}

#prod-options .image-library .image-list .image-list-item.selected {
	border-color: #009af4
}

#prod-options .image-library .image-list .image-list-item:hover {
	border-color: #fccc14
}

.QAWidget .qa-widget-ukss-notice {
	display: none
}

.QAWidget #EnterQuestion.active .qa-widget-ukss-notice {
	margin-top: 10px;
	display: block
}

.QAWidget #EnterQuestion.active .qa-widget-ukss-notice p {
	margin: 0
}

.QAWidget #EnterQuestion__inputs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.QAWidget .QAWidgetAsk__btn {
	background: #3b4958;
	color: #fff !important
}

.QAWidget .footer__logo {
	display: none !important
}

.QAWidget .QAWidgetSection .QAWidgetAsk__heading {
	font-weight: bolder !important
}

.QAWidget .QAWidgetSection .QAWidgetAsk {
	padding: 20px !important
}

.QAWidget .QAWidgetSection .QAWidgetIntro__list li::before {
	display: none !important
}

.prod-c #commercial-product-tabs {
	border: 0;
	padding: 0;
	margin: 0
}

.prod-c #commercial-product-tabs a {
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
	border: 1px solid transparent;
	border-bottom: 0;
	padding: 0 20px;
	line-height: 1;
	text-decoration: none;
	border-radius: 4px 4px 0 0;
	background: #e9ecef;
	color: #707a80;
	font-size: 1rem;
	letter-spacing: -.01rem;
	margin-right: 6px;
	font-weight: 700
}

.prod-c #commercial-product-tabs a.active {
	background: #fff;
	border: 1px solid #dee2e6;
	border-bottom: 0;
	position: relative;
	top: 1px
}

.prod-c #commercial-typeform {
	padding: 40px;
	border: 1px solid #dee2e6;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	border-radius: 0 0 6px 6px
}

.checkout #c {
	padding: 0
}

.checkout h1 {
	line-height: 1;
	margin-bottom: 40px
}

.checkout h3 {
	margin-bottom: 26.66667px;
	margin-top: 0
}

.checkout h3.icon-lock {
	padding-left: 36px;
	line-height: 1.6
}

.checkout h3.icon-lock:before {
	font-size: 2rem;
	position: absolute;
	left: 0
}

@media(min-width:768px) {
	.checkout h3 {
		font-size: 1.3125rem
	}
}

@media(min-width:992px) {
	.checkout h3 {
		font-size: 1.75rem
	}

	.checkout h3.icon-lock {
		padding-left: 40px
	}

	.checkout h3.icon-lock:before {
		font-size: 2.25rem
	}
}

.checkout input,
.checkout select {
	width: calc(50% - (40px/6))
}

.checkout input::-webkit-input-placeholder,
.checkout select::-webkit-input-placeholder {
	color: #98a0a5
}

.checkout input:-moz-placeholder,
.checkout select:-moz-placeholder {
	color: #98a0a5;
	opacity: 1
}

.checkout input::-moz-placeholder,
.checkout select::-moz-placeholder {
	color: #98a0a5;
	opacity: 1
}

.checkout input:-ms-input-placeholder,
.checkout select:-ms-input-placeholder {
	color: #98a0a5
}

.checkout input::-ms-input-placeholder,
.checkout select::-ms-input-placeholder {
	color: #98a0a5
}

.checkout input::placeholder,
.checkout select::placeholder {
	color: #98a0a5
}

.checkout .form-section {
	margin-bottom: 40px
}

@media(min-width:992px) {

	.checkout input,
	.checkout select {
		width: calc(50% - (40px/2));
		font-size: 1.0625rem
	}
}

#c-m h3:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0 auto 16px;
	width: 100%;
	height: 4px;
	background: #dee2e6
}

#acc-si {
	font-size: .9375rem;
	line-height: 1.2
}

#c-acc {
	background: #3b4059;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	padding: 13.33333px 20px;
	text-transform: uppercase;
	border-radius: 4px;
	line-height: 1;
	letter-spacing: .04rem;
	text-align: center;
	width: 180px
}

@media(min-width:768px) {
	#c-acc {
		width: 150px;
		margin-left: 20px
	}
}

@media(min-width:992px) {
	#c-acc {
		width: 120px
	}
}

@media(min-width:1200px) {
	#c-acc {
		font-size: 16px;
		padding: 13.33333px 40px;
		width: auto
	}

	#c-acc:hover {
		background: #3b4958
	}
}

.fe-c {
	position: relative;
	margin-bottom: 10px
}

.fe-c label {
	font-size: .75rem;
	position: absolute;
	left: 9px;
	top: 7px;
	z-index: -1;
	display: block;
	line-height: 1;
	opacity: 1;
	color: #98a0a5;
	pointer-events: none
}

.fe-c input,
.fe-c select {
	padding: 12px 8px;
	color: #3b4059;
	-webkit-transition: border-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out
}

.fe-c select {
	padding: 18px 8px 4px
}

.fe-c.fe-blur label {
	opacity: 1;
	z-index: 1
}

.fe-c.fe-blur input {
	padding: 20px 12px 4px 8px
}

.fe-c.fe-blur input::-webkit-input-placeholder {
	color: transparent
}

.fe-c.fe-blur input:-moz-placeholder {
	color: transparent;
	opacity: 1
}

.fe-c.fe-blur input::-moz-placeholder {
	color: transparent;
	opacity: 1
}

.fe-c.fe-blur input:-ms-input-placeholder {
	color: transparent
}

.fe-c.fe-blur input::-ms-input-placeholder {
	color: transparent
}

.fe-c.fe-blur input::placeholder {
	color: transparent
}

.fe-c .tt {
	color: #009af4;
	font-size: 1.25rem;
	line-height: 1;
	height: 20px;
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
	margin: auto
}

.fe-c.fe-full input,
.fe-c.fe-full select {
	width: 100%
}

.fe-c.fe-half {
	width: calc(50% - (40px/6))
}

.fe-c.fe-half input,
.fe-c.fe-half select {
	width: 100%
}

.fe-c.fe-select:after {
	content: 'm';
	font-family: ukss;
	color: #6c757d;
	font-size: 1.5rem;
	line-height: 1;
	height: 24px;
	position: absolute;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none
}

@media(min-width:992px) {
	.fe-c {
		margin-bottom: 13.33333px
	}

	.fe-c label {
		left: 13px
	}

	.fe-c input,
	.fe-c select {
		padding: 12px
	}

	.fe-c select {
		padding: 18px 12px 4px
	}

	.fe-c.fe-half {
		width: calc(50% - (40px/4))
	}

	.fe-c .tt {
		font-size: 1.5rem;
		height: 24px;
		right: 12px
	}
}

.form-half-container .fe-c {
	width: 100%
}

.form-half-container .fe-c input {
	width: 100%
}

@media(min-width:992px) {
	.form-half-container {
		position: relative;
		left: -10px;
		width: calc(100% + (40px/2));
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.form-half-container .fe-c {
		width: 50%;
		margin-left: 10px;
		margin-right: 10px
	}

	.form-half-container .fe-c input {
		width: 100%
	}
}

#delivery-postcode {
	padding: 11.42857px;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px
}

#delivery-postcode .fe-c {
	margin: 0
}

#delivery-postcode .fe-c input {
	width: 125px
}

#delivery-postcode .fe-c.fe-full {
	width: 100%;
	margin-top: 13.33333px
}

#delivery-postcode #idpc_error_message {
	color: #d01433;
	font-size: 1.125rem;
	line-height: 1.2;
	font-weight: 700;
	padding: 10px;
	margin: 10px 0 0
}

#delivery-postcode #fa-button {
	background: #fccc14;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	margin-left: 10px;
	padding: 12px 18px;
	border-radius: 8px
}

@media(min-width:1200px) {
	#delivery-postcode .fe-c input {
		width: 160px
	}

	#delivery-postcode #fa-button {
		padding: 12px 24px;
		font-size: 1.125rem
	}

	#delivery-postcode #fa-button:hover {
		background: #3b4958
	}
}

#da-link {
	margin-left: 13.33333px
}

.delivery-address {
	display: none
}

.delivery-address.show {
	display: block
}

#delivery-method label {
	width: 100%;
	margin-bottom: 20px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1rem;
	padding: 20px;
	line-height: 1.3;
	cursor: pointer;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#delivery-method label .d-name {
	color: #3b4059;
	display: block
}

#delivery-method label:before {
	content: 'L';
	font-family: ukss;
	font-size: 1.5rem;
	color: #dee2e6;
	position: relative;
	top: -2px;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#delivery-method label .d-cost {
	color: #009af4;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	font-size: 1.25rem
}

#delivery-method label .d-info p {
	margin-bottom: 10px
}

#delivery-method label .d-note {
	font-size: .8125rem;
	line-height: 1.4
}

#delivery-method label .d-note p {
	margin: 10px 0 0;
	position: relative
}

#delivery-method label .d-note span {
	display: none
}

#delivery-method input[type=radio] {
	position: absolute;
	z-index: -1;
	visibility: hidden
}

#delivery-method input[type=radio]:checked+label {
	background: #009af4;
	border-color: #009af4;
	color: #fff
}

#delivery-method input[type=radio]:checked+label:before {
	content: 'r';
	left: 2px;
	color: #fff
}

#delivery-method input[type=radio]:checked+label .d-name,
#delivery-method input[type=radio]:checked+label .d-cost {
	color: #3b4958
}

@media(min-width:1200px) {
	#delivery-method label {
		padding: 26.66667px;
		font-size: 1.125rem;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}

	#delivery-method label .d-cost {
		margin: 0 60px 0 20px;
		width: auto;
		color: #3b4059;
		width: 60px;
		line-height: 1.1
	}

	#delivery-method label .d-note {
		font-size: .875rem
	}

	#delivery-method label .d-note span {
		font-size: 1.375rem;
		line-height: 1;
		position: absolute;
		left: -22px;
		top: -2px;
		display: block
	}

	#delivery-method label:hover {
		border-color: #adb5bd
	}

	#delivery-method label:hover:before {
		color: #adb5bd
	}
}

#payment-options {
	margin-bottom: 0
}

#payment-options .po-label {
	padding: 15px;
	width: 100%;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #3b4059;
	margin-bottom: 20px
}

#payment-options input:checked+label {
	margin-bottom: 0
}

#payment-options .payment-logos {
	display: inline-block;
	position: absolute;
	right: 13.33333px;
	height: 20px
}

#payment-options .payment-logos img {
	margin: 0 3px;
	max-height: 100%
}

#payment-options .p-details {
	display: none;
	margin-bottom: 20px;
	border: 1px solid #dee2e6;
	border-top: 0;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	padding: 26.66667px;
	position: relative;
	z-index: 1
}

#payment-options .p-details.show {
	display: block
}

#payment-options #b-a-select+label {
	padding: 0 0 0 32px;
	display: inline-block;
	color: #009af4;
	font-weight: 700;
	margin: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	font-size: 1.0625rem;
	line-height: 1.3
}

#payment-options #b-a-select+label:before {
	position: absolute;
	left: 0;
	top: 1px
}

#payment-options #b-a-select:checked+label {
	margin: 0
}

@media(min-width:992px) {
	#payment-options #b-a-select {
		font-size: 1.125rem
	}
}

@media(min-width:1200px) {
	#payment-options .payment-logos {
		height: auto
	}

	#payment-options .payment-logos img {
		margin: 0 5px
	}

	#payment-options .po-label {
		padding: 20px;
		font-size: 1.125rem
	}

	#payment-options .p-details {
		padding: 40px
	}
}

#cc-details {
	margin-bottom: 13.33333px
}

#cc-details .fe-half {
	width: 100%
}

#cc-details .form-half-container {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#cc-details .form-half-container .fe-c {
	width: 50%
}

#cc-details .form-half-container .fe-c:first-child {
	margin-right: 20px
}

@media(min-width:992px) {
	#cc-details .fe-half {
		width: calc(66% - 19px)
	}

	#cc-details .form-half-container {
		width: 66%
	}
}

#billing-address {
	display: none;
	margin-top: 20px
}

#billing-address.show {
	display: block
}

#pp-details strong {
	color: #3b4059
}

@media(min-width:992px) {
	#pp-details strong {
		font-size: 1.125rem
	}
}

#c-proceed {
	display: block;
	width: 100%;
	z-index: 10;
	text-align: left;
	font-size: 1.0625rem;
	letter-spacing: .05rem;
	padding: 18.18182px;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08)
}

#c-proceed:after {
	font-size: 1.625rem;
	height: 26px
}

#c-proceed[disabled] {
	background: #3b4958
}

#c-proceed[disabled]:after {
	color: #ffd7ac
}

#c-proceed[disabled].success {
	background: #009af4
}

#c-proceed[disabled].success:after {
	color: #fff
}

@media(min-width:768px) {
	#c-proceed {
		display: inline-block;
		text-align: center
	}
}

@media(min-width:1200px) {
	#c-proceed {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
		padding-right: 60px
	}

	#c-proceed:hover {
		background: #3b4958
	}

	#c-proceed:hover:after {
		color: #ffd7ac
	}
}

#c-s h6 {
	color: #3b4059;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 5px;
	font-size: .875rem
}

#c-s p {
	margin-bottom: 26.66667px;
	font-size: .875rem
}

#c-s .payment-logos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 26.66667px;
	padding-top: 4px
}

#c-s .payment-logos img {
	max-width: 100%
}

#c-s .payment-logos div {
	background: #fff;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	padding: 6px 10px;
	width: 22%;
	margin-right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media(min-width:1200px) {

	#c-s h6,
	#c-s p {
		font-size: 1rem
	}

	#c-s .payment-logos div {
		padding: 10px
	}
}

#order-qty {
	color: #009af4
}

#os {
	border-top: 2px solid #dee2e6
}

.os-item {
	padding: 26.66667px 0;
	border-bottom: 2px solid #dee2e6
}

@media(min-width:768px) {
	.os-item {
		padding: 20px 0
	}
}

@media(min-width:992px) {
	.os-item {
		padding: 26.66667px 0
	}
}

.os-item-img-c {
	width: 120px;
	margin-right: 20px
}

.os-item-img-c img {
	max-width: 100%;
	display: block;
	margin-bottom: 13.33333px
}

@media(min-width:768px) {
	.os-item-img-c {
		width: 110px;
		margin-right: 13.33333px
	}
}

@media(min-width:992px) {
	.os-item-img-c {
		width: 120px
	}
}

@media(min-width:1200px) {
	.os-item-img-c {
		width: 150px
	}
}

.os-item-img {
	position: relative;
	display: block
}

@media(min-width:1200px) {
	.os-item-img:after {
		content: 'i';
		font-family: ukss;
		font-size: 1.125rem;
		line-height: 32px;
		width: 34px;
		height: 34px;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background: #fff;
		color: #3b4059;
		border-radius: 50%;
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

	.os-item-img:hover:after {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.os-item-action {
	font-size: .8125rem;
	background: #fff;
	padding: 6px 10px
}

.os-item-action a {
	text-decoration: none
}

.os-item-action a:before {
	display: none
}

.os-item-action span {
	color: #adb5bd;
	margin: 0 5px
}

@media(min-width:768px) {
	.os-item-action span {
		display: none
	}

	.os-item-action a {
		display: block
	}

	.os-item-action a:before {
		display: inline-block;
		font-size: 1rem;
		position: relative;
		top: 2px;
		margin-right: 2px
	}
}

@media(min-width:1200px) {
	.os-item-action a {
		display: inline-block
	}

	.os-item-action span {
		display: inline-block
	}

	.os-item-action a:hover:before {
		color: #009af4
	}
}

.os-item-details ul {
	font-size: .8125rem;
	line-height: 1.4;
	margin-bottom: 10px
}

@media(min-width:1200px) {
	.os-item-details ul {
		font-size: .9375rem
	}
}

.os-item-name,
.os-item-price {
	font-weight: 700;
	color: #3b4059;
	font-size: 1.0625rem;
	line-height: 1.2
}

.os-item-name span.discount,
.os-item-price span.discount {
	color: #dd3029 !important;
	text-decoration: line-through;
	margin-left: 10px
}

@media(min-width:992px) {

	.os-item-name,
	.os-item-price {
		font-size: 1.25rem
	}
}

.os-item-name {
	position: relative
}

@media(min-width:992px) {
	.os-item-name {
		position: relative;
		top: -5px
	}
}

#os-totals {
	border-bottom: 2px solid #dee2e6;
	padding: 13.33333px 0;
	font-size: .9375rem
}

#os-totals strong {
	color: #3b4059;
	font-size: 1.0625rem
}

#os-totals .os-totals-line {
	padding: 6.66667px 0;
	line-height: 1
}

@media(min-width:992px) {
	#os-totals {
		font-size: 1rem
	}

	#os-totals strong {
		font-size: 1.125rem
	}
}

@media(min-width:1200px) {
	#os-totals {
		font-size: 1.125rem
	}

	#os-totals strong {
		font-size: 1.25rem
	}
}

#os-end {
	margin-bottom: 40px;
	padding-top: 13.33333px
}

#os-end.show #pc-c {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#os-end.show #apply-pc {
	visibility: hidden;
	cursor: default;
	-webkit-transition: none;
	transition: none;
	margin: 0
}

@media(min-width:768px) {
	#os-end.show #apply-pc {
		position: absolute
	}
}

@media(min-width:992px) {
	#os-end.show #apply-pc {
		position: static
	}
}

@media(min-width:1200px) {
	#os-end {
		margin-bottom: 80px
	}
}

#pc-c {
	padding-bottom: 13.33333px;
	border-bottom: 2px solid #dee2e6;
	width: 100%;
	margin-bottom: 13.33333px;
	display: none
}

#pc-c input {
	width: 60%;
	font-size: .875rem
}

#pc-c button {
	font-size: .875rem;
	background: #3b4958;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	margin-left: 10px;
	padding: 8px 14px;
	border-radius: 4px
}

@media(min-width:1200px) {
	#pc-c input {
		width: 45%;
		font-size: 1rem
	}

	#pc-c button {
		font-size: 1rem;
		padding: 8px 24px
	}

	#pc-c button:hover {
		background: #3b4059
	}
}

#apply-pc {
	font-weight: 700;
	font-size: .9375rem;
	line-height: 1.2;
	display: inline-block
}

@media(min-width:768px) {
	#apply-pc {
		margin-bottom: 20px
	}
}

@media(min-width:992px) {
	#apply-pc {
		margin-bottom: 0
	}
}

@media(min-width:1200px) {
	#apply-pc {
		font-size: 1rem
	}
}

#os-support {
	margin-bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#os-live-chat {
	font-size: 1.125rem;
	line-height: 1.1;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	background: #009af4;
	padding: 13.33333px 48px;
	text-decoration: none;
	border-radius: 30px;
	text-transform: uppercase;
	margin-bottom: 5px
}

@media(min-width:768px) {
	#os-live-chat {
		font-size: 1rem;
		padding: 13.33333px 20px
	}
}

@media(min-width:992px) {
	#os-live-chat {
		font-size: 1.25rem;
		padding: 13.33333px 26.66667px
	}
}

@media(min-width:1200px) {
	#os-live-chat {
		padding: 13.33333px 48px
	}

	#os-live-chat:hover {
		background: #3b4958
	}
}

#os-open-times {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	line-height: 1.1;
	text-align: center
}

#os-open-times strong {
	font-weight: 400;
	color: #3b4059;
	display: block
}

@media(min-width:768px) {
	#os-open-times {
		font-size: .875rem
	}
}

@media(min-width:992px) {
	#os-open-times {
		font-size: 1rem
	}
}

@media(min-width:1200px) {
	#os-open-times {
		font-size: 1.125rem
	}
}

#checkout-review {
	background: #fff;
	padding: 20px;
	position: relative;
	margin-bottom: 60px;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	position: relative
}

#checkout-review blockquote {
	color: #3b4059;
	font-style: italic;
	line-height: 1.5
}

#checkout-review .review-stars {
	font-size: 1.25rem;
	color: #ff9d1f
}

#checkout-review .review-stars span {
	margin-right: 5px
}

#checkout-review .icon-tick {
	font-weight: 700;
	color: #009af4
}

#checkout-review .icon-tick:before {
	font-size: 1.375rem;
	position: relative;
	top: 3px;
	margin-right: 2px
}

#checkout-review:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px 40px 0 0;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 26.66667px;
	bottom: -22px
}

@media(min-width:992px) {
	#checkout-review {
		padding: 26.66667px
	}

	#checkout-review blockquote {
		font-size: 1.125rem
	}

	#checkout-review .review-stars {
		font-size: 1.5rem
	}

	#checkout-review:after {
		border-width: 32px 50px 0 0
	}
}

#stripe-container {
	padding: 10px;
	background: #eee;
	border-radius: 4px;
	border: 1px solid transparent;
	-webkit-box-shadow: 0 1px 3px 0 #d7dce2;
	box-shadow: 0 1px 3px 0 #d7dce2
}

#form-errors {
	padding: 20px;
	margin-bottom: 30px;
	background: #d01433;
	color: #fff !important
}

#card-errors {
	color: #ec4d2c;
	font-weight: 700;
	text-align: center
}

#card-errors:empty {
	margin-top: 0;
	padding: 0
}

.StripeElement {
	border: 1px solid #dee2e6;
	background: #fff;
	padding: 20px;
	width: 100%;
	font-size: 1.1em
}

.StripeElement--focus {
	-webkit-box-shadow: 0 1px 3px 0 #cfd7df;
	box-shadow: 0 1px 3px 0 #cfd7df
}

.StripeElement--invalid {
	border-color: #fa755a
}

.StripeElement--webkit-autofill {
	background-color: #fefde5 !important
}

.valid {
	border-color: green;
	color: green
}

#pc-i.valid+span:after {
	content: attr(data-valid)
}

#pc-i.invalid+span:after {
	content: attr(data-invalid)
}

.offer-window {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 100001
}

#offer-overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: none;
	transform: none;
	z-index: 100000;
	background: rgba(0, 0, 0, .4)
}

#offer {
	overflow-y: auto
}

#offer .pl-n {
	font-size: 1rem;
	margin: 0
}

#offer h2 {
	color: #dc3545;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

#offer h4 {
	padding: 0 40px;
	margin: 13.33333px 0 40px
}

#offer button span {
	font-size: 12px;
	color: #ced4da
}

#offer>div {
	overflow-x: scroll
}

#offer>div .pl {
	width: 70%;
	padding: 0 20px 20px
}

@media(min-width:768px) {
	#offer>div .pl {
		width: 40%
	}
}

@media(min-width:1200px) {
	#offer>div .pl {
		width: 22%
	}

	#offer>div {
		overflow-x: hidden
	}
}

.order-complete h1 {
	line-height: 1.05;
	position: relative;
	font-size: 1.875rem;
	margin-bottom: 30px
}

.order-complete h1 br {
	display: none
}

.order-complete h1:before {
	display: none
}

.order-complete h3 {
	margin-top: 40px
}

@media(min-width:992px) {
	.order-complete h3 {
		font-size: 2.125rem
	}
}

.order-complete h5 {
	margin-bottom: 5px
}

.order-complete p {
	margin-bottom: 26.66667px
}

.order-complete .os-item-details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-right: 20px
}

.order-complete .os-item-price {
	top: 0
}

.order-complete .os-item-img-c img {
	margin-bottom: 0
}

.order-complete #os-totals {
	margin-bottom: 40px
}

@media(min-width:992px) {
	.order-complete .os-item-price {
		position: relative;
		top: -5px
	}
}

@media(min-width:1200px) {
	.order-complete h1 {
		padding-left: 108px;
		font-size: 2.75rem
	}

	.order-complete h1 br {
		display: block
	}

	.order-complete h1:before {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 2px;
		font-size: 5.5rem;
		color: #a5acb1
	}
}

#c-s .social li {
	display: inline-block;
	margin-right: 5px
}

#c-s .social .icon-facebook {
	background: #3b5998
}

#c-s .social .icon-twitter {
	background: #00aced
}

#c-s .social .icon-instagram {
	background: #515bd4
}

#c-s .social .icon-youtube {
	background: #b00
}

#c-s .social .icon-pinterest {
	background: #cb2027
}

#c-s .social a {
	text-decoration: none;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1;
	font-size: 1.25rem;
	width: 40px;
	height: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 4px
}

@media(min-width:1200px) {
	#c-s .social h4 strong {
		font-size: 120%
	}

	#c-s .social li {
		margin-right: 10px
	}

	#c-s .social a {
		font-size: 1.5rem;
		width: 44px;
		height: 44px
	}

	#c-s .social a:hover {
		background: 0 0
	}

	#c-s .social a:hover.icon-facebook:before {
		color: #3b5998
	}

	#c-s .social a:hover.icon-twitter:before {
		color: #00aced
	}

	#c-s .social a:hover.icon-instagram:before {
		color: #515bd4
	}

	#c-s .social a:hover.icon-youtube:before {
		color: #b00
	}

	#c-s .social a:hover.icon-pinterest:before {
		color: #cb2027
	}
}

#oc-on-c {
	margin-bottom: 40px;
	background: #3b4958;
	padding: 6px 13.33333px 8px;
	line-height: 1.4;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#oc-on {
	font-size: 1.125rem;
	color: #98a0a5
}

#oc-on strong {
	font-size: 1.25rem;
	color: #fff
}

#oc-p {
	display: none
}

@media(min-width:1200px) {
	#oc-p {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		color: #fff;
		font-size: 1rem;
		text-decoration: underline;
		cursor: pointer
	}

	#oc-p:hover {
		text-decoration: none
	}
}

#oc-cs {
	padding: 9px 16px 12px 14px;
	color: #fff;
	border-radius: 4px;
	font-size: 1.125rem;
	line-height: 1.6;
	text-decoration: none;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 20px
}

#oc-cs:before {
	margin-right: 5px;
	font-size: 1.25rem;
	position: relative;
	top: 3px;
	display: inline-block
}

@media(min-width:1200px) {
	#oc-cs:hover {
		background: #3b4958
	}

	#oc-cs:hover:before {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

#hys h4 {
	font-size: 1.875rem;
	line-height: 1
}

#hys a {
	color: #fff;
	text-decoration: none;
	padding: 12px 40px 14px 14px;
	line-height: 1;
	font-weight: 700;
	border-radius: 4px;
	position: relative;
	font-size: 1rem
}

#hys a:after {
	content: 'o';
	font-family: ukss;
	color: #ffd7ac;
	display: block;
	font-size: 1.5rem;
	height: 24px;
	position: relative;
	font-weight: 400;
	position: absolute;
	right: 8px;
	top: -4px;
	bottom: 0;
	margin: auto
}

#hys a span {
	-webkit-transition: none;
	transition: none
}

#hys a span:before {
	content: 'quick'
}

@media(min-width:992px) {
	#hys h4 {
		font-size: 1.625rem
	}
}

@media(min-width:1200px) {
	#hys h4 {
		font-size: 2.125rem
	}

	#hys a {
		font-size: 1.125rem
	}

	#hys a:hover {
		background: #fff;
		color: #3b4958
	}

	#hys a:hover:after {
		color: #fccc14;
		-webkit-transform: translateX(5px);
		transform: translateX(5px)
	}
}

@media(min-width:1400px) {
	#hys a span:before {
		content: 'two minute'
	}
}

#su-acc label {
	font-weight: 700
}

#su-acc input {
	width: 100%;
	border: 0;
	margin-bottom: 13.33333px
}

#su-acc button {
	color: #fff;
	line-height: 1;
	padding: 16px 14px;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 13.33333px
}

#su-acc .note {
	font-size: .875rem;
	line-height: 1.3;
	color: #fbd687
}

@media(min-width:1200px) {
	#su-acc button {
		font-size: 1.125rem
	}

	#su-acc button:hover {
		background: #fff;
		color: #3b4958
	}
}

#o-s a {
	foint-size: 1.125rem;
	font-weight: 700
}

#o-s h4 strong {
	color: #3b4059
}

@media(min-width:1400px) {
	#o-s h4 strong {
		font-size: 120%
	}
}

#show-faq-cats {
	border: 1px solid #dee2e6;
	padding: 10px;
	border-radius: 4px;
	display: block;
	position: relative;
	background: #fff;
	margin-bottom: 40px;
	text-decoration: none
}

#show-faq-cats:before {
	content: '';
	display: block;
	position: absolute;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	margin: auto;
	background: red;
	z-index: -1;
	border-radius: 4px;
	background: #e9ecef
}

#show-faq-cats:after {
	content: 'm';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: ukss;
	font-size: 1.375rem;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border-left: 1px solid #dee2e6;
	color: #009af4;
	padding: 0 4px
}

@media(min-width:992px) {
	#show-faq-cats {
		display: none
	}
}

#faq-cats {
	position: relative;
	top: -40px
}

#faq-cats a {
	display: block;
	border: 1px solid #dee2e6;
	border-top: 0;
	line-height: 1;
	padding: 18px 4px 18px 34px;
	position: relative;
	z-index: 2;
	text-decoration: none;
	color: #707a80;
	background: #fff;
	margin: 0 32px 0 10px
}

#faq-cats a:before {
	font-family: ukss;
	font-size: 1.125rem;
	height: 18px;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	color: #3b4059
}

#faq-cats a.active {
	color: #fff;
	background: #009af4;
	border-color: #009af4
}

#faq-cats a.active:before {
	color: #fff
}

@media(min-width:992px) {
	#faq-cats {
		display: block;
		top: 0;
		padding: 10px;
		border-radius: 4px;
		border: 1px solid #dee2e6;
		background: #f8f9fa
	}

	#faq-cats a {
		margin: 0 0 10px;
		font-size: 1.0625rem;
		border-radius: 4px;
		border: 1px solid #dee2e6
	}

	#faq-cats a:last-child {
		margin-bottom: 0
	}
}

@media(min-width:1200px) {
	#faq-cats a {
		padding: 18px 4px 18px 42px;
		font-size: 1.125rem
	}

	#faq-cats a:before {
		left: 14px;
		font-size: 1.375rem;
		height: 22px
	}

	#faq-cats a:hover {
		color: #3b4059;
		border-color: #ced4da
	}

	#faq-cats a:hover:before {
		color: #009af4
	}

	#faq-cats a.active:hover {
		color: #fff;
		cursor: default;
		border-color: #009af4
	}

	#faq-cats a.active:hover:before {
		color: #fff
	}
}

#faq-cats #top-5-faqs:before {
	content: 'g'
}

#faq-cats #order-issues:before {
	content: 'S'
}

#faq-cats #delivery:before {
	content: 's'
}

#faq-cats #returns-refunds:before {
	content: 'R'
}

#faq-cats #payments-promo-codes:before {
	content: 'Q'
}

#faq-cats #products:before {
	content: 'P'
}

#faq-cats #custom-enquiries-orders:before {
	content: 'C'
}

#faq-cats #groupon:before {
	content: 'q'
}

#faq-container {
	padding-top: 10px
}

#faq-container .tab-title {
	line-height: 1.2
}

#faq-container .faq-answer {
	margin: 0 20px 0 5px
}

#faq-container .faq-answer span {
	display: inline-block
}

#faq-container .faq-answer span[class^=icon] {
	font-size: 1.375rem;
	margin-right: 8px;
	color: #adb5bd;
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}

@media(min-width:1200px) {
	#faq-container .faq-answer {
		margin-right: 60px
	}
}

#feature-block-reviews {
	min-height: 580px
}

#feature-resi {
	background-image: url(http://demo.signhq.co.uk/assets/theme/img/xhome-banner-acrylic.jpg.pagespeed.ic.iTWB8xWNJx.jpg)
}

::-moz-selection {
	background: #3b4958;
	color: #fff
}

::selection {
	background: #3b4958;
	color: #fff
}

.logo {
	position: relative
}

.logo span {
	color: #009af4;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .02rem;
	position: absolute;
	font-size: .5rem;
	right: 16px;
	bottom: -15px
}

@media(min-width:992px) {
	.logo span {
		font-size: .625rem;
		right: 18px;
		bottom: -15px
	}
}

@media(min-width:1200px) {
	.logo span {
		font-size: .8125rem;
		right: 23px;
		bottom: -15px
	}
}

#h-strap {
	color: #ffd7ac
}

#bi-comm img {
	max-width: 100%;
	border: 5px solid #647c95;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	margin-bottom: 40px
}

@media(min-width:1200px) {
	#bi-comm a:hover img {
		border-color: #fff
	}
}

.home .section h2 {
	font-size: 2rem;
	line-height: 1.2
}

.home .section.bg-p h2 {
	color: #fff
}

.home .section.bg-s h2 {
	color: #fff
}

.home #b-s {
	padding-top: 40px
}

.home #b-s .pl .pl-c {
	color: #ffd7ac
}

.home #oo {
	color: #fff
}

.home #oo span {
	font-size: 4.5rem;
	color: #ffd7ac;
	display: block;
	line-height: 1;
	margin-bottom: 10px
}

.home #oo strong {
	display: block;
	font-size: 1.5rem;
	color: #3b4958
}

.home #oo .oo-step {
	margin-bottom: 60px
}

@media(min-width:1200px) {
	.home .section h2 {
		font-size: 3rem;
		margin-bottom: 60px
	}
}

#comm-hp #comm-hp-c {
	margin-bottom: 20px
}

#comm-hp .comm-hp-ic {
	margin-bottom: 20px;
	padding: 0 10px
}

#comm-hp .comm-hp-i {
	position: relative
}

#comm-hp .comm-hp-i a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 50% 0;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	overflow: hidden
}

#comm-hp .comm-hp-i a:before {
	content: '';
	position: absolute;
	left: -2500px;
	top: -100px;
	z-index: 2;
	width: 75vw;
	height: 75vw;
	background: rgba(0, 154, 244, .8);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms
}

#comm-hp .comm-hp-i a:after {
	content: 'i';
	font-family: ukss;
	font-size: 2.625rem;
	line-height: 50px;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 3;
	color: #fff;
	text-align: center;
	opacity: 0
}

#comm-hp .comm-hp-i img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}

@media(min-width:576px) {
	#comm-hp {
		margin: 0 40px
	}

	#comm-hp #comm-hp-c {
		margin: 0 20px 40px
	}
}

@media(min-width:1200px) {
	#comm-hp {
		margin: 0 120px
	}

	#comm-hp .comm-hp-i a:hover:before {
		left: -450px;
		z-index: 3
	}

	#comm-hp .comm-hp-i a:hover:after {
		opacity: 1;
		-webkit-transition-delay: 400ms;
		transition-delay: 400ms
	}
}

.product .bc {
	margin: 0 13.33333px 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dee2e6
}

.product .prod-option-c input,
.product .prod-option-c textarea {
	font-weight: 700;
	color: #3b4059
}

.product .prod-option-c small.size-warn {
	color: #d01433;
	font-weight: 700
}

.product .select-c {
	width: 175px
}

.product .select-c select {
	width: 100%;
	font-weight: 700;
	color: #3b4059
}

.product .select-c:after {
	color: #adb5bd
}

.product .i-dim-c {
	position: relative;
	width: 100px
}

.product .i-dim-c:after {
	content: 'mm';
	line-height: 1.1;
	height: 19px;
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #adb5bd;
	pointer-events: none
}

.product .i-dim-c input {
	padding-right: 36px;
	width: 100%;
	-moz-appearance: textfield
}

.product .i-dim-c input::-webkit-inner-spin-button {
	-webkit-appearance: none
}

.product .i-dim-c input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

.product .i-checkbox+label:before {
	color: #dee2e6;
	left: -1px
}

.product .i-checkbox:checked+label:before {
	color: #009af4
}

.product #sign-acrylic-colour {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: 6px;
	margin-bottom: 0
}

.product #sign-acrylic-colour a {
	margin: 0 10px 5px 0
}

.prod-c h1 {
	line-height: 1.1;
	margin-bottom: 10px
}

.prod-c .prod-price {
	font-size: 2.375rem
}

@media(min-width:1200px) {
	.prod-c h1 {
		margin-bottom: 0
	}

	.prod-c .prod-price {
		font-size: 3rem
	}
}

#prod-a {
	position: relative;
	margin-bottom: 26.66667px;
	padding-bottom: 33.33333px
}

#prod-a:before {
	content: '';
	background: #f8f9fa;
	position: absolute;
	left: -100px;
	bottom: 0;
	z-index: -1;
	width: 200%;
	height: 200%;
	border-bottom: 1px solid #dee2e6
}

#prod-a .note {
	line-height: 1.3;
	-ms-flex-item-align: center;
	align-self: center
}

#prod-a-b {
	margin-bottom: 20px
}

#prod-a-u {
	background: #009af4;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	padding: 12px 18px 12px 48px;
	margin-right: 20px;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .05), 0 7px 14px rgba(47, 59, 96, .05), 0 3px 7px rgba(8, 8, 8, .04);
	-ms-flex-item-align: center;
	align-self: center
}

#prod-a-u:before {
	font-size: 1.875rem;
	font-weight: 400;
	position: absolute;
	left: 12px
}

@media(min-width:1200px) {
	#prod-a-u:hover {
		background: #fccc14
	}
}

#prod-image-store {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow-y: hidden;
	overflow-x: auto;
	padding: 13.33333px 30px 13.33333px 1px;
	margin-bottom: 20px;
	border: 1px solid #dee2e6;
	background: #fff
}

#prod-image-store .prod-image-c {
	width: 45%;
	margin-right: 15px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

#prod-image-store .prod-image-c.active {
	background: #fff;
	-webkit-box-shadow: 0 0 0 1px #dee2e6;
	box-shadow: 0 0 0 1px #dee2e6
}

#prod-image-store img {
	max-width: 100%;
	height: auto;
	padding: 15px
}

@media(min-width:576px) {
	#prod-image-store .prod-image-c {
		width: 30%
	}
}

@media(min-width:992px) {
	#prod-image-store .prod-image-c {
		width: 40%
	}
}

@media(min-width:1200px) {
	#prod-image-store .prod-image-c {
		width: 32%
	}
}

#comm-cat .comm-cat-img-c {
	position: relative
}

#comm-cat .comm-cat-img-c:after,
#comm-cat .comm-cat-img-c:before {
	content: '';
	position: absolute;
	width: 0;
	height: 5px;
	background: #2e3946;
	opacity: .25;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	z-index: 4
}

#comm-cat .comm-cat-img-c:before {
	right: 0;
	top: 0
}

#comm-cat .comm-cat-img-c:hover:after,
#comm-cat .comm-cat-img-c:hover:before {
	width: 100%
}

#comm-cat .comm-cat-img {
	display: block;
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .1), 0 7px 14px rgba(47, 59, 96, .1), 0 3px 7px rgba(8, 8, 8, .08);
	position: relative
}

#comm-cat .comm-cat-img:after,
#comm-cat .comm-cat-img:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 0;
	background: #2e3946;
	opacity: .25;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	z-index: 4;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

#comm-cat .comm-cat-img:before {
	left: 0;
	top: 0
}

#comm-cat .comm-cat-img:after {
	right: 0;
	bottom: 0
}

#comm-cat .comm-cat-img:hover {
	-webkit-box-shadow: 0 25px 50px rgba(47, 59, 96, .35), 0 7px 14px rgba(47, 59, 96, .35), 0 3px 7px rgba(8, 8, 8, .2);
	box-shadow: 0 25px 50px rgba(47, 59, 96, .35), 0 7px 14px rgba(47, 59, 96, .35), 0 3px 7px rgba(8, 8, 8, .2)
}

#comm-cat .comm-cat-img:hover:after,
#comm-cat .comm-cat-img:hover:before {
	height: 100%
}

#comm-cat .comm-cat-img img {
	max-width: 100%;
	display: block
}

#comm-cat .comm-sub-cat {
	color: #fccc14;
	line-height: 1;
	display: block;
	margin-bottom: 5px
}

#comm-cat .comm-sub-cat a {
	color: #fccc14;
	text-decoration: none
}

#comm-cat .comm-cat-name {
	display: inline-block;
	line-height: 1.3;
	text-decoration: none;
	font-size: 1.5rem;
	color: #3b4059;
	font-weight: 700;
	margin-top: 20px
}

@media(min-width:1200px) {
	#comm-cat .comm-cat-img {
		overflow: hidden;
		position: relative
	}

	#comm-cat .comm-sub-cat a:hover {
		color: #3b4958;
		text-decoration: underline
	}

	#comm-cat .comm-cat-name {
		position: relative
	}

	#comm-cat .comm-cat-name:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: -5px;
		width: 0;
		height: 3px;
		background: #009af4
	}

	#comm-cat .comm-cat-name:hover:after {
		width: 100%
	}
}

footer:before {
	background: rgb(54,54,54);
	background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(99,99,111,1) 56%, rgba(139,138,138,1) 100%);

}

.commercial #sb {
	-webkit-box-shadow: -3px 0 8px #25242d5c;
	box-shadow: -3px 0 8px #25242d5c
}

.commercial #sb-sup {
	display: none !important
}

.commercial #sb-container:before {
	display: none !important
}

.commercial #cat-h {
	background: #3b4958
}

#cat-h-subheader {
	color: #bfcbda
}

.owl-carousel h2 {
	font-size: 2rem
}

@media(min-width:768px) {
	.owl-carousel h2 {
		font-size: 3.5rem
	}
}

#promo {
	background: #16222A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #3A6073, #16222A);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #3A6073, #16222A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.page-theme-1 #h-usps {
	color: #fff
}

.page-theme-1 #m {
	min-height: auto;
	border-radius: 0 0 6px 6px
}

.page-theme-1 #promo {
	border-radius: 0 0 6px 6px
}

.page-theme-1 #c {
	padding: 0
}

.page-theme-1 #content-theme {
	margin: 60px 0 0
}

.page-theme-1 .tab-content {
	padding: 0
}

.page-theme-1 .dark-grid {
	-ms-flex-line-pack: start;
	align-content: start
}

.page-theme-1 .dark-grid>div {
	max-height: 400px;
	aspect-ratio: 1
}

.page-theme-1 .dark-grid>div div {
	height: calc(100% - 40px);
	margin: 20px 0;
	background-color: #2a3642;
	color: #fff;
	border-radius: 10px
}

.page-theme-1 #content-theme h1 {
	font-size: 40px;
	margin-bottom: 40px;
	color: #fff
}

@media(min-width:992px) {
	.page-theme-1 #content-theme h1 {
		font-size: 80px;
		margin-bottom: 80px
	}
}

.page-theme-1 #content-theme h2 {
	color: #ffd5aa;
	font-size: 20px;
	opacity: .85;
	font-weight: 400
}

.page-theme-1 #hero-image {
	-webkit-transition: background-position 50ms;
	transition: background-position 50ms
}

.page-theme-1 #typeform-button,
.page-theme-1 .typeform-button {
	border-radius: 9999px;
	font-weight: 700;
	font-size: 18px;
	border: 2px solid transparent
}

.page-theme-1 #typeform-button:hover,
.page-theme-1 .typeform-button:hover {
	background: #000;
	color: #fff;
	border: 2px solid #fff
}

.page-theme-1 .ready-to-start .h5 {
	margin: 0;
	padding: 0;
	font-size: 50px;
	line-height: 1;
	color: #fff;
	font-weight: 700
}

@media(min-width:992px) {
	.page-theme-1 .ready-to-start .h5 {
		font-size: 100px
	}
}

.page-theme-1 .ready-to-start p {
	width: 100%;
	font-size: 20px;
	color: #ffd5aa
}

@media(min-width:992px) {
	.page-theme-1 .ready-to-start p {
		width: 50%
	}
}

.page-theme-1 .image-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	grid-template-rows: 400px 400px 400px;
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	justify-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	background: #fff
}

@media(min-width:992px) {
	.page-theme-1 .image-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr
	}
}

.page-theme-1 .image-grid div {
	padding: 0;
	overflow: hidden;
	position: relative
}

.page-theme-1 .image-grid div:hover:after {
	opacity: 0
}

.page-theme-1 .image-grid div:after {
	content: "";
	-webkit-transition: all 300ms cubic-bezier(.5, 0, .08, 1);
	transition: all 300ms cubic-bezier(.5, 0, .08, 1);
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	position: absolute
}

.page-theme-1 .image-grid img {
	-webkit-transition: all 300ms cubic-bezier(.5, 0, .08, 1);
	transition: all 300ms cubic-bezier(.5, 0, .08, 1)
}

.page-theme-1 .image-grid div:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.page-theme-1 .ukss-logo-svg {
	background-image: url(data:image/svg+xml;base64,PHN2Z1wgeG1sbnM9XCdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wnXCB3aWR0aD1cJzI1LjAwMDFtbVwnXCB2aWV3Qm94PVwnMFwgMFwgMTYxLjU3NTJcIDEwOS45ODc4XCc+PGdcIHN0eWxlPVwnaXNvbGF0aW9uOlwgaXNvbGF0ZVwnPjxnXCBpZD1cJ0lzb2xhdGlvbl9Nb2RlXCdcIGRhdGEtbmFtZT1cJ0lzb2xhdGlvblwgTW9kZVwnPjxnXCBvcGFjaXR5PVwnMC4wMlwnXCBzdHlsZT1cJ21peC1ibGVuZC1tb2RlOlwgc29mdC1saWdodFwnPjxwYXRoXCBkPVwnTTEyMC4yMDlcIDMwNC41NzkxbDBcIDBcIDBcIDBoMGEyNS43MDM3XCAyNS43MDM3XCAwXCAwXCAwXCAyNS43MDM1XCAyNS43MDM2aDBsMFwgMFwgMFwgMGEyNS43MDM2XCAyNS43MDM2XCAwXCAxXCAwLTI1LjcwMzYtMjUuNzAzNlpcJ1wgdHJhbnNmb3JtPVwndHJhbnNsYXRlXCgtMTEuOTk5OFwgLTIyMi4yNTM3XClcJ1wgZmlsbD1cJ25vbmVcJ1wgc3Ryb2tlPVwnI2ZmZlwnXCBzdHJva2Utd2lkdGg9XCczLjkxNzZcJy8+PHJlY3RcIHg9XCcxLjk1ODhcJ1wgeT1cJzU2LjYyMTlcJ1wgd2lkdGg9XCc1MS40MDA5XCdcIGhlaWdodD1cJzUxLjQwMDlcJ1wgcng9XCcyNS43MDA0XCdcIGZpbGw9XCdub25lXCdcIHN0cm9rZT1cJyNmZmZcJ1wgc3Ryb2tlLXdpZHRoPVwnMy45MTc2XCcvPjxwYXRoXCBkPVwnTTE0NS45MTI2XCAyMzMuOTc0MXY5Ni4zMDM1SDk0LjUwNTV2LTg2Ljc2MmE5Ljc1NTRcIDkuNzU1NFwgMFwgMFwgMVwgNi45Ni05LjM0NjFsMzEuODk2Ny05LjU0MTRBOS43NTUyXCA5Ljc1NTJcIDBcIDBcIDFcIDE0NS45MTI2XCAyMzMuOTc0MVpcJ1wgdHJhbnNmb3JtPVwndHJhbnNsYXRlXCgtMTEuOTk5OFwgLTIyMi4yNTM3XClcJ1wgZmlsbD1cJ25vbmVcJ1wgc3Ryb2tlPVwnI2ZmZlwnXCBzdHJva2Utd2lkdGg9XCczLjkxNzZcJy8+PHBhdGhcIGQ9XCdNNjYuODU1OVwgMjQ2LjMzNDNcIDQxLjE1MjhcIDI3NS44MzlhMTAuNzNcIDEwLjczXCAwXCAwXCAwLTIuNjM5NVwgNy4wNDgzdjM2LjY1ODVhMTAuNzNcIDEwLjczXCAwXCAwXCAwXCAxMC43M1wgMTAuNzNoMGw1MS40MDYzLjAwMTdhMTAuNzNcIDEwLjczXCAwXCAwXCAwXCAxMC43MzA3LTEwLjczdi0zNi42NmExMC43MzA1XCAxMC43MzA1XCAwXCAwXCAwLTIuNjQtNy4wNDgzTDgzLjAzNzVcIDI0Ni4zMzQyQTEwLjczXCAxMC43M1wgMFwgMFwgMFwgNjYuODU1OVwgMjQ2LjMzNDNaXCdcIHRyYW5zZm9ybT1cJ3RyYW5zbGF0ZVwoLTExLjk5OThcIC0yMjIuMjUzN1wpXCdcIGZpbGw9XCdub25lXCdcIHN0cm9rZT1cJyNmZmZcJ1wgc3Ryb2tlLXdpZHRoPVwnMy45MTc2XCcvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
	-webkit-box-shadow: inset 0 150px 150px rgba(28, 36, 44, .9);
	box-shadow: inset 0 150px 150px rgba(28, 36, 44, .9)
}

.page-theme-1 .marquee {
	position: relative;
	width: 100vw;
	max-width: 100%;
	height: 125px;
	overflow-x: hidden
}

.page-theme-1 .track {
	position: absolute;
	white-space: nowrap;
	will-change: transform;
	-webkit-animation: marquee 62s linear infinite;
	animation: marquee 62s linear infinite
}

.page-theme-1 .track .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.page-theme-1 .track .content div {
	padding: 20px 40px;
	border: 2px solid rgba(0, 0, 0, .08);
	margin: 0 20px;
	color: #161d24;
	border-radius: 6px
}

.page-theme-1 .track .content div svg {
	fill: currentColor;
	height: 60px;
	max-width: 120px
}

.page-theme-1 .marquee-reverse .track {
	animation-direction: reverse
}

@-webkit-keyframes marquee {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

@keyframes marquee {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

@-webkit-keyframes marqueeBackwards {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

@keyframes marqueeBackwards {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	to {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.page-theme-1 .content-faq-title {
	font-size: 22px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	color: #fff;
	cursor: pointer
}

.page-theme-1 .content-faq-title svg {
	height: 22px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: relative;
	top: 2px;
	margin-right: 10px
}

.page-theme-1 .content-faq {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	padding: 15px 0
}

.page-theme-1 .content-faq-desc {
	font-size: 18px;
	-webkit-transition: all 200ms cubic-bezier(.5, 0, .08, 1);
	transition: all 200ms cubic-bezier(.5, 0, .08, 1);
	max-height: 0;
	overflow: hidden
}

.page-theme-1 .content-faq-desc div {
	padding: 20px 30px
}

.page-theme-1 .content-faq-active svg {
	-webkit-transform: none;
	transform: none
}

.page-theme-1 .content-faq-active .content-faq-desc {
	max-height: 1000px
}

.page-theme-1 #content-product-overview {
	padding: 100px 0;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2Z1wgeG1sbnM9XCdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wnXCB3aWR0aD1cJzEyMDBweFwnXCB2aWV3Qm94PVwnMFwgMFwgMTYxLjU3NTJcIDEwOS45ODc4XCc+PGdcIHN0eWxlPVwnaXNvbGF0aW9uOlwgaXNvbGF0ZVwnPjxnXCBpZD1cJ0lzb2xhdGlvbl9Nb2RlXCdcIGRhdGEtbmFtZT1cJ0lzb2xhdGlvblwgTW9kZVwnPjxnXCBvcGFjaXR5PVwnMC4wNVwnXCBzdHlsZT1cJ21peC1ibGVuZC1tb2RlOlwgc29mdC1saWdodFwnPjxwYXRoXCBkPVwnTTEyMC4yMDlcIDMwNC41NzkxbDBcIDBcIDBcIDBoMGEyNS43MDM3XCAyNS43MDM3XCAwXCAwXCAwXCAyNS43MDM1XCAyNS43MDM2aDBsMFwgMFwgMFwgMGEyNS43MDM2XCAyNS43MDM2XCAwXCAxXCAwLTI1LjcwMzYtMjUuNzAzNlpcJ1wgdHJhbnNmb3JtPVwndHJhbnNsYXRlXCgtMTEuOTk5OFwgLTIyMi4yNTM3XClcJ1wgZmlsbD1cJ25vbmVcJ1wgc3Ryb2tlPVwnIzAwMFwnXCBzdHJva2Utd2lkdGg9XCczLjkxNzZcJy8+PHJlY3RcIHg9XCcxLjk1ODhcJ1wgeT1cJzU2LjYyMTlcJ1wgd2lkdGg9XCc1MS40MDA5XCdcIGhlaWdodD1cJzUxLjQwMDlcJ1wgcng9XCcyNS43MDA0XCdcIGZpbGw9XCdub25lXCdcIHN0cm9rZT1cJyMwMDBcJ1wgc3Ryb2tlLXdpZHRoPVwnMy45MTc2XCcvPjxwYXRoXCBkPVwnTTE0NS45MTI2XCAyMzMuOTc0MXY5Ni4zMDM1SDk0LjUwNTV2LTg2Ljc2MmE5Ljc1NTRcIDkuNzU1NFwgMFwgMFwgMVwgNi45Ni05LjM0NjFsMzEuODk2Ny05LjU0MTRBOS43NTUyXCA5Ljc1NTJcIDBcIDBcIDFcIDE0NS45MTI2XCAyMzMuOTc0MVpcJ1wgdHJhbnNmb3JtPVwndHJhbnNsYXRlXCgtMTEuOTk5OFwgLTIyMi4yNTM3XClcJ1wgZmlsbD1cJ25vbmVcJ1wgc3Ryb2tlPVwnIzAwMFwnXCBzdHJva2Utd2lkdGg9XCczLjkxNzZcJy8+PHBhdGhcIGQ9XCdNNjYuODU1OVwgMjQ2LjMzNDNcIDQxLjE1MjhcIDI3NS44MzlhMTAuNzNcIDEwLjczXCAwXCAwXCAwLTIuNjM5NVwgNy4wNDgzdjM2LjY1ODVhMTAuNzNcIDEwLjczXCAwXCAwXCAwXCAxMC43M1wgMTAuNzNoMGw1MS40MDYzLjAwMTdhMTAuNzNcIDEwLjczXCAwXCAwXCAwXCAxMC43MzA3LTEwLjczdi0zNi42NmExMC43MzA1XCAxMC43MzA1XCAwXCAwXCAwLTIuNjQtNy4wNDgzTDgzLjAzNzVcIDI0Ni4zMzQyQTEwLjczXCAxMC43M1wgMFwgMFwgMFwgNjYuODU1OVwgMjQ2LjMzNDNaXCdcIHRyYW5zZm9ybT1cJ3RyYW5zbGF0ZVwoLTExLjk5OThcIC0yMjIuMjUzN1wpXCdcIGZpbGw9XCdub25lXCdcIHN0cm9rZT1cJyMwMDBcJ1wgc3Ryb2tlLXdpZHRoPVwnMy45MTc2XCcvPjwvZz48L2c+PC9nPjwvc3ZnPg==)
}

.page-theme-1 #hoarding-product-overview {
	margin-top: 30px;
	border: 0
}

.page-theme-1 #hoarding-product-overview a {
	border: 0;
	margin: 8px 12px;
	border-radius: 9999px;
	display: block;
	text-decoration: none;
	background: rgba(0, 0, 0, .05);
	padding: 10px 40px
}

.page-theme-1 #hoarding-product-overview a:hover {
	color: #3b4958
}

.page-theme-1 #hoarding-product-overview a.active {
	font-weight: 700;
	background: #3b4958;
	color: #fff
}

@media(min-width:992px) {
	.page-theme-1 #hoarding-product-overview a {
		margin: 0;
		border: 1px solid rgba(0, 0, 0, .05);
		border-top: 2px solid rgba(0, 0, 0, .08);
		border-radius: 0
	}

	.page-theme-1 #hoarding-product-overview a.active {
		border-top: 2px solid #273039
	}

	.page-theme-1 #hoarding-product-overview a:first-child {
		border-radius: 9999px 0 0 9999px
	}

	.page-theme-1 #hoarding-product-overview a:last-child {
		border-radius: 0 9999px 9999px 0
	}
}

.page-theme-1 #hoarding-product-overview-tab-content {
	margin-top: 60px
}

.page-theme-1 #hoarding-product-overview-tab-content h2 {
	margin-bottom: 20px;
	color: #56ad38;
	font-size: 60px;
	line-height: 1
}

.page-theme-1 #hoarding-product-overview-tab-content img {
	border-radius: 6px
}

.page-theme-1 .carousel {
	margin: 0 auto;
	overflow: hidden;
	text-align: center
}

.page-theme-1 .carousel img {
	width: 100%;
	border-radius: 6px
}

.page-theme-1 .slides {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth
}

.page-theme-1 .slides::-webkit-scrollbar {
	display: none
}

.page-theme-1 .slides-item {
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	position: relative;
	scroll-snap-align: start;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	width: 100%
}

.page-theme-1 .slides-item a {
	color: #fff;
	text-decoration: none
}

.page-theme-1 .slides-item>div>a {
	margin: 10px 0;
	font-weight: 700;
	font-size: 22px;
	display: block
}

.page-theme-1 .slides-item .pl-p {
	font-size: 18px;
	color: #fff;
	opacity: .75
}

.page-theme-1 .slides-item .pl-p span {
	display: inline-block;
	margin: 0 5px 0 0
}

.page-theme-1 .carousel__nav {
	padding: 1.25rem .5rem
}

.page-theme-1 .slider-nav {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #ddd;
	border-radius: 9999px;
	color: #000;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: .5rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	text-decoration: none;
	width: 4rem;
	margin: 0 8px;
	opacity: .5
}

.page-theme-1 .slider-nav:hover,
.page-theme-1 .slider-nav:active,
.page-theme-1 .slider-nav:focus {
	background-color: #000;
	color: #fff;
	opacity: 1
}

#slider {
    position: relative;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);
}
#slider:hover {
    transform: scaleX(1.03) scaleY(1.03);
}
#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 1400px;
    height: 600px;
    background: #ccc;
    text-align: center;
    line-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.control_prev, .control_next {
    position: absolute;
    z-index: 999;
    display: flex;
    width: 10%;
    height: 90%;
    background: transparent;
    color: #fff;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 3em;
    opacity: 1;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.control_prev:hover, .control_next:hover {
    opacity: .8;
}
.control_prev {
    border-radius: 0 2px 2px 0;
}
.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
}
.slide1 img {
    width: 100%;
}
.slide2 img {
    width: 100%;
}
.slide3 img {
    width: 100%;
}
.slide4 img {
    width: 100%;
}
.slider-title-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 3.2em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.slider-title-h3 {
    margin: 0;
    color: #f5f5f5;
    display: block;
    font-size: 3em;
    font-weight: 900;
    line-height: 1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.slider-subtitle {
    color: #bababa;
    font-size: 1.4em;
    margin: 0;
}

@media(min-width:576px) {
	#slider ul li {
		width: 576px
	}
}

@media(min-width:768px) {
	#slider ul li {
		width: 768px
	}
}

@media(min-width:992px) {
	#slider ul li {
		width: 992px
	}
}

@media(min-width:1200px) {
  #slider ul li {
		width: 1200px
	}
}

@media(min-width:1400px) {
  #slider ul li {
		width: 1400px
	}
}


.mega-menu-grid span
{
	text-transform: capitalize !important;
	font-size: 17px !important;
}

.mega-menu .mega-menu-links span
{
	font-size: 13px !important;
}

.mega-menu .mega-menu-links img
{
	margin-top: 6px;
  margin-right: 3px;
	width: 7px !important;
}


.alert-success
{
	background: lightgreen;
	color: black;
}