.footer__info p.footer__phone a, .footer__location p.footer__address-info {
	font-family: 'Lato', sans-serif! important;
}

.contact-form__location-list ul li div {
	font-family: 'Lato', sans-serif! important;
}

.contact-form__location-list ul li.contact-page-number a {
	font-family: 'Lato', sans-serif! important;
}

.case-single__header-right p span.postcode {
	font-family: 'Lato', sans-serif! important;
}

.header__nav ul{
	align-items: center;
	justify-content: center;
}

.header__nav ul li{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header__nav .header__product-list ul{
	justify-content: flex-start;
}

.header__nav .header__product-list ul li{
	height: auto;
	display: block;
}

.header__get-qoute.header__get-qoute--mobile{
	display: none;
}

@media screen and (max-width: 920px){
	
	.header__get-qoute{
		display: none !important;
	}
	
	.header__get-qoute.header__get-qoute--mobile{
		display: block !important;
		padding-bottom: 40px;
		text-align: center;
	}
}


/**
*** Branch Style
**/
.wrapper.wrapper-wide{
	max-width: 1454px;
}
.branch-header{
	background-color: #153242;
	color: #E6E6E7;
	padding: 100px 0 59px;
	position: relative;
}
.branch-header::after{
	background-color: #E39C73;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 3px 6px #00000029;
	content: '';
    height: 30px;
    max-width: 1452px;
    bottom: -13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    z-index: -1;
}
.branch-header__title{
	color: #E6E6E7;
	font-size: 38px;
	font-weight: 500;
    line-height: 1em;
	letter-spacing: 0px;
	margin-bottom: 20px;
}
.branch-header__content,
.branch-header__content p{
    letter-spacing: 1.1px;
}
.branch-header__row > .col-6:first-of-type{
	padding-right: 6%;
}
.row.branch-header__details-row{
	background-color: #435B67;
    margin-right: 0 !important;
    margin-left: 0 !important;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 6px;
	padding: 40px 34px 23px 34px;
	position: relative;
}
.branch-header__details-row::after{
	background-color: #E6E6E7;
    content: '';
    width: 1px;
    height: 90%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    position: absolute;
    bottom: 0;
}
.branch-header__details-row h2,
.branch-header__details-row .h2{
	color: #E6E6E7;
	font-size: 20px;
	letter-spacing: 0.26px;
	line-height: 1em;
	font-weight: 600;
    margin-bottom: 11px;
}
.branch-header__address{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.484' height='22.783' viewBox='926.758 317.303 16.484 22.783'%3E%3Cpath d='M935 317.303c-4.557 0-8.242 3.663-8.242 8.191 0 4.88 5.204 11.609 7.347 14.171.471.562 1.33.562 1.802 0 2.13-2.562 7.335-9.29 7.335-14.17 0-4.53-3.685-8.192-8.242-8.192Zm0 11.117a2.936 2.936 0 0 1-2.944-2.926A2.936 2.936 0 0 1 935 322.57a2.936 2.936 0 0 1 2.944 2.925A2.936 2.936 0 0 1 935 328.42Z' fill='%23e39c73' fill-rule='evenodd' data-name='Path 2076'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 16px 23px;
	background-position: 7px center;
	padding-left: 46px;
}
.branch-header__details p{
	font-size: 14px;
    line-height: 1.429em;
    letter-spacing: 0.8px;
}
.branch-header__details a{
	color: #E6E6E7;
	text-decoration: none
}
.branch-header__email-address{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.375' height='18.749' viewBox='923.313 359.625 23.375 18.749'%3E%3Cg data-name='email-24px (1)'%3E%3Cpath d='M944.35 359.625h-18.7a2.337 2.337 0 0 0-2.326 2.344l-.011 14.062a2.347 2.347 0 0 0 2.337 2.344h18.7a2.347 2.347 0 0 0 2.337-2.344V361.97a2.347 2.347 0 0 0-2.337-2.344Zm-.468 4.98-8.263 5.18a1.18 1.18 0 0 1-1.239 0l-8.263-5.18a1.003 1.003 0 0 1-.467-.843.992.992 0 0 1 1.52-.844l7.83 4.91 7.83-4.91a.992.992 0 0 1 1.52.844c0 .34-.176.656-.468.844Z' fill='%23e39c73' fill-rule='evenodd' data-name='Path 2080'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 23px 19px;
	background-position: 3px center;
	padding-left: 46px;
}
.branch-header__number{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.171' height='21.17' viewBox='924.424 398.406 21.171 21.17'%3E%3Cg data-name='local_phone-24px'%3E%3Cpath d='m943.52 412.842-2.993-.341a2.346 2.346 0 0 0-1.933.671l-2.169 2.169a17.731 17.731 0 0 1-7.766-7.767l2.18-2.18a2.346 2.346 0 0 0 .672-1.933l-.342-2.97a2.359 2.359 0 0 0-2.345-2.085h-2.039c-1.332 0-2.44 1.107-2.357 2.439.625 10.065 8.674 18.102 18.727 18.727 1.331.082 2.44-1.026 2.44-2.357v-2.04a2.336 2.336 0 0 0-2.075-2.333Z' fill='%23e39c73' fill-rule='evenodd' data-name='Path 2078'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 21px 21px;
	background-position: 4px center;
	padding-left: 46px;
}
.branch-header__details > div:not(:last-of-type){
	margin-bottom: 17px;
}
.branch-header__details-row > .col-6:last-of-type{
	padding-left: 5%;
    padding-right: 0;
}
.branch-header__open-item{
	font-size: 14px;
	display: flex;
    justify-content: space-between;
}

.branch-google-map{
	padding: 69px 0 45px;
}
.branch-google-map__title{
	font-size: 34px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 14px;
}
.branch-google-map__iframe{
	margin-bottom: 21px;
}
.branch-google-map__iframe iframe{
	width: 100%;
	height: 418px;
}
.branch-google-map__direction a{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='133 1131 22 22'%3E%3Cpath d='M139.633 1145.275h1.637v-3.548h5.023v2.32l3.166-3.139-3.166-3.166v2.347h-5.841a.795.795 0 0 0-.82.82v4.366ZM144 1153a1.94 1.94 0 0 1-.641-.11 1.382 1.382 0 0 1-.533-.327l-9.39-9.39a1.382 1.382 0 0 1-.327-.532 1.94 1.94 0 0 1 0-1.282c.073-.21.182-.387.328-.533l9.39-9.39c.145-.145.322-.254.532-.327a1.94 1.94 0 0 1 1.282 0c.21.073.387.182.533.328l9.39 9.39c.145.145.254.322.327.532a1.94 1.94 0 0 1 0 1.282c-.073.21-.182.387-.328.533l-9.39 9.39a1.382 1.382 0 0 1-.532.327 1.94 1.94 0 0 1-.641.109Z' fill='%23153242' fill-rule='evenodd' data-name='directions_FILL1_wght400_GRAD0_opsz48'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 22px;
	font-size: 18px;
	color: #153242 !important;
    text-decoration: none;
    padding-left: 40px;
    letter-spacing: 1px;
    font-weight: 600;
    background-position: 0 2px;
}
.branch-google-map .col-5{
	padding-left: 134px;
    padding-top: 76px;
}
.branch-google-map__image{
	margin-bottom: 20px;
	min-height: 418px;
    position: relative;
}
.branch-google-map__image img{
	height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
}
.branch-google-map__content,
.branch-google-map__content p{
	font-weight: 500;
}

.product-range.branch-product-range{
	background-color: #E6E6E7;
	padding-top: 72px;
	padding-bottom: 41px;
}
.branch-product-range .wrapper{
	max-width: 1454px;
}
.product-range.branch-product-range h3{
	text-transform: none;
    font-size: 34px;
    font-weight: 300;
	letter-spacing: 0.6px;
	margin-bottom: 12px;
}
.product-range.branch-product-range .header__product-list{
	background: transparent;
}
.product-range.branch-product-range .header__product-list ul li, .header__product-list ul li {
	max-width: 16.66%;
	margin-bottom: 41px !important;
}

.contact-form-v2{
	background-color: #1D78AD;
	padding-top: 65px;
	padding-bottom: 73px;
}
.contact-form-v2__title{
	color: #FFFFFF;
	font-size: 34px;
	letter-spacing: 1px;
}
.contact-form-v2 .wrapper{
	max-width: 716px;
}
.contact-form-v2__content{
	color: #FFFFFF;
}
.contact-form-v2 form{
	margin-top: 20px;
}
.contact-form-v2 form label{
	display: block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.9px;
	margin-bottom: 5px;
}
.contact-form-v2 form select{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.18' height='4.593' viewBox='199.414 18 7.18 4.593'%3E%3Cg data-name='arrow_drop_down-24px (6)'%3E%3Cpath d='m199.71 19.71 2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71h-5.18c-.89 0-1.33 1.08-.7 1.71Z' fill='%23fff' fill-rule='evenodd' data-name='Path 2174'/%3E%3C/g%3E%3C/svg%3E");
	background-color: #153242;
	background-repeat: no-repeat;
	background-position: 90% center;
	background-size: 7px 6px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    padding: 11px 12px;
    border: none;
    border-radius: 8px;
	min-width: 230px;
	-webkit-appearance: none;
  	-moz-appearance: none;
}
.contact-form-v2 form .field__row-subject{
	margin-bottom: 34px;
}

@media (max-width: 1550px){
	.wrapper.wrapper-wide{
		max-width: 1350px;
    	padding: 0 15px;
	}
	.branch-product-range .wrapper{
		max-width: 1350px;
    	padding: 0 15px;
	}
}
@media (max-width: 1023px){
	.wrapper-wide [class^="col-"] {
		max-width: 100%;
		flex-basis: 100%;
	}
	.wrapper-wide [class^="col-"]:not(:last-of-type) {
		margin-bottom: 30px;
	}

	.branch-header{
		padding-top: 60px;
	}
	.row.branch-header__details-row{
		padding-left: 15px;
		padding-right: 15px;
	}
	.branch-header__row > .col-6:first-of-type {
		padding-right: 15px;
	}
	.branch-header__details-row > .col-6:last-of-type {
		padding-left: 15px;
		padding-right: 15px;
	}
	.branch-header__details-row::after{
		opacity: 0;
	}
	.branch-header__details{
		border-bottom: 1px solid;
    	padding-bottom: 30px;
	}
	.branch-header__details-row h2, .branch-header__details-row .h2{
		margin-bottom: 15px;
	}

	.branch-google-map {
		padding: 60px 0 60px;
	}
	.branch-google-map__image{
		min-height: 250px;
	}
	.branch-google-map .col-5 {
		padding-left: 15px;
		padding-top: 0;
	}
	.product-range.branch-product-range{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.product-range.branch-product-range .header__product-list ul li, .header__product-list ul li {
		max-width: 50%;
		margin-bottom: 30px !important;
	}
	.product-range.branch-product-range .header__product-list ul li p{
		height: 70px;
	}
	.product-range.branch-product-range .header__product-container img {
		height: 160px;
	}

	.contact-form-v2{
		padding-top: 60px;
    	padding-bottom: 60px;
	}
}


/**
*** Menu with dropdown
**/

.header-mobile-panel {
	display: none;
    padding: 0 16px;
	margin-bottom: 20px;
}

	.header-mobile-menu-back {
		text-decoration: none;
		color: #092637;
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
	}

	.header-mobile-menu-back .arrow-back {
		display: inline-block;
		vertical-align: middle;
		transform: rotate(90deg);
		width: 16px;
		height: 9px;
		margin-right: 6px;
	}

	.sub-menu-title {
		display: block;
		color: #092637;
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		margin-top: 20px;
	}

.menu .menu-item-has-children {
	position: relative;
}

.header__nav .menu > li {
	display: inline-block;
}

.header__nav .menu li svg,
.header__nav .menu li path {
	transition: all .3s ease;
}

@media (max-width: 920px) {
	.menu .menu-item-has-children > a > .nav-arrow {
		width: 16px !important;
    	height: 9px !important;
	}
}

.header__nav .menu > li > a svg {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.header__nav .menu > li:hover > a svg {
	transform: rotate(180deg);
	
}

@media (min-width: 921px) {
	.header__nav .menu > li:hover a svg path {
		fill: #1D78AD;
	}
}


.menu .sub-menu {
	display: block;
	pointer-events: none;
	opacity: 0;
	position: absolute;
	min-width: 205px;
	transform: translateY(15px);
	transition: all .3s ease;
	visibility: hidden;
}

	.menu > li > .sub-menu {
		padding-top: 29px;
	}

	.menu .sub-menu .sub-menu {
		left: calc(100%);
		top: 29px;
	}

	.menu  li:hover > .sub-menu {
		opacity: 1;
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}

		.menu .sub-menu li {
			display: block;
			position: static;
		}

		.menu .sub-menu li a {
			display: flex;
			align-items: center;
			justify-content: space-between;
			text-align: unset;
			background: #fff;
			font-size: 14px;
			font-weight: 400;
			border-left: 1px solid #C8E5F6;
			border-right: 1px solid #C8E5F6;
			border-bottom: 1px solid #C8E5F6;
			padding: 7px 12px;
		}

			.menu .sub-menu li a .nav-arrow {
				transform: rotate(-90deg);
			}

		.menu .sub-menu li:hover > a {
			background-color: #C8E5F6;
			color: #092637;
		}

		.menu .sub-menu > li:last-child > a {
			border-radius: 0px 0px 6px 6px;
		}


@media (max-width: 920px) {

	.header-mobile-panel.active {
		display: block;
	}

	.header__nav {
		top: 90px;
		border-top: 1px solid #A4D4F0;
		border-left: 1px solid #A4D4F0;
	}
	.menu-header-menu-container {
		overflow: hidden;
	}

	.menu .menu-item-has-children > a > .nav-arrow {
		width: 16px !important;
		height: 9px !important;
	}

	#primary-menu {
		transition: transform .3s ease;
	}

	#primary-menu > li > a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#primary-menu > li {
		position: static;
	}

	#primary-menu > li > a .nav-arrow {
		transform: rotate(-90deg);
	}

	.menu > li > .sub-menu {
		padding-top: 0;
	}

	header .menu .sub-menu {
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
		padding: 0;
		background-color: transparent !important;
		left: 100%;
		opacity: 0 !important;
		pointer-events: none;
		display: block !important;
		display: block !important;
		overflow: unset !important;
		transition: opacity .3s ease !important;
	}
/* 
	header .menu .sub-menu.active {
		opacity: 1 !important;
		pointer-events: auto;
	} */

	header .menu > .menu-item-has-children.active .sub-menu {
		opacity: 1 !important;
		pointer-events: auto;
	}

	header .menu .sub-menu .sub-menu {
		/* left: 200%; */
	}

	header .menu .sub-menu li {
		padding: 0 16px;
	}

	header .menu .sub-menu li a {
		padding: 8px 12px;
		color: #092637 !important;
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		border-left: unset;
		border-right: unset;
		border-bottom: 1px solid #9F9F9F;
		background-color: transparent;
	}

	.menu .sub-menu > li:last-child > a {
		border-radius: unset;
	}
}

/* .menu .menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
} */
.menu .menu-item-has-children > a{
	position: relative;
}
/* .menu .menu-item-has-children > a > .arrow::after{
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7.6875L2.625 4.3125' stroke='%234B4B4D' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.375 4.3125L6 7.6875' stroke='%234B4B4D' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    right: -18px;
    top: 1px;
    width: 12px;
    height: 12px;
    transition: all .2s ease-in-out;
} */
.menu .menu-item-has-children:hover > a > .arrow::after{
	transform: rotate(180deg);
}
.menu .sub-menu li{
	text-align: left;
	margin-right: 0 !important;
	display: block;
}
/* .menu .sub-menu li a{
	padding: 8px 15px;
    display: block;
    text-align: left;
} */
@media (max-width: 920px){
	.header__nav{
		overflow: auto;
	}
	.menu .menu-item-has-children{
		flex-wrap: wrap;
		height: auto;
	}
	.menu .sub-menu{
		visibility: visible;
		opacity: 1;
		position: static;
		transform: none;
		width: 100%;
		padding-bottom: 0;
		max-height: 0;
    	overflow: hidden;
	}
	.menu .sub-menu li{
		height: auto;
		margin-bottom: 0;
		padding-top: 9px;
    	padding-bottom: 5px;
	}
	.menu .sub-menu li::before{
		height: 2px;
		border-radius: 0;
	}
	.menu .sub-menu li a{
		text-align: center
	}
	.menu .menu-item-has-children > a > .arrow{
		position: absolute;
		width: 40px;
		height: calc(100% + 10px);
		right: 10px;
		top: 3px;
	}
	.menu .menu-item-has-children:hover > a > .arrow::after{
		transform: rotate(0);
	}
	.menu .menu-item-has-children > a > .arrow::after{
		top: 0;
		width: 16px;
		height: 16px;
		transition: all .2s ease-in-out;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	.menu .menu-item-has-children.open > a > .arrow::after{
		transform: rotate(180deg);
	}
}


/* SDEV promotion update */
.homepage-popup-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.45);
	z-index: 1000;
}

.hpop-wrapper {
	width: 100%;
	height: 100%;
	padding: 40px 20px;
	overflow-y: auto;
}

.hpop-inner-box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	max-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background: #0F3F5B;
	border-radius: 10px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	position: relative;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.hpop-inner-box .cls {
	border: none;
	background: none;
	position: absolute;
	top: 15px;
	right: 18px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.hpop-inner-box .cls:hover {
	opacity: 0.65;
}

.hpop-inner-box .image-container {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 385px;
	        flex: 0 0 385px;
	width: 385px;
	position: relative;
}

.hpop-inner-box .image-container img{
	width: 100%;
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.hpop-inner-box .image-container img.desktop-img {
	display: block;
}
.hpop-inner-box .image-container.has-tab img.tablet-img,
.hpop-inner-box .image-container.has-mob img.mobile-img {
	display: none;
}

.hpop-inner-box .details {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	width: calc(100% - 385px);
	padding: 55px 45px 40px 31px;
}

.hpop-inner-box .details h4 {
	font-family: "Catamaran", sans-serif;
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 12px;
	color: #C8E5F6;
}

.hpop-inner-box .details .text-content p {
	font-family: "Catamaran", sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	letter-spacing: -0.36px;
	margin: 0 0 10px;
	color: #fff;
}

.hpop-inner-box .details .text-content p:last-child {
	margin: 0;
}

.hpop-inner-box .details .cta-btn {
	display: inline-block;
	margin: 24px 0 0;
	padding: 10px 18px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	font-family: "Catamaran", sans-serif;
	background-color: #1D78AD;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hpop-inner-box .details .cta-btn:hover {
	opacity: 0.65;
}

@media only screen and (max-width: 800px) {
	.hpop-inner-box {
		width: 584px;
	}
	.hpop-inner-box .image-container {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 214px;
		        flex: 0 0 214px;
		width: 214px;
		position: relative;
	}
	.hpop-inner-box .details {
		width: calc(100% - 214px);
	}
	.hpop-inner-box .details .text-content p {
		font-size: 16px;
	}
	
	.hpop-inner-box .image-container.has-tab img.desktop-img {
		display: none!important;
	}
	.hpop-inner-box .image-container.has-tab img.mob-img {
		display: none!important;
	}
	.hpop-inner-box .image-container.has-tab img.tablet-img {
		display: block!important;
	}
}

@media only screen and (max-width: 480px) {
	.hpop-inner-box {
		width: 270px;
	}
	
	.hpop-inner-box .image-container img {
		position: relative;
		height: auto;
		aspect-ratio: 270 / 184;
	}
	.hpop-inner-box .image-container.has-mob img.desktop-img {
		display: none!important;
	}
	.hpop-inner-box .image-container.has-mob img.tablet-img {
		display: none!important;
	}
	.hpop-inner-box .image-container.has-mob img.mobile-img {
		display: block!important;
	}
	.hpop-inner-box .image-container {
		-webkit-box-flex: initial;
		    -ms-flex: initial;
		        flex: initial;
		width: 100%;
	}
	.hpop-inner-box .details {
		width: 100%;
		-webkit-box-flex: initial;
		    -ms-flex: initial;
		        flex: initial;
		padding: 16px 16px 25px;
	}
	.hpop-inner-box .details h4 {
		font-size: 18px;
		line-height: 22px;
	}
	.hpop-inner-box .details .cta-btn {
		margin: 28px 0 0;
	}
	.hpop-inner-box .cls-btn {
		display: none;
	}
}

/*promotion template */
.promotion-hero {
	width: 100%;
	position: relative;
}

.promotion-hero .image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.promotion-hero .image-container img{
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

.promotion-hero .content-container {
	width: 100%;
	max-width: 778px;
	margin: 0 auto;
	min-height: 1040px;
	padding: 96px 54px;
	z-index: 1;
}

.promotion-hero .content-container .logo-img {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto 24px;
}

.promotion-hero .content-container .title-img {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto 34px;
}
.promotion-hero .content-container .title-img.mobile {
	display: none;
}

.promotion-hero .content-container .btn.btn--primary {
	width: 100%;
	display: inline-block;
	padding: 16px 34px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	font-family: "Catamaran", sans-serif;
	background-color: #1D78AD;
	border-radius: 12px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: center;
}

.promotion-hero .content-container .btn.btn--primary:hover {
	opacity: 0.65;
}

.promotion-banner {
	width: 100%;
	position: relative;
	background: #1D78AD;
	padding: 38px 32px;
}

.promotion-banner .content-container {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
}

.promotion-banner .content-container h4{
	color: #fff;
	font-family: "Catamaran", sans-serif;
	font-size: 36px;
	line-height: 43px;
	letter-spacing: -0.72px;
	font-weight: 600;
	text-align: center;
	display: block;
	width: 100%;
}

.promotion-content {
	padding: 64px 34px 180px;
	width: 100%;
	position: relative;
}

.promotion-content .content-container {
	width: 100%;
	max-width: 1008px;
	margin: 0 auto;
}

.promotion-content .content-container .text-content h2 {
	font-family: "Catamaran", sans-serif;
	font-size: 36px;
	line-height: normal;
	font-weight: 700;
	color: #092637;
	margin: 0 0 34px;
}

.promotion-content .content-container .text-content ol {
	list-style: none;
	padding: 0;
	margin: 0 0 34px;
	counter-reset: custom-counter;
}

.promotion-content .content-container .text-content ol li {
	counter-increment: custom-counter;
	list-style-type: none;
	position: relative;
	font-family: "Catamaran", sans-serif;
	font-size: 22px;
	line-height: 26px;
	padding-left: 68px;
	margin: 0 0 18px;
}

.promotion-content .content-container .text-content ol li:last-child {
	margin: 0;
}

.promotion-content .content-container .text-content ol li:before {
	content: counter(custom-counter);
	width: 44px;
	height: 44px;
	background: #C8E5F6;
	color: #1D78AD;
	font-size: 31px;
	line-height: 37px;
	border-radius: 50%;
	letter-spacing: -0.625px;
	font-weight: 600;
	margin-right: 24px;
	font-family: "Catamaran", sans-serif;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}
.promotion-content .content-container .text-content p {
	font-family: "Catamaran", sans-serif;
	font-size: 22px;
	line-height: 35px;
	margin:  0 0 16px;
}

.promotion-content .content-container .text-content p:last-child {
	margin: 0;
}

.promotion-content .content-container .buttons-container {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 34px 0 0;
}

.promotion-content .content-container .buttons-container .btn {
	display: inline-block;
	margin: 0 34px 10px 0;
	padding: 14px 24px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	font-family: "Catamaran", sans-serif;
	border-radius: 4px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
}
.promotion-content .content-container .buttons-container .btn:hover {
	opacity: 0.65;
}

.promotion-content .content-container .buttons-container .btn.btn--primary {
	background-color: #1D78AD;
	color: #fff;
}

.promotion-content .content-container .buttons-container .btn.btn--secondary {
	background-color: transparent;
	color: #228BC8;
	border-color: #228BC8;
}

@media only screen and (max-width: 800px) {
	.promotion-hero .content-container {
		padding: 72px 54px;
		min-height: 888px;
	}
	.promotion-hero .content-container .logo-img {
		margin: 0 auto 16px;
	}
	.promotion-banner .content-container h4 {
		font-size: 32px;
		line-height: 38px;
	}
	.promotion-content .content-container .text-content ol li,
	.promotion-content .content-container .text-content p {
		font-size: 18px;
		line-height: 22px;
	}
	.promotion-content .content-container .buttons-container .btn {
		padding: 12px 20px;
		font-size: 16px;
		line-height: 24px;
	}
}

@media only screen and (max-width: 480px) {
	.promotion-hero .content-container {
		padding: 37px 16px;
		min-height: 760px;
	}
	.promotion-hero .content-container.has-mob .title-img.desktop  {
		display: none!important;
	}
	.promotion-hero .content-container.has-mob .title-img.mobile {
		display: block!important;
	}
	.promotion-hero .content-container .btn.btn--primary {
		font-size: 16px;
		line-height: 19px;
		letter-spacing: -0.32px;
	}
	.promotion-banner  {
		padding: 38px 16px;
	}
	.promotion-banner .content-container h4 {
		font-size: 24px;
		line-height: 29px;
	}
	.promotion-content {
		padding: 46px 16px 180px;
	}
	.promotion-content .content-container .text-content h2 {
		font-size: 28px;
		margin:  0 0 18px;
	}
	.promotion-content .content-container .text-content ol li {
		margin: 0 0 46px;
	}
	.promotion-content .content-container .buttons-container {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.promotion-content .content-container .buttons-container .btn {
		width: 100%;
		margin: 0 0 24px;
		text-align: center;
	}
	.promotion-content .content-container .buttons-container .btn:last-child {
		margin: 0;
	}
}

/*header updates*/
.header {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
	height: 120px!important;
}
.header__get-qoute {
	top: -14px!important;
}
.header-top-text {
	color: #15587F!important;
	font-family: 'Inter', sans-serif!important;
	font-weight: 600!important;
	background: #C8E5F6!important;
}
@media screen and (max-width: 920px) {
	.header {
		height: 90px!important;
	}
}


.page-skylights .product-listing .wrapper{
	max-width: 1318px;
}
@media screen and (min-width: 769px){
  .page-skylights .product-listing .product-listing__col{
      max-width: 25%;
  }
}

.full-hero-image-only-slider-image-gradient .full-hero-image-only-slider__content{
	background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}
.full-hero-image-only-slider-image-gradient h1{
	font-weight: 300;
    letter-spacing: -0.0088em;
    line-height: 62px;
    font-size: 50px;
    color: #E6E6E7;
}
@media screen and (max-width: 680px) {
	.full-hero-image-only-slider-image-gradient h1{
		font-size: 33px;
		line-height: 44px;
		margin-bottom: 4px;
	}
}

.template-style-1 .wysiwyg h2{
	font-size: 20px;
	font-weight: 700; 
	text-transform: uppercase; 
	line-height: 1.15em; 
	letter-spacing: 0.49px; 
	color: #000;
	margin-bottom: 22px;
}
.template-style-1 .wysiwyg .wysiwyg__content{
	max-width: 100%;
}
.template-style-1 .wysiwyg strong{
	color: #000;
}
.template-style-1 .wysiwyg ul{
	margin-left: 20px;
}
.template-style-1 table{
	border-radius: 6px; 
	border: 1px #C3D8E2 solid;
	border-collapse: unset !important;
    border-spacing: 0;
	overflow: hidden;
}
.template-style-1 table th{
	color: #1D78AD;
	letter-spacing: 0.49px;
	font-weight: 700;
	text-align: left;
}
.template-style-1 table.table-style-1 th:last-child,
.template-style-1 table.table-style-1 td:last-child{
	background-color: #F0FAFF
}
.template-style-1 table th,
.template-style-1 table td{
	border-right: 1px solid #C3D8E2;
	border-bottom: 1px solid #C3D8E2;
	line-height: 1.438em;
	padding-top: 8px; 
	padding-bottom: 8px; 
	padding-left: 20px; 
	padding-right: 10px;
}
.template-style-1 table th:last-child,
.template-style-1 table td:last-child{
	border-right: none;
}
.template-style-1 table tr:last-child td{
	border-bottom: none;
}
.template-style-1 table img.alignleft{
	float: none;
    margin: 0;
    margin-right: 5px;
	top: 0.1em;
	position: relative;
}
.template-style-1 table.table-style-2 th,
.template-style-1 table.table-style-2 td{
	background-color: #F0FAFF;
	text-align: center;
	padding-left: 10px; 
}
.template-style-1 .wysiwyg hr{
	height: 5px;
	margin-bottom: 2em;
}
.template-style-1 .wysiwyg hr.hr-blue{
	background-color: #1D78AD;
}
.products-grid{
	display: flex;
    flex-wrap: wrap;
    gap: 30px;
	margin-bottom: 60px;
}
.products-grid .product-item{
	max-width: 240px;
	width: 100%;
}
.products-grid .product-item .product-name{
	display: block;
	color: #000;
	text-decoration: none;
}
.products-grid .product-item .product-name:hover{
	color: #1D78AD;
	text-decoration: underline;
}
.products-grid .product-item .product-image{
	border: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    padding: 10px;
    height: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.template-style-1 .wysiwyg .wp-image-border{
	padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 8px;
}
.template-style-1 .contact-form-v2{
	background-color: #E6E6E7;
}
.template-style-1 .contact-form-v2 .wrapper{
	max-width: 522px;
}
.template-style-1 .contact-form-v2 .contact-form-v2__title,
.template-style-1 .contact-form-v2 .contact-form-v2__content{
	color: #404040;
}
.block-content-image{
	float: left;
	width: 100%;
}


.footer__top-container,
.footer__bottom-container{
	height: auto !important;
}


@media (max-width: 1024px){
	.full-hero-image-only-slider-image-gradient .full-hero-image-only-slider__container{
		height: auto;
	}
	.full-hero-image-only-slider-image-gradient .full-hero-image-only-slider__image-item {
		height: 210px !important;
	}
	.full-hero-image-only-slider-image-gradient .full-hero-image-only-slider__image{
		height: 210px;
	}
	.table-responsive{
		overflow-x: auto;
		margin-bottom: 30px;
	}
	.table-responsive table{
		margin-bottom: 0;
	}
}
@media (max-width: 767px){
	.products-grid .product-item{
		max-width: none;
		width: 100%;
	}
	.template-style-1 .wysiwyg .wp-image-border{
		float: none;
    	margin-left: 0;
		margin-right: 0;
	}
	.block-content-image img{
		float: none;
		margin: 1.5em 0;
	}
}

.full-hero-image-only-slider h1{
	color: #e6e6e7;
    margin-bottom: 13px;
    font-weight: 300;
    letter-spacing: -0.0088em;
    line-height: 62px;
    font-size: 50px;
}
.single-product .full-hero-banner__content h1{
	color: #e6e6e7;
    margin-bottom: 9px;
	font-weight: 500;
    line-height: 63px;
    font-size: 38px;
    letter-spacing: -0.0072em;
}
.colour-library-listing .colour-pages h1,
.colour-range-listing .colour-pages h1,
.colour-range-category .colour-pages h1{
	color: #030d12;
	font-size: 39px;
    line-height: 47px;
    letter-spacing: -0.78px;
}
.warm-cool-guide-page .colours-banner-heading h1{
	width: 49%;
}
.wysiwyg__content h1{
	margin-bottom: 48px;
    color: #153242;
	font-weight: 300;
    letter-spacing: -0.0088em;
    line-height: 62px;
    font-size: 50px;
}
.contact-form__forms h1,
.blank-header h1{
	color: #153242;
    margin-bottom: 11px;
	font-weight: 300;
    letter-spacing: -0.0088em;
    line-height: 62px;
    font-size: 50px;
}
.get-quote__form h1{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: -0.0088em;
	line-height: 62px;
	font-size: 50px;
}
@media (max-width: 800px){
	.warm-cool-guide-page .colours-banner-heading h1{
		width: 100%;
	}
}
@media (max-width: 768px){
	.colour-range-listing .colour-pages h1,
	.warm-cool-guide-page .colours-banner-heading h1{
		padding-bottom: 16px;
	}
}
@media (max-width: 680px){
	.full-hero-image-only-slider h1{
		font-size: 33px;
		line-height: 44px;
		margin-bottom: 4px;
	}
	.single-product .full-hero-banner__content h1 {
        font-size: 28px;
        line-height: 46px;
    }
	.wysiwyg__content h1{
		font-size: 33px;
        line-height: 54px;
		margin-bottom: 11px;
	}
	.contact-form__forms h1,
	.blank-header h1,
	.get-quote__form h1{
        font-size: 33px;
        line-height: 54px;
    }
}
@media (max-width: 376px) {
    .colour-library-listing .colour-pages h1,
	.colour-range-listing .colour-pages h1,
	.colour-range-category .colour-pages h1{
        font-size: 31px;
        line-height: 38px;
        letter-spacing: -0.625px;
    }
	.colour-range-category .colour-pages h1{
		font-size: 25px;
        line-height: 30px;
	}
}

.full-hero-slider.full-hero-slider-2{
	height: 480px;
	top: -24px;
}
.full-hero-slider.full-hero-slider-2 .full-hero-slider__slide{
	position: absolute;
	width: 100%;
    left: 0;
    top: 0;
	height: calc(100% + 14px);
}
.full-hero-slider-2 h1{
	color: #cad8e0;
	margin-bottom: 17px;
	font-weight: 500;
    line-height: 1.2em;
    font-size: 38px;
    letter-spacing: -0.0072em;
}
@media screen and (max-width: 1024px) {
	.full-hero-slider.full-hero-slider-2{
		height: auto;
	}
	.full-hero-slider-2 h1{
		font-size: 28px;
	}
	.full-hero-slider.full-hero-slider-2 .full-hero-slider__content p{
		font-size: 16px;
		line-height: 1.5em;
	}
}
@media screen and (max-width: 767px) {
	.full-hero-slider.full-hero-slider-2{
		background-color: #435B67;
        margin-bottom: -24px;
		display: block;
	}
	.full-hero-slider.full-hero-slider-2 .full-hero-slider__slide{
		position: static;
		height: 260px !important;
	}
	.full-hero-slider.full-hero-slider-2 .slick-list {
        height: 260px !important;
    }
	.full-hero-slider.full-hero-slider-2 .full-hero-slider__arrow{
		display: none;
	}
	.full-hero-slider.full-hero-slider-2 .full-hero-slider__container{
		max-width: none;
	}
	.full-hero-slider.full-hero-slider-2 .full-hero-slider__content{
		padding-top: 30px;
		padding-bottom: 20px;
		display: block;
	}
}


.page-product .wrapper{
	max-width: 1016px;
}
.page-product .page [data-aos]{
	transform: none !important;
    opacity: 1 !important;
}
.page-product h2{
	color: #000 !important;
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 22px !important;
    text-transform: uppercase;
}
.page-product .wysiwyg{
	padding: 95px 0 10px;
}
.page-product .wysiwyg__content{
	max-width: none;
}
.page-product .product-listing{
	padding-top: 0;
    padding-bottom: 55px !important;
}
.page-product .product-listing .wrapper{
	max-width: 1016px;
    padding: 0;
}
.page-product .product-listing h2{
	border-bottom: 5px solid #1D78AD;
    padding-bottom: 17px;
    margin-bottom: 37px !important;
}
.page-product .product-listing .product-listing__col-container:before{
	opacity: 0;
}
.page-product .product-listing .product-listing__col-container{
	display: flex;
    flex-direction: column-reverse;
    min-height: auto;
    justify-content: flex-end;
}
.page-product .product-listing__col-container .product-listing__details{
	height: auto;
    align-items: flex-start;
    padding: 0;
}
.page-product .product-listing__col-container.active .product-listing__details{
	height: auto;
}
.page-product .product-listing__col-container .product-listing__details h6{
	position: static !important;
    text-align: left;
    top: 0 !important;
    max-width: none;
    font-size: 16px !important;
    color: #000000;
    font-weight: 600;
    margin-bottom: 7px;
    text-transform: none !important;
}
.page-product .product-listing .product-listing__image{
	height: 205px;
    border-color: #00000096;
}
.page-product .product-listing__col-container.active:after, .page-product .product-listing__col-container.active .product-listing__image:after {
    opacity: 0;
}
.page-product .product-listing__col-container.active .product-listing__image {
    height: 205px;
    border-color: #1D78AD;
    border-width: 1px !important;
}
.page-product .product-listing__col-container.active .product-listing__image:before {
    opacity: 0;
}
.page-product .product-listing__col-container.active .product-listing__details h6{
	color: #1D78AD;
    text-decoration: underline;
}
.product-block-content .wrapper{
	border-top: 5px solid #1D78AD;
    padding-top: 50px;
}
.wysiwyg-image .wysiwyg__row{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wysiwyg-image .wysiwyg__content {
	width: 64%;
}
.wysiwyg-image .wysiwyg__image{
	width: 32%;
}
.page-product .wysiwyg h3{
	color: #0082BF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.438em;
    text-transform: uppercase;
    letter-spacing: 0.49px;
    margin-bottom: 22px;
}
.pt-0{
	padding-top: 0;
}
.pb-0{
	padding-bottom: 0;
}
.wysiwyg-image .wysiwyg__title{
	border-bottom: 1px solid #d7d7d799;
    padding-bottom: 15px;
    margin-bottom: 30px !important;
}
.wysiwyg-2-columns .wysiwyg__row{
  display: flex;
  column-gap: 22px;
}
.wysiwyg-2-columns .wysiwyg__row > div{
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.wysiwyg table{
	width: 100%;
    border: 1px solid #C3D8E2;
    border-radius: 6px;
    overflow: hidden;
    border-collapse: separate !important;
    border-spacing: 0;
}
.wysiwyg p + table{
	margin-top: -10px;
}
.wysiwyg table th, .wysiwyg table td{
	padding: 8px 10px;
    border: 1px solid #E6E6E7;
}
.wysiwyg table th{
	color: #1D78AD;
    font-weight: 700;
    text-align: left;
}
.btn-downloads ul{
	list-style-type: none;
    display: flex;
    padding-left: 0;
    margin: 0;
    gap: 10px;
}
.btn-downloads .btn{
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0.49px;
  width: 100%;
  height: 50px;
  padding: 0 16px;
}
.btn-downloads .btn--download span::after{
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_457_10615)'%3E%3Cmask id='mask0_457_10615' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='21' height='20'%3E%3Cpath d='M0.5 0H20.5V20H0.5V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_457_10615)'%3E%3Cpath d='M14.325 7.5H13V3.33333C13 2.875 12.625 2.5 12.1667 2.5H8.83332C8.37499 2.5 7.99999 2.875 7.99999 3.33333V7.5H6.67499C5.93332 7.5 5.55832 8.4 6.08332 8.925L9.90832 12.75C10.2333 13.075 10.7583 13.075 11.0833 12.75L14.9083 8.925C15.4333 8.4 15.0667 7.5 14.325 7.5ZM4.66666 15.8333C4.66666 16.2917 5.04166 16.6667 5.49999 16.6667H15.5C15.9583 16.6667 16.3333 16.2917 16.3333 15.8333C16.3333 15.375 15.9583 15 15.5 15H5.49999C5.04166 15 4.66666 15.375 4.66666 15.8333Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_457_10615'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    content: '';
    display: inline-block;
    width: 21px;
    height: 20px;
    vertical-align: middle;
    margin-left: 5px;
}
.btn-downloads .btn--quote{
	background-color: #153242;
    min-width: 267px;
    width: fit-content;
    margin-left: auto;
}
.btn-downloads .btn--quote span::before{
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_457_10631)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.308 0.911016C10.5718 0.647854 10.9292 0.500063 11.3018 0.500063C11.6743 0.500063 12.0317 0.647854 12.2955 0.911016L13.9185 2.53402C14.1803 2.79881 14.3271 3.15615 14.3271 3.52852C14.3271 3.90088 14.1803 4.25822 13.9185 4.52302L7.005 11.4425C6.94282 11.5053 6.86048 11.544 6.7725 11.552L3.408 11.8325C3.35366 11.8371 3.29899 11.8297 3.24779 11.811C3.19658 11.7922 3.15008 11.7625 3.11153 11.724C3.07297 11.6854 3.04329 11.6389 3.02454 11.5877C3.0058 11.5365 2.99845 11.4819 3.003 11.4275L3.285 8.06452C3.29222 7.97621 3.33049 7.89331 3.393 7.83052L10.3065 0.911016H10.308ZM1.125 13.25H13.875C14.1734 13.25 14.4595 13.3685 14.6705 13.5795C14.8815 13.7905 15 14.0766 15 14.375C15 14.6734 14.8815 14.9595 14.6705 15.1705C14.4595 15.3815 14.1734 15.5 13.875 15.5H1.125C0.826631 15.5 0.540483 15.3815 0.329505 15.1705C0.118526 14.9595 0 14.6734 0 14.375C0 14.0766 0.118526 13.7905 0.329505 13.5795C0.540483 13.3685 0.826631 13.25 1.125 13.25Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_457_10631'%3E%3Crect width='15' height='15' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    content: '';
    display: inline-block;
    width: 15px;
    height: 16px;
    vertical-align: middle;
    margin-right: 20px;
}
.btn-downloads .btn--quote span::after{
	display: none;
}
.btn-downloads.btn-downloads-reverse .btn--quote{
	margin-left: 0;
}
.btn-downloads .wysiwyg__row{
	align-items: flex-end;
}
.btn-downloads ul{
	margin-bottom: 22px;
}
.btn-downloads.btn-downloads-reverse ul{
	margin-bottom: 0;
}
.btn-downloads ul li{
	flex: 1;
	max-width: 60%;
}
.btn-downloads.btn-downloads-4 ul{
	flex-wrap: wrap;
}
.btn-downloads.btn-downloads-4 ul li{
	flex: none;
	width: calc(33.33% - 7px);
}
.btn-downloads.btn-downloads-4 .btn--quote{
	margin-bottom: 60px;
}
.section-expandable-rows{
	padding: 55px 0 57px;
}
.section-expandable-rows .wrapper{
	border-top: 5px solid #1D78AD;
    padding-top: 50px;
}
.section-expandable-rows .title {
	border-bottom: 1px solid #d7d7d799;
    padding-bottom: 15px;
    margin-bottom: 30px !important;
}
.section-expandable-rows .accordion-item{
	border-bottom: 1px solid #1D78AD;
    margin-bottom: 40px;
}
.section-expandable-rows .accordion-title{
	color: #0082BF;
    cursor: pointer;
	font-weight: 700;
    padding-bottom: 38px;
    text-transform: uppercase;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 23L14 9L18 9L18 23H14Z' fill='black'/%3E%3Cpath d='M23 18H9V14H23V18Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: right -3px;
    padding-right: 32px;
}
.section-expandable-rows .accordion-title.toggled{
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 18H21.9231H10.0769H9V14H10.0769H21.9231H23V18Z' fill='black'/%3E%3C/svg%3E%0A");
}
.section-expandable-rows .accordion-content{
	display: none;
    padding-left: 20px;
    padding-right: 32px;
}
.section-expandable-rows .accordion-content p{
	margin-bottom: 22px;
}
.section-expandable-rows .accordion-content ul{
	margin-left: 8px;
}
.page-product .contact-form__row{
	justify-content: center;
}
.page-product .contact-form__left{
	max-width: 486px;
    padding: 0;
}
.page-product .contact-form__right{
	display: none;
}
@media screen and (max-width: 1024px) {
	.page-product .product-listing{
   		padding-bottom: 26px !important;
    }
	.page-product .product-listing .wrapper{
   		padding: 0 18px;
    }
	.page-product .product-listing__filter-mobile{
    	display: none;
    }
    .page-product .wysiwyg {
        padding: 24px 0 26px;
    }
    .product-block-content .wrapper{
    	padding-top: 26px;
        width: calc(100% - 36px);
        padding-left: 0;
        padding-right: 0;
    }
    .wysiwyg-image .wysiwyg__row{
    	flex-direction: column;
    }
    .wysiwyg-image .wysiwyg__content, .wysiwyg-image .wysiwyg__image{
    	width: 100%;
    }
    .wysiwyg-2-columns .wysiwyg__row{
    	flex-direction: column;
    }
    .wysiwyg-2-columns .wysiwyg__row > div{
    	width: 100%;
    }
    .btn-downloads ul{
    	flex-direction: column;
        margin-bottom: 10px;
    }
    .btn-downloads .btn--quote{
    	width: auto;
    }
    .hidden-md-sm{
    	display: none;
    }
}


.section-colour-range h2.title {
	font-size: 16px;
    text-transform: none;
    font-weight: 600;
	margin-bottom: 20px;
}
.section-colour-range h2.title .border{
	width: 5px;
    height: 23px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
}
.colour-range-wrapper{
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}
.colour-range-item{
	border-radius: 4px;
	overflow: hidden;
}
.colour-range-item .thumbnail{
	width: 100%;
	height: 100px;
	position: relative;
	overflow: hidden;
}
.colour-range-item .thumbnail.thumbnail-colour span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.colour-range-item .thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.colour-range-item .title{
	background-color: #435B67;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.49px;
    padding: 5px 12px 5px 15px;
    width: 100%;
    line-height: 15px;
    min-height: 40px;
    display: flex;
    align-items: center;
}


.page-architectural-cladding .full-hero-image-only-slider__content-text{
	max-width: 730px;
}
.page-architectural-cladding .page section:not(.full-hero-image-only-slider){
	padding-top: 10px;
	padding-bottom: 10px;
}
.page-architectural-cladding .products-range{
	padding-top: 50px !important;
}
.page-architectural-cladding .products-range .wysiwyg__row{
	column-gap: 100px;
}
.page-architectural-cladding #standard-range{
	padding-top: 60px !important;
}
.btn--arrow{
	border-radius: 4px;
    background-color: #1d78ad;
	text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.87) !important;
    transition: all 0.3s ease-in-out;
	font-size: 16px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.49px;
    width: fit-content;
    min-width: 160px;
    height: 50px;
    padding: 0 16px;
}
.btn--arrow .icon::after{
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1665 0L10.7665 1.4L16.3665 7H0.166504V9H16.3665L10.7665 14.6L12.1665 16L20.1665 8L12.1665 0Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: contain;
    content: '';
    display: inline-block;
    width: 21px;
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
}
.btn--arrow:hover{
	background-color: #95c0da;
}
.page-product .title-container{
	display: flex;
	column-gap: 15px;
	justify-content: space-between;
	margin-bottom: 22px;
}
.page-product .title-container h2, 
.page-product .title-container p{
	margin-bottom: 0 !important;
}
.page-product .title-container img{
	margin-top: -18px;
}
.page-architectural-cladding .wysiwyg p:last-child{
	margin-bottom: 0;
}
.page-architectural-cladding #prestige-range{
	margin-top: 55px;
}
.page-architectural-cladding #prestige-range .product-listing__container{
	border-top: 5px solid #153242;
    padding-top: 80px;
}
.product-block-content-prestige .wysiwyg__title{
	position: relative;
}
.product-block-content-prestige .wysiwyg__title::after{
	content: '';
	background-image: url('/wp-content/uploads/2024/11/allmetalroofing-prestige-2.png');
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: 134px;
	height: 87px;
	position: absolute;
	right: 0;
	top: -30px;
}
.wysiwyg-image.product-block-content-prestige .wysiwyg__title:not(.with-subtitle){
	padding-bottom: 43px;
}
.wysiwyg-image .wysiwyg__title.with-subtitle{
	position: relative;
	border: none;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}
.wysiwyg-image .subtitle{
    color: rgba(0, 0, 0, 0.6);
    line-height: 23px;
    letter-spacing: 0.0308em;
    border-bottom: 1px solid #d7d7d799;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.section-last{
	padding-bottom: 120px !important;
}
.page-architectural-cladding .page section.contact-form{
	padding-top: 46px;
}
@media screen and (max-width: 1024px) {
	.page-architectural-cladding .full-hero-image-only-slider__content-text{
		width: 100%;
	}
	.page-product .full-hero-image-only-slider__container{
		height: auto;
	}
	.page-architectural-cladding .products-range .wysiwyg__row{
		row-gap: 30px;
	}
	.product-block-content.wysiwyg-image .wysiwyg__row{
		gap: 30px;
	}
	.btn-downloads.btn-downloads-reverse .wysiwyg__row{
		row-gap: 30px;
	}
	.btn-downloads.btn-downloads-4 ul li{
		width: 100%;
	}
	.section-last {
		padding-bottom: 60px !important;
	}
	.wysiwyg-2-columns .wysiwyg__row{
		row-gap: 30px;
	}
	.btn-downloads.btn-downloads-4 .btn--quote {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 767px) {
	.colour-range-wrapper{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.product-block-content-prestige .wysiwyg__title::after{
		position: relative;
		top: 0;
		display: block;
		margin: 10px 0;
	}
}


.float-right-add-to-quote{
	float: right;
}
.float-right-add-to-quote .btn{
    margin-left: 1.5em;
    margin-bottom: 1.5em;
	background-color: #153242;
    min-width: 267px;
    height: 50px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0.49px;
	width: fit-content;
}
.float-right-add-to-quote .btn span::before{
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_457_10631)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.308 0.911016C10.5718 0.647854 10.9292 0.500063 11.3018 0.500063C11.6743 0.500063 12.0317 0.647854 12.2955 0.911016L13.9185 2.53402C14.1803 2.79881 14.3271 3.15615 14.3271 3.52852C14.3271 3.90088 14.1803 4.25822 13.9185 4.52302L7.005 11.4425C6.94282 11.5053 6.86048 11.544 6.7725 11.552L3.408 11.8325C3.35366 11.8371 3.29899 11.8297 3.24779 11.811C3.19658 11.7922 3.15008 11.7625 3.11153 11.724C3.07297 11.6854 3.04329 11.6389 3.02454 11.5877C3.0058 11.5365 2.99845 11.4819 3.003 11.4275L3.285 8.06452C3.29222 7.97621 3.33049 7.89331 3.393 7.83052L10.3065 0.911016H10.308ZM1.125 13.25H13.875C14.1734 13.25 14.4595 13.3685 14.6705 13.5795C14.8815 13.7905 15 14.0766 15 14.375C15 14.6734 14.8815 14.9595 14.6705 15.1705C14.4595 15.3815 14.1734 15.5 13.875 15.5H1.125C0.826631 15.5 0.540483 15.3815 0.329505 15.1705C0.118526 14.9595 0 14.6734 0 14.375C0 14.0766 0.118526 13.7905 0.329505 13.5795C0.540483 13.3685 0.826631 13.25 1.125 13.25Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_457_10631'%3E%3Crect width='15' height='15' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    content: '';
    display: inline-block;
    width: 15px;
    height: 16px;
    vertical-align: middle;
    margin-right: 20px;
}
@media screen and (max-width: 767px) {
	.float-right-add-to-quote{
		float: none;
	}
	.float-right-add-to-quote .btn{
		margin-left: 0;
		margin-bottom: 40px;
	}
}