/* Minification failed. Returning unminified contents.
(2031,15): run-time error CSS1030: Expected identifier, found '.'
(2031,32): run-time error CSS1031: Expected selector, found ')'
(2031,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2035,15): run-time error CSS1030: Expected identifier, found '.'
(2035,32): run-time error CSS1031: Expected selector, found ')'
(2035,32): run-time error CSS1025: Expected comma or open brace, found ')'
(2068,20): run-time error CSS1030: Expected identifier, found '.'
(2068,31): run-time error CSS1031: Expected selector, found ')'
(2068,31): run-time error CSS1025: Expected comma or open brace, found ')'
(2283,35): run-time error CSS1030: Expected identifier, found '.'
(2283,47): run-time error CSS1031: Expected selector, found ')'
(2283,47): run-time error CSS1025: Expected comma or open brace, found ')'
(2486,124): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
(2848,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'url("fonts/customisation//EBGaramond-SemiBold.ttf")'
(2999,17): run-time error CSS1030: Expected identifier, found '.'
(2999,28): run-time error CSS1031: Expected selector, found ')'
(2999,28): run-time error CSS1025: Expected comma or open brace, found ')'
(3071,37): run-time error CSS1030: Expected identifier, found '.'
(3071,40): run-time error CSS1031: Expected selector, found ')'
(3071,40): run-time error CSS1025: Expected comma or open brace, found ')'
(3078,37): run-time error CSS1030: Expected identifier, found '.'
(3078,41): run-time error CSS1031: Expected selector, found ')'
(3078,41): run-time error CSS1025: Expected comma or open brace, found ')'
(4585,39): run-time error CSS1030: Expected identifier, found ':'
(4585,47): run-time error CSS1031: Expected selector, found ')'
(4585,47): run-time error CSS1025: Expected comma or open brace, found ')'
(4587,39): run-time error CSS1030: Expected identifier, found ':'
(4587,47): run-time error CSS1031: Expected selector, found ')'
(4587,47): run-time error CSS1025: Expected comma or open brace, found ')'
(4595,33): run-time error CSS1030: Expected identifier, found ':'
(4595,41): run-time error CSS1031: Expected selector, found ')'
(4595,41): run-time error CSS1025: Expected comma or open brace, found ')'
(4596,33): run-time error CSS1030: Expected identifier, found ':'
(4596,41): run-time error CSS1031: Expected selector, found ')'
(4596,41): run-time error CSS1025: Expected comma or open brace, found ')'
 */


.bx-wrapper {
	position: relative;
	padding: 0;
	zoom: 1;
}

.bx-wrapper  img{
	display:block;
}



.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 15px;
	right: 0%;
	z-index: 999;
}


.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}



.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	width:100%;
	display: flex;
	align-items: center;
	padding-top: 15px;
	position: static;
	justify-content: center;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	zoom: 1;
	display: inline;
}


.bx-wrapper .bx-pager.bx-default-pager a {
	background: #404040;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-indent:-30000px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #4aad94 !important;
}

.bx-wrapper .bx-next {
	right: 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.homeslide .bx-wrapper .bx-controls-direction a { display:none; }

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	outline: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	z-index: 9999;
	font-size: 1.6em;
	background-color: #fff;
	color: #4aad94 ;
	box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2);
	-webkit-box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2);
	-moz-box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2);
	font-weight:700;
	text-align:center;
}
.bx-wrapper .bx-controls-direction a{}


.bx-wrapper .bx-controls-direction a.fa-arrow-left, .bx-wrapper .bx-controls-direction a.fa-angle-left {
    left:0px;
}

.bx-wrapper .bx-controls-direction a.fa-arrow-right, .bx-wrapper .bx-controls-direction a.fa-angle-right  {
    right:0px;
}

.rightslider .bx-wrapper .bx-controls-direction a { 
    top:50%;
    color:#fff;
    font-size:4em;
}


.bx-wrapper .bx-controls-direction a.fa-chevron-left { left:0px; }
.bx-wrapper .bx-controls-direction a.fa-chevron-right { right:0px; text-align:right; }



.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}



.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
opacity:1 !important;
}

.fancybox-wrap .title { color: #004489; font-size: 1.2em;}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
    width: 100% !important;
	height: 100% !important;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}



.fancybox-lock {
    overflow-y: scroll;
    margin-right:0 !important;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 9999999999;
	background: url(images/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: hidden;
    overflow-y: hidden;
}



.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; 
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; 
	}

	#fancybox-loading div {
		background-image: url('images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; 
	}
}


.section .clear { display: none; }



*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { width: 100%; margin: 0 auto; padding: 0 15px; }

.rel { position: relative; }
.block { display: block; }

.section.center-boots { justify-content: center; }

.container:after, .section:after { clear: both; }
.clear { display: block; clear: both; }
@-ms-viewport { width: device-width; }

.section { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.section.center { align-items: center; }
.dw-hide { display: none; }
.dw-hide-i { display: none !important; }
.flx-bx { display: flex; }
.fl-al-start { align-items: start; }
.fl-al-cent { align-items: center; }
.fl-al-end { align-items: flex-end; }
.fl-ju-cent { justify-content: center; }
.fl-ju-space { justify-content: space-between; }
.fl-ju-spaceeven { justify-content: space-evenly; }
.fl-ju-spacearound { justify-content: space-around; }
.fl-ju-end { justify-content: end; }
.fl-wrap { flex-wrap: wrap; }
.fl-dir-rev { flex-direction: row-reverse; }
.row-g-30 {row-gap: 30px;}
.row-g-10 {row-gap: 10px;}
.xxs-al-start { align-items: flex-start; }
.xxs-al-center { align-items: center; }
.xxs-al-end { align-items: flex-end; }
.xxs-al-stretch { align-items: stretch; }

.xxs-ju-start { justify-content: flex-start; }
.xxs-ju-center { justify-content: center; }
.xxs-ju-end { justify-content: end; }
.xxs-ju-evenly { justify-content: space-evenly; }
.xxs-ju-around { justify-content: space-around; }
.xxs-ju-between { justify-content: space-between; }
.xxs-show { display: block; }

.xxs-hide { display: none; }
.xxs-flx-col { flex-direction: column; }
.xxs-flx-row { flex-direction: row; }
/*FLEX ITEM*/
.xxs-self-start { align-self: flex-start; }
.xxs-self-end { align-self: flex-end; }
.xxs-self-center { align-self: center; }
.xxs-self-mid { justify-self: center; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }

.fl-grow { flex-grow: 1; }
.fl-no-shrink { flex-shrink: 0; }


.gap-10 { grid-gap: 10px; }
.gap-15 { grid-gap: 15px; }
.gap-20 { grid-gap: 20px; }
.gap-30 { grid-gap: 30px; }
.gap-50 { grid-gap: 50px; }
.gap-70 { grid-gap: 70px; }
.gap-80 { grid-gap: 80px; }

.section { margin: 0 -15px; display: flex; flex-wrap: wrap; }
.section:before, .section:after { display: none !important; }
.section > div { position: relative; min-height: 1px; padding: 0 15px; }
.section.center { align-items: center; }

.section.no-g { margin: 0px; }
.section.no-g > div { padding: 0px; }

.section.sml-g { margin: 0 -5px; }
.section.sml-g > div { padding: 0 5px; }

.section.med-g { margin: 0 -10px; }
.section.med-g > div { padding: 0 10px; }

.section.gap-1rem { margin: 0 -1rem;  row-gap:2rem ;}
.section.gap-1rem > div { padding: 0 1rem; }
.section.gap-05rem { margin: 0 -0.5rem; row-gap:1rem ; }
.section.gap-05rem > div { padding: 0 0.5rem; }

.dw-xxs-10th { width: calc(100% / 10); }
.dw-xxs-9th { width: calc(100% / 9); }
.dw-xxs-8th { width: calc(100% / 8); }
.dw-xxs-7th { width: calc(100% / 7); }
.dw-xxs-5th { width: calc(100% / 5); }

.dw-xxs-12 { width: 100%; }
.dw-xxs-11 { width: 91.66666666666666%; }
.dw-xxs-10 { width: 83.33333333333334%; }
.dw-xxs-9 { width: 75%; }
.dw-xxs-8 { width: 66.66666666666666%; }
.dw-xxs-7 { width: 58.333333333333336%; }
.dw-xxs-6 { width: 50%; }
.dw-xxs-5 { width: 41.66666666666667%; }
.dw-xxs-4 { width: 33.33333333333333%; }
.dw-xxs-3 { width: 25%; }
.dw-xxs-2 { width: 16.666666666666664%; }
.dw-xxs-1 { width: 8.333333333333332%; }

@media (max-width:500px){
.section.gap-025rem-xxs { margin: 0 -0.25rem; row-gap:0.5rem ; }
.section.gap-025rem-xxs > div { padding: 0 0.25rem; }
.cancel-container-mob {margin: 0 -15px !important; border-radius: 0 !important;}
}

@media (min-width:500px) {


    .dw-xs-10th { width: calc(100% / 10); }
    .dw-xs-9th { width: calc(100% / 9); }
    .dw-xs-8th { width: calc(100% / 8); }
    .dw-xs-7th { width: calc(100% / 7); }
    .dw-xs-5th { width: calc(100% / 5); }


    .dw-xs-12 { width: 100%; }
    .dw-xs-11 { width: 91.66666666666666%; }
    .dw-xs-10 { width: 83.33333333333334%; }
    .dw-xs-9 { width: 75%; }
    .dw-xs-8 { width: 66.66666666666666%; }
    .dw-xs-7 { width: 58.333333333333336%; }
    .dw-xs-6 { width: 50%; }
    .dw-xs-5 { width: 41.66666666666667%; }
    .dw-xs-4 { width: 33.33333333333333%; }
    .dw-xs-3 { width: 25%; }
    .dw-xs-2 { width: 16.666666666666664%; }
    .dw-xs-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .xs-flx-col { flex-direction: column; }
    .xs-flx-row { flex-direction: row; }
    .xs-flx-col-rev { flex-direction: column-reverse; }
    .xs-flx-row-rev { flex-direction: row-reverse; }

    .xs-al-start { align-items: flex-start; }
    .xs-al-center { align-items: center; }
    .xs-al-end { align-items: flex-end; }
    .xs-al-stretch { align-items: stretch; }

    .xs-ju-start { justify-content: flex-start; }
    .xs-ju-center { justify-content: center; }
    .xs-ju-end { justify-content: end; }
    .xs-ju-evenly { justify-content: space-evenly; }
    .xs-ju-around { justify-content: space-around; }
    .xs-ju-between { justify-content: space-between; }
    .xs-show { display: block; }
    .xs-flx { display: flex; }
    .xs-hide { display: none; }

    /*FLEX ITEM*/
    .xs-self-start { align-self: flex-start; }
    .xs-self-end { align-self: flex-end; }
    .xs-self-center { align-self: center; }
    .xs-self-mid { justify-self: center; }
    .xs-ju-self-start { justify-self: flex-start; }
    .xs-ju-self-end { justify-self: flex-end; }
}

@media (max-width: 767px) {
    .section { margin: 0 -10px; }
    .section > div { padding: 0 10px; }
}

@media (min-width:768px) {


    .sm-show { display: initial; }
    .dw-sm-10th { width: calc(100% / 10); }
    .dw-sm-9th { width: calc(100% / 9); }
    .dw-sm-8th { width: calc(100% / 8); }
    .dw-sm-7th { width: calc(100% / 7); }
    .dw-sm-5th { width: calc(100% / 5); }

    .dw-sm-12 { width: 100%; }
    .dw-sm-11 { width: 91.66666666666666%; }
    .dw-sm-10 { width: 83.33333333333334%; }
    .dw-sm-9 { width: 75%; }
    .dw-sm-8 { width: 66.66666666666666%; }
    .dw-sm-7 { width: 58.333333333333336%; }
    .dw-sm-6 { width: 50%; }
    .dw-sm-5 { width: 41.66666666666667%; }
    .dw-sm-4 { width: 33.33333333333333%; }
    .dw-sm-3 { width: 25%; }
    .dw-sm-2 { width: 16.666666666666664%; }
    .dw-sm-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .sm-flx-col { flex-direction: column; }
    .sm-flx-row { flex-direction: row; }
    .sm-flx-col-rev { flex-direction: column-reverse; }
    .sm-flx-row-rev { flex-direction: row-reverse; }

    .sm-al-start { align-items: flex-start; }
    .sm-al-center { align-items: center; }
    .sm-al-end { align-items: flex-end; }
    .sm-al-stretch { align-items: stretch; }

    .sm-ju-start { justify-content: flex-start; }
    .sm-ju-center { justify-content: center; }
    .sm-ju-end { justify-content: end; }
    .sm-ju-evenly { justify-content: space-evenly; }
    .sm-ju-around { justify-content: space-around; }
    .sm-ju-between { justify-content: space-between; }
    .sm-show { display: block; }
    .sm-flx { display: flex; }
    .sm-hide { display: none; }

    /*FLEX ITEM*/
    .sm-self-start { align-self: flex-start; }
    .sm-self-end { align-self: flex-end; }
    .sm-self-center { align-self: center; }
    .sm-self-mid { justify-self: center; }
    .sm-ju-self-start { justify-self: flex-start; }
    .sm-ju-self-end { justify-self: flex-end; }

    .visible-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container { max-width: 750px; }
}

@media(max-width: 991px) {
    .container.full-tabdown { max-width: 100% !important; }
}

@media (min-width:992px) {



    .dw-md-10th { width: calc(100% / 10); }
    .dw-md-9th { width: calc(100% / 9); }
    .dw-md-8th { width: calc(100% / 8); }
    .dw-md-7th { width: calc(100% / 7); }
    .dw-md-5th { width: calc(100% / 5); }

    .dw-md-12 { width: 100%; }
    .dw-md-11 { width: 91.66666666666666%; }
    .dw-md-10 { width: 83.33333333333334%; }
    .dw-md-9 { width: 75%; }
    .dw-md-8 { width: 66.66666666666666%; }
    .dw-md-7 { width: 58.333333333333336%; }
    .dw-md-6 { width: 50%; }
    .dw-md-5 { width: 41.66666666666667%; }
    .dw-md-4 { width: 33.33333333333333%; }
    .dw-md-3 { width: 25%; }
    .dw-md-2 { width: 16.666666666666664%; }
    .dw-md-1 { width: 8.333333333333332%; }


    .dw-md-10percent { width: 10%; }
    .dw-md-20percent { width: 20%; }
    .dw-md-30percent { width: 30%; }
    .dw-md-40percent { width: 40%; }
    .dw-md-50percent { width: 50%; }
    .dw-md-60percent { width: 60%; }
    .dw-md-70percent { width: 70%; }
    .dw-md-80percent { width: 80%; }
    .dw-md-90percent { width: 90%; }

    /*FLEXBOX*/
    .md-flx-col { flex-direction: column; }
    .md-flx-row { flex-direction: row; }
    .md-flx-col-rev { flex-direction: column-reverse; }
    .md-flx-row-rev { flex-direction: row-reverse; }

    .md-al-start { align-items: flex-start; }
    .md-al-center { align-items: center; }
    .md-al-end { align-items: flex-end; }
    .md-al-stretch { align-items: stretch; }

    .md-ju-start { justify-content: flex-start; }
    .md-ju-center { justify-content: center; }
    .md-ju-end { justify-content: end; }
    .md-ju-evenly { justify-content: space-evenly; }
    .md-ju-around { justify-content: space-around; }
    .md-ju-between { justify-content: space-between; }
    .md-show { display: block; }
    .md-flx { display: flex; }
    .md-hide { display: none; }

    /*FLEX ITEM*/
    .md-self-start { align-self: flex-start; }
    .md-self-end { align-self: flex-end; }
    .md-self-center { align-self: center; }
    .md-self-mid { justify-self: center; }
    .md-ju-self-start { justify-self: flex-start; }
    .md-ju-self-end { justify-self: flex-end; }

    .visible-tab-down { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .container { max-width: 970px; }
}

@media(max-width: 1229px) {
    .visible-desk-up { display: none; }
}

@media (min-width: 1230px) {
    .container.console { width: auto !important; }



    .dw-lg-10th { width: calc(100% / 10); }
    .dw-lg-9th { width: calc(100% / 9); }
    .dw-lg-8th { width: calc(100% / 8); }
    .dw-lg-7th { width: calc(100% / 7); }
    .dw-lg-5th { width: calc(100% / 5); }

    .dw-lg-12 { width: 100%; }
    .dw-lg-11 { width: 91.66666666666666%; }
    .dw-lg-10 { width: 83.33333333333334%; }
    .dw-lg-9 { width: 75%; }
    .dw-lg-8 { width: 66.66666666666666%; }
    .dw-lg-7 { width: 58.333333333333336%; }
    .dw-lg-6 { width: 50%; }
    .dw-lg-5 { width: 41.66666666666667%; }
    .dw-lg-4 { width: 33.33333333333333%; }
    .dw-lg-3 { width: 25%; }
    .dw-lg-2 { width: 16.666666666666664%; }
    .dw-lg-1 { width: 8.333333333333332%; }


    .dw-lg-10percent { width: 10%; }
    .dw-lg-20percent { width: 20%; }
    .dw-lg-30percent { width: 30%; }
    .dw-lg-40percent { width: 40%; }
    .dw-lg-50percent { width: 50%; }
    .dw-lg-60percent { width: 60%; }
    .dw-lg-70percent { width: 70%; }
    .dw-lg-80percent { width: 80%; }
    .dw-lg-90percent { width: 90%; }

    /*FLEXBOX*/
    .lg-flx-col { flex-direction: column; }
    .lg-flx-row { flex-direction: row; }
    .lg-flx-col-rev { flex-direction: column-reverse; }
    .lg-flx-row-rev { flex-direction: row-reverse; }

    .lg-al-start { align-items: flex-start; }
    .lg-al-center { align-items: center; }
    .lg-al-end { align-items: flex-end; }
    .lg-al-stretch { align-items: stretch; }

    .lg-ju-start { justify-content: flex-start; }
    .lg-ju-center { justify-content: center; }
    .lg-ju-end { justify-content: end; }
    .lg-ju-evenly { justify-content: space-evenly; }
    .lg-ju-around { justify-content: space-around; }
    .lg-ju-between { justify-content: space-between; }
    .lg-show { display: block; }
    .lg-flx { display: flex; }
    .lg-hide { display: none; }

    /*FLEX ITEM*/
    .lg-self-start { align-self: flex-start; }
    .lg-self-end { align-self: flex-end; }
    .lg-self-center { align-self: center; }
    .lg-self-mid { justify-self: center; }
    .lg-ju-self-start { justify-self: flex-start; }
    .lg-ju-self-end { justify-self: flex-end; }

    .visible-desk-up { display: block; }
}

@media (min-width:1230px) and (max-width:1474px) {
    .container { max-width: 1230px; }
}

@media (min-width: 1671px) {



    .dw-xl-10th { width: calc(100% / 10); }
    .dw-xl-9th { width: calc(100% / 9); }
    .dw-xl-8th { width: calc(100% / 8); }
    .dw-xl-7th { width: calc(100% / 7); }
    .dw-xl-5th { width: calc(100% / 5); }

    .dw-xl-12 { width: 100%; }
    .dw-xl-11 { width: 91.66666666666666%; }
    .dw-xl-10 { width: 83.33333333333334%; }
    .dw-xl-9 { width: 75%; }
    .dw-xl-8 { width: 66.66666666666666%; }
    .dw-xl-7 { width: 58.333333333333336%; }
    .dw-xl-6 { width: 50%; }
    .dw-xl-5 { width: 41.66666666666667%; }
    .dw-xl-4 { width: 33.33333333333333%; }
    .dw-xl-3 { width: 25%; }
    .dw-xl-2 { width: 16.666666666666664%; }
    .dw-xl-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .xl-flx-col { flex-direction: column; }
    .xl-flx-row { flex-direction: row; }
    .xl-flx-col-rev { flex-direction: column-reverse; }
    .xl-flx-row-rev { flex-direction: row-reverse; }

    .xl-al-start { align-items: flex-start; }
    .xl-al-center { align-items: center; }
    .xl-al-end { align-items: flex-end; }
    .xl-al-stretch { align-items: stretch; }

    .xl-ju-start { justify-content: flex-start; }
    .xl-ju-center { justify-content: center; }
    .xl-ju-end { justify-content: end; }
    .xl-ju-evenly { justify-content: space-evenly; }
    .xl-ju-around { justify-content: space-around; }
    .xl-ju-between { justify-content: space-between; }
    .xl-show { display: block; }
    .xl-flx { display: flex; }
    .xl-hide { display: none; }

    /*FLEX ITEM*/
    .xl-self-start { align-self: flex-start; }
    .xl-self-end { align-self: flex-end; }
    .xl-self-center { align-self: center; }
    .xl-self-mid { justify-self: center; }
    .xl-ju-self-start { justify-self: flex-start; }
    .xl-ju-self-end { justify-self: flex-end; }
}

@media (min-width:1230px) and (max-width:1670px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1500px; }
}

@media (min-width:1671px) {
    .container, .course .masthead .container, .info-page .masthead .container { max-width: 1640px; }



    .dw-xxl-10th { width: calc(100% / 10); }
    .dw-xxl-9th { width: calc(100% / 9); }
    .dw-xxl-8th { width: calc(100% / 8); }
    .dw-xxl-7th { width: calc(100% / 7); }
    .dw-xxl-5th { width: calc(100% / 5); }

    .dw-xxl-12 { width: 100%; }
    .dw-xxl-11 { width: 91.66666666666666%; }
    .dw-xxl-10 { width: 83.33333333333334%; }
    .dw-xxl-9 { width: 75%; }
    .dw-xxl-8 { width: 66.66666666666666%; }
    .dw-xxl-7 { width: 58.333333333333336%; }
    .dw-xxl-6 { width: 50%; }
    .dw-xxl-5 { width: 41.66666666666667%; }
    .dw-xxl-4 { width: 33.33333333333333%; }
    .dw-xxl-3 { width: 25%; }
    .dw-xxl-2 { width: 16.666666666666664%; }
    .dw-xxl-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .xxl-flx-col { flex-direction: column; }
    .xxl-flx-row { flex-direction: row; }
    .xxl-flx-col-rev { flex-direction: column-reverse; }
    .xxl-flx-row-rev { flex-direction: row-reverse; }

    .xxl-al-start { align-items: flex-start; }
    .xxl-al-center { align-items: center; }
    .xxl-al-end { align-items: flex-end; }
    .xxl-al-stretch { align-items: stretch; }

    .xxl-ju-start { justify-content: flex-start; }
    .xxl-ju-center { justify-content: center; }
    .xxl-ju-end { justify-content: end; }
    .xxl-ju-evenly { justify-content: space-evenly; }
    .xxl-ju-around { justify-content: space-around; }
    .xxl-ju-between { justify-content: space-between; }
    .xxl-show { display: block; }
    .xxl-flx { display: flex; }
    .xxl-hide { display: none; }

    /*FLEX ITEM*/
    .xxl-self-start { align-self: flex-start; }
    .xxl-self-end { align-self: flex-end; }
    .xxl-self-center { align-self: center; }
    .xxl-self-mid { justify-self: center; }
    .xxl-ju-self-start { justify-self: flex-start; }
    .xxl-ju-self-end { justify-self: flex-end; }

    .container.console { max-width: 1645px !important; }
}



.center-block { margin: 0 auto; }
.center-txt { text-align: center; }
.left-txt { text-align: left; }
.right-txt { text-align: right; }
.inner-rel { width: 100%; position: relative; }

.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 15px; }
.lh-08 { line-height: 0.8; }

.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-85 { margin-bottom: 85px; }
.mb-90 { margin-bottom: 90px; }
.mt-0 { margin-top: 0px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt--15 { margin-top: -15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-85 { margin-top: 85px; }
.my-5 { margin-top: 5px; margin-bottom: 5px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-30 { margin-top: 30px; margin-bottom: 30px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-50 { margin-top: 50px; margin-bottom: 50px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-30 { margin-right: 30px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.m-auto { margin: auto; }

.top-padd-15 { padding-top: 15px; }
.top-padd-30 { padding-top: 30px; }

.vert-padd-5 { padding-top: 5px; padding-bottom: 5px; }
.vert-padd-10 { padding-top: 10px; padding-bottom: 10px; }
.vert-padd-15 { padding-top: 15px; padding-bottom: 15px; }
.vert-padd-30 { padding-top: 30px; padding-bottom: 30px; }
.vert-padd-45 { padding-top: 45px; padding-bottom: 45px; }
.vert-padd-60 { padding-top: 60px; padding-bottom: 60px; }
.vert-padd-120 { padding-top: 120px; padding-bottom: 120px; }

.hor-padd-5 { padding-left: 5px; padding-right: 5px; }
.hor-padd-10 { padding-left: 10px; padding-right: 10px; }
.hor-padd-15 { padding-left: 15px; padding-right: 15px; }
.hor-padd-20 { padding-left: 20px; padding-right: 20px; }
.hor-padd-30 { padding-left: 30px; padding-right: 30px; }
.hor-padd-45 { padding-left: 45px; padding-right: 45px; }
.hor-padd-60 { padding-left: 60px; padding-right: 60px; }
.hor-padd-100 { padding-left: 100px; padding-right: 100px; }
.padd-5 { padding: 5px; }
.padd-10 { padding: 10px; }
.padd-15 { padding: 15px; }
.padd-20 { padding: 20px; }
.padd-30 { padding: 30px; }
.padd-45 { padding: 45px; }
.padd-btm-5 { padding-bottom: 5px; }
.padd-btm-10 { padding-bottom: 10px; }
.padd-btm-15 { padding-bottom: 15px; }
.padd-btm-20 { padding-bottom: 20px; }
.padd-btm-30 { padding-bottom: 30px; }
.padd-btm-45 { padding-bottom: 45px; }
.padd-btm-50, .pb-50 { padding-bottom: 50px; }
.padd-btm-60 { padding-bottom: 60px; }
.padd-top-5 { padding-top: 5px; }
.padd-top-10 { padding-top: 10px; }
.padd-top-15 { padding-top: 15px; }
.padd-top-20 { padding-top: 20px; }
.padd-top-30 { padding-top: 30px; }
.padd-top-45 { padding-top: 45px; }
.padd-top-45, .pt-50 { padding-top: 50px; }
.padd-top-60 { padding-top: 60px; }
.padd-right-10 { padding-right: 10px; }
.padd-right-15 { padding-right: 15px; }
.fs-05 { font-size: 0.5em; }
.fs-06 { font-size: 0.6em; }
.fs-07 { font-size: 0.7em; }
.fs-08 { font-size: 0.8em; }
.fs-09 { font-size: 0.9em; }
.fs-11 { font-size: 1.1em; }
.fs-12 { font-size: 1.2em; }
.fs-125 { font-size: 1.25em; }
.fs-13 { font-size: 1.3em; }
.fs-14 { font-size: 1.4em; }
.fs-15 { font-size: 1.5em; }
.fs-156 { font-size: 1.56em; }
.fs-174 { font-size: 1.74em; }
.fs-17 { font-size: 1.6em; }
.fs-16 { font-size: 1.7em; }
.fs-18 { font-size: 1.8em; }
.fs-19 { font-size: 1.9em; }
.fs-20 { font-size: 2.0em; }
.fs-22 { font-size: 2.2em; }
.fs-23 { font-size: 2.3em; }
.fs-25 { font-size: 2.5em; }
.fs-27 { font-size: 2.7em; }
.fs-30 { font-size: 3.0em; }
.fs-32 { font-size: 3.2em; }
.fs-33 { font-size: 3.3em; }
.fs-34 { font-size: 3.4em; }
.fs-35 { font-size: 3.5em; }
.fs-575{font-size: 5.75rem;}
.fnt-w-100 { font-weight: 100; }
.fnt-w-200 { font-weight: 200; }
.fnt-w-300 { font-weight: 300; }
.fnt-w-400 { font-weight: 400; }
.fnt-w-500 { font-weight: 500; }
.fnt-w-600 { font-weight: 600; }
.fnt-w-700 { font-weight: 700; }
.fnt-w-800 { font-weight: 800; }
.fnt-w-900 { font-weight: 900; }


.f-rem-05 { font-size: 0.5rem !important; }
.f-rem-06 { font-size: 0.6rem !important; }
.f-rem-07 { font-size: 0.7rem !important; }
.f-rem-08 { font-size: 0.8rem !important; }
.f-rem-09 { font-size: 0.9rem !important; }
.f-rem-11 { font-size: 1.1rem !important; }
.f-rem-12 { font-size: 1.2rem !important; }
.f-rem-125 { font-size: 1.25rem !important; }
.f-rem-13 { font-size: 1.3rem !important; }
.f-rem-14 { font-size: 1.4rem !important; }
.f-rem-15 { font-size: 1.5rem !important; }
.f-rem-17 { font-size: 1.6rem !important; }
.f-rem-16 { font-size: 1.6rem !important; }
.f-rem-18 { font-size: 1.8rem !important; }
.f-rem-19 { font-size: 1.9rem !important; }
.f-rem-20 { font-size: 2.0rem !important; }
.f-rem-23 { font-size: 2.3rem !important; }
.f-rem-25 { font-size: 2.5rem !important; }
.f-rem-27 { font-size: 2.7rem !important; }
.f-rem-28 { font-size: 2.8rem !important; }
.f-rem-29 { font-size: 2.9rem !important; }
.f-rem-30 { font-size: 3.0rem !important; }
.f-rem-32 { font-size: 3.2rem !important; }
.f-rem-33 { font-size: 3.3rem !important; }
.f-rem-34 { font-size: 3.4rem !important; }
.f-rem-35 { font-size: 3.5rem !important; }
.f-rem-39 { font-size: 3.9rem !important; }
.f-rem-75 { font-size: 7.5rem !important; }

.rati-10 { padding-top: 10%; }
.rati-15 { padding-top: 15%; }
.rati-20 { padding-top: 20%; }
.rati-25 { padding-top: 25%; }
.rati-30 { padding-top: 30%; }
.rati-35 { padding-top: 35%; }
.rati-40 { padding-top: 40%; }
.rati-45 { padding-top: 45%; }
.rati-50 { padding-top: 50%; }
.rati-55 { padding-top: 55%; }
.rati-60 { padding-top: 60%; }
.rati-65 { padding-top: 65%; }
.rati-70 { padding-top: 70%; }
.rati-75 { padding-top: 75%; }
.rati-80 { padding-top: 80%; }
.rati-85 { padding-top: 85%; }
.rati-90 { padding-top: 90%; }
.rati-95 { padding-top: 95%; }
.rati-100 { padding-top: 100%; }
.rati-105 { padding-top: 105%; }

.w-2 { width: 2px; }
.max-w-cont { max-width: fit-content; }
.min-w-160 { min-width: 160px; }
.min-w-200 { min-width: 200px; }
.max-w-10 { max-width: 10px }
.max-w-20 { max-width: 20px }
.max-w-30 { max-width: 30px }
.max-w-40 { max-width: 40px }
.max-w-50 { max-width: 50px }
.max-w-60 { max-width: 60px }
.max-w-70 { max-width: 70px }
.max-w-80 { max-width: 80px }
.max-w-90 { max-width: 90px }

.max-w-100 { max-width: 100px }
.max-w-110 { max-width: 110px }
.max-w-115 { max-width: 115px }
.max-w-120 { max-width: 120px }
.max-w-130 { max-width: 130px }
.max-w-140 { max-width: 140px }
.max-w-150 { max-width: 150px }
.max-w-160 { max-width: 160px }
.max-w-170 { max-width: 170px }
.max-w-180 { max-width: 180px }
.max-w-190 { max-width: 190px }
.max-w-200 { max-width: 200px }
.max-w-210 { max-width: 210px }
.max-w-220 { max-width: 220px }
.max-w-225 { max-width: 225px }
.max-w-230 { max-width: 230px }
.max-w-240 { max-width: 240px }
.max-w-250 { max-width: 250px }
.max-w-260 { max-width: 260px }
.max-w-270 { max-width: 270px }
.max-w-280 { max-width: 280px }
.max-w-290 { max-width: 290px }
.max-w-300 { max-width: 300px }
.max-w-310 { max-width: 310px }
.max-w-320 { max-width: 320px }
.max-w-330 { max-width: 330px }
.max-w-340 { max-width: 340px }
.max-w-350 { max-width: 350px }
.max-w-360 { max-width: 360px }
.max-w-370 { max-width: 370px }
.max-w-380 { max-width: 380px }
.max-w-390 { max-width: 390px }
.max-w-400 { max-width: 400px }
.max-w-410 { max-width: 410px }
.max-w-420 { max-width: 420px }
.max-w-430 { max-width: 430px }
.max-w-440 { max-width: 440px }
.max-w-450 { max-width: 450px }
.max-w-460 { max-width: 460px }
.max-w-470 { max-width: 470px }
.max-w-480 { max-width: 480px }
.max-w-485 { max-width: 485px }
.max-w-490 { max-width: 490px }
.max-w-500 { max-width: 500px }
.max-w-510 { max-width: 510px }
.max-w-520 { max-width: 520px }
.max-w-530 { max-width: 530px }
.max-w-540 { max-width: 540px }
.max-w-550 { max-width: 550px }
.max-w-560 { max-width: 560px }
.max-w-570 { max-width: 570px }
.max-w-580 { max-width: 580px }
.max-w-590 { max-width: 590px }
.max-w-600 { max-width: 600px }
.max-w-610 { max-width: 610px }
.max-w-620 { max-width: 620px }
.max-w-630 { max-width: 630px }
.max-w-640 { max-width: 640px }
.max-w-650 { max-width: 650px }
.max-w-660 { max-width: 660px }
.max-w-670 { max-width: 670px }
.max-w-680 { max-width: 680px }
.max-w-690 { max-width: 690px }
.max-w-700 { max-width: 700px }
.max-w-710 { max-width: 710px }
.max-w-720 { max-width: 720px }
.max-w-730 { max-width: 730px }
.max-w-740 { max-width: 740px }
.max-w-750 { max-width: 750px }
.max-w-760 { max-width: 760px }
.max-w-770 { max-width: 770px }
.max-w-780 { max-width: 780px }
.max-w-790 { max-width: 790px }
.max-w-800 { max-width: 800px }
.max-w-810 { max-width: 810px }
.max-w-820 { max-width: 820px }
.max-w-830 { max-width: 830px }
.max-w-840 { max-width: 840px }
.max-w-850 { max-width: 850px }
.max-w-860 { max-width: 860px }
.max-w-870 { max-width: 870px }
.max-w-880 { max-width: 880px }
.max-w-890 { max-width: 890px }
.max-w-900 { max-width: 900px }
.max-w-910 { max-width: 910px }
.max-w-920 { max-width: 920px }
.max-w-930 { max-width: 930px }
.max-w-940 { max-width: 940px }
.max-w-950 { max-width: 950px }
.max-w-960 { max-width: 960px }
.max-w-970 { max-width: 970px }
.max-w-980 { max-width: 980px }
.max-w-990 { max-width: 990px }
.max-w-1000 { max-width: 1000px }
.max-w-1010 { max-width: 1010px }
.max-w-1020 { max-width: 1020px }
.max-w-1030 { max-width: 1030px }
.max-w-1040 { max-width: 1040px }
.max-w-1050 { max-width: 1050px }
.max-w-1060 { max-width: 1060px }
.max-w-1070 { max-width: 1070px }
.max-w-1080 { max-width: 1080px }
.max-w-1090 { max-width: 1090px }
.max-w-1100 { max-width: 1100px }
.max-w-1110 { max-width: 1110px }
.max-w-1120 { max-width: 1120px }
.max-w-1130 { max-width: 1130px }
.max-w-1140 { max-width: 1140px }
.max-w-1150 { max-width: 1150px }
.max-w-1160 { max-width: 1160px }
.max-w-1170 { max-width: 1170px }
.max-w-1180 { max-width: 1180px }
.max-w-1190 { max-width: 1190px }
.max-w-1200 { max-width: 1200px }
.max-w-1210 { max-width: 1210px }
.max-w-1220 { max-width: 1220px }
.max-w-1230 { max-width: 1230px }
.max-w-1240 { max-width: 1240px }
.max-w-1250 { max-width: 1250px }
.max-w-1260 { max-width: 1260px }
.max-w-1270 { max-width: 1270px }
.max-w-1280 { max-width: 1280px }
.max-w-1290 { max-width: 1290px }
.max-w-1300 { max-width: 1300px }
.max-w-1310 { max-width: 1310px }
.max-w-1320 { max-width: 1320px }
.max-w-1330 { max-width: 1330px }
.max-w-1340 { max-width: 1340px }
.max-w-1350 { max-width: 1350px }
.max-w-1360 { max-width: 1360px }
.max-w-1370 { max-width: 1370px }
.max-w-1380 { max-width: 1380px }
.max-w-1390 { max-width: 1390px }
.max-w-1400 { max-width: 1400px }
.max-w-1410 { max-width: 1410px }
.max-w-1420 { max-width: 1420px }
.max-w-1430 { max-width: 1430px }
.max-w-1440 { max-width: 1440px }
.max-w-1450 { max-width: 1450px }
.max-w-1460 { max-width: 1460px }
.max-w-1470 { max-width: 1470px }
.max-w-1480 { max-width: 1480px }
.max-w-1490 { max-width: 1490px }
.max-w-1500 { max-width: 1500px }
.max-w-1510 { max-width: 1510px }
.max-w-1520 { max-width: 1520px }
.max-w-1530 { max-width: 1530px }
.max-w-1540 { max-width: 1540px }
.max-w-1550 { max-width: 1550px }
.max-w-1560 { max-width: 1560px }
.max-w-1570 { max-width: 1570px }
.max-w-1580 { max-width: 1580px }
.max-w-1590 { max-width: 1590px }
.max-w-1600 { max-width: 1600px }
.max-w-1610 { max-width: 1610px }
.max-w-1620 { max-width: 1620px }
.max-w-1630 { max-width: 1630px }
.max-w-1640 { max-width: 1640px }
.max-w-1650 { max-width: 1650px }
.max-w-1660 { max-width: 1660px }
.max-w-1670 { max-width: 1670px }
.max-w-1680 { max-width: 1680px }
.max-w-1690 { max-width: 1690px }
.max-w-1700 { max-width: 1700px }
.max-w-1710 { max-width: 1710px }
.max-w-1720 { max-width: 1720px }
.max-w-1730 { max-width: 1730px }
.max-w-1740 { max-width: 1740px }
.max-w-1750 { max-width: 1750px }
.max-w-1760 { max-width: 1760px }
.max-w-1770 { max-width: 1770px }
.max-w-1780 { max-width: 1780px }
.max-w-1790 { max-width: 1790px }
.max-w-1800 { max-width: 1800px }
.max-w-1810 { max-width: 1810px }
.max-w-1820 { max-width: 1820px }
.max-w-1830 { max-width: 1830px }
.max-w-1840 { max-width: 1840px }
.max-w-1850 { max-width: 1850px }
.max-w-1860 { max-width: 1860px }
.max-w-1870 { max-width: 1870px }
.max-w-1880 { max-width: 1880px }
.max-w-1890 { max-width: 1890px }
.max-w-1900 { max-width: 1900px }
.max-w-1910 { max-width: 1910px }
.max-w-1920 { max-width: 1920px }
.max-w-1930 { max-width: 1930px }
.max-w-1940 { max-width: 1940px }
.max-w-1950 { max-width: 1950px }
.max-w-1960 { max-width: 1960px }
.max-w-1970 { max-width: 1970px }
.max-w-1980 { max-width: 1980px }
.max-w-1990 { max-width: 1990px }
.max-w-2000 { max-width: 2000px }
.max-w-2010 { max-width: 2010px }
.max-w-2020 { max-width: 2020px }
.max-w-2030 { max-width: 2030px }
.max-w-2040 { max-width: 2040px }
.max-w-2050 { max-width: 2050px }
.max-w-2060 { max-width: 2060px }
.max-w-2070 { max-width: 2070px }
.max-w-2080 { max-width: 2080px }
.max-w-2090 { max-width: 2090px }

.max-w-50perc { max-width: 50%; }


.min-h-1 { min-height: 1px; }
.min-h-2 { min-height: 2px; }
.min-h-10 { min-height: 10px }
.min-h-15 { min-height: 15px }
.min-h-20 { min-height: 20px }
.min-h-25 { min-height: 25px }
.min-h-30 { min-height: 30px }
.min-h-35 { min-height: 35px }
.min-h-40 { min-height: 40px }
.min-h-45 { min-height: 45px }
.min-h-50 { min-height: 50px }
.min-h-55 { min-height: 55px }
.min-h-60 { min-height: 60px }
.min-h-65 { min-height: 65px }
.min-h-70 { min-height: 70px }
.min-h-75 { min-height: 75px }
.min-h-80 { min-height: 80px }
.min-h-85 { min-height: 85px }
.min-h-20 { min-height: 20px; }
.min-h-90 { min-height: 90px; }
.min-h-95 { min-height: 95px; }
.min-h-95-imp { min-height: 95px !important; }
.min-h-110 { min-height: 110px; }
.min-h-150 { min-height: 150px; }
.min-h-160 { min-height: 160px; }
.min-h-180 { min-height: 180px; }
.min-h-200 { min-height: 200px; }
.min-h-220 { min-height: 220px; }
.min-h-230 { min-height: 230px; }
.min-h-250 { min-height: 250px; }
.min-h-270 { min-height: 270px; }
.min-h-370 { min-height: 370px; }
.min-h-380 { min-height: 380px; }
.min-h-500 { min-height: 500px; }
.min-h-422 { min-height: 422px; }
.min-h-710 { min-height: 710px; }
.min-h-115 { min-height: 115px; }
.min-h-600 { min-height: 600px; }
.min-h-710 { min-height: 710px; }

.rad-0 { border-radius: 0px !important; }
.rad-5 { border-radius: 5px; }
.rad-10 { border-radius: 10px; }
.rad-20 { border-radius: 20px; }
.rad-25 { border-radius: 25px; }
.rad-30 { border-radius: 30px; }
.btml-rad-20 { border-bottom-left-radius: 20px; }
.btmr-rad-20 { border-bottom-right-radius: 20px; }

.lineh-12 { line-height: 1.2; }
.lineh-13 { line-height: 1.3; }
.lineh-14 { line-height: 1.4; }
.lineh-15 { line-height: 1.5; }

.sticky { position: sticky; position: -webkit-sticky; top: 0px; z-index: 10; }


.fl-left { float: left; }
.fl-right { float: right; }

.full-w { width: 100%; }

@media screen and (min-width: 1231px) {
    .fl-left-lg { float: left; }
    .fl-right-lg { float: right; }
    .hor-padd-lg-100 { padding-left: 100px; padding-right: 100px; }
}

@media screen and (min-width: 992px) and (max-width: 1230px) {
    .fl-left-md { float: left; }
    .fl-right-md { float: right; }
    .full-w-md { max-width: 100%; }
    .hor-padd-md-50 { padding-left: 50px; padding-right: 50px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .fl-left-sm { float: left; }
    .fl-right-sm { float: right; }
    .hidden-sm { display: none !important; }
    .full-w-sm { max-width: 100%; }
    .hor-padd-sm-50 { padding-left: 50px; padding-right: 50px; }
}

@media screen and (max-width: 767px) {

    .fs-sm-14 { font-size: 1.4em; }

    .fl-left-xs { float: left; }
    .fl-right-xs { float: right; }
    .hidden-xs { display: none !important; }

    .sm-center-txt { text-align: center !important; }
    
    .hor-padd-xs-50 { padding-left: 50px; padding-right: 50px; }


}

.flex { display: flex; }
.no-overflow { overflow: hidden; }
.cent-ab { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@keyframes rotation {
    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }
}

.filter-radio > span { display: flex; width: 28px; height: 28px; border: 1px solid rgb(222, 222, 222); background-color: rgb(255, 255, 255); border-radius: 5px; font-size: 0.8em; color: rgb(74, 173, 148); justify-content: center; align-items: center; margin-right: 15px; }

.filter-radio input { display: none; }

.filter-radio > span i { opacity: 0; }

.filter-radio.selected > span i { opacity: 1; }

.filter-radio.selected > span.colour-check { border: 3px solid rgb(74, 173, 148); }

.filter-radio > span.colour-check i { line-height: normal; }

.filter-radio > span.colour-check { transition: all 0.2s ease 0s; border-radius: 100%; }

.filter-radio { display: flex; align-items: center; margin-top: 10px; cursor: pointer; font-size: 1.1em; line-height: normal; font-weight: 800; color: rgb(51, 51, 51); position: relative; }

.filter-radio .colour-spot { width: 25px; height: 25px; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px 2px; }

.filter-radio.selected:hover > span i { opacity: 1; }

.filter-radio:hover > span.colour-check { border: 1px solid rgb(74, 173, 148); }

.slider-btn { height: 32px; width: 32px; background-color: rgb(247, 247, 247); display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid rgb(0, 0, 0); font-size: 2.5rem; cursor: pointer; transition: all 0.3s ease 0s; }

.slider-btn:hover { transform: translateY(-3px) scale(1.03); box-shadow: rgb(183, 183, 183) 0px 6px 2px 0px; }

@media screen and (min-width: 992px) {
    .filter-radio:hover > span i { opacity: 0.5; }
}

.btn:disabled { cursor: not-allowed; background-color: rgb(198, 198, 198) !important; }

.switch { display: flex; align-items: center; cursor: pointer; justify-content: space-between; }

.switch .slider { width: 44px; height: 23px; border-radius: 50px; background-color: rgb(255, 255, 255); position: relative; display: block; margin: 0px 10px; border: 1px solid rgb(222, 222, 222); }

.switch .slider::before { width: 50%; height: 100%; border-radius: 100%; content: ""; display: block; background-color: rgb(74, 173, 148); transform: scale(0.8); }

.switch .slider::before { left: 4px; right: auto; }

.switch.on .slider::before { transform: translateX(100%) scale(0.8); }

.switch:hover .slider::before { background-color: rgb(40, 53, 81); }

.switch .slidetext.left {font-weight: 900;}
.switch .slidetext.right {font-weight: 500;}
.switch.on .slidetext.left {font-weight: 500;}
.switch.on .slidetext.right {font-weight: 900;}

.lnk.green { color: rgb(74, 173, 148); }

.lnk.green:hover { color: rgb(40, 53, 81); }

.lnk.underl { text-decoration: underline; }

.btn { border: none; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 1.2em; padding: 2px 15px 0px; font-weight: 700; font-family: articulat-cf, sans-serif; border-radius: 50px; }

.btn.rect {border-radius: 3px;}

.btn.auto-w { width: max-content; padding: 0px 20px; }

.btn.sml { height: 35px; line-height: normal; padding: 0px 20px; }

.btn.md { height: 40px; font-weight: 500; }

.btn.white-hov:hover { background-color: rgb(255, 255, 255) !important; color: rgb(40, 53, 81) !important; }

.btn.sqr { border-radius: 10px; }

.btn.f-lg { font-size: 1.5rem; padding: 15px 45px; height: 60px; }

.btn.full { width: 100%; max-width: 100%; }

.btn.outline { background-color: transparent; border: 2px solid rgb(255, 255, 255); border-radius: 10px; color: rgb(255, 255, 255); }

.btn.green { background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); }

.btn.green:hover, a:hover .btn.green, :hover > div > .child-btn.green { background-color: rgb(40, 53, 81); color: rgb(255, 255, 255); }

.btn.green.alt-hover:hover { color: rgb(255, 255, 255); background-color: rgb(52, 122, 104) !important; }

.btn.blue { background-color: rgb(40, 53, 81); color: rgb(255, 255, 255); }

.btn.blue:hover, a:hover .btn.blue, :hover .child-btn.blue { background-color: rgb(74, 173, 148); }

.btn.blue.alt-hover:hover { color: rgb(40, 53, 81); background-color: rgb(255, 255, 255) !important; }

.btn.blue.ghst { border: 1px solid rgb(40, 53, 81); background-color: rgb(255, 255, 255); color: rgb(40, 53, 81); }

.btn.blue.ghst:hover { background-color: rgb(40, 53, 81); color: #fff; }

.btn.delete { background-color: rgb(255, 0, 0); color: rgb(255, 255, 255); }

.btn.delete:hover, a:hover .btn.delete, :hover .child-btn.delete { background-color: rgb(204, 0, 0); }

.btn.delete.alt-hover:hover { color: rgb(204, 0, 0); background-color: rgb(255, 255, 255) !important; }

.btn.cont { max-width: fit-content !important; }

.btn.grey { background-color: rgb(158, 158, 158); color: rgb(255, 255, 255); }

.btn.grey:hover, a:hover .btn.grey { background-color: rgb(107, 107, 107); }

.btn.white { background-color: rgb(255, 255, 255); border: 1px solid rgb(74, 173, 148); }

.btn.white i { color: rgb(74, 173, 148); }

.btn.white:hover { background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); }

.btn.white:hover i { color: rgb(255, 255, 255); }

.btn.white.alt { background-color: rgb(255, 255, 255); border: 1px solid rgb(40, 53, 81); color: rgb(40, 53, 81); }

.btn.white.alt i { color: rgb(40, 53, 81); }

.btn.white.alt:hover { background-color: rgb(40, 53, 81); color: rgb(255, 255, 255); }

.btn.white.alt:hover i { color: rgb(255, 255, 255); }

.btn.white.ghst { color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); background-color: transparent; font-weight: 300; }

.btn.white.ghst:hover { background-color: rgb(255, 255, 255); color: rgb(40, 53, 81); }

.btn.white-hov a:hover { color: rgb(40, 53, 81) !important; }

.btn.white-hov:hover a { color: rgb(40, 53, 81) !important; }

.retbtn input[type="submit"] { max-width: 100%; background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); font-weight: bold; }

.retbtn input[type="submit"]:hover { border: 1px solid rgb(0, 132, 61); }

.btn.green.register-trade { max-width: 380px; margin: 30px auto; font-size: 16px; padding: 9px; height: auto; }

.btn.green.register-trade a { color: rgb(255, 255, 255); }

.btn.lgtgreen.register-trade { max-width: 380px; margin: 30px auto; font-size: 16px; padding: 9px; height: auto; }

.btn.lgtgreen.register-trade a { color: rgb(255, 255, 255); }

.btn.white.ghost { background-color: transparent; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-weight: 200; }

.btn.white.ghost:hover { background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); color: rgb(40, 53, 81); }

.btn.green.small { max-width: 250px; }

.btn.green.for { height: 40px !important; line-height: 40px !important; margin-top: 48px !important; }

.btn.lgtgreen { background-color: rgb(74, 173, 148); border-radius: 28px; color: rgb(255, 255, 255); font-weight: bold; font-family: articulat-cf, sans-serif; }

.btn.lgtgreen { height: 50px; line-height: 50px; margin-top: 0px; font-size: 1em; margin-left: 0%; opacity: 1; border-radius: 28px; width: 259px; }

.btn.lgtgreen.small { max-width: 250px; }

.btn.lgtgreen.for { height: 40px !important; line-height: 40px !important; margin-top: 48px !important; }

.bestsellbtn { width: 100%; background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); font-weight: bold; text-align: center; font-size: 1.3em; padding: 5px 0px; display: flex; align-items: center; justify-content: center; min-height: 35px; }

#applepay-container { border-radius: 50px; overflow: hidden; }

.btn.paypal { background-color: #fff; height: 50px; line-height: 20px; color: rgb(51, 51, 51); border: 1px solid rgb(180, 180, 180); font-weight: 700; position: relative; }

.btn.paypal span { position: absolute; top: 10px; }

.btn.paypal:hover { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 100px 100px inset; background-color: transparent !important; }

.btn.orange { background-color: rgb(74, 173, 148); border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-weight: bold; font-family: Roboto, sans-serif; }

.btn.orange:hover { border-color: rgb(74, 173, 148); color: rgb(74, 173, 148); background-color: rgb(255, 255, 255) !important; }

a.btn.delete, .btn.small.alice.delete { background-color: rgb(233, 30, 99); border: 1px solid rgb(233, 30, 99); }

a.btn.delete:hover, .btn.small.alice.delete:hover { background-color: rgb(255, 255, 255); color: rgb(233, 30, 99); }

.btn.refer { border-radius: 0px 10px 10px 0px !important; max-width: fit-content !important; }

.btn.addr { border-radius: 3px; height: 45px; min-width: 115px; margin-left: 15px; }

.btn.disabled { background-color: rgb(193, 193, 193); color: rgb(51, 51, 51); cursor: auto !important; }

.btn i { margin-right: 15px; }

.btn.xtrapadd { padding: 0px 30px; }

.btn.loading { position: relative; color: transparent !important; }

.btn.loading::before { content: ""; width: 36px; height: 36px; border-width: 5px; border-style: solid; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent; border-image: initial; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: 1s linear 0s infinite normal none running rotation; position: absolute; left: calc(50% - 18px); top: calc(50% - 18px); }

#discountform .btn { border-radius: 0px; }

.inline-link { cursor: pointer; }

.inline-link.blue { color: rgb(40, 53, 81); }

.inline-link.blue a { color: rgb(40, 53, 81); }

.inline-link.blue:hover { color: rgb(74, 173, 148); }

.inline-link.blue a:hover { color: rgb(74, 173, 148); }

.inline-link.green { color: rgb(74, 173, 148); }

.inline-link.green a { color: rgb(74, 173, 148); }

.inline-link.green:hover { color: rgb(40, 53, 81); }

.inline-link.green a:hover { color: rgb(40, 53, 81); }

.inline-link.underl { text-decoration: underline; }

.block-link { display: block; }

.block-link.green { color: rgb(74, 173, 148); }

.block-link.green a { color: rgb(74, 173, 148); }

.block-link.green:hover { color: rgb(40, 53, 81); }

.block-link.green a:hover { color: rgb(40, 53, 81); }

.qtybtns { text-align: center; display: flex; align-items: center; margin: 15px 0px; width: 100%; }

.qtybtns .quant { background-color: rgb(74, 173, 148); cursor: pointer; border-radius: 100%; height: 30px; min-height: 30px; text-align: center; width: 30px; min-width: 30px; color: rgb(255, 255, 255); font-size: 1.0rem; display: flex; align-items: center; justify-content: center; border: none !important; }

.qtybtns .quant span { height: 1px; display: block; line-height: 0px; }

.qtybtns .quant:hover { background-color: rgb(40, 53, 81); }

.qtybtns input { margin: 0px 10px; border: 1px solid rgb(40, 53, 81); border-radius: 3px; text-align: center; padding: 0px !important; width: 40px !important; height: 40px !important; }

.account-menu { margin-top: 30px; }

.account-menu a:not(.points-bar) { display: block; color: rgb(74, 173, 148); text-align: center; padding: 15px; border: 1px solid rgb(207, 207, 207); border-radius: 5px; margin-bottom: 20px; }

.account-menu a:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; color: rgb(40, 53, 81); }

.account-menu a i { font-size: 2em; }

.account-menu a strong { display: block; margin-top: 15px; font-size: 1.1em; }

.btn.w-content { width: fit-content; padding: 0pc 30px; min-width: 30px; }

p a { color: rgb(74, 173, 148); }

p a:hover { color: rgb(40, 53, 81); text-decoration: underline; }

.overlay-link { position: absolute; top: 0px; left: 0px; display: block; z-index: 15; cursor: pointer; width: 100%; height: 100%; }

.config-radios label{cursor: pointer; position: relative; text-align: center; justify-content: center; align-items: center; border-radius: 5px; display: flex; flex-direction: column; min-height: 75px; padding: 10px; border: 1px solid rgb(40, 53, 81);}
.config-radios label input{position: absolute; opacity: 0;}
.config-radios label .title{font-weight: 600; color: #545454; font-size: 1.2em; transition: .2s;}
.config-radios label .value{font-weight: 700; font-size: 0.9em; margin-top: 2px; color: #4aad94;}
.config-radios label.on {background-color: #fff; border: 1px solid rgb(74, 173, 148);}
.config-radios label.on .title {font-weight: 700; color: rgb(40, 53, 81);}

.btn.fnt-w-500 {font-weight: 500;}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .btn.lgtgreen { height: 50px; line-height: 50px; margin-top: 12px; font-size: 0.6em; width: 259px; }

    .btn.paypal span { display: none; }

    .btn.paypal img { margin: 0px; }

}

@media screen and (max-width: 991px) {
    .filter-togg {cursor: pointer; font-size: 1.2em; display: flex; align-items: center; gap: 5px; min-height:50px;}
    .filter-togg span {color: rgb(40, 53, 81); font-weight: 800; line-height: 1;} 
    .filter-togg i {color: rgb(74, 173, 148); font-size: 1.2em;}
    .filter-togg:hover span{color: rgb(74, 173, 148);}
}

@media screen and (max-width: 767px) {
    .btn.lgtgreen { height: 16px; line-height: 16px; margin-top: 8px; font-size: 0.8em; }

}

@media screen and (max-width: 767px) {
    #competition .btn.f-lg { padding: 0px 10px; }
}

@media screen and (min-width: 600px) and (max-width: 767px), (min-width: 1230px) and (max-width: 1500px) {
    #competition .btn.f-lg { font-size: 1.2rem; }
}

@media screen and (max-width: 600px), (min-width: 1230px) and (max-width: 1500px) {
    #competition .btn.f-lg { display: flex; align-items: center; justify-content: center; height: 50px !important; padding: 0px 10px !important; }
}

@media screen and (min-width: 500px) {
    .filterbtn { width: 45%; }
}

@media screen and (max-width: 500px) {
    .btn.resp-h { height: 40px; }

    .sortby .switch { font-size: 0.9rem; }
}

.carousel { margin: 0px auto 0 auto; }
.carousel-caption .title { margin: 0 0 30px; color: #2bbed8; font-size: 2.75em; }
.carousel-caption span { font-size: 2em; }
.carousel .item { background-size: cover; background-repeat: no-repeat; background-position: center; }


#myCarousel.home-carousel { position: relative; }
#myCarousel.home-carousel .carousel-indicators { left: 50%; transform: translateX(-50%); bottom: 0; }

/*#comps-bg { background-image: url('images/competition/gmb-comps-bg.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center; height: 459px; width: 100%; }*/
#comps-bg { background-color: #162847; border-radius: 15px; min-height: 300px; }


.carousel { }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; }
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; }
.carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; }
.carousel-control:hover,
.carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev,
.carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; left: 15px; z-index: 15; width: auto; padding-left: 0; list-style: none; bottom: 0; }
.carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: grey; border-radius: 10px; }
.carousel-indicators .active { background-color: #50bdaa; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.carousel-caption .btn { text-shadow: none; }

.banner.landpage { display: flex; justify-content: center; background: rgb(74,173,148); background: linear-gradient(90deg, rgba(74,173,148,1) 50%, rgba(40,53,81,1) 50%); }
.banner.landpage:before { display: none; }
.banner.landpage:after { display: none; }
.banner.landpage .grad { width: 100%; background: rgb(74,173,148); background: linear-gradient(90deg, rgba(74,173,148,1) 25%, rgba(40,53,81,1) 75%); display: flex; justify-content: center; }
.banner.landpage .toptxt { font-weight: 300; }
.banner.landpage h1 { font-size: 4em; }

.corporate-banner { background-image: url('images/corporateballs.png'); background: rgb(102,128,185); background: linear-gradient(255deg, #6680B9 0%, #0F203D 100%) 0% 0% no-repeat padding-box; margin-top: 20px; border-radius: 30px; margin-bottom: 14px; overflow: hidden; }
.corporate-banner .bg-img { /*background-image: url('images/corporateballs.png');*/ padding: 30px; height: 463px; background-repeat: no-repeat; background-position-y: center; background-position-x: 90%; }
.corporate-banner h1, .corporate-banner-2 h2 { color: #fff; font-size: 3.8em; }
.corporate-banner .inner { max-width: 650px; }
.corporate-banner .inner .text, .corporate-banner-2 .inner .text { color: #fff; font-size: 1.8em; font-weight: 100; }
.corporate-banner .inner .list-text, .corporate-banner-2 .inner .list-text { color: #fff; font-size: 1.4em; line-height: 32px; font-weight: bold; }
.corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { border-radius: 5px; font-size: 1.5em; height: 58px;}


.corporate-banner-2 { background-color: #4AAD94; border-radius: 30px; margin-bottom: 18px; }
.corporate-banner-2 .bg-img { height: 284px; }
.corporate-banner-2 h1 { color: #fff; font-size: 3.8em; }
.corporate-banner-2 .inner .list-text { font-weight: 200; }
.corporate-banner-2 .inner .text { font-weight: 500; }
.corporate-banner-2 .btn-wrapper { max-width: 470px; }

@media screen and (min-width: 1800px) and (max-height: 950px) {
    .home-carousel .item { height: 490px !important; }
}

@media screen and (min-width: 1921px) {
    .home-carousel .item { height: 600px; }
    .home-carousel .bg-image { min-width: 2560px; width: 100%; height: 600px; top: 0px; left: 50%; transform: translateX(-50%); position: absolute; background-position: center; background-size: cover; }
}

@media screen and (max-width: 1920px) and (min-width: 992px) {
    .home-carousel .item { padding-bottom: 28%; }
    .home-carousel .bg-image { padding-bottom: 28%; width: 100%; top: 0px; left: 50%; transform: translateX(-50%); position: absolute; background-position: center; background-size: cover; }

    .corporate-banner .banner-img { padding-left: 30px; }
    /*.corporate-banner .banner-img img { max-width: 80%; }*/
}

@media screen and (max-width: 1520px) {
    .corporate-banner .banner-img img { max-width: 80%; }
    .corporate-banner .bg-img { background-position-x: 700px; background-size: 550px; }
    .corporate-banner-2 h1 { color: #fff; font-size: 3em; }
    .corporate-banner-2 .bg-img { background-size: 400px; background-position-x: 40px; }
    .corporate-banner-2 .inner .text { font-size: 1.6em; }
}

@media screen and (max-width: 1340px) {
    .corporate-banner .bg-img { background-position-x: 650px; background-size: 450px; }
}

@media screen and (max-width: 1100px) {
    .corporate-banner .bg-img { background-position-x: 600px; background-size: 400px; }
    .corporate-banner h1, .corporate-banner-2 h2 { color: #fff; font-size: 2.9em; }
    .corporate-banner .inner .text, .corporate-banner-2 .inner .text { font-size: 1.4em; }
    .corporate-banner .inner .list-text, .corporate-banner-2 .inner .text { font-size: 1.3em; }
    .corporate-banner-2 .bg-img { background-size: 350px; background-position-x: 40px; }
    .corporate-banner-2 h2 { text-align: center; }
}

@media screen and (min-width: 992px) {
    .banner-content h1, .banner-content h2 { max-width: 50%; display: block; }
    .banner-content h1 span, .banner-content h2 span { width: 100%; display: block; padding-bottom: 0px; }
    .banner { min-height: 500px; }
    

}

@media screen and (max-width: 991px) {
    .banner.landpage .grad { width: 100%; background: rgb(74,173,148); background: linear-gradient(180deg, rgba(74,173,148,1) 25%, rgba(40,53,81,1) 75%); display: flex; justify-content: center; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .home-carousel .item { padding-bottom: 28%; height: 0px; }
    .home-carousel .bg-image { width: 100%; padding-bottom: 28%; background-position: center; background-size: cover; }
    .banner-content h1, .banner-content h2 { font-size: 1.0em; max-width: 50%; }
    .banner-content h1 span, .banner-content h2 span { width: 100%; }

    /*.corporate-banner .inner { display: flex; flex-direction: column; align-items: center; }*/
    .corporate-banner .bg-img { flex-direction: column-reverse; justify-content: center; align-items: center; text-align: center; height: 500px;}
    .corporate-banner .banner-img img { max-width: 40%; }
    .corporate-banner-2 h1 { color: #fff; font-size: 2em; }
    .corporate-banner-2 .inner .text, .corporate-banner-2 .inner .list-text { font-size: 1.2em; }
    .corporate-banner-2 .bg-img { flex-direction: column-reverse; justify-content: center; align-items: center; text-align: center; height: 500px; }
    .corporate-banner-2 .inner {  }
    .corporate-banner-2 .btn-wrapper { margin: auto; }
    .corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { font-size: 1.2em; }
    .corporate-banner .btn-wrapper { width: 500px; margin: auto; }



}

@media screen and (max-width: 767px) and (min-width: 500px) {
    .home-carousel .bg-image { padding-bottom: 28%; height: 0px; background-size: cover; background-position: center; }
    .home-carousel .item { height: 300px; }
    .banner-content h1 { font-size: 0.89em !important; max-width: 60%; }
    .banner-content h2 { max-width: 60%; }
    
    .corporate-banner .inner { display: flex; flex-direction: column; align-items: center; }
    .corporate-banner .bg-img { background-size: 240px; background-position-x: center; background-position-y: 20px; justify-content: center; align-items: end; text-align: center; height: 600px;}
}

@media screen and (min-width: 768px) {

    .carousel .item { margin-bottom: 0px; }
}

@media screen and (max-width: 767px) {
    .corporate-banner .inner { display: flex; flex-direction: column; align-items: center; }
    .corporate-banner .bg-img { height: 550px; justify-content: center; align-items: center; flex-direction: column-reverse; }
    .corporate-banner .banner-img img { max-width: 40%; }
    .carousel .item { padding-bottom: 28%; margin: 0 auto; background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; }
    .corporate-banner h1 { font-size: 2.8em !important; }
    .corporate-banner-2 { padding-bottom: 10px; }
    .corporate-banner-2 .bg-img { flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 400px; grid-gap: 20px; }
    .corporate-banner-2 .banner-img img { max-width: 80%; }
    .corporate-banner-2 .inner .max-w-470 { display: flex; justify-content: center; }
    .corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { font-size: 1.2em; }
    .corporate-banner .btn-wrapper { width: 500px; margin: auto; }

    
}

@media screen and (max-width:530px) {
    .home-carousel .bg-image { padding-bottom: 130.23%; background-size: cover; height: auto; background-position: center; }
    .carousel .item { padding-bottom: 130.23%; margin: 0 auto; max-height: 568px; background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; }
    .carousel .item .banner-content .btn { width: calc(100% - 30px); }
    .carousel .item .banner-content .btn { background-color: #283551; }
    .carousel .item:hover .banner-content .btn { background-color: #4aad94; }
    .banner-content { padding-top: 30px; }
    .banner-content h1, .banner-content h2 { font-size: 7.5vw !important; max-width: 100%; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em !important; max-width: 100%; padding-bottom: 0px; }
    .banner-content .banner-text { font-size: 1.5em; font-weight: 300; }
    .container.banner-container { top: 0px; left: 0px; transform: none; height: 100%; }
    .corporate-banner { text-align: center; }
    /*.corporate-banner .bg-image { background-image: none; }*/

    .corporate-banner .bg-img { height: 500px; justify-content: center; align-items: center; flex-direction: column-reverse; }
    .corporate-banner .banner-img img { max-width: 40%; }
    .corporate-banner .inner { display: flex; flex-direction: column; align-items: center; max-width: 340px; }
    .corporate-banner .btn-wrapper .section { justify-content: center; }
    .corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { font-size: 1.2em; }
    .corporate-banner h1 { font-size: 2.1em !important; }
    .corporate-banner .inner .text-wrapper, .corporate-banner .inner .btn-wrapper { max-width: 450px; }
    .corporate-banner .inner .text-wrapper { padding: 0 15px; }
    .corporate-banner .inner .text { font-weight: 500; font-size: 1.2em; }
    .corporate-banner .inner .list-text { font-weight: 700; font-size: 1.1em; line-height: 22px; text-align: center; margin-bottom: 10px;}
    .corporate-banner-2 .bg-img { justify-content: center; align-items: center; text-align: center; }
    .corporate-banner-2 h1 { margin-bottom: 10px; }
    .corporate-banner-2 .inner .text, .corporate-banner-2 .inner .list-text { font-size: 1.2em; }
}


@media screen and (max-width:450px) {
    .corporate-banner .bg-img { height: 500px; justify-content: center; align-items: center; }
    .corporate-banner .inner .btn-wrapper { max-width: 300px; margin: auto; }
    .corporate-banner .inner .btn, .corporate-banner-2 .inner .btn { height: 48px; }
    .corporate-banner .inner .text-wrapper { max-width: 300px; margin: auto; }
    .corporate-banner-2 .btn-wrapper { padding: 0 15px; }
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev { margin-left: -10px; }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next { margin-right: -10px; }
    .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; }
    .carousel-indicators { bottom: 6px; }
}

@media screen and (min-width:992px) {
    .accessories-cols {display: flex;padding-top: 20px;padding-bottom: 20px;}
    .accessories-cols .col {width: 30%;padding: 1rem 2rem !important;}
    .accessories-cols .subsublist { display: flex; flex-direction: column; grid-gap: .5rem; }
    .accessories-cols .access-title { padding-bottom: 15px; font-weight: bold; color: rgb(74, 173, 148); font-size: 1.6em; width: 100% !important; }
    .drop:has(.accessories-cols) { max-width: initial !important; }
}

@media screen and (min-width:992px) and (max-width:1640px) {
    .drop:has(.accessories-cols) {right: -50px !important;left: initial;}
}

@media screen and (max-width:992px) {
    .accessories-cols .accessories-link { font-weight: normal !important; font-size: 1rem!important; }

    .thin-banner { background-color: #DB2727 !important; border-radius: 0.25rem !important;  }
    .thin-banner i { display: none; }
}



.sitehead.compact .head-links { gap: 10px !important; }
.account-link { background-color: rgb(247, 247, 247); height: 40px; width: 150px; display: flex; justify-content: center; align-items: center; color: rgb(40, 53, 81); font-weight: 700; font-size: 1.1em; }
.account-link span { transform: translateY(2px); margin-left: 10px; }
.vat-switch { display: flex; align-items: center; cursor: pointer; }
.vat-switch .slider { width: 50px; height: 24px; border-radius: 50px; background-color: rgb(255, 255, 255); position: relative; display: block; margin: 0px 10px; }
.vat-switch .slider::before { width: 18px; height: 18px; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); content: ""; display: block; background-color: rgb(40, 53, 81); }
.vat-switch.incvat .slider::before { left: 4px; right: auto; }
.vat-switch.exvat .slider::before { left: auto; right: 4px; }
.vat-switch input { display: none; }
.vat-switch:hover .slider::before { background-color: rgb(74, 173, 148); }
.head-search { width: calc(100% - 720px); max-width: 496px; border: 1px solid rgb(74, 173, 148); border-radius: 3px; background-color: rgb(255, 255, 255); }
.head-search form { display: flex; }
.head-search input { height: 68px; padding-left: 20px; width: 100%; font-family: articulat-cf, sans-serif; font-size: 1.3em; border: none !important; }
.head-search .action { cursor: pointer; height: 68px; width: 68px; display: block; position: relative; }
.head-search .action svg { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.head-search .action button { display: none; }
.head-search .action:hover svg path { fill: rgb(74, 173, 148) !important; }
.head-links { display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-evenly; align-items: center; }
.head-links a, .mob-basket a { cursor: pointer; display: block; text-align: center; }
.head-links .round, .mob-basket .round { width: 50px; height: 50px; border: 2px solid rgb(74, 173, 148); border-radius: 100%; margin: 0px auto 10px; position: relative; }
.mob-basket .round { margin-bottom: unset; }
.head-search:has(+ .mob-basket) { margin-top: unset; }
.head-links .round .inner, .mob-basket .round .inner { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(74, 173, 148); border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.head-links a:hover .round { border: 2px solid rgb(40, 53, 81); }
.head-links a:hover .round .inner { background-color: rgb(40, 53, 81); }
.head-links .round .count, .mob-basket .round .count { z-index: 10; background-color: rgb(40, 53, 81); color: rgb(255, 255, 255); position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: 800; }
.sitehead .head-links .round svg { width: 21px; }
.sitehead .head-links .round svg path { fill: rgb(255, 255, 255); }
.sitehead.xmas .head-links .round { border: 2px solid rgb(255, 255, 255); }
.sitehead.xmas .head-links .round i { color: rgb(40, 53, 81) !important; }
.sitehead.xmas .head-links .round .inner { background-color: rgb(255, 255, 255); color: rgb(40, 53, 81); }
.sitehead.xmas .head-links .dblue-txt { color: rgb(255, 255, 255); }
.sitehead.xmas .head-links .round svg { width: 21px; }
.sitehead.xmas .head-links .round svg path { fill: rgb(40, 53, 81); }
.sitehead.xmas.compact .head-links .round { border: 2px solid rgb(74, 173, 148); }
.sitehead.xmas.compact .head-links .round i { color: rgb(255, 255, 255) !important; }
.sitehead.xmas.compact .head-links .round .inner { background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); }
.sitehead.xmas.compact .head-links .dblue-txt { color: rgb(40, 53, 81); }
.sitehead.xmas.compact .head-links .round svg { width: 21px; }
.sitehead.xmas.compact .head-links .round svg path { fill: rgb(255, 255, 255); }
.sitehead.xmas .site-logo {padding-left: 15px;}
.sitehead.xmas .masthead {background-color: transparent !important;}
.sitehead > .rel { position: relative; }
.sitehead > .rel > .ab { position: absolute; left: 0px; top: 0px; width: 100%; display: grid;}
.sitehead > .rel > .ab > div{grid-column-start:1; grid-row-start: 1; }
nav .sub-n-save { background-color: rgb(74, 173, 148); font-size: 1.4em; width: 330px; display: flex; height: 68px; align-items: center; justify-content: space-evenly; cursor: pointer; }
nav .sub-n-save.prom { font-size: 1.3rem; width: fit-content; display: flex; cursor: pointer; }
nav .sub-n-save.prom strong { color: rgb(39, 39, 39); font-size: 1.3rem; margin-bottom: 5px; }
nav .sub-n-save.prom span { font-size: 1.12rem; color: rgb(39, 39, 39); font-weight: normal; }
nav .sub-n-save.prom .text { padding-right: 24px; padding-left: 16px; display: flex; flex-direction: column; gap: 5px; }
nav .sub-n-save.prom .prom-img { display: flex; height: 68px; width: 68px; align-items: center; justify-content: center; background-color: rgb(39, 39, 39); }
nav .sub-n-save.cyber-monday { background-color: rgb(255, 167, 67); }
nav .sub-n-save.black-friday { background-color: rgb(253, 224, 26); }
nav .sub-n-save.cyber-monday:hover, nav .sub-n-save.black-friday:hover { background-color: rgb(39, 39, 39); }
nav .sub-n-save.cyber-monday:hover strong, nav .sub-n-save.cyber-monday:hover span { color: rgb(255, 167, 67); }
nav .sub-n-save.black-friday:hover strong, nav .sub-n-save.black-friday:hover span { color: rgb(253, 224, 26); }
nav .sub-n-save.crimbo { background-color: rgb(236, 32, 23); font-size: 1.5em; }
nav .sub-n-save.crimbo img { width: 40px; }
nav .sub-n-save.crimbo:hover { background-color: rgb(236, 32, 23); }
nav .sub-n-save.crimbo:hover strong { text-decoration: underline; }
nav .sub-n-save.crimbo strong { font-size: 1.05em; }
nav .sub-n-save:hover { background-color: rgb(40, 53, 81); }
nav .sub-n-save strong { color: rgb(255, 255, 255); font-size: 1.1em; font-weight: 800; }
nav .sub-n-save span { color: rgb(255, 255, 255); font-size: 0.75em; }
nav .sub-n-save .inner-content > * { display: block; }
.sitehead { display: grid; }
.sitehead > * { grid-row-start: 1; grid-column-start: 1; }
.sitehead .site-logo { }
.sitehead.fix .masthead { z-index: 0 !important; }
.sitehead.fix .head-search { z-index: 0 !important; }
.sitehead.fix .head-links { z-index: 0 !important; }
.sitehead.compact .site-logo { display: block; opacity: 0; }
.sitehead.compact .head-search { display: none; }
.sitehead.compact .site-head { }
.top-bar { position: relative; }
.xmas .top-bar { border-bottom: 1px solid rgb(255, 255, 255); }
.top-bar::before { content: ""; position: absolute; height: 100%; width: 100vw; right: 50%; top: 0px; background-color: rgb(40, 53, 81); z-index: -1; transform: translateX(50%); }
.masthead > .container > div { position: relative; }
.masthead > .container > div::before { content: ""; position: absolute; height: 100%; width: 100vw; right: 50%; top: 0px; background-color: rgb(255, 255, 255); z-index: -1; transform: translateX(50%); opacity: 1; }
.xmas .masthead > .container > div::before { display: none; }
.sitehead.compact .masthead > .container > div::before { opacity: 0; }
.xmas-logo { position: relative; }
.xmas-logo .hat { position: absolute; left: -6%; top: 26%; width: 13%; }
.view-all-colours { flex-basis: 100%; }
.view-all-colours a { color: rgb(74, 173, 148) !important; }
.view-all-colours a:hover { text-decoration: underline; }
.swatch { height: 25px; width: 25px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 4px 2px; }
.swatch.red-ball { background-color: red; }
.swatch.pink-ball { background-color: hotpink; }
.swatch.purple-ball { background-color: mediumpurple; }
.swatch.green-ball { background-color: greenyellow; }
.swatch.white-ball { background-color: white; }
.swatch.blue-ball { background-color: blue; }
.swatch.yellow-ball { background-color: yellow; }
.swatch.yellow-ball { background-color: yellow; }
.swatch.orange-ball { background-color: orange; }
.swatch.black-ball { background-color: black; }
.swatch.divide-ball { border-top: 13px solid #229; border-bottom: 13px solid #c22; border-left: 13px solid #c22; border-right: 13px solid #229; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.swatch.novelty-ball { width: 0; height: 0; border-radius: 100%; border-top: 12.5px solid #8dd545; border-bottom: 12.5px solid #6800a9; border-left: 12.5px solid #00dfde; border-right: 12.5px solid #f86425; }
nav > ul > li .drop .inner.inner-banner { padding-bottom: 0.25rem; }
.thin-banner { width: 100%; color: #fff; background-color: #4aad94; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 3rem; font-size: 1.125rem; padding: 0.5rem; border-radius: 0 0 0.25rem 0.25rem; grid-gap: 0.75rem; }
.thin-banner a { color: inherit !important; font-weight: 700 !important; display: inline !important; height: initial !important; width: initial !important; font-size: inherit !important; }
.thin-banner .tb-mob { display: none; }
nav > ul > li .drop ul.subsublist.colour { padding-left: 5px; }

@media screen and (min-width: 2000px) {
    #snow .left { height: 150px; width: 421px; top: 150px; position: absolute; left: -30px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: right center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (max-width: 1999px) and (min-width: 1670px) {
    #snow .left { height: 150px; width: 421px; top: 180px; position: absolute; left: -60px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: center center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (min-width: 1670px) {
    .sitehead .head-search { position: absolute; bottom: 50%; right: 50%; transform: translate(53%, -120%); z-index: 9999; }
    .sitehead.compact .head-search { /* transform: translate(147%, 50%); */ /* max-height: 40px; */ /* max-width: 333px; */ }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0px; transform: translate(0px, -108%); z-index: 9999; }
    .sitehead.compact .head-links { transform: translate(0%, 59%); }
}



@media screen and (max-width: 1669px) and (min-width: 1640px) {
    .sitehead .head-search { position: absolute; bottom: 50%; left: 50%; transform: translate(-41%, 35%); z-index: 9999; }
    .sitehead.compact .head-search { transform: translate(-17%, 95%); max-height: 40px; }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0%; transform: translate(0%, 35%); z-index: 9999; }
    .sitehead.compact .head-links { transform: translate(0%, 95%); }
    #snow .left { height: 150px; width: 421px; top: 180px; position: absolute; left: -60px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: center center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (max-width: 1670px) and (min-width: 1500px) {
    .sitehead .head-search { position: absolute; bottom: 50%; left: 50%; transform: translate(-41%, -130%); z-index: 9999; }
    .sitehead.compact .head-search { transform: translate(20%, 48%); max-height: 40px; max-width: 330px; }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0px; transform: translate(0%, -112%); z-index: 9999; }
    .sitehead.compact .head-links { transform: translate(0%, 59%); }
    .sitehead.compact nav > ul > li { margin-right: 0px !important; }
    #snow .left { height: 150px; width: 421px; top: 180px; position: absolute; left: -60px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: center center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (max-width: 1499px) and (min-width: 1230px) {
    .sitehead .head-search { position: absolute; bottom: 50%; right: 0%; transform: translate(-163%, -125%); width: 24%; z-index: 9999; }
    .sitehead.compact .head-search { bottom: 50%; right: 4%; transform: translate(-226px, 47%); width: 7%; }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0%; transform: translate(-16px, -110%); z-index: 9999; max-width: max-content; gap: 10px; }
    .sitehead.compact .head-links { bottom: 50%; right: 0%; transform: translate(-16px, 57%); }
    .sitehead.compact nav > ul > li:nth-child(4) { display: none; }
    .sitehead.compact nav > ul > li { margin-right: 0px !important; }
    #snow .left { height: 150px; width: 421px; top: 180px; position: absolute; left: -116px; background-image: url("images/assets/snow-left.svg"); }
    #snow .mid { height: 107px; width: 100%; position: absolute; background-image: url("images/assets/snow-middle.svg"); left: 50%; transform: translateX(-50%); top: 185px; background-position: center center; }
    #snow .right { height: 161px; width: 373px; position: absolute; right: -30px; top: 120px; background-image: url("images/assets/snow-right.svg"); }
}

@media screen and (max-width: 1600px) {
    nav .sub-n-save.prom strong { color: rgb(39, 39, 39); font-size: 1.1rem; margin-bottom: 5px; }
    nav .sub-n-save.prom span { font-size: 1rem; color: rgb(39, 39, 39); font-weight: normal; }
}

@media screen and (max-width: 1430px) {
    .masthead .delivmsg { display: none; }
    .head-search input { font-size: 1rem; }
}

@media screen and (max-width: 1430px) and (min-width: 1231px) {
    nav .sub-n-save.prom strong { font-size: 0.9rem; white-space: nowrap; }
    nav { font-size: 1em; }
    nav .sub-n-save { width: 280px; }
    nav .sub-n-save.prom .text { padding-left: 8px; padding-right: 8px; }
}

@media screen and (min-width: 1230px) {
    .spacer { height: 285px; max-height: 285px; }
}

@media screen and (max-width: 1229px) and (min-width: 992px) {
    nav .sub-n-save.prom strong { font-size: 0.9rem; }
    .account-link { width: 50px; }
    .account-link span { display: none; }
    .masthead .site-logo { width: 200px; }
    .head-search { width: 350px; }
    .head-links { max-width: 250px; }
    nav > ul > li { margin-right: 0px !important; }
    nav > ul > li:nth-child(4) { display: none; }
    .spacer { height: 230px; max-height: 230px; }
    .sitehead .head-search { position: absolute; bottom: 50%; right: 0%; transform: translate(-143%, -90%); width: 30%; z-index: 9999; }
    .sitehead.compact .head-search { bottom: 50%; right: 51%; transform: translate(224%, 52%); width: 124px; }
    .sitehead .head-links { position: absolute; bottom: 50%; right: 0px; transform: translate(0%, -80%); z-index: 9999; max-width: max-content; gap: 10px; }
    .sitehead.compact .head-links { bottom: 50%; right: 0%; transform: translate(0%, 61%); gap: 5px; }
    nav > ul .drop { font-size: 1em !important; }
    .nav-container .nav-ad { display: none; }
    .nav-container .cols { max-width: 100% !important; width: 100% !important; }
    nav { font-size: 1em; }
    nav .sub-n-save { width: 280px; }
}

@media screen and (max-width: 1229px) and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
    .headspacer { height: 285px; }
    .navigation .rel-bg { position: relative; }
    .navigation .rel-bg::before { content: ""; position: absolute; width: 100vw; height: 68px; background-color: rgb(247, 247, 247); top: 0px; right: 50%; transform: translateX(50%); z-index: -1; }
    .sitehead.compact .head-links .txt { display: none !important; }
    .head-links.mob { display: none; }
    .sitehead.fix { position: static !important; z-index: -10; }
    .sitecontent { position: relative; z-index: 1; padding-bottom: 30px; }
    .spacer.smol { max-height: 130px; }
    .grid-position { display: grid; grid-template-columns: 1fr; }
    .grid-position > div { grid-row-start: 1; grid-column-start: 1; }
    .masthead { max-height: 218px; background-color: rgb(255, 255, 255); display: block !important; }
    .xmas .masthead { background-color: transparent !important; }
    .sitehead { position: sticky; top: 0px; left: 0px; z-index: 10; max-height: 286px; }
    .sitehead.compact { max-height: 108px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; }
    .sitehead.compact .masthead { overflow: hidden; }
    .sub-n-save { transition: none 0s ease 0s !important; }
    .sitehead.compact .head-search input { max-height: 38px; }
    .sitehead.compact .head-search .action { max-height: 38px; }
    .sitehead.compact .head-links .txt { opacity: 0; }
    nav { display: flex; justify-content: space-between; align-items: center; }
    nav > ul { display: flex; list-style: none; padding: 0px; gap: 20px; }
    nav > ul > li { display: flex; align-items: center; }
    nav > ul > li > i { color: rgb(74, 173, 148); margin-left: 10px; font-size: 1em; }
    nav > ul > li > div > a { display: flex; color: rgb(40, 53, 81); font-size: 1.3em; height: 68px; align-items: center; padding: 0px 10px; text-align: center; }
    nav > ul > li:hover > a { background-color: rgb(74, 173, 148); color: rgb(255, 255, 255); }
    nav > ul > li:hover > a i { color: rgb(255, 255, 255); transform: rotate(180deg); }
    nav > ul > li .drop {font-size: 1.1em; position: absolute; top: 100%; width: 100%; max-height: 0px; overflow: hidden; left: 0px; color: rgb(40, 53, 81); background-color: rgb(255, 255, 255); z-index: 10000; display: block; }
    nav > ul > li .drop.right {left: -241px;}
    nav > ul > li .drop .inner { padding: 20px 15px; display: flex; width: 100%; border-top: 10px solid rgb(40, 53, 81); }
    nav > ul > li .drop .inner .cols { width: calc(100% - 320px); display: flex; max-width: 70%; }
    nav > ul > li:hover .drop { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; max-height: 500px; }
    nav > ul > li:hover .drop:has(.thin-banner) { max-height: calc(400px + 3rem); border-radius: 0 0 0.25rem 0.25rem; }
    nav > ul > li .drop ul { list-style: none; padding: 0px; text-align: left; display: flex; flex-wrap: wrap; }
    nav > ul > li .drop .col {padding: 15px;}
    nav > ul > li .drop .col.brnd ul li { width: calc(33.3333%); }
    nav > ul > li .drop .col.colour ul li { width: calc(33.3333%); }
    nav > ul > li .drop .col.colour ul li.xmas { width: calc(66.6666%); }
    nav > ul > li .drop .col.brnd { width: 50%; border-right: 1px solid rgb(40, 53, 81); }
    nav > ul > li .drop .col.colour {width: 50%;padding-left: 6%;}
    nav > ul > li .drop ul li.title { padding-bottom: 15px; font-weight: bold; color: rgb(74, 173, 148); font-size: 1.6em; width: 100% !important; }
    nav > ul > li .drop a { color: rgb(40, 53, 81); font-weight: 500; display: flex; align-items: center; height: 35px; width: 100%; font-size: 1.3em; }
    nav > ul > li .drop a:hover { color: rgb(74, 173, 148) !important; }
    nav .nav-ad a { height: auto !important; }
    nav > ul > li:not(:first-child) { position: relative; }

    nav > ul > li:not(:first-child) .drop {width: fit-content;max-width: 575px;}
    nav > ul > li:not(:first-child) .drop .section { width: 100%; display: flex; grid-gap: 15px; flex-wrap: wrap; border-bottom: 3px solid; padding: 30px; margin: 0px; }
    nav > ul > li:not(:first-child) .drop .section > * { padding: 0px; }
    nav > ul > li:not(:first-child) .drop a { width: max-content; display: flex; height: auto; }
    .navicon-container { display: none; }
    nav { display: flex !important; overflow: visible !important; }
    nav i.mob { display: none; }
    nav .subsublist { display: flex !important; }
    .thin-banner img { display: none; }
}

@media (min-width: 1230px) and (max-width: 1450px) {
    nav > ul { gap: 5px !important; }
    nav { margin: 0px -15px; gap: 30px; }
    nav > ul > li > div > a { font-size: 1.3em; text-wrap: balance; width: max-content; }
    .sub-n-save-img { display: none; }
    nav .sub-n-save { padding-left: 15px; gap: 15px; line-height: 1; width: 300px; padding-right: 15px; font-size: 1.3em; }
    nav > ul > li:not(:first-child) { }
    nav > ul > li:not(:first-child) .drop {right: -30px;left: -200px;}
}




@media (min-width: 992px) and (max-width: 1340px) {
    .container { max-width: 1200px; }
    .headspacer { height: 233px; }

    nav > ul { gap: 5px !important; }
    nav { margin: 0px -15px; gap: 30px; }
    nav > ul > li > div > a { font-size: 1.2em; text-wrap: balance; width: max-content; }
    .sub-n-save-img { display: none; }
    nav .sub-n-save { padding-left: 15px; }
    nav > ul > li:not(:first-child) { }
    nav > ul > li:not(:first-child) .drop {right: 0px;left: auto;}
    .thin-banner { font-size: 1rem; }
}

@media (min-width: 992px) and (max-width: 1060px) {
    .sub-n-save br { display: none; }
    .sub-n-save span { display: none; }
    .sub-n-save strong { }
}

@media screen and (max-width: 991px) {
    .thin-banner .tb-mob { display: initial; }
    .thin-banner .tb-desk { display: none; }
    .sitehead > .container { padding: 0px !important; }
    .masthead .toplinks { display: none; }
    .masthead .top-bar { display: none; }
    .head-links strong { font-size: 0.75rem !important; }
    .mob-basket strong { display: none; }
      .sitehead > .rel > .ab{transform: translateY(0%); opacity:1;}
    .sitehead.fix > .rel > .ab{transform: translateY(-100%); opacity: 0;}
  
    .sitehead { position: sticky; z-index: 9999; top: 0px; left: 0px; background-color: rgb(255, 255, 255); }
    .head-search { width: 100%; max-width: 100%; }
    .site-head { padding: 10px 0px; position: relative; }
    .site-logo { width: 240px; padding: 10px 0px; }
    .head-links { justify-content: end; }
    .navigation { position: sticky; bottom: 0px; left: 0px; width: 100%; z-index: 99999; padding: 15px 0px; border-top: 1px solid rgb(40, 53, 81); border-bottom: 1px solid rgb(40, 53, 81); background-color: rgb(255, 255, 255); }
    .navigation .head-links { display: none; }
    .navigation > .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .navigation > .container .head-search { max-width: calc(100% - 60px); }
    .navigation > .container .head-search.basket { max-width: 68%; }
    .sub-n-save { display: none !important; }
    .nav-container { width: 100%; max-height: calc(-180px + 100vh); overflow: auto; }
    .navicon-container { display: inline-block; width: 30px; height: 45px; padding-top: 9px; }
    .navicon-container .menu-icon { width: 200%; height: 100%; transition: all 0.5s ease-in-out 0s; transform: rotate(0deg) scale(0.7) translateX(-18px); position: relative; cursor: pointer; transform-origin: left top; }
    .navicon-container .menu-icon span { display: block; position: absolute; height: 8px; border-radius: 10px; opacity: 1; left: 0px; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; background-color: rgb(40, 53, 81); }
    .navopen .navicon-container .menu-icon span { background-color: rgb(40, 53, 81); }
    .navicon-container .menu-icon span:nth-child(1) { top: 0px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon span:nth-child(2) { top: 18px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon span:nth-child(3) { top: 36px; width: 100%; transform-origin: left center; }
    .navicon-container .menu-icon.open span:nth-child(1) { transform: rotate(45deg); top: -3px; left: 8px; }
    .navicon-container .menu-icon.open span:nth-child(2) { width: 0%; opacity: 0; }
    .navicon-container .menu-icon.open span:nth-child(3) { transform: rotate(-45deg); top: 39px; left: 8px; }
    .navigation .drop .container { padding: 0px !important; }
    nav { display: none; }
    nav .sub-n-save { width: 100%; justify-content: center; }
    nav .sub-n-save img { margin-right: 15px; }
    nav > ul { padding: 15px; list-style: none; max-width: 500px; margin: 0px auto; }
    nav > ul .drop { display: none; width: 100%; font-size: 1.1em; }
    nav > ul .drop a { color: rgb(40, 53, 81); display: flex; height: 40px; align-items: center; width: 100%; }
    nav > ul .drop ul { list-style: none; padding: 0px; }
    nav > ul .drop ul .title { color: rgb(74, 173, 148); font-weight: 700; padding: 10px 0px; }
    nav > ul > li { border-bottom: 1px solid rgb(221, 221, 221); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    nav > ul > li div > a { color: rgb(40, 53, 81); font-size: 1.2em; height: 50px; display: flex; align-items: center; }
    nav > ul > li:not(:first-child) div > a { width: 100%; }
    nav i.desk { display: none; }
    nav i.mob { width: 50px; height: 50px; font-size: 1.8em; color: rgb(74, 173, 148); display: flex; align-items: center; justify-content: center; }
    .head-search input { height: 50px; }
    .head-search .action { height: 50px; }
    nav .item-top { display: flex; justify-content: space-between; align-items: center; width: 100%; }
    nav > ul > li .drop .nav-ad { display: none; }
    nav > ul > li .drop .cols { width: 100%; }
    nav .subsublist { max-height: 300px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); overflow: auto !important; }
    .mob-nav-pos { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

    nav > ul > li:first-child .drop.d-top { display: none !important; }
    nav > ul > li .drop.d-top a { font-size: 1.1em; font-weight: 700; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .navigation { padding: 20px 15px; }
    .headspacer { height: 205px; }
}

@media screen and (max-width: 767px) {
    .headspacer { height: 200px; }
}

@media screen and (max-width: 650px) {
    .head-links { justify-content: end; }
    .head-links a { margin-left: 10px; }
    .site-head { justify-content: center; }
    .headspacer { height: 275px; }
}

@media screen and (max-width: 500px) {
    .head-search input { height: 38px; }
    .head-search .action { height: 40px; }
    .head-search { height: 40px; }
    .navicon-container { padding-top: 4px; transform: scale(0.8); }
    .navigation { padding: 10px 0px; }
    .site-logo { }
    .headspacer { height: 260px; }
}

@media screen and (max-width: 450px) {
    .site-logo { display: flex; align-items: center; }
    .head-links .round .inner { width: 40px; height: 40px; font-size: 0.7em; }
    .head-links .round { width: 50px; height: 50px; }
    .head-links { position: static; min-width: 100%; justify-content: space-between; }
    .head-search input { font-size: 0.9rem; padding-left: 10px; }
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 350px) {
    .head-search input { font-size: 0.8rem; padding-left: 8px; }
}

.sitemap nav { display: block !important; }
.sitemap nav ul { display: block; padding: 0px; }
.sitemap nav ul a { display: block; padding: 0px; }
.sitemap nav > ul > li > div > a { height: auto; }
.sitemap nav > ul > li .drop { position: static; display: block; border-top: none; box-shadow: none; padding: 0px; }
.sitemap nav > ul > li { display: block; margin-bottom: 10px; }
.sitemap nav > ul > li .drop ul { display: none; }
.sitemap .sub-n-save { display: none; }

.newsletter .editor-field { width: 100%; }
.newsletter .editor-field input { height: 60px; padding-left: 15px; width: 100%; }
.editor-label { margin-bottom: 10px; }
.editor-label label { font-weight: 700; font-size: 1.1em; }
.editor-field { margin-bottom: 15px; position: relative; }
.editor-field textarea { border: 1px solid #cfcfcf; min-height: 200px; width: 100%; padding: 15px; border-radius: 3px; font-size: 1.05em; }
.editor-field input, .editor-field select { border-radius: 3px; width: 100%; display: block; border: 1px solid #cfcfcf; height: 45px; padding-left: 10px; font-size: 1.05em; }

input[type="submit"], input[type="button"] { -webkit-appearance: none; }
input[type="submit"], .btn { cursor: pointer; text-align: center; }
.toast .field-validation-error { margin-top: 0; color: inherit; display: initial; }
.field-validation-error { margin-top: 10px; color: red; display: block; }
.editor-field.center-txt > * { text-align: center; padding-left: 0px !important; }
.editor-field.on-white > * { border-radius: 3px; width: 100%; display: block; border: none; height: 37px; padding-left: 10px; border: 1px solid #ACACAC; box-shadow: 0px 3px 6px #00000029; }
.editor-field.lg-field > * { height: 45px; }
input[type="submit"] { cursor: pointer; width: 100%; font-size: 1em; text-align: center; height: 40px; line-height: 40px; display: block; background-color: #4aad94; color: #fff; max-width: 110px; }
input[type="submit"] { background-color: transparent; color: #4aad94; }
input:not(.btn)[type="submit"]:hover { background-color: #fff; color: #4aad94; }
.editor-field .forgot { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-size: 1.2em; cursor: pointer; }
.editor-field .forgot:hover { color: #4aad94; }

.editor-field.capt { height: 50px; position: relative; border: 1px solid #cfcfcf; overflow: hidden; }
.editor-field.capt > div { position: absolute; overflow: hidden; border: none !important; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); }
.editor-field.capt > div .g-recaptcha { border: none !important; }

.editor-field.packof select { height: 45px; box-shadow: none; color: #000; width: 60px; border: 1px solid #cfcfcf; padding-left: 5px; min-width:80px; }
.editor-field.packof.sml select { height: 35px; }

#discountform .btn { width: 130px; }
#discountform input { border: none !important; height: 50px; width: 100%; }

.col.quant .editor-field input { padding: 0px; text-align: center; width: 50px; margin: 0 auto; }

#pickdeladdr { width: 100%; margin-bottom: 15px; min-height: 45px; }

.add-bask-section .OK { font-size: 1.1rem; border-radius: 5px; display: flex; grid-gap: 10px; align-items: center; justify-content: center; font-size: 1.4rem; }
.add-bask-section .OK:after { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f291"; }

.OK { padding: 20px; color: #fff; background-color: #4aad94; margin: 20px 0; text-align: center; }
#customerquoteform .OK { background-color: #4aad94; }
.OK .msg { padding: 0px; font-weight: bold; font-size: 1.2em; }
.OK ul { padding: 0; margin: 0; list-style: none; color: #fff; }
.view-basket { color: #4aad94; background-color: #fff; max-width: 100%; text-align: center; font-weight: bold; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50px; }
.view-basket:hover { color: #fff; background-color: #283551; }
.KO { padding: 10px 10px 10px; color: #fff; background-color: #e3000f; margin-bottom: 10px; text-align: left; }
.KO ul { padding: 0; margin: 0; list-style: none; color: #fff; }
.Generic { padding: 10px; color: #fff; background-color: #333; margin-bottom: 10px; }

.validation-summary-errors ul, .validation-summary-errors ol { color: #e91e63; margin-bottom: 15px; }

label.checkbox { cursor: pointer; border: 1px solid #cfcfcf; display: block; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 3px; }
label.checkbox i { opacity: 0; color: #4aad94; font-size: 1.2em; }
label.checkbox.on i { opacity: 1; }
label.checkbox input { display: none; }
.stock-err-msg { margin-top: 65px; text-align: center; }
.stock-err-msg .KO { text-align: center; border-radius: 5px; }
.basket-table.check-out .table-bs { margin-bottom: 30px; }
.enter-postcode .editor-field { max-width: calc(100% - 130px); }

.editor-field .topay { background-color: #4aad94; display: flex; align-items: center; border-radius: 3px; border: 1px solid #4aad94; }
.editor-field .topay span { color: #fff; width: 50px; text-align: center; font-weight: 700; font-size: 1.6em; }
.editor-field .topay input { border: none; }

.g-recaptcha div, .g-recaptcha { height: 60px !important; }
.g-recaptcha { height: 60px; overflow: hidden; position: relative; /* border: 1px solid #cbcbcb; */ background-color: #f9f9f9; }
.g-recaptcha div { margin: 0 auto; width: 160px !important; overflow: hidden; }
.g-recaptcha div div { margin: -7px 0 0 -7px; height: 60px; }


.ref-table { display: grid; grid-template-columns: 1fr 1fr; border-radius: 10px; overflow: hidden; border: 1px solid #283551; }
.ref-table-header { background-color: #283551; color: #fff; padding: 1rem; font-size: 1.3rem; }
.ref-table-row { padding: 0.5rem 1rem; font-size: 1.2rem; }
.ref-table-row:nth-child(odd) { background-color: #ebebeb; }

.ref-form { display: flex; width: 100%; }
.ref-form > input { border-radius: 10px 0 0 10px; border: 1px solid #cfcfcf; padding-left: 15px; }
.ref-form > * { flex-grow: 1; }
#discountform, #customerquoteform { background-color: #f9f9f9; margin-top: 15px; }
#customerquoteform h3 { margin-top: 0; }
#customerquoteform { padding: 20px; }
#discountform .validation-summary-errors ul { margin-bottom: 15px; padding: 10px 10px 10px 28px; background-color: #e91e63; color: #fff; }
#discountform h3 { margin: 0; padding: 0 15px; }
#discountform h3 i, #customerquoteform h3 i { margin-right: 15px; color: #4aad94; }
#discountform .notice span { color: #333333; display: block; line-height: 15px; padding: 0 15px; }
#discountform input[type="text"] { border: 1px solid #d4d4d4; }
#discountform input[type="submit"] { font-size: 0.95em; }
#discountform .notice .line, #customerquoteform .notice .line { border: .6px solid #eeeeee; margin: 10px 0; }
#customerquoteform .notice .line { margin-left: -15px; margin-bottom: 20px; margin-right: -15px; }
#discountform .editors { padding: 15px; }
#discountform .editors .editor-label { margin-bottom: 15px; }
#discountform .editors .editor-field input[type="radio"] { width: 25px; height: 25px; float: left; }
#discountform .editors .editor-field.value input { width: 100%; height: 40px; }
#discountform .editors .editor-field label span.type { color: #283551; font-weight: bold; margin: 8px; display: inline-block; }
#discountform .editors .editor-field label i { color: #4aad94; font-size: 1.3em; margin-right: 10px; }

.sortby { max-width: 260px; border-radius: 50px; }

.range-slider { margin: auto; text-align: center; position: relative; padding-bottom: 25px; }
.range-slider .editor-field input { height: 30px; padding-left: 25px; font-size: 1.1rem; color: #707070; }
.range-slider .editor-field { position: relative; width: calc(50% - 15px); }
.range-slider .editor-field span { color: #707070; font-size: 1.1rem; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }
.range-slider .sliders { position: relative; height: 10px !important; margin: 15px 0px; z-index: 10; }
.range-slider .sliders:before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 6px; background-color: #4aad94; display: block; width: 100%; border-radius: 5px; }
.range-slider .sliders input[type=range] { position: absolute; left: 0; top: 0; width: calc(100% - 5px) !important; height: 0px !important; }
.range-slider .sliders svg { position: absolute; left: 0; top: 0; width: calc(100% - 5px); }
.range-slider .editor-field input { width: 100% !important; max-width: 100% !important; height: 30px !important; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number]:invalid,
input[type=number]:out-of-range { border: 2px solid #ff6347; }
input[type=range] { -webkit-appearance: none; width: 100%; }
input[type=range]:focus { outline: none; }
input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; height: 0px; }
input[type=range]:focus::-ms-fill-lower { background: transparent; }
input[type=range]:focus::-ms-fill-upper { background: transparent; }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 0px; cursor: pointer; background: transparent; border-radius: 1px; box-shadow: none; border: 0; }
input[type=range]::-webkit-slider-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px 1px #d8d8d8; border: 3px solid #fff; height: 18px; width: 18px; border-radius: 100%; background: #4b5d71; cursor: pointer; -webkit-appearance: none; margin-top: -7px; }
input[type=range]::-moz-range-track { width: 100%; height: 0px; cursor: pointer; background: transparent; border-radius: 1px; box-shadow: none; border: 0; }
input[type=range]::-moz-range-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px 1px #d8d8d8; border: 3px solid #fff; height: 18px; width: 18px; border-radius: 100%; background: #4b5d71; cursor: pointer; }
input[type=range]::-ms-track { width: 100%; height: 0px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }
input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper { background: transparent; border-radius: 1px; box-shadow: none; border: 0; }
input[type=range]::-ms-thumb { z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 1px solid transparent; height: 18px; width: 18px; border-radius: 25px; background: #4b5d71; cursor: pointer; }

.corpocontact .btn { max-width: 100%; width: 100%; height: 83px; box-shadow: 0px 0px 9px #0000002B; border-radius: 15px; font-size: 2em; }

@media screen and (max-width: 1229px) and (min-width: 992px) {
}

@media screen and (min-width: 992px) {
    .basket-table .head { display: flex; }
    .mob-title { display: none; }
    .checkoutpage { padding-right: 348px; position: relative; }
    .checkoutpage .total-bs { position: absolute !important; top: 0px; right: 0px; height: 100%; width: 318px; padding: 0px !important; }
    .col.price .price-title { display: none; }
    .sortby-bs { width: 290px !important; }
}

@media screen and (max-width: 991px) {

    .basket-table .head { display: none; }
    .basket-table .row:nth-child(even), .basket-table .row:nth-child(even) + .col-comp { background-color: #f1f1f1; }




    .basket-table.subscriptions .row { padding-left: 15px; padding-right: 15px; }


    .order-list .basket-table .row { padding: 15px !important; }
    .order-list .basket-table .col.prod { width: 100%; max-width: 290px; }
    .order-list .basket-table .col.quant .flx-bx { width: 100%; display: block; }
    .order-list .basket-table .col.quant { flex-wrap: wrap; margin-top: 15px; }

    .col.price .price-title { display: none; }
    .order-list .col.price .price-title { display: inline-block !important; font-weight: 800; margin-right: 15px; width: 130px; }
    .basket-table.subscriptions { border: 1px solid #cfcfcf; border-radius: 5px; }
    .basket-table.subscriptions .col .price-title { display: inline-block !important; font-weight: 800; margin-right: 15px; width: 60px; text-align: left; }
    .basket-table.subscriptions .col.price { width: 100%; }
    .basket-table.subscriptions .col.quant { width: 100%; margin: 10px 0px; }
    .basket-table.subscriptions .col.options .auto-w { width: 100%; }
    .basket-table.subscriptions .col.options .btn { width: 100%; margin-top: 10px; }

    .col.prod .description { margin-bottom: 10px; }
    .col.price, .col.quant { display: flex; align-items: center; margin-bottom: 10px; }

    .col.quant.controls { justify-content: space-between; max-width: 190px; }
    .col.quant.controls .editor-field { margin-bottom: 0px; }
    .col.quant.controls .mt-10 { margin: 0px; }

    .col.price .mob-title { min-width: 45px; }
    .col.quant .mob-title { min-width: 45px; }
    .specialhead.flx-bx { justify-content: center !important; }

    #discountform { padding: 15px !important; }
}

@media screen and (max-width: 767px) {
    .basket-table .row .col.prod .section .img-boot { width: 30%; max-height: 100%; }

    .basket-table.subscriptions .row { padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width: 600px) {
    .basket-table .row .col.prod .section .img-boot { position: static; margin-bottom: 15px; }
}

@media screen and (max-width: 420px) {
    .newsletter .editor-field input { border-radius: 100px; text-align: center; padding: 0px; }
    .rev-form .leave-review .flx-bx { flex-wrap: wrap; }
    .rev-form .leave-review .editor-label { width: 100%; margin-bottom: 5px; }
    .rev-form .leave-review .rev.rate { display: flex; justify-content: space-between; width: 150px; }
    .rev-form .leave-review .rev.rate label { margin-top: 10px; }
}



@keyframes shimmer {
  0% {
    background-position: -300px 0px;
  }
  100% {
    background-position: 300px 0px;
  }
}

@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translate3d(0, -1rem, 0);
  }
}

@-webkit-keyframes fa-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes fa-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@-ms-keyframes load4 {
  0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-o-keyframes load4 {
  0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-moz-keyframes load4 {
  0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-webkit-keyframes load4 {
  0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
  0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

*, *:before{-webkit-transition: transform .1s ease-in-out;-ms-transition: transform .1s ease-in-out;transition: background-color .1s linear, color .1s, fill .1s, transform .1s ease-in-out, max-height 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity .2s ease-in-out, background-image 0.2s ease-in-out, box-shadow 0.2s, width 0.2s, filter 0.2s linear, visibility 0.2s ease-in-out;}
.no-transition{transition: none !important;}
.lazy{opacity: 0;max-height: 10px;}
.scrollhide{ transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear;}
.scrollhide.hidden{opacity: 0;}
.scrollhide.from-right.hidden{transform: translateX(50%);}
.scrollhide.from-left.hidden{transform: translateX(-50%);}
.scrollhide.from-below.hidden{transform: translateY(50%);}
.scrollhide.rotate-in.hidden{transform: translateY(50%) rotate(-60deg); transform-origin: bottom right;}
.scrollhide.from-left.hidden.subtle{transform: translateX(20%);}
.scrollhide.from-left.subtle{transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear;}
.scrollhide.from-right.hidden.subtle{transform: translateX(-20%);}
.scrollhide.from-right.subtle{transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear;}
.info-tabs { }
.info-tabs .top ul{margin-bottom: 15px; padding: 0px 0px 15px; display: flex; list-style: none; border-bottom: 1px solid #283551;}
.info-tabs .top ul li{color: #283551;margin-right: 15px; opacity: 0.5; cursor: pointer; font-size: 1.5em; font-weight: 900;}
.info-tabs .top ul li.active, .info-tabs .top ul li:hover{ opacity: 1; }
.info-tabs .top ul li i {display: none;}
.info-tabs .body {display: grid; grid-template-columns: 1fr;}
.info-tabs .body .tab {transform: translateY(0px); grid-row-start: 1; grid-column-start: 1; transition: none;}
.info-tabs .body .tab.active {transform: translateY(0px);}
.ajaxLoader { min-height: 40px; line-height: 35px; text-align: center; }
.ajaxLoader i { display: inline-block; color: #2bbed8; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.prod-submit .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); margin-right: 10px; }
.skel-load-bg { margin-top: 15px; background-color: #f7f7f7; background-image: linear-gradient( to right, #f7f7f7 0%, #cdcdcd 45%, #f7f7f7 70%, #f7f7f7 100% ); background-size: 300px 300px; background-repeat: no-repeat; animation: shimmer 1.4s linear infinite; }
.bouncing-loader { display: flex; justify-content: center; }
.bouncing-loader > div { width: 10px; height: 10px; margin-left: 5px; background: #4aad94; border-radius: 50%; animation: bouncing-loader 0.6s infinite alternate; }
.bouncing-loader > div:nth-child(2) { animation-delay: 0.2s; }
.bouncing-loader > div:nth-child(3) { animation-delay: 0.4s; }
#snow {background-color: #283551; overflow: hidden; position: relative;}
#snow i { position: absolute; border-radius: 100%; background-color: white; box-shadow: 0 0 5px white; animation: snowfall 5s linear infinite; }

@keyframes snowfall {
    0% { transform: translate(-10vw, -50vh); }

    100% { transform: translate(10vw, 50vh); }
}

.popup .overlay {position:fixed; left: 0px;top: 0px;width: 100%;height: 100vh;background-color: #000; z-index: 9999; opacity: 0.5;}
.popup .pop-container {border-radius: 5px; max-height: calc(100vh - 30px); overflow: auto; position: fixed; z-index: 9999; background-color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); max-width: 1610px; }
.popup .close {position:absolute; top: 0px; right: 0px; cursor: pointer;}
.popup .close:hover .rel:before {background-color: #283551;}
.popup .close:hover .rel:after {background-color: #283551;}
.close .rel{width: 30px; height: 30px; transform: rotate(45deg);}
.close .rel:before{transition: none; position: absolute;  display: block; content: ""; width: 5px; height:100%; border-radius: 5px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #4aad94;}
.close .rel:after{transition: none; position: absolute; content: ""; display: block; width: 100%; height: 5px; border-radius: 5px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #4aad94;}
.popup.delconfirm .pop-container { height: 533px; max-width: 855px; }
.popup.delconfirm .pop-container h2 { font-size: 2.375rem; }
.popup.delconfirm .pop-container h3 { font-size: 1.875rem; }
.popup.delconfirm .pop-container .card-head-stroke { height: 9.45px; border-radius: 10px 10px 0px 0px; background-color: #4AAD94; position: absolute; width: 100%; left: 0; top: 0; }
.popup.delconfirm .pop-container .card-btm { background-color: #fafafa; position: absolute; bottom: 0; left: 0; width: 100%; }
.popup.delconfirm .pop-container .card-btm .btn { height: 60px; font-size: 1.375rem; }
.popup.delconfirm .pop-container .card-btm .btn.update { border: 2px solid #283551; border-radius: 30px; text-decoration: underline;  }

.popup.cust {transition: none !important; position: relative; z-index: 9999;}
.popup .pop-container.info-open {max-width: 1000px !important;}
.popup .pop-container.custom-pop {transition: ease-in-out .4s; opacity: 1;}
.popup .pop-container.custom-pop.shut {opacity: 0; transform: translateY(0%) translateX(-50%); }

.pop-container.errorpop {max-width: 800px;}

@media screen and (max-width: 500px) {
    .custom-pop .padd-30{padding: 15px !important;}
    .custom-pop .mt-30{margin-top: 15px !important;}
    .custom-pop .rati-100{padding-top: 70%;}
    .custom-pop .mb-30{margin-bottom: 15px;}
    .custom-pop .editor-field {margin-bottom: 10px !important;}
    .custom-pop .editor-field input{height: 35px;}
    .custom-pop .min-h-422 {min-height: 10px;}
    .custom-pop .selected-colour {display: none;}
}
@font-face { font-family: arial-rounded; src: url("fonts/customisation/arial-rounded.TTF") format('truetype'); }

@font-face { font-family: avant-garde; src: url("fonts/customisation/avant-garde.ttf") format('truetype'); }

@font-face { font-family: ballantines; src: url("fonts/customisation/ballantines-script.ttf") format('truetype'); }

@font-face { font-family: blacklight; src: url("fonts/customisation/blacklight.ttf") format('truetype'); }

@font-face { font-family: brush-script; src: url("fonts/customisation/brush-script.ttf") format('truetype'); }

@font-face { font-family: century-gothic; src: url("fonts/customisation/century-gothic.ttf") format('truetype'); }

@font-face { font-family: dancing-script; src: url("fonts/customisation/dancing-script.ttf") format('truetype'); }

@font-face { font-family: din; src: url("fonts/customisation/din.ttf") format('truetype'); }

@font-face { font-family: eurostyle; src: url("fonts/customisation/eurostile.ttf") format('truetype'); }

@font-face { font-family: futura; src: url("fonts/customisation/futura.ttf") format('truetype'); }

@font-face { font-family: handel-gothic; src: url("fonts/customisation/handel-gothic.ttf") format('truetype'); }

@font-face { font-family: helvetica; src: url("fonts/customisation/helvetica.ttf") format('truetype'); }

@font-face { font-family: lobster; src: url("fonts/customisation/lobster.ttf") format('truetype'); }

@font-face { font-family: lucida-sans; src: url("fonts/customisation/lucida-sans.ttf") format('truetype'); }

@font-face { font-family: mark-pro; src: url("fonts/customisation/lucida-sans.ttf") format('truetype'); }

@font-face { font-family: heart-mono-left; src: url("fonts/customisation/heart-mono/third/Heart-Monogram-Left.ttf") format('truetype'); }

@font-face { font-family: heart-mono-middle; src: url("fonts/customisation/heart-mono/third/Heart-Monogram-Center.ttf") format('truetype'); }

@font-face { font-family: heart-mono-right; src: url("fonts/customisation/heart-mono/third/Heart-Momogram-Right.ttf") format('truetype'); }

@font-face { font-family: diamond-mono-left; src: url("fonts/customisation/diam-mono/Diamond-Mono-Left.ttf") format('truetype'); }

@font-face { font-family: diamond-mono-middle; src: url("fonts/customisation/diam-mono/Diamond-Mono-Center.ttf") format('truetype'); }

@font-face { font-family: diamond-mono-right; src: url("fonts/customisation/diam-mono/Diamond-Mono-Right.ttf") format('truetype'); }

@font-face { font-family: abrilfatface; src: url("fonts/customisation/abrilfatface.ttf") format('truetype'); }

@font-face { font-family: comic-neue; src: url("fonts/customisation/comic-neue.ttf") format('truetype'); }

@font-face { font-family: garamond; src: url("fonts/customisation/garamond.ttf") format('truetype'); }

@font-face { font-family: garamond-semi-bold; url("fonts/customisation//EBGaramond-SemiBold.ttf") format('truetype'); }

@font-face { font-family: red-hat-display; src: url("fonts/customisation/RedHatDisplay-Regular.ttf") format('truetype'); }

@font-face { font-family: archivo; src: url("fonts/customisation/Archivo-Regular.ttf") format('truetype'); }

.custom_scaler { transition: none !important; }

#imgupdtate_clone { position: relative; aspect-ratio: 1; }
.product.prod-round #html2canvasdiv { border-radius: 100%; overflow: hidden; }



.minion { font-family: "minion-pro", serif; font-weight: 400; font-style: normal; }
.amatic { font-family: 'Amatic SC', cursive; }
.dosis { font-family: 'Dosis', sans-serif; }
.georgia { font-family: "georgiapro", sans-serif; font-weight: 600; font-style: normal; }
.mogra { font-family: 'Mogra', cursive; }
.futura { font-family: "futura-pt", sans-serif; font-weight: 400; font-style: normal; }
.myriad { font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: normal; }
.lobster { font-family: "lobster", sans-serif; font-weight: 400; font-style: normal; }
.playfair { font-family: 'Playfair Display', serif; font-weight: 400; font-style: normal; }
.alice { font-family: 'Alice', serif; }
.baskerville { font-family: "baskerville-display-pt", serif; font-weight: 400; font-style: normal; }
.metal { font-family: 'Metal', serif; }
.allura { font-family: 'Allura', cursive; }
.old-standard { font-family: 'Old Standard TT', serif; }
.besley { font-family: 'Besley', serif; }
.caladea { font-family: 'Caladea', serif; }
.petit { font-family: 'Petit Formal Script', cursive; }
.poppins { font-family: "Poppins", sans-serif; font-style: normal; }
.garamond { font-family: "Garamond", serif; font-style: normal; }
.besley { font-family: "besley", serif; font-style: normal; }
.red-hat-display { font-family: "red-hat-display", sans-serif; font-style: normal; }

.radio-list.presets label > img { max-width: 80%; }


.preset-designs-preview { width: 100%; transform: scale(.8); }
.preset-designs-preview img { width: 100%; }

.special-occasion-preview { width: 100%; transform: scale(.8); position: relative; }
.special-occasion-preview img { width: 100%; }
.special-occasion-preview .text-fit { transform: translateY(-10px); }

.special-occasion-preview .text-fit { width: 100%; margin: 0 auto; text-align: center; }

.special-occasion-preview .anniversary3 .text-fit { position: absolute; top: 78%; }
.special-occasion-preview .anniversary5 .text-fit { position: absolute; top: 70%; }
.special-occasion-preview .congrats6 .text-fit { position: absolute; top: 73%; }


/* Birthday Designs */
.special-occasion-preview .birthday1 .topsvg { transform: scale(1.15) translateY(10px); }
.special-occasion-preview .birthday1 .text-fit { position: absolute; top: 105%; transform: scale(0.8); }
.special-occasion-preview .birthday2 .topsvg { transform: translateY(-20px) }
.special-occasion-preview .birthday2 .text-fit { position: absolute; top: 26%; transform: scale(0.8); }
.special-occasion-preview .birthday3 .topsvg { transform: translateY(-20px) scale(0.9); }
.special-occasion-preview .birthday3 .text-fit { position: absolute; bottom: -16%; transform: scale(0.75); }
.special-occasion-preview .birthday4 .topsvg { transform: scale(1.06) translateY(5px); }
.special-occasion-preview .birthday4 .text-fit { position: absolute; top: 65%; transform: scale(0.7); }
.special-occasion-preview .birthday6 .topsvg { transform: translateY(-55px) scale(0.95); }
.special-occasion-preview .birthday6 .text-fit { position: absolute; top: 84%; transform: scale(0.75); }

/* Congratulations Designs */
.special-occasion-preview .congrats7 .topsvg { transform: translateY(-55px) scale(1.1); }
.special-occasion-preview .congrats7 .text-fit { position: absolute; top: 88%; transform: scale(0.825); }
.special-occasion-preview .congrats8 .topsvg { transform: scale(1.22) translateY(3px); }
.special-occasion-preview .congrats8 .text-fit { position: absolute; top: 70.5%; transform: scale(0.9); }
.special-occasion-preview .congrats9 .topsvg { transform: translateY(-35px); }
.special-occasion-preview .congrats9 .text-fit { position: absolute; top: 89%; transform: scale(0.8); }

.is-colour label.congrats9,
.is-colour label.congrats10 img,
.is-colour label.congrats11 img,
.is-colour .special-occasion-preview .congrats9 .topsvg,
.is-colour .special-occasion-preview .congrats10 .topsvg,
.is-colour .special-occasion-preview .congrats11 .topsvg { filter: brightness(0); }
.is-colour .special-occasion-preview .congrats9 .topsvg path,
.is-colour .special-occasion-preview .congrats10 .topsvg path,
.is-colour .special-occasion-preview .congrats11 .topsvg path { fill: #000; }


.special-occasion-preview .congrats10 .topsvg { transform: translateY(-40px); }
.special-occasion-preview .congrats10 .text-fit { position: absolute; top: 88%; transform: scale(0.8); }
.special-occasion-preview .congrats11 .topsvg { transform: translateY(-35px); }
.special-occasion-preview .congrats11 .text-fit { position: absolute; transform: scale(0.8); top: 87%; }

/* Halloween Designs */
.halloween-preview { width: 100%; transform: scale(.8); position: relative; aspect-ratio: 1; }
.halloween-preview .topsvg { width: 100%; }
.halloween-preview .text-fit { text-align: center; }


.halloween-preview .halloween1 .topsvg { transform: scale(0.75) translate(-3px, -25px); }
.halloween-preview .halloween1 .text-fit { transform: translateY(-92%) scale(0.7); text-align: center; }
.halloween-preview .halloween2 .topsvg { transform: scale(0.85) translateY(-15px); }
.halloween-preview .halloween2 .text-fit { transform: scale(0.725) translateY(-45px); }
.halloween-preview .halloween2 .topsvg path,
.halloween-preview .halloween2 .topsvg polygon { fill: #000; }

.halloween-preview .halloween3 .topsvg { transform: scale(0.85) translateY(-5px); }
.halloween-preview .halloween3 .text-fit { transform: translateY(-30px) scale(0.7); }
.halloween-preview .halloween3 .topsvg path,
.halloween-preview .halloween3 .topsvg polygon,
.halloween-preview .halloween3 .topsvg circle { fill: #000; opacity: 1; }

.halloween-preview .halloween4 .topsvg { transform: translateY(65px); }
.halloween-preview .halloween4 .text-fit { transform: translateY(50px) scale(0.8); }

.halloween-preview .halloween5 .text-fit,
.halloween-preview .halloween6 .text-fit { transform: scale(0.8); }

.halloween-preview .halloween7 .topsvg { transform: translateY(15px); }
.halloween-preview .halloween7 .text-fit { transform: scale(0.8) translateY(15px); }

label.halloween2 img,
label.halloween3 img { filter: brightness(0); }

/* Banter Designs */
.banter-preview { width: 100%; transform: scale(.8); position: relative; aspect-ratio: 1; }
.banter-preview .topsvg { width: 100%; }
.banter-preview .text-fit { text-align: center; }

/*.is-colour label.banter1 { display: none !important; }*/

.is-colour label.banter1 img,
.is-colour label.banter2 img,
.is-colour label.banter3 img,
.is-colour label.banter4 img,
.is-colour label.banter5 img,
.is-colour label.banter6 img,
.is-colour label.banter7 img { filter: brightness(0); }

.is-colour .banter-preview .banter1 .topsvg path,
.is-colour .banter-preview .banter2 .topsvg path,
.is-colour .banter-preview .banter3 .topsvg path,
.is-colour .banter-preview .banter4 .topsvg path,
.is-colour .banter-preview .banter5 .topsvg path,
.is-colour .banter-preview .banter6 .topsvg path,
.is-colour .banter-preview .banter7 .topsvg path,
.is-colour .banter-preview .banter7 .topsvg circle { fill: #000; }

.is-colour .banter-preview .banter4 .text-fit { color: #000 !important; }
.is-colour .banter-preview .banter4 .topsvg .st1 { opacity: unset; }

.is-colour .pick-custom .img-container.banter > img { filter: brightness(0); }

.banter-preview .banter1 .topsvg { transform: scale(1.2); }
.banter-preview .banter1 .text-fit { display: none; }

.radio-list:has(.banter1.on) + div.text-edit { display: none; }

.banter-preview .banter2 .text-fit { transform: translateY(15px) scale(1.2); font-family: "degular", sans-serif; font-weight: 500; font-style: normal; }

.banter-preview .banter3 .topsvg { transform: scale(1.15) translateY(25px); }
.banter-preview .banter3 .text-fit { transform: translateY(75px); font-family: 'archivo', serif; }

.banter-preview .banter4 .topsvg { transform: scale(0.85) translateY(15px); }
.banter-preview .banter4 .text-fit { font-family: "Caprasimo", serif; font-weight: 400; font-style: normal; transform: translateY(-10px); }

.banter-preview > .banter5 { transform: translateY(100px); }
.banter-preview .banter5 .text-fit { font-family: "lobster", sans-serif; transform: translateY(20px); }
.banter-preview .banter6 .text-fit { font-family: 'Arial', sans-serif; transform: scale(0.9); }
.banter-preview .banter7 .topsvg { transform: translateY(-20px); }
.banter-preview .banter7 .text-fit { font-family: 'Besley', serif; font-weight: 400; transform: translateY(-20px); }


/* Happy Retirement Designs */
.special-occasion-preview .retirement1 .topsvg { transform: scale(1.22); }
.special-occasion-preview .retirement1 .text-fit { position: absolute; top: 81%; transform: scale(0.75); }
.is-colour .special-occasion-preview .retirement1 .text-fit { color: #fff !important; }
.is-colour label.retirement1,
.is-colour .special-occasion-preview .retirement1 { display: none !important; }

.special-occasion-preview .retirement2 .topsvg { transform: scale(1.1) translateY(-50px); }
.special-occasion-preview .retirement2 .text-fit { position: absolute; top: 90%; transform: scale(0.8); }
.special-occasion-preview .retirement3 .topsvg { transform: scale(1.18) translate(-6px, 11px); }
.special-occasion-preview .retirement3 .text-fit { position: absolute; top: 52%; transform: scale(0.75); text-transform: uppercase; }
.special-occasion-preview .retirement4 .topsvg { transform: scale(1.12) translateY(-15px); }
.special-occasion-preview .retirement4 .text-fit { position: absolute; top: 100%; }
.special-occasion-preview .retirement5 .topsvg { transform: scale(1.2) translate(3px, 5px); }
.special-occasion-preview .retirement5 .text-fit { position: absolute; top: 59%; }
.special-occasion-preview .retirement6 .topsvg { transform: scale(1.15) translateY(-30px); }
.special-occasion-preview .retirement6 .text-fit { position: absolute; top: 92%; }

.is-colour label.retirement1,
.is-colour .special-occasion-preview .retirement1 .topsvg,
.is-colour .special-occasion-preview .anniversary3,
.is-colour .special-occasion-preview .anniversary5 { filter: brightness(0); }
.is-colour .special-occasion-preview .retirement1 .topsvg path,
.is-colour .special-occasion-preview .retirement1 .topsvg polygon,
.special-occasion-preview .birthday4 .topsvg path,
.special-occasion-preview .birthday5 .topsvg path,
.special-occasion-preview .birthday5 .topsvg polygon,
.special-occasion-preview .birthday6 .topsvg path,
.special-occasion-preview .birthday6 .topsvg polygon { fill: #000; }


/* Anniversary Designs */
.special-occasion-preview .anniversary7 .topsvg { transform: scale(1.2) translateY(-25px); }
.special-occasion-preview .anniversary7 .text-fit { position: absolute; top: 100%; transform: scale(0.8) translateY(-20px); }
.special-occasion-preview .anniversary8 .topsvg { transform: scale(1.2) translateY(-25px); }
.special-occasion-preview .anniversary8 .text-fit { position: absolute; top: 95%; }
.special-occasion-preview .anniversary9 .topsvg { transform: scale(1.2) translateY(-25px); }
.special-occasion-preview .anniversary9 .text-fit { position: absolute; }
.special-occasion-preview .anniversary10 .topsvg { transform: scale(1.255) translateY(-31px); }
.special-occasion-preview .anniversary10 .text-fit { position: absolute; }

.is-colour label.anniversary7 { filter: grayscale(1); }
.is-colour .special-occasion-preview .anniversary7 .topsvg .st0,
.is-colour .special-occasion-preview .anniversary7 .topsvg .st2,
.is-colour .special-occasion-preview .anniversary10 .topsvg path { fill: #000; }




.celebration-preview { width: 94%; aspect-ratio: 1; position: relative; }
.celebration-preview img { width: 100%; }

.celebration-preview .celebrationlogo-out { width: 100%; }

.fathers-day-preview { width: 350px; position: relative; }
.is-colour .fathers-day-preview:has(.v9),
.is-colour .fathers-day-preview:has(.v14),
.is-colour .fathers-day-preview:has(.v15),
.is-colour .custom-pop-right .radio-list label.v9 img,
.is-colour .custom-pop-right .radio-list label.v14 img,
.is-colour .custom-pop-right .radio-list label.v15 img { filter: brightness(0); }

.is-colour .fathers-day-preview:has(.v12) *,
.is-colour .fathers-day-preview:has(.v13) *,
.is-colour .custom-pop-right .radio-list label.v11 img,
.is-colour .custom-pop-right .radio-list label.v12 img,
.is-colour .custom-pop-right .radio-list label.v13 img { filter: grayscale(1); }

.is-colour .fathers-day-preview .v10 .v10-st0,
.is-colour .fathers-day-preview .v11 .v11-st0 { fill: #000; }

.is-colour .fathers-day-preview .v7 svg path,
.is-colour .fathers-day-preview .v8 svg path,
.is-colour .custom-pop-right .radio-list label.v8 path { fill: #000; }

.is-colour .fathers-day-preview .v11 svg .v11-st1 { fill: transparent; }
.fathers-day-preview .v13 svg .v13-st0 { fill: #fcda21; }
.is-colour .fathers-day-preview .v13 svg .v13-st0 { fill: transparent; }

.fathers-day-preview .v1 .text-fit { font-family: "lobster", sans-serif; width: 135%; position: absolute; bottom: -16%; left: -13%; transform: translateX(50%); }
.fathers-day-preview .v2 .text-fit { font-family: 'Besley', serif; width: 100%; position: absolute; bottom: 8%; left: -50%; transform: translateX(50%); text-align: center; font-weight: 400; }
.fathers-day-preview .v3 .text-fit { font-family: "Poppins", sans-serif; width: 100%; text-align: center; font-weight: 400; transform: translateY(-25%); }
.fathers-day-preview .v4 .text-fit { font-family: "Besley", sans-serif; width: 100%; text-align: center; font-weight: 400; transform: translateY(-25%); }
.fathers-day-preview .v5 .text-fit { font-family: "lobster", sans-serif; width: 100%; position: absolute; top: -6%; right: -2%; font-weight: 400; }
.fathers-day-preview .v6 .text-fit { font-family: "Poppins", sans-serif; width: 100%; text-align: center; font-weight: 400; transform: translateY(-25%); }
.fathers-day-preview .v7 .text-fit { font-family: "Poppins", sans-serif; width: 80%; position: absolute; top: 0%; right: -45%; font-weight: 400; }
.fathers-day-preview .v8 .text-fit { font-family: "Besley", sans-serif; width: 100%; text-align: center; font-weight: 400; transform: translateY(-35%); }
.fathers-day-preview .v9 .text-fit { font-family: 'Arial', sans-serif; width: 100%; text-align: center; transform: translateY(-195%); }
.fathers-day-preview .v10 .text-fit { font-family: "lobster", sans-serif; width: 100%; text-align: center; position: absolute; top: 17%; transform: scale(0.9); }
.fathers-day-preview .v11 .text-fit { font-family: 'Arial', sans-serif; width: 100%; text-align: center; position: absolute; top: -15%; transform: scale(0.9); }
.fathers-day-preview .v12 .text-fit { font-family: 'Arial', sans-serif; width: 100%; text-align: center; position: absolute; top: 39%; }
.fathers-day-preview .v13 .text-fit,
.fathers-day-preview .v13a .text-fit { font-family: 'eurostyle', sans-serif; width: 100%; text-align: center; position: absolute; top: 52.8%; transform: scale(0.7); font-style: italic; text-transform: uppercase; }
.fathers-day-preview .v14 .text-fit { font-family: "lobster", sans-serif; width: 100%; text-align: center; position: absolute; bottom: 14%; transform: scale(0.85); }
.fathers-day-preview .v15 .text-fit { font-family: "Cooper Std", sans-serif; width: 100%; text-align: center; position: absolute; bottom: -40%; }
.fathers-day-preview .v16 .text-fit { font-family: 'Arial', sans-serif; width: 100%; text-align: center; position: absolute; top: -22%; transform: scale(0.85); text-transform: uppercase; }

.fathers-day-preview .v2 .topsvg { transform: scale(1.05) translateY(-40px); }
.fathers-day-preview .v8 .topsvg { transform: translateY(-15px); }
.fathers-day-preview .v9 .topsvg { transform: scale(1.25) translateY(65px); }
.fathers-day-preview .v10 .topsvg { transform: scale(1.18) translateY(14px); }
.fathers-day-preview .v11 .topsvg { transform: scale(1.25) translateY(50px); }
.fathers-day-preview .v12 .topsvg { transform: scale(1.23) translateY(3px); }
.fathers-day-preview .v13 .topsvg,
.fathers-day-preview .v13a .topsvg { transform: scale(1.24) translateY(3px); }
.fathers-day-preview .v14 .topsvg { transform: scale(1.18) translateY(-15px); }
.fathers-day-preview .v15 .topsvg { transform: scale(1.24) translate(2px, -5px); }
.fathers-day-preview .v16 .topsvg { transform: scale(1.15) translateY(40px); }

.mothers-day-preview { max-width: 70%; width: 328px; position: relative; height: 328px; display: flex; justify-content: center; align-items: center; }
.mothers-day-preview .text-fit { text-align: center; line-height: 0.5; }
.mothers-day-preview > * { width: 100%; }
.mothers-day-preview .v1 .text-fit { font-family: "lobster", sans-serif; width: 100%; position: absolute; bottom: 29%; right: 50%; transform: translateX(50%); }
.mothers-day-preview .v2 .text-fit { font-family: 'Besley', serif; margin-top: 4%; }
.mothers-day-preview .v3 .text-fit { font-family: 'Petit Formal Script', cursive; margin-top: 4%; }
.mothers-day-preview .v4 .text-fit { font-family: "Poppins", sans-serif; margin-top: 4%; }
.mothers-day-preview .v5 .text-fit { font-family: "Poppins", sans-serif; margin-top: 4%; }
.mothers-day-preview .v6 .text-fit { font-family: "lobster", sans-serif; margin-top: 4%; }
.mothers-day-preview .v7 .text-fit { font-family: 'Besley', serif; margin-top: 4%; }
.mothers-day-preview .v8 .text-fit { font-family: 'Petit Formal Script', cursive; margin-top: 4%; }
.mothers-day-preview .v9 .text-fit { font-family: 'Petit Formal Script', cursive; margin-top: 4%; }
.mothers-day-preview .v10 .text-fit { font-family: 'Petit Formal Script', cursive; margin-top: 4%; }

.valentine-preview { width: 350px; position: relative; }
.valentine-preview .text-fit { text-align: center; margin-top: 15px; padding: 0px 15px; }
.valentine-preview .teerific .topsvg { width: 350px; margin: 0 auto; }
.valentine-preview .teerific .text-fit { font-family: 'Petit Formal Script', cursive; }
.valentine-preview .foreeachother { font-family: 'Caladea', serif; }
.valentine-preview .foreeachother .txt-1 { font-family: 'Caladea', serif; width: 80%; position: absolute; bottom: 10%; right: 65%; text-align: end; }
.valentine-preview .foreeachother .txt-2 { font-family: 'Caladea', serif; width: 80%; position: absolute; bottom: 10%; left: 65%; text-align: start; }
.valentine-preview .abovepar { font-family: 'Besley', serif; }
.valentine-preview .abovepar .topsvg { width: 390px; margin: 0 auto; }
.valentine-preview .abovepar .text-fit { font-family: 'Besley', serif; position: absolute; bottom: 0; right: 50%; transform: translateX(50%); width: 80%; }
.valentine-preview .bestpar { font-family: 'Petit Formal Script', cursive; font-weight: 300; }
.valentine-preview .holeinone .topsvg { width: 320px; margin: 0 auto; }
.valentine-preview .holeinone { font-family: 'Petit Formal Script', cursive; }
.valentine-preview .biglove { font-family: 'Besley', serif; line-height: 1.2; }
.valentine-preview .biglove .topsvg { width: 270px; margin: 0 auto; }
.valentine-preview .heart { font-family: 'Besley', serif; }
.valentine-preview .heart .txt-1 { font-family: 'Caladea', serif; width: 80%; position: absolute; top: 20%; right: 50%; transform: translate(50%); text-align: center; }
.valentine-preview .heart .txt-2 { font-family: 'Caladea', serif; width: 80%; position: absolute; bottom: 27%; right: 50%; transform: translate(50%); text-align: center; }
.valentine-preview .cursivelove .topsvg { width: 280px; padding-left: 30px; }
.valentine-preview .cursivelove .text-fit { padding: 0px; font-family: 'Petit Formal Script', cursive; position: absolute; bottom: 20%; left: 35%; width: 64%; text-align: start; }
.valentine-preview .initials { font-family: 'Petit Formal Script', cursive; }
.valentine-preview .valentines { font-family: "lobster", sans-serif; line-height: 0.5; }

.christmas-preview { width: 90%; position: relative; }
.christmas-preview img { margin: 0 auto; display: block; width: 85%; }
.christmas-preview .text { text-align: center; font-weight: 600; font-style: normal; }
.christmas-preview .christmasone .text { font-family: "Garamond", sans-serif; bottom: 10%; color: #bd202e; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 4.5rem; }
.christmas-preview .christmastwo .text { font-family: "Garamond", sans-serif; bottom: 11%; color: #bd202e; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 4.5rem; }
.christmas-preview .christmasthree .text { font-family: 'Garamond', serif; bottom: -2%; color: #ae9250; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 4.0rem; }
.christmas-preview .christmasfour .text { font-family: "lobster", sans-serif; font-weight: 200; bottom: 15%; color: #fff; width: 120%; right: 50%; transform: translateX(50%); position: absolute; }
.christmas-preview .christmasfive .text { font-family: "Garamond", serif; bottom: 12%; color: #bd1f2d; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; }
.christmas-preview .christmassix .text { font-family: 'Garamond', serif; bottom: -3%; color: #af9252; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; }
.christmas-preview .christmasseven .text { font-family: 'Garamond', serif; bottom: 0%; color: #c82032; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 4.5rem; }
.christmas-preview .christmaseight .text { font-family: 'Caladea', serif; color: #ae9250; width: 100%; bottom: 23%; right: 50%; transform: translateX(50%); position: absolute; font-size: 3.8rem; }
.christmas-preview .christmasnine .text { font-family: 'red-hat-display', sans-serif; color: #3e4546; width: 80%; bottom: -3%; font-weight: 600; right: 50%; transform: translateX(50%); position: absolute; }
.christmas-preview .christmasten .text { font-family: 'Metal', serif; font-weight: 500; color: #de471f; width: 100%; }
.christmas-preview .christmaseleven .text { font-family: 'Garamond', serif; bottom: 5%; color: #424143; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 5.0rem; }
.christmas-preview .christmasthirteen .text { font-family: 'lobster', serif; bottom: 9%; color: #fffff8; font-weight: 500; width: 120%; right: 50%; transform: translateX(50%); font-size: 4.0rem; position: absolute; transform: rotate(-16deg) translate(56%,48%); }
.christmas-preview .christmasfourteen .text { font-family: 'Garamond', serif; bottom: 7%; color: #ae9250; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); font-size: 4.0rem; position: absolute; }
.christmas-preview .christmasfifteen .text { font-family: 'Besley', serif; bottom: 15%; color: #215233; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 4.5rem; }
.christmas-preview .christmassixteen .text { font-family: 'archivo', serif; bottom: 7%; color: #f6e8d6; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 2.5em !important; }
.christmas-preview .christmasseventeen .text { font-family: 'Besley', serif; bottom: 8%; color: #eb2427; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; width: 50%; font-size: 3.0rem; }
.christmas-preview .christmastwenty .text { font-family: 'lobster', serif; bottom: 1%; color: #5d3013; font-weight: 400; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 4.0rem; }
.christmas-preview .christmastwentyone .text { font-family: 'lobster', serif; bottom: 0%; color: #d34d48; font-weight: 400; width: 120%; right: 50%; transform: translateX(54%); position: absolute; font-size: 4.0rem; }
.christmas-preview .christmastwentysix .text { font-family: 'red-hat-display', serif; bottom: 5%; color: #3e4546; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 4.5rem; }
.christmas-preview .christmastwentyseven .text { font-family: 'Caladea', serif; bottom: 10%; color: #bd202e; font-weight: 300; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 5rem; }
.christmas-preview .christmastwentyeight .text { font-family: 'dancing-script', serif; color: #d33333; font-weight: 300; width: 120%; right: 50%; bottom: 0%; font-size: 5.5rem; transform: translateX(50%); position: absolute; }
.christmas-preview .christmastwentynine .text { font-family: 'dancing-script', serif; bottom: 12%; color: #d33333; font-weight: 300; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 5.0rem; }
.christmas-preview .christmasthirty .text { font-family: 'red-hat-display', serif; bottom: -1%; color: #3e4546; font-weight: 900; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 3.0rem; }
.christmas-preview .christmasthirtyone .text { font-family: 'Caladea', serif; bottom: 11%; color: #215233; font-weight: 600; width: 120%; right: 50%; transform: translateX(50%); position: absolute; font-size: 5rem; }

/* Wedding Designs */
.wedding-preview { width: 468px; position: relative; transform: scale(0.90); }
.wedding-preview .text-fit { text-align: center; }
.wedding-preview .originalbestman .text-fit { font-family: 'Dosis', sans-serif; }
.wedding-preview .willyoublockybestman .topsvg { width: 350px; margin: 10px auto 0; transform: scale(1.2); }
.wedding-preview .willyoublockybestman .text-fit { font-family: Arial; margin: 0 auto; }
.wedding-preview .willyoucursivebestman .topsvg { width: 290px; margin: 10px auto 0; }
.wedding-preview .willyoucursivebestman .text-fit { font-family: "georgiapro", sans-serif; font-weight: 600; font-style: normal; }
.wedding-preview .suitupbestman .topsvg { width: 340px; margin: 10px auto 0; }
.wedding-preview .suitupbestman .text-fit { font-family: "georgiapro", sans-serif; font-weight: 600; font-style: normal; }
.wedding-preview .willyoucolourbridesmaid .topsvg { width: 380px; margin: 10px auto 0; }
.wedding-preview .willyoucolourbridesmaid .text-fit { font-family: 'Mogra', cursive; transform: translateY(75px); }
.wedding-preview .nevertoooldbridesmaid .topsvg { width: 300px; margin: 10px auto 0; }
.wedding-preview .nevertoooldbridesmaid .text-fit { font-family: 'Amatic SC', cursive; font-weight: 700; }
.wedding-preview .hearthcursivebridesmaid .text-fit { font-family: 'Amatic SC', cursive; font-weight: 700; }
.wedding-preview .hexagonlaurels .topsvg { width: 330px; margin: 10px auto 0; }
.wedding-preview .hexagonlaurels .text-fit { font-family: "futura-pt", sans-serif; font-weight: 400; font-style: normal; width: 100%; position: absolute; top: 25%; }
.wedding-preview .hexagonlaurels .text-fit.text-two { top: initial; bottom: 25%; }
.wedding-preview .crossdate .topsvg { width: 290px; margin: 10px auto 0; }
.wedding-preview .crossdate .text-fit.names { font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: normal; width: 100%; display: flex; align-items: center; justify-content: center; grid-gap: 15px; }
.wedding-preview .crossdate .text-fit.names > div:nth-child(1) { text-align: end; }
.wedding-preview .crossdate .text-fit.names > div:nth-child(2) { text-align: center; }
.wedding-preview .crossdate .text-fit.names > div:nth-child(3) { text-align: start; }
.wedding-preview .crossdate .text-fit.date { font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: normal; }
.wedding-preview .crossdate .day, .wedding-preview .crossdate .month, .wedding-preview .crossdate .year { position: absolute; }
.wedding-preview .crossdate .day { width: 30%; top: 42%; text-align: end; }
.wedding-preview .crossdate .month { width: 30%; top: 42%; text-align: start; right: 0; }
.wedding-preview .crossdate .year { width: 100%; top: 66%; text-align: center; }
.wedding-preview .flowersdate .topsvg { width: 290px; margin: 10px auto 0; }
.wedding-preview .flowersdate .text-fit { font-family: 'Helvetica', 'Arial', sans-serif; font-weight: 400; font-style: normal; width: 100%; padding: 0px 60px; }
.wedding-preview .flowersdate .text-fit.names { position: absolute; top: 45%; }
.wedding-preview .flowersdate .text-fit.names > div:nth-child(1) { position: absolute; top: -34px; left: 8%; }
.wedding-preview .flowersdate .text-fit.names > div:nth-child(2) { position: absolute; top: -36px; right: 8%; }
.wedding-preview .beebridesmaid .topsvg { width: 300px; margin: 10px auto 0; }
.is-colour .wedding-preview .beebridesmaid .topsvg path { fill: #000; }
.wedding-preview .beebridesmaid .text-fit.names { font-family: "lobster", sans-serif; font-weight: 400; font-style: normal; width: 80%; margin-left: auto; }
.wedding-preview .beebridesmaid .text-fit.date { font-family: "lobster", sans-serif; font-weight: 400; font-style: normal; width: 80%; margin-left: auto; }
.wedding-preview .initialsoval .text-fit.names { font-family: 'Alice', serif; position: absolute; top: 42%; width: 100%; display: flex; justify-content: center; width: 100%; right: 50%; transform: translateX(50%); grid-gap: 28%; }
.wedding-preview .initialsoval .text-fit.names > div:nth-child(1) { text-align: start; }
.wedding-preview .initialsoval .text-fit.names > div:nth-child(2) { text-align: end; }
.wedding-preview .initialsoval .text-fit.date { position: absolute; top: 64%; width: 50%; right: 50%; transform: translateX(50%); }
.wedding-preview .arrowbestman .text-fit.names { font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: normal; }
.wedding-preview .arrowbestman .text-fit.date { font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: normal; width: 50%; margin: 0 auto; }
.wedding-preview .ringsbridesmaid .text-fit.names { font-family: "futura-pt", sans-serif; font-weight: 400; font-style: normal; position: absolute; width: 85%; top: -40%; right: 50%; transform: translateX(50%); }
.wedding-preview .ringsbridesmaid .text-fit.year { font-family: "futura-pt", sans-serif; font-weight: 400; font-style: normal; width: 50%; margin: 0 auto; position: absolute; bottom: -32%; width: 80%; text-align: center; left: 50%; transform: translateX(-50%); }
.wedding-preview .ringsbridesmaid .text-fit.date { font-family: 'Helvetica', 'Arial', sans-serif; font-weight: 400; font-style: normal; margin: 0 auto; position: absolute; width: 40%; bottom: -44%; text-align: start; text-align: center; left: 50%; transform: translateX(-50%); }
.wedding-preview .weddingsolo .text-fit { font-family: "myriad-pro", sans-serif; font-style: normal; position: absolute; width: 75%; top: -45%; right: 50%; transform: translateX(50%); font-weight: 600; white-space: nowrap; display: flex; justify-content: center; }
.wedding-preview .weddingsolo .text-fit.date { font-family: "myriad-pro", sans-serif; font-style: normal; width: 75%; margin: 0 auto; top: 87%; }
.wedding-preview .groomsmen1 .topsvg { transform: translateY(-50px); }
.wedding-preview .groomsmen1 .text-fit { font-family: Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase; transform: scale(0.65) translateY(-90px); }
.wedding-preview .groomsmen2 .topsvg { transform: scale(1.055); }
.wedding-preview .groomsmen2 .text-fit { font-family: 'Besley', serif; text-transform: uppercase; font-weight: bold; transform: scale(0.55); }
.wedding-preview .groomsmen3 .topsvg { transform: translateY(-60px) scale(1.1); }
.wedding-preview .groomsmen3 .text-fit { font-family: 'Playfair Display', serif; font-weight: 300; transform: scale(0.875) translateY(-55px); }
.wedding-preview .groomsmen4 .topsvg { transform: scale(0.9); }
.wedding-preview .groomsmen4 .text-fit { font-family: century-gothic; font-weight: 900; transform: scale(0.65) translateY(-70px); }
.wedding-preview .groomsmen5 .topsvg { transform: scale(1.04) translateY(-20px); }
.wedding-preview .groomsmen5 .text-fit { font-family: 'Besley', serif; transform: scale(0.55) translateY(-42px); text-transform: uppercase; }

.is-colour .wedding-preview .hearthcursivebridesmaid svg path,
.is-colour .wedding-preview .willyoublockybestman svg path,
.is-colour .wedding-preview .willyoublockybestman svg polygon,
.is-colour .wedding-preview .initialsoval svg path { fill: #000; }
.is-colour label.willyoublockybestman,
label.willyoucolourbridesmaid { filter: brightness(0); }


/* Team Designs */
.teamlogo-preview { position: relative; width: 510px; border-radius: 100%; overflow: hidden; padding: 7%; }
.teamlogo-preview svg { aspect-ratio: 1; }
.shieldround { width: 100%; text-align: center; }
.teamlogo-preview .teamlogo-out { display: grid; position: relative; }
.teamlogo-preview .teamlogo-out > div { grid-row-start: 1; grid-column-start: 1; }
.teamlogo-preview .text-bottom .txt { text-align: center; font-family: Helvetica, Sans-Serif; font-size: 2rem; }
.teamlogo-preview .teamlogo-out.crossclubs .txt { position: absolute; left: 50%; bottom: 21.5%; font-size: 2.5rem; transform: translate(-50%, -50%); }
.teamlogo-preview .teamlogo-out.course .txt { position: absolute; left: 50%; bottom: 13%; font-size: 4rem; transform: translate(-50%, -50%); }
.teamlogo-preview .teamlogo-out.shield .txt { position: absolute; left: 50%; bottom: 32%; font-size: 4.0rem; transform: translate(-50%, -50%); }
.teamlogo-preview .teamlogo-out.crossclubsshield .txt { position: absolute; left: 50%; bottom: 36%; font-size: 3.0rem; transform: translate(-50%, -50%); }
.teamlogo-preview .teamlogo-out.crossclubsround .txt { position: absolute; left: 50%; bottom: 14%; font-size: 4.0rem; transform: translate(-50%, -50%); }
.teamlogo-preview .teamlogo-out .txt { width: 100%; text-align: center; text-transform: uppercase; }
.teamlogo-preview .cartooncart .txt { font-family: "minion-pro", serif; font-weight: 400; font-style: normal; position: absolute; bottom: 31%; transform: translateX(50%); right: 50%; width: 100%; font-size: 3rem; text-align: center; }
.teamlogo-preview .cartoonclubs .txt { font-family: "minion-pro", serif; font-weight: 400; font-style: normal; position: absolute; bottom: 36%; transform: translateX(50%); right: 50%; font-size: 3.0rem; width: 100%; text-align: center; }
.teamlogo-preview .cartoongimme .txt { font-family: "minion-pro", serif; font-weight: 400; font-style: normal; position: absolute; bottom: 62%; transform: translateX(50%); right: 50%; width: 100%; font-size: 3.5rem; text-align: center; }
.teamlogo-preview .golfercolour .topsvg { width: 309px; margin: 0 auto; transform: translateY(-37px); }
.teamlogo-preview .golfercolour .txt { font-family: 'Helvetica', 'Arial', sans-serif; font-size: 4.5rem; font-weight: 400; font-style: normal; position: absolute; text-align: center; width: 90%; bottom: 5.5%; right: 50%; transform: translateX(50%); }
.teamlogo-preview .splitshield .topsvg { width: 250px; margin: 0 auto; }
.teamlogo-preview .splitshield .txt { font-family: "baskerville-display-pt", serif; font-size: 3rem; font-weight: 400; font-style: normal; text-align: center; width: 100%; font-weight: bold; }
.teamlogo-preview .splitshield .txt.date { font-family: "futura-pt", sans-serif; color: #2980b8; }
.teamlogo-preview .golfballflag .topsvg { width: 370px; margin: 0 auto; }
.teamlogo-preview .golfballflag .txt { font-family: "baskerville-display-pt", serif; font-weight: 400; font-style: normal; text-align: center; width: 100%; position: absolute; bottom: 31%; left: 50%; transform: translateX(-50%); font-size: 4rem; }
.teamlogo-preview .golfballflag .txt.date { font-family: 'Helvetica', 'Arial', sans-serif; bottom: 18%; width: 45%; left: 50%; transform: translateX(-50%); position: absolute; font-size: 2rem; display: flex; justify-content: center; align-items: center; gap: 60px; }
.teamlogo-preview .shieldround .topsvg { width: 310px; margin: 0 auto; }
.teamlogo-preview .shieldround .txt { font-size: 3.5rem; }

.is-colour .teamlogo-preview .cartoonclubs .st0,
.is-colour .teamlogo-preview .cartoonclubs .st1,
.is-colour .teamlogo-preview .cartoonclubs .st2,
.is-colour .teamlogo-preview .cartooncart .st0,
.is-colour .teamlogo-preview .cartooncart .st1,
.is-colour .teamlogo-preview .cartooncart .st2,
.is-colour .teamlogo-preview .cartooncart .st3,
.is-colour .teamlogo-preview .cartoongimme .st0,
.is-colour .teamlogo-preview .cartoongimme .st3,
.is-colour .teamlogo-preview .cartoongimme .st4,
.is-colour .teamlogo-preview .shieldround path,
.is-colour .teamlogo-preview .splitshield path,
.is-colour .teamlogo-preview .golfercolour path,
.is-colour .teamlogo-preview .golfballflag path,
.is-colour .teamlogo-preview .golfballflag polygon { fill: #000; }

.is-colour .teamlogo-preview .cartoongimme .st1 { fill: transparent; }

label.golfballflag { filter: brightness(0); }



.radio-list.monostyle { display: flex; flex-wrap: wrap; }
.radio-list.monostyle label { padding: 5px; cursor: pointer; position: relative; width: 60px; height: 60px; margin-right: 10px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; border: 1px solid #808080; border-radius: 5px; overflow: hidden; }
.radio-list.monostyle label img { max-width: 100%; width: auto; max-height: 100%; height: auto; }
.radio-list.monostyle label svg.outline { position: absolute; width: 50px; height: 50px; }
.radio-list.monostyle label svg.inner { position: absolute; width: 38px; height: 38px; }
.radio-list.monostyle.moday label svg.inner { position: absolute; width: 50px; height: 50px; }
.radio-list.monostyle.moday label svg { position: absolute; width: 50px; height: 50px; }
.radio-list.monostyle label.diam svg.inner { position: absolute; width: 30px; height: 30px; }
.radio-list.monostyle label svg.inner.hexagon { position: absolute; width: 35px; height: 35px; }
.radio-list.monostyle label svg:first-child { width: calc(100% - 10px); }
.radio-list.monostyle label:hover { border: solid 1px #4aad94; transform: translateY(-3px); box-shadow: 0px 3px 3px 1px #0000001f; }
.radio-list.monostyle label.on { border: solid 1px #4aad94; }
.radio-list.monostyle label.on:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 60px; height: 60px; border: solid 2px #4aad94; border-radius: 5px; }
.radio-list.monostyle label input { display: none; }

.radio-list.colour { display: flex; flex-wrap: wrap; }
.radio-list.colour label { position: relative; width: 40px; height: 40px; border-radius: 5px; display: block; cursor: pointer; border: 1px solid #c3c3c3; }
.radio-list.colour label:hover { transform: translateY(-3px); box-shadow: 0px 3px 3px 1px #0000001f; }
.radio-list.colour label.on { border: solid 1px #4aad94; }
.radio-list.colour label.on:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 40px; height: 40px; border: solid 2px #4aad94; border-radius: 5px; }
.radio-list.colour label input { display: none; }
.radio-list.size label { cursor: pointer; position: relative; width: auto; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #808080; border-radius: 5px; overflow: hidden; }
.radio-list.size label:hover { border: solid 1px #4aad94; transform: translateY(-3px); box-shadow: 0px 3px 3px 1px #0000001f; }
.radio-list.size label.on { border: solid 1px #4aad94; }
.radio-list.size label.on:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 100%; height: 100%; border: solid 2px #4aad94; border-radius: 5px; }
.radio-list.size label input { display: none; }

.selected-colour { padding: 0px 15px; background-color: #283551; display: inline-block; border-radius: 50px; color: #fff; font-weight: 300; font-size: 0.9em; }

.selected-colour span { display: flex; align-items: center; min-height: 40px; }

.mono-preview { overflow: hidden; top: 50%; left: 50%; width: 155px; height: 155px; margin: 0 auto; }

#previewshow .mono-preview { transform: scale(1.25); }


.admin-preview .small-size { transform: none !important; }
.mono-preview .char { display: none; }
.mono-preview .char svg { height: 140px; }
.mono-preview .shape-circle .third .char svg { height: 125px; }
.mono-preview .char.on { display: flex; }
.mono-preview .shape-hexagon .half svg { height: 125px; }
.mono-preview .shape-circle .half svg { height: 125px; }
.preview-container { overflow: visible; }
#previewshow .preview-container { overflow: visible; }
.mono-preview .third .char { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.is-mobile-device .mono-preview .shape-diamond .third .char { top: 55% !important; }
.mono-preview .left .half { position: absolute; top: 50%; left: 5%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; }
.mono-preview .right .half { position: absolute; top: 50%; right: 5%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; }

.mono-preview .shape-diamond .left .half { left: 0px; }
.mono-preview .shape-diamond .right .half { right: 0px; }

.is-mobile-device .mono-preview .shape-diamond .left .half { top: 55% !important; }
.is-mobile-device .mono-preview .shape-diamond .right .half { top: 55% !important; }

.mono-preview .around { position: absolute; left: 50%; width: 155px; height: 155px; top: 50%; align-items: center; justify-content: center; display: flex; transform: translate(-50%, -50%); }
.mono-preview .around svg { width: 155px; height: 155px; }
.mono-preview .around.hexagon svg { width: 155px; height: 155px; }
.mono-preview .around.heart { transform: translate(-50%, -48%); width: 140px; }
.mono-preview .shape-circle { position: relative; width: 100%; height: 100%; }
.mono-preview .shape-circle .left { height: 100%; }
.mono-preview .shape-circle .right { height: 100%; }
.mono-preview .shape-circle .half { height: 100%; width: 50%; }
.mono-preview .shape-circle .half .char { height: 80%; align-items: center; justify-content: center; }
.mono-preview .shape-circle .half .char svg { height: 100%; }
.mono-preview .shape-hexagon { position: relative; width: 100%; height: 100%; transform: scale(0.93); }
.mono-preview .shape-hexagon .left { height: 100%; }
.mono-preview .shape-hexagon .right { height: 100%; }
.mono-preview .shape-hexagon .half { height: 75%; width: 50%; }
.mono-preview .shape-hexagon .half .char { height: 100%; align-items: center; justify-content: center; }
.mono-preview .shape-hexagon .half .char svg { height: 100%; }
.mono-preview .shape-heart { position: relative; width: 100%; height: 100%; transform: scale(0.85); }
.mono-preview .shape-heart .left { height: 100%; }
.mono-preview .shape-heart .right { height: 100%; }
.mono-preview .shape-heart .half { height: 100%; width: 50%; }
.mono-preview .shape-heart .half .char { height: 65%; align-items: center; justify-content: center; }
.mono-preview .shape-heart .half .char svg { height: 92%; }
.mono-preview .shape-diamond { position: relative; width: 100%; height: 100%; }
.mono-preview .shape-diamond .left { height: 100%; }
.mono-preview .shape-diamond .right { height: 100%; }
.mono-preview .shape-diamond .half { height: 100%; width: 50%; }
.mono-preview .shape-diamond .left .half { justify-content: end; }
.mono-preview .shape-diamond .right .half { justify-content: start; }
.mono-preview .shape-diamond .half .char { height: 80%; align-items: center; justify-content: center; padding: 0px 2px; }
.mono-preview .shape-diamond .half .char svg { height: 92%; }

.mono-preview .shape-heart .left .third span { font-family: heart-mono-left; justify-content: left; font-size: 7.0em; }
.mono-preview .shape-heart .mid .third span { font-family: heart-mono-middle; justify-content: center; font-size: 8.2em; }
.mono-preview .shape-heart .right .third span { font-family: heart-mono-right; justify-content: right; font-size: 7.0em; }
.mono-preview .shape-heart .third span { line-height: 1; display: flex; width: 139px; height: 134px; font-weight: 600; }
.mono-preview .shape-diamond .left .third span { font-family: diamond-mono-left; justify-content: left; font-size: 5.5em; }
.mono-preview .shape-diamond .mid .third span { font-family: diamond-mono-middle; justify-content: center; font-size: 8.1em; }
.mono-preview .shape-diamond .right .third span { font-family: diamond-mono-right; justify-content: right; font-size: 5.5em; }
.mono-preview .shape-diamond .left .half span { font-family: diamond-mono-left; justify-content: left; font-size: 7.0em; }
.mono-preview .shape-diamond .right .half span { font-family: diamond-mono-right; justify-content: right; font-size: 7.0em; }
.mono-preview .shape-diamond .third span { display: flex; width: 95px; height: 132px; font-weight: unset !important; line-height: 1; align-items: center; }

.is-mobile-device .mono-preview .shape-heart .third span { line-height: unset !important; height: 138px !important; }


.align-preview .align-out { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; display: grid; grid-template-columns: 1fr; }

.align-preview .align-out > div { grid-row-start: 1; grid-column-start: 1; text-align: center; height: 50px; display: flex; justify-content: center; align-items: center; }

.align-preview .align-out > div svg { width: 100%; }

.align-preview .align-out .txt.al-txt-size-1 { font-size: 2.5em; }

.align-preview .align-out .txt.al-txt-size-2 { font-size: 2em; }

.align-preview .align-out .txt.al-txt-size-3 { font-size: 1.5em; }



.img-controls { }
.img-controls .clearcustoms { cursor: pointer; position: relative; font-size: 1.3rem; font-weight: 500; text-decoration: underline; padding-left: 1.8rem; margin-top: 2rem; }
.img-controls .clearcustoms:before { content: ""; display: block; width: 20px; height: 2px; background-color: #f63b3b; border-radius: 3px; position: absolute; left: 0px; top: 50%; transform: translateY(calc(-50% - 3px)) rotate(45deg); }
.img-controls .clearcustoms:after { content: ""; display: block; width: 20px; height: 2px; background-color: #f63b3b; border-radius: 3px; position: absolute; left: 0px; top: 50%; transform: translateY(calc(-50% - 3px)) rotate(-45deg); }
.img-controls .clearcustoms:hover { text-decoration: none; }

.img-controls .photo-tools { margin-bottom: 8rem; }
.img-controls .photo-tools.sml { margin-bottom: 2rem; }
.img-controls .photo-tools .img-detail .btn i { margin: 0px; }
.img-controls .photo-tools .scale { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.img-controls .photo-tools .scale input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; background: #e7e7e7; border-radius: 10px; }
.img-controls .photo-tools .scale input[type=range]::-moz-range-track { width: 100%; height: 4px; cursor: pointer; background: #e7e7e7; border-radius: 10px; }
.img-controls .photo-tools .scale input[type=range]::-webkit-slider-thumb { background: #4aad94; border: none; opacity: 0.8; }
.img-controls .photo-tools .scale input[type=range]:focus::-webkit-slider-thumb { opacity: 1; }
.img-controls .photo-tools .scale .range { width: calc( 100% - 60px); }

.img-controls .photo-tools .scale .down { width: 20px; height: 20px; position: relative; cursor: pointer; }
.img-controls .photo-tools .scale .down:before { content: ""; width: 100%; height: 3px; background-color: #283551; display: block; border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.img-controls .photo-tools .scale .down:hover:before { background-color: #4aad94; }
.img-controls .photo-tools .scale .up { width: 20px; height: 20px; position: relative; cursor: pointer; }
.img-controls .photo-tools .scale .up:before { content: ""; width: 100%; height: 3px; background-color: #283551; display: block; border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.img-controls .photo-tools .scale .up:after { content: ""; height: 100%; width: 3px; background-color: #283551; display: block; border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.img-controls .photo-tools .scale .up:hover:before { background-color: #4aad94; }
.img-controls .photo-tools .scale .up:hover:after { background-color: #4aad94; }

.img-controls .photo-tools .img-detail .image { display: none; }
.img-controls .photo-tools .img-detail .title { display: none; }
.img-controls .photo-tools .img-detail .txt { display: none; }
.img-controls .photo-tools .img-detail.uploaded { margin-bottom: 4rem; border-radius: 10px; margin-top: 1rem; display: flex; gap: 1rem; align-items: center; background-color: #f7f7f7; padding: 1rem; }
.img-controls .photo-tools .img-detail.uploaded .image { display: block; max-width: 90px; }
.img-controls .photo-tools .img-detail.uploaded .title { display: block; width: 100%; }
.img-controls .photo-tools .img-detail.uploaded .txt { display: block; width: 100%; }
.img-controls .photo-tools .img-detail.uploaded .title span { color: #4aad94; margin-left: .5rem; }
.img-controls .photo-tools .img-detail.uploaded .btn { font-size: 1rem; max-height: 40px; min-height: 40px; width: max-content; }
.img-controls .photo-tools .img-detail.uploaded .right { display: flex; flex-wrap: wrap; justify-content: end; }
.img-controls .photo-tools .tool-action { cursor: pointer; display: flex; align-items: center; gap: 0.5rem; }
.img-controls .photo-tools .tool-action .ico { border: 2px solid; border-color: #ffffff00; transition: border-color .4s cubic-bezier(0, 1.04, 1, 1); border-radius: 100%; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background-color: #f7f7f7; }
.img-controls .photo-tools .tool-action .txt { font-weight: 600; }
.img-controls .photo-tools .tool-action:hover .ico { border-color: #4aad94; }
.img-controls .photo-tools .tool-action.on .ico { background-color: #4aad94; }
.img-controls .photo-tools .tool-action img { transition: none; }
.img-controls .photo-tools .tool-action.on img { filter: brightness(100); }
.img-controls .photo-tools .tools { flex-wrap: wrap; display: flex; gap: 1rem; align-items: center; justify-content: space-between; max-width: 440px; margin-bottom: 2rem; }
.img-controls label { display: block; margin-top: 0rem; }
.img-controls label .btn { font-weight: 300 !important; margin-top: 15px; font-size: 1.2rem; gap: .75rem; margin-top: .5rem !important; }
.img-controls label input { display: none; }
.img-controls .delete:hover { color: #bd202e; }
.img-controls .delete span { text-decoration: underline; font-weight: 400; margin-left: .2rem; }
.img-controls .opts { display: flex; gap: 2rem; margin-bottom: 0.8rem; }
.img-controls .opts .opt { display: flex; align-items: center; cursor: pointer; }
.img-controls .opts .opt .dummy-radio { width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; border: 1px solid #283551; border-radius: 100%; }
.img-controls .opts .opt .dummy-radio:before { content: ""; display: block; width: 75%; height: 75%; background-color: #4aad94; opacity: 0; border-radius: 100%; }
.img-controls .opts .opt.on .dummy-radio:before { opacity: 1 !important; }
.img-controls .opts .opt:hover .dummy-radio:before { opacity: 0.5; }
.img-controls .opts .opt input { display: block; position: absolute; opacity: 0; }
.img-controls .opts .opt .label { margin-top: 5px; font-weight: 500; margin-left: 5px; }
.img-controls.noimgup { min-height: 175px; display: flex; flex-direction: column; justify-content: end; }
.img-controls.noimgup .upload-info .filename { color: #808080; text-decoration: none; width: 100%; text-align: center; display: block; }

.just-image-cust .img-controls.noimgup { min-height: 0px; margin-top: 15px; }

.just-image-cust .img-controls.noimgup .upload-info { display: none; }
.just-image-cust .img-controls .upload-info .img-detail { margin-bottom: 15px; border-top: 1px solid #a8adb8; border-bottom: 1px solid #a8adb8; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.just-image-cust .img-controls .upload-info .title { display: flex; align-items: center; gap: .5rem; }
.just-image-cust .img-controls .upload-info .filename { display: flex; align-items: center; gap: .35rem; color: #4aad94; font-weight: 400; }
.just-image-cust .img-controls .upload-info .delete { color: #ce4b4b; cursor: pointer; line-height: 50px; }
.just-image-cust .img-controls .upload-info .delete:hover { color: #bd202e; }


#imgupdate { }

.photo-preview { aspect-ratio: 1; overflow: hidden; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; margin: 0 auto; }

.admin-preview .photo-preview { width: 100%; height: 100%; }
.basket .photo-preview { border-radius: unset !important; }
.photo-preview.fit-image img { position: static; min-width: auto; min-height: auto; transform: none; max-width: 100%; object-fit: contain; }
.photo-preview img { height: auto; transition: none; z-index: -1; object-fit: cover; width: 100%; }
.photo-preview img.default { transform: scale(46.87133817670494%); }
.align-preview { max-width: 100%; }
.align-preview .align { display: flex; border-radius: 100%; align-items: center; justify-content: center; }
.align-preview .align .line { height: 20px; width: 1000px; border: none !important; }
.align-preview .align .txt { padding: 0px 10px; text-align: center; white-space: nowrap; font-size: 1.7em; }
.align-preview .align.threeline { flex-wrap: wrap; font-size: 1.9em; }
.align-preview .align.threeline .txt { width: 100%; }
.align-preview .align.twoline { flex-wrap: wrap; font-size: 1.9em; }
.align-preview .align.twoline .txt { width: 100%; }
#previewshow .align-preview .align { transform: scale(46.87133817670494%); }

.basket-table .teamlogo-preview .teamlogo-out .txt { width: 100%; text-align: center; font-size: 0.8em; text-transform: uppercase; }

#preview { height: 100%; }

.custom-pop .preview { position: relative; overflow: hidden; background-color: #f7f7f7; border-radius: 5px; padding: 15px; height: 100%; display: flex; justify-content: center; align-items: center; }

#preview .ball { aspect-ratio: 1; padding-top: 0px; display: flex; justify-content: center; align-items: center; background-image: url(images/previewball.jpg); background-position: center; background-repeat: no-repeat; position: absolute; left: calc(50% - 503px); top: calc(50% - 503px); transform: scale(0.4); width: 1006px; height: 1006px; background-size: cover; overflow: hidden; margin: 0 auto; border-radius: 100%; }
#preview .ball .loader { transition: none !important; animation: none !important; border: none !important; position: absolute; left: 0px; bottom: 0px; }
#preview .ball .print-area { display: flex; justify-content: center; align-items: center; aspect-ratio: 1; border-radius: 100%; border: none; width: 46.87133817670494%; }
#preview .ball .print-area.type-monogram { overflow: unset !important; }
#preview .ball .print-area.unset { opacity: 0; }
#preview .ball .fill-bg { position: absolute; z-index: -1; }
#preview .ball .fill-bg.default { aspect-ratio: 1; border-radius: 100%; width: 46.87133817670494% !important; /*border: 1px solid black; */ }
#preview .ball .print-area._cropper-area { border: 3px solid #4aad94; box-shadow: 0px 0px 0px 500px #ffffff69; cursor: move; }
#preview .ball .print-area.show-boundary { border: 3px solid #4aad94; box-shadow: 0px 0px 0px 500px #ffffff69; cursor: move; }

#preview .ball .print-area._cropper-area img { display: none !important; }
#preview .ball .image-box { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#preview .ball > * { width: 100%; }

.product.prod-round-false .ball { border-radius: 0px; background-color: transparent; }

.ball-bg { background-image: url(images/previewball.jpg); background-position: center; background-repeat: no-repeat; position: relative; background-size: cover; background-color: #fff; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; }
.ball-bg-noimg { position: relative; background-size: 92%; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; }

.select-font { cursor: pointer; }
.select-font .top { position: relative; }
.select-font .top i { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }
.select-font.open i { transform: translateY(-50%) rotate(180deg); }
.select-font .top input { font-weight: 700; cursor: pointer; }
.select-font .drop { border: 1px solid #aaa; overflow-y: auto; position: absolute; top: 100%; left: 0px; width: 100%; z-index: 10; background-color: #fff; }
.select-font .drop .inner > label:nth-child(even) { background-color: #f1f1f1; }
.select-font .drop label { display: block; padding: 10px; cursor: pointer; }
.select-font .drop label:hover { background-color: #ddd !important; }
.select-font .drop input { display: none; }
.select-font .drop .inner { overflow-y: auto; max-height: 200px; }

.select-align { cursor: pointer; }
.select-align .top { position: relative; }
.select-align .top .selected-svg { position: absolute; height: 30px; left: 10px; top: 7px; }
.select-align .top i { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }
.select-align.open i { transform: translateY(-50%) rotate(180deg); }
.select-align .top input { font-weight: 700; cursor: pointer; }
.select-align .drop { border: 1px solid #aaa; overflow-y: auto; position: absolute; top: 100%; left: 0px; width: 100%; z-index: 10; background-color: #fff; }
.select-align .drop .inner > label:nth-child(even) { background-color: #f1f1f1; }
.select-align .drop label { display: block; cursor: pointer; }
.select-align .drop label:hover { background-color: #ddd !important; }
.select-align .drop input { display: none; }
.select-align .drop label span { height: 40px; display: flex; padding: 0px 10px; align-items: center; }
.select-align .drop .inner { overflow-y: auto; max-height: 200px; }
.select-align svg { max-height: 30px; display: block; height: 100%; max-width: calc( 100% - 50px); max-width: 230px; }

.basket-table .mono-preview { width: 60px; height: 60px; transform: scale(0.65); }
.basket-table .mono-preview .char svg { height: 60px !important; }
.basket-table .mono-preview .around.circle svg { width: 70px; height: 70px; }
.basket-table .mono-preview .around.hexagon svg { width: 70px; height: 70px; }
.basket-table .mono-preview .around.heart svg { width: 70px; height: 70px; }

.basket-table .preview { overflow: hidden; }

.basket-table .align-preview { font-size: 0.4em; }

.basket-table .align-preview .txt { font-size: 1.2em; padding: 0px 5px !important; }

.basket-table .shape-heart { font-size: 0.5em; }

.basket-table .shape-heart .third { width: 100%; height: 100%; }

.basket-table .shape-heart .half .char svg { height: 45px !important; }

.basket-table .shape-heart .third span { width: 59px !important; height: 55px !important; font-weight: bolder; }

.basket-table .around.diamond { width: 75px; }

.basket-table .shape-diamond { font-size: 0.5em; }

.basket-table .shape-diamond .half { font-size: 1.25em; }

.basket-table .shape-diamond .third { width: 100%; height: 100%; }

.basket-table .shape-diamond .third span { width: 42px !important; height: 58px !important; }

.align-preview .align .line { height: 5px; }

.preview .rati-100 .loader { position: absolute; left: 15px; bottom: 15px; height: auto; border: transparent; animation: none; }

#previewshow .shape-heart { font-size: 0.9em; }

#previewshow .shape-diamond { font-size: 0.9em; }

.custom-pop-controls { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 15px; padding: 0px 15px; width: 100%; z-index: 10; }
.custom-pop-controls .btn.white { border: none; }

.custom-pop-controls .close { position: static; }




.custom-pop .custom-pop-right { padding: 4rem 2rem 2rem 2rem; }

.custom-pop .error { color: #bd202e; }

@media screen and (max-width: 991px) and (min-width: 768px) {
    .custom-pop { max-width: 700px !important; }
}

@media screen and (min-width: 992px) {
    .custom-pop .left-bs { width: 50% !important; }
    .custom-pop .right-bs { width: 50% !important; }
    .photo-upload-guide { max-width: 800px; margin: 0 auto; padding: 2rem 0; }
}

@media screen and (max-width: 991px) {

    .photo-upload-guide { max-width: 800px; margin: 0 auto; padding: 2rem 0; }

    .custom-pop-controls { position: static; padding: 10px 15px; position: sticky; top: 0px; left: 0px; background-color: #fff; z-index: 100; }
    .custom-pop-controls .btn { min-height: 30px !important; height: auto !important; padding: 0px !important; }
    .custom-pop-controls .btn:hover { background-color: transparent; color: #283551; }
    .custom-pop-controls .btn:hover i { color: #283551; }
    .custom-pop-controls i { font-size: 1.5rem; margin-right: 10px; }
    .custom-pop-controls .txt { line-height: 30px; padding-top: 5px; }
    .custom-pop-controls .close .rel { width: 30px; height: 30px; }
    .custom-pop-controls .close .rel:before { width: 4px; }
    .custom-pop-controls .close .rel:after { height: 4px; }
    #preview .ball { transform: scale(0.3); }
    .pop-container.custom-pop > .padd-15 { padding: 0px; }

    .img-controls.noimgup { min-height: 10px; }
    .img-controls { padding-bottom: 15px; }
    #logo-scroll-area.min-h-422 { min-height: 10px; }

    .custom-pop .custom-pop-right { padding: 1rem 0rem; }
    .custom-pop #preview-custom-section { margin: 0px; }
    .custom-pop .left-bs { padding: 0px; }
    .custom-pop .right-bs { padding: 0px 1rem; max-height: calc(100vh - 400px); overflow: auto; }
    .img-controls .photo-tools .img-detail.uploaded { padding-bottom: 4rem; margin-bottom: 2rem; position: relative; }
    .img-controls .photo-tools .img-detail.uploaded .dblue-txt { display: none; }
    .img-controls .photo-tools .img-detail.uploaded .title span { display: block; margin: 5px 0px 0px 0px; font-weight: 500; }
    .img-controls .photo-tools .img-detail.uploaded label { position: absolute; left: 1rem; bottom: 1rem; right: 1rem; }
    .img-controls .photo-tools .img-detail.uploaded label .btn { width: 100%; }
    .img-controls .photo-tools .img-detail.uploaded .image { max-height: 90px; }
    .img-controls .photo-tools .img-detail.uploaded .image img { max-height: 90px; }
    .img-controls .photo-tools { margin-bottom: 1rem; }
    .custom-pop #preview { min-height: 280px; }

    .custom-pop { max-width: 700px !important; }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 500px) {
    .img-controls .photo-tools .tools { flex-wrap: nowrap; }
    .img-controls .photo-tools .tool-action { width: 50%; }
    .img-controls .photo-tools .tool-action .txt { font-weight: 600; font-size: 0.95rem; }
    .img-controls .photo-tools .tool-action .ico { width: 45px; height: 45px; padding: 8px; }
    .custom-pop .right-bs { padding: 0px 1rem; max-height: calc(100vh - 350px); overflow: auto; }

    .custom-pop #preview { min-height: 200px; }
    .custom-pop .top-btn .txt { }

    .custom-pop .top-btn { text-align: center; }

    .custom-pop .top-btn i { }
    #preview .ball { transform: scale(0.25); }


    .custom-pop .custom-price { font-size: 0.8em; margin-top: 10px; }




    .img-controls .opts { flex-wrap: wrap; gap: .5rem; }
    .img-controls .opts .opt { width: 100%; }
    #preview .ball { aspect-ratio: 1.5; }

    .popup .pop-container.custom-pop.shut { transform: translateX(0%) translateY(50%); }
    .popup .pop-container.custom-pop { max-height: calc(100vh - 5rem); transform: translateX(0%) translateY(0%); left: 0px; bottom: 0px; width: 100%; top: auto; }
    .img-controls .photo-tools .img-detail.uploaded .image { display: none; }
    .img-controls .photo-tools .img-detail.uploaded .title { display: none !important; }
    .img-controls .photo-tools .img-detail.uploaded label { position: static; }
    .img-controls .photo-tools .img-detail.uploaded { display: block; }
    .img-controls .photo-tools .img-detail.uploaded .right { display: block; }
    .img-controls .photo-tools .img-detail.uploaded { padding: 1rem !important; }
    .img-controls label .btn { margin: 0px !important; }
    .photo-upload-guide { padding: 15px 15px; }
    .photo-upload-guide .btn.green.continue { width: 100%; }
}

@media screen and (max-width: 430px) {
}

@media screen and (max-width: 430px) {
}

@media screen and (max-width: 380px) {
    .align-preview .align.threeline { }
}

.dtp {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);z-index: 9999999999;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dtp > .dtp-content { background: #fff; max-width: 300px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); max-height: 520px; position: relative; left: 50%; }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {background: #283551;color: #fff;text-align: center;padding: 0.3em;}

.dtp div.dtp-date, .dtp div.dtp-time { background: #4aad94; text-align: center; color: #fff; padding: 10px; }
.dtp div.dtp-date > div { padding: 0; margin: 0; }
.dtp div.dtp-actual-month { font-size: 1.5em; }
.dtp div.dtp-actual-num { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-maxtime { font-size: 3em; line-height: 0.9; }
.dtp div.dtp-actual-year { font-size: 1.5em; color: #fff; }
.dtp div.dtp-picker { padding: 1em; text-align: center; }

.dtp div.dtp-picker-month, .dtp div.dtp-actual-time { font-weight: 500; text-align: center; }
.dtp div.dtp-picker-month { padding-bottom:20px!important; text-transform: uppercase!important; }

.dtp .dtp-close { position: absolute; top: 4px; right: 1em; }
.dtp .dtp-close > a { color: #fff; }
.dtp .dtp-close > a > i { font-size: 1em; }

.dtp table.dtp-picker-days { margin: 0; min-height: 251px; width:100%;}
.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td { border: none; }
.dtp table.dtp-picker-days tr > td {  font-weight: 500; font-size: 0.9em; text-align: center; padding: 0.5em 0.3em; }
.dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD!important; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { color: #212121; text-decoration: none; padding: 0.4em 0.5em 0.5em 0.4em; border-radius: 50%!important; }
.dtp table.dtp-picker-days tr > td > a.selected{ background: #4aad94; color: #fff; }
.dtp table.dtp-picker-days tr > th { color: #757575; text-align: center; font-weight: 700; padding: 0.4em 0.3em; }

.dtp .p10 > a { color: #fff; text-decoration: none; font-size:1.4em; }
.dtp .p10 { width: 10%; display: inline-block; }
.dtp .p20 { width: 20%; display: inline-block; }
.dtp .p60 { width: 60%; display: inline-block; }
.dtp .p80 { width: 80%; display: inline-block; }

.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { position: relative; top: 10px; color: #212121; font-weight: 500; padding: 0.7em 0.5em; border-radius: 50%!important;text-decoration: none; background: #eee; font-size:1em; }
.dtp .dtp-actual-meridien a.selected { background: #689F38; color: #fff; }

.dtp .dtp-picker-time > .dtp-select-hour { cursor: pointer; }
.dtp .dtp-picker-time > .dtp-select-minute { cursor: pointer; }

.dtp .dtp-buttons { padding: 0 1em 1em 1em; text-align: right; }

.dtp.hidden, .dtp .hidden { display: none; }
.dtp .invisible { visibility: hidden; }

.dtp .left { float: left; }
.dtp .right { float: right; }
.dtp .clearfix { clear: both; }

.dtp .center { text-align: center; }
.dtp-btn-cancel{ background-color:#ddd; color:#666; font-size:1.1em; font-weight:500; text-align:center; line-height:38px; height:40px; border:1px solid #ddd; width:100px; float:left; cursor:pointer; }
.dtp-btn-cancel:hover{ background-color:#fff; }
.dtp-btn-ok { background-color: #ddd;color: #666;font-size: 1.1em;font-weight: 500;text-align: center;line-height: 38px;height: 40px;border: 1px solid #ddd;width: 100px;float: right;cursor: pointer; }



@keyframes slide-in {
    0% { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(0%); }
}

@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(100%); }
}

.slider-lazy { opacity: 0; }

body.noscroll {overflow: hidden !important;}


.hide { display: none !important; }
.clickable { cursor: pointer; }

.no-listing-border { border-color: transparent !important; }
.youtube iframe { width: 100%; height: 100%; max-width: 640px; }
.corp-price-grid { display: flex; border: 1px solid #283551; }

.corp-price-grid > div { flex-grow: 1; }

.corp-price-grid > div:not(:first-child) > div:first-child { border-left: 1px solid #fff; }
.corp-price-grid > div:not(:first-child) > div:last-child { border-left: 1px solid #283551; }

.corp-prod-info { background-color: #F7F7F7; padding: 75px; }

#customLoader { position: fixed; height: 100vh; width: 100vw; background-color: #0000008f; top: 0; left: 0; z-index: 9999; display: none; transition: none !important;}
#customLoader i { font-size: 7rem; }
#customLoader > div { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.slidetext { cursor: pointer; }
#how-works-btn.btn { justify-content: space-between; width: 215px; max-width: 215px; padding-top: 16px; padding-bottom: 16px; padding-left: 30px; padding-right: 26px; position: absolute; bottom: 0; right: 50%; transform: translate(50%, 50%); z-index: 99; height: 55px; font-size: 1.25rem; }
#how-works-btn.expanded i { transform: rotate(180deg); }

#how-works-btn.btn.comps { bottom: 0; }
#how-works-btn.btn.comps.expanded { bottom: -35px; }

#how-works-btn.btn.subscribe-save { bottom: 30px; }

#comps-bg h2 { font-size: 3.5rem; }
#comps-bg > .container > .section { height: 380px; align-items: flex-end; }
#comps-bg .left { align-self: end; }
#comps-bg .right { padding-left: 40px; align-self: center; }
#comps-bg img { transform: translateY(6px); }



body { overflow-y: auto !important;}
.sitecontent { line-height: 1.2; }
.xmas-del-info { display: flex; grid-gap: 1rem; align-items: center; color: #fff; background-color: red; border-color: #fff; padding: 1rem 2rem; font-size: 0.9rem; position: relative; border-radius: 0.5rem; }
.xmas-del-info i { font-size: 2.2rem; }
.xmas-del-info img { position: absolute; top: 0; left: 0; transform: translate(-44%, -40%); z-index: 9; }
.xmas-del-info:after { position: absolute; width: 0.5rem; height: 100%; background-color: green; content: ""; left: 0; top: 0; }
.how-works-banner { position: relative; padding-left: 397px; padding-right: 15px; padding-top: 45px; padding-bottom: 45px; margin-top: 75px; }
.how-works-banner img { position: absolute; bottom: 0; left: 60px; }


.comp-steps > div > img { position: absolute; }
.comp-steps { max-width: 1540px; min-height: 1100px; margin: 0 auto; background-image: url(images/how-path.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; margin-top: 120px; background-size: 90%; }
.comp-steps > div { border: 1px solid #283551; border-radius: 15px; box-shadow: 0 0 6px 2px #00000029; position: absolute; }
.comp-steps > div > .fs-20 { display: flex; flex-direction: column; grid-gap: 10px; }

.how-works-bg { background: rgb(53,100,107); background: linear-gradient(180deg, rgba(53,100,107,1) 16%, rgba(74,173,148,1) 96%); justify-content: space-between; }
.how-works-bg .bg-inner { height: 160px; display: grid; grid-template-columns: 1fr 8fr 1fr; justify-content: center; align-items: center; }
.how-works-bg h1 { color: #fff; text-align: center; margin: 0 !important; font-size: 4rem; }
.how-works-bg img { align-self: flex-end; }

.collab-banner { color: #fff; display: flex; align-items: center; padding: 60px 115px; border-radius: 30px; margin-bottom: 112px; margin-top: 45px; grid-gap: 114px; }
.collab-banner h1 { color: #fff; font-size: 4rem !important; }
.collab-banner .preamble { font-size: 1.8rem; font-weight: 400; }

.collab-art { position: relative; padding-left: 400px; padding-top: 60px; padding-bottom: 45px; padding-right: 90px; margin-bottom: 135px; max-width: 1300px; }
.collab-art .dblue-txt { font-size: 1.5rem; }
.collab-art img { position: absolute; top: -75px; left: -105px; }

.green-bord { border: 2px solid rgba(74,173,148,1); }

.error-grid { display: grid; grid-template-columns: 818px auto; margin: 160px 0; }
.error-grid h1 { margin: 0 0 0.75rem; }
.squigle-bg { background-image: url(images/squigle.png); background-size: contain; background-repeat: no-repeat; background-position: top; height: 100%; width: 100%; display: flex; align-items: center; padding-left: 130px; }
.squigle-bg .flx-bx { margin-top: 1.5rem; }

.brands-container { background-color: #283551; padding: 20px 50px; height: 161px; overflow: hidden; }
.brands-container #corporatebrandslider { display: contents; }

.customer-reviews-container h2, .branded-balls-info .info-card h2, .logo-balls-examples h2 { font-size: 2.78em !important; }
.customer-reviews-container h2 { margin-bottom: 0; }
.customer-reviews-container .customer-reviews { overflow-x: scroll; }
.customer-reviews-container .reviewslider { display: flex; grid-gap: 20px; }
.choose-balls-section h2 { font-size: 2em; margin-top: -12px; }
.logo-balls-examples h2 { margin-top: 0; }

.customer-reviews-container .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }



.customer-review-card { box-shadow: 0px 3px 6px #00000029; border: 2px solid #394F7E; border-radius: 10px; min-height: 182px; position: relative; grid-gap: 20px; flex-shrink: 0; }

.customer-review-card .review-text { font-size: 18px; font-weight: bold; padding-bottom: 50px; }
.customer-review-card .review-name { position: absolute; bottom: 0; background-color: #f7f7f7; height: 40px; width: 100%; border-radius: 0 0 10px 10px; font-size: 20px; font-weight: 900; }


.branded-balls-info { background-color: lightgrey; background: url(images/branded-balls-banner.jpg); background-repeat: no-repeat; background-size: 1921px 667px; background-position: center; aspect-ratio: 1921 / 667; }
.branded-balls-info .info-card { background-color: white; border-radius: 10px; max-width: 816px; padding: 50px 0; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); margin-top: 15px; }

div.branded-balls-info { padding: 50px 0; }
.branded-balls-info .info-card .inner h2 { font-size: 2.8em; }
.branded-balls-info .info-card .inner { max-width: 670px; margin-left: 30px; }
.branded-balls-info .info-card .info-text, .branded-balls-info .info-card li { font-size: 1.475em; }
.branded-balls-info .brandlist { grid-gap: 50px; }
.branded-balls-info .info-card li { font-weight: bold; }

.reviewslider { overflow-x: visible; }
.reviewslider .star-container img { margin: 0; }

.logo-balls-examples { background-color: #f7f7f7; }
.logo-balls-examples .info-text { font-size: 1.5em; }
.logo-balls-examples .img-section { flex-wrap: wrap; grid-gap: 16px; margin-left: -20px; margin-right: -20px; justify-content: center; }

.contact-section .btn { width: 225px; border-radius: 5px; font-size: 22px; line-height: 22px; }

.brands-container .bx-wrapper, .brands-container .bx-viewport { height: 100px !important; }

.bx-viewport > div { display: flex; align-items: center; }

.fav-resources .dblue-grad-bg { color: #fff; }
.fav-resources .resource { height: 600px; padding: 50px 0; }
.fav-resources .resource img { max-height: 262px; }
.fav-resources .section .intro h1 { font-size: 2.5em; }
.fav-resources .section .intro { font-size: 1.4em; padding-right: 0; }
.fav-resources .our-picks-banner { height: 76px; }
.fav-resources .our-picks-banner h2 { font-size: 2.5em; }
.fav-resources .resource, .fav-resources .yt-channels p,
.fav-resources .yt-channels .content .details { font-size: 1.255em; }
.fav-resources .resource h3 { font-size: 1.55em; }
.fav-resources .resource a { font-size: 1.35em; text-decoration: underline; }
.fav-resources .youtube-desc { height: 180px; }
.fav-resources .youtube-desc h2 { font-size: 1.9em; max-width: 950px; text-align: center; }
.fav-resources .yt-channels { height: 475px; }
.fav-resources .yt-channels .inner { height: 375px; padding-left: 60px; padding-right: 60px; }
.fav-resources .yt-channels .content { max-width: 720px; }
.fav-resources .yt-channels .inner .flx-col { grid-gap: 70px; }
.fav-resources .yt-channels .content .details { display: inline-block; text-align: left; }
.fav-resources .yt-channels .content .details a { transform: translateY(5px); font-weight: 200; color: #fff; }
.fav-resources .contact { font-size: 1.35em; text-align: center; }
.fav-resources .contact a { text-decoration: none; }
.fav-resources .contact .btn { border-radius: 5px; width: 225px; }

.discounted-quote h1 { font-size: 3.2em; }
.discounted-quote h2 { font-size: 2.45em; }
.discounted-quote.form-card { max-width: 1640px; box-shadow: 0px 0px 9px #0000002B; }
/* Input label */
.discounted-quote .section div.editor-label { font-size: 1.4em; }

.discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 20px; font-weight: 700; }
.discounted-quote a span { font-weight: 500; }
.discounted-quote a.button-card .send-email { font-size: 20px; }

.discounted-quote .editor-field input, .charity-days .editor-field { border-radius: 5px; }
.discounted-quote .button-card { width: 311px; height: 206px; text-align: center; cursor: pointer; }
.discounted-quote .button-card p { text-decoration: underline; margin: 0; cursor: pointer; }
.discounted-quote .button-card .editor-label,
.discounted-quote .button-card .editor-label > label { height: 100%; justify-content: flex-end; cursor: pointer; }
.discounted-quote a.button-card { color: unset; }
.discounted-quote a.button-card:hover { color: unset; }
.discounted-quote .section.submit { font-size: 1.25em; }
.discounted-quote .section.submit #JoinMailingList { width: 29px; height: 29px; border-radius: 0px; }
.discounted-quote #submit-discount-form.btn.green { width: 100%; border-radius: 10px; font-size: 1.8em; height: 83px; }
.discounted-quote .section.submit a { text-decoration: none; color: black; }
.discounted-quote .button-card .editor-label .upload { position: relative; }
.discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -50px; left: -90px; }
.discounted-quote .button-card .editor-label input#FileUpload[type="file"]::file-selector-button { display: none; }
.discounted-quote .button-card.upload .editor-label { margin-bottom: 30px; }

/* Golf Days */
.charity-days .main-container,
.corporate-days .main-container,
.society-days .main-container { height: 525px; }

.charity-days .main-container,
.society-days .main-container { background: transparent linear-gradient(281deg, #4AAD94 0%, #A9E9D9 100%) 0% 0% no-repeat padding-box; }

.charity-days .main-container .text,
.corporate-days .main-container .text,
.society-days .main-container .text { line-height: 34px; }

.charity-days .main-container img,
.corporate-days .main-container img,
.society-days .main-container img { width: 70%; }

.charity-days .main-container .btn,
.corporate-days .main-container .btn,
.society-days .main-container .btn { border-radius: 3px; font-size: 1.3rem; padding: 29px 26px; }

.charity-days .main-container .btn.blue,
.society-days .main-container .btn.blue { border: 1px solid rgb(40, 53, 81); }

.charity-days .exclusive .text,
.corporate-days .exclusive .text,
.society-days .exclusive .text { letter-spacing: 0.7px; line-height: 34px; }

.charity-days .section.txt-content,
.corporate-days .section.txt-content,
.society-days .section.txt-content { height: 470px; }
.society-days .section.txt-content { padding-top: 0; }

.charity-days .content-section,
.corporate-days .content-section,
.society-days .content-section { margin: 20px auto; }

.charity-days .section.submit .submit-btn,
.corporate-days .section.submit .submit-btn,
.society-days .section.submit .submit-btn { width: 100%; max-width: unset; }

.charity-days .container.gifts,
.corporate-days .container.gifts,
.society-days .container.gifts { padding: 0; }

.charity-days #gift-slider .item,
.corporate-days #gift-slider .item,
.society-days #gift-slider .item { height: 400px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; background-color: #f7f7f7; }

.charity-days #gift-slider .item a,
.corporate-days #gift-slider .item a,
.society-days #gift-slider .item a { text-align: center; }

.charity-days #gift-slider .item h3,
.corporate-days #gift-slider .item h3,
.society-days #gift-slider .item h3 { font-size: 1.375rem; }

.charity-days .content-section .content,
.corporate-days .content-section .content,
.society-days .content-section .content { padding: 0 83px; }

.charity-days .section.submit .submit-btn,
.corporate-days .section.submit .submit-btn,
.society-days .section.submit .submit-btn { width: 100%; border-radius: 10px; font-size: 1.8em; height: 83px; }

.charity-days .main-container .btn-wrapper,
.corporate-days .main-container .btn-wrapper,
.society-days .main-container .btn-wrapper { margin: 15px; }

.charity-days .field-validation-error,
.corporate-days .field-validation-error,
.society-days .field-validation-error { float: right; }

/* XMAS BUILD A BOX */
.product.xmas-buildabox #basketpanel form > div:first-of-type,
.product.xmas-buildabox #basketpanel .step-one,
.product.xmas-buildabox #basketpanel .step-two,
.product.xmas-buildabox #basketpanel .step-three { padding: 10px 20px; margin-bottom: 20px; border: 2px solid #283551; border-radius: 6px; }
.product.xmas-buildabox #basketpanel form > div:nth-child(2) { background: unset; padding: 0 !important; }
.product.xmas-buildabox #basketpanel #customcontrols { padding-top: 20px; padding-bottom: 20px; }
.product.xmas-buildabox #basketpanel #customcontrols h3 { margin: 0; }
.product.xmas-buildabox #basketpanel #customcontrols h3 br { display: none; }
.product.xmas-buildabox #basketpanel #customcontrols h3 span { font-size: 1rem; display: block; margin-bottom: 10px; }
.product.xmas-buildabox #basketpanel #customcontrols h3 span > span { text-decoration: underline; display: inline; }
.product.xmas-buildabox #byomessage .step-two { position: relative; margin-bottom: 0; }
.product.xmas-buildabox #byomessage .step-two .section { gap: 20px; justify-content: center; margin-bottom: 95px; max-height: 500px; /*overflow: hidden; overflow-y: scroll;*/ }
.product.xmas-buildabox #byomessage .step-two .section.sleeves-list { }

.product.xmas-buildabox #byomessage .step-two .content { overflow: hidden; overflow-y: scroll; display: none; padding: 0 15px; max-height: 700px; margin-bottom: 100px; }
.product.xmas-buildabox #byomessage .step-two .section h3 { padding-left: 20px; padding-right: 20px; margin-top: 0; margin-bottom: 0; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #283551; /*padding-top: 18px;*/ }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .selected { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .selected div { width: 132px; height: 61px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 2px; background-color: #fff; font-weight: 900; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .selected div.unselected { background-color: unset; border: 2px dashed #FFFFFF; border-radius: 2px; color: #fff; text-align: center; font-size: 1rem; font-weight: 300; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .selected div span { color: #4AAD94; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .btn { background-color: #fff; border-radius: 28px; margin: 20px 10px; height: 55px; }
.product.xmas-buildabox #byomessage .step-two .sleeve-select .btn.disabled { background-color: grey; }

.product.xmas-buildabox #byomessage .step-two .section > div.selected-info { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; width: 100%; flex-wrap: wrap; row-gap: 10px; padding: 0 20px; }
.product.xmas-buildabox #byomessage .step-two .section > div.selected-info h3 { display: inline; padding: 0; }
.product.xmas-buildabox #byomessage .step-two .section > div.selected-info .btn { border-radius: 5px; font-size: 1rem; display: inline; padding: 10px; background: #fff; color: #283551; border-radius: 25px; height: 33px; min-height: unset; line-height: 16px; }

.product.xmas-buildabox .steponeclosed { background-color: #f7f7f7; border-radius: 6px; }
.product.xmas-buildabox #byomessage .step-two .section > div:not(.warning-banner):not(.selected-list):not(.selected-info) { border-width: 1px 1px 0 1px; border-style: solid; border-color: #225482; border-radius: 2px; background: #fff; position: relative; height: 220px; }
.product.xmas-buildabox #byomessage .step-two div.warning-banner { background-color: #283551; padding: 10px 20px; }
.product.xmas-buildabox #byomessage .step-two div.warning-banner span { font-size: 1.15rem; font-weight: 400; }
.product.xmas-buildabox #byomessage .step-two .section .selected-list { display: flex; width: 100%; gap: 20px; padding: 0; flex-wrap: wrap; margin-bottom: 20px; margin-top: 20px; }
.product.xmas-buildabox #byomessage .step-two .section .selected-list > div.selected { border-width: 2px 2px 0 2px; border-color: #4AAD94; border-style: solid; height: 220px; border-radius: 2px; background: #fff; padding: 0 15px; }
.product.xmas-buildabox #byomessage .step-two .section .selected-list > div > div > span,
.product.xmas-buildabox #byomessage .step-two .section > div > div > span { color: #4aad94; display: flex; justify-content: center; position: absolute; bottom: 17%; left: 50%; transform: translateX(-50%); width: 100%; }
.product.xmas-buildabox .translate-selections .section > div > div > div { display: flex; gap: 0; }

.product.xmas-buildabox .qty-grid { display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; border-width: 1px 0 1px 0; border-style: solid; border-color: #225482; }
.product.xmas-buildabox div.selected .qty-grid { border-width: 2px 0 2px 0; border-color: #4AAD94; }
.product.xmas-buildabox .qty-grid div.quant { width: 32%; height: 30px; background-color: #4aad94; color: #fff; cursor: pointer; }
.product.xmas-buildabox .qty-grid div.quant i { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.product.xmas-buildabox .qty-grid input { width: 40%; height: 30px; border: unset; color: black; text-align: center; font-size: 1.1rem; }

.product.xmas-buildabox #byomessage .step-two h2, .product.xmas-buildabox #byomessage .step-three h2 { font-size: 1.38rem; margin: 0; font-weight: 700; }

.product.xmas-buildabox #basketpanel #updateresults { padding: 0; background-color: #f7f7f7; }


.product.xmas-buildabox #basketpanel #updateresults.closed { height: 75px; }

.product.xmas-buildabox #basketpanel #updateresults #previewshow { margin-bottom: 0; }
.product.xmas-buildabox #basketpanel #updateresults > div:first-of-type { margin-top: 0; }

.product.xmas-buildabox .step-two .selection-info { justify-content: space-between; padding: 20px !important; border-bottom: 1px solid #fff; }
.product.xmas-buildabox #byomessage .step-two .section > div img { padding-top: 10px; }
.product.xmas-buildabox #byomessage .step-two .head span { cursor: pointer; }
.product.xmas-buildabox #byomessage .step-two .head.withedit { display: flex; justify-content: space-between; height: 75px; align-items: center; }
.product.xmas-buildabox #byomessage .step-two .content { }
.product.xmas-buildabox #byomessage .step-two .content .prod-title { font-size: 1.15rem; line-height: 1.15rem; }

.product.xmas-buildabox #byomessage .step-two .content .selected-sleeves { background-color: #283551; max-height: unset; margin-bottom: unset; overflow: hidden; gap: 0; }

.product.xmas-buildabox #byomessage .step-three .head { display: flex; justify-content: space-between; align-items: center; }
.product.xmas-buildabox #byomessage .step-three .content { display: none; }

.product.xmas-buildabox #byomessage .step-one,
.product.xmas-buildabox #byomessage .step-two,
.product.xmas-buildabox #byomessage .step-three { padding: 0; }

.product.xmas-buildabox .steponeclosed span { cursor: pointer; }
.product.xmas-buildabox .steponeclosed img, .product.xmas-buildabox .step-two .edit2btn img { transform: translateY(3px); margin-left: 5px; }

.product.xmas-buildabox #updateresults #customcontrols > *,
.product.xmas-buildabox #byomessage .step-two > *,
.product.xmas-buildabox #byomessage .step-three > * { padding: 0 20px; }
.product.xmas-buildabox #byomessage .step-three .basket-sleeves { display: flex; flex-direction: column; gap: 12px; }
.product.xmas-buildabox #byomessage .step-three .basket-sleeves h3 { margin-bottom: 0; }
.product.xmas-buildabox #byomessage .step-three .price-breakdown { display: flex; justify-content: space-between; font-weight: 500; color: #283551; }
.product.xmas-buildabox #byomessage .step-three .price-breakdown.total { padding: 0 20px; }
.product.xmas-buildabox #byomessage .step-three .price-breakdown span { font-weight: 900; }
.product.xmas-buildabox #byomessage .step-three .price-breakdown b,
.product.xmas-buildabox #byomessage .step-three .price-breakdown span.total { font-size: 1.38rem; }

.product.xmas-buildabox #previewshow .preview { max-width: 440px; }
.product.xmas-buildabox #previewshow > div { border-radius: 6px; }
.product.xmas-buildabox #previewshow > div > div { max-width: unset; position: relative; }
.product.xmas-buildabox #previewshow > div > div > div.section { display: flex; flex-direction: column-reverse; }
.product.xmas-buildabox #previewshow > div > div > div.section .btn.green { max-width: unset; background: unset; color: black; text-decoration: underline; font-size: 1.25rem; font-weight: 400; justify-content: flex-start; margin-top: 0; height: 40px; background-color: white; border-radius: 3px; box-shadow: 0px 1px 2px #0000001F; }
.product.xmas-buildabox #previewshow > div > div > div.section > .dw-sm-6:nth-of-type(1) .btn.green:after { content: url("/Content/gm/images/delete-icon.png"); position: absolute; right: 20px; top: 27%; }
.product.xmas-buildabox #previewshow > div > div > div.section > .dw-sm-6:nth-of-type(2) .btn.green:after { content: url("/Content/gm/images/edit-icon.png"); position: absolute; right: 20px; top: 27%; }

.product.xmas-buildabox #previewshow > div > div > div.section > div.dw-sm-6 { width: 270px; }

.product.xmas-buildabox #updateresults #customcontrols .step1-alt-btn { width: 95%; margin: auto; margin-top: 10px; }
.product.xmas-buildabox #updateresults #customcontrols .step1-alt-btn,
.product.xmas-buildabox #previewshow .btn,
.product.xmas-buildabox #byomessage .step-three .btn { background-color: #283551; color: #fff; height: 55px; line-height: 55px; margin-top: 30px; }
.product.xmas-buildabox #byomessage .step-two > div:first-of-type,
.product.xmas-buildabox #byomessage .step-three > div:first-of-type { background-color: #F7F7F7; padding-top: 20px; padding-bottom: 20px; border-radius: 6px; }

.comp-pop .comps-container i.close-icon { z-index: 5; }

.loader { width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; }

.photo-upload-guide .text { font-size: 1rem; }
.photo-upload-guide .btn.green.continue { font-size: 1.125rem; padding: 0 25px; }

.photo-upload-guide .dots-container { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; gap: 15px; }
.photo-upload-guide .dots-container span { border-radius: 50%; width: 11px; height: 11px; background-color: #868C98; display: block; }
.photo-upload-guide .dots-container span.active { background-color: #4AAD94; }

.checkoutpage .paymentsect { margin: 30px 0; }
.checkoutpage .paymentsect .btn { height: 61px; }

.also-available-container { flex-wrap: wrap; gap: 14px; max-width: 500px; margin: auto; }
.also-available-container .option { flex-shrink: 0; padding: unset; }
.also-available-container .option img { border: 1px solid #b6b9c1; border-radius: 4px; width: 80px; }
.also-available-container .option span { color: #535d74; font-weight: 600; font-size: 1rem; }
.also-available-container .option a { display: flex; flex-direction: column; gap: 8px; align-items: center; }
.also-available-container .option:hover span { color: #283551; font-weight: 700; }
.also-available-container .option:hover img { border: 1px solid #232f49; }

@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@media screen and (max-width: 2120px) {
    .customer-reviews-container { margin-bottom: 50px; }
    .choose-balls-section h2 { margin-top: 30px; }
}

@media screen and (max-width: 1700px) {
    .discounted-quote.form-card { max-width: 1500px; }
}

@media screen and (max-width: 1670px) {
    .product.xmas-buildabox #previewshow .preview { margin: auto; }
}

@media screen and (max-width:1500px) {
    .error-grid { display: grid; grid-template-columns: 1fr 1fr; margin: 160px 0; }
    .squigle-bg { padding-left: 80px; }
    .discounted-quote.form-card { max-width: 1200px; }
}

@media screen and (min-width: 1230px) and (max-width: 1500px) {
    .product.xmas-buildabox #customcontrols .pick-custom .section > div { width: 33%; }
}

@media screen and (max-width:992px) {
    .squigle-bg { padding-left: 30px; }
    .squigle-bg .fs-575 { font-size: 4rem; }

    .discounted-quote.form-card { max-width: 700px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 100%; }
    .discounted-quote .button-card { width: 250px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 16px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -80px; }
    .discounted-quote .section.submit { font-size: 1em; }

    .charity-days .main-container,
    .corporate-days .main-container,
    .society-days .main-container { flex-direction: column; height: unset; padding: 30px 0; }

    .charity-days .main-container .content,
    .corporate-days .main-container .content,
    .society-days .main-container .content { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }

    .charity-days .content-section > .section,
    .corporate-days .content-section > .section,
    .society-days .content-section > .section { height: unset; grid-gap: 20px; font-size: 0.8rem; }

    .society-days > .content-section:first-of-type { border: 2px solid red; }

    .charity-days > .content-section.sec1 > .section > div:first-of-type,
    .charity-days > .content-section.sec2 > .section > div:nth-of-type(2),
    .corporate-days > .content-section.sec1 > .section > div:first-of-type,
    .corporate-days > .content-section.sec2 > .section > div:nth-of-type(2),
    .society-days > .content-section.sec1 > .section > div:first-of-type,
    .society-days > .content-section.sec2 > .section > div:nth-of-type(2) { justify-content: center; }



    .society-days .content-section > .section > div:first-of-type { padding-top: 20px; }

    .charity-days .content-section > .section > .content,
    .corporate-days .content-section > .section > .content,
    .society-days .content-section > .section > .content { padding: 30px; text-align: center; }

    #comps-bg .left { align-self: center; }
    #comps-bg .right { padding-left: 40px; align-self: flex-start; }

    .customer-reviews-container .reviews-grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }

}

@media screen and (max-width:768px) {
    .error-grid { display: flex; flex-direction: column-reverse; margin: 0 0 64px; grid-gap: 1rem; }
    .squigle-bg { padding-left: 0; padding-top: 80px; background-position: center 16px }

    .discounted-quote.form-card { max-width: 700px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 100%; }
    .discounted-quote .button-card { width: 250px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 16px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -80px; }
    .discounted-quote .section.submit { font-size: 1em; }

 
}


@media screen and (max-width:1500px) {
    .corp-prod-info { padding: 30px 15px; }
}

@media screen and (max-width: 1420px) {
    .fav-resources .yt-channels .content .details { font-size: 1.2em; }
}

@media screen and (max-width: 1300px) {
    .product.xmas-buildabox .qty-grid div.quant { height: 40px; }

    .product.xmas-buildabox #byomessage .step-two .section .selected-list > div > div > span,
    .product.xmas-buildabox #byomessage .step-two .section > div > div > span { bottom: 23%; }
}

@media screen and (min-width:1920px) {

    .comp-steps > #step1 { top: 0; left: 8%; max-width: 579px; padding-left: 100px; }
    .comp-steps > #step2 { top: 0%; right: 4%; max-width: 508px; }
    .comp-steps > #step3 { top: 40%; right: 36%; max-width: 452px; padding-right: 74px; }
    .comp-steps > #step4 { bottom: 0; left: 0; max-width: 512px; padding-right: 62px; }

    .comp-steps > #step1 > img { top: -70px; left: -164px; }
    .comp-steps > #step2 > .img-1 { bottom: -190px; right: -84px; }
    .comp-steps > #step2 > .img-2 { top: 0; right: -40px; transform: translateY(-50%); }
    .comp-steps > #step3 > img { bottom: 0; right: 0; transform: translate(50%, 50%); }
    .comp-steps > #step4 > img { bottom: 16px; right: -227px; }

    .branded-balls-info .info-card { background-color: white; border-radius: 10px; width: 816px; height: 450px; padding: 40px 0; }

    .branded-balls-info .info-card .inner { max-width: 740px; grid-gap: 10px; }
}

@media screen and (min-width: 1670px) {
    .product.xmas-buildabox #previewshow > div > div > div.section { position: absolute; right: 0; bottom: 17%; }
}


@media screen and (min-width:1300px) and (max-width:1920px) {
    .comp-steps > #step1 { top: 32px; left: 12%; max-width: 579px; padding-left: 100px; }
    .comp-steps > #step2 { top: 0%; right: 0%; max-width: 508px; }
    .comp-steps > #step3 { top: 40%; right: 36%; max-width: 452px; padding-right: 74px; }
    .comp-steps > #step4 { bottom: 0; left: 0; max-width: 512px; padding-right: 62px; }

    .comp-steps > #step1 > img { top: -70px; left: -164px; }
    .comp-steps > #step2 > .img-1 { bottom: -190px; right: 15px; }
    .comp-steps > #step2 > .img-2 { top: 0; right: 15px; transform: translateY(-50%); }

    .comp-steps > #step3 > img { bottom: 0; right: 0; transform: translate(50%, 50%); }
    .comp-steps > #step4 > img { bottom: 16px; right: -227px; }

    .branded-balls-info .info-card { background-color: white; border-radius: 10px; width: 816px; max-width: unset; height: 450px; padding: 50px 0; padding-right: 20px; margin-right: 20px; margin-top: 0; }

    .branded-balls-info .info-card .inner { max-width: 740px; grid-gap: 10px; }
    .branded-balls-info .info-card .inner h2 { font-size: 2.4em; }
}

@media screen and (min-width:992px) and (max-width:1300px) {
    .comp-steps > #step1 { top: 32px; left: 15%; max-width: 579px; padding-left: 100px; }
    .comp-steps > #step2 { top: 24%; right: 0%; max-width: 508px; }
    .comp-steps > #step3 { top: 50%; right: 57%; max-width: 452px; padding-right: 74px; }
    .comp-steps > #step4 { bottom: 0; left: 0; max-width: 512px; padding-right: 62px; }

    .comp-steps > #step1 > img { top: -70px; left: -164px; }
    .comp-steps > #step2 > .img-2 { top: 0; right: -12px; transform: translateY(-50%); }
    .comp-steps > #step2 > .img-1 { bottom: -190px; right: 15px; }
    .comp-steps > #step3 > img { bottom: initial; right: 0; top: 0; transform: translate(30%, -30%); }
    .comp-steps > #step4 > img { bottom: 16px; right: -227px; }

    .fav-resources .yt-channels .content .details { font-size: 1.1em; }
    .fav-resources .yt-channels .inner { height: 375px; padding-left: 40px; padding-right: 40px; }

    .branded-balls-info .info-card { background-color: white; border-radius: 10px; max-width: 816px; height: auto; padding: 50px 0; padding-right: 20px; margin-right: 20px; margin-top: 0; }

    .branded-balls-info .info-card .inner { max-width: 740px; grid-gap: 10px; }
    .branded-balls-info .info-card .inner h2 { font-size: 2.4em; }

    .product.xmas-buildabox #byomessage .step-two .section > div { width: 30%; }
}

@media screen and (max-width:992px) {
    .checkoutpage .table-bs .body .row { display: grid; grid-template-areas: "prod quant" "prod price" "prod total"; padding: 0.5rem; grid-column-gap: 0.75rem; }
    .basketpage .table-bs .body .row { display: grid; grid-template-areas: "prod quant" "prod price" "prod total" "prod remove"; padding: 0.5rem; grid-column-gap: 0.75rem; }
    .basketpage .table-bs .body .row .price:nth-child(3) { grid-area: total; }
    .table-bs .body .row .prod { grid-area: prod; }
    .table-bs .body .row .quant { grid-area: quant; }
    .table-bs .body .row .price { grid-area: price; }
    .table-bs .body .row .price:last-child { grid-area: total; }


    .comp-steps { background: none !important; margin-bottom: 30px; }
    .comp-steps { display: flex; flex-direction: column; grid-gap: 60px; }
    .comp-steps > div { position: relative !important; transform: none !important; right: initial !important; left: initial !important; top: initial !important; bottom: initial !important; max-width: 60% !important; }
    .comp-steps > div > img { max-width: 250px !important; }
    .comp-steps > div:nth-child(odd) { margin-right: auto; }
    .comp-steps > div:nth-child(even) { margin-left: auto; }
    .comp-steps > div:nth-child(odd) > img { top: 50%; right: 20px; transform: translate(100%, -50%); }
    .comp-steps > div:nth-child(even) > img { top: 50%; left: 20px; transform: translate(-100%, -50%); }
    .comp-steps > #step2 > .img-2 { top: initial; bottom: 0; right: 50%; left: initial; transform: translate(50%, 70%); }

    .logo-balls-examples .img-section img { width: 220px; height: 220px; }

    .customer-review-card { box-shadow: 0px 3px 6px #00000029; border: 2px solid #394F7E; border-radius: 10px; min-height: 182px; position: relative; grid-gap: 10px; flex-shrink: 0; }

    .customer-review-card .review-text { font-size: 18px; font-weight: bold; padding-bottom: 50px; }
    .customer-review-card .review-name { position: absolute; bottom: 0; background-color: #f7f7f7; height: 40px; width: 100%; border-radius: 0 0 10px 10px; font-size: 18px; font-weight: 900; }

    .fav-resources .section .intro,
    .fav-resources .resource .content { text-align: center; }

    .fav-resources .section .intro { padding-top: 20px; }
    .fav-resources .resource { height: 600px; padding: 0 0; }
    .fav-resources .youtube-desc h2 { font-size: 1.5em; }

    div.branded-balls-info { width: 100%; justify-content: center; padding: 100px 0; }
    .branded-balls-info .info-card { margin-top: 0; }
    .branded-balls-info .info-card .inner { grid-gap: 15px; padding-right: 20px; }
    .branded-balls-info .info-card .inner h2 { font-size: 2.4em !important; }
    .branded-balls-info .info-card .inner .info-text, .branded-balls-info .info-card li { font-size: 1.2em; }
}

@media screen and (min-width: 1440px) {
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 30%; }
    .product.xmas-buildabox #byomessage .step-two .section .selected-list { transform: none; }
    #comps-bg h2 { font-size: 2.7rem; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 45%; }

    .comp-pop .comps-container .inner-text { font-size: 1.1rem !important; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 30%; }
    .comp-pop .comps-container i.close-icon { top: 1rem; right: 1rem; font-size: 2rem; }
    #comps-bg .section { padding-top: 50px; }
    #comps-bg .right { max-width: unset; }
    #comps-bg .right h2 br { display: none; }
}

@media screen and (min-width: 501px) and (max-width: 767px) {
    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 45%; }
    .product.xmas-buildabox #byomessage .step-two h2, .product.xmas-buildabox #byomessage .step-three h2 { font-size: 1.2em !important; }
    #comps-bg .section { padding-top: 50px; }
}

@media screen and (max-width: 768px) {

    div.branded-balls-info { justify-content: center; padding: 100px 0; }
    .branded-balls-info .info-card { background-color: white; border-radius: 10px; max-width: 812px; padding: 40px; opacity: 0.95; }
    .branded-balls-info .info-card .info-text, .branded-balls-info .info-card li { font-size: 1.2em; }
    .branded-balls-info .info-card li { font-weight: bold; }
    .fav-resources .yt-channels .inner { height: 270px; padding-left: 20px; padding-right: 20px; }
    .fav-resources .youtube-desc h2 { font-size: 1.3em !important; }

    .fav-resources .resource a { font-size: 1.1em; text-decoration: underline; }
    .fav-resources .resource .content { font-size: 0.9em; }
    .fav-resources .yt-channels .inner .flx-col { grid-gap: 20px; }

    .comps-container { left: calc(50% - 150px) !important; width: 300px !important; }
    .comps-container .comptile { margin-bottom: 17px; }
    .comp-pop .comps-container .comptile { margin-bottom: 0; }

    .product.xmas-buildabox #basketpanel #customcontrols h3,
    .product.xmas-buildabox .steponeclosed h3 { font-size: 1.1em !important; }
    .product.xmas-buildabox #basketpanel #customcontrols h3 span { font-size: 0.8rem; }
    .product.xmas-buildabox #byomessage .step-two span.selected-price { font-size: 0.9rem; font-weight: 300; }

    #comps-bg .right { max-width: unset; }
    #comps-bg .right h2 { font-size: 2.4rem !important; }
    #comps-bg .right h2 br { display: none; }
    #comps-bg .right > div > div { font-size: 1.4em; }
}

@media screen and (max-width: 620px) {
    .fav-resources .yt-channels .inner { height: 270px; padding: 40px 5px 0; }
    .fav-resources .youtube-desc h2 { font-size: 1.1em !important; }
    .fav-resources .youtube-desc { height: 150px; }

    .charity-days .main-container .btn-wrapper,
    .corporate-days .main-container .btn-wrapper,
    .society-days .main-container .btn-wrapper { flex-direction: column; margin: 15px; }

    .charity-days .main-container .text,
    .corporate-days .main-container .text,
    .society-days .main-container .text { font-size: 1rem; padding: 0 15px; }

    .charity-days .exclusive .text,
    .corporate-days .exclusive .text,
    .society-days .exclusive .text { font-size: 1rem; }

    .charity-days #gift-slider .item, .corporate-days #gift-slider .item, .society-days #gift-slider .item { height: 270px; }
}

@media screen and (max-width:600px) {
    .comp-steps > div > .fs-20 { font-size: 1.4rem; max-width: 61%; }

    .comp-steps { grid-gap: 60px; }

    .comp-steps > div { max-width: 100% !important; margin: 0 !important; padding-top: 60px !important }
    .comp-steps > #step1 > img { top: -53px; left: initial; right: 10px; transform: none; max-width: 137px !important; }
    .comp-steps > #step2 > .img-1 { bottom: initial; right: 10px; left: initial; transform: none; top: -17px; max-width: 180px !important; }
    .comp-steps > #step2 > .img-2 { top: initial; bottom: 0; right: 50%; transform: translate(50%, 70%); }
    .comp-steps > #step3 > img { bottom: initial; right: 10px; transform: none; top: 0; }
    .comp-steps > #step4 > img { bottom: initial; right: 10px; top: -45px; left: initial; transform: none; max-width: 160px !important; }

    .branded-balls-info { height: 700px; }
    .branded-balls-info .brandlist { grid-gap: 25px; }
    .branded-balls-info .info-card .info-text { font-size: 1.1em; }
    .branded-balls-info .info-card li { font-size: 1em; }
    .branded-balls-info .info-card { background-color: white; border-radius: 10px; max-width: 550px; padding: 20px; opacity: 0.95; }
    .branded-balls-info .info-card .inner { max-width: 450px; }

    .logo-balls-examples .img-section img { width: 200px; height: 200px; }
    .fav-resources .yt-channels .content img { width: 60px; }
    .fav-resources .section .intro { padding: 20px 30px 0; }
}

@media screen and (max-width: 570px) {
    .fav-resources .yt-channels { height: 750px; }
    .fav-resources .yt-channels .content { align-items: center; padding: 0 30px; }
    .fav-resources .yt-channels .inner .flx-col { grid-gap: 40px; }
    .fav-resources .yt-channels .inner { height: 575px; max-width: 400px; display: flex; flex-direction: column; grid-gap: 40px; }
    .fav-resources .yt-channels .inner .channel-col { align-items: center; }
}

@media screen and (max-width: 500px) {
    .logo-balls-examples .img-section img { width: 170px; height: 170px; }
    .fav-resources .our-picks-banner h2 { font-size: 1.4em !important; }

    div.branded-balls-info { justify-content: center; padding: 100px 0; }
    .branded-balls-info .brandlist { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 0px; }

    .product.xmas-buildabox #byomessage .step-two .selected-list > div,
    .product.xmas-buildabox #byomessage .step-two .section > div { width: 45%; }
    .product.xmas-buildabox #updateresults #customcontrols .step1-alt-btn { font-size: 0.8em; }
    .product.xmas-buildabox #byomessage .step-two h2, .product.xmas-buildabox #byomessage .step-three h2 { font-size: 0.9rem !important; }
    .product.xmas-buildabox #basketpanel #customcontrols h3, .product.xmas-buildabox .steponeclosed h3 { font-size: 0.9rem !important; }
    .product.xmas-buildabox .steponeclosed span,
    .product.xmas-buildabox #byomessage .step-two .head span { font-size: 0.9rem; }

    #comps-bg .section { flex-direction: column-reverse; padding-top: 50px; }
    #comps-bg .section .right { margin-bottom: 20px; }
    /*#comps-bg .section .right div { font-size: 1.3em; }*/
    #comps-bg .section h2 { font-size: 2rem !important; }
}

@media screen and (max-width:415px) {
    .comp-steps > div > img:not(.img-2) { position: static !important; bottom: initial; top: initial; right: initial; left: initial; margin: 0 auto 15px; display: block; }
    .comp-steps > div { padding: 15px !important; }
    .comp-steps > div > .fs-20 { max-width: 100%; }
    .comp-steps > #step2 > .img-2 { max-width: 50% !important; }
    .comp-steps { grid-gap: 30px; }
    .comp-steps { margin-top: 30px; }
    .comp-steps > #step2 > .img-1 { margin-right: 0 !important; transform: translateY(30px); }
    .comp-steps > #step2 > .img-2 { position: absolute; top: 10px; left: 10px; transform: none; }
    .branded-balls-info .info-card .inner { max-width: 290px; }
    .fav-resources .section .intro { font-size: 1.2em; }
    .fav-resources .our-picks-banner h2 { font-size: 1.1em !important; }
    .fav-resources .yt-channels { height: 650px; }
    .fav-resources .resource .content { font-size: 0.8em; padding: 0 10px; }
    .fav-resources .resource .content a { font-size: 0.9em; }
    .fav-resources .yt-channels .inner { height: 470px; max-width: 400px; display: flex; flex-direction: column; grid-gap: 40px; font-size: 0.7em; padding: 20px 10px; }
    .fav-resources .resource { height: 500px; }
}

.faqs { display: flex; flex-direction: column; grid-gap: 15px; max-width: 992px; margin-right: auto; margin-left: auto; margin-top: 45px; }
.question { padding: 15px; font-size: 1.2rem; font-weight: 600; color: #fff; background-color: #4aad94; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; grid-gap: 15px; width: 100%; cursor: pointer; }
.answer { padding: 15px; font-size: 1rem; font-weight: 600; color: #283551; background-color: #fff; border-radius: 0 0 5px 5px; border: 3px solid #4aad94; display: none; }

.answer a { color: rgba(74,173,148,1); text-decoration: underline; }
.answer a:hover { text-decoration: none; }

.faq i { transition: transform 0.3s; }
.faq.open .question { border-radius: 5px 5px 0 0; }
.faq.open i, .faq:hover i { transform: rotate(180deg); }

.faqs.lite { margin: 0 auto; max-width: 1100px; }
.faqs.lite .question { font-weight: 800; border-bottom: 1px solid #283551; background-color: transparent; color: #283551; font-size: 1.7em; border-radius: 0px; }
.faqs.lite .question i { color: rgba(74,173,148,1); font-size: 1.2em; }
.faqs.lite .answer { border: none; }
.faqs.lite .question h3 { font-weight: 800; font-size: 1.0em; margin: 0px; }

.faqs.superlite { margin: 0 auto; max-width: 1100px; gap: 0px;}
.faqs.superlite .question {min-height: 70px; padding: 0px; font-weight: 600; border-bottom: 1px solid #283551; background-color: transparent; color: #000; font-size: 1.35em; border-radius: 0px; }
.faqs.superlite .question i { color: #283551; font-size: 1.2em; width: 40px; height: 40px; background-color: #F6F6F6; display: flex; justify-content: center; align-items: center; border-radius: 100%;}
.faqs.superlite .answer { border: none; color: #333; padding: 0px; font-size: 1.14em; line-height: 1.3; }

.warning { color: #856404; border-color: #ffeeba; background-color: #fff3cd; }
.imgmsg .warning { padding: 10px; }

.sitehead { max-width: 100vw; }
html { scroll-behavior: smooth; }

.comp-banners { border-radius: 30px; overflow: hidden; }
.comp-sticker { background-color: #4aad94; color: #fff; position: absolute; top: 0.5rem; left: 0.5rem; z-index: 99; padding: 0.5rem; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 0.5rem; max-width: 30%; }

.comp-banners .item span, .comp-banners h1 { color: #fff; }

.comp-bask-banner { color: #fff; border-radius: 41px; font-size: 1.1rem; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-left: 364px; padding-right: 20px; background: rgb(53,100,107); background: linear-gradient(90deg, rgba(53,100,107,1) 0%, rgba(74,173,148,1) 100%); grid-gap: 100px; margin-top: 60px; padding-top: 20px; padding-bottom: 20px; position: relative; }
.comp-bask-banner .main-txt { font-size: 1.4rem; font-weight: bold; margin-bottom: 5px; }
.comp-bask-banner .main-txt:before { content: "Think you’ve got what it takes to win our golf knowledge competition?"; }
.comp-bask-banner .btn { border: 1px solid #fff; font-weight: normal; flex-grow: 1; font-size: 1.1rem; min-width: max-content; font-weight: bold; }
.comp-bask-banner img { position: absolute; bottom: 0; left: 38px; }

.comp-banner-home-wrapper { background: rgb(53,100,107); background: linear-gradient(90deg, rgba(53,100,107,1) 0%, rgba(74,173,148,1) 100%); }
.comp-banner-home { display: grid; grid-template-columns: 1fr 1fr; }
.comp-banner-home > div:first-child { display: flex; width: 100%; align-items: flex-end; padding-left: 50px; }
.comp-banner-home .inner-text { color: #fff; padding: 50px 50px 50px 0; display: flex; flex-direction: column; justify-content: center; grid-gap: 20px; max-width: 700px; }
.comp-banner-home strong { font-size: 2.5rem; font-weight: bold; line-height: 1.2; }
.comp-banner-home span { font-size: 1.125rem; font-weight: 300; max-width: 640px; line-height: 1.5; }
.comp-banner-home .btn { max-width: 370px; border: 1px solid #fff; }

.login-pop, .comp-pop { position: fixed; height: 100vh; width: 100vw; display: none; justify-content: center; align-items: center; top: 0; right: 0; z-index: 99999; }
.login-pop .fa-xmark, .comp-pop .fa-xmark { position: absolute; top: 2rem; right: 2rem; font-size: 4rem; color: #4aad94; cursor: pointer; }
.login-pop .fa-xmark:hover, .comp-pop .fa-xmark:hover { color: #4aad94; }
.login-pop.open, .comp-pop.open { display: flex; }
.login-overlay { position: absolute; height: 100%; width: 100%; background-color: rgba(39, 39, 39, 0.56); }
.login-overlay .section { width: 100%; }
.bx-shad-cent { box-shadow: 0 0 6px 2px #00000020; }
.comps-container { background-color: #fff; max-width: 1200px; position: absolute; padding: 15px 20px 20px 20px; margin: 0 auto; height: 725px; max-height: 730px; overflow-y: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 14px; display: flex; width: calc(100% - 50px); }

.comp-pop .comps-container > .section.content { justify-content: space-around; align-items: center; }
.comp-pop .comps-container > .section.content .listing-boot { z-index: 4; flex-grow: 1; }
.comp-pop .comps-container > .section.content .comp-info { z-index: 4; padding: 0 32px; }
.comp-pop .comps-container > .section.content .comp-info .btn-container { display: flex; gap: 8px; }
.comp-pop .comps-container > .section.content .comp-info .btn { width: 310px; max-width: 310px; height: 57px; font-size: 1.25rem; font-weight: 500; }
.comp-pop .comps-container > .section.content .grey-section { position: absolute; bottom: 0; z-index: 0; height: 175px; width: 100%; background: #f7f7f7; }
.comp-pop .comps-container h2 { font-size: 2.44rem; line-height: 45px; font-weight: 800; margin-bottom: 0; }
.comp-pop .comps-container h3 { color: #4AAD94; }
.comp-pop .comps-container .inner-text { font-size: 1.25rem; line-height: 26px; color: #283551; }
.comp-pop .comps-container #nothanks h3 { color: #283551; }
.comp-pop .comps-container .timersection { height: 100px; }
.comp-pop .comps-container .comptile .time-left-grid span { height: 50px; font-size: 1.8rem; }
.comp-pop .comps-container .time-left-grid { font-size: 0.85rem; margin-top: 5px; }
.comp-pop .comps-container .comp-progress-bar { height: 25px; }
.comp-pop .comps-container .listing-boot .mobile-img { display: flex; flex-direction: column; }
.comp-pop .comps-container .listing-boot .mobile-img > img { padding: 0 30px; }
.comp-pop .comps-container .listing-boot .mobile-img > div.entry-price { display: flex; justify-content: center; align-items: center; height: 35px; }

.comp-page .bx-viewport { border: 3px solid #39455F; border-radius: 10px; margin-top: 2rem; }

.rat-1 { aspect-ratio: 1/1; }

.comp-question-wrapper { height: 85px; min-width: 85px; border-radius: 10px; border: 1px solid #283551; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 10px; }

.comp-question-wrapper.wrong:has(input:checked) { border: 1px solid red; }

.comp-question-wrapper.wrong:has(input:checked) i { color: red; }

.comp-question-wrapper input { display: none; }

.comp-question-wrapper i { display: none; color: #4aad94; transform: scale(2.4); }

.comp-question-check { height: 32px; width: 32px; border-radius: 5px; border: 1px solid #283551; display: flex; align-items: center; justify-content: center; }

.comp-question-wrapper:has(input:checked), .comp-question-wrapper:has(input:checked) .comp-question-check { border-color: #4aad94; }
.comp-question-wrapper:has(input:checked) i { display: initial; }


.comp-amt-slider .ui-slider { background-color: transparent !important; border: none !important; border-radius: 20px !important; height: 16px !important; height: 40px !important; }

.comp-amt-slider .ui-slider-handle #legend { content: ""; padding: 5px 15px; font-size: 1.2rem; color: #fff; min-width: max-content; position: absolute; right: 50%; top: 0; transform: translate(50%, -130%); background-color: #283551; border-radius: 8px; z-index: 9; border-radius: 8px 8px 0 0; }

.comp-amt-slider .ui-slider-handle #legend:before { content: ""; position: absolute; height: 10px; width: 10px; background-color: inherit; z-index: -1; right: 50%; bottom: 0; transform: translate(50%, 50%) rotate(45deg); }

.comp-amt-slider .ui-slider:after { content: ""; height: 16px; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #C6C6C6; border-radius: 8px; z-index: 9; }
.comp-amt-slider .ui-slider-handle { outline: none; background: linear-gradient(90deg, rgba(40,53,81,1) 24%, rgba(74,173,148,1) 72%) !important; height: 40px !important; width: 40px !important; border-radius: 50% !important; border: 2px solid #fff !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 999 !important; }
.comp-amt-slider .amt-bar { content: ""; height: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: linear-gradient(90deg, rgba(40,53,81,1) 24%, rgba(74,173,148,1) 72%); border-radius: 8px; z-index: 99; }

.ui-slider-horizontal .ui-slider-handle.moved { margin-left: -40px !important; }
.ui-slider-horizontal .ui-slider-handle { margin-left: 0 !important; }

.bottom-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-radius: 20px; overflow: hidden; position: relative; margin-top: 150px; margin-bottom: 60px; }

.bottom-grid #bottom-bg { min-height: 527px; background-image: url(images/competition/GB-footer-banner1.jpg); background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; }

.bottom-grid .ball-fg { position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); }

.bottom-grid .bottom-content { padding-left: 120px; }

#winners-bg { background-image: url(images/competition/recent-winners.jpg); background-size: cover; background-repeat: no-repeat; padding: 60px 0; margin-top: 60px; margin-bottom: 60px; }
.winner-tile { padding: 10px 10px 15px; background: rgba( 255, 255, 255, 0.05 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 9px ); -webkit-backdrop-filter: blur( 9px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); }
#winners-bg .img-wrapper { background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 10px; overflow: hidden; }

.min-w-260 { min-width: 260px; }
.comp-slider .dw-stage { padding-top: 10px; padding-bottom: 10px; }
.comptile { border-radius: 10px; box-shadow: 0 0 8px 4px #e7e7e7; padding: 0 !important; overflow: hidden; position: relative; background: #fff; }
.comptile a { padding: 15px; display: block; color: #fff !important; }
.comptile img { border-radius: 8px; overflow: hidden; }
.comp-progress-bar { height: 28px; border-radius: 14px; background-color: #c6c6c6; overflow: hidden; position: relative; display: flex; width: 100%; align-items: center; justify-content: center; box-shadow: inset 0 0 7px 0px #a8a8a8; margin: 15px 0; }
.comp-progress { height: 100%; border-radius: 14px; background: rgb(40,53,81); background: linear-gradient(90deg, rgba(40,53,81,1) 24%, rgba(74,173,148,1) 72%); position: absolute; left: 0; top: 0; }
.comp-percent { color: #fff; text-align: center; position: relative; z-index: 9; line-height: 0.1; font-size: 14px; font-weight: 700; }
.comptile:hover a.dblue-bg { background-color: #4aad94 !important; }

.timersection { background-color: #283551; padding: 10px; width: 100%; border-radius: 10px; }
.time-left-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 4px; text-align: center; color: #fff; font-size: 0.8rem; font-weight: 500; }
.time-left-grid span { display: flex; font-size: 3.3rem; align-items: center; justify-content: center; color: #4aad94; background-color: #fff; border-radius: 5px; margin-bottom: 4px; padding-top: 12px; font-weight: 700; }
.comptile .time-left-grid span { padding-top: 11px; }
.time-left-prod { width: 100%; }
.time-left-prod .time-left-grid { grid-gap: 8px; }
.time-left-prod .time-left-grid span { font-size: 4rem; }
.time-left-prod .time-left-grid div { font-size: 1.3rem; }
#competition .comp-progress-bar { height: 56px; border-radius: 28px; }
#competition .comp-progress-bar .comp-progress { border-radius: 28px; }
#competition .comp-progress-bar .comp-percent { font-size: 1.4rem; }

.comps-container .time-left-grid { font-size: 0.7rem; }
.comps-container .time-left-grid span { font-size: 1.3rem; }
.comps-container .comptile .time-left-grid span { padding-top: 6px; }

.comps-container .comp-progress-bar { height: 20px; margin: 10px 0; }
.comps-container .comp-percent { font-size: 12px; }
.comps-container .f-rem-17 { font-size: 1.2em !important; }
.comps-container .f-rem-16 { font-size: 1.2em !important; }
.comps-container .fa-ticket { margin-top: -5px; }

.prod .info-tabs .top ul li { color: #4AAD94; font-size: 2.5rem; }

.dblue-grad-bg { background: rgb(22,39,70); background: linear-gradient(90deg, rgba(22,39,70,1) 0%, rgba(80,101,148,1) 96%); }

.check-lg { min-height: 21px; min-width: 21px; }

.bx-shad-alt { box-shadow: 0px 0px 9px #0000002B; }

.bx-img img { display: block; }

.point-system .dblue-bg { position: relative; }
.point-system .dblue-bg .btn { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); min-width: 300px; max-width: fit-content; }


strong.fs-12 { font-size: 1.2rem !important; }

.use-points-wrapper { padding: 1.5rem 2rem; color: #fff; max-width: fit-content; border-radius: 10px; background-color: #283551; }

.use-points .use-points-txt:before { content: "Apply Discount!"; text-decoration: underline; }


.summary-points-wrapper { padding: 15px 30px; border-bottom: 1px solid #acacac; }
.points-container { background-color: #283551; padding: 4px; border-radius: 5px; display: flex; align-items: center; grid-gap: 30px; max-width: 540px; margin: 0 auto; }

.points-container .right-text {padding-right: 30px; width: 100%; text-align: center;}

.points-bar { border-radius: 10px; }
.discount-logo { display: flex; align-items: center; justify-content: center; background-color: #4aad94; border-radius: 3px; height: 80px; width: 98px; border: 1px solid #4aad94; }
.discount-info { border: 1px solid #cfcfcf; border-left: 0; border-radius: 0 10px 10px 0; grid-gap: 15px; }

a.points-bar:hover { transform: translateY(-5px); box-shadow: 0px 3px 6px #00000029; }

a.points-bar:hover .discount-logo { background-color: #283551; border: 1px solid #283551 !important; }

#hover-wrapper { position: absolute; top: 0; z-index: 9; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #fff; }

#content { min-height: calc(100vh - 723px); }

#competition .add-bask-section:not(.added) .right { display: none; }

.alert-bar { text-align: center; color: #fff; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding: 15px; }
.alert-bar p { margin: 0px; display: block; width: auto; }
.alert-bar .btn { display: flex !important; height: 30px; margin-left: 15px; margin-right: 15px; border: 1px solid #fff !important; padding-top: 0.3rem; }
.alert-bar .btn:hover { color: #fff !important; }
.alert-bar > * { margin-top: 5px; margin-bottom: 5px; display: block; font-size: 1.05em; }

.dblue-bg { background-color: #283551; }
.lgrey-bg { background-color: #f7f7f7; }
.xlgrey-bg { background-color: #f7f7f7; }
.white-bg { background-color: #fff; }
.green-bg { background-color: #4aad94; }
.green-grad-bg { background: rgb(74,173,148); background: linear-gradient(90deg, rgba(74,173,148,1) 0%, rgba(63,134,126,1) 100%); }
.green-blue-grad-bg { background: rgb(74,172,147); background: linear-gradient(90deg, rgba(74,172,147,1) 0%, rgba(52,94,104,1) 100%); }

.white-txt { color: #fff; }
.dblue-txt { color: #283551; }
.lgrey-txt { color: #8F8F8F; }
.lblue-txt { color: #44aad2; }
.blue-txt { color: #8f96a4; }
.green-txt { color: #4aad94; }
.red-txt { color: #ff5a5a; }
.orange-txt { color: #f36520; }
.dark-txt { color: #242426; }

.prodimagecontainer .free-custom-label { position: relative; width: 100%; transform: none; right: initial; bottom: initial; }
.prodimagecontainer .free-custom-label span { position: absolute; top: 13px; }
.free-custom-label { color: #fff; background-color: #4aad94; text-align: center; padding: 0px 10px; position: absolute; width: calc(100% + 20px); transform: translateX(50%); right: 50%; bottom: -13px; font-weight: bold; z-index: 99; font-size: 1.15rem; display: flex; justify-content: center; align-items: center; height: 38px; }
.free-custom-label.black-friday { background-color: #fde01a; color: #272727; }
.free-custom-label.cyber-monday { background-color: #ffa743; color: #272727; }
.custom-print-section .free-custom-label { }
.fa-star.on { color: #4aad94; }
.fa-star { margin-right: 3px; }

.bord-solid.lgrey { border: solid 1px #e4e4e4; }
.bord-solid.grey { border: solid 1px #8c8c8c; }
.bord-solid.green { border: solid 1px #4aad94; }
.bord-solid.green.thick { border: solid 2px #4aad94; }


.santa-hat--fr { position: absolute; left: -50px; top: -15px; }
.santa-hat--fl { position: absolute; right: -50px; top: -35px; }

img { border: 0; max-width: 100%; height: auto; }

.bestsell .whitebg a:hover .btn { background-color: #00843d !important; }

.makepayment button.btn.green { margin-top: 0; }
.makepayment button.btn.lgtgreen { margin-top: 0; }


#brandcolor .bx-wrapper { margin: 0 auto; }

.blackdrawings.blackbackground h1 { color: #fff; font-size: 3.8em; padding: 48px 0px 6px 40px; }
.blackdrawings.blackbackground span { color: #999999; padding-left: 40px; font-size: 1.3em; }

.info-tabs .body ul { display: flex; flex-direction: column; grid-gap: 15px; }

.item:hover .btn { background-color: #283551; }
.backgroundwhite { background-color: #fff; width: 100%; height: 114px; border-radius: 4px; opacity: 1; }
.backgroundwhite img { max-height: 75px; width: auto; }
.cent-img img { margin: 0 auto; display: block; }
.cta a { color: #333 }
.address a { color: #333 }
.privacy--notice a { color: #333 }
.prod.subcat a { color: #333 }
.drop.shut.mobile__subnav.dismiss--nav a { color: #333 }
#news a { color: #273550; }
.tabhome .bx-wrapper { margin: 0 auto; }
#tabbtm-0 .bx-wrapper { margin: 0 auto; }
.grey-bg.homeslider1 { padding: 30px 0px 50px 0px; }
.greybackground.homeslider1 h2 { padding-bottom: 20px; }
.whitebg a { color: #4aad94; }
#brandcolor { background-color: #283551; }
.center-txt { text-align: center; }
.center-img img { margin: 0 auto; display: block; }
.whitebg span .title { font-size: 1.1em; color: #333; font-weight: 800; min-height: 32px; display: block; }
.whitebg span .price { font-size: 1.75em; }
.was { color: #283551; text-decoration: line-through; margin-top: 0px; }
.address-checked .editor-label a.clearbtn { float: right; background-color: #4aad94; color: #fff; padding: 2px 5px 2px 5px; text-align: center; border: 1px solid #4aad94; display: block; }
.address-checked .editor-label a.clearbtn:hover { background-color: #fff; color: #4aad94; cursor: pointer; }
.address-checked .editor-field #sketch { height: 120px; border: 1px solid #d4d4d4; position: relative; background-color: #fff; }
.address-checked .editor-field #tmp_canvas { position: absolute; left: 0px; right: 0; bottom: 0; top: 0; cursor: url(images/cursor-pen.png),crosshair; color: #59341a; }
.delivery-message { position: relative; background-color: #4aad94; color: #fff; border-radius: 3px; padding: 20px; margin: 15px 0; text-align: center; }
.delivery-message strong { color: #fff !important; }
.delivery-message a { color: #fff !important; font-weight: bold; }
.delivery-message i { font-size: 30px; margin-right: 5px; display: inline-block !important; }
.delivery-message i.fa-truck { margin-right: 15px; }
.xmas.delivery-message strong { font-size: 1.3em; }
.surround .shift { float: left; width: 20%; }

.titlebestsell { padding-top: 15px; font-weight: 800; height: 80px; display: flex; font-size: 1.3em; align-items: center; color: #283551; }

a:hover .titlebestsell { color: #4aad94; }

.logosec input[type="text"] { border: 1px solid #4aad94; border-radius: 3px; height: 48px; outline: none; padding-right: 50px; font-size: 1.2em; width: 100%; }


.cat.shut.subs { display: none; }
.bx-wrapper img { margin: 0 auto; }


.no-p-marg p {margin: 0px;}
textarea { border: 1px solid #d4d4d4; padding: 10px 0 0 10px; color: #777; min-height: 120px; border-radius: 3px; width: 100%; font-family: inherit; }
select { background-color: #fff; width: 100%; height: 40px; line-height: 40px; border: none; color: #777; border: 1px solid #283551; border-radius: 3px; padding: 0 0 0 5px; }
textarea:focus, input:focus, select { outline: none; }

h1 { margin: 15px 0; color: #283551; font-size: 2em; font-weight: 800; }
h1.lg {font-size: 3.5em;}
h2 { color: #283551; font-size: 1.8em; font-weight: 800; text-align: left; }
h2.lg {font-size: 2.5em;}
h3 { margin: 15px 0; color: #283551; font-size: 1.3em; }
h3.lg {font-size: 1.7em;font-weight: 800;}
h3 .sub { font-size: 0.8em; font-weight:500; }
h3.sml {font-size: 1.1em; font-weight: 8 00; color: #283551; margin: 0.8rem 0rem;}

.left-txt h2 { text-align: left !important; margin: 0px 0px 30px 0px; }

.grecaptcha-badge { display: none; }
#content { position: relative; z-index: 999; }
a { text-decoration: none; color: #fff; }

.post-tags a { color: #4aad94 !important; }
.comptile a { color: #4aad94; }
a:hover { color: #4aad94; }
.drop a:hover { color: #4aad94; }
ul, ol { color: #333; padding-left: 18px; margin: 0; }
#content ul li span, ul li strong, ol li span, ol li strong { color: #283551; }
.howto { margin: 15px auto; }
.howto i { margin-right: 5px; font-size: 1.2em; color: #e53434; }
.ui-autocomplete { background-color: #fff; width: 450px !important; padding: 0; margin: 0; list-style: none; z-index: 99999; border-radius: 0px 0px 10px 10px; overflow: auto; border-top: none; border-right: 1px solid #4aad94; border-bottom: 1px solid #4aad94; border-left: 1px solid #4aad94; }
.ui-menu-item { color: #333; background-color: #fff; cursor: pointer; }
.ui-menu-item a { color: #283551; display: block; padding: 10px 15px; background-color: #fff; }
.ui-menu-item a:hover { background-color: #eee; color: #4aad94; }
.ui-helper-hidden-accessible { display: none; }
.dropdownContainer { position: absolute; width: 100%; z-index: 999999999; top: 0; cursor: pointer; }
.dropdownContainer.active { overflow-y: scroll; top: 0px; border-top: 1px solid #e2e2e2; }
.editor-field.stocks { position: relative; height: 60px; }
ul.stockDropdown { height: 40px; border: solid 1px #e2e2e2; padding: 0; overflow: hidden; list-style: none; font-weight: bold; margin: 0px 0 0 0; max-width: 250px; }
ul.stockDropdown li { height: 40px; position: relative; background-color: #fff; }
ul.stockDropdown span { padding: 10px 0 0 10px; display: inline-block; font-size: 0.75em; font-weight: 500; }
ul.stockDropdown span.oos { color: #ef4135 !important; font-size: 0.75em; font-weight: normal; padding: 0; margin-left: 8px; }
ul.stockDropdown li i { float: right; font-size: 1.4em; margin: 8px; }
ul.stockDropdown.active { height: auto; margin: 0; border-top: 0; top: 39px; }
li.stockItem:not(:first-child):hover { background-color: #2895d8; color: #fff; cursor: pointer; }
li.stockItem:not(:first-child):hover span { color: #fff !important; }
.subsubcat { text-align: left !important; }
.worksituation { background-color: #F7F7F7; text-align: center; padding-bottom: 10px; }
.worksituation a { display: block; padding: 0 10px; }
.worksituation a:hover { color: #283551 }
.worksituation a:hover .vpbtn { background-color: #4aad94; }
.iconimg { Margin: 20px; padding-top: 20px; }
.vpbtn { height: 50px; line-height: 50px; max-width: 262px; margin: 15px auto; background-color: #283551; color: #fff; }
.vpbtn a { color: #fff; }
.accessoriesheight { height: 150px; }
.backgroundlayout { background-color: #283551; color: #fff; padding: 6px 0px; }
.accounts { width: 328px; }
.sitemap ul { padding: 0 0 0 18px; margin: 0; }
.sitemap i, .sitemap .featured.whitebg { display: none; }
.sitemap .drop { display: none !important; }

.sitemap a { display: inline-block; margin-bottom: 5px; }
.sitemap a:hover span { color: #4aad94 !important; }
.sitemap .sub-n-save { display: none !important; }
.sitemap li { margin: 0px !important; }

#basketbottom .dw-sm-9, #basketbottom .basket .checkoutprices .btn { display: none; }
#comparemessage .OK { display: none; background-color: #339933; color: #fff; font-weight: bold; font-size: 1.4em; border: 0; margin: 0; padding: 20px 10px; text-align: center; bottom: 0px; width: 100%; position: fixed; z-index: 9999; -webkit-overflow-scrolling: touch; }
#comparemessage .OK a { background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #339933; display: inline-block; max-width: 245px; height: 40px; line-height: 40px; font-size: 0.8em; width: 100%; margin: 5px; }
#removecomparemessage .OK { display: none; background-color: #bf1e2e; color: #fff; font-weight: bold; font-size: 1.4em; border: 0; margin: 0; padding: 20px 10px; text-align: center; bottom: 0px; width: 100%; position: fixed; z-index: 9999; -webkit-overflow-scrolling: touch; }
#removecomparemessage .OK a { background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #bf1e2e; display: inline-block; max-width: 200px; height: 40px; line-height: 40px; font-size: 0.8em; width: 100%; margin: 5px; }
#comparemessage .OK a:hover, #removecomparemessage .OK a:hover { background-color: transparent; color: #fff; }
#comparemessage .section, #removecomparemessage .section { margin: 5px auto 0; max-width: 555px; }
#maxcompare .OK { display: none; background-color: #bf1e2e; color: #fff; font-weight: bold; font-size: 1.4em; border: 0; margin: 0; padding: 20px 10px; text-align: center; bottom: 0px; width: 100%; position: fixed; z-index: 9999; -webkit-overflow-scrolling: touch; }


.masthead { position: relative; z-index: 999; background-color: #fff; }
.top-delivery { background-color: #333; padding: 10px 0; margin-top: 15px; color: #fff; }
.top-delivery.top { margin-top: 0px; text-align: center; }
.delivery-block { text-align: center; color: #fff; padding: 10px; font-size: 1.2em; }


.topgrey { background-color: #f7f7f7; color: #283551; }
.product .further-info #tabs ul li p { font-weight: normal !important; }
.bannerhome { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; display: block; }

.container.banner-container { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.container.banner-container.comps { display: flex; justify-content: flex-end; }
.container.banner-container.comps .banner-content h1 { max-width: unset; font-size: 1.5em; }
.container.banner-container.comps .banner-content .banner-txt { width: 85%; font-size: 1.8em; }

.item strong { color: #283551; font-size: 4.5em; display: block; width: 55%; max-width: 660px; font-weight: 900; }
.item span { color: #283551; font-size: 2.4em; display: block; width: 55%; max-width: 560px; padding-top: 2px; padding-bottom: 20px; }
.xmas-dispatch-banner { background-color: #4aad94; text-align: center; font-weight: bold; color: #fff; padding: 5px; }
.xmas-dispatch-banner i { font-size: 1.2em; margin-right: 5px; }

.mailing.extra { margin-top: 150px; }
.mailing { background-color: #283551; padding: 15px; }
.mailing .title { line-height: 40px; font-size: 2.5em; color: #fff; font-weight: bold; }
.mailing .title--sub { font-size: 0.9em; color: #fff; }
.mailing .title--sub--blurb { font-size: 0.9em; margin-top: 25px; text-align: center; color: #fff; }
.mailing .newsletter input { margin-top: 0px; border: none !important; }
.mailing .newsletter .dw-xs-3, .mailing .newsletter .dw-xs-9 { padding: 0; }
.privacy--notice { font-style: italic; font-weight: bold; font-size: 0.85em; margin-top: 15px; }


.mailing .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.navigation { background-color: #f7f7f7; }
.catsub-banner .container { margin: 0; }
.catsub-banner { margin: 0 auto; }

.blackdrawings { background-image: url(images/bpattern.jpg); width: 950px; height: 525px; }
.blackbackground { background-color: #000; height: 519px; margin-top: 40px; margin-bottom: 40px; }
.teball { background-image: url(images/blacktee.jpg); width: 292px; height: 519px; margin-top: 40px; }

.blackdrawings.blackbackground img { padding-top: 120px; }
.personalisedballs { background-image: url(images/personalised-banner.jpg); background-size: cover; height: 380px; background-position: center; margin: 0 auto; position: relative; }
.personalisedballs:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 1; }
.personalisedballs > div { position: relative; z-index: 2; }
.personalisetext { width: 100%; max-width: 630px; color: #fff; }
.personalisetext h1 { font-size: 4.2em; color: #fff; }
.personalisedballs img { padding-top: 8%; margin-left: 24%; }
.addtobasket { background-color: #283551; height: 50px; border-radius: 28px; opacity: 1; color: #fff; text-align: center; padding-top: 16px; font-weight: 900; }
a:hover .addtobasket { background-color: #4aad94; }

.banner { position: relative; }
.banner.personalisedballs { display: flex; align-items: center; margin-bottom: 30px; }
.banner.personalisedballs h2 { font-size: 3.0em; margin: 0px 0px 15px; }
.banner:before { content: ""; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.3; z-index: 1; }
.banner > div { position: relative; z-index: 2; }
.landing-template-1 .gallery-grid {padding: 100px 0px;}
.landing-template-1 .gallery-grid .row{display: flex; flex-direction: column; gap: 30px;}
.landing-template-1 .gallery-grid .section > *:nth-child(even) .row {flex-direction: column-reverse;}
.landing-template-1 .gallery-grid .row .text {border-radius: 55px; background-color: #f8f8f8; min-height: 365px; padding: 30px; display: flex; justify-content:center; align-items: center;}
.landing-template-1 .gallery-grid .row .text .inner {max-width: 550px;}
.landing-template-1 .gallery-grid .row .text h2 {    font-size: 2.0em;}
.landing-template-1 .gallery-grid .row .text .txt {font-size: 1.25em; line-height: 1.5; font-weight: 600;}
.landing-template-1 #fadecarousel .carousel-inner {display: grid; }
.landing-template-1 #fadecarousel .carousel-inner .item {grid-row-start:1;grid-column-start: 1; display: block !important; opacity: 0; transition: .2s;}
.landing-template-1 #fadecarousel .carousel-inner .item:first-child {opacity: 1 !important;}
.landing-template-1 #fadecarousel .carousel-inner .item.active {opacity: 1;}
.landing-template-1 .top {padding: 30px 0px; min-height: 270px;display: flex; justify-content: center; align-items: center; }
.landing-template-1 .banner h2 {font-weight:600; font-size: 2em;}
.landing-template-1 .banner .text {line-height: 1.5; font-weight: 400;}
.landing-template-1 .prod-listing {min-height: 750px; display: flex; align-items: center;} 


.container.home .trustpilot-widget { background-color: #333; padding: 20px 0; }

.home .cats { margin-top: 20px; }
.cats a { display: block; border: 1px solid #ebebeb; position: relative; min-height: 225px; padding: 20px 25px 0 25px; overflow: hidden; }
.cats a:hover .title { color: #4aad94; }
.cats a .title { font-size: 1.8em; font-weight: bold; min-height: 90px; }
.cats a img { position: absolute; right: -7px; bottom: -1px; }
.cats a .inner { width: 53%; position: relative; z-index: 1 }
.cats a .inner .price { color: #072442; font-size: 0.85em; }
.cats a .inner .price strong, .cats a .inner .price span { color: #4aad94; font-size: 1.1em; }
.cats a .inner .price strong { font-size: 1.9em; }
.cats .dw-md-4 { margin-bottom: 30px; }
#hotdealtimer .countdown-section:last-child { margin-right: 0; }
#hotdealtimer .countdown-section { float: left; width: 24.25%; margin-right: 1%; }
#hotdealtimer .countdown-section span { display: block; }
#hotdealtimer .countdown-section span.countdown-amount { background-color: #fff; color: #5e5e5e; padding: 5px 0; }
#hotdealtimer .countdown-section span.countdown-period { font-size: 0.7em; font-weight: normal; margin-top: 8px; }
.hotdeal { background-color: #4aad94; position: relative; }
.hotdeal .toptitle { text-align: center; color: #fff; text-transform: uppercase; padding-top: 19px; font-weight: bold; font-size: 1.25em; }
.hotdeal .toptitle i { font-size: 0.75em; }
.hotdeal .timer { color: #fff; font-weight: 800; text-align: center; font-size: 1.2em; margin-top: 7px; }
.bestsell .whitebg { background-color: #fff; position: relative; padding: 0px; }
.bestsell .hotdeal .whitebg { min-height: 325px; padding: 13px 9px; }
.bestsell .hotdeal .whitebg .title { margin-top: 15px; min-height: 54px; }

#productListings .bestsell .whitebg.hasbarnostick { border: none; }
.home .productlist .bestsell .whitebg { border: none !important; background-color: transparent !important; }

.bestsell .whitebg .Harness-icon .remove-cont, .bestsell .whitebg .Harness-icon-remove .add-cont { display: none; }
.bestsell .whitebg .Harness-icon img, .bestsell .whitebg .Harness-icon-remove img { display: inline-block; vertical-align: top; height: 20px; margin-left: 10px; }
.bestsell .whitebg .Harness-icon span, .bestsell .whitebg .Harness-icon-remove span { display: inline-block; line-height: 20px; vertical-align: top; color: #283551; font-weight: 700; }

.bestsell .whitebg .title { color: #283551; margin-top: 5px; }
.bestsell .hotdeal .inner { padding: 16px 15px 15px 15px; }
#tabs .bestsell .whitebg .title { margin-top: 15px; min-height: 55px; }
.bestsell .whitebg .price .now { color: #4aad94; font-size: 1.3em; }
.bestsell .whitebg span { display: flex; }
.stock-delivery-date span { color: #4aad94 !important; }

.home .bestsell .whitebg .Harness-icon, .home .bestsell .whitebg .Harness-icon-remove { bottom: 10px; }
.bestsell .whitebg .Harness-icon { cursor: pointer; padding: 8px; text-align: center; display: block; background-color: #fff; position: relative; border: 2px solid #283551; position: static; margin-top: 10px; border-radius: 3px; max-width: 220px; }
.bestsell .whitebg .Harness-icon-remove { width: 100%; background-color: #cfcfcf; text-align: center; display: block; background-position: center; margin: auto; cursor: pointer; padding: 8px 0; border-radius: 3px; max-width: 220px; margin-top: 10px; border: 2px solid #cfcfcf; }

.bestsell .whitebg .price .now strong { font-size: 1.1em; }
.bestsell .whitebg .price .was { color: #283551; font-size: 1em; text-decoration: line-through; margin-top: 2px; font-weight: 500; }
.bestsell .slide { float: left; width: 33.33%; }

.container.compare h1 { margin-top: 20px; }
.container.compare i.fa.compareicon { background-color: #4aad94; border-radius: 100%; height: 40px; width: 40px; margin: 0 15px 8px auto; padding-top: 8px; float: left; }
.container.compare i.fa.compareicon span { height: 23px; width: 17px; -webkit-mask: url(images/GimmeBalls-uk.svg) 100% 100%; mask: url(images/GimmeBalls-uk.svg) 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #ffffff; text-align: center; display: block; background-position: center; margin: auto; }
.container.compare .dw-md-2 { padding: 0 1px; }
.container.compare #productListings .bestsell .whitebg { padding: 2px; min-height: 436px; }
#productListings .bestsell.chart .whitebg { margin: 15px 0; }
#productListings .bestsell.chart .whitebg .info { position: static; }
#productListings .bestsell.chart .whitebg .Harness-icon-remove { bottom: 20px; }
#productListings .bestsell.chart .whitebg .Harness-icon { bottom: 20px; }
.container.compare table { width: 100% !important; }
.container.compare table td, .product .further-info table th { padding: 15px; font-weight: bold; }
.container.compare table tr:nth-child(even) { background-color: #f7f7f7; }
.container.compare table tr:hover { background-color: #ebebeb; }
.container.compare table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #283551; color: white; }
.product-tables { overflow-x: auto; }
.section.sml-gap { margin: 0px -5px; }
.section.sml-gap .boot { padding: 0px 5px; }
#bybrand { padding: 15px 0; margin-top: 0px; clear: both; }
#bybrand h2 { text-align: center; }
#bybrand a { display: block; text-align: center; text-decoration: underline; color: #4aad94; font-weight: bold; }
#bybrand a:hover span { color: #283551; }
#bybrand a span { font-weight: bold; color: #4aad94; text-decoration: underline; display: block; text-align: center; margin: 15px 0 5px 0; }
#bybrand .section { margin: 0; }
#bybrand .section .dw-md-5, #bybrand .section .dw-md-7 { padding: 0; }
#bybrand span.viewall { display: block; margin: 25px auto 0; text-align: center; }
.outside i { display: none; }
.maincontent { margin: 30px auto; }
.maincontent h1 { margin-top: 0; }
.twbg { background-color: #00aced; color: #fff; min-height: 200px; padding: 20px 15px; text-align: center; font-size: 1.2em; margin-top: 20px; }
.twbg .twitter-bird { font-size: 1.6em; }
.twbg a { font-weight: bold; color: #fff; }
.twbg strong { display: block; }
.twbg span { display: block; font-size: .97em; margin: 20px 0; }
.cmslinks a { display: block; }
#news { margin: 20px 0 40px 0; }
#news .blogpost .blogdate { color: #4aad94; }
#news .blogpost .title { color: #283551; font-size: 1.4em; font-weight: bold; margin: 10px 0; }
#news .blogpost .content { font-size: 0.9em; }
#news .blogpost .content .readmore { color: #4aad94; text-transform: uppercase; font-size: 1.1em; display: block; margin-top: 15px; }
#news .blogpost .image { position: relative; padding-bottom: 90%; margin-bottom: 20px; }
#news .blogpost .image div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50%; }
.bestsell .slide { width: 220px !important; }
.brand .normtext { margin: 20px auto; }
.brand .normtext img { margin: 15px; box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2); }
.brand strong a { color: #4aad94 !important; }
.brand a:hover { color: #283551 !important; }
.section.guide li span { font-weight: bold; color: #333; }
.section.guide .GimmeBalls { position: relative; background-color: #f7f7f7; padding: 20px 20px 0 20px; }
.section.guide .GimmeBalls h3 { text-align: center; margin-top: 0; font-size: 1.6em; }
.section.guide .GimmeBalls img { margin: auto; display: inline-block; box-shadow: 0px 2px 6px 0px rgba(6, 6, 6, 0.2); }
.section.guide .GimmeBalls a { position: absolute; bottom: 0; left: 50%; transform: translate(-50%,-50%); font-weight: bold; color: #fff; background-color: #283551; border: 1px solid #023a72; width: 100%; max-width: 145px; text-align: center; height: 40px; line-height: 40px; border-radius: 3px; }
.section.guide .GimmeBalls a:hover { background-color: transparent; color: #283551; }
.grey-guide { background-color: #f7f7f7; padding: 25px; min-height: 344px; margin: 15px auto; }
.grey-guide .title { color: #283551; font-weight: bold; font-size: 1.5em; min-height: 110px; }
.grey-guide .title span { color: #4aad94; }
.grey-guide .info { margin-bottom: 20px; min-height: 120px; }
.grey-guide .rating { display: inline-block; font-weight: bold; }
.grey-guide .rating .left { float: left; width: 185px; color: #283551; }
.grey-guide .rating .right { float: right; color: #4aad94; }

.makepayment .account .editor-label { margin: 10px 0; }



.editor-label.sp { margin-bottom: 0px !important; padding-bottom: 0px !important; line-height: 24px !important; }
.editor-label.sp.other { margin: 10px 0 10px !important; }
.editor-label .forgot a, .editor-label.sp .forgot { color: #283551; font-size: 0.8em; float: right; display: inline-block; cursor: pointer; }
.editor-label .forgot a:hover, .editor-label.sp .forgot:hover { color: #4aad94; }
.editor-label.sp.other.reposition { position: absolute; display: inline-block; top: -13px; right: 15px; }
.editor-label.sp.other.reposition span { color: #4aad94; font-size: 1.0em; }
.editor-label.sp.other.reposition span:hover { color: #283551; }


.holders { background-color: #4aad94; padding: 10px 8px; color: #fff; font-weight: bold; }
.non-login .form-surround { max-width: 500px; margin: 0 auto; }
.non-login .form-surround .btn { margin: 20px 0; }

.register { padding-bottom: 32px; }
.register .reg-circle { height: 60px; width: 60px; line-height: 60px; background-color: #283551; border-radius: 50px; text-align: center; color: #fff; font-size: 2em; margin: auto; position: absolute; left: 0px; display: flex; top: 50%; align-items: center; justify-content: center; transform: translateY(-50%); }
.register .text { font-weight: 600; color: #333333; }
.register .register-bullet .text { position: absolute; top: 50%; transform: translateY(-50%); left: 75px; min-width: 100px; }
.register .dw-sm-6.text { padding: 0; }
.register i { color: #fff; text-align: center; }
.register .register-bullet { position: relative; height: 60px; width: 100%; }


#preview .overlay { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6 }
#preview .popup-view { position: relative; width: 100%; max-width: 1040px; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 15px; max-height: 101%; overflow-y: auto; }
#preview .form-surround { position: relative; }
#preview .form-surround { padding: 20px; background-color: #fff; }
#preview i.fa { width: 30px; text-align: center; height: 30px; line-height: 30px; font-size: 2.1em; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 2; }
#preview i.fa:before { color: #000; background-color: #fff; border-radius: 15px; width: 29px; height: 29px; display: block; text-align: center; line-height: 30px; box-shadow: 0 0 3px 1px #000; padding-left: 1px; }
.orders { margin-top: 20px; }
.orders .row { border-bottom: 1px solid #eeeeee; padding: 10px 0; }
.orders .row:first-child { font-weight: 700; border-top: 0px; }
.orders .row > div { float: left; padding: 5px 10px; }
.orders .row > div.clear { float: none; padding: 0; }
.orders .row .products { position: relative; padding-right: 50px; }
.orders .row .products i { position: absolute; top: 5px; right: 10px; width: 30px; font-style: normal; }
.orders .row .cost .dw-xs-4 span { color: #4aad94; font-weight: 700; text-align: right; display: block; }
.orders .row .cost a { margin: 14px auto 0 auto; max-width: 235px; }
.orders .row.headrow { color: #283551; font-weight: 600; background-color: #f7f7f7; padding: 15px; }

.checkout-summary-wrapper { position: sticky; top: 120px; right: 0px; margin-bottom: 15px; }
.checkoutprices { border: 1px solid #acacac; border-radius: 15px; margin-top: 15px;}
.checkoutprices .innerpad { padding: 30px; }
.basket { margin-top: 15px; }
.discount-placer { position: relative; }

.dislide .shut { overflow: hidden; height: 0; }
.dislide #discountform .notice .line { margin-bottom: 0; clear: both; }
.dislide #discountform h3 { float: left; width: auto; padding-bottom: 10px; }
.dislide #discountform .fa { float: right; color: #4aad94; font-size: 1.8em; margin-right: 15px; }
.dislide #discountform { padding: 15px 0 0 0; }

.pay-types .pay-srnd { border: 1px solid #d4d4d4; background-color: #fff; color: #2bbed8; min-height: 58px; margin-bottom: 10px; }
.pay-types .pay-srnd label { padding: 15px 70px 15px 15px; display: block; cursor: pointer; position: relative; min-height: 76px; }
.pay-types .pay-srnd label img { display: block; float: left; }
.pay-types .pay-srnd i { color: #4aad94; font-size: 3.5em; float: left; margin-right: 8px; }
.pay-types .pay-srnd svg { float: left; margin-right: 8px; }
.pay-types .text { margin: 0 20px 0 20px; }
.pay-srnd span.check { width: 40px; height: 40px; text-align: center; line-height: 40px; color: #2bbed8; border: 1px solid #d4d4d4; display: block; position: absolute; top: 16px; right: 16px; }
.pay-srnd span.check i { width: 40px; line-height: 40px; height: 40px; text-align: center; color: #283551; display: none; font-size: 1.5em; }
.pay-srnd span.name { line-height: 45px; font-size: 1.1em; color: #283551; display: block; }
.pay-srnd input { display: none; }
.pay-srnd.selected span.check i { display: block; }
.geotrust { float: right; height: 55px; width: 115px; margin-bottom: 15px; }
#delivery .del-opt { width: 50%; max-width: 320px; float: left; margin-right: 0px; }
#delivery .del-opt .surround { background-color: #d1dad4; font-size: 1.1em; padding: 10px; margin-bottom: 0px; cursor: pointer; }
#delivery .del-opt strong span { color: #f77400; }
#delivery .del-opt .check { float: right; width: 40px; height: 40px; line-height: 40px; background-color: #fff; }
#delivery .del-opt.collect .check { margin-top: -20px; }
#delivery .del-opt .check i { color: #f77400; font-size: 1.5em; width: 40px; height: 40px; line-height: 40px; text-align: center; display: none; }
#delivery .del-opt.selected .check i { display: block; }
#delivery .del-opt.collect { line-height: 20px; }
.account.other .bill-del h2 { line-height: 25px; float: left; }
.account.other #delivery h2 { margin-bottom: 0px; }
#delivery-options label { padding: 15px 115px 15px 44px; background-color: #fff; position: relative; display: block; margin-top: 15px; }
#delivery-options label .rb { position: absolute; left: 15px; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); width: 14px; height: 40px; }
#delivery-options label .rb input { margin: 13px 0; width: 14px; height: 14px; }
#delivery-options label .details strong { color: #283551; }
#delivery-options label .details span { color: #283551; }
#delivery-options label span.price { color: #4aad94; font-weight: 700; position: absolute; right: 15px; top: 40px; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); line-height: 40px; width: 85px; font-size: 1.2em; }
.account .address-checked .full-bg .editor-field { margin-bottom: 20px; }
.sab { margin-bottom: 20px; }
.sab span { margin-top: 2px; color: #333; line-height: 25px; float: left; display: block; }
.sab input { width: 21px; height: 21px; border: 1px solid #d6d6d6; margin: 2px 0 2px 10px; float: left; }
.required { color: #283551; }
#billingAddress.shut { height: 0; overflow: hidden; }
.pay-opt h2 { float: left; line-height: 40px; margin-top: 0px; }
.pay-opt span.btn { float: right; display: block; padding: 0 15px; height: 40px; line-height: 40px; width: auto; background-color: #2bbed8; color: #fff; border: 1px solid #2bbed8; cursor: pointer; text-transform: uppercase; font-size: 0.85em; }
.pay-opt span.btn:hover { background-color: #fff; color: #2bbed8; }
.pay-opt .card-surround { background-color: #fff; position: relative; padding: 10px 15px; margin-bottom: 15px; cursor: pointer; }
.pay-opt .card-surround input[type="radio"], .hider input[type="checkbox"] { position: absolute; left: -500000px; }
.pay-opt .card-surround .check { float: left; width: 20px; text-align: center; height: 20px; line-height: 20px; background-color: #fff; margin-right: 15px; border: 1px solid #d4d4d4; }
.pay-opt .card-surround .check i { color: #2bbed8; font-size: 1.5em; width: 40px; text-align: center; height: 40px; line-height: 40px; display: none; }
.pay-opt .card-surround.selected .check i { display: block; }
.pay-opt .card-surround .card-details { float: left; line-height: 58px; text-align: center; margin-left: 48px; }
.pay-opt .card-surround .card-expiry { line-height: 58px; text-align: center; margin-left: 0 !important; }
span.small-text { font-size: 0.7em; }
.delivery-opt { display: block; position: relative; padding: 10px 85px 10px 40px; line-height: 20px; background-color: #fff; margin-top: 15px; cursor: pointer; border: 1px solid transparent; }
.delivery-opt.selected, .pay-srnd.selected { border: 1px solid #4aad94; }
.delivery-opt:hover { background-color: #f7f7f7; }
.delivery-opt input[type="radio"] { position: absolute; top: 25px; left: 10px; width: 20px; height: 20px; margin: -10px 0 0 0; }
.delivery-opt .details strong, .delivery-opt .details span { display: block; color: #283551; }
.delivery-opt .price { color: #4aad94; font-weight: 700; position: absolute; top: 50%; right: 10px; line-height: 30px; margin-top: -15px; font-size: 1.4em; }

.prod-submit .soldout #loading { background-color: transparent; font-size: 1.3em; border: none; height: 30px; line-height: 30px; text-align: left; }
.prod-submit #loading { cursor: pointer; width: 100%; line-height: 50px; height: 50px; text-align: center; background-color: #4aad94; color: #fff; border: 1px solid #4aad94; font-family: 'Roboto', sans-serif; font-size: 1em; display: block; border-radius: 3px; }




.topgrey { background-color: #283551; color: #fff; }
.product #slides { position: relative; margin-bottom: 30px; width: 100%; overflow: hidden; }
.product #slides .sticker--container { position: absolute; top: 0px; left: 0px; z-index: 10; max-width: 30%; width: 110px; }
.product #slides .sticker--container.right { left: auto; right: 90px; top: 10px; }
.product #slides .sticker--container img { display: block; }
.product #slides.sliders { border: 3px solid #f7f7f7; }
.product #slides.orange { border: 3px solid #4aad94; }
.product #slides.blue { border: 3px solid #283551; }
.product #slides .bx-wrapper .bx-controls-direction a.fa-arrow-left { display: block; }
.product #slides .bx-wrapper .bx-controls-direction a.fa-arrow-right { display: block; right: -30px; }
.product #slides .bx-wrapper .bx-pager { bottom: 0px; }
.product h1 { margin-top: 0; }
.product .selections { position: relative; }
.product .selections .price { font-size: 1.2em; color: #072442; font-weight: bold; }
.product .selections .price strong { color: #4aad94; font-size: 2em; font-weight: 600;}
.product .selections .price span.vat { font-size: 0.5em; font-weight: normal; }
.product .selections .price .soldout { width: 50%; float: right; margin-top: 8.9%; }
.product .selections .price .soldout span { color: #ff2c0e; font-size: 0.8em; }
.product .selections .price .soldout span i { margin-right: 15px; }
.product .selections .was-price { font-size: 1em; color: #cfcfcf; }
.product .selections .was-price div { color: #cfcfcf; font-size: 1.6em; text-decoration: line-through; font-weight: bold; margin-top: 10px; }
.product .selections .was-price.no-disc { color: #000; font-weight: bold; }
.product .selections .was-price.no-disc .price { color: #cfcfcf; }
.product .selections .was-price span.vat { font-size: 0.5em; font-weight: normal; }
.product .info-graphic { background-color: #4aad94; font-weight: bold; margin-top: 15px; border-radius: 3px; }
.product .info-graphic p { display: none; }
.product .info-graphic .big { color: #fff; text-transform: uppercase; font-size: 2.9em; }
.product .info-graphic .small { color: #333333; text-transform: uppercase; font-size: 1.5em; }
.product .info-graphic .small i { font-size: 0.2em; }
.product .info-graphic .dw-xs-8 { width: 66.666667%; }
.product .info-graphic .dw-xs-4 { width: 32.6%; }
.product .info-graphic img { border-radius: 3px; margin: 5px; }
.product .products { margin-top: 15px; }
.product .editor-label { margin: 10px 0; }

.prodpanel { position: relative; }
.product .above-price .prod-dets { color: #999999; margin-top: 8px; }
.product .above-price .prod-dets .orange { color: #4aad94; }
.product .above-price .prod-dets .blue { color: #283551; }
.product .prod-reviews { float: right; margin-top: 10px; max-width: 190px; position: absolute; right: 0; top: 0; text-align: center; }
.product .info-icons .dw-md-9 { padding: 0; }
.product .info-icons { margin: 15px 0; }
.product .stock { font-weight: bold; color: #283551; font-size: 1.4em; margin-bottom: 15px; }
.product .stock i { color: #4aad94; font-size: 1.5em; text-align: center; display: block; margin-right: 8px; float: left; }
.product .stock span { display: inline-block; margin-top: 3px; }
.product .stock.rem { margin-bottom: 15px; display: inline-block; max-width: 600px; font-weight: 800; }
.product .stock.rem i { font-size: 1.2em; margin-right: 10px; float: left; }




.product .product-info .stock-info { width: 100%; margin: 15px auto; }
.product .product-info .column { float: left; max-width: 100px; padding: 1px; }
.product .product-info .stock-info .description, .product .product-info .stock-info .title { padding: 8px; color: #333; font-weight: normal; }
.product .product-info .stock-info .description:nth-child(even) { background-color: #ebebeb; }
.product .product-info .stock-info .description { background-color: #ebebeb; font-size: .7em; }
.product .product-info .stock-info .title { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #cfcfcf; color: #333; font-weight: bold; font-size: .7em; }
.product .product-info .bluebanner.double { bottom: 30px; }
.product .product-info .bluebanner { position: absolute; width: 100%; background-color: #014590; color: #fff; text-transform: uppercase; font-weight: bold; bottom: 0; left: 0; padding: 5px; font-size: 1.2em; text-align: center; }
.product .product-info .bluebanner i { margin-right: 3px; }
.product .product-info .warranty { position: absolute; width: 100%; bottom: 0; left: 0; background-color: #f7f7f7; padding: 5px 0; font-size: 1.2em; color: #4aad94; font-weight: bold; border: 1px solid #f7f7f7; text-align: center; }

.product .main-desc a { color: #4aad94; font-weight: bold; }


.product .products .btn { min-height: 50px; margin-top: 0; }
.product .customer-testimonials { margin-top: 45px; background-color: #ebebeb; padding: 25px 50px; }
.product .features td.name { font-weight: bold; }
.product .description { margin-top: 30px; }
.product .description a { color: rgba(74,173,148,1); }
.product .description a:hover { color: #283551; }
.description.divide img { width: 540px !important; height: 380px !important; }

#productListings .bestsell .whitebg.stickmove #sticker, .custom-print-section .stickmove .sticker, .related-products .sticker { position: absolute; z-index: 99; padding-top: 8px; }
#productListings .bestsell .whitebg { background-color: #fff; padding: 0px 10px; position: relative; }
#productListings .bestsell .whitebg .revs { color: #999999; font-size: .85em; }
#productListings .bestsell .whitebg.hasbar .Harness-icon { bottom: 50px; }
#productListings .bestsell .whitebg.hasbar .Harness-icon-remove { bottom: 50px; }
#productListings .bestsell .whitebg.orange { border: 5px solid #4aad94; }
#productListings .bestsell .whitebg.blue { border: 5px solid #283551; }
#productListings .bestsell .whitebg .info { background-color: #fff; position: relative;  }
#productListings .bestsell .whitebg .title { }
#productListings .prod-listing-boot {margin: 15px 0px;}
.sticker.list { grid-row-start: 1; grid-column-start: 1; width: 70px; height: 40px; }
#productListings .bestsell .whitebg.stickborder.stickmove .sticker.list #sticker { }
#productListings .bestsell .whitebg .outter { position: relative; border: 3px solid #f7f7f7; border-bottom: none; }
#productListings .bestsell .whitebg .outter .bluebanner { position: absolute; width: 100%; text-align: center; background-color: #014590; color: #fff; text-transform: uppercase; font-weight: bold; bottom: 0; left: 0; padding: 5px; font-size: 0.8em; }
#productListings .bestsell .whitebg .outter .bluebanner i { margin-right: 3px; }
#productListings .bestsell .whitebg .origin { color: #868686; font-size: 0.8em; display: block; }
#productListings .bestsell .whitebg .warranty { background-color: #ebebed; padding: 5px 0; font-size: 0.85em; color: #283551; font-weight: bold; border: 1px solid #ebebed; text-align: center; }
#productListings .bestsell .whitebg .warranty i { margin: 0 5px; font-size: 1.35em; }
#productListings .bestsell .whitebg .warranty span { color: #fd6801; }
#outofstockform { background-color: #eee; margin-bottom: 15px; }
#outofstockform .form-surround { padding: 30px; margin-top: 15px; }
#outofstockform .form-surround h2 { margin-top: 0px; color: #2bbed8; font-size: 1.1em; margin-bottom: 10px; }
#outofstockform .form-surround h2 i { margin-right: 5px; }
#outofstockform .form-surround .editor-field { margin-bottom: 10px; }
#outofstockform .form-surround input[type="text"] { border: none; }
#outofstockform .form-surround input[type="submit"] { margin-bottom: 15px; }
#outofstockform #stock-partial i { color: #4aad94; font-size: 1.5em; }


.prodslider .prod-item .info { padding: 10px; min-height: 150px; }
.prodslider .prod-item .title { color: #072442; }
.prodslider .prod-item .info .btn { margin-top: 10px; max-width: 120px; height: 30px; line-height: 30px; }
.prodslider .prod-item .info span { display: block; }
.prodslider .prod-item .info .title { min-height: 40px; font-weight: bold; }
.prodslider .prod-item .info .price { min-height: 35px; margin-top: 10px; }
.prodslider .prod-item .info .price .now { color: #4aad94; font-size: 1.05em; }
.prodslider .prod-item .info .price .was { color: #b1b1b1; font-size: 0.8em; text-decoration: line-through; margin-top: 2px; }
.prodslider .prod-item .info .review-stars .star-connect i { font-size: 0.75em; }
.prodslider .prod-item .info .Harness-icon { position: absolute; right: 15px; bottom: 15px; background-image: url(images/GimmeBalls-uk.svg); width: 17px; height: 24px; cursor: pointer }
.prod-item.img { display: grid; }
.prod-item.img .hovimg { grid-row-start: 1; grid-column-start: 1; }
.prod-item.img .mainimg { grid-row-start: 1; grid-column-start: 1; }

.prod-item.img .hovimg .pr-b-table { aspect-ratio: 1; border-bottom: 5px solid #283551; background-color: #283551; }
.prod-item.img .hovimg .pr-b-table .row { display: flex; justify-content: space-evenly; font-weight: 700; font-size: 1.4em; height: 50px; align-items: center; }

.prod-item.img .hovimg .pr-b-table .row.head { color: #fff; background-color: transparent !important; }

.prod-item.img .hovimg .pr-b-table .row:nth-child(odd) { background-color: #fff; }
.prod-item.img .hovimg .pr-b-table .row:nth-child(even) { background-color: #f7f7f7; }

.prod-item.img .hovimg .pr-b-table .row .cell { width: 75px; }



.prod-item.img:hover .mainimg { opacity: 0; }
.related-products { margin-top: 35px; }
.line-products { border: 1px solid #f7f7f7; margin-top: 50px; }
#tabspanelbtm { margin-top: 30px; margin-bottom: 50px; }
#tabspanelbtm .feattabs li { width: 100%; margin-right: 10px; font-size: 1.6em; }
#tabspanelbtm .feattabs li:nth-child(6) { margin-right: 0; }
#tabspanelbtm .feattabs li.clear { display: block; clear: both; height: 0; line-height: normal; border-radius: 0; float: none; margin-right: 0; }
#tabspanelbtm .bx-wrapper .bx-controls-direction a { display: block; }
.pr-form .review-stars { width: 125px; }

.bestsell #tabspanelbtm .whitebg { padding: 20px 0; }
.bestsell #tabspanelbtm .whitebg a { display: block; }
#tabspanel .bx-wrapper .bx-controls-direction a { display: block; }
.section-file i { color: #4aad94; font-size: 3em; margin: 10px auto; text-align: center; display: block; }
.section-file a { display: block; text-align: center; text-decoration: underline; }
.cats .prod-listing { margin-top: 30px; }
.prod-list-top { border-bottom: 1px solid #000000; padding-bottom: 10px; }
.prod-listing { margin: 0 auto; }
.prod-list-top h1 { margin-bottom: 10px; }
.prod-list-top h2 { margin-bottom: 10px; font-size: 2em; }
.prod-listing .toptitle { margin: 25px 0 10px 0; color: #283551; font-size: 1.5em; font-weight: bold; }
.prod-listing .toptitle span { font-size: 0.7em; font-weight: normal; }
.prod-list-top h1 span { font-size: 0.56em; font-weight: normal; }
.prod-list-top p { margin-top: 0; }
.prod-list-top strong { display: inline-block; }
.prod-list-top #userlayout { width: 216px; float: right; margin-top: 20px; margin-left: 20px; }
.prod-list-top form { text-align: right; float: right; position: relative; padding-left: 61px; }
.prod-list-top form strong { position: absolute; left: 0; top: 0; font-weight: normal; font-size: 0.8em; }
.prod-list-top select { border: 1px solid #b4b4b4; color: #777; font-size: 1em; width: auto; height: 30px; font-size: 0.8em; }
.prod-listing .dw-md-3 { padding: 5px; }
.prod-listing .dw-md-2 { padding: 5px; }
#filter-menu { background-color: #f7f7f7; padding: 10px 20px 20px 20px; }
#filter-menu h2.top-header { font-size: 1.7em; margin-top: 15px; text-align: left; }
#filter-menu .filterbody label { font-weight: 700; }
#filter-menu .filterbody.cat label { padding-left: 0; }
#filter-menu .filterbody label input { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
#filter-menu .filterbody label.shut { height: 0; overflow: hidden; }
#filter-menu h2.filter-header { font-size: 1.3em; cursor: pointer; text-align: left; margin: 8px 0px 0px 0px; display: flex; align-items: center; font-weight: 800; color: #4aad94; justify-content: space-between; height: 45px; border-bottom: 1px solid #d9d9d9; }
#filter-menu .filterbody { padding-top: 10px; }
#filter-menu .filterbody.more-hide .inner { max-height: calc(38px * 6); overflow: hidden; }
#filter-menu .filterbody .show-moreless:before { content: "Show Less"; text-decoration: underline; cursor: pointer; color: #283551; display: block; padding-left: 43px; padding-top: 15px; }
#filter-menu .filterbody .show-moreless:hover:before { color: #4aad94; }
#filter-menu .filterbody.more-hide .show-moreless:before { content: "Show More"; text-decoration: underline; }



#filter-menu .filterbody.closed { margin: 0; }
#filter-menu .line { border-bottom: #d9d9d9 1px solid !important; }
#filter-menu .filterbody input { height: 15px; width: 15px; }
#filter-menu i { cursor: pointer; }
@font-face { font-family: "titling-gothic-fb-wide"; src: url("https://use.typekit.net/af/8edf8c/00000000000000003b9ae90b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/8edf8c/00000000000000003b9ae90b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/8edf8c/00000000000000003b9ae90b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-style: normal; font-weight: 800; font-display: swap; }
.productlist.landpage .topbanner { height: 300px; margin-top: 35px; padding: 25px; background-position: 50%; }
.productlist.landpage .topbanner h1 { font-size: 4em; line-height: 55px; font-family: "titling-gothic-fb-wide",sans-serif; font-weight: 800; text-transform: uppercase; }
.productlist.landpage .btmsec { margin-top: 30px; }
.productlist.landpage .btmsec h2 { margin-top: 0; }
.productlist.landpage .btmsec ul { color: #333; }
.section.returns input[type="checkbox"] { width: 20px; height: 20px; position: absolute; left: -5px; top: -5px; }
.section.returns .options { position: relative; padding-left: 30px; display: block; color: #4aad94; cursor: pointer; }
.section.returns .options:hover { color: #283551; }
.section.returns label { margin-bottom: 10px; display: block; }
.section.returns textarea { min-height: 65px; }
.section.returns .dw-sm-3 label { display: inline-block; }
.section.returns .dw-sm-3 input { width: 50px; }
.section.returns { margin-top: 10px; }
.review-stars { position: relative; width: 100px; height: 20px; line-height: 20px; font-size: 1em; display: block; margin-top: 6px; }
.review-stars .stars { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; }
.review-stars .stars.blank { color: #cfcfcf; width: 100%; }
.review-stars .stars.full { color: #ffb00d; }
.review-stars .star-connect { width: 105px; }
.review-stars .stars i { width: 20%; height: 20px; line-height: 20px; float: left; }
.review-stars .star-connect i { width: 20px; height: 20px; line-height: 20px; float: left; }
.customer-testimonials .slide .comment { min-height: 108px; }
.product .above-price .prod-reviews a { color: #999999; }
.product .above-price .prod-reviews a:hover { color: #4aad94; }
.product .above-price .prod-reviews a span { display: inline-block; font-size: 1em; margin-top: 2px; }
.customer-testimonials .bx-wrapper .bx-controls-direction a { display: block; background: none; box-shadow: none; color: #666666; }
.customer-testimonials .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -50px; }
.customer-testimonials .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -50px; }
.customer-testimonials .nostars { padding-bottom: 15px; }
.customer-testimonials .slide em { color: #4f4f4f; display: block; min-height: 125px; }
.customer-testimonials .surround { padding-top: 15px; color: #4f4f4f; }
.form-review-surround { background-color: #f7f7f7; }
.form-review-surround .OK { max-width: 600px; text-align: center; margin: 15px auto; border-radius: 3px; }
.form-review-surround .section.endreview { margin: 40px auto; max-width: 600px; }
.form-review-surround .section.endreview .btn { max-width: 250px; }
.form-review-surround h2 { text-align: center !important; margin-bottom: 30px; }
.leave-review .fa { color: #cfcfcf; }
.leave-review .fa.selectedstar { color: #ffb00d; }
.review-help { padding: 15px; color: #fff; background-color: #4aad94; font-weight: 700; font-size: 1.1em; border-radius: 3px; }
.review.product .dw-md-2:nth-child(4n+1) { clear: both; }
.review.product .page-review .pr-form { min-height: 490px; }
.page-review .review-stars .stars { width: 255px; }
.page-review .pr-form { background-color: #f7f7f7; padding: 25px; min-height: 465px; }
.page-review .pr-form .review-row { margin: 10px 0; }
.page-review { margin: 15px 0; }
.page-review i { margin-right: 5px; }
.contactpage .v-orange { color: #4aad94; }

.contactpage #contactform .editor-label, .contactpage #requestform .editor-label { font-weight: bold; }

.contactpage #contactform .forgot .btn, .contactpage #requestform .forgot .btn { margin-top: 43px; }
.contactpage .narrow-form { max-width: 595px; margin: 30px auto; }
.contactpage .narrow-form #contactform { padding: 0px; }
.contactpage h1 { font-size: 2em; }
.contactpage .address span { color: #999999; font-size: 1.1em; }
.contactpage .address a { font-weight: bold; }
.contactpage .social-media i { font-size: 1.5em; }
.contactpage .social-media span { color: #999999; font-size: 1.1em }
.contactpage .social-media strong { color: #283551; }
.contactpage .social-media .media { font-size: 2em; margin: 20px 0 15px; }
.contactpage .social-media .media a { margin-right: 25px; }
.contactpage .social-media .media a.facebook { color: #3b5998; }
.contactpage .social-media .media a.twitter { color: #00aced; }
.contactpage .social-media .media a.instagram { color: #de5190; }
.contactpage .social-media .media a.pinterest { color: #e4001f; }
.contactpage .social-media .media a:hover { color: #283551; }
.contactpage .map { margin-top: 20px; }
.contactpage .map h2 { font-size: 1.8em; }
.contactpage .map h2 i { margin-right: 15px; }
.contactpage .map iframe { width: 100%; }
.contactpage .social-media i { color: #4aad94; }
.contactpage #formtabs { overflow: hidden; background-color: #f1f1f1; }
.contactpage #formtabs h2 { font-size: 1.2em; }
.contactpage #formtabs h2 i { color: #4aad94; margin-right: 15px; }
.contactpage #formtabs ul { padding: 0; }
.contactpage #formtabs ul li { float: left; cursor: pointer; transition: 0.3s; font-size: 17px; list-style: none; width: 50%; background-color: #ebebeb; }
.contactpage #formtabs ul li.ui-tabs-active { background-color: #f7f7f7; }
.contactpage #formtabs ul li a { padding: 2px 20px; display: block; }
.contactpage #formtabs ul li:hover { background-color: #ddd; }
.info.terms ol li, .return-info ul li { color: #283551; font-weight: bold; margin: 15px 0 }
.info.terms ol li span, .return-info ul li span { font-weight: normal; color: #333; }
.info.terms strong { color: #283551; }
.delivery-form { background-color: #f7f7f7; margin: 15px 0; padding: 15px; }
.delivery-payments .option.form .title { font-size: 0.9em; }
.delivery-payments .option.form { color: #283551; font-weight: 800; min-height: 50px; line-height: 50px; }
.delivery-payments .option { background-color: #fff; margin: 15px; display: block; border: 1px solid #e1e1e1; }
.delivery-payments .option.form .price { float: right; font-weight: bold; color: #4aad94; font-size: 1.5em }
.delivery-payments .option.form .price span { font-weight: normal; color: #283551; }
.delivery-form .cta { text-align: center; margin: auto; display: block; padding: 15px; color: #4aad94; font-weight: bold; font-size: 1.2em; }
#pickaddr .enter-postcode, #pickdeladdr .enter-postcode { position: relative; }


.sub-addr-fields { margin-top: 15px; }
.sub-addr-fields .editor-field { margin-bottom: 15px; }
.cta.blue.trade-account { background-color: #283551; padding: 35px 0px; }
.cta.blue.trade-account .cta-inner { max-width: 1037px; margin: 0 auto; position: relative; }
.cta.blue.trade-account .cta-inner .cta-text { color: #fff; font-size: 24px; }
.cta.blue.trade-account .cta-inner .btn a { display: block; }
.cta.blue.trade-account .btn { max-width: 340px; margin: 0px; display: inline-block; float: right; }
.trade-bullet { background-color: #ebebeb; border-radius: 3px; padding: 15px 10px 15px 55px; position: relative; max-width: 300px; margin: 15px auto; }
.trade-bullet i, .trade-bullet img { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #4aad94; font-size: 25px; }
.trade-bullet.trust { padding: 15px 10px 15px 90px; }
.trade-bullet span { font-size: 0.95em; }
.trade-bullet strong { color: #283551; }
.inner-rel { width: 100%; height: 100%; position: relative; }
.trade-bullet-lg { border-radius: 3px; position: relative; padding: 30px 15px 30px 275px; min-height: 330px; overflow: hidden; }
.trade-bullet-lg .round-icon { width: 65px; height: 65px; background-color: #4aad94; border-radius: 100%; }
.trade-bullet-lg .round-icon .inner-rel i { position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; }
.trade-bullet-lg strong { color: #283551; font-size: 1.9em; }
.trade-bullet-lg img { position: absolute; bottom: 0px; left: 30px; }
#features-spec #loading { text-align: center; margin-top: 20px; font-size: 1.2em; padding-right: 10px; }
#features-spec #loading .fa { padding: 10px; }
.product-info .purpose .grey-bg { background-color: transparent; width: 100%; }
.product-info .purpose .grey-bg .bx-wrapper { max-width: 100% !important; }
.product-info .purpose .grey-bg .bx-viewport { padding: 20px; background-color: #f7f7f7; height: 120px !important; }
.product-info .purpose .grey-bg .bx-viewport .slide { cursor: pointer; }
.product-info .purpose .purpose-info { display: none; padding: 15px 10px; }
.product-info .purpose .purpose-info strong { color: #4aad94; font-size: 1.2em; }
.product-info .purpose .purpose-info p { margin: 10px 0; font-size: 1em; color: #283551; }
.product-info .purpose .purpose-info.active { display: block; }
.product-info .slide.active span { width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #ffffff transparent; position: absolute; bottom: -21px; left: 30%; }
.grey-bg { background-color: #ebebeb; }
.grey-bg .narrow-txt a { color: #4aad94; }
.narrow-txt { max-width: 815px; text-align: center; margin: 0 auto; }
.narrow-txt h2 { font-size: 1.8em; }
.narrow-txt .narrow-txt { max-width: 590px; text-align: center; margin: 0 auto; }
.specialhead.other.trade { min-height: 396px; }
.specialhead.short { min-height: 10px !important; }
.specialhead.other .main-area .container { position: relative; }
.specialhead.other .main-area .container img { position: absolute; bottom: -60px; right: -27px; z-index: -1; }
.specialhead.other .main-area { background-color: #283551; font-size: 1.4em; padding: 60px 0px; position: relative; z-index: 10; }
.specialhead.other .main-area h1, .specialhead.other .main-area span, .specialhead.other .main-area, .specialhead.other .main-area strong, .specialhead.other .main-area ul li, .specialhead.other .main-area strong { color: #fff; }
.specialhead.other .main-area .bt { border: none; display: inline-block; height: 55px; border-radius: 3px; }
.specialhead.other .main-area .bt a { width: 100%; height: 100%; display: block; font-weight: 700; color: #fff; line-height: 55px; text-align: center; }
.specialhead.other .main-area .bt.create-acc { background-color: #079700; width: 285px; margin-right: 25px; }
.specialhead.other .main-area .bt.create-acc:hover { background-color: #00843d !important; }
.specialhead.other .main-area .bt.sign-in { background-color: #4aad94; width: 140px; }
.specialhead.other .main-area .bt.sign-in:hover { background-color: #FF8B2F; }
.specialhead.other .main-area .btns { font-size: 0.8em; }
.specialhead.other .main-area ul { font-size: 0.85em; margin: 30px 0px; padding: 0px; }
.specialhead.other .main-area ul li { margin: 0px; list-style-type: none; padding: 10px 0px 10px 40px; position: relative; }
.specialhead.other .main-area ul li i { position: absolute; font-size: 1.5em; color: #4aad94; top: 50%; transform: translateY(-50%); left: 0px; }
.specialhead.other .call-area { background-color: #092c61; line-height: 20px; padding: 30px 0px; color: #fff; font-size: 1.4em; }
.specialhead.other .call-area a { color: #fff; }
.specialhead.other .call-area a:hover { color: #4aad94; }
.specialhead.other .call-area i { font-size: 1.3em; margin-right: 30px; line-height: 20px; }
.trade-save { text-align: center; }
.trade-save .save-top { line-height: 62px; border-radius: 3px 3px 0px 0px; font-size: 1.8em; }
.trade-save .save-btm { line-height: 62px; border-radius: 0px 0px 3px 3px; font-size: 1.2em; }
.trade-save .all-order strong { color: #283551; }
.trade-save .all-order .save-top { background-color: #bebebe; }
.trade-save .all-order .save-btm { background-color: #ebebeb; }
.trade-save .three-plus .save-top { background-color: #092c61; }
.trade-save .three-plus .save-btm { background-color: #283551; }
.trade-save .three-plus strong { color: #fff; }
.trade-save .five-plus .save-top { background-color: #a0470c; }
.trade-save .five-plus .save-btm { background-color: #4aad94; }
.trade-save .five-plus strong { color: #fff; }
.trade-prod-tile { background-color: #fff; height: 409px; position: relative; max-width: 280px; margin: 0px auto 30px; }
.trade-prod-tile strong { position: absolute; top: 20px; left: 27px; font-size: 30px; color: #283551; z-index: 2; }
.trade-prod-tile .btn { position: absolute; bottom: 20px; left: 47px; width: 160px; z-index: 2; }
.trade-prod-tile .btn a { display: block; color: #fff !important; }
.trade-prod-tile img { position: absolute; top: 50%; left: 22%; transform: translate(-50%, -50%); display: inline-block; max-width: 400px; z-index: 1; }
#review-slider-container { position: relative; }
#review-slider-container .bx-wrapper .bx-controls-direction a { position: absolute; color: #4aad94; font-size: 25px; display: block !important; }
#review-slider-container .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -90px !important; }
#review-slider-container .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -90px !important; }
.trade-account-cta { padding: 25px 45px; background-color: #283551; height: 100px; position: relative; }
.trade-account-cta .btn.login { max-width: 245px; right: 305px; }
.trade-account-cta .btn.register { max-width: 245px; right: 45px; }
.trade-account-cta .btn { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); margin: 0px; }
.trade-account-cta .btn a { display: block; color: #fff !important; }
.trade-account-cta .cta-title { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; color: #fff; line-height: 40px; }
.trade-account-cta .cta-title .round-icon { height: 40px; width: 40px; line-height: 40px; background-color: #4aad94; border-radius: 100%; text-align: center; color: #fff; font-size: 1.4em; margin-right: 10px; display: inline-block; }
.trade-account-cta .cta-title strong { font-size: 1.4em; }
.main-trade-cta { background-color: #283551; position: relative; padding: 18px; margin-bottom: 30px; }
.main-trade-cta span { color: #fff; font-size: 2.1em; }
.main-trade-cta span i { margin: 0px 18px 0px 18px; }
.main-trade-cta .btn { border: none; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 240px; background-color: #fff; }
.main-trade-cta .btn a { display: block; font-weight: 700; }
.main-trade-cta .btn:hover { background-color: #4aad94 !important; }
.main-trade-cta .btn:hover a { color: #fff; }
.qty-breaks .price-break { background-color: #fff; text-align: center; padding-top: 9px; }
.qty-breaks .price-break strong { font-size: 1.3em; color: #079700; }
.qty-breaks .price-break span { color: #4aad94 !important; font-size: 0.9em; }
.qty-breaks .price-break .price { margin-right: 5px; font-size: 1.5em; }
.qty-breaks .price-break strong.saving { color: #fff; font-size: 1.1em; top: 0px; }
.price-break .backgroundPB { background-color: #283551; color: #fff; position: relative; text-align: center; line-height: 12px; padding-bottom: 10px; margin-top: 10px; }

.table-stock-delivery-date { font-size: 1.1em; margin-top: 15px; }
.table-stock-delivery-date strong { font-size: 1em !important; }
.paymentform { border: 1px solid #dbdbdb; padding: 30px; border-radius: 3px; text-align: center; max-width: 600px; margin: 30px auto; }
.paymentform .payment-top { color: #283551; font-weight: 700; font-size: 1.4em; display: block; margin-bottom: 30px; }
.paymentform .payment-top i { color: #4aad94; margin-right: 5px; }
.paymentform .editor-label { max-width: 500px; text-align: left; margin: 10px auto; font-weight: 700; font-size: 1.1em; display: block; }
.paymentform input, .paymentform .input-field { height: 40px; border: 1px solid #dbdbdb !important; height: 40px; max-width: 550px; padding: 10px; border-radius: 3px; }
.paymentform .editor-field { max-width: 500px; margin: 0 auto; text-align: left; }
.paymentform .bluelarge { display: block; max-width: 500px; text-align: right; margin: 30px auto; font-weight: 700; font-size: 1.4em; }
.paymentform button { border: none; background-color: #079700; color: #fff; font-weight: 700; font-size: 1.2em; height: 50px; max-width: 500px; margin: 0 auto; }
.paymentform button i { margin-right: 5px; }
.paymentform button:hover { background-color: #00843d !important; }

.productlist #productListings { }





.pick-custom label { cursor: pointer; margin-bottom: 10px; background-color: #f8f8f8; border-radius: 10px; display: block; overflow: hidden; position: relative; text-align: center; }
.pick-custom label.on, .pick-custom label:hover { background-color: #4aad94; color: #fff; }

.pick-custom label.on .txt, .pick-custom label:hover .txt { color:#fff; }
.pick-custom label .title {line-height: 1; color: #283551; font-weight: 200; font-size: 1.1em; height: 35px; display: flex; align-items: center; justify-content: center; margin-top: -10px; font-weight: 700;}
.pick-custom label .txt { color: #4aad94; display: flex; align-items: center; justify-content: center; padding-bottom: 15px; font-weight: 700; font-size: 1rem; }
.pick-custom label .img { position: relative; width: 133px; height: 133px; margin: 15px auto; display: block; background-size: cover; background-position: center; border-radius: 50%; box-shadow: 0 0 20px 1px #ffffffa3; }
.pick-custom label .img .img-container { display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pick-custom label .img .img-container img { border: 0; max-width: 100%; height: auto; max-height: 100%; width: auto; }

.prod-round-false .pick-custom label .img {width: calc(100% - 2rem); border-radius: 10px; box-shadow: none;}

.monthly-cta { position: relative; margin: 30px 0px;font-size: 1.0rem; border-radius: 5px;}
.monthly-cta img { position: absolute; top: calc(50% + 5px); right: -5px; transform: translateY(-50%); }


.basket-table .title a { color: #283551; font-weight: 800; font-size: 1.3em; }
.basket-table .title a:hover { color: #4aad94; }


.home-tile { position: relative; margin-bottom: 15px; }
.home-tile .content { position: absolute; top: 50%; left: 0px; width: 50%; padding: 15px; transform: translateY(-50%); text-align: left; }
.home-tile .content h2 { text-align: left; font-size: 2em; margin: 0px; }


.bottom-text { font-size: 1.1em; line-height: 1.2; }
.bottom-text .line { display: none; }
.bottom-text h2 { text-align: left; }

.listing-boot .bottom-text { background-color: #f7f7f7; padding: 25px 50px; color: #283551; margin-top: 30px; }

.banner.subscription { background-image: url(images/header-delivery.jpg); background-position: center; background-size: cover; }

.prod-list-item .OK, .prod-list-item .OK { position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 1000; margin: 0px; }
.prod-list-item .OK > span, .prod-list-item .OK > span { max-width: 400px; display: block; margin: 0 auto; }

.striped-divs > *:nth-child(even) { background-color: #e8e8e8; }
.striped-divs > *:nth-child(odd) { background-color: #f7f7f7; }

.subscribe-notice { border: 1px solid #4aad94; margin: 10px 0px; padding: 10px; display: flex; background-color: #fff; border-radius: 3px; align-items: center; }
.subscribe-notice i { margin-right: 10px; color: #4aad94; font-size: 1.2em; }

.address-book .address { min-height: 340px; border: 1px solid #cfcfcf; background-color: #fff; border-radius: 5px; padding: 30px; position: relative; }
.address-book .address .status { background-color: #283551; color: #fff; position: absolute; padding: 10px; left: 0px; top: 0px; font-weight: 800; border-radius: 0px 0px 5px 0px; }
.address-book .address .detail { padding-top: 15px; font-size: 1.2em; }
.address-book .address.add { text-align: center; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.address-book .address.add .txt { color: #283551; font-weight: 800; font-size: 2.0em; width: 100%; }
.address-book .address.add i { margin: 0 auto; border-radius: 100%; background-color: #283551; font-size: 2.0em; color: #fff; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; }
.address-book .address.add:hover .txt { color: #4aad94; }
.address-book .address.add:hover i { background-color: #4aad94; }
.add-bask-section .right { transform: translateX(-50%); }
.add-bask-section.added .left { transform: translateX(0%); }
.add-bask-section.added .right { transform: translateX(0%); }
.add-bask-section .left .btn img { margin-left: 10px; }

.pack-roundel { position: absolute; top: 0px; right: 0px; background-color: #4aad94; color: #fff; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 100%; font-weight: 800; }

.pack-roundel span { display: block; width: 100%; text-align: center; }


.sub-steps .step { border-radius: 0px 30px 30px 0px; padding: 15px; display: flex; justify-content: center; align-items: center; }
.sub-steps .step.right { border-radius: 30px 0px 0px 30px; }
.sub-steps .step .inner { display: flex; align-items: center; max-width: 680px; }
.sub-steps .step .num { color: #4aad94; font-size: 8em; font-weight: 800; margin-right: 30px; }

.sub-steps .sub-save-graphic img:last-child { position: absolute; bottom: -60px; right: -60px; }
.sub-steps .sub-save-graphic { margin-bottom: 30px; }

.prod-list-item .custom-tag { display: flex; align-items: center; justify-content: center; margin-top: 15px; }
.prod-list-item .custom-tag i { margin-right: 5px; color: #4aad94; }
.prod-list-item .custom-tag span { color: #283551; font-weight: 900; }

.custom-print-section .prod-listing-boot { max-width: 320px; margin: 15px 0px; }
.prod-listing-boot .prod-list-item {overflow: hidden; height: 100%; display: flex; flex-direction: column; border-radius: 7px; padding: 0px 10px; border-style: solid;
    border-width: 3px;
    border-radius: 7px; border-color: transparent;}
.prod-listing-boot .prod-list-item .info{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.prod-listing-boot .prod-list-item .info .btns {max-width: 100%; width: 100%; padding-top: 15px;}
.prod-listing-boot .prod-list-item .info .price.no-was {font-size: 1.1em;}
.head-bullets { border-bottom: 1px solid #4aad94; }
.head-bullets i { margin-right: 15px; font-size: 2.2em; }
.head-bullets i:after { color: #4aad94; opacity: 1; }
.head-bullets i:before { color: #283551; }
.head-bullets strong { display: block; font-size: 1.4em; color: #283551; margin-bottom: 5px; }
.head-bullets span { color: #283551; font-size: 1.1em; }
.head-bullets .line { border-radius: 10px; height: 50px; background-color: #4aad94; width: 3px; border: none; margin: 0px 15px; }
.head-bullets .txt { max-width: 400px; }

.ptext p { margin: 0px !important; }

.lg-text { font-size: 1.25em; line-height: 1.4; }
.lg-text h1 { font-size: 2.9em; }
.lg-text h2 { font-size: 1.6em; }
/*.blue-blue-grad { background-image: url('images/corporateballs.png'); background: rgb(102,128,185); background: linear-gradient(246deg, rgba(102,128,185,1) 0%, rgba(15,32,61,1) 100%); }*/

.block-img img { display: block; }

.pinting-process { position: relative; }
.pinting-process .img { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); border-radius: 20px; overflow: hidden; box-shadow: 0px -1px 9px #00000087; max-width: 47%; }
.pinting-process .text { width: 55%; }
.process-bg { background-image: url("images/corporate/corporate-ball-printing.png"); background-position: center; background-repeat: no-repeat; background-size: 110%; }

.lr-img-txt { position: relative; }
.lr-img-txt .img { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); border-radius: 20px; overflow: hidden; box-shadow: 0px -1px 9px #00000087; max-width: 47%; }
.lr-img-txt .text { width: 53%; }

.lr-img-txt.limg .txt-outter { }
.lr-img-txt.limg .img { right: auto; left: 0px; }


.corposlider a.fa-arrow-left, .corposlider a.fa-angle-left { left: 15px !important; }
.corposlider a.fa-arrow-right, .corposlider a.fa-angle-right { right: 15px !important; }
.table-bs .body .row .remove a:before { content: "Remove"; }

/*GOLF WEDDING GIFTS  (gwg)*/
.gwg { color: #283551; margin-top: 45px; }
.gwg h2 { font-size: 2.815rem; }
.gwg-banner { background-color: #FFF9D2; border-radius: 30px; display: grid; grid-template-columns: auto 771px; color: #444; align-items: center; align-content: center; justify-items: center; overflow: hidden; padding: 30px; margin-bottom: 95px; }
.gwg-text { max-width: 542px; display: flex; flex-direction: column; grid-gap: 1.5rem; }
.gwg-banner img:first-child { border-radius: 0 22px 0 0; }
.gwg-banner img:last-child { border-radius: 0 0 22px 0; }
.gwg-banner h1 { font-size: 3.45rem; color: inherit; margin-bottom: 0; }
.gwg-pre { font-size: 1.875rem; color: inherit; }
.gwg-banner .btn { border-radius: 10px; font-size: 1.625rem; width: 230px; height: 58px; }
.gwg-banner .btn-wrapper { display: flex; grid-gap: 1rem; }
.gwg-slide { background-color: #FFF9D2; display: flex; align-items: center; justify-content: center; padding: 44px; }
#gwg-carousel { margin-bottom: 118px; }
.gwg-grid, .gwg-grid.rev { display: grid; grid-template-columns: 750px auto; align-items: center; justify-items: center; font-size: 1.5rem; grid-gap: 1rem; }
.gwg-cont-pre { font-size: 1.5rem; margin-bottom: 2rem; }
.gwg-grid.rev { grid-template-columns: auto 750px; margin-top: 100px; }
.gwg-grid h2 { color: #444444; }
.gwg-grid img { border-radius: 15px; }
.gwg-grid.rev img { border-radius: 30px; }
.gwg-form { margin-bottom: 30px; background-color: #F7F7F7; border-radius: 20px; box-shadow: 0 0 0 #0000002B; padding-top: 60px; padding-bottom: 36px; width: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px 3px #0000002B; margin-top: 100px; flex-direction: column; }
.gwg-form .gwg-form-inner { max-width: 1120px; }
.gwg-form h2 { width: 100%; }
.gwg-form .editor-label { font-size: 1.56rem; margin-bottom: 15px; }
.gwg-form .editor-field input { height: 55px; margin-bottom: 40px; }
.gwg-form textarea { margin-bottom: 40px; }
.gwg-form input[type=checkbox] { height: 29px; width: 29px; }
.gwg-form .editor-label.agree { display: flex; align-items: center; grid-gap: 18px; font-size: 1.125rem; }
.gwg-form .editor-label.agree .clear { display: none; }
.gwg-form .btn { border-radius: 10px; height: 84px; font-size: 1.625rem; margin-bottom: 12px; }
.gwg-form .privacy--notice { max-width: fit-content; font-weight: normal; font-size: 1.125rem; margin: 0 auto; }
.gwg-form a { color: #4aad94; font-weight: bold; }
.gwg .btn.more { background-color: transparent; color: #444; border: 2px solid #444444; font-weight: normal; }

.hub-sects { max-width: 1670px; padding: 0px 15px 60px; margin: 0 auto; }

.hub-sects .sect { }



.hub-sects .sect .txt { padding: 30px; }

.hub-sects .sect .title { color: #fff; font-size: 3em; font-weight: 700; margin-bottom: 15px; }
.hub-sects .sect .subtitle { color: #fff; font-size: 1.6em; margin-bottom: 15px; font-weight: 300; }

.hub-sects .sect.quartersection { display: block; overflow: hidden; border-radius: 10px; }

.hub-sects .sect.quartersection img { width: 100%; display: block; }

.hub-sects .sect.quartersection .title { max-width: 300px; }

.hub-sects .sect.halfsection { aspect-ratio: 810 / 565; display: flex; overflow: hidden; border-radius: 10px; align-items: center; }
.hub-sects .sect.halfsection img { transform: translateX(-60px); }
.hub-sects .sect.halfsection .txt { padding: 30px 30px 30px 0px; transform: translateX(-15px); }
.hub-sects .sect.fullsection { border-radius: 10px; display: flex; align-items: center; }
.hub-sects .sect.fullsection img { display: block; overflow: hidden; border-radius: 10px; }

.hub-sects .btn { border-radius: 10px; font-size: 1.3em; height: 45px; }

.hub-sects .blogpost { background-color: #efefef; width: calc((100% / 3) - 1rem); border-radius: 10px; position: relative; }

.hub-sects .rssfeed > .section { margin: 0px !important; justify-content: space-between; }

.hub-sects .blogpost .section > * { width: 100%; padding: 0px; }
.hub-sects .blogpost .image div { background-position: center; background-size: cover; width: 100%; padding: 0px; aspect-ratio: 535 / 320; }
.hub-sects .blogpost .title { font-size: 3em; color: #283551; margin-bottom: 60px; }
.hub-sects .blogpost a { padding: 15px; display: block; position: relative; }
.hub-sects .blogpost .blogdate { position: absolute; left: 15px; bottom: 90px; color: #283551; font-size: 1.3em; }
.hub-sects .blogpost .blue-txt { display: none; }
.hub-sects .blogpost .content { display: flex; justify-content: end; }
.hub-sects .blogpost .readmore { height: 45px; width: 160px; background-color: rgba(74,173,148,1); display: flex; color: #fff; justify-content: center; align-items: center; border-radius: 10px; font-size: 1.3em; font-weight: 700; }

.hub-sects .blogpost a:hover .readmore { background-color: #283551; }

.quiz-container { max-width: 1300px; margin: 30px auto 30px; border-radius: 25px; overflow: hidden; box-shadow: 0px 0px 6px #00000029; background-color: #fff; }
#quizform .bottombtns { margin-bottom: 30px; }
#quizform .bottombtns .btn { height: 60px; font-size: 2em; font-weight: 500; padding: 0px 25px; }

.quiz-container .questno { text-align: center; height: 47px; background-color: #283551; color: #fff; display: flex; justify-content: center; font-size: 1.6em; align-items: center; }

.quiz-container .title { color: #283551; font-size: 2.6em; text-align: center; font-weight: 800; max-width: 630px; margin: 30px auto; min-height: 90px; display: flex; justify-content: center; align-items: center; }

.quiz-container .quests { display: flex; justify-content: space-evenly; gap: 15px; padding: 0px 80px 80px 80px; }
.quiz-container .radio { cursor: pointer; position: relative; overflow: hidden; width: 100%; max-width: 520px; display: block; border-radius: 12px; transition: 0.1s; min-height: 383px; display: flex; flex-direction: column; justify-content: center; }
.quiz-container .radio input { display: none; }

.quiz-container .radio .name { display: flex; background-color: #283551; height: 50px; justify-content: center; align-items: center; color: #fff; line-height: initial; text-align: center; font-size: 1.9em; }

.quiz-container .radio .name.jsttxt { background-color: #fff !important; color: #283551; font-weight: 800; font-size: 3.0em; }

.quiz-container .radio:hover .name.jsttxt { background-color: #fff; color: rgba(74,173,148,1); }
.quiz-container .radio.on .name.jsttxt { background-color: #fff; color: rgba(74,173,148,1); }

.quiz-container .radio .img-container { display: flex; height: 100%; justify-content: center; align-items: center; }



.quiz-container .radio img { aspect-ratio: 1; max-width: 300px; max-height: 300px; width: 100%; filter: invert(17%) sepia(7%) saturate(3602%) hue-rotate(187deg) brightness(38%) contrast(147%); display: block; margin: 0 auto; transition: none !important; }
.quiz-container .radio.on img { filter: invert(63%) sepia(15%) saturate(1319%) hue-rotate(114deg) brightness(160%) contrast(85%); }

.quiz-container .radio:hover img { filter: invert(63%) sepia(15%) saturate(1319%) hue-rotate(114deg) brightness(160%) contrast(85%); }
.quiz-container .radio:hover .name { background-color: rgba(74,173,148,1); }
.quiz-container .radio.on .name { background-color: rgba(74,173,148,1); }


.quiz-container .radio:before { content: ""; transition: 0.1s; position: absolute; width: 100%; height: 100%; border-radius: 12px; border: 1px solid #283551; top: 0px; left: 0px; }

.quiz-container .radio:hover:before { border: 3px solid rgba(74,173,148,1) }
.quiz-container .radio.on:before { border: 3px solid rgba(74,173,148,1) }

.quiz-container .progbar { height: 4px; background-color: rgba(74,173,148,1); }

.brand-lnk .img { background-color: #283551; display: flex; justify-content: center; align-items: center; border-radius: 10px; padding: 15px; aspect-ratio: 254 / 120; }

@media(min-width: 1681px) {

    .landing-template-1 .prod-listing-boot {width: 25% !important;}
    .landing-template-1 .prod-listing-boot .max-w-270 {max-width: 360px !important;}
    .landing-template-1 .prod-listing-boot .max-w-260 {max-width: 360px !important;}

    .howsteps { padding-top: 80%; }
    .howsteps #step1 { position: absolute; left: 2%; top: 7%; }
    .howsteps #step1 .img-div { width: 134%; transform: translateX(-12%); }
    .howsteps #step2 { position: absolute; right: 27%; top: 0%; }
    .howsteps #step2 .arrow { position: absolute; right: -20%; top: 0%; }
    .howsteps #step2 .custom { position: absolute; left: 101%; top: 18%; }
    .howsteps #step3 { position: absolute; right: 19%; bottom: 24%; }
    .howsteps #step4 { position: absolute; left: 2%; bottom: 19%; }
    .masthead .toplinks { transform: translateX(-55px); }
    .banner-content h1 { font-size: 1.9em; }
    .banner-content h2 { font-size: 2.4em; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em; }
}

.home-prod-slider .bx-wrapper .bx-controls-direction a.fa-arrow-right, .home-prod-slider .bx-wrapper .bx-controls-direction a.fa-angle-right{right: -10px;}
.home-prod-slider .bx-wrapper .bx-controls-direction a.fa-arrow-left, .home-prod-slider .bx-wrapper .bx-controls-direction a.fa-angle-left{left: -10px;}
.head-bullets .slide:before{content: ""; width: 3px; border-radius: 10px; height: 50px; transform: translateY(-50%); position: absolute; top: 50%; left: -3px; background-color: #4aad94;}
.head-bullets .slide-container {position: relative;}
.head-bullets .slide-container:before {position: absolute; left: -5px; width: 10px; height: 100%;top: 0px; background-color: #fff; content: ""; z-index: 10;}
.head-bullets .slide-container:after {position: absolute;width: 10px; height: 100%; right: -5px; top: 0px; background-color: #fff; content: ""; z-index: 10;}

@media screen and (min-width:1681px){
    .home-prod-slider {max-width: 1400px; margin: 0 auto;}
    .home-prod-slider .bx-controls {display: none;}
    .head-bullets .slide-container{max-width: 1440px; margin: 0 auto;}
    .head-bullets .slide{position: relative;}
    
}

@media screen and (max-width: 1680px) {

    .home-prod-slider {max-width: 1050px; margin: 0 auto;}
    .head-bullets .slide-container{max-width: 960px; margin: 0 auto;}

    .comptile .time-left-grid span { font-size: 2rem; padding-top: 11px; }

    .collab-banner { grid-gap: 90px; margin-bottom: 60px; padding: 45px }
    .collab-banner h1 { font-size: 3rem !important; }
    .collab-banner .preamble, .collab-art .dblue-txt { font-size: 1.4rem; }

    .collab-art { position: relative; padding-left: 450px; padding-top: 45px; padding-bottom: 45px; padding-right: 45px; margin-bottom: 60px; }
    .collab-art img { top: 50%; left: -5px; transform: translateY(-50%); }
}

@media screen and (max-width: 1680px) and (min-width: 1500px) {
    .howsteps { padding-top: 80%; }
    .howsteps #step1 { position: absolute; left: 0%; top: 0%; }
    .howsteps #step1 .img-div { width: 134%; transform: translateX(-12%); }
    .howsteps #step2 { position: absolute; right: 16%; top: 0%; }
    .howsteps #step3 { position: absolute; right: 24%; bottom: 12%; }
    .howsteps #step4 { position: absolute; left: 0%; bottom: -1%; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }
    .banner-content h1 { font-size: 1.5em; }
    .banner-content h2 { font-size: 2em; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em; }

    .item span.banner-txt { font-size: 1.9em; }
}

@media screen and (max-width: 1499px) and (min-width: 1400px) {
    .howsteps { padding-top: 80%; }
    .howsteps #step1 { position: absolute; left: 0%; top: 0%; }
    .howsteps #step2 { position: absolute; right: 3%; top: 0%; }
    .howsteps #step3 { position: absolute; right: 0%; bottom: 12%; }
    .howsteps #step4 { position: absolute; left: 0%; bottom: -1%; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }

    .banner-content h1 { font-size: 1.5em; }
    .banner-content h2 { font-size: 1.8em; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em; }
    .item span.banner-txt { font-size: 1.8em; }
}

@media screen and (max-width: 1399px) and (min-width: 1230px) {
    .howsteps { padding-top: 80%; }
    .howsteps #step1 { position: absolute; left: 0%; top: 0%; }
    .howsteps #step2 { position: absolute; right: 3%; top: 0%; }
    .howsteps #step3 { position: absolute; right: 0%; bottom: 7%; }
    .howsteps #step4 { position: absolute; left: 0%; bottom: -1%; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }


    .banner-content h1 { font-size: 1.5em; }
    .banner-content h2 { font-size: 1.8em; }
    .banner-content h1 span, .banner-content h2 span { font-size: 1.3em; }
    .item span.banner-txt { font-size: 1.8em; }
}

@media screen and (min-width: 1361px) {
    .monthly-cta {padding-right: 300px;}
}

@media screen and (max-width: 1360px) and (min-width: 992px) {

    .monthly-cta { margin: 30px auto; }
    .monthly-cta img { position: static; transform: none; }
    .monthly-cta * { text-align: center; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }
    .monthly-cta > div {margin: 0 auto;}
}

@media screen and (max-width:1450px) {
    .comp-banner-home strong { font-size: 2rem; line-height: 1.2; }

    .hub-sects .sect.halfsection img { width: 250px; }
    .hub-sects .sect.halfsection .txt { transform: translateX(-30px); padding: 0px; }

    #comps-bg h2 { font-size: 2.7rem; }
    #comps-bg h2 .right > div > div { font-size: 1.5em; }
}

@media screen and (min-width: 1230px) {
    .howsteps { background-image: url(images/how-path.svg); background-size: contain; background-position: center bottom; background-repeat: no-repeat; position: relative; margin-top: 60px; }
    .basket .row .col1 { width: 55%; }
    .basket .col2 { width: 18%; }
    .basket .col3, .basket .col4 { width: 13%; }
    .basket .main:first-child .btn { width: 190px; }
    .description.divide { width: 50%; min-height: 410px; position: relative; }
    .description.divide img { position: absolute; top: 0; left: 106%; }
    .orders .row .details { width: 25%; }
    .orders .row .products { width: 50%; }
    .orders .row .cost { width: 25%; }
    .productlist #productListings .bestsell .whitebg .revs { float: left; display: block; }
    .productlist #productListings .bestsell .whitebg .price { }
    .productlist #productListings .bestsell .whitebg .review-stars { float: left; display: block; margin: -4px 0 0 0px; }
    #tabspanelbtm .tabs .bx-controls-direction { display: none; }
    .product .main-desc a { float: right; }
    .main.movediscount { position: static; }

    .main.movediscount.adminlogged #discountform { position: static; width: 100%; }
    .topgrey .dw-md-3:nth-child(1) { width: 32%; }
    .topgrey .dw-md-3:nth-child(2) { width: 27%; margin-left: 40px; }
    .topgrey .dw-md-3:nth-child(4) { width: 23%; margin-left: 180px; }
    .topgrey .dw-md-3:nth-child(5) { width: 18%; float: right; }
}

@media screen and (max-width: 1229px) {
    .hub-sects .blogpost .title { font-size: 2em; }

    .gwg-banner { grid-template-columns: 1.5fr 1fr; padding: 1rem; grid-gap: 1rem; }
    .gwg-grid { grid-template-columns: 1fr 1.2fr; font-size: 1.2rem; }
    .gwg-grid.rev { grid-template-columns: 1.2fr 1fr; font-size: 1.2rem; margin-top: 30px; }
    .gwg-banner h1 { font-size: 3rem; }
    .gwg-pre { font-size: 1.6rem; }
    .gwg-form { padding: 30px 15px; }
    #gwg-carousel { margin-bottom: 30px; }
    .collab-form .vert-padd-60 { padding: 30px; }
    .how-works-bg .bg-inner { grid-template-columns: 2fr 6fr 2fr; }
    .how-works-bg h1 { font-size: 2rem; }
    .comp-banner-home { display: flex; flex-direction: column-reverse; }
    .comp-banner-home .inner-text { max-width: initial; padding: 30px; }
    .comp-banner-home span { max-width: initial; }
    .comp-bask-banner { grid-gap: 30px; }
    .comp-banner-home > div:first-child { justify-content: center; padding-left: 30px; padding-right: 30px; }
    .comp-steps { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
    .comp-steps > .flx-bx { flex-direction: column; }
    .bottom-grid { grid-template-columns: 1fr; margin-top: 45px; }

    .bottom-grid #bottom-bg { min-height: 300px; }

    .bottom-grid .ball-fg { top: 300px; }

    .bottom-grid .bottom-content { padding: 15px; padding-top: 105px; }
    .bottom-grid .bottom-content .f-rem-39 { font-size: 2rem !important; }

    .time-left-prod .time-left-grid span { font-size: 4rem; padding-top: 17px; }

    .lg-text { font-size: 1.25em; line-height: 1.2; }
    .pinting-process .lg-text { padding: 30px !important; }

    .sub-steps .step { width: 100%; transform: none !important; border-radius: 20px !important; margin: 15px 0px 30px !important; }
    .flx-bx.scrollhide.flx-bx { flex-wrap: wrap; justify-content: center; }

    .basket-table .table-bs { width: 100% !important; }

    #discountform .editors { position: relative; margin-top: 15px; }
    .dislide #discountform .editors { margin-top: 0; }
    #discountform .editor-field { width: 100%; }

    .qty-breaks .price-break span { display: block; }
    .howsteps { margin-top: 60px; }
    .howsteps #step2 .custom { display: none; }
    .howsteps #step2 .arrow { display: none; }
    .banner.split { min-height: 300px; }
    .banner.split .fs-20 { font-size: 1.2em !important; }
}

@media screen and (max-width: 1229px) and (min-width: 992px) {
    .item strong { font-size: 2.6em; }
    .item span { font-size: 1.3em; }

    .banner-content h1 { font-size: 1.3em; }
    .banner-content h2 { font-size: 1.6em; }
    .banner-content h1 span, .banner-content h2 span { width: 100%; font-size: 1.3em; }

    .mailing .title { font-size: 1.5em; }



    .bestsell .section.main .dw-md-2.top { width: 25.5%; }
    .bestsell .section.main .dw-md-8.top { width: 74.5%; }
    #topsellers-0 .slide, #topsellers-1 .slide, #topsellers-2 .slide { width: 215px !important; }
    #tabspanelbtm .feattabs li { width: 15.66%; }
    #tabspanelbtm .section .dw-md-2 { padding: 0 15px; }
    #tabspanelbtm .section { margin: 0 -25px; }
    .basket .col1 { width: 50%; }
    .basket .col2 { width: 21%; }
    .basket .col3, .basket .col4 { width: 14%; }
    .basket .main:first-child .btn { width: 190px; }
    .prod-listing.bestsell .section .dw-md-4.dw-sm-6:nth-child(3n+1) { clear: both; }
    #headerleft svg, #headerleft svg image { max-width: 310px; margin: auto; display: block; height: auto; }
    .delivery-payments .option.form .title { font-size: 0.7em; }
    .product .further-info { margin-top: 20px !important; }
    .container.pp { max-width: 727px !important; margin-right: 2% !important; }
    .contactpage #formtabs h2 { font-size: 1em; }
    .product .stock { font-size: .85em; }
    .productlist.landpage .topbanner h1 { font-size: 3em; }
    .productlist.landpage .topbanner { background-position: 70%; }
    #tabspanel .tabs .surround.tabhome { padding: 12px 15px; }
    .review.product .page-review .pr-form { min-height: 600px; }

    .account .editor-label.agree { font-size: .9em; }
    .main.movediscount { position: static; }
    .main.movediscount #discountform { position: absolute; bottom: 0px; width: 73%; }
    #tabspanel .tabs .surround.tabhome .whitebg { min-height: 345px; }
    .topgrey .dw-md-3:nth-child(2) { display: none !important; }
    .topgrey .dw-md-3:nth-child(1) { width: 44%; }
    .topgrey .dw-md-3:nth-child(4) { width: 31%; }
    .topgrey .dw-md-3:nth-child(5) { width: 20%; float: right; }
    .trade-bullet-lg { padding: 30px 15px 30px 175px; }
    .trade-bullet-lg strong { font-size: 1.7em; }
    .trade-bullet-lg img { left: -70px; }
    .register .reg-circle { height: 45px; width: 45px; line-height: 45px; font-size: 1.7em; }
    .register .register-bullet .text { left: 55px; }
    .main-trade-cta span { font-size: 1.7em; }
    .main-trade-cta .btn { width: 180px; }
    .add-bask-section .left .btn { font-size: 1.2em; }
    .add-bask-section .left .btn img { display: none; }

    .discounted-quote.form-card { max-width: 1000px; }
}

@media screen and (max-width: 1230px) {
    .how-works-banner .f-rem-23 { font-size: 1.8rem !important; }
    .how-works-banner .f-rem-19 { font-size: 1.4rem !important; }

    .quiz-container .radio { min-height: 200px; max-width: 270px; }
    .quiz-container .quests { flex-wrap: wrap; }
}


@media screen and (min-width: 992px) {

    .quant-flx {justify-content: center !important;}

    .prod-page-form {background-color: #f7f7f7;}
    .prod-page-form > .white-bg {background-color: transparent;}
    
    
    .prod-page-form .points-container{max-width: calc(100% - 30px); margin: 15px auto 15px} 
    .prod-page-form .pricing {max-width: 400px; margin: 0 auto;}
    .prod-page-form .btn.blue {max-width: 450px; margin: 15px auto 0px;}
    .mb--30-resp { margin-bottom: -30px; }

    .gwg-banner h1 { font-size: 2.8rem; }
    .gwg-pre { font-size: 1.4rem; }

    .prodimagecontainer .comp-sticker { top: 1rem; left: 1rem; z-index: 99; padding: 1rem; font-size: 1.2rem; max-width: 150px; }
    .section.listing-top .left-bs { width: calc(100% - 290px ) !important; }
    .section.listing-top .right-bs { width: 290px !important; }
    .basket-table .head { display: flex; justify-content: space-between; align-content: center; border-bottom: 1px solid #ACACAC; }
    .basket-table .body .row { display: flex; justify-content: space-between; align-items: center; }
    .basket-table .body .row:nth-child(even), .basket-table .body .row:nth-child(even) + .col-comp { background-color: #f1f1f1; }
    .basket-table .col.prod { width: 100%; max-width: 560px; padding: 0px 15px; }
    .basket-table .col.quant { max-width: 100px; width: 100%; text-align: center; }
    .basket-table .col.price { max-width: 130px; width: 100%; text-align: center; }
    .basket-table .col.remove { max-width: 100px; width: 100%; text-align: center; }
    .basket-table.subscriptions .col.prod { max-width: 300px; }
    .basket-table.subscriptions .col.options { width: 100%; max-width: 540px; padding: 0px 15px; }

    .basket-table.transact .col.prod { max-width: 300px; }
    .basket-table.transact .col.quant { max-width: 200px; }
    .basket-table.transact .col.remove { padding: 0px 15px; max-width: 160px; }

    .wishlist-item .imgbs { max-width: 190px; width: 100%; }
    .wishlist-item .descbs { max-width: 100%; width: calc(100% - 410px); }
    .wishlist-item .actionsbs { max-width: 220px; width: 100%; }

    .prod-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; grid-auto-rows: minmax(0, auto); }
    .prod-section .prodimagecontainer { grid-column: 1; grid-row: 1; height: fit-content; }
    .prod-section .prod-info { grid-column: 1; grid-row: 2; }
    .prod-section .prod-form { grid-column: 2; grid-row: 1 / 4; }
    .prod-section .dw-md-6:not(.respons) { width: 100% !important; }

    .prod-section.no-custom { grid-auto-rows: auto !important; }

    .promo-bann { overflow: hidden; position: relative; }
    .promo-bann .ban-img-boot { padding: 0px; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); }


    .filter-boot { display: block !important; }
    #filter-menu { transform: none !important; position: sticky; left: 0px; top: 130px; }
    #filter-menu .slidefilter { max-height: calc(100vh - 235px); overflow: auto; }
    .filterbtn { display: none; }
    .situation .dw-md-4:nth-child(3n + 1) { clear: both; }
    .minheiws { min-height: 140px; }
    .purpose { margin-top: 50px; }
    .compare-chart { position: relative; max-width: 100%; }
    .compare-chart .feature-bs { position: absolute; bottom: 0px; left: 0px; display: none; }
    .nav .home-link { line-height: 50px; height: 50px; font-size: 1.5em; }

    .section.returns .dw-sm-3 { margin-top: 20px; }
    .prodpanel .brandlogo { margin-top: -15px; }
    .logosec { padding: 30px 0; }
    .logosec #headerleft { width: 33%; }
    .logosec #headercentre { width: 38.6%; }
    .logosec #headerright { width: 28.4%; }

    .product .prodimagecontainer { padding: 0 32px 0 15px; }
    .bestsell .section.main .dw-md-2.top, .bestsell .section.main .dw-md-8.top { padding: 0 5px; }
    .bestsell .section.main { margin: 0 -5px; }
    #tabspanelbtm .dw-md-2 { width: 20%; }
    #bybrand .section .dw-md-5 { width: 46%; }
    #bybrand .section .dw-md-7 { width: 54%; }
    .cats .dw-md-4:nth-child(3n+1) { clear: both; }
    #tabspanelbtm .dw-md-2:nth-col(5n+1) { clear: both; }
    .product .further-info.main-desc { margin-top: 0px; }
    .basket .row .col1 { position: relative; }
    #filter-menu h2.top-header i { display: none; }
    .page-review.dw-md-4:nth-child(3n+1) { clear: both; }
    .featured { position: relative; background-color: #fff; width: 36%; }
    .featured #sticker { position: absolute; left: 15px; bottom: 20px; width: 70px; }
    .featured .prod-image { float: left; width: 50%; }
    .featured .prod-image .title { color: #4aad94; font-weight: bold; margin-top: 13px; text-align: left; line-height: 25px; font-size: 1.1em; margin-bottom: 10px; }
    .featured .prod-image #catimage { width: 150px; }
    .featured .info { float: right; width: 45%; position: relative; margin-top: 30px; }
    .featured .info .title { text-align: left; line-height: 20px; }
    .featured .info .price { color: #4aad94; font-weight: normal; text-align: left; }
    .featured .info .price .now strong { color: #4aad94; }
    .featured .info .btn { height: 30px; line-height: 30px; max-width: 155px; margin: 15px auto; }
    .featured .Harness-icon { position: absolute; right: 10px; bottom: 45px; background-image: url(images/GimmeBalls-uk.svg); width: 17px; height: 24px; cursor: pointer }
    .featured .Harness-icon-remove { position: absolute; right: 10px; bottom: 45px; height: 24px; width: 17px; -webkit-mask: url(images/GimmeBalls-uk.svg) no-repeat 100% 100%; mask: url(images/GimmeBalls-uk.svg) no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #cfcfcf; text-align: center; display: block; background-position: center; margin: auto; cursor: pointer; }
    .featured .info i { position: initial; font-size: 1em; margin-left: 0; }
    .featured a { color: #cfcfcf; }
    .featured .small-so { line-height: initial; padding: 5px; float: right; background-color: #ff2c0e; color: #fff; text-transform: uppercase; font-weight: 600; position: absolute; right: 0; }
    .filter-hide.closed { overflow: hidden; height: 0; }
    .filter-header i { font-weight: 600; line-height: 24px; color: #283551; font-size: 1.0em; }
    .orders .row .details { width: 32%; }
    .orders .row .products { width: 41%; }
    .orders .row .cost { width: 27%; }
    .prod-listing .dw-md-3:nth-child(4n+1) { clear: both; }
    .prod-listing .dw-md-2:nth-child(5n+1) { clear: both; }
    .prod-listing.compare-chart .dw-md-3:nth-child(4n+1) { clear: none; }
    .prod-listing.compare-chart .dw-md-2:nth-child(5n+1) { clear: none; }
    .prod-listing.compare-chart .dw-md-3:nth-child(5n+1) { clear: both; }
    .prod-listing.compare-chart .dw-md-2:nth-child(6n+1) { clear: both; }
    .prod-listing .dw-md-2 { width: 20%; }
    .productlist.landpage .toptxt { margin-top: 30px; }
    .product .further-info ul.feattabs.foursplit.fivesplit li { width: 31% !important; }

    .feattabs li a i { display: none; }
    #productListings h2.prodfeat { line-height: 50px; color: #283551; }
    .cta.blue.trade-account .cta-inner { min-height: 60px; }
    .cta.blue.trade-account .cta-inner .cta-text { position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: calc(100% - 380px); }
    .mobile__widgets, a.mobile__navigation--close, a.mobile__navigation--back, .mobile__navigation--content a.special--offers, .special--offers, a.mobile__title, .mobile__title--browse { display: none !important; }
    .mobile__navigation--content li img#catmob, .mobile__navigation--content li img.catmob { display: none; }

    .comp-pop .comps-container > .section.content .listing-boot { flex-grow: unset; }
}

@media screen and (max-width:992px) {
    .landing-template-1 .gallery-grid .row {margin-bottom: 30px;}
    .landing-template-1 .gallery-grid .row .text {}
    .landing-template-1 .gallery-grid .row.odd {flex-direction: column !important;}
    .landing-template-1 .gallery-grid {padding: 30px 0px;}
    .landing-template-1 .banner .lg-flx {min-height: 10px !important;}
    .landing-template-1 .banner {display: flex; justify-content: center; align-items: center; padding: 30px 0px;}


    .hub-sects .blogpost { width: calc(50% - 1rem); }
    .hub-sects .rssfeed > .section { justify-content: center; gap: 15px; }

    .gwg { margin-top: 30px; }
    .gwg-banner { margin-bottom: 30px; }
    .gwg-grid, .gwg-grid.rev { display: flex; flex-direction: column; grid-gap: 2rem; }
    .gwg-form { margin-top: 30px; }
    .collab-banner { flex-direction: column; grid-gap: 30px; padding: 30px; margin-top: 30px; margin-bottom: 30px; }
    .collab-banner h1 { font-size: 2.5rem !important; text-align: center; }
    .collab-banner .preamble, .collab-art .dblue-txt { font-size: 1.2rem; }
    .collab-banner .preamble { text-align: center; }

    .collab-art { display: flex; flex-direction: column; padding: 30px; margin-bottom: 30px; grid-gap: 30px; align-items: center; }
    .collab-art img { position: static; transform: none; }
    .how-works-banner { margin-top: 30px; }
    .comp-steps { margin-top: 60px; }
    .prod .info-tabs .top ul li { color: #4AAD94; font-size: 1.75rem; margin: 0 !important; width: initial !important; }

    .comp-bask-banner { flex-direction: column; text-align: center; padding: 20px; margin-top: 196px; border-radius: 16px }
    .comp-bask-banner img { bottom: initial; top: 0; left: 50%; transform: translate(-50%, -100%); }

    .timer-flex { flex-direction: row-reverse; align-items: flex-start; margin-top: 0; }
    .timer-flex > .flx-bx { grid-gap: 10px; }
    .timer-flex .time-left-prod { max-width: 300px; }
    .timer-flex .time-left-prod .time-left-grid span { font-size: 2rem; padding-top: 10px; }
    .timer-flex .time-left-prod .time-left-grid div { font-size: 1.2rem; }

    .hub-sects .sect.halfsection img { width: 380px; }
}

@media screen and (max-width: 991px) {

    .summary-wrapper { order: 1; margin-top: 15px; }

    .delivery-notice { max-width: 100%; }
    .right-ball-grid { padding: 30px; flex-direction: column; }
    .right-ball-grid > * { width: 100% !important; max-width: initial !important; }
    .right-ball-grid .bx-img { position: static; transform: none; border: none !important; box-shadow: none !important; margin-top: 15px; }
    .right-ball-grid h2 { font-size: 1.6rem !important; }
    .head-bullets span { display: none; }
    .head-bullets strong { font-size: 1.2em; margin: 0px; }
    .pinting-process .text { max-width: 100% !important; width: 100% !important; }
    .pinting-process .img { position: static; transform: none; max-width: 100%; margin-top: 30px; }
    .prodimagecontainer .free-custom-label { margin-bottom: 15px; }

    .mailing .white-txt { text-align: center; margin-bottom: 15px; }

    .ban-img-boot > div { background-color: #fff; }

    .promo-bann h2 { font-size: 1.1em !important; margin: 0px 0px 15px 0px; }
    .promo-bann p { font-size: 0.8em; }

    .prod-list-item .OK { padding-bottom: 80px; }
    .prod-list-item .OK .section > div:last-child { display: none; }
    .banner { min-height: 250px; }

    .section.listing-top { justify-content: end; }
    .section.listing-top .right-bs { max-width: 290px; }
    .section.listing-top .left-bs { margin-bottom: 15px; }



    .filterbtn { margin-top: 15px; max-width: 100%; width: 100%; }

    .filter-boot { position: fixed !important; width: 100%; height: 100%; top: 0px; left: 0px; padding: 0px !important; transition: none !important; z-index: 999; display: none; }
    .filter-boot .ovl { width: 100%; height: 100vh; background-color: #000; opacity: 0.5; }
    
    #filter-menu .slidefilter { max-height: calc(100vh - 60px); overflow: auto; margin-top: 15px; }


    .qty-breaks .price-break .price { margin-right: 5px; font-size: 1.2em; }
    .qty-breaks .price-break strong.saving { color: #fff; font-size: 0.9em; }
    .qty-breaks .price-break strong { font-size: 1em; color: #079700; }
    #basketbottom .dw-sm-9 { display: none; }
    #basketbottom .dw-sm-3 { width: 100%; max-width: 100%; padding: 0; }
    #basketbottom .checkoutprices .innerpad { padding: 0; margin-bottom: 10px; }

    .masthead .container { position: relative; }
    #headerright { position: static; }
    .masthead .container .logosec { margin-top: 20px; }
    .masthead .container .logosec #headerleft { text-align: center; }
    .situation .dw-md-4:nth-child(2n + 1) { clear: both; }
    .mobile--main .nav-fix a { border: 1px solid #ccc; }



    .selected--nav { animation: slide-in 0.5s forwards; }
    .dismiss--nav { animation: slide-out 0.5s forwards; }







    a.special--offers { background-color: #4aad94; color: #fff; max-width: 395px; display: block; clear: both; margin: 50px auto; font-weight: 600; text-align: center; height: 50px; line-height: 50px; font-size: 1.2em; }
    .mobile__title--browse { font-weight: 600; margin-top: 50px !important; font-size: 1.4em; text-align: center !important; display: block; color: #283551; }
    .mobile__title { font-weight: 600; margin-top: 50px !important; font-size: 1.4em; text-align: center !important; }
    a.mobile__title { display: block; margin: auto; height: auto; }


    #headerleft { margin-bottom: 20px; }
    .cats .dw-md-4:nth-child(2n+1) { clear: both; }
    #bybrand .section .dw-md-5, #bybrand .section .dw-md-7 { text-align: center; }
    #bybrand .section img { display: block; margin: 0 auto; }
    #headerright .accounts .log:nth-child(1) { margin-left: 0; }
    #news .blogpost.post-1 { display: none; }
    #news .blogpost .image { padding-bottom: 33%; }
    .basket .row.regular .col1 { padding-left: 0px; }
    #filter-menu h2.top-header { margin: 0; text-align: left; cursor: pointer; padding-top: 13px; }
    #filter-menu h2.top-header i {  height: 24px; display: none; line-height: 24px; }
    .slidefilter.closed { overflow: hidden; height: 0; }
    .contactpage #contactform { padding: 20px; margin-top: 15px; }
    .contactpage .social-media { margin-top: 15px; }
    .register .dw-sm-6.text { text-align: center; }
    .delivery-payments .option.form .title { font-size: 0.6em; }
    .delivery-payments .option.form .price, .delivery-form .cta { font-size: 1em; }
    .orders .row .products i.num { top: auto; }
    .account-menu .dw-lg-3 { width: 33.33%; }
    .account-menu .dw-lg-3:nth-child(3n+1) { clear: both; }
    .section.guide .GimmeBalls { margin-top: 15px; }
    .section.guide .GimmeBalls img { display: block; }
    .mailing .title { text-align: center; margin-bottom: 15px; }
    .contactpage #formtabs h2 { font-size: 0.85em; }
    .contactpage #formtabs ul li a { padding: 2px 8px; text-align: center; }
    .contactpage #formtabs h2 i { margin-right: 8px; }
    .contactpage #contactform, .contactpage #requestform { padding: 0px; }
    .pass #contactform { padding: 0; }
    .filter-hide.closed { overflow: hidden; height: 0; }
    .productlist.landpage .btmsec img { display: block; margin: 30px auto 0 auto; }
    .productlist.landpage .topbanner { height: auto; background-size: cover; }
    .product .above-price { margin: 0; }
    .feattabs li a i { display: inline-block; color: #4aad94; margin-left: 5px; font-size: .9em; }
    .topgrey .dw-md-3:nth-child(3) { text-align: center; }
    .account .editor-label.agree { font-size: 1em; }
    .topgrey .dw-md-3:nth-child(3) a.fa.fa-phone:before { display: inline-block; margin-right: 10px; }

    .cta.blue.trade-account .cta-inner { text-align: center; }
    .cta.blue.trade-account .cta-inner .cta-text { margin-bottom: 15px; }
    .cta.blue.trade-account .btn { margin: 0 auto; float: none; }

    .howsteps .lazy { max-height: fit-content !important; }


    .hub-sects .sect.fullsection img { width: 60%; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .head-bullets .slide-container{max-width: 480px; margin: 0 auto;}
    .head-bullets .slide-container .slider{width: fit-content !important;}
    .head-bullets .slide-container .flx-bx {justify-content: center !important;}
    .home-prod-slider {max-width: 700px; margin: 0 auto;}

    #filter-menu { transform: none !important; position: sticky; left: 0px; top: 0px; position: fixed; top: 0px; right: 0px; margin: 0px; max-width: 250px; height: 100vh; }

    .item strong { font-size: 1.9em; }
    .item span { font-size: 1.3em; }


    .mobile__navigation--close { right: 50px; }


    #headerright .log, #headerright .cart { margin-left: 17px; }
    .bestsell .section.main .dw-md-2.top, .bestsell .section.main .dw-md-8.top { padding: 0 5px; }
    .bestsell .section.main { margin: 0 -5px; }
    .feattabs li { width: 149px; font-size: 0.9em; }
    .product .further-info ul.feattabs.foursplit li { width: 48% !important; }
    #tabspanelbtm .feattabs li { width: 15.66%; margin-right: 1%; font-size: 0.75em; }
    #tabspanelbtm .dw-md-2 { width: 25%; float: left; }
    #tabspanelbtm .dw-md-2:nth-col(4n+1) { clear: both; }
    #headerright .log, #headerright .cart { float: left; }
    .basket .main:first-child .btn { width: 190px; }
    .basket .col1 { width: 39%; }
    .basket .col2 { width: 25%; padding-left: 10px !important; }
    .basket .col3, .basket .col4 { width: 18%; padding-left: 10px !important; }
    .register .text { text-align: center; font-size: 0.95em; }
    .delivery-payments .option.form .title.big { height: 30px; line-height: 15px; padding-top: 10px; }
    .feattabs li a { font-size: 1em; }
    .featured--tabs li a { font-size: 1.2em; }
    .product .further-info { margin-top: 20px !important; }
    .orders .row .details { width: 40%; }
    .orders .row .products { width: 26%; }
    .orders .row .cost { width: 34%; }
    .view-basket { font-size: 0.75em; }
    .product .products .editor-field .quant { margin: 0; }
    .prod-listing .dw-md-3:nth-child(3n+1) { clear: both; }
    #tabspanel .tabs .surround.tabhome { padding: 13px 15px; }
    #productListings h2.prodfeat { line-height: 50px; color: #283551; }
    .product .further-info ul.feattabs.foursplit.fivesplit li { width: 31% !important; }
    .main.movediscount { position: static; }
    .main.movediscount #discountform { position: absolute; bottom: 7px; width: 73%; }
    #tabspanel .tabs .surround.tabhome .whitebg { min-height: 345px; }
    .topgrey .dw-md-3:nth-child(2) { display: none !important; }
    .trade-bullet-lg { padding: 30px 15px 30px 230px; min-height: 10px; overflow: hidden; }
    .trade-bullet-lg img { bottom: -63px; left: -30px; }
    .register .reg-circle { height: 45px; width: 45px; line-height: 45px; font-size: 1.7em; }
    .register .register-bullet .text { left: 55px; }
    .register .reg-circle { top: 0px; transform: translate(-50%, 0%); left: 50%; }
    .register .register-bullet .text { left: 55px; top: 55px; left: 50%; transform: translate(-50%, 0%); }
    .trade-account-cta .btn { max-width: 300px; }
    .main-trade-cta span { margin-left: 0px; font-size: 1.4em; }
    .main-trade-cta span i { display: none; }
    .main-trade-cta .btn { width: 140px; background-color: #fff; }
    .trade-account-cta .btn.login { max-width: 120px; right: 190px; }
    .trade-account-cta .btn.register { max-width: 120px; right: 45px; }
    .mobile__navigation--content { max-width: 400px; }
    .mobile--main .nav-fix { width: calc(50% - 10px); }
    .mobile__navigation a span { padding-left: 10px; font-size: 1em; }
    .mobile--main li:nth-child(4n+1) { clear: both; }

    .discounted-quote.form-card { max-width: 800px; }

    .comp-pop .comps-container h2 { font-size: 2rem; }
    .comp-pop .comps-container .inner-text { font-size: 1rem; }
    .comp-pop .comps-container #nothanks { margin-top: 0; }
}

@media screen and (min-width: 768px) {
    .discount-info { padding-right: 98px; }
    .basket .row .col1 { float: left; padding: 0 0 0 0; }
    .basket .row .col2 { float: left; padding: 0 0 0 10px; }
    .basket .row .col3 { float: left; padding: 0 0 0 10px; }
    .basket .row .col4 { float: left; padding: 0 0 0 10px; }
    .basket .row.regular .col1 span { margin-top: 9px; display: inline-block; }
    .basket .row.regular .col3 strong, .basket .row.regular .col4 strong { line-height: 40px; }
    #delivery-options label .details strong { width: 45%; float: left; }
    #delivery-options label .details span { width: 55%; float: right; padding-left: 15px; }
    .basket .main:first-child .btn { float: left; margin-right: 15px; }
    .top-split.right { float: right; }
    .form-review-surround { padding: 15px; }
    .form-review-surround .btn { float: right; }
    .form-review-surround .editor-field { margin-bottom: 15px; }
    .form-review-surround .editor-field.rev { margin-top: 15px; }
    .comp-pop .comps-container .comp-info > h2.title-mobile { display: none; }
    .desktop-hide { display: none !important; }
    #productListings .h1body .inline-link { display: none; }
     #filter-menu .mob-actions {display: none;}
     #filter-menu h2.top-header .close {display: none;}
     .sortbys-mob {display: none;}
   
}

@media screen and (max-width: 767px) {
    .points-container .right-text {text-align: left; }

    #productListings .prod-listing-boot {margin: 5px 0px;}
    .prod-listing .section, #productListings.section {margin: 0px -5px !important;}
    .prod-listing .section > div, #productListings.section > div{padding: 0px 5px !important;}

    #news .blogpost .content {margin-bottom: 30px;}

        .sortbys-desk {display: none;}
    .quick-links-wrapper {overflow: auto; margin: 0px -15px;  padding: 0px 15px;}
    .quick-links-wrapper > *{flex-wrap: nowrap; width: max-content;}
    .quick-links-wrapper .fl-wrap {flex-wrap: nowrap;}
    .quick-links-wrapper .btn {min-height: 45px; font-weight: 500; border: 2px solid rgb(40, 53, 81); padding: 0px 15px;}

    .quick-links-wrapper::-webkit-scrollbar { width: 5px; height: 5px; }
    .quick-links-wrapper::-webkit-scrollbar-track { background: #c7cbd2; }
    .quick-links-wrapper::-webkit-scrollbar-thumb { background: #283551; }
    .quick-links-wrapper::-webkit-scrollbar-thumb:hover { background: #283551; }

    .listing-page-top{background-color:#fafafa; padding: 15px;}

    .productlist.list-page.pt-50 .listing-page-top{padding: 50px 15px 15px 15px ; margin: -50px -15px 0px -15px;}

    .prod-list-top {border: none; padding: 0px;}

    .home-prod-slider {max-width: 350px; margin: 0 auto;}
    .home-prod-slider .slider {width: fit-content !important;}
    .prod-item.img .hovimg .pr-b-table { display: none; }
    .product #slides .sticker--container.right { left: auto; right: 10px; top: 10px; }
    .quiz-container .radio { max-width: calc(50% - 10px); }
    .quiz-container { margin: 30px auto; }
    .hub-sects .sect.halfsection { aspect-ratio: unset; }
    .hub-sects .sect.fullsection { display: block; }
    .hub-sects .sect.fullsection img { width: 100%; }
    .corp-price-grid .f-rem-14, .corp-price-grid .f-rem-15 { font-size: 1.1rem !important; padding: 0.75rem; }
    .corp-price-grid .f-rem-11 { font-size: 0.9rem !important; }
    .corp-price-grid span.f-rem-11 { display: block; }
    .gwg-cont-pre { font-size: 1rem; margin-bottom: 1rem; }
    .gwg-form .privacy--notice { font-size: 0.9rem; }
    .gwg-banner .btn { max-width: 100%; font-size: 1.1rem !important; }
    .gwg-banner .btn-wrapper { display: flex; grid-gap: 1rem; flex-direction: column; }
    .gwg-grid, .gwg-grid.rev { font-size: 1rem; }
    .gwg h2 { font-size: 1.6rem !important; }
    .gwg-form .btn { width: 100%; height: 50px; font-size: 1.3rem; }
    .gwg-form .editor-field input { height: 40px; margin-bottom: 15px; }
    .gwg-form textarea { margin-bottom: 15px; }
    .gwg-form .editor-label { font-size: 1rem; margin-bottom: 15px; }
    .gwg-form .editor-label.agree { grid-gap: 12px; font-size: 0.9rem; }
    .gwg-banner { grid-template-columns: 1fr; padding: 1rem; grid-gap: 1rem; }
    .gwg-banner img:first-child { border-radius: 22px 22px 0 0; }
    .gwg-banner img:last-child { border-radius: 0 0 22px 22px; }
    .gwg-banner h1 { font-size: 2rem !important; }
    .gwg-pre { font-size: 1.2rem; }
    .gwg-banner .btn { font-size: 1.3rem; width: 100%; }
    .collab-banner, .collab-art { padding: 30px 15px; border-radius: 0; margin: 0 -15px; }
    .collab-form { margin-top: 30px; }
    .collab-form .mb-60 { margin-bottom: 30px; }
    .collab-form .vert-padd-60 { padding: 30px 15px; }
    .collab-form .greyform { margin: 0 -15px; border-radius: 0; }
    .how-works-banner { padding-left: 15px; display: flex; flex-direction: column-reverse; align-items: center; padding-bottom: 0 !important; grid-gap: 30px; }
    .how-works-banner img { position: static; }

    .how-works-bg .bg-inner h1 { text-align: start; }
    .how-works-bg .bg-inner { height: 160px; display: flex; align-items: center; justify-content: flex-start; position: relative; grid-gap: 10px; }
    .how-works-bg .bg-inner img:first-child { position: absolute; right: 15px; bottom: 0; }
    .how-works-bg .bg-inner img:last-child { position: relative; z-index: 9; }
  




    .monthly-cta {margin: 0 auto; font-size: 1.0rem;}
    .monthly-cta img { position: static; transform: none; }
    .monthly-cta * { text-align: center; margin: 0 auto; }

    .process-bg { background-image: none; }
    .item strong { font-size: 2.4em; width: calc(100% - 100px); max-width: 500px; }
    .item span { font-size: 1.6em; width: 100%; }
    .section.returns .dw-sm-3 { margin: 20px 0; }
    .top-delivery.top { display: block; }
    .home #tabspanel .bx-viewport { height: 320px !important; }
    .spec-head { float: left; }
    .seemore { float: right; margin: 10px 0; }
    .basket .noitems .btn { margin: 0 auto 20px auto; }

    .productlist.landpage .topbanner h1 { font-size: 2.5em !important; }
    h1 { margin: 10px 0; font-size: 1.9em !important; }
    h2 { margin: 10px 0; font-size: 1.7em !important; }
    h3 { margin: 10px 0; font-size: 1.2em !important; }

    .personalisetext h1 { font-size: 2.5em !important; }

    #headerleft { margin-bottom: 10px; }
    #headerright .accounts { text-align: center; margin-top: 20px; }
    #headerright .log.browse { padding: 10px; }
    #headerright .log.browse.navopen { background-color: #283551; }
    #headerright .log.browse.navopen a, #headerright .log.browse.navopen i { color: #fff; }
    #headerright .log, #headerright .cart { float: none; display: inline-block !important; }
    #headerright .log a:hover { color: #283551; }
    .basket .total { padding: 0; background-color: #f7f7f7; border-top: 3px solid #4aad94; margin-top: 15px; }

    .basket .row.regular { min-height: 0; }
    .basket .row.regular .col1 { padding: 0; width: 100%; min-height: 100px; float: none; margin-bottom: 15px; }
    .basket .row .col2 { width: 55%; float: left; text-align: left; }
    .basket .row .col2 span.col { float: left; line-height: 40px; }
    .basket .row .col2 input { margin: 0 0 0 5px; height: 40px; line-height: 40px; float: left; }
    .basket .row .col3 { display: none; }
    .basket .row .col4 { width: 45%; float: right; text-align: right; line-height: 40px; height: 40px; }
    .basket .row .col4 span.col { display: inline-block !important; }
    .basket .total .headrow.row { display: block; padding: 0; }
    .basket .total .row .full { line-height: 20px; padding: 10px 15px; text-transform: capitalize; }
    .basket .total .mobile-support .row:last-child { border-top: 1px solid #d7d7d7; }
    .basket .total .row .right { padding-right: 15px; }
    .basket .total .row .left { padding-left: 15px; }
    .basket .btn.grey { margin-left: 0; margin-top: 10px; }
    .basket .checkoutprices .btn { max-width: 100%; }
    #discountform .editors { position: relative; }
    #discountform .editors .dw-sm-3 { position: static; }

    .sab { margin-top: 10px; float: left; width: 100%; }
    .top-split.del { margin-top: 20px; }
    #pickaddr .btn, #pickdeladdr .btn { margin: 15px 0; }
    .xmas.delivery-message strong { display: block; margin-top: 10px; }

    #delivery-options label { padding: 10px 105px 10px 34px; }
    #delivery-options label .rb { left: 10px; }
    #delivery-options label span.price { right: 10px; }
    #delivery-options label .details strong, #delivery-options label .details span { display: block; }
    .previous-orders .orders-top { display: none; }
    .previous-orders .orders-row .products { margin: 15px 0; }
    .previous-orders .orders-row .products div { position: relative; padding-right: 40px; }
    .previous-orders .orders-row .products div span { position: absolute; top: 0; right: 0; width: 30px; text-align: center; }
    .previous-orders.other .details { margin-bottom: 15px; }
    .previous-orders.other .products { width: 50%; padding: 0 15px 0 40px; position: relative; float: left; margin: 0; }
    .previous-orders.other .products div { position: absolute; top: 0; left: 0; width: 40px; line-height: 40px; }
    .previous-orders.other .cost { width: 50%; float: left; }
    .further-info #tabspanel .tabs .surround { overflow-x: auto; }
    .opt-selector { border: 1px solid #d7d7d7; }
    .opt-selector div { height: 40px; line-height: 40px; padding-left: 10px; cursor: pointer; position: relative; background-color: #4aad94; color: #fff; font-weight: bold; padding-right: 15px; font-size: 1.2em; }
    .product .further-info ul.feattabs.foursplit.fivesplit li { width: 50% !important; }
    .opt-selector div i { position: absolute; right: 15px; top: 15px; color: #fff; font-weight: bold; }
    .feattabs { white-space: inherit; display: flex; flex-flow: row wrap; max-width: 100%; overflow-y: hidden; }
    .feattabs li { display: inline-block; float: none; width: 33.33% !important; margin: 0; border: 0; border-radius: 0px; text-align: left; padding: 0px; margin-right: 0 !important; }
    .feattabs li a { border: none; margin: 0; border-radius: 0; line-height: 40px; width: 100%; height: 47px; line-height: 22px; padding: 0; background-color: #fff; border-right: 1px solid #ebebeb; text-align: center; font-size: 1em; padding: 0px 16px; display: block; position: relative; }
    .feattabs li a span { position: absolute; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); }
    .feattabs li a i { display: none; }
    .feattabs li.active a { border: 0; background-color: #ebebeb !important; }

    .tabs .surround { padding-top: 0px; border-top: 0; }
    #tabspanelbtm .section { margin: 0 -10px; }
    #tabspanelbtm .section .dw-md-2 { padding: 0 10px; }
    #tabspanelbtm .dw-md-2 { width: 33.33%; float: left; }
    #tabspanelbtm .dw-md-2:nth-col(3n+1) { clear: both; }
    .cats a { padding: 10px 15px 0 15px; }
    .cats a .title { font-size: 1.6em; min-height: 73px; }
    #headerleft svg { max-width: 270px; margin: auto; display: block; }


    body.co .mailing { display: none; }
    .checkoutprices i.toleft { left: 18%; }
    .checkoutprices i.toright { right: 18%; }
    .checkoutprices i:not(.fa-triangle-exclamation) { position: absolute; top: 18%; margin-top: -10px; line-height: 20px; height: 20px; width: 15px; text-align: center; }
    .delivery-payments .option.form .title { height: 30px; line-height: 18px; padding-top: 8px; }
    .delivery-payments .option.form .title.big { height: 30px; line-height: 15px; padding-top: 0 !important; }
    .delivery-payments .option.form .price { font-size: 0.6em; line-height: 45px; }
    #stock-partial { margin-top: 30px; }
    .contactpage #contactform .forgot .btn { margin-top: 20px; }
    .account .btn.back { width: 100%; margin-bottom: 15px; float: none; }
    .btn.green.small { max-width: 100%; }
    .btn.lgtgreen.small { max-width: 100%; }
    .orders .row.headrow .products, .orders .row.headrow .cost { display: none; }
    .description.divide img { width: 320px !important; height: 225px !important; }
    .contactpage #formtabs h2 { font-size: 0.85em !important; }
    .draggable-container { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .draggable { width: 9999999px; white-space: nowrap; font-size: 0; }
    .draggable-container { padding: 10px 0px; border: 1px solid #000000; }
    .prodslider .bx-wrapper .bx-controls-direction a, .product #slides .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; line-height: 40px; }
    .prodslider .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -8px; }
    .prodslider .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -10px; }
    .product #slides .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -12px; }
    .product #slides .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -10px; }
    .prod-listing .dw-md-3:nth-child(2n+1) { clear: both; }
    .register .text { text-align: center; font-size: 0.95em; }
    #tabspanelbtm .bx-wrapper .bx-controls-direction a, #tabspanel .bx-wrapper .bx-controls-direction a { width: 30px; height: 30px; line-height: 30px; font-size: 1.1em; }
    #tabspanelbtm .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -5px }
    #tabspanel .bx-wrapper .bx-controls-direction a.fa-arrow-left { left: -15px }
    #tabspanelbtm .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -5px }
    #tabspanel .bx-wrapper .bx-controls-direction a.fa-arrow-right { right: -15px }
    #productListings .bestsell .whitebg .btns { position: static; padding: 0px !important; }

    .product .above-price .prod-reviews { float: none; }
    .product .stock span { font-size: .85em; }
    .product .selections { padding: 15px; }
    .product .info-graphic img { margin: 0; }
    .carousel .item { padding-bottom: 29%; margin: 0 auto; background-size: cover; background-position: center; position: relative; background-repeat: no-repeat; height: 0; }

    #tabspanel .tabs a.delink { float: none; margin-top: 10px; display: block; margin-left: 0; }
    .contactpage #formtabs { margin-top: 20px; }
    .productlist.landpage .topbanner { margin-top: 0px; }
    #productListings .bestsell .whitebg .outter .bluebanner { font-size: 0.7em; }
    .productlist #productListings .bestsell .whitebg .price { margin: 10px 0; }
    #productListings .bestsell.chart .whitebg .Harness-icon { bottom: 20px !important; }
    #productListings .bestsell .whitebg.hasbar .Harness-icon { bottom: 110px; }
    .bestsell .whitebg .Harness-icon-remove { bottom: 68px; }
    #productListings .bestsell .whitebg.hasbar .Harness-icon-remove { bottom: 95px; }
    #productListings .bestsell.chart .whitebg .Harness-icon-remove { left: 20% !important; }
    #productListings .bestsell .whitebg .warranty { font-size: .75em; }
    .top-delivery.top { font-size: 0.9em; }
    .trade-save .save-btm { margin-bottom: 15px; line-height: 1; padding: 20px; }
    .trade-account-cta { padding: 25px 15px 10px 15px; background-color: #283551; height: auto; position: relative; text-align: center; }
    .trade-account-cta .btn.login { width: 48%; position: static; display: inline-block; margin-top: 30px; }
    .trade-account-cta .btn.register { width: 48%; position: static; display: inline-block; margin-top: 30px; }
    .trade-account-cta .btn a { display: block; color: #fff !important; }
    .trade-account-cta .cta-title { position: static; transform: none; text-align: center; }
    .trade-account-cta .cta-title .round-icon { height: 40px; width: 40px; line-height: 40px; background-color: #4aad94; border-radius: 100%; text-align: center; color: #fff; font-size: 1.4em; margin-right: 10px; display: inline-block; }
    .trade-account-cta .cta-title strong { font-size: 1.4em; }
    .main-trade-cta { background-color: #283551; position: relative; padding: 18px; margin-top: 15px; text-align: center; }
    .main-trade-cta span { color: #fff; font-size: 1.6em; }
    .main-trade-cta span i { margin: 0px 18px 0px 18px; display: none; }
    .main-trade-cta .btn { position: static; transform: none; width: 240px; background-color: #fff; margin: 15px auto 0px auto; }
    .hidden-xs-inline { display: none; }
    #trade-link { margin-left: -15px; width: calc(80% + 15px); text-align: center; }
    .topgrey .dw-md-3.call a.fas.fa-phone:before { display: inline-block; margin-right: 5px; }
    .topgrey .call a { transform: translateX(-15%); }
    .mobile__navigation--content { margin-top: 45px; padding-left: 0px; max-width: 390px; }
    .mobile__widgets .search { max-width: 400px; }
    .mobile__navigation--back { top: -80px; left: 10px; }
    .mobile--main .nav-fix { width: calc((50%) - 10px); }
    .trade-account-cta .btn.login { max-width: 120px; right: 190px; }
    .trade-account-cta .btn.register { max-width: 120px; right: 45px; }
    .mobile__navigation a span { padding-left: 10px; font-size: 1em; }
    .cmslinks .addboot { padding: 5px; }
    .sm-padd-15 { padding: 15px !important; }

    .center-txt-xs { text-align: center; }
    .center-txt-xs h2 { text-align: center; }

    .address-book .address { margin-top: 15px; min-height: 10px; padding: 30px 15px 15px 15px; }
    .sub-steps .sub-save-graphic img:last-child { position: absolute; bottom: -60px; right: 50%; transform: translateX(50%); }
    .sub-steps .sub-save-graphic { margin-bottom: 30px; }

    .hub-sects .sect.halfsection img { width: 50%; }

    .product.xmas-buildabox #byomessage .step-two .content .selected-sleeves { margin: 0 -15px; }

    .comp-pop .comps-container { width: 100% !important; max-height: unset; left: 0 !important; top: unset; left: unset; bottom: 0; transform: none; border-radius: unset; justify-content: center; overflow: hidden; border-top: 6px solid #4AAD94; height: 88%; overflow-y: scroll; padding-top: 50px; }
    /*.comp-pop .comps-container .listing-boot { display: none; }*/
    .comp-pop .comps-container .listing-boot #compslider .countdown,
    .comp-pop .comps-container .listing-boot #compslider .comp-progress-bar,
    .comp-pop .comps-container .listing-boot #compslider .comp-details,
    .comp-pop .comps-container .listing-boot #compslider .comp-view { display: none; }
    .comp-pop .comps-container #nothanks { position: static; display: flex; flex-direction: column; align-items: center; }
    .comp-pop .comps-container #nothanks .btn-container { flex-direction: column; }
    .comp-pop .comps-container > .section.content .comp-info { padding: 0; }
    .comp-pop .comps-container .inner-text { font-size: 1rem; }
    .comp-pop .comps-container > .section.content .comp-info .btn { width: 369px; max-width: calc(100vw - 50px); margin: auto; }
    .comp-pop .comps-container h2 { font-size: 1.9rem !important; line-height: 36px; }
    .comp-pop .comps-container #nothanks { margin-top: 10px; padding-top: 0; width: 100vw; margin-bottom: -30px; }


    .comp-pop .comps-container > .section.content .grey-section { display: none; }
    .comp-pop .comps-container .comp-info > h2,
    .comp-pop .comps-container .comp-info > h3,
    .comp-pop .comps-container .comp-info .inner-text { padding: 0 10px; }
    .comp-pop .btn-container .btn.blue.ghst { border-width: 2px; }

    .comp-pop .comps-container .comp-info h3 { font-size: 1.3rem !important; margin-top: 3px; margin-bottom: 20px; }
    .comp-pop .comps-container .comp-info { text-align: center; }
    .comp-pop .comps-container .comp-info > h2.title-desktop { display: none; }
    .comp-pop .comps-container .comp-info .inner-text { display: none; }
    .comp-pop .comps-container > .section.content .comp-info .btn.continue { display: none; }
    .comp-pop .comps-container i.close-icon { position: absolute; top: 0.4rem; right: 1rem; font-size: 2rem; color: #4aad94; cursor: pointer; }
    .comp-pop .comps-container .listing-boot { padding: 0; }
    .comp-pop .comps-container .listing-boot .mobile-img .entry-price { font-size: 1.1rem; font-weight: 400; gap: 15px; }
    .comp-pop .comps-container .listing-boot .mobile-img .entry-price i { margin-top: 2px; font-size: 1.6rem; }
    .comp-pop .comps-container .listing-boot .mobile-img .entry-price span { transform: translateY(2px); }
    .mob-hide { display: none; }

    #productListings .h1body p:first-child { display: block; }
    #productListings .h1body p { display: none; }
     .head-bullets .slide-container .slider{width: fit-content !important;}
    .head-bullets .slide-container {max-width: 480px; margin: 0 auto;}
    .head-bullets .slide-container .flx-bx {justify-content: center !important;}
    #filter-menu h2.top-header i {display: block !important;}
    #filter-menu {overflow: hidden; padding: 0px 0px 68px !important; max-height: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; transform: none !important; position: sticky; left: 0px; bottom: 0px; position: fixed; max-width: 100vw; height: 80vh; width: 100%; }
    .filter-open #filter-menu {max-height: 80vh;}
    #filter-menu .filterbody.more-hide .inner {padding-left: 20px;}
        #filter-menu h2.top-header i {font-size: 1.2em;}
        #filter-menu h2.top-header .close {font-size: 1.4em; color: #283551; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
       #filter-menu h2.top-header .close:hover {color: rgba(74,173,148,1);}
        #filter-menu h2.top-header span { display:block;line-height: 55px;}
        #filter-menu h2.top-header:after {width: 100%; content: ""; border-bottom: 1px solid #283551;}
    #filter-menu .line { border: none !important; height: 1px; background-color: #283551; } 
    #filter-menu .wrapper {overflow: auto; height: 100%;}
    #filter-menu .slidefilter {padding: 0px 15px 30px 15px; margin: 0px; height: unset !important; overflow: unset !important;}
    #filter-menu .top-header {font-size: 1.2em !important; padding-top: 0px !important; column-gap: 10px; display: flex; justify-content: center; align-items: center;flex-wrap: wrap; position: sticky; top: 0px; left: 0px; z-index: 10; background-color : #f7f7f7; padding: 0px 15px;}
    #filter-menu h2.filter-header {font-size: 1.2em !important;margin-top: 5px;line-height: 0; color: #283551; font-weight: 500; padding: 0px 20px;}
    #filter-menu i {color: rgba(74,173,148,1);}
    #filter-menu .mob-actions {background-color: #f7f7f7; position: absolute; bottom: 0px; width: 100%; left: 0px; padding: 15px 30px; border-top: 1px solid #283551;}
    #filter-menu .mob-actions .btn {min-height: 40px; height: 40px; font-size: 1.2em; font-weight: 500;}
    #filter-menu .sortbys-mob{ padding: 15px 20px 0px;}
    #filter-menu .switch {justify-content: center; margin-bottom: 10px;}
    #filter-menu .switch .slidetext { min-width: 75px;}
    #filter-menu .switch .slidetext.left {text-align: right;}
    #filter-menu .sortby {max-width: 100%;}
}

@media screen and (max-width: 767px) and (min-width: 500px) {

    .home-carousel .item { height: 300px; }

    .trade-bullet-lg { padding: 15px 15px 15px 95px; min-height: 10px; margin: 15px 0px; }
    .trade-bullet-lg .round-icon { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); }
    .banner-content h1 { font-size: 0.89em !important; max-width: 60%; }
    .banner-content h2 { max-width: 60%; }

    .discounted-quote.form-card { max-width: 700px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 90%; }
    .discounted-quote .button-card { width: 180px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 14px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -50px; }
    .discounted-quote .section.submit { font-size: 1em; }
}

@media screen and (max-width: 767px) and (min-width: 530px) {
    .item strong { font-size: 1.9em; width: 55%; }
    .item span { font-size: 1.3em; padding-bottom: 15px; }
    .item .banner-content span { padding-bottom: 0px; }
    .item .banner-content .btn { margin-top: 15px; }
}

@media screen and (max-width: 767px) and (min-width: 450px) {
    .comp-pop .comps-container #nothanks { margin-bottom: 30px; }
}

@media screen and (max-width: 767px) and (min-width: 380px) {
    .productlist .bestsell .whitebg a { }
}

@media screen and (max-width: 700px) {
    .hub-sects .blogpost { width: 100%; max-width: 500px; }
}

@media screen and (max-width: 620px) {
    .timer-flex { flex-direction: column-reverse; }
    .add-bask-section .OK { display: none !important; }

    .comp-banner-home { display: flex; flex-direction: column-reverse; }
    .comp-banner-home .inner-text { padding: 30px 15px 15px; }
    .comp-banner-home .btn { width: 100%; max-width: initial }
    .comp-banner-home strong { font-size: 1.6rem; }
    .comp-banner-home > div:first-child { padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width: 600px) {
    .quiz-container .quests { padding: 0px 30px 30px 30px; }

    .checkoutpage .col.prod > .section > *, .basketpage .col.prod > .section > *, .basketpage .col.prod > .section > *, .basketpage .col.prod > .section > * { padding: 0 !important; width: initial !important; }
    .checkoutpage .col.prod > .section, .basketpage .col.prod > .section { display: grid !important; margin: 0 !important; grid-gap: 0.75rem; }
    .basket-table .row .col.prod .section .img-boot > * { max-width: 160px; }

    .howworks-tiles i { font-size: 6rem !important; }
    .howworks-tiles .f-rem-20 { font-size: 1.4rem !important; }
    h1.f-rem-23, h2.f-rem-23, h3.f-rem-23, .bottom-grid .bottom-content .f-rem-39 { font-size: 1.7rem !important; }
    .f-rem-17, .fs-18 { font-size: 1.2rem !important; }
    .comptile a { }
    .comptile .time-left-grid span { font-size: 1.6rem; padding-top: 7px; }

    #trade-link { font-size: 0.85em; }
    .cmslinks .addboot { width: 100%; margin-bottom: 10px; text-align: center; }
    .add-bask-section .left { transform: none !important; width: 100%; padding: 0px !important; }
    .add-bask-section .right { padding: 0px 10px !important; transform: none !important; width: 100%; position: absolute; bottom: 0px; left: 0px; }
    .add-bask-section { height: 115px; max-height: 50px; position: relative; }
    #competition .add-bask-section { max-height: 60px; }
    .add-bask-section.added, #competition .add-bask-section.added { max-height: 115px; }
    .add-bask-section.error { max-height: 115px; }
    .add-bask-section .stock-err-msg .KO { margin: 0px !important; }
    .table-bs .body .row { display: grid; grid-template-areas: "prod prod prod" "quant quant quant" "price total remove"; }
    .table-bs .body .row .prod { grid-area: prod; }
    .table-bs .body .row .quant { width: 100%; max-width: 100%; display: flex; align-items: center; justify-content: flex-start; grid-gap: 0.5rem; grid-area: quant; margin-bottom: 0; }
    .col.quant .mob-title { min-width: initial; }
    .table-bs .body .row .price { margin-bottom: 0; align-items: center; justify-content: center; }
    .table-bs .body .row .remove { display: flex; align-items: center; justify-content: center; }
    .table-bs .body .row .remove a:before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: ""; background-image: url(images/icons/trash-solid.svg); font-size: 2rem; color: red; width: 20px; height: 30px; background-position: center; background-size: contain; background-repeat: no-repeat;}
    .table-bs .body .row .remove { text-decoration: none !important; }
    
    .hub-sects .sect.halfsection { display: block; aspect-ratio: unset; }
    .hub-sects .sect.halfsection * { transform: none !important; }
    .hub-sects .sect.halfsection .txt { padding: 30px; }
    .hub-sects .sect.halfsection img { margin: 0 auto; display: block; width: 100%; max-width: 380px; }
}

@media screen and (max-width:560px) {
    .bestsell .section.main .dw-md-2.top { width: 100%; text-align: center; }
    .bestsell .section.main .dw-md-8.top { width: 100%; margin-top: 20px; }
    .cats a img { right: -6px; bottom: 5px; }
    .product .further-info.main-desc { padding: 0 5px 5px 5px; font-size: 0.8em; }
    .product .above-price .dw-xs-6 { width: 100%; }
    .delivery-message { padding: 15px; }
    .delivery-message i { position: static; display: block; text-align: center; transform: none; margin-bottom: 15px; }
    .home-tile .content { width: 80%; max-width: 300px; }
    .free-custom-label > span { font-size: 0.9em; }
    .discount-info { font-size: 1.3rem; }
    .faqs.lite .question { font-size: 1.3em; padding: 5px; }
    .faqs.lite .answer {padding: 0px 5px;}
    h3 .sub {font-size: 0.7em;}
}

@media screen and (max-width: 540px) {
    #trade-link i { display: none; }
    .ref-table-row, .ref-table-header { font-size: 1.1rem; }
        .prod-list-item .now { font-size: 0.85em !important; }
}

@media screen and (max-width:530px) {
}

@media screen and (max-width:530px) {
}

@media screen and (min-width: 521px) {
    #view-prods-btn { display: none !important; }
}

@media screen and (max-width:520px) {
    .pay-opt h2 { float: none; }
    .pay-opt span.btn { float: none; width: 100%; text-align: center; padding: 0; margin-bottom: 10px; }
    .pay-opt .card-surround { padding: 10px 10px 10px 40px; }
    .pay-opt .card-surround .check { position: absolute; top: 10px; left: 10px; margin-top: 10px; }
    .pay-opt .card-surround .card-details, .pay-opt .card-surround .card-expiry { float: none; padding: 0; }
    .hotdeal .timer { font-size: 1.1em; }
    .account-menu .dw-lg-3 { width: 50%; }
    .account-menu .dw-lg-3:nth-child(3n+1) { clear: none; }
    .account-menu .dw-lg-3:nth-child(2n+1) { clear: both; }
    h1 { font-size: 1.4em !important; }
        .landing-template-1 .top { font-size: 1.8em !important;}
    .comp-name { font-size: 1.2rem !important; }
    .productlist.landpage .topbanner h1 { font-size: 2.2em !important; }

    .prod-list-top .dw-xs-6 { width: 100%; }
    .prod-list-top #userlayout { margin-top: 0; margin-bottom: 10px; width: 100%; }
    .prod-list-top form { float: none; width: 100%; }
    .prod-list-top select { width: 100%; border: 1px solid #283551; height: 40px; }
    .prod-list-top form strong { font-size: 1.1em; font-weight: 600; color: #283551; }

    .product .further-info ul.feattabs.foursplit li { font-size: 0.85em; }
    .topgrey .dw-md-3:nth-child(3) a { display: block; }
    .topgrey .dw-md-3:nth-child(3) { text-align: left; }
    .how-container { margin-bottom: 85px; }
    #how-works-btn.btn { height: 35px; padding-top: 10px; padding-bottom: 10px; }
    #view-prods-btn { width: 215px; max-width: 215px; position: absolute; bottom: -68%; right: 50%; transform: translate(50%, 50%); z-index: 99; font-size: 1.2rem; height: 35px; border-radius: 25px; line-height: 35px; border: 1px solid rgb(40, 53, 81); }
    
}

@media screen and (min-width:501px) {
    .fixed-mob-atb {display: none;}
}

@media screen and (max-width:500px) {
    .prod-list-item .custom-tag {font-size: 3vw;}

        .prod-list-item .btn { font-size: 0.95em; height: 35px; padding: 3px 5px 0px; } 

    .fixed-mob-atb {transform:translateY(100%); opacity: 0; position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 15px; background-color: #f2f2f2f7; z-index:999;}
    .fixed-mob-atb .pers-txt {text-align: center; margin-bottom: 10px;}
    .fixed-mob-atb .pers-txt i {margin-right: 5px;}
    .fixed-mob-atb .pers-txt span {font-weight: 500;}
    .fixed-mob-atb .pers-type {text-decoration: underline; color: rgba(74,173,148,1);}
    .fixed-mob-atb .btn .price {color: #fff; font-weight: 600; font-size: 1.05em;}
    .fixed-mob-atb.visible {opacity: 1; transform:translateY(0%);}
    .pick-custom label .img { width: calc(100% - 30px); aspect-ratio: 1; height: auto; }



    .pick-custom label .title {height: auto; margin-top: 10px; }
    .pick-custom label {font-size: 3.0vw;}

    .landing-template-1 .faq-container {padding:15px 0px !important;}
    .landing-template-1 .faq-container .padd-45 {padding:15px !important;}
    .landing-template-1 .faq-container .mt-45  {margin-top:30px !important;}
    .landing-template-1 .faq-container .faqs.superlite .question  {font-size: 1rem;}
    .landing-template-1 .faq-container h2.lg  {font-size: 1.6rem !important;}
    .landing-template-1 .faqs.superlite .question i {width: 30px; height: 30px;}
    .landing-template-1 .faqs.superlite .question span{display: block; width: calc(100% - 45px);}
    .landing-template-1 .top {min-height: 100px;}
 

    .hubpg-txt { font-size: 0.8em; }

    .brand-lnk .img { border-radius: 3px; }
    .brand-lnk .img img { max-height: 60px; width: auto; }

    .colour-lnk { }
    .colour-lnk .btn { font-size: 0.9em; width: 100%; height: 30px; line-height: 1; padding: 0px; }

    .hub-sects .sect .title { font-size: 1.8em; }
    .hub-sects .sect .subtitle { font-size: 1.3em; }

    .hidden-xxs { display: none; }
    .listing-boot .bottom-text { padding: 15px; }

    .time-left-prod .time-left-grid span { font-size: 2rem; padding-top: 10px; }
    .time-left-prod .time-left-grid div { font-size: 1.2rem; }

    #tabspanelbtm .dw-md-2 { width: 50%; float: left; }
    #tabspanelbtm .dw-md-2:nth-col(3n+1) { clear: none; }
    #tabspanelbtm .dw-md-2:nth-col(2n+1) { clear: both; }
    .cats .dw-md-4 { width: 100%; }
    .cats a img { right: 2px; bottom: 0px; top: auto; }
    .cats a { padding: 20px 25px 0 25px; }
    .cats .dw-md-4 { margin-bottom: 15px; }
    #news { margin-top: 0; }
    .trade-bullet-lg { padding: 95px 15px 15px 15px; min-height: 10px; margin: 15px 0px; }
    .trade-bullet-lg .round-icon { position: absolute; top: 25px; left: 50%; transform: translateX(-50%); }
    #pickaddr .enter-postcode .btn, #pickdeladdr .enter-postcode .btn { width: 85px; }
    #pickaddr .enter-postcode .editor-field, #pickdeladdr .enter-postcode .editor-field { width: calc(100% - 100px); }
    .register .reg-circle { top: 0px; transform: translate(-50%, 0%); left: 50%; }
    .register .register-bullet .text { left: 55px; top: 65px; max-width: 100%; left: 50%; padding: 0px 10px; transform: translate(-50%, 0%); }
    .santa-hat--fr { left: -38px; }
    .santa-hat--fl { right: -38px; }
    .product .selections { padding: 0px; }

    .home-tile { height: 250px; overflow: hidden; width: 100%; }
    .home-tile img { position: absolute; top: 0px; right: 0px; bottom: 0px; height: 250px; width: auto; max-width: none; z-index: 1; }
    .home-tile:before { content: ""; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 2; position: absolute; left: 0px; top: 0px; }
    .home-tile .content { z-index: 3; color: #fff; }
    .home-tile .content h2 { color: #fff; }
    .home-tile .content p { color: #fff; }
    .banner-content h1, .banner-content h2 { font-size: 7.5vw !important; }
    .banner-content .banner-txt { font-size: 5vw !important; font-weight: 300; }

    .pick-custom label .txt {font-size: 1.2em;font-weight: 600;margin-top: 5px;}

    .basket-summary-grid { display: flex; flex-direction: column; }

    .basket-summary-grid .points-container { order: -1; margin-top: 0; margin-bottom: 15px; }
    .product.xmas-buildabox #byomessage .step-two .content .prod-title { font-size: 1rem; }
    .product.xmas-buildabox #product .products { width: 100vw; margin-left: -15px; }

    .product.xmas-buildabox #byomessage .step-two .sleeve-select { position: fixed; bottom: 0; z-index: 10; }
    .product.xmas-buildabox #basketpanel .step-two { position: static; }
    .product.xmas-buildabox #basketpanel form > div:first-of-type, .product.xmas-buildabox #basketpanel .step-one, .product.xmas-buildabox #basketpanel .step-two, .product.xmas-buildabox #basketpanel .step-three { border: unset; }
    .product.xmas-buildabox .steponeclosed { background-color: #f7f7f7; }
    .product.xmas-buildabox #byomessage .step-two > div:first-of-type { border-top: 5px solid #4aad94; border-radius: 0; }

    .product.xmas-buildabox .step-two .selection-info { justify-content: space-between; padding: 15px 20px !important; border-bottom: 1px solid #fff; position: sticky; top: 65px; z-index: 5; flex-wrap: wrap; }
    .product.xmas-buildabox #byomessage .step-two .content { padding: unset; margin-bottom: unset; max-height: 850px; }
    .product.xmas-buildabox #byomessage .step-two .content .selected-sleeves { padding: 0 20px; background-color: #283551; max-height: unset; margin-bottom: unset; }
    .product.xmas-buildabox #byomessage .step-two .content .sleeves-list { padding: 0 20px; margin-bottom: 0; }
    .product.xmas-buildabox #byomessage .step-two .section > div.selected-info .btn { width: 133px; height: 32px; background: #fff; color: #283551; border-radius: 25px; min-height: unset; font-size: 1rem; line-height: 15px; }
    .product.xmas-buildabox #byomessage .step-two .section > div.selected-info { padding: 0 10px; }
}

@media screen and (max-width: 495px) {
    #trade-link { font-size: 0.85em; padding: 0px; }
    .timer-flex .time-left-prod { max-width: 100%; width: 100%; }

    .discounted-quote.form-card { max-width: 480px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 100%; }
    .discounted-quote .button-cards { flex-direction: column; }
    .discounted-quote .button-card { width: 350px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 16px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -120px; }
    .discounted-quote .section.submit { font-size: 1em; }
}

@media screen and (max-width:460px) {
    .how-works-bg .bg-inner { height: 80px; }
    .prod-list-item .inline-link.blue { font-size: 0.9em; }
    .delivery-notice { font-size: 1rem !important; justify-content: center; }
    .how-works-bg .bg-inner img { max-width: 100px; }
    .xmas-del-info { grid-gap: 0.5rem; align-items: center; padding: 1rem; font-size: 1rem; }
    .xmas-del-info i { font-size: 1.8rem; }

    #nothanks { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 20px; }
    .comps-container { max-height: calc(90% - 200px); }
}

@media screen and (max-width:420px) {
    .landing-template-1 .banner h2 {font-size: 1.8em !important;}
    .landing-template-1 .gallery-grid .row .text h2 {font-size: 1.8em !important;}
    .landing-template-1 .gallery-grid .row .text {border-radius: 30px;}
    .landing-template-1 .gallery-grid .row {gap: 15px;}
    .how-works-banner .f-rem-23 { font-size: 1.5rem !important; }
    .how-works-banner .f-rem-19 { font-size: 1.3rem !important; }
    .login-pop.open { height: fit-content; overflow: auto; padding-top: 15px; padding-bottom: 15px; }
    .comp-pop.open { overflow: auto; padding-top: 15px; padding-bottom: 15px; }
    .login-pop.open > .container, .comp-pop.open > .container { max-height: 100vh; overflow: auto; }
    .login-pop .fa-xmark, .comp-pop .fa-xmark { position: absolute; top: 1rem; right: 1rem; font-size: 2.5rem; color: #4aad94; cursor: pointer; }
    .featured--tabs li a { font-size: 0.9em; }
    #headerright .log, #headerright .cart { margin-left: 18px; }
    #bybrand .dw-xs-4 { width: 50%; }
    .maincontent { margin: 30px auto 10px auto; }
    #bybrand .dw-xs-4:nth-child(2n+1) { clear: both; }
    .mailing .title { font-size: 1.3em; line-height: normal; }
    .mailing .newsletter .dw-xs-3, .mailing .newsletter .dw-xs-9 { width: 100%; }

    .prod-list-item .inline-link.blue { font-size: 0.8em; }



    .mailing .btn { max-width: 100%; margin-top: 15px; border-radius: 100px !important; }
    .mailing .flx-bx { flex-wrap: wrap; justify-content: center; }
    .mailing .white-bg { background-color: transparent; }



    .topgrey .call { transform: translateX(-15px); font-size: 0.9em; height: 32px; }
    .topgrey .call a { width: 100px; margin-top: 5px; }
    .mobile__navigation--content, .mobile__widgets .search, a.special--offers { max-width: 360px; }

    .comp-bask-banner .main-txt { font-size: 1.2rem; line-height: 1.5; }
    .comp-bask-banner .main-txt:before { content: "Enter our golf knowledge competition to win great prizes. Tickets from just 20p!"; }
    .comp-bask-banner .sub-txt { display: none; }
    .comp-bask-banner { font-size: 0.9rem; line-height: 1.5; font-weight: normal; grid-gap: 1rem; }
    .comp-bask-banner .btn { width: 100%; }

    .branded-balls-info .info-card .inner { margin-left: 0; }
}


@media screen and (max-width:400px) {

    .quiz-container .radio { width: 100%; max-width: 100%; }
    #quizform .bottombtns .btn { font-size: 1.5em; height: 50px; }
    .basket-table .row .col.prod .section .desc-boot .title { font-size: 0.85rem; }
    .col.prod .description { margin-bottom: 0; }
    .basket-table .row .col.prod .section .img-boot { width: 100%; position: static; padding: 0px 15px; margin-bottom: 0; }
    .basket-table .row .col.prod .section .desc-boot { width: 100%; position: static; padding: 0px 15px; margin-bottom: 0; }
    .basket-table .row { padding-left: 15px; padding-right: 15px; min-height: 10px; }
    .table-bs .body .row .price .fs-15 { font-size: 1.2rem; }
    .checkoutpage .table-bs .body .row { display: grid; grid-template-areas: "prod prod prod" "quant price total"; grid-row-gap: 0.75rem; }
    .basketpage .table-bs .body .row { display: grid; grid-template-areas: "prod prod" "quant remove" "total price"; grid-row-gap: 0.75rem; }
    .basketpage .table-bs .body .row .price:nth-child(3) { justify-self: start; }

    .basket .row.regular .col1 { padding: 0; min-height: 0; }
    .desc-boot .btn { width: 100%; font-size: 0.8rem; }
    .basket .btn.grey { margin: 15px 0 0 0; }
    #discountform .editors { padding-right: 15px; }
    #discountform .editor-field { float: none; }
    #discountform .editor-field.submit { width: 100%; margin-top: 15px; position: static; }
    .prod-listing .whitebg .btn.green { display: block; max-width: 100% !important; }
    .prod-listing .whitebg .btn.lgtgreen { display: block; max-width: 100% !important; }

    .prod-listing .whitebg.hasbar .Harness-icon { bottom: 95px !important; }
    .prod-listing .whitebg .Harness-icon-remove { left: 20%; }
    .topgrey .dw-md-3.call a.fas.fa-phone:before { display: none; }
    .topgrey .switch .slidetext { font-size: 0.8em; }
    .topgrey .switch .slidetext.inc { left: -44px; }
    .topgrey .switch .slidetext.ex { right: -44px; }

    .prod-list-item .title { min-height: 60px !important; margin-bottom: 10px; }

    .prod-list-item .custom-tag span {font-size: 3vw;}
    .prod-list-item .editor-field.packof.sml select {min-width: 50px !important;}
    .prod-list-item .editor-field.packof.sml {display: flex; justify-content: end;}
    .prod-list-item .padd-right-15 {padding: 0px !important;}

    .prod-listing > .section {margin: 0px -5px !important;}
    .prod-listing > .section > div{padding: 0px 5px !important;}
    #productListings .prod-listing-boot {margin: 10px 0px;}
    .free-custom-label {
        width: calc(100% + 20px) !important;
    }


    .atb-options label { font-size: 1.2rem !important; }

    .discounted-quote.form-card { max-width: 480px; }
    .discounted-quote h1 { font-size: 1.5em !important; }
    .discounted-quote .section div.editor-label { font-size: 1em; }
    .discounted-quote .editor-field input { width: 100%; }
    .discounted-quote .button-cards { flex-direction: column; }
    .discounted-quote .button-card { width: 300px; height: 200px; text-align: center; cursor: pointer; }
    .discounted-quote .button-card .editor-label p, .discounted-quote a .email { font-size: 16px; }
    .discounted-quote .button-card .editor-label input#FileUpload { position: absolute; bottom: -40px; left: -120px; }
    .discounted-quote .section.submit { font-size: 1em; }

    .product.xmas-buildabox .steponeclosed h3, .product.xmas-buildabox #byomessage .step-two .head.withedit h2 { max-width: 300px; }

    .prod-list-item .now { font-size: 0.8em !important; }
    .prod-list-item .now .dblue-txt{ font-size: 0.55em !important; }

}

@media screen and (max-width: 380px) {
    .mobile__navigation, .mobile__subnav { padding: 0 10px; }
    .mobile__navigation--content, .mobile__widgets .search { max-width: 340px; }
    #trade-link { font-size: 0.65em; }
    #headerright .log, #headerright .cart { margin-left: 10px; }

    .prod-list-item { max-width: 260px; }
    .prod-list-item .inline-link.blue { font-size: 1.3em; }
    .ref-table-row, .ref-table-header { font-size: 1rem; }
    .comp-steps > #step2 > .img-1 { transform: translateY(0); }

    .product.xmas-buildabox #previewshow .btn { font-size: 1.1em; }
}

@media screen and (max-width:360px) {
    .corp-prod-info { padding: 0; background-color: #fff; }
}

@media screen and (min-width: 340px) and (max-width:460px) {

    .prod-list-item .free-custom-label > span { font-size: 0.7em; }


    .prod-list-item .title .inline-link.blue { font-size: 1rem; }

    .bestsell .whitebg .price .now strong { font-size: 0.95rem; }
    .bestsell .whitebg .price .was { font-size: 0.85rem; }

    .prod-list-item .btn { font-size: 0.85em; }
    .prod-list-item.hor-padd-10 { padding-left: 5px; padding-right: 5px; }
}

@media screen and (max-width: 340px) {
    .topgrey .call { height: 32px; transform: translateX(-25px); }
    .prod-listing-boot { width: 100% !important; }
}

@media screen and (max-width:320px) {
    .delivery-payments .option.form .title { height: 30px; line-height: 18px; padding-top: 8px; font-size: 0.5em; }
    .delivery-payments .option.form .title.big { height: 30px; line-height: 15px; padding-top: 0 !important; }
    .delivery-payments .option.form .price { font-size: 0.5em; }
    .contactpage #formtabs h2 { font-size: 0.7em !important; }
    .product .products .editor-field .quant { margin: 0; }
    .account .editor-label input.check-box { margin-right: 65%; }
    #productListings .bestsell .whitebg .outter .bluebanner { font-size: 0.55em; }
    .topgrey .switch .slidetext { font-size: 0.8em; }
    .topgrey .switch { margin-right: 50px }
    .topgrey .switch .slidetext.ex { right: -44px; }
    .topgrey .switch .slidetext.inc { left: -44px; }
    .mobile__widgets .search { max-width: 295px; }
    .mobile__navigation .nav-fix a { font-size: 0.8em; }
}

/**
 * DW Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/DWCarousel2/DWCarousel2/blob/master/LICENSE
 */
/*
 *  DW Carousel - Core
 */


/*CUSTOM*/
.related-prods.dw-carousel .dw-item { position:static!important; }
.related-prods.dw-carousel .dw-item .prod-list-item{    background-color: #fff;
    padding: 0px 10px;
    position: relative; border-radius: 7px;}
.dw-item { transition: all 0.6s; }
.dw-item:not(.active) { opacity: 0; pointer-events: none; }
.dw-prev, .dw-next { display: flex; align-items: center; justify-content: center; width: 40px; background-color: transparent !important; position: absolute; top: 50%; transform: translateY(-50%); color: #0A3161; }
.dw-prev:hover, .dw-next:hover { color: #B31942 !important; }
.dw-prev i, .dw-next i { font-size: 3rem; }
.dw-prev { left: 0; }
.dw-next { right: 0; }



.winner-tiles .dw-prev, .winner-tiles .dw-next { color: #fff !important; }
.dw-prev:hover, .dw-next:hover { color: #4aad94 !important; }

/*CUSTOM END*/

.dw-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.dw-carousel .dw-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }
.dw-carousel .dw-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.dw-carousel .dw-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.dw-carousel .dw-wrapper,
.dw-carousel .dw-item { -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); }
.dw-carousel .dw-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.dw-carousel .dw-item img { display: block; width: 100%; }
.dw-carousel .dw-nav.disabled,
.dw-carousel .dw-dots.disabled { display: none; }
.dw-carousel .dw-nav .dw-prev,
.dw-carousel .dw-nav .dw-next,
.dw-carousel .dw-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dw-carousel .dw-nav button.dw-prev,
.dw-carousel .dw-nav button.dw-next,
.dw-carousel button.dw-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }
.dw-carousel.dw-loaded { display: block; }
.dw-carousel.dw-loading { opacity: 0; display: block; }
.dw-carousel.dw-hidden { opacity: 0; }
.dw-carousel.dw-refresh .dw-item { visibility: hidden; }
.dw-carousel.dw-drag .dw-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; }
.dw-carousel.dw-grab { cursor: move; cursor: grab; }
.dw-carousel.dw-rtl { direction: rtl; }
.dw-carousel.dw-rtl .dw-item { float: right; }

/* No Js */
.no-js .dw-carousel { display: block; }

/*
 *  DW Carousel - Animate Plugin
 */
.dw-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }

.dw-carousel .dw-animated-in { z-index: 0; }

.dw-carousel .dw-animated-out { z-index: 1; }

.dw-carousel .fadeOut { animation-name: fadeOut; }

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

/*
 * 	DW Carousel - Auto Height Plugin
 */
.dw-height { transition: height 500ms ease-in-out; }

/*
 * 	DW Carousel - Lazy Load Plugin
 */
.dw-carousel .dw-item { /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the dw-item that breaks page layouts
		 */ }
.dw-carousel .dw-item .dw-lazy { opacity: 0; transition: opacity 400ms ease; }
.dw-carousel .dw-item .dw-lazy[src^=""], .dw-carousel .dw-item .dw-lazy:not([src]) { max-height: 0; }
.dw-carousel .dw-item img.dw-lazy { transform-style: preserve-3d; }

/*
 * 	DW Carousel - Video Plugin
 */
.dw-carousel .dw-video-wrapper { position: relative; height: 100%; background: #000; }

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

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

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

.dw-carousel .dw-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

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

.dw-theme .dw-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }
.dw-theme .dw-nav [class*='dw-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.dw-theme .dw-nav [class*='dw-']:hover { background: #869791; color: #FFF; text-decoration: none; }
.dw-theme .dw-nav .disabled { opacity: 0.5; cursor: default; }

.dw-theme .dw-nav.disabled + .dw-dots { margin-top: 10px; }

.dw-theme .dw-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.dw-theme .dw-dots .dw-dot { display: inline-block; zoom: 1; *display: inline; }
.dw-theme .dw-dots .dw-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.dw-theme .dw-dots .dw-dot.active span, .dw-theme .dw-dots .dw-dot:hover span { background: #869791; }


.bx-shad {   box-shadow: 0px 0px 6px #00000029; }
.bx-shad-inset { box-shadow: inset 4px 4px 6px #0000000D; }
.bx-shad-dark { box-shadow: 0px 3px 6px #00000029; }
.bx-shad-dark-inset { box-shadow: inset 0px 3px 6px #00000029; }

.asrat100 { aspect-ratio: 1; }

.rel { position: relative; }
.rel .sticker:not(.list) { position: absolute; top: 0px; left: 0px; }

.full-h { height: 100%; }
.r-gap-5{grid-row-gap: 5px;}
.r-gap-10{grid-row-gap: 10px;}
.r-gap-15{grid-row-gap: 15px;}
.r-gap-30{grid-row-gap: 30px;}

.c-gap-5{grid-column-gap: 5px;}
.c-gap-10{grid-column-gap: 10px;}
.c-gap-15{grid-column-gap: 15px;}
.c-gap-30{grid-column-gap: 30px;}

.fl-grow { flex-grow: 1; }
.flx-col { flex-direction: column; }
.half-w { width: 50% !important; }
.al-self-cent { align-self: center; }
.al-self-start { align-self: start; }
a.underline, .underline { text-decoration: underline !important; }

.new-lazy { position: relative; min-height: 80px; padding-bottom: 100%; background-color: transparent; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.new-lazy:before { position: absolute; z-index: 9; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.background-lazy { position: relative; background-color: transparent; background-image: none !important; }
.background-lazy:before { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

.mb--30 { margin-bottom: -30px; }

.fab, .far, .fas, .fa { text-rendering: optimizeLegibility !important; }

html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }

.breadcrumb { margin: 30px 0; color: #4aad94; font-size: 1.1em; }
.breadcrumb span { color: #075096; margin: 0 5px; }
.breadcrumb a { color: #999999; }

body { font-size: 0.9em; color: #333; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; font-family: articulat-cf,sans-serif; font-weight: 500; font-style: normal; overflow-x: hidden; }
body.fixed { overflow: hidden; }

input, textarea { font-family: articulat-cf,sans-serif; color: #777; }
textarea { font-size: 1rem; }
.bx-viewport .clear { display: none; }

.cur-point { cursor: pointer; }

strong { font-weight: 800; }

.full-w { width: 100%; }
.full-w.ov { width: 100% !important; }
.half-w { width: 50%; }
.nomarg, .no-marg { margin: 0px !important; }
.no-margin-top { margin-top: 0px !important; }
.linethrough { text-decoration: line-through; text-decoration: line-through; }

.line { border-bottom: 1px solid #283551; }

.noshad { box-shadow: none !important; }

.white-bord-3 { border: 3px solid #fff; }
.white-bord-4 { border: 4px solid #fff; }
.white-bord-5 { border: 5px solid #fff; }

@media screen and (min-width: 992px) {
    .hidden-tab-up { display: none !important; }
}

@media screen and (max-width: 991px) {
    .hidden-tab-down { display: none !important; }
}

.min-h-60 { min-height: 60px; }
.min-h-790 { min-height: 790px; }
.min-h-780 { min-height: 780px; }
.min-w-10 { min-width: 10px; }

.max-h-in-view { max-height: calc(100vh - 200px); overflow: auto; }
.max-h-in-view #filter-menu { top: 0px; }

.miw-200 { min-width: 200px; }
.miw-220 { min-width: 220px; }

.toast {position: relative; opacity: 0; position: fixed; bottom: 30px; right: 60px; z-index: 99999; background-color: #ffffff; padding: 20px; box-shadow: 0px 3px 6px #00000029; transition: transform .2s ease-in-out, opacity .2s ease-in-out; transform:translateY(30px); }
.toast.ok {border: 3px solid #4aad94; border-radius: 5px;}
.toast.error {border: 3px solid #ff0000; border-radius: 5px;}
.toast.info {border: 3px solid #7d9bbd; border-radius: 5px;}

.toast .msg i {margin-right: 10px;width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; color: #ffffff; border-radius: 100%;}
.toast.ok .msg i { background-color: #4aad94; }
.toast.error .msg i {background-color: #ff0000;}
.toast.info .msg i { background-color: #7d9bbd;}



.toast .btn {width: 100%; max-width: 100%; text-align: center; padding: 10px; min-width: 190px; font-weight: 600; border-radius: 50px; margin-top: 20px!important;}
.toast.on {opacity: 1; transform:translateY(0);}
.toast .msg {font-size: 1.2rem;  display: flex; align-items: center;}
.toast .msg strong{display: block; width: calc(100% - 40px);}

.toast .cls {cursor: pointer; position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; background-color: #4b5d71; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 100%; transform: translate(50%, -50%);}
.toast .cls:hover {background-color: #4aad94;}

@media screen and (max-width: 600px) {
   .toast {left: 15px; bottom: 5px; width: calc(100vw - 30px)!important;}
.toast .msg strong {font-size:0.9rem;}
.toast .msg i {font-size:1rem; width:25px; height:25px;}
}

@media screen and (max-width: 500px) {
    .toast .btn {margin-top: 15px!important;}
    .toast {padding: 15px;}
}
footer { padding-top: 4rem; font-size:1rem; }
.footer-grid { display: grid; grid-template-areas: "info contact searches help account payments"; padding-bottom: 3rem; grid-gap:1rem;}

.footer-info { grid-area: info; }
.footer-contact { grid-area: contact; }
.footer-socials { grid-area: contact; align-self:flex-end; }
.footer-searches { grid-area: searches; }
.footer-account { grid-area: account; }
.footer-payments { grid-area: payments; }

@media screen and (min-width:1230px) and (max-width:1500px) {
.footer-payments img {max-width:300px;}
}

@media screen and (max-width:1230px) {
.footer-grid { grid-template-areas: "info contact searches help" "account payments payments payments";  grid-row-gap:3rem;}
}

@media screen and (max-width:768px) {
.footer-grid { grid-template-areas: "info contact account" "searches help help" " payments payments payments" ; padding-bottom: 2rem;}
.footer-copyright {justify-content:center; font-size:0.9rem;}
}

@media screen and (max-width:500px) {

footer { padding-top: 2rem; font-size:0.9rem; }
.footer-grid { grid-template-areas: "info contact" "searches help" "account account" "payments payments" ; padding-bottom: 1rem; grid-template-columns:1fr 1.2fr; grid-row-gap:2rem;}

.footer-account {flex-direction:row; justify-content:center;}

footer .f-rem-11 {font-size:1rem!important;}
}