@charset "UTF-8";
/* CSS Document additional css needs sorting */

/* Second banners */

#targetDiv {
	width: 100%;
	aspect-ratio: 8 / 5;
	background: url(../img/svg/card_highlight.svg) no-repeat top;
	background-blend-mode: screen;
	background-size: cover;
}
#crosshair {
	position: absolute;
	width: 60px;
	height: 60px;
	background: url('../img/svg/target.svg') no-repeat center;
	background-size: cover;
	pointer-events: none;
	display: none;
	transform: translate(-50%, -50%);
}
.ratio8x5 {
}

@media (min-width: 768px) {
.flex-md-row {
	align-items: stretch;
}
#main-box {
	height: 100%;
}
}

/* prizes stylinge*/
#activePrizes .is-active .visible {
	backface-visibility: visible !important;
	transform: rotate(45deg) scale(0.5);
	transform-origin: top left;
}
	.hidden {
		display: none
	}
#activePrizes .is-active .hidden {
	display: block
}
	
	#activePrizes 	.splide__track{
		overflow: visible !important
	}
	#activePrizes 	.splide__track .splide__slide{
		overflow: visible !important
	}

@media (max-width: 991.98px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 1399.98px) {
}

@media (max-width: 767.98px) {
#activePrizes {
}
#activeOffer_products {
}
}

@media (max-width: 575.98px) {
#activePrizes {
}
#prizeHolder {
	position: relative
}
}
#activePrizes .is-active {
	padding: 5px;
}
#prizeModal_body #prize-carousel-modal {
	visibility: visible !important
}
.close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	font-size: 20px;
}
#prizeHolder .logo .st1 {
	fill: #ffffff
}
.rotate0 {
	transform: rotate(-20deg)
}
.rotate5 {
	transform: rotate(20deg)
}
#prizeHolder {
}
.z-n300 {
	z-index: -300
}
.z-n200 {
	z-index: -200
}
.z-n100 {
	z-index: -100
}
.scrolled {
	display: none
}



/* Side Offers and Offer slider on homepage*/


#activeOffer_products .label {
	transform: rotate(-349deg);
	box-shadow: 3px 7px rgba(12,12,12,0.62);
}
#activeOffer_products .splide__slide:hover {
}
#activeOffer_products .is-active .hidden {
	background-color: #ff8a00 !important;
	color: #ffffff !important;
}
.eRoofs #activeOffer_products .is-active .hidden {
	background-color: #ff327a !important;
	color: #ffffff !important;
}
#activeOffer_products .is-active .hidden p {
	color: #ffffff !important;
}
#activeOffer_products .is-active {
}
#activeOffer_products .strapline {
	display: none;
}

#offer-carousel .splide__slide {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* menus, submenus styling */

.menuBG {
/*	background-color: #fcc37c;
*/}
.submenus div {
	box-shadow: 0 8px 6px -6px #00000021;
}
.header_text {
}
.header_text p {
	font-size: 4em;
	line-height: 1em
}
.footer_text {
	grid-area: footer_text;

}
#menuSlider .splide__slide:hover, #menuSlider2 .splide__slide:hover {
	background-color: transparent !important
}
#menuSlider .is-active, #menuSlider2 .is-active {
/*background-color: #ff8a00 !important*/
}
#submenu_container {
}
.closed {
	display: none
}
#menuSlider .splide__arrow {
}
#menuSubs {
	height: auto !important;
	max-height: fit-content;
	display: flex;
	flex-direction: column;
}
#menuSubs .splide__track {
	height: auto !important;
	overflow-y: auto;
}
.fs-tiny {
	font-size: 8px; line-height: 12px
}
.pointing .active {
	background-color: #35353F !important;
	color: #fff !important;
}
	#productmenuhere {
  max-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


/* theme.php styling  */
#image-carousel li {
filter: blur(0px);
/*opacity: 0.5;
*/}
.clone_wallpaper {



}

/* header live chat and request callback  */

#v-pills-chat-tab {display: none !important}
.chat-loaded #v-pills-chat-tab {display: block  !important}

.chat-online {display: none !important}
.chat-loaded .chat-online {display: flex!important}


/* doofinder  */

.dfd-fullscreen.dfd-animate .dfd-layer { width: 100% !important; border-radius:
0px !important; margin-left: 0px !important; }





.truck {
width: 10px;
height: 10px;
position: absolute;
border-radius: 50%;
animation: flash 1s infinite;
opacity: 0.8;
display: none;
}

.truck.red { background-color: red; }
.truck.green { background-color: limegreen; }

@keyframes flash {
0%, 100% { transform: scale(1); opacity: 0.8; }
50% { transform: scale(1.5); opacity: 0.3; }
}

/* Prizes Footer  */



#activePrizes_footer .is-active .visible {
	backface-visibility: visible !important;
	transform: rotate(45deg) scale(0.5);
	transform-origin: top left;
}
	.hidden {
		display: none
	}
#activePrizes_footer .is-active .hidden {
	display: block
}
	
	#activePrizes_footer 	.splide__track{
		overflow: visible !important
	}
	#activePrizes_footer 	.splide__track .splide__slide{
		overflow: visible !important
	}


/* Pto sort the sliders arrows  */

.splide__arrows .splide__arrow {
opacity: 0;
pointer-events: none;
transition: all 0.4s ease;
}
.splide__arrow--prev {  }
.splide__arrow--next {  }

.splide__list:hover ~ .splide__arrows .splide__arrow,
.splide__track:hover ~ .splide__arrows .splide__arrow {
opacity: 1;

pointer-events: auto;
}

.splide__arrow{
align-items: center;
background: none !important;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: flex
;
/* height: 2em; */
-ms-flex-pack: center;
justify-content: center;
/* opacity: .7; */
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2em;
z-index: 1;
}

#widget-banners li {
background-size: cover !important;
background-position: top !important
}
.contentSection h1 {
font-size: 4em !important;
line-height: 33px
}
#video_container {
background-image: url("img/new_videos_title.png");
background-repeat: repeat;
background-position: top;
background-size: 20%;
}
#pow-container {
background-image: url("img/new_pow_title.png");
background-repeat: no-repeat;
background-position: top;
background-size: contain;
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
border: none !important
}
body.no-scroll {
overflow: hidden;
}

@media (min-width: 3000px) {
.holder4k {
transform: scale(1.2);
transform-origin: top left;
}
}


#offcanvasBasket .display-1 {line-height: 0.2 !important}

#offcanvasBasket #basketPrizes {width:20%}


footer h3 {line-height: 1rem;}


#headerRow .cls-2,
#offerssection .cls-2,
#offcanvasFreeCredit .cls-2,
footer .cls-2,
.offcanvas .cls-2,
#prizeHolder .cls-2,
.dark {
	fill: #35353f;
}

#prizeHolder .cls-2 {
	fill: white;
}

.eRoofs .eDecks {
	display: none !important;
}

.glowing {
	filter: drop-shadow(0 0 5px white) drop-shadow(0 0 10px white) drop-shadow(0 0 15px white);
}

@media (max-width: 576px)  {
	.pt-sm-8 {
		padding-top: 5.5rem !important;
	}
}

.powImage {
	background-size: contain;
	background-blend-mode: overlay;
	background-position: center;
}

.powImageSide {
	background-size: 110%;
	background-blend-mode: normal;
	background-position: center top;
	background-repeat: no-repeat;
}

.freebieImage {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}