e63737/* ======================= -------- Header -------- ========================== */
.home-header {
	padding: 200px 0 320px 0;
}

.home-header .overlay {
	background: rgba(0, 0, 0, 0.2);
}

.home-header .header-featured * {
	object-position: right bottom;
}

.header-parent.home-header:after {
    height: 200px;
    border-top-left-radius: 100% 400px;
    border-top-right-radius: 100% 400px;
    bottom: -80px;
	left: -200px;
	right: -200px;
}

.headergroup-home {
	margin: 0 0 70px 0;
}


/* ================== ----- Home Header Quicklinks ----- ===================== */
.dh-facts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	max-width: 1200px;
	width: 94%;
	margin: 40px auto 0;
}

.dhfacts-item {
	width: calc(100% / 3 - 40px);
	padding: 5px 15px;
	text-align: center;
	outline: 0;
}

.dhfacts-item header i {
	height: 50px;
	display: block;
	color: #e63737;
	font-size: 50px;
}

.dhfacts-item header h2 {
	font-size: 28px;
	font-weight: 700;
	margin: 30px 0 20px;
}

.dhfacts-item header:after {
	content: '';
	width: 60px;
	height: 1px;
	background: #e63737;
	display: block;
	margin: 0 auto;
}

.dhfacts-item p {
	font-size: 16px;
	line-height: 20px;
}

/* HEADER DOTS */
.dh-facts .slick-dots {
    max-width: 1200px;
    width: 94%;
    padding: 0;
    height: 0;
    display: flex;
    justify-content: center;
}

.dh-facts .slick-dots li {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.dh-facts .slick-dots li button {
    font-size: 0;
    display: block;
    width: 18px;
    padding: 0;
    margin: 0 10px 0 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.dh-facts .slick-dots li:last-child button {
    margin: 0;
}

.dh-facts .slick-dots li button:hover,
.dh-facts .slick-dots li button:focus {
    outline: none;
}

.dh-facts .slick-dots li button:hover:before,
.dh-facts .slick-dots li button:focus:before {
    opacity: 1;
}

.dh-facts .slick-dots li button:before {
 	font-family: 'Font Awesome 5 Free';
	content: "\f111";
	font-weight: 100;
    font-size: 18px;
    color: #e63737;
}

.dh-facts .slick-dots li.slick-active button:before {
 	font-family: 'Font Awesome 5 Free';
	content: "\f192";
	font-weight: 100;
}


/* ======================= -------- Home - About -------- ========================== */
.about {
	display: flex;
	flex-wrap: wrap;
	margin: 200px 0 0;
}

.about-left {
	width: 50%;
	position: relative;
}

.about-quote {
	position: absolute;
	background: #fff;
	top: 0;
	right: -20px;
	max-width: 600px;
	width: 100%;
	padding: 0 0 30px 50px;
	font-family: raleway, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 54px;
	color: #e63737;
	z-index: 1;
}

.about-img {
	margin-top: 100px;
	height: calc(100% - 100px);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2);
}

.about-img .bk-img * {
	object-position: bottom right;
}

.side-img {
	position: relative;
	width: 100%;
}

.about-img .overlay {
	background: rgba(255, 81, 0, 0.0);
}

.about-img:hover .overlay {
	background: rgba(255, 81, 0, 0.3);
}

.about-video {
	bottom: calc(50% - 100px);
	right: calc(25% + 40px);
}

.about-right {
	width: 50%;
	background: url(../images/watermark.svg);
	background-repeat: no-repeat;
	background-position: -60px center;
	background-size: auto 100%;
}


/* ======================= -------- Home - High Heat Retention + Take Control -------- ========================== */
.item-list {
	margin: 60px 0;
}

.item-list li {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 60px;
}

.item-list li:last-child {
	margin-bottom: 0;
}

.itemlist-icon {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.itemlist-white {
	background: #ffe5d9;
}

.itemlist-orange {
	background: #ff6b26;
}

.itemlist-icon img {
	display: block;
	max-height: 35px;
	height: 100%;
	max-width: 35px;
	width: 100%;
}

.item-list li article {
	width: calc(100% - 105px);
	margin-left: 30px;
}

.item-list li article h2 {
	font-size: 28px;
}

.item-list li article p {
	font-size: 16px;
	margin: 10px 0 0 0;
}

#take-control-of-your-heating {
	color: #fff;
}

#take-control-of-your-heating .section-left {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.tc-phone {
	position: absolute;
	width: 500px;
	right: 15%;
	bottom: 0;
}

.tc-phone * {
	width: 100%;
	height: 100%;
	display: block;
}

.sectionimg-heat-retention .bk-img * {
	object-position: bottom left;
}



/* ======================= -------- Home CTA - Electric Radiator Fitting Service -------- ========================== */
.cta-fitting {
	height: 900px;
}

.cta-fitting .bk-img * {
	object-position: center center;
}


.cta-fitting p {
	max-width: 700px;
	width: 70%;
	margin: 0 0 30px 0;
}




/* ======================= -------- Media Queries -------- ========================== */

@media screen and (max-height: 900px) , screen and (max-width: 1200px) {

	.home-header {
		padding: 160px 0 230px 0;
	}

	.header-parent.home-header:after {
		height: 180px;
		border-top-left-radius: 100% 300px;
		border-top-right-radius: 100% 300px;
		bottom: -110px;
	}

}

@media screen and (max-height: 800px) , screen and (max-width: 1000px) {

	.home-header {
		padding: 100px 0 170px 0;
	}

}

@media screen and (max-height: 700px) , screen and (max-width: 760px) {

	.home-header {
		padding: 80px 0 150px 0;
	}

}


@media screen and (max-height: 500px) , screen and (max-width: 550px) {

	.home-header {
		padding: 80px 0 90px 0;
	}

	.header-parent.home-header:after {
		height: 100px;
		border-top-left-radius: 100% 200px;
		border-top-right-radius: 100% 200px;
		bottom: -60px;
	}

}




@media (max-width: 1200px) {
/* ABOUT */
	.about-left {
		width: 40%;
	}

	.about-right {
		width: 60%;
	}

	.about-quote {
		font-size: 36px;
	}
/* ABOUT - END */

/* HIGH HEAT RENTNTION STONES / TAKE CONTROL OF YOUR HEATING */
	#high-heat-retention-stones.section-split .section-left, #take-control-of-your-heating.section-split .section-right {
		width: 60%;
	}

	#high-heat-retention-stones.section-split .section-right, #take-control-of-your-heating.section-split .section-left{
		width: 40%;
	}

/* HIGH STREET RENTNTION STONES / TAKE CONTROL OF YOUR HEATING  - END*/

/* Electric Radiator Fitting Service */
	.cta-fitting {
		height: 820px;
	}
/* Electric Radiator Fitting Service - END */

}

@media (max-width: 1000px) {
	.headergroup-home {
		margin: 0 0 50px 0;
	}

	.cta-fitting {
		height: 650px;
	}

	.tc-phone {
		width: 360px;
		right: 50px;
		bottom: 0;
	}


/* HIGH STREET RENTNTION STONES */
	.item-list {
		margin: 50px 0 20px;
	}

	.item-list li {
		margin-bottom: 40px;
	}

	.item-list li article {
		width: calc(100% - 95px);
		margin-left: 20px;
	}

	.item-list li article h2 {
		font-size: 24px;
	}

	.item-list li article p {
		font-size: 14px;
		margin: 5px 0 0 0;
		line-height: 20px;
	}
/* HIGH STREET RENTNTION STONES - END */


}


@media (max-width: 980px) {

	.about {
		margin: 80px 0 0;
	}

	.about-left {
		width: 100%;
		height: 600px;
		order: 1;
	}

	.about-right {
		width: 100%;
		order: 2;
	}

	.about-quote {
		right: unset;
		padding: 0 0 30px 50px;
		font-size: 48px;
		width: 80%;
	}

	.about-video {
		bottom: calc(50% - 100px);
		right: calc(50% - 50px);
	}

	.about-right {
		width: 100%;
		background: url(../images/watermark.svg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 90%;
	}


}

@media (max-width: 850px) {

	.dhfacts-item {
		width: calc(100% / 3 - 20px);

		text-align: center;
	}

	.dhfacts-item header i {
		height: 44px;
		font-size: 44px;
	}


	.dhfacts-item header h2 {
		font-size: 26px;
		margin: 20px 0 15px;
	}

	.dhfacts-item p {
		font-size: 14px;
		line-height: 16px;
	}

/* HIGH HEAT RENTNTION STONES */
	#high-heat-retention-stones.section {
		padding: 0;
	}

	#high-heat-retention-stones.section-split .section-left {
		width: 80%;
		order: 2;
		position: relative;
		margin-top: -160px;
		z-index: 1;
		background: #fff;
	}

	#high-heat-retention-stones.section-split .section-right {
		width: 100%;
		height: 500px;
		order: 1;
	}
/* HIGH STREET RENTNTION STONES  - END*/


/* TAKE CONTROL OF YOUR HEATING */
	#take-control-of-your-heating.section-split .section-right {
		width: 70%;
	}

	#take-control-of-your-heating.section-split .section-left{
		width: 30%;
	}

/* TAKE CONTROL OF YOUR HEATING  - END*/

}


@media (max-width: 800px) {

	.cta-fitting {
		height: 600px;
	}

    .cta-fitting .bk-img * {
	    object-position: left top;
    }

	.ctaheader-section h2 {
		font-size: 38px;
		line-height: 36px;
		margin: 0 0 15px 0;
	}

	.cta-fitting p {
		width: 90%;
		margin: 0 0 20px 0;
	}
}


@media (max-width: 780px) {

	#high-heat-retention-stones.section-split .section-left {
		width: 90%;
	}

	.about-quote {
		padding: 0 30px 30px 3%;
		font-size: 42px;
	}

}


@media (max-width: 760px) {

	.headergroup-home {
		margin: 0 0 30px 0;
	}

}

@media (max-width: 660px) {

	.about-quote {
		width: 90%;
	}

	.ctaheader-section h2 {
		font-size: 34px;
		line-height: 34px;
	}


}


@media (max-width: 600px) {

/* HIGH STREET RENTNTION STONES */
	.itemlist-icon {
		width: 65px;
		height: 65px;
	}

	.itemlist-icon img {
		max-height: 30px;
		max-width: 30px;
	}

	.item-list li article {
		width: calc(100% - 80px);
		margin-left: 15px;
	}

	.item-list li article h2 {
		font-size: 22px;
	}

	.item-list li article p {
		font-size: 14px;
	}

	.item-list li {
		margin-bottom: 20px;
	}
/* HIGH STREET RENTNTION STONES - END */

}



@media (max-width: 550px) {

	.about-quote {
		width: 95%;
		font-size: 32px;
	}

	.about-img {
		margin-top: 50px;
	}

	.about-left {
		height: 400px;
	}

	.about-video {
		bottom: calc(50% - 80px);
		right: calc(50% - 40px);
	}


	#high-heat-retention-stones.section-split .section-left {
		width: 95%;
	}

/* TAKE CONTROL OF YOUR HEATING */
	#take-control-of-your-heating.section-split .section-right {
		width: 100%;
	}

	#take-control-of-your-heating.section-split .section-left{
		display: none;
	}

	#take-control-of-your-heating .container-600 {
		margin: 0 auto;
	}

    .tc-phone {
        display: none;
    }

/* TAKE CONTROL OF YOUR HEATING  - END*/

}

@media (max-width: 400px) {

/* HIGH STREET RENTNTION STONES */
	.itemlist-icon {
		width: 60px;
		height: 60px;
	}

	.itemlist-icon img {
		max-height: 25px;
		max-width: 25px;
	}

	.item-list li article {
		width: calc(100% - 70px);
		margin-left: 10px;
	}

	.item-list li article h2 {
		font-size: 20px;
	}

/* HIGH STREET RENTNTION STONES - END */

}