@CHARSET "ISO-8859-1";


/* Banner ad carousel */

	#promo-carousel {
		max-width:573px; 
		margin:0 auto;
	}

	section.stoves .carousel-indicators [data-bs-target]{
		border-top:unset;
		border-bottom:unset;
	}
	
    section.stoves .promo-carousel-indicators {
        float:none;
        border-radius:0;
        margin-top:0;
        height:2px;
		list-style-type: none;
        left:85px;
        bottom:0;    }


	section.stoves .promo-carousel-indicators li {
		border-top:unset;
		border-bottom:unset;
		padding:0;
        width:25px;
        height:7px;
        margin-bottom:0.5em;
        border-radius:0;
		border-color:#ffffff80;
		background-color:#80808080;	
	}
	
	section.stoves .promo-carousel-indicators li.active {
		border-color:#d0d0d0;
		background-color:#ffffffc0
	}

    @media (max-width: 991px) {
    
    	#promo-carousel {
            width:92%;
            margin-left:auto;
            margin-right:auto;
        }
    }
    
    @media (max-width: 767px) {
        section.stoves .promo-carousel-indicators {
        left:50%;
        }


        #promo-carousel {
            width:92%;
            max-width:573px;
            margin-left:auto;
            margin-right:auto;
        }
        .header-row {
            height:280px;
        }
        section.stoves .promo-carousel-indicators {
            visibility:hidden;

        }   
    }

    @media (max-width: 250px) {
        #promo-carousel {
            top:120px;
        }
        .header-row {
            height:200px;
        }

    }

	.nav-pills .nav-link.active{
		background-color: #337ab7;
	}

    
/* end carousel */
/**************************************/

/* NEW BRAND HEADERS START */
	.catalog-custom {
		margin-top:0px;
	}

	header .menu-line {
		border-bottom-width:0px;
	}

	#mobile-header {
		display:none;
	}

	.brand-header {
		width:100%;
		height:300px;  /*Alter to suit image */
	}

	.main {
		background-image:url('https://s3-eu-west-1.amazonaws.com/media.markselectrical.co.uk/brand-pages/stoves/Stoves-Header.jpg');
		background-position:top center;
		background-repeat:no-repeat;
	}

	@media (max-width:1199px) {
		.main {
			background-size:auto 260px; /* match height here to height below */
		}
		.brand-header {
			width:100%;
			height:260px;				/* match height here to height above */
		}	
	}

	@media (max-width:991px) {
		.main {
			background-size:auto 210px; /* match height here to height below */
		}
		.brand-header {
			width:100%;
			height:210px;				/* match height here to height above */
		}	
	}

	@media (max-width:585px) {
		.main {
			background-image:none;
		}
		.brand-header {
			height:auto;
		}
		#mobile-header {
			display:block;
		}
	}

/* NEW BRAND HEADERS END */


/*****************************************/


/* navigation */
	.stoves .nav {
		margin-top:20px;
		background-color:#363636;
	}
	.stoves .nav li {
		width:25%;
		border:1px solid #eeeff3;
		margin-left:0;
	}
	.stoves .nav li a {
		border-radius:0;
		color:#fff;
		font-size:16px;
		text-align:center;
	}
	.stoves .nav li a:hover {
		background-color:#c0c0c0;
		color:#000;
	}

/* end navigation */
/**************************************/

.intro-text {
	font-size:14px;
	text-align:center;
	padding:15px 75px;
}


.stoves h3 {
	margin:20px auto 20px;
	font-size:20px;
	font-weight:600;
	text-align:center;
}
.stoves p {
	font-size:14px;
	text-align:center;
	padding: 5px 10px;
}

.promo-row {
	margin-top:20px;
}
.grey-box {
	background-color:#e1e1e1;
	/*height:298px;*/
	padding:5px 10px;
}
.fact-images {
	/*width:100%;*/
}
.stoves .info-text {
	padding:10px;
	text-align:left;
	margin-top:0;
}
h3.info-headers {
	text-align:left;
	margin:15px 10px 10px;
}
.bottom-row {
	margin-bottom:20px;
}
@media (max-width: 1199px) {
	.grey-box {
		height:246px;
	}

	.stoves .info-text {
		padding:8px 8px 4px;
		text-align:left;
		margin-top:0;
		font-size:13px;
	}
	h3.info-headers {
		font-size:14px;
		margin: 8px ;
	}

	.focus-box h3 {
		font-size:18px;
	}


}

@media (max-width: 991px) {
	.grey-box {
		height:195px;
	}
	.stoves .info-text {
		padding:8px;
		text-align:left;
		margin-top:0;
		font-size:12px;
	}

	h3.info-headers {
		font-size:20px;
	}

	.focus-box h3 {
		font-size:20px;
	}

}
@media (max-width:767px) {
	.stoves .nav li {
		width:50%;
	}

	.intro-text {
		padding:15px 25px;
	}
	.stoves .info-text {
		padding:10px;
		font-size:14px;
	}
	.grey-box {
		height:auto;
	}

}


.flex-container {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:center;
}

.quarters {
	width:25%;
	display:flex;
	padding:5px;
}

.thirds {
	width:33.3333333%;
	display:flex;
	padding:5px;
}

.solo {
	width:80%;
	display:flex;
}

@media (max-width: 991px) {
	.quarters,
	.thirds {
		width:50%;
	}

}

@media (max-width: 767px) {
	.quarters,
	.thirds,
	.solo {
		width:100%;
		max-width:585px;
	}
}

.focus-box {
	position:relative;
	background-color:#fff;
	padding:0 5px 80px;
}

a.view-button {
	background-color:#363636;
	color:#fff;
	padding:15px 5px;
	font-size:14px;
	text-align:center;
	display:block;
	width:80%;
	max-width:280px;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	bottom:15px;	
}

a.view-button:hover {
	background-color:#c0c0c0;
	color:#363636;
}