/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, ul ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*vertical-align: baseline;*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	list-style: square;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:focus{
	 border: transparent;
	outline : none;
}

select:focus {
	outline: none;
}
/* end reset browser styles */

.nolopompebg{
	background-color: #009f83 !important;
}

.nolopompedarkbg{
	background-color: #0e7f6a !important;
}

.linkedinscript{
	text-align: center;
	margin-top: -30px !important;
	padding-bottom: 40px;
}

.IN-widget iframe{
	height:26px !important;
}

.calcbottomcontent{
	margin-bottom: 25px !important;
}

.covidimage{
	width:100% !important;
}

.topspace{
	margin-top:26px;
	background-color:#408edf !important;
}

.topspacestock{
	margin-top:26px;
}


.clearboth{
	clear:both;
	width:100% !important;
}

.marqueeacmaindiv > div{
	padding:20px 0 !important;
}

.marqueeproductcontainer{
	overflow:hidden;
}

.marqueeproductcontainer ul{
	column-count: 2;
	margin-left:10px;
}

.marqueeproductcontainer .marqueeterms{
	column-count: 3;
}

.marqueeproductcontainer .marqueeterms li{
	list-style-type: square;
	padding-left:5px;
}

.marqueeproductcontainer .marqueeterms li:before{
	content:"";
}

.marqueeproductcontainer li:before{
	content:" - ";
}

.marqueeproductcontainer > div{
	float:left;
	padding:10px;
	width:70%;
	box-sizing:border-box;
}

.marqueeproductcontainer > div:first-of-type{
	width:30%;
}

.marqueeproductcontainer > div > h2{
	padding-top:10px;
}

.marqueeproductcontainer .productright{
	float:none;
	width:100%;
}

.whitebgtemplate15{
	background:#ffffff;
	padding-top: 60px !important;
	padding-bottom: 40px !important;
}
.mt-100 {margin-top:90px;}
.flex.content-sec { display: flex;
    column-gap: 20px; }
.template15group .mt-100 .left-cont h2, .template15group .mt-100 .left-cont h3 {font-size: 30px;
    text-transform: uppercase;
    color: #203f70;
    padding-bottom: 20px;
    padding-top: 0;
    margin-top: 0; position: relative; letter-spacing: 0px;
    margin-bottom: 25px;}
	.template15group .mt-100 .left-cont h2:after, .template15group .mt-100 .left-cont h3:after {    content: '';
		width: 70px;
		position: absolute;
		left: 0;
		bottom: 1px; 
		border-width: 0 0 3px;
		border-style: solid;
		color: #e5b02f;}
.template15group .mt-100 .right-cont.grey-bg h2, .template15group .mt-100 .right-cont.grey-bg h3 {color: #203f70 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    padding: 0px !important;
    overflow: hidden;
    border: 0px solid #ebecec;
    background-color: transparent;
    margin-bottom: 0%;
    cursor: pointer;
    /* text-transform: capitalize !important; */
    font-family: 'oswald', sans-serif !important;
    line-height: 28px;}
.grey-bg {background: #f2f2f2 !important;     min-width: 45%; }
.pad-40 {padding: 40px;}
.whitebgtemplate15.areapage.ac, .whitebgtemplate15.areapage.chiller { background: #004A93;     padding-top: 40px !important; }
.whitebgtemplate15.areapage.pumps { background: #004A93; padding-top: 40px !important; }
.whitebgtemplate15.areapage.boilers, .whitebgtemplate15.areapage.heating, .whitebgtemplate15.areapage.heater, .whitebgtemplate15.areapage.dehumidifier { background: #004A93;     padding-top: 40px !important; }
.calculator-button, .bannerfulldiv-category .buttons a.calculator-button {background: #23A5E2 !important; font-size: 16px; letter-spacing: 2px; font-weight: 400; text-align: center; padding: 15px 20px !important;}
.globalCtaSection .bannerfulldiv-category h2, .bannerfulldiv-category.popularProduct h2, .popularProduct h2 {  width: auto;
    float: left;
    padding: 0; font-size:32px; text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 20px; font-weight:600;}

.globalCtaSection .bannerfulldiv-category h2:after, .bannerfulldiv-category.popularProduct h2:after, .popularProduct h2:after {    content: '';
    width: 70px;
    position: absolute;
    left: 0;
    bottom: 1px;
    border-width: 0 0 3px;
    border-style: solid;
    color: #e5b02f;}
.template6wrapper .fastdelivery h2{
	padding-bottom: 30px !important;
}
.aboutandrewsgroup .left-cont p, .aboutandrewsgroup .left-cont ul, .aboutandrewsgroup .left-cont ul li, 
.aboutandrewsgroup .right-cont p, .aboutandrewsgroup .right-cont ul, .aboutandrewsgroup .right-cont ul li,
.aboutandrewsgroup .left-cont p a, .aboutandrewsgroup .right-cont p a, .template15group .left-cont a, .template15group .right-cont a {
	color: #1D325C;
    font-size: 16px;
    font-family: 'Arimo', sans-serif;
    line-height: 22px;

 }
 .aboutandrewsgroup .right-cont ul li { display: flex; column-gap: 15px; }
 .template15group .left-cont strong, .template15group .right-cont strong {	color: #1D325C !important;
    font-size: 16px !important; line-height: 28px;}
.content-topdiv{
	width: 100%;
	color: #ffffff;
	background-color: #394d90;
	padding: 10px 0;
	z-index: 99999999;
	box-sizing:border-box;
	text-align: center;
	min-height:60px;
	
}

.content-topdiv a{
	color: #ffffff;
}

.content-topdiv span{
	width:auto;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
	margin-left: 20px;
    max-width: 90%;
}

.okbutton {
	color:  #ffffff;
    border-color: transparent;
	border: 1px solid #ffffff;
    padding: 10px 15px;
    display: inline-block !important;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box !important;
    cursor: pointer;
}

.service24 div{
	text-align:center;
	padding-bottom:40px;
}

.service24 img{
	/*float:right;
	clear:both;
	margin:0 0 20px 20px !important;*/
	padding:0 !important;
	border-radius: 5px;
	margin-right: 3%;
}

.calculator-container div h2:after{
	all:unset !important;
	width:0;
}



.template15text {
	margin: 0 auto !important;
}

.template15text h1:after{
	left:0 !important;
	width:25% !important;
}

.template9wrapper h1{
	width:auto !important;
	float:left;
}

.template9wrapper h1:after{
	width:25% !important;
}

.template9wrapper p{
	clear:both;
}

.getaquotepage{
	width: auto;
	padding-left: 55px !important;
	padding-right: 20px !important;
	background: #51ac35;
	float: right;
	padding: 15px 0;
	text-decoration: none;
	color:#ffffff !important;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 0 10px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 18px;
}

.getaquotepage i{
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-right: 1px solid #74bd5d;
	height: 100%;
	width: 40px;
	text-align: center;
	padding: 16px 10px;
	box-sizing: border-box;
}

.aboutandrews div .content[data-single="true"]{
	padding-top:20px;
}

.content div > h3, .about div > h3{
	text-transform: none;
	color:#203f70;
	font-weight: bold;
	font-size: 18px;
	font-family: 'oswald',sans-serif;
}

.content div > h4{
	text-transform: uppercase;
	color:#203f70;
	font-weight: bold;
	font-size: 16px;
	font-family: 'oswald',sans-serif;
	padding: 15px 0;
}

.howitworks{
	width:100% !important;
}

.howitworks img{
	float:right;
	padding-left:10px;
}

.howitworks p{
	padding-bottom:10px !important;
}

.searchvideos .videorightdiv iframe{
	height:435px !important;
	width:100% !important;

}

.searchvideos .videorightdiv{
	width:100% !important;
}

.searchvideos{
	width:98%;
	box-sizing:border-box;
}

#searchresults .about{
	width:98%;
	box-sizing:border-box;
	padding:20px 0;
}

#searchresults .about div h2{
	padding: 30px 0 20px 0 !important;
	margin-bottom: 40px !important;
}

.chatlink-new {
	 position: relative;
	 padding-left: 60px !important;
	 cursor:pointer;

}

.chatlink-new img {
	position: absolute;
	left: 6px;
	bottom: 8px;
}

.paracontent h2{
	color:#203f70;
	text-transform: uppercase;
	font-family: 'oswald',sans-serif;
	padding-bottom:20px;
}

.productright{
	width: 32%;
	float: left;
	text-align: right;
}

.videoicons{
	margin-bottom: 15px;
}

.productright .videoicons a{
	width: -moz-fit-content;;
	display:inline-block;
	padding:0 2px;
	text-decoration:none;
	color:#203f70;
	font-size: 13px;
}

.productright .videoicons figure{
	text-align: center;
	padding: 5px 10px;
	border:1px solid #ebecec;
}

.productright .videoicons figure img{
	width: 35px;
	max-width: 100%;
}

.productfigureright{
	position:relative;
	text-align:center;
	border: 1px solid #ebecec;
	box-sizing: border-box;
	height:360px;
	vertical-align: middle;
	cursor:pointer;

}

.productfigureright .nocursor{
	cursor:default;
}

.searchresultshgroup{
	float: left;
}

.searchresultshgroup h1{
	float: none;
}

.searchresultshgroup h2{
	color:#fff;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	clear:both;
}

.gallerydiv,.gallerydiv iframe{
	width:100% !important;
}


.timelinediv iframe{
	float: left;
	width: 70% !important;
	box-sizing: border-box;
	height: 448px;
}

.sykes-160years {

    padding: 0 0 0 20px !important;
    float: left;
    width: 25%;
    box-sizing: border-box;

}

.chauffagechapiteaux-left h3,.chauffagechapiteaux-right h3,.content h3{
	color:#203f70;
	text-transform: uppercase;
	font-family: 'oswald',sans-serif;
}

.content .chauffagechapiteaux-left ul li,.content .chauffagechapiteaux-right ul li{
	background: url(/images/blue-square.jpg)no-repeat 4px 8px !important;
}

.presscuttingsdiv{
	width:100% !important;
}

.presscuttingsdiv figure{
	width: 32%;
	float: left;
	margin-right: 20px;
	box-sizing: border-box;
}

.presscuttingsdiv figure:last-of-type{
	margin-right: 0 !important;
}

.presscuttingsdiv figure img{
	max-width:100%;
}

.presscuttingsdiv figure figcaption{
	text-align: center;
	text-transform: uppercase;
	color:#203f70;
	font-size: 14px;
	font-weight: bold;
}

.subpages{
	background-color:#f5f5f5;
	padding-top:2%;
}

.recruitment-container.adwords-container .subpages {
    padding-top: 0;
}

.template9wrapper .ptext{
	margin-bottom:20px !important;
}

.template9wrapper .ptext:last-of-type{
	margin-bottom:0 !important;
}



.redbg{
	background-color:red !important;

}



.sykes-160years{
	padding:0 0 0 20px !important;
}

.sykes-160years figcaption{
	text-align:center;
	padding: 20px 0;
}

.installedac-tabs{
	float:right;
	padding-left: 20px;
}

.chauffagechapiteaux-left img,.chauffagechapiteaux-right img{
	float:right;
}


.aboutandrewssales.aboutandrewssalesnolist,.aboutandrewssales.aboutandrewssalesnolist > .content{
	padding-top: 0 !important;
}

.chauffagechapiteaux-left{
	padding-right: 50px !important;
}

.googlemap{
	height:568px;
	width:100%;
}

.shopping-cart .product-detail strong a{
	color: #203f70;
	text-decoration:none;
}


.shopping-cart .product-detail img{
	width: 100px;
	max-width: 100px;
	box-sizing: border-box;
	padding-right: 10px;
	display: inline-block;
}

.shopping-cart .product-detail strong{
	display: inline-block;
	width: 65%;
}

.content div h3{
	clear:none !important;
}

.template7image,.template8image{
	float: right;
	padding-left: 20px;
}

.submersiblecasestudy{
	width:100% !important;
}

.fansizeul li{
	font-size:13px;
	color: #666666;
	padding-bottom: 12px;
}

.aboutandrewssales{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

.textcontent{
	margin-top: 0px !important;
}


.textcontent > div{
	margin-top: 35px !important;
}

.subcattext > div{
	margin-top: 0 !important;
}

.jobdetails-left h2{
	padding: 10px 0 20px 0 !important;
}

.depotright p strong{
	color:#000000 !important;
}

 .depot-complete > div{
	column-count:2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-ms-column-count: 2;
 }

 .depotright p{
	page-break-inside: avoid;
	-moz-page-break-inside: avoid;
	-webkit-page-break-inside: avoid;
	break-inside: avoid;
 }


.cafc131{
	border: 4px solid #CCE0A3; 
	padding: 15px; 
	padding-bottom: 18px; 
	padding-left: 0px;
	overflow:hidden;
	height: 100%;
}

.cafc131 form ul li{
	background:none !important
}

.cafc131 form ul{
	margin-left:20px !important;
}

.feefo {
	padding: 0 !important;
    border: none !important;
}

.fuelmanagementul li{
	padding-bottom:20px !important;
	list-style-type: none;
	width: 50%;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 18px;
	color: #203f70 !important;
	font-weight: bold;
	padding-right:6%;
	box-sizing: border-box;
	position: relative;
	padding-left: 5%;
	background:none !important;
}

.timeline,.ac-repairdiv,.heaterdemo,.benefits,.purchase,.paperdiv,.anniversarymug,.competitionrulesdiv,.cafcdiv,.cafcdiv2,.adwords{
	width:100% !important;
}

.ac-repairdiv h3,.downloaddiv h3,.heaterdemo h3,.benefits h3,.purchase h3,.paperdiv h3,.anniversarymug h3,.specialoffer,.cafcdiv2 h3,.adwords h3{
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: 0.5px;
	text-decoration: none;
	display: block;
	font-family: 'oswald',sans-serif;
	color:#203f70;
	font-display: swap;
}

.genderpaydiv{
	width:100% !important;
	padding-left:0 !important;
}

.content .ourblog{
	width:100% !important;
}

.imgwidth100{
	width: 100%;
	max-width: 100%;
}

.template9wrapper p{
	margin-bottom: 38px !important;
}

.submersiblediv{
	width:100% !important;
}

.submersiblediv p{
	margin-bottom:20px !important;
}

.submersiblediv figure{
	width:10%;
	float:left;
	clear:both;

}

.submersiblediv figure,.submersiblediv div{
	margin-bottom:20px;
}

.submersiblediv div{
	width:90%;
	float:left;
	padding-left:20px;
	box-sizing:border-box;
}

.submersiblediv div h2{
	all:unset !important;
	color: #203f70 !important;
	text-transform: uppercase !important;
	font-family: 'oswald',sans-serif !important;
	font-size: 15px !important;
	padding-bottom:10px !important;
	font-display: swap;
}

.submersiblediv div h2 a{
		font-family: 'oswald',sans-serif !important;
		font-display: swap;

}

.submersiblediv div p{
	margin-top: 20px;
}

.submersiblediv div h2:after{
	all:unset !important;
	
}


#primary ul #text-2 {
	background: none repeat scroll 0 0 #3a4e93;
	color: #ffffff;
	padding: 25px !important;
}

#primary ul #text-2 h3 {
    color: #fff;
    font-size: 24px;
	padding-top: 0 !important;
}

#primary ul #text-2 div {
	text-transform:uppercase;
}

.blogrightbuttons {
	padding-top:20px;
}

.blogrightbuttons a,.blogrightbuttons span{
	text-transform: uppercase;
	text-decoration: none;
	color:	#204585;
	font-size: 11px;
	border: 2px solid #d9d9d9;
	margin-right: 10px;
	padding: 14px 12px 14px 49px;
	border-radius: 7px;
	display: inline-block;
	margin-bottom:10px;
	width: 160px;
	box-sizing: border-box;
}

.blogrightbuttons .chatlink{
	background: url("/images/livechat-icon.png") no-repeat 8px 3px;
	background-color:#fff;
	cursor:pointer;
}

.blogrightbuttons .callback{
	background: url("/images/callmeback-icon.png") no-repeat 8px 3px;
	background-color:#fff;
}

.blogrightbuttons .enquire{
	background: url("/images/blog-enquire.png") no-repeat 8px 3px;
	background-color:#fff;
}

.textwidget .phone {
    margin-right: 20px;
    color: #fff;
    font-size: 30px;
    display: block;
    text-decoration: none;
	font-family: 'oswald',sans-serif;
	font-weight:bold;
	font-display: swap;
}

.textwidget h4 {
	font-weight: normal;
	font-family: 'oswald',sans-serif;
	font-display: swap;
}

.textwidget a{
	margin-right: 20px;
}

.aboutusgroup  h2{
	display:none;
}

.template6wrapper iframe{
	width: 100%;
	min-height:500px;
	padding:20px 0 30px 0;
}

.template6wrapper .dllist{
	padding:20px 0;
}


.template6wrapper div dl{
	font-size: 13px;
	color:#666666;
	line-height: 1.5em;
	padding-bottom: 20px;
	overflow: hidden;
}


.template6wrapper div dl dt {
    width: 20%;
    float: left;
	padding-right: 10px;
	box-sizing: border-box;
}

.template6wrapper div dl dd{
	width: 80%;
    float: left;
}

.template6wrapper div h4{
	color:#203f70;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-size: 16px;
	font-family: "oswald",sans-serif;
	padding-top: 20px;
	clear:both;
	font-display: swap;
}



.template6wrapper div figure img{
	margin-right: 20px;
}

.template6wrapper div h4:first-of-type{
	padding-top: 0 !important;
}

.wrapper .wrapper{
	padding:0 !important;
	width:100% !important;
}

.wrapper .wrapper h2{
	margin-top:0 !important;
	padding-top:0 !important;
}

.advisortab,.corporatep{
	width:100% !important;
}

.corporatep > div{
	width:50%;
	float:left;
}

.advisortab > div{
	width:25%;
	float:left;
	margin-bottom: 20px;
}

.corp_table{
	width:100% !important;
}

.template7 .aboutusgroup div p{
	padding-bottom:10px;
}

.aboutusgroup div p{
	font-weight:normal;
}

.announcementtab{
	width:100% !important;
}

.announcementtab > div{
	width:33%;
	float:left;
}

.announcementtab > div:nth-of-type(3n+1){
	clear:both;
}

.announcementtab > div:nth-of-type(5n){
	clear:none !important;
}

.aboutcontainer  .aboutusgroup{
	padding-top:0 !important;
}

.accrmiddle{
	clear:both;
	margin-bottom: 40px;
}

.accredationstop div,.accredationsbottom div{
	width:25%;
	float:left;
	text-align:center;
	background:#fff;
	padding-top: 20px;
	width: 22%;
	margin-right: 4%;
	min-height:300px;
	margin-bottom:30px;
}


.accredationstop > div:nth-of-type(4n), .accredationsbottom > div:nth-of-type(4n){
	margin-right:0;
}

.accredationstop > div:nth-of-type(4n+1), .accredationsbottom > div:nth-of-type(4n+1){
	clear:both;
}

.accredationsbottom{
	overflow:hidden;
}

.accredationstop div img,.accredationsbottom div img{

	display:inline-block;
	max-height: 120px;
}

.accredationstop div figure,.accredationsbottom div figure{
	min-height: 120px;
	margin-bottom:20px;
}

.accredationstop div em,.accredationsbottom div em{
	/*font-style:normal;
	display:block;
	margin-bottom:15px;
	font-size: 15px;
	color: #000000;*/
	font-weight:bold;
	font-style:normal;
	padding-bottom:10px;
	display:block;
}

.accredationstop div a,.accredationsbottom div a{
	display:block;
	margin-bottom:10px;
	color: #203f70;
	font-size: 14px;
}
.accredationstop div p,.accredationsbottom div p{
	margin-bottom:15px;
	padding-bottom:0 !important;
}

.accredationstop div p a,.accredationsbottom div p a{
	display:inline-block;
}

.accredationsbottom{
	clear:both;
}

.heritagetab tr td iframe{
	width:100% !important;
	height:400px
}



.template15group .contentwidth100 .casestudy div a{
	color:#203f70;
}

.logowrapper{
	width:100% !important;
}

.logowrapper figure{
	width:50%;
	float:left;
	margin-bottom: 30px;
	text-align: center;
}

.logowrapper figure figcaption{
	font-size: 15px;
}

.template17maintext div{
	padding-top:30px !important;
	padding-bottom:30px !important;
}

.template17maintext div h2{
	padding:0 0 20px 0!important;
}

.template17maintext div h2:last-of-type{
	padding:20px 0 20px 0!important;
}

.template17wrapper{
	padding-top:20px !important;
	padding-bottom:20px !important;
}

.template17maintext div p{
	font-size: 13px;
	color:#666666;
	padding-bottom:15px;
}

.template17maintext{
	background:#ffffff;
}

.searchbuttondiv{
	bottom: 22px !important;
}

/*#locationinfo h2:last-of-type{
	padding: 0 0 0 0 !important;
}*/

.articlepromotions{
	background:#ffffff;
}

.articlepromotions .articles > a{
	width:49%;
	margin-right:1%;
	float:left;
	background-color:#3497f5;
	padding: 20px;
	box-sizing: border-box;
	color:#ffffff;
	text-decoration:none;
}

.articlepromotions .articles{
	padding-top: 50px;
	display:flex;
}

.articlepromotions .articles > a article{
	flex:1;
}

.articlepromotions .articles > a article h2{
	text-transform:uppercase;
	padding-bottom: 20px;
	font-weight:bold;
	font-size: 30px;
}

.articlepromotions .articles > a article p{
	font-size:13px;
}

.articlepromotions .articles > a article figure{
	float:right;
	margin-left: 30px;
}

.articlepromotions .articles > article:last-of-type{
	margin-left:1%;
	margin-right:0 !important;
}

.template16wrapper{
	padding-top: 60px !important;
}

.template16wrapper article{
	width: 32%;
	float: left;
	background:#ffffff;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #ebecec;
	border-radius: 2px;
	position: relative;
	margin-right: 2%;
	min-height:515px;
}

.template16wrapper article h2,.template17maintext div h2{
	font-family: 'oswald',sans-serif;
	color:#203f70;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.5px;
	padding: 15px;
	font-display: swap;
}

.template16wrapper article .buttondiv{
	text-align:center !important;
}

.template16wrapper article label{
	width: 60%;
	display: block;
	margin: 0 auto;
	color:#666666;
	font-size: 13px;
}

.template16wrapper article label select,.template16wrapper article label input{
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("/images/downarrow.png")no-repeat right;
	background-position-x: 100%;
	cursor: pointer;
	height: 35px;
	margin: 6px 0px 10px 0;
	border: 1px solid #e2e2e2;
	color:#666666;
	font-size: 13px;
	padding-left:5px;
	box-sizing:border-box;
	text-overflow: ellipsis;
	padding-right: 43px;
}

.template16wrapper article label select option{
	width:200px !important;
	text-overflow:ellipsis;
}

.template16wrapper article label input{
	padding-left:9px !important;
}

.template16wrapper article label input{
	background: url("/images/list.png")no-repeat right !important;
	background-position-x: 100%;
}

.template16wrapper article h2,.template16wrapper article p{
	text-align:center;
}

.template16wrapper article img{
	max-width: 100%;
}

.template16wrapper > article:nth-of-type(3n) {
	margin-right: 0;
}

.searchsubmit{
	border:none;
}

.template16wrapper a,.template16wrapper button{
	background: #ffc434;
	padding: 12px 0 12px 0;
	color: #203f70;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	text-align: left;
	padding-right: 48px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}

.template16wrapper p{
	font-size:13px;
	color:#666666;
	line-height:25px;
	position:relative;
	max-height:3em;
	padding:0 15px;
}

.template15group > figure{
	padding:0 0 0 20px !important;
}

.template15faq,.toptips{
	text-align:center;
	font-weight: bold;
	font-size: 30px !important;
	position: relative;
	margin-bottom:30px;
}

.template15faq:after,.toptips:after{
	content: '';
	width: 5%;
	position: absolute;
	left: 47.5%;
	bottom: 1px;
	border-width: 0 0 3px;
	border-style: solid;
	color: #408edf !important;
}

.bottomtext-left,.bottomtext-right{
	width:46%;
	float:left;
}

.bottomtext-left strong,.bottomtext-right strong{
	font-size: 13px;
	color:#666666;
}

.bottomtext-left p,.bottomtext-right p{
	padding-top:5px;
}

.bottomtext-left{
	margin-right:2%;
}

.bottomtext-right{
	margin-left:2%;
}

.template15group .contentwidth100{
	padding-left:0 !important;
}

.watchleft{
	width:30%;
	float:left;
}

.watchleft h2{
	font-size: 25px;
}

.watchright{
	width:68%;
	float:left;
	margin-left:2%; 
}

.marqueeleft,.marqueeright{
	width:46%;
	float:left;
	box-sizing:border-box;
	display: flex;
	flex-wrap: wrap;
}

.marqueeright{
	background-color:#edf0f9;
}

.marqueeright p{
	padding:5px 0 5px 10px !important;
}

.marqueeleft{
	margin-right:2%;
	clear:both;
}

.marqueeright{
	margin-left:2%;
}

.marqueeright h3{
	padding:10px 0;
	text-align:center;
}

.template15maindiv > div:nth-of-type(even){
	background-color: #ffffff;
}

.marqueeacmaindiv > div:nth-of-type(odd){
	background-color: #ffffff;
}

.marqueeacmaindiv > div:nth-of-type(even){
	background-color:#f5f5f5;
}

.template15maindiv > div{
	padding:50px 0;
}

.template15text{
	/*padding-top: 20px !important;*/
}

.tmp15list li{
	background: url(/images/blue-square.jpg)no-repeat 4px 13px;
	list-style-type:none;
	padding-left:24px;
	font-size: 13px;
	color:#666666;
	line-height: 30px;
}

.watchleft h2{
	font-size: 30px !important;
}

.watchleft ul li{
	background: url(/images/blue-square.jpg)no-repeat 1px 9px;
	line-height: 23px;
	padding-left: 20px;
}

.template15text  p{
	font-size: 13px;
	color:#666666;
	padding-bottom: 20px;
	clear:both;
}

.template15figure{
	padding-top: 30px;
	width: 40%;
	float: left;
}

.template15figure figcaption{
	padding-top: 20px;
	padding-left: 54px;
}

.template15figure img{
	float:left;
}

.template15group > figure{
	width:25%;
	float:left !important;
}

.template15group > figure img{
	max-width:100%;
}

.template15group > div{
	width:68%;
	float:left;
	padding-left:20px !important;
	box-sizing:border-box;
}

.template15group > div h2,.toptips{
	font-size: 20px;
	text-transform: uppercase;
	color:#203f70;
	padding-bottom: 20px;
}

.template15group > div strong a{
	font-size: 13px;
	color:#666666;
	line-height:25px;
}

.template15group > div p{
	padding-bottom:10px !important;
}

.template15group > div em{
	font-style:normal;
	color: #666666;
	font-size: 13px;
}

.template15group > div ul{
	padding: 20px 0;
}

.template15group > div ul li{
	list-style-type:none;
	padding-bottom:8px;
	color: #666666;
	font-size: 13px;
}

.template15group > div ul li span{
	padding-right: 5px;
}

.template15group > div a{
	color: #666666;
	font-size: 13px;
}

.template15group > div strong{
	color: #666666;
	font-size: 13px;
}

.template15figure a{
	text-decoration:none;
}

.cmssales{
	padding-bottom:0 !important;
}

.galleryimages{
	margin: 50px auto 20px auto!important; 
}

.galleryimages figure img{
	width:300px;
	height:200px;
}

.galleryimages figure{
	width:32%;
	float:left;
	background-color:#ffffff;
	margin-right:2%;
	box-sizing: border-box;
	margin-bottom:30px;
	padding:40px;
}

.galleryimages figure:nth-of-type(3n){
	margin-right: 0;
}

.sponsorshipdiv div {
	width: 31%;
    float: left;
	margin-right:20px;
	margin-bottom:50px;
	text-align:center;
}

.sponsorshipdiv figure{
	height:200px;
}

.sponsorshipdiv div a{
	text-decoration:none;
	font-weight:bold;
}

.sponsorshipdiv div:nth-of-type(3n+1){
	clear:both;
}


.footerspan{
	width: 30% !important;
	float: left;
	margin: 0 auto;
	display:block;
}

.footerspanwidth{
	margin-left: 20%;
}

.media-contactmain div figure{
	width: 15%;
	float: left;
	margin-bottom: 10px;
}

.media-contactmain > div{
	clear:both;
}

.media-contactmain > div > div{
	margin: 10px 0;
}

.media-contactmain div figure figcaption{
	padding-bottom: 15px;
}

.newscenter{
	clear:both;
}

.heater-main{
	width:100% !important;
}

.heater-left,.heater-right{
	width:50%;
	float:left;
	box-sizing:border-box;
}

.heater-left{
	padding-right:20px;
}

.specialoffer-left,.specialoffer-right{
	width:50%;
	float:left;
	border: 1px solid #dddddd;
	box-sizing: border-box;
	font-size:14px;
}

.specialoffer-left strong,.specialoffer-right strong{
	padding:20px 0;
}

.heater-right{
	padding-left:20px;
}

.germannav{
	width:100% !important;
}

.germannav > div{
	width: 20% !important;
}

.germannav > div:nth-of-type(3n+1){
	clear: unset !important;
}

.germannav > div:nth-of-type(5n+1){
	clear: both !important;
}

.noborder{
	border-bottom:none !important;
}

*{
	font-family: 'Arimo', sans-serif;
	font-display: swap;
}

.mobile-only{
	display:none;
}

.template7 .aboutusgroup .content > div > .casestudy{
	width:100%;
}

.template7 .aboutusgroup .content > div > .casestudy div{
	width:33%;
}

.template7 .casestudy div{
	min-height: 470px;
	position:relative;
	margin-bottom: 30px;
	padding-bottom:0 !important;
}

.casestudy .newslink{
	position:relative !important;
	background:none !important;
	padding:0 !important;
}


.template7 .aboutusgroup .content > div > .casestudy div:nth-of-type(2n+1){
	clear:unset;
}

.template7 .aboutusgroup .content > div > .casestudy div:nth-of-type(3n+1){
	clear:both;
}

.template7 .aboutusgroup .content > div > .casestudy div:nth-of-type(2n){
	padding-left: 0;
	padding-right: 35px;
}

.template7 .aboutusgroup .content > div > .casestudy figure{
	min-height: 200px;
	float:unset;
	padding-left:0;
}

.fanstyles li{
	font-size:13px;
	color: #666666;
}

#investordiv > li > a{
	padding: 20px 35px !important;
	box-sizing:border-box !important;
	text-decoration: none;
	width: 100%;
	color: #666;
	display: block;
}

/*.servicesul,.servicesul li{
	all:unset !important;
}

.servicesul{
	padding:0 !important;
}*/

.contentwidth100{
	width:100% !important;
}

.process-coolingp h3,.process-coolingp p{
	text-align:left !important;
}

.content .listyles li{
	display: block;
	width: 100%;
	padding: 0 0 10px 20px !important;
	background: url(/images/blue-square.jpg)no-repeat 4px 13px !important;
	cursor: unset !important;
	}

.content .listyles li:hover{
	color:#666666;
	font-size: 13px;
}

.content .listyles {
	display: block;
    justify-content: unset;
    width: 100%;
    border: 0;
}

.ourserviceparagraph{
	width:100% !important;
	padding-left:0 !important;
}

.faq{
	width:100% !important;
	padding-bottom: 30px;
}

.environmentheading{
	/*position: sticky;
	margin-top: -120px !important;
	margin-bottom: 40px !important;
	padding: 15px 3.2% !important;*/
	position: absolute;
	padding: 15px 3.2% !important;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}

.environmentheadinglong{
	margin-top: -180px !important;
}

.environmentheading > div{
	background:rgba(4, 4, 4, 0.31);
	padding: 20px;
	overflow: hidden;
}

.environmentheading h1{
	width: auto !important;
	color:#ffffff !important;
	padding-bottom:0 !important;
}

.environmentheadinglong h1{
	width: 60% !important;
}

.paddingbuttons{
	padding-bottom:40px;
}

.environmentheading .buttons a{
	width: auto !important;
	padding-left: 50px !important;
	padding-right: 10px !important;
}

.template14wrapper div p a{
	padding-bottom: 0 !important;
	padding-top:0 !important;
}

.template14wrapper div p{
	padding-top:0 !important;
}

.template3wrapper .worldwideservice > h2{
	text-align:left;
	font-size: 30px;
	padding: 30px 0 18px 0;
}

.template3wrapper .worldwideservice #map{
	margin-top: 40px;
}

.template3wrapper .worldwideservice > h2:after{
	left: 0;
}

article > header, main > header {
	all:unset;
	position:relative;
}

.environmenttabs .divcontent > div > figure{
	padding-right:60px;
}

.environmenttabs .divcontent > div > .tabtext div p:last-of-type{
	padding-bottom:0 !important;
}

.environmenttabs .divcontent{
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f5f5f5;
}

.environmenttabs .seconddiv > div > figure{
	padding-right:0 !important;
	padding-left:60px !important;
}

.hideheadings{
	display:none;
}

/*.blogbreadcrumb{
	margin-top:174px;
}*/

main#content{
	margin-top:0 !important;
}

.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
	font-display: swap;
}

.pac-item {
	cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999;
}

.pac-icon-marker {

    background-position: -1px -161px;

}

.pac-icon {

    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px;
}

.pac-item-query {

    font-size: 13px;
    padding-right: 3px;
    color: #000;

}

.tabtext a{
	color:#203f70;
}

.show{
	display:block !important;
}

.footermiddlediv p a{
	color:#ffffff;
}

#googlemapdiv a > img{
	max-width: 100%;
}

.cookiesdiv{
	width:100%;
	color: rgb(131, 131, 145);
	background-color: rgb(237, 239, 245);
	padding-top:7px;
	padding-bottom:7px;
	position:fixed;
	bottom:0;
	z-index:99999999;
	text-align: center;
}

.cookiesdiv div > span{
	margin-right: 12px;
	display: inline-block;
	box-sizing:border-box;
}

.cookiesdiv div > span > a{
	color: rgb(131, 131, 145);
	border-color: unset !important;
	background-color: unset !important;
}

.cookies-okbutton{
	color: rgb(255, 255, 255);
	border-color: transparent;
	background-color: rgb(66, 100, 164);
	padding: 10px 15px;
	display: inline-block !important;
	text-align: center;
	text-decoration: none;
	box-sizing:border-box !important;
	cursor:pointer;
}

.cookies-okbutton:hover{
	background-color: rgb(104, 138, 202);
}

.footerpromotions a,.guidescontainer div a,.productpromotions article a{
	text-decoration:none;
}

.smallvideos.homevideos div div img:last-of-type {
    height:25px !important;
}

.bannerpromotions {
	display:block !important;
    background: #ffc434 !important;
	text-align:center;
}

.entry-content img{
	height:auto;
}

.more-link {
	right: 0;
}

h2{
	font-family:"oswald",sans-serif;
	font-display: swap;
}

body{
	width:100%;
	background-color:#f5f5f5;
}

.enquireform{
	clear:both;
	padding-top:30px;
	display:none;
}

@media screen and (max-width:375px),  screen and (max-width:1125px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:1125px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:1125px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:1125px) and (min-device-pixel-ratio: 3){
	.enquireform{
		padding-top:0;
	}
}

/* Hide enquire intro text within products */
.productdetail #form_container p:first-of-type {
	display: none;
}


.redtext{
	color:#000000 !important;
	font-size:14px !important;
}

.selection-parent{
	z-index: 99999;
	position: relative;
	display: none !important;
}

.displayflex{
	display: flex !important;
	justify-content: center;
}

.selectionbg {
	width: 100%;
    background: #000000;
    height: 100%;
    opacity: 0.8;
    position: fixed;
    top: 0;
}

.positionspan {
    position: relative;
    width:1200px;
    margin: 0 auto;
}

.selectionbg .positionspan span{
	color: #000;
	display: block;
	background: #fff;
	position: absolute;
	font-size:20px;
	border: 1px solid #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 25px;
	top: 10px;
	text-align: center;
	vertical-align: top;
	width:25px;
	padding: 10px;
	cursor:pointer;
	right: 1%;
	z-index:99999;
}

.selection-popup{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	position: fixed;
	top: 0;
}

.selection-popup img{
	width: 100% !important;
	background-color: #f2f2f2;
	z-index: 999;
	cursor: pointer;
}

.servicesul li i{
	padding-right:15px;
}

.servicesul li i:before{
	text-rendering: optimizeLegibility;
}

.servicesul li{
	display:flex;
}

.content i{
	display:none;
}

header{
	background-color:#ffffff;
}

.wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0 3.2%;
	box-sizing: border-box;
	overflow:hidden;
}

header .headertop{
	padding-top:20px;
	padding-bottom:10px;
	box-sizing:border-box;
	overflow: hidden;
}

header .headertop .freephone{
	width:20%;
	float:left;
	text-decoration:none;
	font-family: 'oswald', sans-serif;
	font-size: 28px;
	font-weight: bolder;
	color: #5788e4;
	font-display: swap;
}

header .headertop .nolopompefreephone{
	color: #009f83;
}

header .headertop .nospan{
	padding-top:5px;
}

.freephone span{
	display:block;
	color:#333333;
	font-size:10px;
	font-family: 'Arimo', sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-display: swap;
}

header .headertop figure:first-of-type{
	width:35%;
	float:left;
	height:53px;
}

header .headertop figure a img{
	max-width:60%;
	max-height:53px;
	/*image-rendering: -moz-crisp-edges;        
	image-rendering:   -o-crisp-edges;         
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;   */
}

header .headertop .floatright{
	width:45%;
	display: inline-block;
	text-align: right;
}

.menuicon, .menuiconphone{
	display:none;
}

.floatright a:not(.feefoheader),.floatright span{
	text-transform:uppercase;
	text-decoration:none;
	color:#004A93;
	font-size:12px;
	margin-right:10px;
	padding:14px 12px 14px 49px;
	border-radius:7px;
	display: inline-block;
	background-color: #E2AE30 !important;
	font-weight: 600;
}

.floatright a:not(.feefoheader):hover{
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	margin-right:10px;
	padding:14px 12px 14px 49px;
	border-radius:7px;
	display: inline-block;
	background-color: #004A93 !important;
	font-weight: 600;
}

.floatright a.nolopompebg{
	background-color: #009f83 !important;
}

.floatright #livechatbutton{
	padding:0 !important;
	background-color: #ffffff !important;
	width:130px;
	height:30px;
	position:relative;
}

.floatright #livechatbutton.livechatbuttonit{
	width:117px;
}

.floatright #livechatbutton img{
	top:-13px !important;
	position:absolute;
	left:0;
}

.floatright #livechatbutton.livechatbuttonit img{
	top:5px !important;
}

.floatright #livechatbutton div{
	outline:0 !important;
}

.floatright #livechatbutton div > div{
	margin:0 !important;
}

.floatright span:first-of-type{
	background: url("../images/livechat-icon-face-new-big.png")no-repeat 8px;
	cursor:pointer;
}

.floatright .livechatlink{
	background: url("../images/livechat-icon-new.png")no-repeat 8px 3px;
}



.floatright .callmebacklink{
	background: url("../images/callmeback-icon-white.png")no-repeat 8px;
}

.floatright .basketlink{
	margin-right:0 !important;
	background: url("../images/basket-white.png")no-repeat 8px 3px;
}

.feefoheader{
	margin-right: 10px;
}

.feefoheader img{
	vertical-align: bottom;
}

.flex-nav-prev{
  left:13px;
  background: url('../images/controls.png') no-repeat 0 -32px;
  top:45%;
  position:absolute;
  text-indent:-9999px;
  width: 32px;
  height: 32px;
  z-index:999;
}

.flex-nav-next{
  right:13px;
  background: url('../images/controls.png') no-repeat -43px -32px;
  top:45%;
  position:absolute;
  text-indent:-9999px;
  width: 32px;
  height: 32px;
  z-index:999;
}

.flex-direction-nav {
    list-style-type: none;
}

.smallvideos{
	position: relative;
}

.flex-direction-nav a{
	position:unset !important;
}

.singlesubmenu{
	position: absolute;
	top: 100%;
	z-index: 99999;
	text-align: left;
	box-sizing:border-box;
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.8);
	box-shadow: 0 0 18px rgba(0,0,0,0.8);
	background: #fff;
	padding: 10px;
	min-width: 200px;
}

.singlesubmenu > ul > li{
	list-style-type:none;
}

.singlesubmenu > ul > li > a:hover{
	text-decoration:underline;
}

.subnav{
	position: absolute;
	top: 100%;
	left:3.2%;
	width:93.6%;
	background: #fff;
	z-index:9999;
	text-align: left;
	padding:30px 0;
	box-sizing:border-box;
	padding-left: 20px;
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.8);
	box-shadow: 0 0 18px rgba(0,0,0,0.8);
}

.subnav50{
	width:43.6% !important;
	left:53.2% !important;
}

.subnav75,.subnav75cats {
	/* width: 63.6% !important;
	left: 33.2% !important; */
}

.subnav .menulinks{
	width: 100% !important;
	padding: 30px 0px 20px 0 !important;
	margin: 20px 0px;
	border-top: 2px solid transparent;
	border-image: linear-gradient(to right, #ffffff 0%, #394d90 30%, #394d90 70%, #ffffff 100%);
    border-image-slice: 100%;
	border-image-slice: 1;
}

.subnav .menulinks a{
	width: 33%;
	box-sizing: border-box;
	padding-right: 20px;
	margin: 5px 0;
	display: block;
	float: left;
}

.subnav75 .menulinks a{
	width: 50% !important;
}

.subnav > .subcats > div:nth-of-type(3n+1) {
	clear: both;
}

.subnav > .subcats{
	width:55%;
	float:left;
}

.subnav75cats > .subcats{
	width:100%;
}


.subnav75 > .subcats {
    width: 35%;
}

.subnav > .subenvironments{
	width:45%;
	float:left;
	padding:0 20px;
	box-sizing:border-box;
}

.subnav50 > .subenvironments{
	width:100% !important;
}

.subnav75 .subenvironments {
    width: 65%;
}

.subnav > .subcats > div {
	float: left;
	width:33%;
	box-sizing: border-box;
	padding:10px 10px 10px 0;
}

.subnav75 > .subcats > div {
    width: 100%;
}

.subnav figure {
	width:25%;
    max-width:50px;
    float: left;
}

.subenvironments  figure{
	text-align: center;
}

.subenvironments figure img{
	width: 80%;
	padding-top: 20%;
	display: block;
	margin: 0 auto;
}

.subnav figure img {
	max-width: 50px;
}

.subcats strong,.subenvironments strong{
	width: 73%;
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
}

.subcats strong > a{
    color: #203f70;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: block;
	font-weight: normal;
	padding-top:5px;
	padding-left:5px;
	word-wrap: break-word;
}

.subenvironments strong > a{
    font-family: 'oswald',sans-serif;
    color: #203f70;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 15px 0;
    text-decoration: none;
    display: block;
	font-display: swap;
}

.subnav ul {
	clear: both;
    list-style-type: none;
    padding: 5px 10px;
}

.subnav ul li {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding-right:20px;
	margin:5px  0;
}

.subnav a,.singlesubmenu  a {
	color:#203f70;
	text-decoration:none;
	font-size: 14px;
}

.singlesubmenu  a {
	font-size:12px;
}

.singlesubmenu ul li {
	padding-bottom:7px;
}

body > header{
	position: absolute;
	top: 0;
	width: 100%;
	display:table;
}

main{
	margin-top: 0px;
	width:100%;
	overflow:auto;
	display:block;
}

#printpage{
	margin-top: 0;
}

header nav{
	clear:both;
	z-index:9999;
}

header nav{
	width:100%;
	background-color:#394d90;
}

header nav > ul{
	height:45px;
	display:table;
	position:relative;
	overflow:auto !important;
}

header > nav > ul > li{
	display:inline-block;
	list-style-type: none;
	/*padding: 12px 0px;*/
	text-align: center;
	box-sizing: border-box;
	display:table-cell;
	z-index:9999;
}

header > nav > ul > li > a{
	color:#ffffff;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	padding: 14px 18px;
	text-align: center;
	box-sizing: border-box;
	display:block;
}

header > nav > ul > li:hover{
	background-color:#408edf;
}

header > nav.nolopompebg > ul > li:hover{
	background-color:#07ba9b;
}

header > nav > ul > li:hover > div{
	display:block;
}

.banner{
	width:100%;
	position: relative;
}

.banner img{
	width:100%;
	height: 520px;
}

/*.banner img:last-of-type{
	position: absolute;
	top: 0;
	left: 57%;
	width: unset;
	height: unset;
}*/

.bannermontage{
	text-align:right;
	width:100%;
	margin:0 auto;
	height:520px;
}

.bannerdiv{
	width:100%;
	background-size:cover !important;
	background-repeat:no-repeat;
}

.active{
	background-color:#408edf;
	padding-bottom: 14px;
}

.promotions{
	background-color:#f5f5f5;
	border-bottom: 1px solid #e0dcdc;

}

.promotions > div{
	overflow: unset;
}

.promotions > div .promotions-flag{
	width: 100% !important;
	text-align: center;
}

.promotions-flag li:hover .dropdown-flags{
	display:block;
}

.promotions  ul li{
	box-sizing:border-box;
	list-style-type:none;
	font-size: 14px;
	color: #666666;
	vertical-align: middle;
	display: inline-block;
	width: 24.5%;
	text-align: center;
}


.promotions-flag > li{
	width: 22% !important;
}

.promotions-flag > .liflag{
	width: 10% !important;
	text-align: right;
	padding-right: 30px;
	cursor:pointer;
}

/*.promotions  ul li div{
	position: relative;
}*/

.promotions  ul li div .dropdown-flags{
	width: 138px;
	position: absolute;
	top: 99%;
	background: #fff;
	border: 1px solid #b3b3b3;
	border-radius:2px;
	color: #666666;
	z-index: 9999999;
	/*right: -7px;*/
	display:none;
}



.promotions  ul li div > .dropdown-flags > li{
	display: block;
	width:88%;
	text-align: center;
	border-bottom: 1px solid #b3b3b3;
	padding: 3px 0;
	margin: 0 7%;
}

.promotions  ul li div > .dropdown-flags > li a{
	font-size: 14px;
	width:100%;

}

.promotions  ul li div > .dropdown-flags > li:last-of-type{
	border-bottom:none;
}

.promotions li img{
	vertical-align:middle;
	display:inline-block;
	padding: 12px;
}

.promotions ul  li a{
	text-decoration:none;
	font-size:14px;
	color:#666666;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

.sliderwrapper{
	position:relative;
	overflow: hidden;
	height: 470px;
	transition: height 0.2s linear;
}

.categorysliderwrapper{
	height:340px;
}

.categorysliderwrapper .sliderinfo img{
	max-height:340px;
}

.environmentsliderwrapper{
	height:200px;
}

.environmentsliderwrapper .sliderinfo img{
	max-height:340px;
}

.slider{
	position:relative;
}

.slider a,.slider a:visited {
	text-decoration:none;
}

.slider > img, .slider > a > img{
	width:100%;
	min-height:470px;
}

.slidertext{
	position:absolute;
	top:0;
	width:100%;
}

.sliderinfo{
	width:74%;
	float:right;
	position:relative;
	height:470px;
}

.categorysliderwrapper .sliderinfo{
	height:340px;
}

.environmentsliderwrapper .sliderinfo{
	height:200px;
}

.sliderinfo figure{
	height:470px;
	display: flex;
	align-items: center;
}

.sliderinfo .montagefigure {
     /* display: block !important;  */
}

.environmentsliderinfo,.categorysliderinfo{
	width:100% !important;
}

.sliderinfo div{
	position:absolute;
}

.sliderinfo p{
	padding-top:10px;
	font-family: 'Poppins', sans-serif;
}

.sliderinfo p *{
	font-family: 'Poppins', sans-serif;
}

.sliderinfo h1,.sliderinfo strong{
	font-family: 'Poppins', sans-serif;
	font-size:40px;
	font-display: swap;
}

.sliderinfo img{
	max-width:100%;
	max-height:470px;
}

.sliderinfo .floatright{
	float:right;
}

.sliderinfo .floatleft{
	float:left;
	padding-left:10px;
}

.sliderform{
	position:absolute;
	top:0;
	/*width:100%;*/
	width:330px;
	z-index:999;
}

form#search {
    box-shadow: rgb(43 43 43 / 75%) 5px 0px 20px;
}

.bannerwrapper{
	position: relative;
	display:flex !important;
	align-items:center;
	justify-content:center;
	vertical-align:middle;
}

.bannerrightdiv{
	position: absolute;
	flex:1;
	text-align: center;
	float: right;
	right:0;
	width:67.6%;
	padding:0 12%;
	box-sizing: border-box;
}

.bannerrightdiv h1,.bannerrightdiv strong{
	color: #fff;
	font-size:43px;
	line-height:52px;
	display: table-cell;
	vertical-align: middle;
	font-family: 'Poppins', sans-serif;
	line-height: 53px;
	text-shadow: 0 0 2px rgba(0, 0, 0, .5);
	font-display: swap;
}

.bannerrightdiv p{
	color:#ffffff;
	font-size: 15px;
	line-height:25px;
	display: table-row;
}

.sliderform form{
	background: #ffffff;
	height: 100%;
	height: 100%;
	/*width:26% !important;*/
	overflow:hidden;
	margin-top:25px;
	box-shadow: rgb(43 43 43 / 75%) 5px 0px 20px;
}

.bannercontainer{
	position: relative;
	overflow:hidden;
}

.bannerleftdiv{
	position: absolute;
	top: 0;
	padding-top: 3.75%;
	padding-bottom: 3.75%;
	height: 100%;
	z-index:9;
	width:32.45% !important;
}

.categorybanner form{
	/*height:85%;*/
	margin-top:72px;
}

.categorysliderwrapper .categorybanner form{
	/*height:85%;*/
	margin-top:6px;
}



.selectdiv {
  position: relative;
  float: left;
  min-width:80%;
  margin:8%;
}

.selectdiv label{
	display:block;
	color: #666666;
	font-size:15px;
}

.selectdiv label select,.searchdiv select,.uk-left select{
	background: url("/images/downarrow.png")no-repeat right;
	background-position-x: 100%;
	cursor:pointer;
}

#citypostcode {
    background: url("/images/list.png")no-repeat right;
	background-position-x: 100%;
}

.selectdiv label[for=citypostcode]:after {
	all:unset;
}

.radiolabel,.radiolabellink{
	text-transform:uppercase;
	color: #394d90;
	font-size:13px;
}

.radiolabellink{
	text-decoration:none;
}

select::-ms-expand {
	display: none;
}

.singlelabel{
	width: 100% !important;
	border-bottom: 1px solid #ebecec;
}

.selectdiv select,.selectdiv input,.searchdiv select,.uk-left select,.uk-left input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 50px;
  float: right;
  margin:6px 0px 17px 0;
  font-size:15px;
  line-height: 1.75;
  color:#666666;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e2e2e2;
  -ms-word-break: normal;
  word-break: normal;
  text-overflow: ellipsis;
  padding-inline-start: 0px !important;
  padding-left:6px !important;

  

}

.selectdiv input{
	box-sizing: border-box;
	color:#000000 !important;
	padding-left:9px !important;

}

.selectdiv select option{
	padding:0 !important;
}

.selectdiv select,.selectdiv input{
	  padding-right: 50px !important;
}

.uk-left input{
	height: 45px;
	padding-left: 5px !important;
	box-sizing: border-box;
	cursor: pointer;
	color:#666666;
}

::placeholder{
	color:#666666;
}

.selectdiv button,.searchdiv button,.search-submit{
	background: #ffc434;
	width: 100%;
	display: block;
	clear: both;
	padding: 15px 0;
	border-radius: 5px;
	text-decoration: none;
	color:#0B2749;
	font-weight:700;
	text-transform:uppercase;
	font-size:16px;
	cursor:pointer;
	position:relative;
	border: none;
	letter-spacing: 1px;
}

.entry-title a,#content h1{
    text-transform: uppercase;
    color: #203f70;
    font-weight: bold;
    font-size: 20px;
    font-family: 'oswald',sans-serif;
    text-decoration: none;
    display: block;
	font-display: swap;
}

.content div > p{
	font-size: 13px;
	color: #666666;
	line-height:25px;
	padding-bottom: 10px !important;
}

.content div > p > a{
	color: #203f70;
}

.entry-title{
	margin:0 !important;

}

.entry-title a{
	font-size:18px;
}

.search-form label input{
	width: 100%;
	height:50px;
	margin-bottom:15px;
	border: 1px solid #e2e2e2;
	padding-left:10px;
	border-radius:5px;
}

.cat-links a,.tag-links a{
	text-decoration: none;
	color: #336699;
	font-size: 13px;
}

.cat-links a:hover,.tag-links a:hover{
	text-decoration:underline;
}

.selectdiv button,.search-submit{
	padding-left:75px;
	padding-right:30px;
}

.selectdiv .fa-search,.searchdiv .fa-search,.search-submit .fa-search{
	width: 22%;
	text-align: center;
	margin-right: 10%;
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-right:1px solid #e5b02f;
	height: 100%;
	padding-top: 15px;
	box-sizing: border-box;
}

.selectdiv input{
	 padding: 0;
}

input::-moz-input-placeholder {
  line-height: 1.5em;
}

.locations > ul{
	list-style-type:none;
	position:absolute;
	top:65px;
}

.locations > ul > li{
	padding: 10px 0;
	background: url("../images/locationicon.png")no-repeat 0px 9px;
	padding-left: 23px;
	font-size: 14px;
}

.locations{
	position:relative;
}

.sliderform input[type=radio]{
	display:none; 
}

.sliderform  input[type=radio] + label,.radiolabellink {
	display:inline-block;
	margin-bottom: 0;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	border-bottom-color: #b3b3b3;
	width: 50%;
	float: left;
	vertical-align: middle;
	padding: 15px 0;
	background-color:#e0e0e0;

	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		background-image: none;

}

.sliderform  input[type=radio]:checked + label { 
	outline: 0;
	background-color:#ffffff;
	box-shadow:unset;
	-webkit-box-shadow:unset;
	-moz-box-shadow:unset;
	
	
}

.ourrange h2, .guidescontainer > div > h2, .ourblog h2, .ourblog h2 a, .aboutandrews h2, .about h2, .ourservice h2, .faq h2, .aboutcontainer .about h2, #template18 #t4 h2{
	font-family:'oswald',sans-serif;
	text-align:center;
	padding: 20px 0;
	text-transform:uppercase;
	color:#203f70;
	font-weight:bold;
	font-size: 30px;
	margin: 50px auto;
	position: relative;
	width:100%;	
	font-display: swap;
}

.aboutandrews h2{
	margin: 30px auto 50px auto !important;
}

.ourblog h2 a{
	text-decoration:none;
}



.catrange  h2{
	margin:0 !important;
	letter-spacing: 0.5px;
}

.ourrange article img{
	max-height:200px;
	max-width:100%;
}

#searchresults h2{
	margin:0 !important;
}

.catrange h2 a{
	text-transform:uppercase;
	color:#203f70;
	font-weight:bold;
	font-size:20px;
	font-family:'oswald',sans-serif;
	text-decoration:none;
	display: block;
	font-display: swap;
}

.catrange article h2::after{
	all:unset !important;
	width: 0 !important;
}

.about h2{
	margin:0 auto 50px 0;
}

.about h2:after,#searchresults .about div h2:after{
	color:#408edf !important;
}

.evendiv h2:after{
	color:#e5b02f !important;
}

.guidescontainer > div > h2{
	margin: 0 auto 50px 0;
	padding: 0 0 20px 0;
}

.ourrange h2:after,.guidescontainer > div > h2:after,.ourblog h2:after,.aboutandrews h2:after,.about h2:after,.ourservice h2:after,.faq h2:after,.bannerfulldiv-category h1:after,.worldwideservice h2:after,.videoleftdiv h2:after,.jointeam h2:after,.whatcustomersay h2:after,.environmentrange h2:after,.searchresultsdiv hgroup:after,.template15text h1:after,#searchresults .about div h2:after,#template18 #t4 h2:after{
	content: '';
	width: 5%;
	position: absolute;
	left: 47%;
	bottom: 1px;
	border-width: 0 0 3px;
	border-style: solid;
	color: #e5b02f;
}



.aboutandrews h2,.worldwideservice h2{
	margin: 0px auto 50px auto !important;
}



.videoscontainer{
	background-color:#ececec !important;
}

.guidescontainer > div > h2:after{
	color:#408edf;
}

.ourrange{
	overflow:hidden;
	flex-wrap: wrap;
}

.guidescontainer hr{
	background:#95c2f1;
}

.guidescontainer > h2::after{
	color:#408edf;
}

.guidescontainer i{
	padding-left:1%;
	font-weight: bold;
	font-size: 13px;
}

.ourrange article{
	width:32%;
	float:left;
	text-align:center;
	background:#ffffff;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding:36px 10px 41px 10px;
	border: 1px solid #ebecec;
	border-radius: 2px;
	position: relative;
	margin-right: 2%;
	min-height:430px;

}

.catrange article{
	min-height:450px;
}

.ourrange > article:nth-of-type(3n) {
    margin-right: 0;
}

.ourrange article h3 a,.category h2 ,.depot-details h2,.depotleft h2,.depotright h2{
	font-family:'oswald',sans-serif;
	color:#203f70;
	text-transform:uppercase;
	font-size: 20px;
	letter-spacing: 0.5px;
	padding:15px 0;
	text-decoration:none;
	display: block;
	font-display: swap;
}

.ourrange article p, .search-right .casestudies p{
	font-size:13px;
	color:#666666;
	line-height:25px;
	overflow: hidden;
	position:relative;
	max-height:4em;
	margin-right:-1em;
	padding-right:1em;
}

.search-right .casestudies p{
	max-height:unset;
}

.catrange article p{
	max-height:7.5em;
}

.buttondiv{
	position:absolute;
	bottom: 35px;
	left: 0;
	width: 100%;
}

.productbutton{
	display:inline-block;
	margin-top:20px;
}

.ourrange article .articlebutton,.viewdetail, .productbutton{
	background: #ffc434;
	padding: 12px 0 12px 0;
	color: #203f70;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	text-align: left;
	padding-right: 48px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
}

#environmentpage .catrange article{
	min-height: 380px;
}

.articleproducts{
	padding-left:5% !important;
}

.ourrange article .articlebutton i, .viewdetail i,.template16wrapper a i,.template16wrapper .buttondiv .searchsubmit i, .productbutton i{
	position: absolute;
	right: 0;
	border-left: 1px solid #e5b02f;
	height: 100%;
	padding: 12px;
	box-sizing: border-box;
	top: 0;	
	font-weight:bold;
}

.guidescontainer{
	width:100%;
	background:#ffffff;
	margin-top: 65px;
	overflow:hidden;
}

.guidescontainer > div{
	padding-top: 50px;
	padding-bottom: 50px;
}

.guidescontainer div article :not(i){
	font-family:'oswald',sans-serif;
	font-display: swap;
}

.guidescontainer div article,.menupromotions article{
	width:32.2%;
	float:left;
	position:relative;
	margin-right:1.7%;
	padding:10px 0;
}



.firstpromo{
	clear:both;
}

.lastpromo{
	margin-right:0 !important;
}

.darkblue{
	color:#303f70 !important;
}

.articblue{
	color: #408edf  !important;
}

.black{
	color:#000000 !important;
}

.darkblue a{
	color:#303f70 !important;
	font-weight:bold;
}

.articblue a{
	color: #408edf  !important;
	font-weight:bold;
}

.black a{
	color:#000000 !important;
	font-weight:bold;
}

.guidescontainer div article div hgroup,.menupromotions  article div strong{
	position: absolute;
	top: 35px;
	left: 25px;
	width:50%;
}

.guidescontainer div article h3,.guidescontainer div article h2,.menupromotions article div strong{
	color:#ffffff;
	text-transform:uppercase;
	font-size: 25px;
}
.guidescontainer div article h2 {margin-top: 0;
    margin-bottom: 10px;
    padding: 0px;}
.menupromotions{
	padding-right: 20px;
}

.menupromotions article div strong{
	font-family: 'oswald',sans-serif;
	font-display: swap;
}

.categorycontainer div article h3{
	font-size:18px;
	padding-top:5px;
}

.guidescontainer div article h2 strong{
	font-size:45px;
	display:block;
}

.menupromotions figure{
	width:100%;
	padding-top: 20px;
}
.menupromotions figure img{
	width:100%;
	max-width:100%;
}

.guidescontainer div article a,.guidescontainer div article span,.menupromotions article div span{
	position:absolute;
	bottom:40px;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	width: 100%;
	left: 25px;
	font-family: 'Arimo', sans-serif;
	font-display: swap;
}

.guidescontainer div article figure img{
	max-width:100%;
}

.fullscreen{
	width:100% !important;
	margin-right:0 !important;
}

.fullscreen h2{
	font-size:22px !important;
}

.twothird{
	width: 65.7% !important;
}

.halfscreen{
	width:49.15% !important;
}

.ourblog{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding-bottom:70px;
}

.ourblog article{
	width: 32%;
	float: left;
	background: #ffffff;
	box-sizing: border-box;
	padding-bottom: 25px;
	border: 1px solid #ebecec;
	border-radius: 2px;
	position:relative;
}

time{
	position:absolute;
	top:0;
	left:0;
	background:#408edf;
	color:#ffffff;
	/*padding: 5px 20px;*/
	display:block;
	text-align:center;
	font-size:48px;
	font-family:'oswald',sans-serif;
	width:24%;
	font-display: swap;
}

/*time > span:first-of-type{
	display:inline-block;
	vertical-align:top;
}*/

time > span{
	display:block;	
	font-size:15px;
}

time > span:last-of-type{
	background:#000000;
	margin-top: 3px;
	padding: 4px 0;
	text-transform: uppercase;
	font-size: 11px;
}

.ourblog article figure img{
	max-width:100%;
	max-height: 250px;
}

.ourblog article figure{
	text-align: center;
	height: 250px;
}

.ourblog article h3{
	font-family:'oswald',sans-serif;
	color:#203f70;
	text-transform:uppercase;
	font-size:20px;
	line-height: 26px;
	padding:20px;
	font-display: swap;
}

.ourblog article h3 a {
    text-decoration: none;
    color: #203f70;
    font-family: 'oswald',sans-serif;
}

.ourblog article p{
	padding:0 20px 20px 20px;
	color:#666666;
	font-size:13px;
	line-height:25px;
}

.ourblog article > a{
	padding: 0 20px;
	color:#203f70;
	text-decoration:none;
	font-size: 14px;
	position: absolute;
	bottom: 4%;
}

.videosdiv {
	background:#ececec;
	padding-top:45px;
}

.videosdiv h2,.worldwideservice h2,.joinourteam h2,.whatcustomersay h2{
	font-family: 'oswald',sans-serif;
	text-transform: uppercase;
	color: #203f70;
	font-weight: bold;
	font-size: 30px;
	font-display: swap;
}

.joinourteam h2{
	position:relative;
	padding-bottom: 25px;
}

.videoleftdiv{
	width:35%;
	float:left;
	padding:40px 7% 0 0;
	box-sizing:border-box;
}

.videoleftdiv h2{
	position:relative;
	padding-bottom: 25px;
}

.videoleftdiv h2::after{
	top:0;
	left:0;
	bottom:0;
	width:17%;
	color:#408edf;
}

.videorightdiv{
	width:65%;
	float:left;
	padding-bottom: 40px;
	position:relative;
}

.youtubefigure{
	position: relative;
}

.playbutton{
	position: absolute;
	top: 43%;
	left: 45%;
	height: 11%;
	max-height: 48px;
	min-height:30px;
}

.playbutton-smallvideos{
	position: absolute;
	top: 43%;
	left: 40%;
	height:unset !important;
	max-width: 20% !important;
}

.videorightdiv img{
	cursor:pointer;
	max-width:100%;
	display: block;
}

.videoleftdiv p,.joinourteam p{
	font-size:13px;
	color:#666666;
	padding:40px 0;
	line-height:25px;
}

.smallvideos.homevideos div div{

	float:left;
	position:relative;
	padding: 15px 20px 15px 0;
	overflow: hidden;
}

.smallvideos.homevideos div:last-of-type{
	padding-right:0;
}

.smallvideos.homevideos{
	overflow: hidden;
	background:#f5f5f5;
	padding-top: 30px;
	padding-bottom: 30px;
}

.homevideos{
	padding-top:40px !important;
	background: #ececec !important;
	padding-bottom: 0 !important;
}

.smallvideoswapper{
	margin-left:36.6%;
	padding-left:0;
	width:57.4% !important;
	margin-right:3.2%;
	padding-right:0 !important;
}

.smallvideos.homevideos{
	padding-top: 0 !important;
	height:135px !important;
}

.smallvideos.homevideos div div{
	padding: 0 !important;
	border:5px solid black;
	box-sizing:border-box;
	border-top:0;
	border-bottom:0;
	width:25%;

}

.smallvideos.homevideos div div:first-of-type {
	border-left: 10px solid black;

}

/*.smallvideos.homevideos div:first-of-type{
	margin-left: 35%;
	border-left:12px solid black;
}*/

.smallvideos.homevideos div div:last-of-type{

	border-right:10px solid black;
}

.smallvideos.homevideos div div p{
	position:absolute;
	top:15px;
	display:none;
}

.smallvideos.homevideos i{
	float: right;
	top: 16px;
	position: absolute;
	right: 15px;
}

.smallvideos.homevideos div div:hover > p{
	display: block;
	background: #3d4a77;
	height:74px;
	opacity: 0.9;
	padding: 16px 37px 15px 10px;
	color: #ffffff;
	font-size: 14px;
	line-height:25px;
	cursor:pointer;
	overflow:hidden;
}

.smallvideos.homevideos div div img{
	display:block;
	height: 135px;
	width:max-content;
}

.smallvideos.catvideos div{
	float: left;
	width:225px;
	padding-right:13px;
	position:relative;
}

.smallvideos.catvideos div:last-of-type {
    padding-right: 0;
}

.smallvideos.catvideos div img{
	width: 100%;
	display: block;
}

.smallvideos.catvideos div p{
	background: #000;
	color: #fff;
	padding: 8px 0;
	padding-left: 0px;
	font-size: 13px;
	padding-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
	position: absolute;
	bottom: 0;
	width: 90.5%;
}

.catvideoswrapper{
	margin-top: 4%;
	margin-bottom: 4%;
}

.videorightdiv iframe{
	width:100%;
	height:450px;
	display:block;
}

.worldwideservice{
	background:#ffffff;
	width:100% !important;
}

.worldwideservice h2{
	text-align:center;
	padding: 80px 0 18px 0;
	position: relative;
}

.globalsites{
	text-align:center;
	padding:70px 0;

}





.globalsites img{
	margin:0 5px;
}

.globalsites figcaption{
	margin-right:10px;
	text-transform:uppercase;
	font-size:13px;
	color:#203f70;
	letter-spacing: 0.5px;
	font-weight:bold;
	display: inline-block;
	vertical-align: text-top;
}

.jointeam{
	width:30%;
	float:left;
	margin: 85px 0 0 0;
	position:relative;
}

.jointeam a{
	background: #ffc434;
	padding: 12px 0 12px 0;
    padding-left: 0px;
	color: #203f70;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	position: absolute;
	text-align: left;
	padding-left:4%;
	box-sizing: border-box;
	padding-right: 45px;
}

.jointeam a i{

	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 0;
	right:11px;
	border-left: 1px solid #e5b02f;
	height: 100%;
	padding-top: 10px;
	box-sizing: border-box;
	margin-left: 14px;
	padding-left: 6px;
}

.jointeam h2:after{
	left:0;
	width:20%;
	color: #408edf;
}

.joinourteam figure{
	width:68%;
	float:left;
	text-align:right;
	padding:45px 0;
}

.joinourteam figure img{
	max-width:600px;
}

.aboutandrews{
	width: 100%;
	background: #ffffff;
	overflow: hidden;
}

/*.aboutandrews > div{
	margin-top: 40px;
}*/

.calculator-container{
	margin-top:0 !important;
}

.aboutandrews p a{
	text-decoration:none;
	font-weight:bold;
	color:#203f70;
}

.aboutandrews h2::after{
	color:#408edf;
}

.aboutandrews ul,.communicationitrooms ul,.environmenttabs .environmenttabsul{
	list-style-type:none;
	border-bottom: 4px solid #408edf;
	display:flex;
	justify-content:space-around;
}

.aboutandrews ul li:hover, .aboutandrews ul li a:hover,.environmenttabsul a li:hover{
	background-color: #408edf;
	color:#ffffff;
	cursor:pointer
}

.aboutandrews ul li,.communicationitrooms ul li,.environmenttabs .environmenttabsul li{
	text-decoration:none;
	color:#666666;
	font-size:13px;
	display:inline-block;
	cursor: pointer;
}

.aboutandrews ul li a,.communicationitrooms ul li a,.environmenttabs .environmenttabsul li a{
	padding:20px 45px !important;
	box-sizing:border-box !important;
	text-decoration: none;
	width: 100%;
	color: #666;
	display: block;
}

.aboutandrews .content{
	color:#666666;
	/*padding:35px 0;*/
	padding-bottom:0 !important;
}

.content > div > div{
	width:50%;
	float:left;
	box-sizing:border-box;
}

.job_box{
	width:100% !important;
	padding-bottom: 20px !important;
	padding-left:0 !important;
}

.job_box h3{
		display:block !important;
	}

.content{
	background:#ffffff;
	padding-top: 25px;
	padding-bottom: 15px;
	/*margin-bottom:20px;*/
}

.calc-content > div{
	padding: 5px 0 !important;
	line-height: 15px !important;
}

.calc-list{
	margin-top:2% !important;
}

.calc-buttons .button1{
   background: url("../images/livechat-icon.png")no-repeat 8px 3px;
   padding:14px 20px 14px 49px;
}

.calc-buttons{
	float: left;
    padding-left: 20px;
    padding-top: 3px;
}

.calc-buttons a,.button3,.calc-buttons .chatlink{
	text-transform: uppercase;
	text-decoration: none;
	color: #204585;
	font-size: 11px;
	border: 2px solid #d9d9d9;
	margin-right: 10px;
	padding: 14px 12px 14px 49px;
	border-radius: 7px;
	float:left;
	clear: both;

}

.calc-buttons .chatlink{
	margin-top:0 !important;
	margin-bottom:0 !important;
	cursor:pointer;
}

.button3{
	background: url("../images/arrow.png")no-repeat 8px 3px;
	color: #204585 !important;
	font-size: 11px !important;
	margin:0 !important;
}

.button3 span:last-of-type{
	margin-right:10px;
}

.button3 i{
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-right: 1px solid #74bd5d;
	height: 100%;
	width: 40px;
	text-align: center;
	padding: 16px 10px;
	box-sizing: border-box;
}

.calc-buttons .button2{
    background: url("../images/callmeback-icon.png")no-repeat 8px 3px;
}



.calc-buttons div{
	overflow: hidden;
	margin-bottom: 20px;
}

.calc-buttons div span,.calc-buttons div p{
	float: left;
	margin: 14px 0;
	font-size: 13px;
	color: #666666;
}

.calc-buttons div span{
	cursor:pointer;
}

.calc-buttons div p{
	margin-left:10px;
}

.calc-buttons a .fa-angle-right{
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-right: 1px solid #74bd5d;
	height: 100%;
	width: 40px;
	text-align: center;
	padding: 16px 10px;
	box-sizing: border-box;
}

.content > div > div:first-of-type{
	padding-right:10px;
}

.content > div > div:last-of-type{
	padding-left:10px;
}

.aboutandrews .content p{
	line-height: 25px;
	font-size: 13px;
	padding-bottom: 20px;
}

.aboutandrewsactive,.environmentactive{
	background-color: #408edf;

	color:#ffffff !important;
}

.aboutandrewsactive a{
	color:#ffffff !important;
}

.hide{
	display:none;
}

footer{
	background:#ffffff;
	clear:both;
}

footer a{
	text-decoration:none;
}

footer .footertopdiv{
	
	background-color:#3a4e93;
}



.footertopdiv ul,.footermiddlediv ul{
	padding: 29px 0;
	text-align:center;
}

.footertopdiv ul li,.footermiddlediv ul li{
	display:inline-block;
	list-style-type: none;
	text-align: center;
	border-right: 2px solid #6478b5;
	padding: 0 20px;

}

.footertopdiv.nolopompebg ul li,.footermiddlediv.nolopompedarkbg ul li{
	border-right: 2px solid #ffffff;
}

.footertopdiv ul li:last-of-type,.footermiddlediv ul li:last-of-type{
	border-right:none;
}

.footertopdiv  ul li a,.footermiddlediv ul li a{
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
	text-align: center;
	
}

footer .footermiddlediv{
	background-color:#3c61aa;
}

.footermiddlediv ul{
	padding: 65px 0;
}

.footermiddlediv figure{
	text-align:center;
	padding-bottom: 40px;
}

.footermiddlediv figure img{
	padding-right:10px;
}

.footermiddlediv p{
	text-align:center;
	color:#ffffff;
	padding-bottom:40px;
	font-size:14px;
	line-height:25px;
	overflow: hidden;
}

.footerlastdiv figure{
	text-align:center;
}

.footerlastdiv {
	background:#ffffff;
}

.footerlastdiv figure img{
	padding:20px 24px;
	vertical-align: middle;
	box-sizing:border-box;
}

.copyright{
	background:#242424;
	padding: 25px 0;
}

.copyright div{
	text-align:center;
}

.copyright p{
	color:#999999;
	font-size:13px;
	text-align:center;
	display:inline;
}


/* ---- Category-1 css Starts-----*/
.breadcrumbbackground{
	background:#ffffff;
}

.breadcrumb{
	padding: 13px 3.2%;
	font-size:12px;
	-webkit-border-image: -moz-linear-gradient( left, #ffffff 1%, #ebecec 5%, #ffffff 99% )0 0 100% 0/0 0 2px 0 stretch;
	-o-border-image: -moz-linear-gradient( left, #ffffff 1%, #ebecec 5%, #ffffff 99% )0 0 100% 0/0 0 2px 0 stretch;
	-moz-border-image: -moz-linear-gradient( left, #ffffff 1%, #ebecec 5%, #ffffff 99% )0 0 100% 0/0 0 2px 0 stretch;
	border-image: -moz-linear-gradient( left, #ffffff 1%, #ebecec 5%, #ffffff 108% )0 0 100% 0/0 0 2px 0 stretch;
}

.breadcrumb a{
	color:#336699;
	text-decoration:none;
}

.breadcrumb span{
	padding:0 6px;
}

.breadcrumb span:last-of-type{
	padding:0;
}

.breadcrumb span{
	color:#666666;
}

.categorybanner img{
	width: 100%;
	height:470px;
}

.category {
	 margin: 30px 0 45px 0;
}

.category h2{
	border-image:none !important;
	margin: 15px 0;
}
.category article p{
	height: 90px;
}

.cat-links{
	display: block;
	padding-bottom: 10px;
}

.categorypromotions{
	width:100%;
	background:#ffffff;
	padding:60px 0;
}

.categorypromotions .promotions-top{
	width:100%;
	float:left;
	background:#303f6f;
}

.categorypromotions .promotions-top div{
	width:50%;
	float:left;
	padding:45px 38px 0 38px;
}

.categorypromotions .promotions-top figure{
	width:43%;
	float:right;
	height: 229px;
}

.categorypromotions .promotions-top figure img{
	width:100%;
}

.categorypromotions .promotions-top h2{
	font-size:22px;
	text-transform:uppercase;
	font-family:"oswald",sans-serif;
	color:#ffffff;
	padding-bottom:45px;
	line-height:40px;
	font-display: swap;
}

.categorypromotions .promotions-top h2 strong{
	font-size:45px;
	display:block;
	font-family:"oswald",sans-serif;
	font-display: swap;
}

.categorypromotions .promotions-top a,.promotions-middle div a{
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
}

.promotions-middle{
	width:30%;
	float:left;
	margin-right:45px;
	margin-top: 30px;
	position:relative;
}

.promotions-middle:nth-child(4n),.promotions-middle:nth-child(7n){
	margin-right:0;
}

.promotions-middle div{
	position:absolute;
	top:0;
	padding: 45px 0 0 35px;
}

.promotions-middle div h2,.promotions-middle div h3{
	font-family:"oswald",sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	padding-bottom: 45px;
	font-size: 25px;
	font-display: swap;
}

.aboutandrews .content > h3{
	font-family:"oswald",sans-serif;
	text-transform:uppercase;
	font-size: 20px;
	color:#394d90;
	font-display: swap;
}

.promotions-middle:nth-child(1n){
	color:#303f6f;
}

.colorchange h2{
	color:#303f70 !important;
	padding-bottom:2px !important;
}

.colorchange h3{
	color:#408edf !important;
	padding-bottom:28px !important;
}

.colorchange a{
	color:#303f70 !important;
}

.colorchange1 h2{
	padding-bottom: 45px !important;
}

.about > div{
	padding-top:50px;
	padding-bottom:50px;
}

.about h2{
	text-align:center;
}

.about p,.about ul li{
	color:#666666;
	font-size: 14px;
	line-height: 20px;
}

.ourserviceparagraph{
	/*padding-top:2%;*/
}

.ourserviceparagraph p,.about p{
	padding-bottom:1.5%;
}

.about ul, .servicesul{
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	width:80%;
	margin: 0 auto;
}

.about .listyles{
	width:100%;
	margin:0;
}

.about ul li, .servicesul li{
	padding-bottom:45px;
	list-style-type: none;
	width: 35%;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 18px;
	color: #203f70;
	font-weight: bold;
	padding-right:6%;
	box-sizing: border-box;
	position: relative;
	padding-left: 5%;
}

.textlistyles{
	padding: 0 30px;
}

.about .listyles li, .textlistyles li{
	padding-bottom:0;
	list-style-type: none;
	width: 100%;
	float: unset;
	font-size: 14px;
	text-transform: none;
	line-height: 35px;
	color: #666666;
	font-weight: normal;
	padding:0 0 0 15px;
	box-sizing: border-box;
	position: relative;
	background: url(/images/blue-square.jpg)no-repeat 4px 14px !important;
}

.textlistyles li{
	background: url(/images/blue-square.jpg)no-repeat 4px !important;
	line-height: unset !important;
}
.serviceleft p{
	padding-right:30px;
}

.serviceright p{
	padding-left:30px;
 }

.template18service{
	width:50%;
	float:left;
}

.wrapper.ourrange.catrange.environmentrange.template18range h2{
	margin-top:0 !important;
}

.about ul li:nth-of-type(3n){
	padding-right:0;
	width: 30%;
}
.about .listyles li:nth-of-type(3n){
	padding-right:0;
	width: unset;
}

.about ul li:nth-of-type(3n+1){
	clear:both;
}

.about ul li img{
	vertical-align: middle;
	padding-right: 20px;
	left: 0;
	position: absolute;
	max-width: 35px;
}

.about a,.paracontent p a{
	color:#203f70;
	/*font-weight:bold;
	text-decoration:none;*/
}

.evendiv{
	background:#ffffff;
}

.ourservice article{
	color:#203f70;
	font-size: 15px;
	font-weight: bold;
	width: 23%;
	float: left;
	padding-bottom: 25px;
	margin: 0 5%;
}

.ourservice article figure{
	width:20%;
	float:left;
}

.ourservice article h3{
	width:70%;
	float:left;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 18px;
}

.ourservice  .ourserviceparagraph{
	padding:30px 0 0 0;
	clear:both;
}

.ourservice  .ourserviceparagraph > p{
	color: #666666;
	font-size: 14px;
	line-height:25px;
	padding-bottom: 20px;
}

.faq > div{
	width:49%;
	margin-right:2%;
	float:left;
}

.faq > div:last-of-type{
	margin-right:0;
}

.faq div div {
	display: none;
}

.faq  h3{
	color:#203f70 !important;
	font-size:13px !important;
	font-weight: normal !important;
	padding: 3% 4% !important;
	overflow: hidden;
	border: 1px solid #ebecec;
	background-color:#ffffff;
	margin-bottom: 1%;
	cursor:pointer;
	/*text-transform: capitalize !important;*/
	font-family: 'Arimo', sans-serif !important;
}

.faq .faqactive{
	background-color:#408edf !important;
	color:#ffffff !important;
	margin-bottom: 0 !important;
}

.faq > div > div {
	padding: 3% 4%;
	overflow: hidden;
	border: 1px solid #ebecec;
	background-color:#ffffff;
	color: #666666;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 1%;
}

.faq i{
	float: right;
	font-size: 15px;
	color:#408edf;
	display:block;
}

.faq .faqactive i{
	float: right;
	font-size: 15px;
	color:#ffffff;
	display:block;
}

.whatcustomersay{
	width:100%;
	background:#ffffff;
}

.whatcustomersay h2{
	width:29%;
	float:left;
	text-transform:uppercase;
	font-size: 30px;
	position:relative;
	padding-bottom: 20px;
}

.whatcustomersay h2:after{
	left: 0;
	width: 20%;
}

.customersay {
	padding-top: 70px;
    padding-bottom: 70px;
}

.feeforesp{
	width: 70%;
	height: 180px;
	overflow: hidden;
	border: 1px solid #ebecec;
	box-sizing: border-box;
}

.footerpromotionscontainer{
	background:#ffffff;
	
}

.footerpromotions article,.productpromotions article{
	float:left;
	position:relative;
	
}

.footerpromotions{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.footerpromotions,.productpromotions{
	padding-top: 1%;
	padding-bottom: 5%;
	display: flex;
	justify-content: space-between;

}


.productpromotions{
	padding-top: 50px;
	padding-bottom: 50px;
}

.footerpromotions article:nth-of-type(4n){
	margin-right:0 !important;
}

.productpromotions article:nth-of-type(6n){
	margin-right:0 !important;
}

.footerpromotions article img,.productpromotions article img{
	max-width:100%;
}

.productpromotions article{
	cursor:pointer;
}

.footerpromotions article strong,.productpromotions article  strong{
	position:absolute;
	top:0;
	width: 45%;
	color: #ffffff;
	text-transform: uppercase;
	font-size:18px;
	padding: 15px;
	line-height: 28px;
	font-family:"oswald",sans-serif;
	font-display: swap;
}

.productpromotions article  strong{
	width:39%;
	padding:8px;
	line-height:18px;
	font-size: 16px;
	font-weight: normal;
}

.guides a{
	text-decoration:none;
}

.bannerrightdiv-category{
	float: left;
	width:50%;
	position:relative;
}

.bannerrightdiv-category a{
	background: #52a6ff;
	width: 45%;
	padding: 3% 0;
	display: inline-block;
	margin: 10% 0 6% 0;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-align: center;
}

.bannerrightdiv-category a:last-of-type{
	background:#51ac35
}

.bannerrightdiv-category h1{
	padding: 20px 0;
	margin: 3% 0;
}

.bannerrightdiv-category h1:after{
	content: '';
	width: 12%;
	position: absolute;
	left: 7%;
	bottom: 54%;
	border-width: 0 0 3px;
	border-style: solid;
	color: #e5b02f;
}

.bannerleftdiv-category{
	top:unset;
	bottom:-91px;
	padding-bottom:0;
	height:unset;
	padding-top:0;
}

.bannerleftdiv-category form{
	float: right;
	width:50%;
	height:unset;
}

.bannerwrapper-category div{
	bottom:0;
	padding-bottom:0;
	height:unset;
	padding-top:0;
	top:unset;
}

/* Category Starts*/

.selectdiv-category{
	min-width: 95%;
	margin: 3%;
}

.selectdiv-category label{
	width: 46%;
	float: left;
	margin: 0 10px;
}

.selectdiv-category label:after{
	right:unset;
}

.selectdiv-category a{
	width: 47%;
	margin: 0 10px;
}

.bannercontainer-category{
	margin-bottom: 120px;
	overflow:unset;
}

.guides{
	margin-top: 4%;
}

.bannerfulldiv-category,.searchresultsdiv{
	margin: 3% auto;
	margin-bottom: 1%;
}

.bannerfulldiv-category .buttons a,.searchresultsdiv .buttons a,.proceedcheckout,.checkoutdiv .acheckout,.environmentheading .buttons a, .aboutandrewsgroup26 .buttons a{
	background: #004A93;
	padding: 15px 0;
	float:left;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 0 10px;
	border-radius: 5px;
	position:relative;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 18px;
	width: 19%;
	padding-left: 20px;
	
}

.bannerfulldiv-category .buttons a,.searchresultsdiv .buttons a, .aboutandrewsgroup26 .buttons a{
	width: auto;
	padding-left: 55px !important;
	padding-right: 20px !important;
}

@media screen and (max-width:480px),  screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:1440px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:1440px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:1440px) and (min-device-pixel-ratio: 3){
	.bannerfulldiv-category .buttons a,.searchresultsdiv .buttons a, .aboutandrewsgroup26 .buttons a{
	width: 95%;
	margin-bottom: 20px;
	}
}



.bannerfulldiv-category .buttons,.environmentheading .buttons,.searchresultsdiv .buttons, .aboutandrewsgroup26 .buttons{
	float:right;
}

.bannerfulldiv-category .buttons{
	margin-bottom:40px;
}

.bannerfulldiv-category .env-list{
	width:100% !important;
}

.productdetail .calltoaction a,.enquireformbutton{
	float:left;
}

.bannerfulldiv-category .buttons a .fa-phone,.proceedcheckout .fa-phone{
	border-right: 1px solid #75b8ff;
}

.bannerfulldiv-category .buttons a:last-of-type,.productdetail .greenbutton,.searchresultsdiv .buttons a:last-of-type,.environmentheading .buttons a:last-of-type,.aboutandrewsgroup26 .buttons a:last-of-type{
	background: #E2AE30; color: #004A93;
}

.bannerfulldiv-category h1,.searchresultsdiv hgroup,.environmentheading h1,.template15text h1{
	width:auto;
	float:left;
	padding:0;
	font-family:"oswald",sans-serif;
	text-transform:uppercase;
	color:#203f70;
	position:relative;
	padding-bottom: 1.5%;
	font-display: swap;
}

.aboutcontainer h1::after, .sitemap h1::after {

    content: '';
    width: 5%;
    position: absolute;
    left: 0;
    bottom: 1px;
    border-width: 0 0 3px;
    border-style: solid;
    color: #e5b02f;

}
.bannerfulldiv-category h1::after, .searchresultsdiv hgroup::after {

    left: 0;
    width: 25%;

}
.ourrange h2::after, .guidescontainer > div > h2::after, .ourblog h2::after, .aboutandrews h2::after, .about h2::after, .ourservice h2::after, .faq h2::after, .bannerfulldiv-category h1::after, .worldwideservice h2::after, .jointeam h2::after, .whatcustomersay h2::after, .environmentrange h2::after, .searchresultsdiv hgroup::after, .template15text h1::after, #searchresults .about div h2::after,#template18 #t4 h2:after {

    content: '';
    width: 70px;
    position: absolute;
    left: 47%;
    bottom: 1px;
    border-width: 0 0 3px;
    border-style: solid;
    color: #FEB929 !important;

}
.videoleftdiv h2::after {
	content: '';
    width: 70px;
    position: absolute;
    bottom: 1px;
    border-width: 0 0 3px;
    border-style: solid;
    color: #FEB929;
}
.template9wrapper h1::after {

    width: 25% !important;

}
element {

}
.aboutcontainer h1, .sitemap h1 {

    font-family: "oswald",sans-serif;
    text-transform: uppercase;
    color: #203f70;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 25px;
    font-display: swap;

}
.bannerfulldiv-category h1, .searchresultsdiv hgroup, .environmentheading h1, .template15text h1 {

    width: auto;
    float: left;
    padding: 0;
        padding-bottom: 0px;
    font-family: "oswald",sans-serif;
    text-transform: uppercase;
    color: #203f70;
    position: relative;
    padding-bottom: 1.5%;
    font-display: swap;

}
.template9wrapper h1 {

    width: auto !important;
    float: left;

}
.aboutandrewsgroup26.template9wrapper h1 {
	max-width: 60%;
}

@media screen and (max-width:480px),  screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:1440px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:1440px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:1440px) and (min-device-pixel-ratio: 3){
.aboutandrewsgroup26.template9wrapper h1 {
	max-width: 100%;
}
}

.bannerfulldiv-adwords h1 {
    margin-bottom: 0 !important;
    padding-bottom: 1.5% !important;
}

.productdetail h1{
	width:100%;
	padding:0;
	font-family:"oswald",sans-serif;
	text-transform:uppercase;
	color:#203f70;
	position:relative;
	padding-bottom: 1.5%;
	font-display: swap;
}

.searchresultsdiv hgroup{
	padding-bottom:2%;
}

.searchresultsdiv hgroup h2{
	font-weight: normal;
	font-size: 16px;
}

.searchresultsdiv hgroup *{
	font-family:"oswald",sans-serif;
	font-display: swap;
}

.bannerfulldiv-category h1::after,.searchresultsdiv hgroup::after{
	left:0;
	width:25%;
}

.category2{
	margin:0 0 45px 0;
}

.bannerfulldiv-category a i,.productdetail .calltoaction a i,.enquireformbutton i,.searchresultsdiv a i,.proceedcheckout i,.checkoutdiv .acheckout i,.environmentheading a i, .aboutandrewsgroup26 a i{
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-right: 1px solid #ffc434;
	height: 100%;
	width: 40px;
	text-align: center;
	padding: 16px 10px;
	box-sizing: border-box;
}

.productdetail .enquireformbutton i{
	padding: 13px 10px;
}

.productdetail .calltoaction a i{
	padding: 14px 10px;
}

.calltoaction a i{
	padding: 13px 10px;
}

.productdetail em{
	font-style:normal;
	font-weight:bold;
	color:#203f70;
	font-family: 'oswald',sans-serif;
	font-size: 24px;
	padding: 7.5px 50px 0 50px;
	float:left;
	font-display: swap;
}

#map{
	margin-top: 80px;
}

.content #map{
	margin-top: 20px;
}

.perunit strong{
	color: #333;
	font-size: 12px;
	display: block;
}

.addressmap{
	width:100% !important;
	height:280px !important;
	margin-top:0 !important;
	box-sizing:border-box;
}

.nos-group div{
	clear:both;
	padding-bottom:25px;
}

.nos-group div figure{
	width:8%;
	float:left;
}

.nos-group div h3{
	padding-top:10px;
	padding-bottom:5px;
	font-size: 18px;
}

.nos-group div h3 a{
	font-family: 'oswald',sans-serif;
	font-weight: normal;
	font-display: swap;
}

/*Category Ends*/

/* Sub category starts*/

.textcontent > div,.calc-results{
	background:#ffffff;
	font-size:13px;
	color:#666666;
	line-height: 20px;
	border: 1px solid #e2e2e2;
	padding:25px 0;

}


.environmenttextcontent{
	margin-bottom: 40px;
}

.environmenttextcontent > div{
	margin-top:0 !important;
}


/* Added by Mark for environment white paper notices */

.enviro-whitepaper {width:auto;background-color: #DCEDFF;color: #393c3f;margin:30px;margin-top:20px;margin-bottom:0px;border-radius:0px;padding:10px;padding-bottom:11px;padding-top: 9px;border-color: #408edf;border-width: 1px;border-style: solid;min-height: 30px;}
.enviro-whitepaper img {float:left; height: 30px; margin-right:12px; padding-top:1px;}
.enviro-whitepaper p {padding-top:7px; padding-left:50px; color: #3d4044;}
.enviro-whitepaper a {color: #3d4044;text-decoration:none;}

.enviro-white-list {
    list-style: square;
    padding-left: 47px;
    padding-top: 5px;
}

/* End */


.calc-results{
	overflow:hidden;
}

.textcontent  ul li{
	padding-left: 30px;
}

.textcontent > div > p{
	padding:5px 30px;
}




.subcatproducts{
	margin-top:40px;
}

.subcatproducts article{
	width: 23.5%;
	float: left;
	background: #ffffff;
	margin-right:2%;
	padding:20px 5px 10px 5px;
	margin-bottom: 2%;
	box-sizing:border-box;
	position:relative;
}

.similarproducts article{
	margin-bottom:0;
}

.accessories h2{
	border-bottom:none !important;
	margin-bottom:0 !important;
	padding:20px 0 10px 0 !important;
}

.accessories article strong{
	display:block;
	text-align:center;
	color:#203f70;
	font-size:13px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 15px;
}

.subcatproducts article h2,.similarproducts article h3{
	font-size:13px;
	font-weight:normal;
	font-family: 'Arimo', sans-serif;
	padding: 6% 0;
	text-align:center;
	border-bottom: 1px solid #e2e2e2;
	font-display: swap;
}

.subcatproducts article h2 > a,.similarproducts article h3 > a{
	color:#666666;
	text-decoration:none;
}

.subcatproducts article figure{
	text-align:center;
}

.subcatproducts article:nth-child(4n){
	margin-right:0;
}

.subcatproducts article span,.subcatproducts article a{
	color:#203f70;
	text-transform:uppercase;
	font-size:11px;
	padding-left: 7%;
	cursor:pointer;
}

.subcatproducts article a{
	text-transform:none !important;
	font-size:14px;
	padding-left:0;
}

.subcatproducts article a{
	text-decoration:none;
	margin-top: 12px;
	display: block;
}

.subcatproducts article a > i{
	padding-right:10px;
	font-weight:bold;
}

.subcatproducts article input{
	margin-top: 4%;
}

.subcontent{
	background:#ffffff;
	color:#666666;
	font-size:13px;
	margin-top: 3%;
}

.subcontent div ul li{
	list-style-type:none;
}

/*.subcontent div ul li:before{
	content: "\25A0";
	color: #408edf;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	padding-right: 12px;
	font-size: 11px;
}*/

.subcontent > div{
	padding-top:5%;
	padding-bottom:5%;
}

.subcontent ul{
	width:50%;
	float:left;
	line-height: 22px;
}

.subcontent .paracontent{
	width:50%;
	float: left;
}

.subcontent .paracontent ul{
	width:100%;
	padding-bottom:20px;
}

.subcontent .paracontent p{
	padding-bottom:20px;
	line-height:25px;
	clear:both;
}

/* Sub category Ends*/


@media screen and (min-width:1281px),  screen and (min-width:3843px) and (-webkit-min-device-pixel-ratio: 3),
                    screen and (min-width:3843px) and (min--moz-device-pixel-ratio: 3),
                    screen and (min-width:3843px) and (-o-min-device-pixel-ratio: 3/1),
                    screen and (min-width:3843px) and (min-device-pixel-ratio: 3){
	.wrapper{
		width:1280px;
	}

	.sliderform form{
		/*width:26% !important;*/
	}

	.subnav{
		width:1198px;
	}

	.bannermontage{
		width:1280px;
	}

	.sliderinfo h1,.sliderinfo strong{
		font-size: calc(42px + (42 - 42) * ((100vw - 300px) / (2400 - 1200))) !important;
	}

	/*.sliderinfo h1{
		width:75% !important;

	}*/


}

/*@media screen and (min-width:1681px){
	.sliderinfo h1{
		width:100% !important;

	}
}*/


/* Product Page Starts*/

.productcontainer{
	background:#ffffff;
}

.productcontainer > div{
	padding-top: 3%;
	padding-bottom: 3%;
}

.productdetail .calltoaction a, .enquireformbutton{
	background:#52a6ff;
	padding: 13px 0 13px 0;
    padding-right: 0px;
    padding-left: 0px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	text-align: left;
	padding-right:14px;
	padding-left: 50px;
	box-sizing: border-box;
	position: relative;

}

.enquireformbutton{
	cursor:pointer;
}

.outofstockbutton{
	background:#52a6ff;
	padding: 15px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	text-align: left;
	box-sizing: border-box;
	position: relative;

}

.enquireform #main_body form ul{
	width:80% !important;
}

.productdetail h1{
		width:100%;
		font-family:"oswald",sans-serif;
		text-transform:uppercase;
		color:#203f70;
		position:relative;
		padding-bottom: 1.5%;
		margin-bottom: 5%;
		font-display: swap;
	}

	.productdetail h1::after{
		content: '';
		width:9%;
		position: absolute;
		left:0;
		bottom: 1px;
		border-width: 0 0 3px;
		border-style: solid;
		color: #e5b02f;
	}

	.productdetail{
		width:68%;
		float:left;
		padding-right: 2%;
		box-sizing: border-box;
	}

 .productdetail .calltoaction a{
	margin:0 10px 0 0;
 }

.productdetail p{
	padding-bottom:3%;
	display:block;
	color: #666666;
	line-height:25px;
	font-size: 13px;
}

.productdetail p:last-of-type{
	padding-bottom:0;
}

.perunit{
	padding-left: 20px;
	border-left:1px solid #ebecec;
	float:left;
	min-height:40px !important
}

.onlyaccessories{
	padding-top:10px;
	display:inline-block;
}

.calctab1{
	width:40%;
	float:left;
}

.calctab2{
	width:60%;
	float:left;
}

.calctab1 ul li{
	padding-left: 20px;
}

.calltoaction{
	margin-top:50px;
}



.productfigureright span{
	position:absolute;
	bottom:0;
	border: 1px solid #ebecec;
	text-align:center;
	width: 100%;
	left: 0;
	padding:10px 0;
	color:#203f70;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	cursor:pointer;
}

.productfigureright span i{
	padding-right: 5px;
	font-size: 14px;
}

.productfigureright a img{
	max-width:100%;
}

.comparebutton{
	width:18%;
	padding: 1.2% 0;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 0 10px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	clear: both;
	background: #51ac35;
	display:block;
	margin: 0 auto;
	border:none;
	padding-left: 40px;
}

.comparebutton i{
	width: 22%;
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-right: 1px solid #74bd5d;
	height: 100%;
	padding-top: 15px;
	box-sizing: border-box;
}

/*.productdetailscontainer{
	background:#ffffff;
}*/

.productpromotionscontainer{
	background:#ffffff;
}

.productdetailscontainer div{
	padding-top:20px;
	padding-bottom:20px;
}

.productdetailscontainer div h2,.widget-title{
	font-family: 'oswald',sans-serif;
	color: #203f70;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.5px;
	padding: 15px 0;
	display: block;
	font-display: swap;
}

.widget-title{
	font-size:18px;
}



.featuresdiv{
	width:55%;
	float:left;
	box-sizing:border-box;
}

.featuresdiv ul,.template3wrapper > ul,.template6wrapper  ul,.tabtext ul{
	/*padding-left:3%;*/
	font-size:13px;
	padding: 10px 0;
}

.tabtext h2 > i{
	display:none;
}

/*.template3wrapper > ul{
	clear:both;
}*/

.template3wrapper > figure{
	text-align: center;
	float: unset !important;
}

.template3wrapper .template3products {
	width:18%;
    float: left !important;

}

.template3wrapper > ul{
	clear: both;
}

.template3products > figcaption {

    text-align: center;
    font-size: 14px;
    line-height: 20px;

}

.catlist{
	font-size:13px;
}

.catlist li, .featuresdiv ul li,.template3wrapper > ul > li,.template6wrapper  ul  li,.tabtext ul li,.env-list li,.accessories-right ul li,.recentposts li,.jobdetails-left > ul li,.aboutusgroup .content ul li,.content li,.entry-content ul li{
	padding-bottom:10px;
	color:#666666;
	list-style-type:none;
	background: url(/images/blue-square.jpg)no-repeat 4px 10px;
	padding-left: 22px;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	line-height: 23px !important;
}

.specialofferli{
	list-style-type:none;
	
}

.specialofferli li{
	background: url(/images/blue-square.jpg)no-repeat 4px 10px;
	padding-left: 20px;
	color:#666666;
	line-height: 23px !important;
}

.accessories-right ul li{
	font-size: 13px;
}

.recruitment-container{
	margin-top: 20px;
}

@media screen and (max-width:480px),  screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:1440px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:1440px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:1440px) and (min-device-pixel-ratio: 3){
	.recruitment-container{
	margin-top: 0px;
	}
}


.recruitment-container.bannerfulldiv-category{
	margin-top: 3% !important;
}

.jobdetails-left ul li{
	line-height: 25px !important;
}



.env-list li,.subcontent div ul li{
	background: url(/images/blue-square.jpg)no-repeat 4px 8px;
}

.subcontent div ul li{
	padding-left: 20px;
}

.recentposts li a,.categories li a,.entry-content ul li{
	padding-bottom:7px;
	color:#666666;
	list-style-type:none;
	font-size: 13px;
}

.categories li{
	padding-bottom: 10px;
}

.categories li a{
	padding-left: 5px;
}

/*.catlist li:before, .featuresdiv ul li:before,.template3wrapper > ul  > li:before,.template6wrapper  ul  li:before,.tabtext ul li:before,.env-list li:before,.accessories-right ul li:before,.categories li:before{
	  content: "\25A0";
	  color:#408edf;
	  font-weight: bold;
	  display: inline-block; 
		margin-left: -1em;
		font-size: 11px;
		margin-top: -4px;
}*/

.template6wrapper strong{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*.recentposts li:before{
	  content: "\25A0";
	  color:#408edf;
	  font-weight: bold;
	  display: inline-block; 
	  margin-left: -1em;
	font-size: 11px;
	margin-top: -4px;
}*/

.recentposts li,.categories li{
	background: url(/images/blue-square.jpg)no-repeat 4px 8px;
	padding-left: 22px;
}

.recentposts li{
	background: url(/images/blue-square.jpg)no-repeat 4px 11px;	
}

.env-list{
	column-count:2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-ms-column-count: 2;
	color: #666666;
	font-size: 13px;
	clear:both;
	background:#ffffff;
	padding: 20px;
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;

}

.tabtext ul li:before{
	 padding-right:0;
}

.catlist, .environmentslist{
	column-count:2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-ms-column-count: 2;
}

.specificationdiv{
	width:45%;
	float:left;
	box-sizing:border-box;
}

.specificationdiv .specificationslist div {
    padding: 0;
    border-bottom: 1px solid #0B274933;
}

.specificationdiv dt{

	color:#333333;
	font-weight: 600;
}

.specificationdiv dt,.specificationdiv dd{
	padding: 10px 0;
	color:#666666;
	font-size:13px;
	vertical-align: top;
	width:49%;
	display:inline-block;
	box-sizing:border-box;
}

.specificationdiv .threecol dt{
	width:30%;
}

.specificationdiv .threecol dd{
	width:69%;
}

.specificationdiv .specificationspan dt{
	width:34% !important;
}
.specificationdiv .specificationspan dd{
	width:65% !important;
}

.specificationdiv dd span{
	display:inline-block;
	width: 50%;
}

.specificationdiv dd .threecol{
	width: 33%;
}

.specificationslist p{
	font-size:13px;
	color: #666666;
	padding: 15px 0;
}

.youmightconsider{
	margin: 5% auto 0 auto;
	position: relative;
	height: 470px;
}

.youmightconsider h2{
	font-family: 'oswald',sans-serif;
	text-align: center;
	padding-bottom: 25px;
	margin-bottom: 5%;
	text-transform: uppercase;
	color: #203f70;
	font-weight: bold;
	font-size: 30px;
	position: relative;
	width: 100%;
	font-display: swap;
}

.youmightconsider > h2::after{
	content: '';
	width: 5%;
	position: absolute;
	left: 47%;
	bottom: 1px;
	border-width: 0 0 3px;
	border-style: solid;
	color: #e5b02f;
}

.youmightconsider article h3{
	border-bottom:none;
}

.similarproducts {
	margin-top:0;
}

/*Product Page Ends*/

/* About us starts*/

.aboutcontainer{
	background:#ffffff;
	padding-top:40px;
	padding-bottom:40px;
}

.aboutcontainerdefaultbg{
	background:#f5f5f5;
}

.aboutcontainerdefaultbg-adwords {
    padding-top: 0px !important;
}

#accreditations .aboutcontainer{
	background:#f5f5f5;
}

.aboutcontainer h1,.sitemap h1{
	font-family: "oswald",sans-serif;
	text-transform: uppercase;
	color: #203f70;
	margin-bottom:30px;
	position:relative;
	padding-bottom: 25px;
	font-display: swap;

}

.sitemap{
	padding-top: 40px;
	padding-bottom: 40px;
}

.aboutcontainer h1::after,.sitemap h1::after{
	content: '';
	width: 5%;
	position: absolute;
	left:0;
	bottom: 1px;
	border-width: 0 0 3px;
	border-style: solid;
	color: #e5b02f;
}

.aboutandrewsgroup{
	clear:both;
}

.aboutandrewsgroup > figure{
	float:right;
	padding: 20px 0 20px 20px;
}

.aboutcontainer h2,.template6wrapper h3,.sitemap h2,.sitemap h2 a{
	color: #203f70;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing:0.5px;
	
}

.sitemap h2{
	padding:20px 0;
}

.sitemap h2 a{
	font-family: "oswald",sans-serif;
	text-decoration:none;
	display:block;
	font-display: swap;
}

.sitemap ul{
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count: 3;
	-ms-column-count: 3;
}

.sitemap ul li{
	list-style-type:none;
}

.sitemap ul li a{

	text-decoration:none;
	font-size: 14px;
	padding-bottom: 15px;
	display: block;
	color: #666666;
}

.sitemap ul li a:hover{
	text-decoration:underline;
		color: #203f70;
}

.job_box h3{
	color: #203f70;
	text-transform: uppercase;
	font-family: 'oswald',sans-serif;
	font-size: 18px;
	font-display: swap;

}

.aboutandrewsgroup div > img{
	vertical-align: middle;
	padding-right: 20px;
}

.aboutcontainer a{
	color:#203f70;
}

.aboutandrewsgroup p, .aboutandrewsgroup em{
	font-size: 13px;
	color: #666666;
	line-height:25px;
	padding-bottom:20px;
	font-weight:normal;
}

.aboutusgroup > ul{
	list-style-type: none;
	border-bottom: 4px solid #408edf;
	display: table;
	margin-bottom:0%;
	width: 100%;
}

.aboutusgroup > ul > li{
	text-decoration: none;
	color: #666666;
	font-size: 13px;
	display: inline-block;
	display: table-cell;
	box-sizing: border-box;
	cursor: pointer;
	text-align:center;
}

.aboutusgroup > li > a{
	padding:20px 84px !important;
	box-sizing:border-box !important;
	text-decoration: none;
	width: 100%;
	color: #666;
	display: block;
}

.aboutusgroup > ul > li:hover,.environmenttabs > .environmenttabsul > li:hover {
	background-color: #408edf;
	color: #ffffff !important;
}

.aboutusgroup{
	padding-top:4%;
	padding-bottom:4%;
	
}

.aboutusgroup h3,.aboutusgroup h4{
	text-transform: uppercase;
	font-size:17px;
	letter-spacing: 0.5px;
	padding-bottom: 25px;
	text-decoration: none;
	display: block;
	font-family: 'oswald',sans-serif;
	color: #203f70;
	font-display: swap;
}

.aboutusgroup h4{
	font-size:15px;
}

.aboutusgroup h3{
	clear:both;
}

.aboutusgroup div p{
	font-size: 13px;
	color: #666666;
	line-height:25px;
	padding-bottom:20px;
}

.management,.nonexecutivedirector{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding-right: 60px;
}

.aboutusgroup div{
	/*width: 46%;
	float: left;
	padding-right: 75px;*/
}

.aboutusgroup div:nth-of-type(2n){
	padding-right:0;
}

.aboutusgroup div:nth-of-type(5n),.aboutusgroup div:nth-of-type(7n){
	clear:both;
}

.content h3{
	padding: 15px 0;
}



.content li{
	padding-bottom: 7px;
	color: #666666;
	list-style-type: none;
	 padding-left: 3%;
    font-size: 13px;

}

/*.content li:before{
	content: "\25A0";
	color: #408edf;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	padding-right: 12px;
	font-size: 11px;
}*/

author{
	font-weight: bold;
	font-size: 14px;
	padding-bottom:7px;
	display:block;
}

.template6wrapper > div{
	/*background:#f5f5f5;
		padding:30px;
	*/
	border-radius:10px;

	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}

.template6wrapper > div > img{
	float:right;
	padding-left:20px;
}



/* About us Ends*/

/*Search Results starts*/

#searchresults{
	margin-top:40px;
}

#searchresults .environmentsrange {
    width: 70%;
    float: left;
}

#searchresults .subcatproducts article{
	width:33.5%;
}

#searchresults .catrange{
	width:70%;
	float:left;
}

#searchresults .search-right{
	width:30%;
	float:left;
}

#searchresults .catrange article{
	width:48%;
	box-sizing:border-box;
}

#searchresults .catrange > h2{
	margin: 0;
}



#searchresults .catrange h2 a, .search-right .casestudies h3{
	text-transform: uppercase;
	color: #203f70;
	font-weight: bold;
	font-size: 20px;
	font-family: 'oswald',sans-serif;
	text-decoration: none;
	display: block;
	font-display: swap;
}

.search-right .casestudies h3 {
	padding:20px 0;
	font-size:16px;
}

#searchresults .catrange > article:nth-of-type(3n) {
    margin-right:2% !important;
}

.jobdetails-right{
	border:1px solid #ebecec;
	background:#ffffff;
}

.map-address{
	margin-bottom:20px;
	background:#ffffff;

}

.map-address figure img,.jobdetails-right figure img{
	max-width:100%;
}

.map-address > div:last-of-type{
	padding:0 20px;
}

.map-address h2{
	text-align:left;
	padding-top:8%;
	padding-bottom:8%;
}

#locationinfo h2{
	padding:40px 0 0 0;
	width: 100% !important;
}

#locationinfo{
	padding-bottom: 20px;
}

#locationinfo td a{
	padding:0 !important;
}

#locationinfo .viewdetail{
	display:block !important;
	color:#ffffff !important;
	width: -moz-max-content;
	width: -webkit-max-content;
	margin:20px 0 0 0;
	padding-right: 60px !important;
	padding-left: 11px !important;

}

#locationinfo .viewdetail i{
	color:#ffffff !important;
}

/*.contact-articles{
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count: 2;
	-ms-column-count: 2;
}*/

.contact-articles i{
	float: left;
	font-size: 40px;
	padding-right: 20px;
	color: #203f70;
}

.contact-articles article{
	clear:both;
	overflow: hidden;
}

.contact-articles > article > p{
	width: 90%;
	float: left;
	padding:10px 0;
}

.contact-articles article{
	padding: 20px 0;
}

 .viewdetail{
	cursor:pointer
 }

#locationinfo > address{
	padding:10px 0 !important;
	color: #666666;
	line-height: 20px;

}

#locationinfo > a{
	display:block;
	padding-bottom: 15px;
	font-size:13px;
	color:#336699 !important;
	text-decoration:none;
	font-weight:bold;
}

.map-address address,.jobdetails-right address{
	font-style:normal;
	font-size:13px;
	color:#666666;
	line-height: 20px;
}

.search-right h2{
	font-size:20px;
	text-transform:uppercase;
	color: #203f70;

}

.map-address > div > a,.casestudies div > a{
	display:block;
	font-size:13px;
	text-decoration:none;
	color:#336699;
	font-weight:bold;
	padding-bottom: 12px;
}

.map-address a i{
	color:#333333;
	font-size:18px;
	vertical-align: bottom;
	padding-right: 8px;
}

.map-address a:first-of-type{
	padding-top:3%;
}

.map-address a:last-of-type{
	padding-bottom:8%;
}

.casestudies{
	border:1px solid #ebecec;
	background:#ffffff;
	padding:30px 25px;

}

.casestudies h2{
	text-align:left;
	padding:0 !important
}

.casestudies figure{
	float:right;
	padding-left:20px;
}

.casestudies figure img{
	max-width: 150px;
	max-height: 100px;
}
.casestudies div{
	clear:both;
	border-bottom:1px solid #ebecec;
	padding: 20px 0;
}



.casestudies div p{
	color:#666666;
	font-size:13px;
	line-height:25px;
	min-height: 104px;
}

.casestudies div > a{
	padding:7px 0 0 22px;
	background: url("../images/download.png")no-repeat 1px 6px;
}

.casestudies div:last-of-type{
	margin-bottom: 25px;
}

.viewmore{
	all:unset;
	background:#408edf;
	width: 70%;
	margin: 0 auto;
	display: block;
	padding:12px 0;
	border-radius:5px;
	position:relative;
	cursor:pointer;
}

.viewmore a{
	text-decoration:none;
	color:#ffffff;
	font-size:11px;
	text-transform:uppercase;
	padding-left: 13px;

	
}

.viewmore  i,.apply-job i,.applyjobright i{
	position: absolute;
	right: 0;
	border-left: 1px solid #66a5e5;
	height: 100%;
	padding: 12px;
	box-sizing: border-box;
	top: 0;
	font-weight: bold;
	color:#ffffff;
}

.apply-job i,.applyjobright i{
	border-left: 1px solid #e5b02f;
	padding-top: 12%;
	color:#203f70;
	padding: 17px;
}

.jobspan{
	cursor:pointer;
}

/*Search Results Ends*/

/* Job Details Starts*/

.jobdetail-container,.job-container{
	background:#ffffff;
	padding: 50px 0;
}

.jobdetails h1,.locationss h1,.basket-container h1,.jobdetail-container h1,.calculator h1{
	font-family: "oswald",sans-serif;
	text-transform: uppercase;
	color: #203f70;
	position: relative;
	padding-bottom: 1.5%;
	margin:0 0 20px 0;
	font-display: swap;
}

.jobdetails h1:after,.locations h1:after,.basket-container h1:after,.jobdetail-container h1:after,.calculator h1:after{
	content: '';
	width:5%;
	position: absolute;
	left: 0;
	bottom: 1px;
	border-width: 0 0 3px;
	border-style: solid;
	color: #e5b02f;
}

.jobdetails-complete,.depot-complete{
	width: 100% !important;
}

.depot-complete h3{
	padding-top:15px;
}

.jobdetails-left{
	width: 70%;
	float: left;
	padding-right:40px;
	box-sizing: border-box;
}

.jobdetails-right{
	width: 30%;
	float: left;
	position:relative;
	box-sizing: border-box;
}

.jobdetails-left p,.jobdetails-left ul li,.depotleft p,.depotright p{
	font-size:13px;
	padding-bottom: 20px;
	color:#666666;
	line-height:25px;
}

.jobdetails-left ul li{
	padding-bottom:0;
	list-style-type:none;
}

.jobdetails-left ul{
	margin-bottom: 15px;
	padding-left: 20px;
}

/*.jobdetails-left ul li::before {
    content: "\25A0";
    color: #408edf;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    padding-right:7px;
    font-size: 11px;
}*/

.jobdetails-right h2{
	width:48%;
	float: left;
}

.jobdetails-right figure{
	padding-bottom: 20px;
}

.jobdetails-right address{
	padding-top: 30px;
	clear: both;
}

.apply-job,.applyjobright{
	background: #ffc434;
	padding:18px 53px 18px 10px !important;
	color: #203f70;
	font-size: 11px !important;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	width:50%;
	text-align: left;
	box-sizing: border-box;
	border:none;
	position:relative;
	padding-left: 9%;
	display:inline-block;
}

.applyjobright{
	display:unset !important;
	font-weight:normal !important;
	float: right;
	padding-left: 20px !important;
	margin: 10px 0;
}

.jobdetails-right h2{
	margin-top: 15px;
}

.jobdetails-right table{
	width: 72%;
	margin: 30px 0;
}

.jobdetails-right td{
	font-size:13px;
	width:10%;
	
}

.jobdetails-right tr td:first-of-type,#locationinfo tr th{
	font-weight:bold;
	color:#000000;
	padding-bottom:10px;
	
}

#locationinfo table{
	width:100%;
}

#locationinfo tr th{
	text-align:left;
	font-size: 13px;
	width:25%;
}

#locationinfo tr td{
	width:75%;
}



.jobdetails-right tr td:last-of-type{
	color:#666666;
}
.jobdetails-right tr td a,.jobdetails-left a{
	color:#336699;
}

.jobdetails-right h2{
	font-size: 20px;
	text-transform: uppercase;
	color: #203f70;
}

.apply-job2{
	width:128px;
	padding-left: 3%;
}

.apply-job2 i{
	padding: 17px;
}

/* Environment Page starts*/

.whitebg{
	background:#ffffff !important;
}

.environmentbanner{
	right:unset !important;
}
.communicationitrooms{
	padding-top:2%;
}

.divcontent h2{
	font-family:"oswald",sans-serif;
	color:#203f70;
	font-weight:bold;
	font-size: 20px;
	text-transform:uppercase;
	padding-bottom: 20px;
	font-display: swap;
}

.divcontent div .tabtext h2{
	display:block !important;
}

.divcontent .tabtext{
	padding-right:0 !important;
}

.communicationitrooms ul,.environmenttabs .environmenttabsul{
	border-bottom: 5px solid #408edf;
	margin-top: 2%;
	width: 100%;
	margin-bottom:1%;
}

.divcontent,.information-content{
	overflow: hidden;
	padding-top:20px;
	padding-bottom:20px;
}

.seconddiv > div > figure{
	float:right !important;
}

.divcontent > div > figure{
	width:32%;
	float:left;
}

.divcontent .tabtext{
	overflow:hidden;
}

.seconddiv .tabtext{
	padding-left:0;
	padding-right:5%;
}




.divcontent  p{
	font-size: 13px;
	color: #666666;
	padding-bottom: 20px;
	line-height:25px;
}

.telecommunications{
	padding-top: 5%;
	padding-bottom: 5%;
}

.information-technology,.env-casestudies{
	width:100%;
	background:#ffffff;
	padding-top: 5%;
	padding-bottom: 5%;
}

.casestudy{
	float:left;
	/*column-count:2;
	-moz-column-count:2;
	-webkit-column-count: 2;
	-ms-column-count: 2;
	*/
}

.casestudy > div{
	/*page-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	break-inside:avoid;
	display:table;*/
	padding-bottom:60px;
	float:left;
	width:50%;
	padding-right:35px;
	box-sizing:border-box;
}

.casestudy div:nth-of-type(2n){
	padding-right:0;
	padding-left: 35px;
}

.casestudy div:nth-of-type(2n+1){
	clear:both;
}

.casestudy figure{
	float:right;
}

.casestudy figure img{
	max-width: 235px;
	max-height: 200px;
}

.environmentrange h2{
	margin: 50px 0 !important;
	position:relative;
}
	
.casestudy h3{
	font-size:13px;
	color:#333333;
}

.casestudy figure{
	padding-left:7%;
}

.env-casestudies figure img{
	max-width:100%;
}

.casestudy p{
	padding: 20px 0;
}

.casestudy a{
	display: block;
	font-size: 13px;
	text-decoration: none;
	color: #336699;
	font-weight: bold;
	background: url("../images/download.png")no-repeat 0px 11px;
	padding: 10px 0 0 22px;
}

/*.template7 .casestudy a{
	position:absolute;
	bottom:10px;
}*/

.env-casestudies h2{
	padding-bottom:4% !important;
}

.casestudy-right > div,.casestudy-left > div{
	padding-bottom: 10%;
}

/*Sales list Starts*/

.sales-list h2{
	border-bottom:none !important;
	padding-bottom: 6px !important;
}

.sales-list article{
	text-align:center;
	padding: 20px 0 0 0;
	position:relative;
	border: 1px solid #ebecec;
	min-height: 350px;

}
.sales-list article .newlabel, .subcatproducts article .newlabel{
	position:absolute;
	text-transform:uppercase;
	top:0;
	left:0;
	padding-left:0;
	background:#14a941;
	color:#ffffff;
	font-family:"oswald",sans-serif;
	font-size:16px;
	padding: 6px 10px;
	font-display: swap;
	
	
}

.sales-list article em{
	font-style:normal;
	color:#394d90;
	font-weight:bold;
	font-size:13px;
	padding-bottom:11px;
	display:block;
}

.sales-list article h3{
	color:#ffffff;
	font-size:13px;
	padding:10px 0;
	font-weight:normal;
  	position: absolute;
   	bottom: 0px;
    	width: 100%;
	background: url("/images/list-sales.png")no-repeat #394d90 25px center;
}

.sales-listtabs{
	background-color: #f5f5f5;
	padding-top:40px;
	padding-bottom:40px;
}

.sales-listtabs ul li{
	padding: 20px 98px !important;
}

.filterby{
	text-align:center;
	margin:35px auto 10px auto;
}

.recruitment-container h2{
	margin: 20px auto 20px auto;
	clear:both;
}

.recruitment-container h2 > strong{
	font-family: "oswald",sans-serif;
	font-display: swap;
}

.aboutcontainer26 .divcontent p{
	padding-bottom: 20px !important;
}

.aboutcontainer26 .divcontent h2{
	margin: 0 !important;
}

.recruitment-container p{
	padding-bottom:0 !important;
}

.aboutcontainer .recruitment-container p{
	margin-bottom:0 !important;
}

.aboutcontainer .about p{
	padding-bottom:1.5% !important;
}

.recruitment-container div div{
	margin-top:0;
}

.filterby select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display:inline-block;
	height: 50px;
	font-size:15px;
	width: 40%;
  line-height: 1.75;
  color:#666666;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e2e2e2;
  -ms-word-break: normal;
  word-break: normal;
  background: url("/images/downarrow.png")no-repeat right;
  background-color: #ffffff;
  margin-left: 25px;
  padding-left: 10px;
  cursor:pointer;
}

.filterby strong {
	color:#203f70;
	font-family:"oswald",sans-serif;
	font-size:20px;
	text-transform:uppercase;
	background: url("/images/filter-option.png")no-repeat right;
	padding-left: 26px;
	background-position-x: 2px;
	font-display: swap;

}

/*User Manuals Starts*/

.usermanual h1,.calculator h1{
	font-family: "oswald",sans-serif;
	text-transform: uppercase;
	color: #203f70;
	position: relative;
	padding-bottom:2.5%;
	margin-bottom: 45px;
	font-display: swap;
}

.usermanual h1:after,.locationss h1:after,.calculator h1:after{
	content: '';
	width: 6%;
	position: absolute;
	left: 0;
	bottom: 1px;
	border-width: 0 0 3px;
	border-style: solid;
	color: #e5b02f;
}

.usermanual{

	padding-bottom: 4%;
}

.usermanual ul li{
	padding: 20px 45px !important;
}

.usermanual h2,.usermanual .content h3,.calculator-container h2{
	all:unset !important;
	display:block !important;
	font-family: 'oswald',sans-serif !important;
	text-transform: uppercase !important;
	color: #203f70 !important;
	font-weight: bold !important;
	font-size:20px !important;
	padding-bottom: 20px !important;
	font-display: swap;
}


.usermanual h2::after{
		all:unset !important;
}

.usermanual div div div ul li{
	all:unset !important;
	display: block !important;
	font-size: 13px !important;
	padding:0 !important;
	padding-bottom: 13px !important;
	padding-left: 12px !important;
	background: none;
}

.usermanual div div div ul li:hover {
    background-color: #ffffff;
}

.usermanual div div div ul{
	all:unset !important;
	display: block !important;
	font-size: 13px !important;
	padding-bottom: 13px !important;
	padding-left: 12px !important;
	border-bottom:none;
}

.usermanual div div div{
	width:33%;
	box-sizing:border-box;
	float:left;
}

.usermanual div div div:nth-of-type(3n+1){
	clear: both;
}

.usermanual div div div ul li a{
	color: #666666;
	text-decoration: none;
	display: inline;
	padding: 0 !important;
}

.usermanual div div div ul li::before {
    content: "\25A0";
    color: #408edf;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    padding-right: 12px;
    font-size: 11px;
}

.usermanual div div div ul li a:hover{
	text-decoration:underline;
	color:#336699;
	background-color:#fff;
}

/*Content page starts*/

.pms div{
	width:100%;
}

.pms div p,.pms div ul li{
	color:#666666 !important;
	font-size:13px !important;
}

.bannerleftdiv{
	width: 28.45% !important;
}

/*Content page Ends*/

/*Jobs page starts*/

article .searchdiv{
	background:#ffffff;
	padding:0 25px;
}

article .searchdiv select{
	width:100%;
}

article .searchdiv button{
	margin:0 auto;
	width:155px;
	display:block;

	font-weight: normal;
	font-size: 11px;
	bottom: -10px;
	padding:12px 0 12px 16px !important;
}

article .searchdiv button i{
	padding-top: 11px !important;
	font-size:15px !important;
}

article .searchdiv form{
	width: 80%;
	margin: 0 auto;
}

.searchdiv{
	background:#f2f2f2;
	padding:25px;
}

.searchdiv select,.uk-left select{
	width:38%;
	height: 45px;
	margin-right: 15px !important;
	float:left;
	margin:0;
	padding:0 !important;
	background:url("/images/downarrow.png")no-repeat right;
	background-color: #fff;
	cursor:pointer;
}

.searchdiv select{
	padding-left: 10px !important;
}

.searchdiv button{
	display:unset !important;
	width:21%;
	text-align: left;
	padding-left: 30px;
}

.jobs-new hgroup{
	width:35%;
	float:left;
	padding-left: 2%;
	box-sizing: border-box;
}

.description-container{
	padding:15px 0 40px 0;
}

.jobs-new{
	overflow:hidden;
	padding:30px 0;
	border-bottom:1px solid #ebecec;
}

.jobs-new:last-of-type{
	border-bottom:none;
}

.jobs-new hgroup h2 a{
	font-family: 'oswald',sans-serif;
	padding: 20px 0;
	text-transform: uppercase;
	color: #203f70;
	font-weight: bold;
	font-size:20px;
	text-decoration: none;
	font-display: swap;
}

.jobs-new hgroup h3{
	font-size:12px;
	padding-top: 5px;
}

.jobs-new table{
	width:50%;
	float:left;
}

.jobs-new table th{
	text-align:left;
	font-size: 13px;
	width: 22%;
	float: left;
}

.jobs-new table tbody tr th,.jobs-new table tbody tr td{
	padding-bottom:10px;
}

.jobs-new table tbody tr{
	width: 50%;
	float: left;
}

.jobs-new table td{
	color:#666666;
	font-size:13px;
}

.viewdetail i{
	color:#ffffff;
	border-left:1px solid #75b8ff;
}

.viewdetail{
	background:#52a6ff;
	color:#ffffff !important;
}

.jobs-new table tbody tr td a{
	color:#336699;
}

.searchdiv .fa-search{
	margin-right:0;
	left:unset;
	border:none;
	border-left: 1px solid #e5b02f !important;
}

/*Jobs page Ends*/


/*Location page Starts*/


.locationdiv,.basket-container{
	padding-top:40px;
	padding-bottom:40px;
}

.locationdiv > a{
	background-image: linear-gradient(#f1f1f1, #e0e0e0);
}

.linkdivactive{
	background:#ffffff !important;
	border-bottom: none !important;
}

.linkdiv{
	background: #fff;
	border: 1px solid #ebecec;
	overflow:hidden;
	padding-bottom: 30px;
	border-top: none;
	display: flex;
}

#locationaddress{
	position:absolute;
	bottom:0;
	padding: 10px 0 0 0;
}

.locationdiv > a{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 15px 0;
	text-transform: uppercase;
	color: #203f70;
	font-size: 12px;
	text-align:center;
	text-decoration:none;
}

.linkdiv .uk-left{
	width:35%;
	float:left;
	padding: 30px;
	box-sizing: border-box;
	position:relative;
	padding-bottom:270px;
}

.locations-right,.worldlocations-right{
	width: 65% !important;
	float: left !important;
	box-sizing: border-box !important;
	padding-right: 0 !important;
	padding-top: 30px;
}

.worldlocations-left ul li span img{
	margin-right: 15px;
	vertical-align: middle;
}



.worldlocations-left{
	width:35% !important;
	float: left !important;
	box-sizing: border-box !important;
	padding-top: 30px;
	padding-left: 30px;
}



.locations-right #map,.worldlocations-right #map{
	margin-top:0 !important;
}

.linkdiv div h2{
	font-family: 'oswald',sans-serif;
	color: #203f70;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.5px;
	padding:0 0 30px 0;
	text-decoration: none;
	display: block;
	font-display: swap;
}

.linkdiv ul{
	list-style-type:none;
	margin-bottom: 40px;
}

.linkdiv ul li{
	padding-bottom: 15px;
}

.linkdiv ul li a img{
	padding-right: 10px;

}

.linkdiv figure{
	width:65%;
	float:left;
	padding-top: 30px;
}

.paginationdiv{
	display:inline-block;
}

.pagination{
	list-style-type: none;
	width: max-content;
	margin: 0 auto;
}

.pagination li {
    float: left;
    padding: 0 3px;
	color: #666666;
	font-size: 15px;
	margin: 0 5px;
	background-color:#e0e0e0;
	padding: 8px 12px;
	cursor:pointer;

}

.pagination  li:hover,.activepage{
	color:#203f70 !important;
	font-weight:bold;
	background-color:#ffc434 !important;
}

.uk-left select{
	width:100% !important;
	margin-bottom: 15px;
	padding-left: 5px !important;
}

.uk-left span,.jobdetails-right a{
	color:#336699 !important;
	font-size:13px ;
	font-weight:bold;
	text-decoration:none;
}

.currentlocation{
	background: url(../images/target.png)no-repeat;
	padding-left: 21px;	
	cursor:pointer;
}


.errorinfo{
	color: red;
	font-size: 13px;
	padding-top: 32px;
	line-height: 20px;
}

.uk-left address{
	font-style:normal;
	padding:10px 0;
	font-size:13px;
}

.uk-left address strong{
	padding-bottom: 10px;
	display: block;
}

.uk-left address p{
	color:#666666;
	line-height:25px;
	padding-bottom: 15px;
}

.uk-left address a,.jobdetails-right a{
	display:block;
	padding-bottom: 15px;
}

.uk-left address a{
	font-size:13px;
	color:#336699 !important;
	text-decoration:none;
	font-weight:bold;
}

.uk-left address a i,.jobdetails-right a i,#locationinfo > a > i{
	color:#000000;	
	margin-right: 10px;
	font-size: 17px;
}

.uk-left .viewdetail{
	color:#ffffff !important;
}

.depot-details h2{
	padding:0;
	padding-bottom:20px;
}

.depotleft,.depotright{
	width:50%;
	float:left;
	padding-right:30px;
	box-sizing:border-box;
}

.depotright h2{
	padding-top:0 !important;
}





.depot-content{
	padding-top:60px;
	/*padding-bottom:60px;*/
}

.depotright a{
	color:#000000 !important;
	text-decoration:none;
	font-weight:bold;
}

/* Basket Page Starts*/

.basket-container h1{
	float:left;
	width: 65%;
}

.basket-container h1::after{
	width: 8%;
}

.basket-container figure{
	width:32%;
	text-align:center;
	float:left;
}



.shopping-cart{
	clear:both;
	width:65%;
	float:left;
	border: 1px solid #ebecec;
	background:#ffffff;
	padding: 30px;
	box-sizing:border-box;
	position:relative;
	padding-bottom:100px;
}

.mobile-close{
	display:none;
}


.shopping-cart strong{
	font-family: 'Arimo', sans-serif;
	font-display: swap;
} 

.column-labels{
	color:#203f70;
	text-transform:uppercase;
	font-size:11px;
	padding:0 0 40px 0;

}

.products{
	border-top: 1px solid #ebecec;
	padding: 10px 0;
	clear:both;
	overflow:auto;
	display: flex;
	align-items: center;
}

.product-detail{
	width:45%;
	float:left;
	
}

.products .product-detail{
	/*padding:9px 0;*/
}

.product-detail img{
	vertical-align:middle;
}

.unitprice,.product-quantity,.product-total{
	width:15%;
	float:left;
	text-align:center;

}

.product-quantity{
	width:25%;
	text-align: center;
	
}

.product-quantity a{
	color: #203f70;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
}

.product-quantity input{
	width: 19%;
	margin-right: 20px;
	border: 2px solid #ebecec;
	height:25px;
	text-align:center

}

.products .product-detail{
	color:#203f70;
	font-size:13px;

}
.products .unitprice,.products .product-total{
	/*padding: 60px 0;*/
}

.products .unitprice{
	font-size:13px;
	color:#666666;

}

.products .product-quantity{
	color:#203f70;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	/*padding: 51px 0;*/

} 

.products .product-total{
	font-weight:bold;
	color:#333333;
	font-size:13px;

}

.products:last-of-type{
	border-bottom:1px solid #ebecec;
}





 .voucher{
	clear:both;
	position:absolute;
	bottom:30px;
	width: 96%;
 }

 .voucher input{
	padding: 9px 107px 9px 20px;
	border: 1px solid #ebecec;
	border-radius: 5px;
 }

.voucher .viewdetail{
		border: none;
}

.voucher p{
	color: red;
	font-size: 13px;
	padding-bottom: 20px;
}

.voucher span{
	padding-right: 3px;
}

.voucher .viewdetail{
	margin-left:15px;
	background: #ffc434;
	color: #203f70 !important;

}

.voucher .updatebasket{
	background:#408edf;
	color:#ffffff !important;
}

.voucher .viewdetail .fa-angle-right{
	border-left: 1px solid #e5b02f;
	color: #203f70;
}

.voucher .updatebasket{
	float:right;
	margin-right:30px;
 }

 .fas.fa-redo {
    border-left: 1px solid #75b8ff !important;
}

.voucher > form{
	width: 70%;
	float: left;
}

.ordersummary{
	width: 33%;
	float: left;
	border: 1px solid #ebecec;
	background: #ffffff;
	margin-left:2%;
	padding: 30px;
	box-sizing: border-box;	
	position:relative;
	padding-bottom: 80px;
}

.printpage{
	margin-bottom:20px !important;
}

.ordersummary h2,.checkout-left legend,.checkout-left h2,.billingaddress h2,.deliveryaddress h2,.calculator-container h2{
	font-family: 'oswald',sans-serif;
	color: #203f70;
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 0.5px;
	padding-bottom: 15px;
	font-display: swap;
}

.checkout-left legend{
	font-weight:bold;
	padding: 10px 0 30px 0;
}

.address legend{
	padding:20px 0;
}

 .total{
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px solid #ebecec;
}

 .total:last-of-type{
	border-bottom:none;
 }

.ordersummary .leftcolumn,.ordersummary .rightcolumn{
	width:50%;
	float:left;
	font-size:13px;
}

.ordersummary .rightcolumn{
	text-align:right;
}


.ordersummary .leftcolumn{
	font-weight:bold;
	clear:both;
}

.ordersummary .leftcolumn span{
	font-weight:normal
}

.proceedcheckout{
	background: #51ac35;
	padding: 4% 0;
	margin:0 !important;
	padding-left:20px;
	display: block;
	position: absolute;
	bottom: 20px;
	width:85%;
	
}

.checkoutdiv{
	position: absolute;
	bottom: 30px;
	width:85%;
}

.checkoutdiv .acheckout{
	background: #51ac35;
	padding:15px 0;
	margin:0 !important;
	width:100%;
	padding-left:35px;
	display: block;
	border: none;
}

.basket-wrapper{
	display:flex;
	clear:both;
}

.ordersummary .finalvalue{
	color: #203f70;
	font-size:18px;
	font-weight:bold;
}

/* CMS*/

.template3wrapper tr th{
	padding:20px 0;
	color: #203f70;
	font-size: 20px;
	
}

.template3wrapper tr th:first-of-type{
	width: 25%;
	text-align:left;
	
}
.template3wrapper tr th:last-of-type{
	width: 65%;
	text-align:left;
}

.template3wrapper td{
	padding:15px 0;
	
}

.template3wrapper td:first-of-type{
	font-weight:bold;
	font-size:15px;
}

.template3wrapper td:last-of-type{
	font-size:13px;
	color: #666666;
}

.template6wrapper h3,.template9wrapper .content > h3,.template9wrapper h3,.jobdetails-left h3{
	font-size:18px;
	font-family: "oswald",sans-serif;
	font-display: swap;
}

.template6wrapper h2{
	padding-bottom:20px;
}

.template9wrapper .content > h3,.template9wrapper h3,.jobdetails-left h3{
	color: #203f70;
}
.jobdetails-left h3{
	padding:0 0 20px 0;
	font-size:25px;
}

.template6wrapper h2:last-of-type{
	padding-top:20px;
}

.map-address h2{
	padding-top:20px;
}

.map-address div address{
	padding-top: 0px !important;
}

.depotleft ul{
	/*padding-left: 3%;*/
	font-size: 13px;
}

.depotleft ul li{
	padding-bottom: 7px;
	color: #666666;
	list-style-type: none;
	background: url(/images/blue-square.jpg)no-repeat 9px 5px;
	padding-left: 22px;
}

/*.depotleft ul li:before{
	content: "\25A0";
	color: #408edf;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	padding-right: 12px;
	font-size: 11px;
}*/

.depotleft h3{
	font-size:18px;
	font-family: "oswald",sans-serif;
	color: #203f70;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-display: swap;
}

.depotleft p a strong{
	color:#000000;
}

.template6wrapper h2{
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.template6wrapper div p{
	padding-bottom: 10px;
	/*clear:both;*/
}

.floatleft {
    float: left !important;
	padding:0 !important;
	padding-right:20px !important;
}

.template6wrapper div .padding-bottom{
	padding-bottom:20px !important;
}

.leftalign {
    justify-content: unset !important;
}

.template9wrapper .aboutandrews div h2{
	margin:0 auto 20px auto;
}

.aboutandrews div h1{
	margin-top: 40px;
}

.template9wrapper .aboutandrews > div{
	margin-top: 40px;
}

.job_box a{
	color: #203f70 !important;
	font-size: 14px;
}

.countrylist ul{
	padding-left: 45px;
	padding-top: 20px;
	font-size: 14px;
	cursor:pointer;
	margin-bottom:0 !important;
	color:#336699;
	font-weight:bold;
	cursor:pointer;
}

.countrylist  > span{
	color:#336699;
	font-weight:bold;
	font-size:13px;
	cursor:pointer
}

/*checkout Starts*/


.threelabels label input,.twolabels  label input,.width100 input{
	display:block;
}

.threelabels > label,.twolabels > label{
	display:inline-block;
	margin-right: -5px;
}

.checkout-left form input,.width100 select,.threelabels select{
	padding:15px 0;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	width: 100%;
	margin: 10px 0;
	padding-left: 10px;
	box-sizing: border-box;
}

.checkout-left form label{
	color:#666666;
	font-size:14px;
}

.threelabels label{
    width: 33.5% !important;
	padding-right: 20px;
	box-sizing:border-box;
}

.threelabels label:last-of-type{
	padding-right:0;
}

.twolabels label{
	padding-right: 20px;
	width:50% !important;
	box-sizing:border-box;

}

.twolabels label:nth-child(2n){
	padding-right:0;
}

.width100 select,.threelabels select{
	-webkit-appearance: none;
	background: url("/images/downarrow.png")no-repeat right;
}



.radio {
    width: auto !important;
    display: inline-block !important;
    padding-left: 8px;
    margin-top: 11px !important;
}

.address label{
	width: 97%;
	display: inline-block;
}

.address input{
	vertical-align:middle;
}

.billingdetails{
	display:none;
}

.specialinstruction textarea{
	width:100%;
	height:110px;
	border: 1px solid #e2e2e2;
	padding: 10px;
}

.specialinstruction legend{
	padding:35px 0 15px 0;
}

.revieworder .product-detail{
	width:64%;
	padding: 11px 0;
	color: #203f70;
	font-size: 13px;
}


.review-products{
	border-bottom: 1px solid #e2e2e2;
	overflow:hidden;
	padding: 10px 0;
}

.review-products .product-detail{
	width: 55%;
}

.review-products figure{
	width:20%;
	float:left;
}

.review-products figure img{
	max-width:100%;
	padding-right: 5px;
	box-sizing: border-box;
}

.review-products strong span{
	display:block;
	font-size:13px;
	color:#666666;
	font-weight: normal;
	padding-top: 4px;
}

.review-products .product-total{
	padding-top: 19px;
	font-size:13px;
	color:#666666
}

.editbasket{
	color: #336699 !important;
	font-size: 13px;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #e2e2e2;

}

.editbasket img{
	vertical-align: bottom;
	margin-right: 10px;
}

.checkoutdiv fieldset{
	padding:30px 0;
	text-align:center;
	border-top: 1px solid #e2e2e2;
}

.checkoutdiv fieldset label{
	color:#666666;
	font-size:14px;
}

.checkoutdiv fieldset label a{
	color:#203f70;
}


/*thankyou page starts*/

.thankyou h1{
	width:100%;
	margin: 0 0 20px 0;
}

.order-conf  strong{
	padding-bottom:20px;
	display:block;
}

.order-conf > p{
	color: #666;
	font-size: 15px;
	line-height:25px;
}

.order-conf{
	background:#ffffff;
	border:1px solid #e2e2e2;
	padding: 20px;
	clear:both;
	border-radius:5px;
}

.thankyou button,.reorderbutton{
	background: #ffc434;
	display: block;
	clear: both;
	border-radius: 7px;
	text-decoration: none;
	color: #203f70;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	cursor: pointer;
	position: relative;
	border: none;
	letter-spacing: 1px;
	padding: 12px 20px 12px 60px;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 30px;
}

 .reorderbutton{
	width:-moz-max-content;
 }

.thankyou button i,.reorderbutton i{
	width:12%;
	text-align: center;
	margin-right: 10%;
	font-size:20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-right: 1px solid #e5b02f;
	height: 100%;
	padding-top: 12px;
	box-sizing: border-box;
}

.alert{
	border:1px solid red !important;
	outline:1px solid red !important;
}


.thankyou-cart .products .unitprice,.thankyou-cart .products .product-total{
	/*padding:70px 0;*/
}

.thankyou-cart .products .product-quantity{
	/*padding: 72px 0;*/
}

.billingaddress{
	margin:70px 0 20px 0;
	width:50%;
	float:left;
	clear:both;
}

.deliveryaddress{
	margin:70px 0 20px 0;
	width:50%;
	float:left;
}

.deliveryaddress{
	text-align:right;
}
.billingaddress address,.deliveryaddress address{
	font-style:normal;
	color:#666666;
	font-size: 15px;
	line-height: 23px;
}

/*accessories*/

.accessories-left{
	width:50%;
	float:left;
}

.accessories-right{
	width:50%;
	float:left;
}

.accessories-right ul{
	padding-left:20px;
	padding-top:20px;
}

.accessories-left figure{
	padding: 20px 0;
}

.print-container .basket-wrapper {
    display: unset !important;
    clear:unset !important;
}

.print-container .ordersummary{
	width: 40% !important;
	display:inline-block !important;
	float:unset !important;
}
.print-container .shopping-cart{
	width:50% !important;
	display:inline-block !important;
	float:unset !important;

}

.thankyou .thankyou-cart{
	float:left !important;
	width: 58% !important;
}

/*Calculator Page Starts*/

.calculator-container{
	padding-bottom:50px;
	display: flex;
}

.calculator-container h2{
	padding-top:15px;
	padding-bottom:20px;
	display:block !important;
}

.cooling-calculator,.heating-calculator{
	width:48.8%;
	float:left;
	background:#ffffff;
	border: 1px solid #e2e2e2;
	box-sizing:border-box;
	padding:20px 30px 80px 30px;
	position:relative;

}

.cooling-calculator{
	margin-right:10px;
}
.heating-calculator{
	margin-left:10px;
}

.calculator-container fieldset input{
	display:block;
}

.calc-checkbox input{
	display:inline-block !important;
	width:unset !important;
	height:unset !important;
	margin-right: 15px;
	border: 1px solid #95acc0 !important;
	outline: 1px solid #95acc0 !important;
}

.calculator-container form,.calculator-container p{
	width:80%;
	float:left;
}

.calculator-container p{
	font-size: 13px;
	color: #666666;
	line-height:25px;
}

.calculator-container > figure{
	width:20%;
	float:left;
}

.calculator-container form label{
	width:30%;
	float:left;
	font-size: 13px;
	color: #666666;
	
}

.calculator-container form label input,.calculator-container form select{
	width: 110px;
	height: 35px;
	margin-bottom:10px;
	border: 1px solid #e2e2e2;
}

.calculator-container form select{
	width: 100%;
	height: 45px;
	background: url("/images/downarrow.png")no-repeat right;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
}

.calc-checkbox label{
	width:unset !important;
	float:unset !important;
}

.calculator-container fieldset{
	margin:20px 0;
}

.calculator-container legend{
	padding-bottom: 10px;
	font-size: 13px;
}

.calculator-container legend span{
	font-weight:normal
}

.calculator h1{
	margin:50px 0;
}

.calculator-container .calculate{
	background: #ffc434;
	color: #203f70 !important;
	padding: 12px 0 12px 0;
	font-size: 11px;
	text-transform: uppercase;
	border-radius: 5px;
	padding-right: 48px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
	border: none;
	cursor:pointer;
}

.calculator-container .calculate i {
    border-left: 1px solid #e5b02f;
    color: #203f70;
	position: absolute;
	right: 0;
	padding: 13px 12px;
	box-sizing: border-box;
	font-weight: bold;
	top: 0;
}

.calculate-button{
	position:absolute;
	bottom:30px;
}

.baskettext{
	clear:both;
	text-align:center;
	font-size: 14px;
	color: #666666;
	
}

.baskettext a{
	color:#204585;
}

.nav-links{
	margin: 20px 0;
	overflow: hidden;
}

.nav-links div{
	box-sizing: border-box;
}

.nav-previous,.nav-next{
	width: 50%;
	float: left;
}
.nav-previous a,.nav-next a{
	font-weight: bold;
	text-decoration: none;
	color: #336699;
	font-size: 13px;
}

.nav-previous{
	    padding-right: 5%;
}

.nav-next{
	text-align: right;
	padding-left: 5%;
}

.aboutandrews ul li i{
	display:none;
}

.enquireform{
	padding-bottom: 20px;
}

.entry-footer span{
	font-size: 13px;
	color:#666666;
	font-weight:bold;
}

.cat-links a,.tag-links a{
	font-weight:normal;
}

.locationimages{
	padding: 29px 20px 0 20px;
	padding-bottom:0 !important;
	text-align:center;
}

.locationimages img{
	padding-right: 20px;
}

.locationimages img:last-of-type{
	padding-right:0;
}

.entry-footer {
    padding:0 0 15px 0;
}

.divcontent > div > figure > img{
	max-width: 100%;
}

.divcontent .tabtext{
	box-sizing:border-box;
}

.seconddiv .tabtext{
	padding-right:20px !important;
	padding-left:0;
} 

@media screen and (max-width:1200px),  screen and (max-width:3600px) and (-webkit-min-device-pixel-ratio: 3),
                    screen and (max-width:3600px) and (min--moz-device-pixel-ratio: 3),
                    screen and (max-width:3600px) and (-o-min-device-pixel-ratio: 3/1),
                    screen and (max-width:3600px) and (min-device-pixel-ratio: 3){

	.feefoheader img {
		max-width: 150px;
	}

	.floatright a, .floatright span{
		margin-right: 5px;
	}

	.subnav > .subcats{
		width:55%;
	}

	.subnav > .subenvironments{
		width:45%;
	}
}

@media screen and (min-width:1024px),  screen and (min-width:3072px) and (-webkit-min-device-pixel-ratio: 3),
                    screen and (min-width:3072px) and (min--moz-device-pixel-ratio: 3),
                    screen and (min-width:3072px) and (-o-min-device-pixel-ratio: 3/1),
                    screen and (min-width:3072px) and (min-device-pixel-ratio: 3){

.articlepromotions .articles > article figure{
	margin-left: 11px;
}
	.tabtext h2{
		display:none;
	}

	.usermanual .content h3{
		display:block;
	}

	.usermanual h2{
		display:none !important;
	}


}

@media screen and (min-width:769px) and (max-width:1024px){

.feefoheader {
    margin-right: 7px !important;
}

.floatright a:not(.feefoheader), .floatright span{
    margin-right: 7px !important;
}

.service24 img{
	margin-right: 1%;
}

.promotions li img{
	padding:12px !important;
}

header .headertop figure:first-of-type{
	width: 30%;
	box-sizing:border-box;
}

header .headertop .freephone{
	width: 19%;
	box-sizing:border-box;
}

header .headertop .floatright{
	width: 51%;
	box-sizing:border-box;
}

	.sliderinfo{
		width: 70%;
	}

	.footerpromotions article strong, .productpromotions article strong{
		font-size: 16px;
		padding: 8px;
		line-height: 22px;
	}

	.guidescontainer div article div hgroup{
		position: absolute;
		top: 20px;
		left: 15px;
		width: 50%;
	}

	 .guidescontainer div article h3,.guidescontainer div article h2{
		font-size: 20px;
	 }

 .guidescontainer div article span{
	left: 15px;
 }

 .sliderform form{
	/*width: 30% !important;*/
 }

.subnav > .subcats {
	width: 55%;
    float: left;

}

.subnav figure img {
	max-width: 45px;

}

.subnav > .subenvironments{
	width: 45%;
}

.subnav > .subenvironments div{
	width: 100%;
}
}



@media screen and (min-width:1024px) and (max-width:1180px){
	/*.subnav > div > div{
		width: 33%;
	}*/

.getaquote {
	margin-right: 20px !important;

}

.positionspan{
	width:1000px;
}

	/*.subnav > div > div:nth-of-type(3n+1) {
		clear: both;

	}


	.subnav > div > div:nth-of-type(4n+1) {
		clear: unset;

	}*/
		
	.jobs-new hgroup{
		width:100%;
		margin-bottom:20px;
		padding-left:0;
	}
	.jobs-new table{
		width: 80%;
	}
	
	.searchdiv select, .uk-left select{
		width: 37%;
	}

	.applyjobright{
		width: 100%;
	}

	.searchdiv button{
		padding-left: 16px;
	}

	header > nav > ul > li:first-of-type a {
		padding-left: 0;
	}

	header > nav > ul > li:last-of-type a {
		padding-right: 0;
	}

	header > nav > ul > li > a{
		padding: 14px 10px;
	}

	.aboutandrews ul li, .communicationitrooms ul li, .environmenttabs .environmenttabsul li{
	padding: 20px 30px !important;
}

.bannerfulldiv-category .buttons a{
	margin:0;
}

.contact {
    margin:0 10px 0 0 !important;
}

.videoleftdiv{
	padding: 0 7% 0 0;
}
}

@media screen and (min-width:768px) and (max-width:769px){
	.promotions > div .promotions-flag,.promotions ul li{
		text-align: left;
	}

	.promotions ul li:first-of-type img {
		padding-left: 12px !important;
	}

	.promotions ul li{
		padding:10px 0;
	}

	.promotions-flag > li {
		width: 45% !important;
	}

	.promotions > div .promotions-flag{
		position:relative;
	}

	.promotions-flag > .liflag,.liflag > div{
		position:absolute !important;
		top: 5px !important;
	}

	
}

@media screen and (max-height:825px){
	.sliderwrapper,.sliderinfo,.sliderinfo figure {
		height: 350px;
	}

	.sliderinfo figure img {
		max-height: 350px;
	}

	.sliderinfo h1,.sliderinfo strong{
		font-size:2.6vw !important;
	}

	.slider > img, .slider > a > img{
		min-height:350px;
	}

	
	.sliderform form{
		margin-top: 12px;
	}

	.categorybanner form{
		margin-top: 40px;
	}

	.selectdiv{
		margin: 3% 5%;
	}

	.sliderform input[type=radio] + label, .radiolabellink{
		padding: 10px 0;
	}

	.selectdiv select, .selectdiv input, .searchdiv select{
		height: 40px;
		margin: 6px 0px 10px 0;
	}

}

@media screen and (min-width:415px),  screen and (min-width:1245px) and (-webkit-min-device-pixel-ratio: 3),
                    screen and (min-width:1245px) and (min--moz-device-pixel-ratio: 3),
                    screen and (min-width:1245px) and (-o-min-device-pixel-ratio: 3/1),
                    screen and (min-width:1245px) and (min-device-pixel-ratio: 3){
	@media screen and (max-width:1023px),  screen and (max-width:3069px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:3069px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:3069px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:3069px) and (min-device-pixel-ratio: 3){
		
		.bannerfulldiv-category h1,.searchresultsdiv hgroup{
			width: 100% !important;
		}

		.bannerfulldiv-category .buttons,.searchresultsdiv .buttons,.environmentheading .buttons{
			width: 100%;
			float: left;
			margin-top: 30px;
			padding-left: 0;
		}

		.bannerfulldiv-category .buttons a,.searchresultsdiv .buttons a,.environmentheading .buttons a{
			float: left !important;
		}

		.bannerfulldiv-category .buttons a:first-of-type,.searchresultsdiv .buttons a:first-of-type,.environmentheading .buttons a:first-of-type{
			margin-left: 0 !important;
		}

		.environmenttabs .tabtext > figure{
			width:50%;
			float:left;
			padding:10px;
		}

		.environmenttabs .tabtext > figure > img{
			width:100%;
		}
	}
}

@media screen and (max-width:1023px),  screen and (max-width:3069px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:3069px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:3069px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:3069px) and (min-device-pixel-ratio: 3){

.montagefigure{
	display:none !important;
}

.environmentheading{
	position: relative !important;
	left:0 !important;
	margin-left:0 !important;
	transform:translateX(0) !important;
}

#sales .sliderinfo {
	padding: 20px 0 20px 0 !important;
}

.calculator-container{
	display:block;
}

.cooling-calculator{
    margin-right:0 !important;
}

.cooling-calculator,.heating-calculator{
	width:100% !important;
}

.heating-calculator {
	margin-left:0 !important;
	margin-top: 20px !important;
}
.bannerfulldiv-category .buttons a,.searchresultsdiv .buttons a,.proceedcheckout,.checkoutdiv .acheckout,.environmentheading .buttons a{
	float:right;
}

/*.sliderinfo{
	width:62%;
}

.sliderform form{
	width:38% !important;

}*/

/*
.sliderinfo h1 br{
	display:none;
}*/

.depot-complete > div{
	column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	-ms-column-count: 1;
}

.media-contactmain div figure{
	width: 25%;
}

.content > div > div:last-of-type{
	padding-left: 0;
}

.content > div > div:first-of-type{
	padding-right:0;
}

.logowrapper figure{
	width: 45%;
	margin-right: 20px;
}

.template7 .aboutusgroup .content > div > .casestudy div:nth-of-type(2n){
	padding-right: 0;
}

.template7 .aboutusgroup .content > div > .casestudy div{
	width: 50%;
}

.aboutusgroup  h2{
	display:block;
}

.aboutusgroup .ourvalueul{
	display:block !important;
}

.accredationstop div, .accredationsbottom div{
	width:32%;
}

.accredationsbottom > div:nth-of-type(4n+1){
	clear:none;
}

.accredationsbottom > div:nth-of-type(6n+1){
	clear:both;
}
.accredationsbottom > div:nth-of-type(9n+1){
	clear:both;
}

.h3active:active {
	background-color: #408edf !important;

}

.watchright iframe{
	width:100% !important;
	height:100% !important;
}

.marqueeleft, .marqueeright,.watchleft,.watchright{
	width: 100%;
}

/*
.marqueeleft p {
    width: 100%;
    box-sizing: border-box;
}*/

.template15group figure{
	padding-right:15px !important;
}

.template15figure{
	padding-bottom: 50px;
}




.hideheadings {
	display: block;
}

main{
	margin-top: 0px;
}

.blogbreadcrumb {
	margin-top: 100px;

}

.pac-container{
	width: 75% !important;
}


/*#map{
	height:auto !important;
}*/

.cookiesdiv div > span {
 	margin-bottom:0px;
	line-height: 25px;
}

.cookiesdiv div > span > a{
	margin-top:10px;
}

.cookies-okbutton{
	float:right;
}

span.cookie-text {
    width: 75%;
}

	.guidescontainer div article,.ourblog article,.videoleftdiv,.videorightdiv,.jointeam,.ourrange article{
		width:49%;
	}

	/*header > nav > ul > li:hover .subnav{
		display: block;
		top: 11%;
		
	}*/

	.subenvironments ul{
		display: none;
	}

	.subnav,.singlesubmenu{
		padding-left:0;
		position:relative !important;
		width:100%;
		padding: 10px 0;
		z-index: 99999999;
		overflow: hidden;
		left:0;
		top:0;
	}

.subnav75{
	width:100% !important;
	left:0 !important;
}

.subnav > .subcats{
	width:100%;

}

.subnav > .subcats > div{
	width: 100%;
	padding: 7px 20px 7px 6px;
}

.subnav > .subenvironments{
	width: 100%;
	padding: 0 6px;
}

header nav ul{
	position: unset !important;
	z-index: 9999999;


}

.backnav{
	padding:0 !important;
}

.backnav strong{
	color: #203f70;
	font-size: 15px;
	font-weight: 700;
	border-bottom: 1px dashed #b3b3b3;
	padding-bottom:10px;
	width:100%;
	cursor:pointer;
	padding-left: 10px;
	display: block;
	box-sizing: border-box;

}

.subnav ul li{
	width: 100%;
}

header nav ul li a{
	padding: 5px 3.2%;
}
.backnav strong i{
	padding-right:10px;
}

.subnav,.singlesubmenu{
	-webkit-box-shadow:unset;
	box-shadow:unset;
}

.singlesubmenu {
	width:100%;
}

.singlesubmenu ul li a{
	padding: 10px 3.2%;
} 

.singlesubmenu .backnav{
	margin-bottom: 10px;
}



	.ourrange > article:nth-of-type(2n){
		margin-right:0 !important;
	 }

	.ourrange > article:nth-of-type(3n) {
		margin-right:2%;
	}

	 .guidescontainer > div > h2, .ourblog h2, .aboutandrews > h2, .about h2, .ourservice h2, .faq h2{
		margin: 35px auto !important
	}


	#map {
		margin-top: 50px;
	}

	.joinourteam figure {
		width: 50%;
	}

	.jointeam{
		margin: 45px 0 0 0;
	}

	.joinourteam{
		padding-bottom:73px;
	}

	.aboutandrews > div {
		margin-top: 0px;
	}

	
	.videoleftdiv{
		padding: 0 !important;
	}

	 .ourblog article{
		margin-bottom: 20px;
	 }


	 header .headertop .freephone,header .headertop .floatright,.promotions{
			display:none;
		}

		header nav{
			display:none;
		}



		header nav ul{
			/*display: block;*/
			padding:0 !important;
			height:unset;
			border-top:1px solid #ffffff;

		}

		header nav ul li{
			display:block;
			width:100%;
			text-align:left;
			border-bottom:1px solid #ffffff;
			padding:0;
		}

		header > nav > ul > li{
			position:relative;
		}

		.guidescontainer > div > h2{
			padding: 0 0 20px 0;
		}

		.guidescontainer div article div hgroup{
			left: 10px;
			top: 25px;
		}

		.guidescontainer div article span{
			left: 10px;
			bottom: 18px;
		}

		.guidescontainer > div > h2{
			margin: 0 auto 20px 0;
		}

		header .headertop figure:first-of-type{
			width: 70%;
		}

		.menuicon, .menuiconphone{
			display:block;
			margin-right:15px;
			float: right;
			margin-top: 7px;
			cursor:pointer;
		}

	

	header nav ul li a{
		padding:15px 3.2%;
		display: block;
		text-align: left;
	}

	





	/*.smallvideos.homevideos,.aboutandrews .content{
		display:none;
	}*/

.aboutandrews ul, .communicationitrooms ul, .environmenttabs .environmenttabsul,.aboutusgroup > ul{
	border-bottom:none;
	display:block;

}



.content > h3, .communicationitrooms ul li, .environmenttabs .divcontent > h2,.aboutusgroup > ul li,.content > h2,.usermanual .content > h2,.tabtext > h2{
	width:100% !important;
	border: 1px solid #ebecec !important;
	margin-bottom: 10px !important;
	padding: 20px 0 20px 17px !important;
	box-sizing: border-box !important;
	background: #fff !important;
	font-size: 13px !important;
	font-weight:normal !important;
	color: #666666 !important;
	font-family: 'Arimo', sans-serif !important;
	text-transform: none;
	clear:both !important;
	font-display: swap;
}

.divcontent div .tabtext > h2:first-of-type{
	margin-top:10px;
}

.content{
	padding:0 !important;
	margin-bottom:0 !important;
}

.content > h3:hover,.tabtext > h2:hover,.content > h2:hover,.usermanual .content > h2:hover  {
    background-color: #408edf !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

.content > h3.h3active,.content > h2 .h3active,.tabtext > h3.h3active,.tabtext > h2.h3active  {
    background-color: #408edf !important;
    color: #ffffff !important;;
    cursor: pointer !important;
}

.content .fa-angle-down,.tabtext .fa-angle-down,.usermanual .content .fa-angle-down {
	float: right;
	font-size: 15px;
	color: #408edf;
	padding-right:25px;
	display:block;
}

.content > h3:hover .fa-angle-down,.h3active,.tabtext h2:hover .fa-angle-down,.content > h2:hover .fa-angle-down,.usermanual .content > h2:hover .fa-angle-down {

	color: #ffffff;

}




.h3active  .fa-angle-up{
	float: right;
	font-size: 15px;
	color: #ffffff;
	padding-right:25px;
}

.divcontent{
	background-color:#ffffff;
	
}

.environmenttabs{
	margin: 20px 0;
}

 


.aboutusgroup > ul li{
	display:block;
}

.aboutandrews ul, .environmenttabs ul,.aboutusgroup ul{
	display:none !important;
}

.footertopdiv ul li, .footermiddlediv ul li{
	margin-bottom: 15px;
}

.footermiddlediv ul {
    padding: 35px 0;
}

.aboutandrews h2::after{
	color: #e5b02f;
}







.faq > div{
	width: 100%;
}

.bannerfulldiv-category h1,.searchresultsdiv hgroup{
	width: 60%;
}

.guidescontainer div article{
	width:48%;
}

.about ul{
	width: 100%;
	margin:unset;
}

.about ul li{
	padding-left: 40px;
}

.footerpromotions article{
	width: 50%;
	padding-top: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

.footerpromotions article:nth-of-type(2n){
	padding-right: 0;
}

.footerpromotions article img{
	width:100%;
}

.footerpromotions{
	display:inline-block !important;
}

.footerpromotions article strong{
	padding: 33px 20px;
}



.subcatproducts article{
	width: 32%;
}

.subcatproducts article:nth-of-type(3n) {
    margin-right: 0;
}

.subcatproducts article:nth-child(4n) {
    margin-right:2%;
}

.aboutandrews ul li, .communicationitrooms ul li, .environmenttabs .environmenttabsul li{
	color: #666666 !important;
 }

.aboutandrews ul li i{
	display:block !important;
}

.casestudy figure{
	padding-left:0 !important;
}

.searchresultsdiv a i{
	display:none;
}

.featuresdiv{
	padding-right: 20px;
}

.seconddiv .tabtext{
	padding-right:0 !important;
}

.casestudy figure{
	float:none;
	text-align:left;
	height: 180px;
}

.casestudy,.tabtext > div{
	margin-top: 20px;
}

.casestudy > div{
	padding-bottom: 25px;
}

.jobdetails-left,.jobdetails-right{
	width: 100%;
}

.jobdetails-left{
	padding-right:0;
}

.depot-content{
	padding-bottom:0;
}

.smallvideos.homevideos div div{
	width: 50%;
}

.globalsites{
	padding:35px 0;
}

.worldwideservice h2,.aboutandrews h2,.youmightconsider h2{
	text-align:center;
	margin: 35px 0;
	padding-bottom:20px;
}

.youmightconsider{
	margin:0;
}

.content > div,.tabtext > div {
    display: none;
	padding: 0 17px;
}

.content.hide{
	display:block !important;
}

.aboutandrews{
	margin-bottom: 20px;
}

.videorightdiv iframe,.youtubefigure .youtube{
	height:unset;
	min-height:200px;
}

.montageimage{
	display: block;
	margin: 0 auto;
}

.sliderinfo figure{
	width: 100% !important;
	padding-left: unset !important;
	position: absolute !important;
	top: 0 !important;
}



.catrange article{
	min-height:430px;
}

.about > div{
	padding-top:0;
}

.about ul li:last-of-type{
	padding-bottom:10px;
}

.bannerfulldiv-category{
	/*margin: 35px auto;*/
	padding: 20px 3.2%;
	padding-bottom:0;
}

/*.bannerfulldiv-category h1{
	margin: 35px 0;
	padding: 20px 0;
}*/



.contact{
	margin-bottom:10px !important;
	box-sizing:border-box;
}

.about ul li img{
	margin-top: -5px;
}

.productpromotions article {
    cursor: pointer;
	width: 33%;
	box-sizing: border-box;
	overflow: hidden;
	padding-right: 10px;
	padding-bottom: 20px;
}

.productpromotions article:nth-of-type(3n){
	padding-right:0;
}

.productpromotions{
	display:inline-block;
	padding-bottom: 30px;
}

.productpromotions article img{
	width: 100%;
}

.featuresdiv{
	width:100%;
}

.subcontent ul{
	padding-left: 3.2%;
	padding-right: 3.2%;
	box-sizing: border-box;
}

.subcontent .paracontent{
	padding-left: 3.2%;
	padding-right: 3.2%;
	box-sizing: border-box;
}

.subcatproducts{
	margin-top: 35px;
}
.similarproducts{
	margin-top:0 !important;
}

.similarproducts article h3{
	padding:0;
	margin-bottom: 50px;
}

.subcontent{
	margin: 25px 0;
}

.bannerfulldiv-category h1::after,.basket-container h1::after{

	width: 20%;
}

.footerpromotionscontainer{
	margin-bottom: 20px;
}

.divcontent, .information-content{
	padding-top: unset;
	padding-bottom: unset;
}

.divcontent h2{
	padding: 20px 0;
}

.environmenttabs .divcontent .tabtext{
	padding-top:0;
}

.guidescontainer{
	margin-top:0;
}

 .searchresultsdiv .buttons a{
	margin: 0 0 0 0;
 }

.searchresultsdiv hgroup h2{
	padding-top: 10px;
}

.searchresultsdiv{
	margin: 30px auto;
}



.shopping-cart{
	width: 100%;
}

 .basket-container{
	padding-top:0;
	padding-bottom:0;
 }

  .basket-container h1,.basket-container > figure{
	margin:25px 0;
  }

  .ordersummary{
	width:100%;
	margin-left:0;
	padding-bottom: 190px;
	margin-bottom: 20px;
  }

  .checkoutdiv{
	width: 91%;
  }

.address label{
	width: 96%;
}

 #checkout .basket-wrapper{
	display: flex;
	flex-direction: column-reverse;
}

.sales-list article {
    	width: 49%;
	margin-bottom: 20px;
}

.sales-list article:nth-of-type(2n){
	margin-right:0 !important;
}

.sales-list article:nth-of-type(3n) {
    margin-right:2%;
}

.productdetail{
	padding-right:0;
}

.productdetail h1{
	padding-bottom: 20px;
}

.productdetail h1::after{
	width: 20%;
}

.productdetail em{
	padding:0;
}

.perunit{
	padding-left:unset;
}


.aboutcontainer h1::after{
	width: 13%;
}

.contact-articles article{
	padding: 10px 0;
}
.jobdetails h1, .locationss h1, .jobdetail-container h1, .calculator h1{
	text-align:center;
}

.jobdetails h1, .locationss h1, .jobdetail-container h1, .calculator h1{
	margin: 0 0 20px 0;
	padding-bottom: 20px;
}

 .locationss h1{
	margin: 0 0 40px 0;
	padding-bottom: 20px;
 }

.jobdetails h1::after, .locations h1::after, .jobdetail-container h1::after, .calculator h1::after{
	width:15%;
	left:40%;
}

.searchdiv select, .uk-left select{
	width: 30%;
}

.searchdiv button{
	width: 34%;
	padding-left: 17px;
}

.searchdiv select{
	padding-right: 52px !important;
	box-sizing:border-box;
	text-overflow: ellipsis;
}

.jobs-new hgroup{
	width:100%;
	padding-left:0;
	margin-bottom: 20px;
}

.jobs-new table{
	width: 72%;
}

.jobs-new table th{
	width: 30%;
}

.apply-job2{
	display: block;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
	margin: 0 auto;
	margin-bottom: 20px;
}

.jobdetail-container, .job-container{
	padding: 40px 0;
}

.applyjobright{
	width: 50%;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: max-content;
}

.usermanual h1,.calculator h1{
	margin: 20px 0;
	padding-bottom: 20px;
	text-align: center;
}

.calculate-button{
	position:relative;
	bottom:0;
}


.cooling-calculator h2,.heating-calculator h2{
	margin: 4px auto !important;
	padding-bottom: 10px !important;
	text-align: left !important;
}

.usermanual h1::after, .locationss h1::after,.calculator h1:after {
	width: 20%;
	left: 40%;
}

.cooling-calculator, .heating-calculator{
		padding: 15px;
	}

/*.calculator-container form, .calculator-container p{
	width:100%;
}*/

.calculator-container form label{
	width:auto;
	margin-right: 20px;
}

.thankyou .ordersummary{
		padding-bottom:0;
	}


.usermanual div div div{
	float:left;
	width:50%;
}

.linkdiv .uk-left{
	width: 45%;
}

.locations-right{
    width: 55% !important;
}

.basket-wrapper{
	display:unset;
}

.proceedcheckout{
	padding: 15px 0;
	width: 91%;
}

.voucher input{
	padding: 9px 74px 9px 20px;
}

.checkout-left fieldset{
	padding:0 10px;
}

.thankyou-cart{
	padding-bottom:0;
}

.youmightconsider > h2::after{
	width:15%;
	left:40%;
}

.specificationdiv{
	width:100%;
}

header > nav > ul > li:hover > div{
	display:none;

}
#content,#sidebar{
	width:100%;
}

.entry-content img,.entry-content iframe{
	max-width:100%;
}

.flex-direction-nav .flex-next{
	text-align:unset !important;
}

#searchresults .catrange,#searchresults .search-right{
	width: 100%;
}

.casestudy h3{
	padding: 15px 0;
}

.casestudy p {
    padding: 0 0 20px 0;
}

.casestudy > div{
	padding-right: 18px;
}

.casestudy div:nth-of-type(2n){
	padding-left: 18px;
}

.recruitment-container .content div table{
	width: 100%;
	margin-left:0 !important;
}
.recruitment-container .content div table td{
	padding: 10px 0;
}
.recruitment-container .content div table td:nth-of-type(2n){
	text-align:center;
}
.recruitment-container .content div table td:last-of-type{
	text-align:right;
}

.positionspan{
		width: 100%;
	}

.selection-popup{
	width:600px;
}



	.selectionbg{
		left:0;
	}

.productfigureright img{
	max-width:100%;
}

}

@media screen and (min-width:768px) and (max-width:770px){
	main{
		margin-top: 0px;
	}
}

@media screen and (min-width:768px) and (max-width:1023px){
	/*.promotions{
		display:block;
	}


	
	.promotions ul li img{
		padding: 0 12px;
	}

	.promotions ul li:first-of-type img{
		padding-left:0;
	}
	*/

	.feefoheader{
		display:none;
	}

	header > nav > ul > li > a {
		padding: 14px 10px;
	}

	#investordiv > li {
		padding: 20px 25px !important;
	}

	


	
}

@media screen and (max-width:736px),  screen and (max-width:2208px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:2208px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:2208px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:2208px) and (min-device-pixel-ratio: 3){
	.selection-popup img{
		width:45% !important;
		margin: 0 auto;
		display: block;
	}

	.selection-popup{
		top:7px;
		left: 15px;
	}

	.positionspan{
		width: 100%;
	}
}

@media screen and (max-width:414px),  screen and (max-width:1242px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:1242px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:1242px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:1242px) and (min-device-pixel-ratio: 3){

.template18service{
	width:100%;
}

.serviceleft p, .serviceright p{
	padding:10px;
}

.service24 div img{
	width: 100% !important;
	margin-right:0 !important;
	max-width: 100% !important;
	margin-bottom: 20px;
}

.content-topdiv .okbutton{
	margin: 10px auto;
	width: 30% !important;
	display: block !important;
}

.content-topdiv span{
	width:100% !important;
}

.videoscontainer .videosdiv .videoleftdiv{
	margin-top: 35px !important;
}

.calculator-container div figure{
	display:none;
}

.calculator-container form label{
	width: 38%;
	margin-right: 27px;
	margin-bottom: 6px;
}

.environmenttabs .tabtext img{
	width:100%;
}

.bannerfulldiv-category .buttons,.environmentheading .buttons,.searchresultsdiv .buttons{
	/*float:none;*/
}

.bannerfulldiv-category{
	margin:0 !important;
	/*padding:0 !important;*/
}

.contact {
	margin-right: 2px !important;
}

.presscuttingsdiv figure,.timelinediv iframe,.sykes-160years{
	width:100% !important;
}

.sykes-160years{
	padding: 0 0 0 0 !important;
	margin-top: 20px;
}

.sykes-160years img{
	max-width:100% !important;
}


.presscuttingsdiv {
	padding-bottom: 20px;

}

.presscuttingsdiv figure figcaption{
	padding: 20px 0;
}

.subnav .menulinks a{
	width:100%;
	padding: 10px 3.2%;
	margin:0;
}

.sponsorshipdiv div{
	width: 100% !important;
}

.announcementtab > div,.corporatep > div{
	width:100%;
}

.template7 .aboutusgroup .content > div > .casestudy div{
	width: 100%;
}

.template7 .aboutusgroup .content > div > .casestudy div:nth-of-type(2n),.content > div > div:first-of-type{
	padding-right:0 !important;
}

.heritagetab tr td {
	width:100%;
	float:left;
}

.advisortab > div{
	width:100%;
}

.template6wrapper div figure{
	text-align:center;
}

.articlepromotions .articles{
	display:block;
}

.template16wrapper article,.articlepromotions .articles > article{
	width:100% !important;
}

.articlepromotions .articles > article{
	margin-bottom: 20px;
}

.articlepromotions .articles > article:last-of-type{
	margin-left:0 !important;
}

.articlepromotions .articles > article figure{
	float: unset;
	margin-left: unset;
	text-align: center;
}

.articlepromotions .articles > article h2{
	padding-bottom: 20px;
	padding-top: 20px;
}

.template15text .env-list{
	column-count:unset !important;
	-moz-column-count: unset !important;;
	-webkit-column-count: unset !important;;
	-ms-column-count: unset !important;;
}

.marqueeleft, .marqueeright,.watchleft,.watchright{
	width: 100%;
}

.watchright iframe{
	width:100% !important;
	height:100% !important;
}

.template15figure{
	padding-bottom: 50px;
}

.watchright iframe{
	width:100% !important;
}

.template6wrapper div iframe{
	max-width:100% !important;
}

.template6wrapper div img{
	margin-left:0 !important;
	padding-left:0 !important;
	width: auto;
	max-width: 100% !important;
}

.environmentheading{
	margin-top: -13px !important;
}

.template15group > figure{
	padding:0 !important;
}







.textcontent > div {

    margin-top: 0 !important;

}

.footerspanwidth{
	margin-bottom:20px;
}


main{
	margin-top: 0px;
}

.blogbreadcrumb {
	margin-top: 80px;

}

.pac-container{
	width:79% !important;
}


.cookiesdiv div > span > a{
	/* display:block !important; */
}

.playbutton-smallvideos{
	    max-width:12% !important;
}
	
.productright{
	width:100%;
}

.bannerfulldiv-category .buttons a,.environmentheading .buttons a{
	float:none !important;
	display: block;
	margin: 0 auto !important;
	margin-bottom: 20px !important;
	clear:both;

}

.environmentheading h1{
	margin-bottom:20px;
}

.environmentheading .buttons a{
	padding: 4% 10px 4% 48px !important
}
.selection-popup img{
	width:100% !important;
}
.selection-popup{
	width: 90%;
	top: 100px;
}
.template3wrapper h1{
	width: 100%;
	word-wrap: break-word;
}

.template6wrapper > div > p{
	 width: 100%;
	clear: both;
}

.template6wrapper > div > img{
	float:unset;
	padding:0 0 20px 0 !important;
	text-align: center;
    width: 100%;

}
	.locationdiv > a,.worldlocations-left,.locations-right, .worldlocations-right,.linkdiv .uk-left{
		width:100% !important;
	}

.proceedcheckout{
	padding-left: 34px;
}



.linkdiv{
	display:unset;
}
	
	.reorderbutton {
		 width: 77%;
	}

.usermanual div div div{
	float:unset;
	width:100%;
}

	.thankyou-cart .products strong img{
		display:none;
	}

.billingaddress,.deliveryaddress{
		width:100%;
		text-align:left;
		padding: 0 10px;

	}

	.thankyou-cart .products strong{
		text-align:left;
	}
	
	.cooling-calculator, .heating-calculator{
		padding: 15px;
		width:100%
	}


	.cooling-calculator figure, .heating-calculator figure{
		text-align:center;
	}

.calculator-container{
	display:block;
}



.heating-calculator {
	margin-top:20px;
}

.heating-calculator{
	margin-left:0;
}



	
	.jobdetails h1::after, .locations h1::after, .basket-container h1::after, .jobdetail-container h1::after, .calculator h1::after,.usermanual h1::after, .locationss h1::after,.youmightconsider > h2::after,.calculator h1:after{
	width: 20%;
	left: 35%;
}
	
	.jobs-new hgroup{
		width: 100%;
		padding-left:0;
	}

.jobs-new table{
	width: 100%;
	margin: 20px 0;
}

.jobs-new table tbody tr {
	width: 100%;

}
	
	
	.content > div > div{
		width:100%;
	}

.contact-articles > article > p{
	width: 80%;
}

.searchdiv select, .uk-left select{
	width: 100%;
	margin-bottom: 20px;
}

.searchdiv button{
		width: 100%;
}


.content div p img{
	width: 100%;
	max-width:100%;
}
	.content > div > div:last-of-type{
		padding-left:0;
	}
	.calltoaction {
		overflow: hidden;
		width: 100%;

	}

	.calltoaction em{
		display: block;
		width: 100%;
		padding: 10px 0;
		padding-left: 10px;
	}
	.perunit{
		padding-bottom:10px !important;
		display: block;
		width: 100%;
		padding-left: 10px !important;
	}



	.calltoaction {
		margin: 20px 0;

	}

.productcontainer .productdetail{
	padding-bottom:0;
}

	.perunit{
		padding-left:0;
	}


		
		.filterby{
			text-align:center;
		}

	.filterby select{
		width: 65%;
		padding-left: 2px;
		padding-right: 60px;
		text-overflow: ellipsis;
		box-sizing:border-box;
		margin-left: 21px;
		display: block;
		margin: 10px auto 0 auto;
	}

.sales-list article{
	width:100% !important;
	margin-bottom: 20px;
}
	
	.searchresultsdiv{
		margin:0 !important;
		}
	
	.ourrange article{
		width:100%;
	}

.bannerfulldiv-category h1,.productdetail h1{
	text-align:center;
	margin: 25px 0;
	padding:0 0 20px 0 !important;
}

.productcontainer > div{
	padding-top:0;
	padding-bottom:0;
}

	.sliderinfo h1:after,.sliderinfo strong:after,.productdetail h1:after{
		left:37%;
		width:18%;
	}

	.guidescontainer div article,.ourblog article,.videoleftdiv,.videorightdiv,.jointeam{
		width: 100% !important;
	}

	.jointeam a{
		left: 18%;
	}


.videorightdiv img{
		max-width:100%;
	}

	

	

	#map{
		 margin-top: 35px;
	}

	.globalsites figcaption{
		display: block;
		padding-bottom: 20px;
	}

	.joinourteam figure{
		display:none;
	}

	

.jointeam{
	margin: 5px 0 0 0;
}

.jointeam h2::after{
	left: 35%;
}

.joinourteam h2{
	text-align: center;
}


.guidescontainer > div > h2{
	margin: 0 auto 15px 0;
}

.guidescontainer{
	margin-top:0;
}





.bannerfulldiv-category h1, .productdetail h1, .searchresultsdiv hgroup{
	width:100%;
}

.bannerfulldiv-category .buttons a,.searchresultsdiv .buttons a{
	margin-bottom:17px;
	margin-top:17px;
	width:100% !important;
	/*padding: 3% 0 !important;*/
}

.about ul{
	width: 100%;
	margin:unset !important;
}

.about ul li{
	padding-left:0 !important;
	padding-bottom: 30px;
	width:100%;
	margin-top: 5px;
}


.about ul li:nth-of-type(3n){
	padding-right:unset !important;
	width:100% !important;
}

.faq h3{
	padding: 5% 4%;
}

.footerpromotions article{
	width:100%;
	margin-top:15px !important;
	padding:0 !important;
}

.footerpromotions article img, .productpromotions article img{
	width: 100%;
}

.footerpromotions{
	display:block;
	padding-top:10px;
}

.productpromotions article:nth-of-type(6n){
    margin:10px auto !important;
}

.productpromotions article:nth-of-type(3n){
	padding-right:10px !important;
}

.ourrange h2::after, .guidescontainer > div > h2::after, .ourblog h2::after, .aboutandrews h2::after, .about h2::after, .ourservice h2::after, .faq h2::after, .worldwideservice h2::after, .videoleftdiv h2::after, .jointeam h2::after, .whatcustomersay h2::after, .environmentrange h2::after, .searchresultsdiv hgroup::after,#template18 #t4 h2:after{
	width: 20%;
	left:40%;
}

.subcatproducts article{
	width:48%;
}

.subcatproducts article:nth-of-type(2n+1){
		clear:both;
}

.similarproducts article:nth-of-type(2n+1){
		clear:unset !important;
}

.subcatproducts article:nth-of-type(3n) {
    margin-right:2%;
}

.bannerfulldiv-category h1::after{
	left: 40%;
	width: 20%;
}

.subcatproducts article a{
	text-align: center;
}

.subcontent ul{
	width: 100%;
	padding-left: 20px;
}

.subcontent .paracontent{
	width: 100%;
	padding-top: 20px;
}

.productdetail{
	width:100%;
	padding-bottom:50px;
}

.featuresdiv,.productdetailscontainer div{
	width: 100%;
}

.divcontent > div > figure{
	width: 100%;
}

.divcontent .tabtext{
	padding-left:0;
	overflow:unset;
	clear: both;
	padding-top: 20px;
	padding-right:0 !important;

}


.casestudy > div{
	width:100%;
	padding-right:0;
	padding-bottom: 35px;
}

.casestudy div:nth-of-type(2n){
	padding-left: 0;
}

.casestudy figure{
	padding-left:0;
	float:unset;
	text-align:center
}

.searchresultsdiv hgroup *{
	text-align: center;
}

#searchresults .catrange,#searchresults .catrange article,#searchresults .search-right{
	width:100%;
}



.aboutandrewsgroup > figure{
	float: unset;
	padding:unset;
	text-align: center;
}


.depot-content{
	padding-top: 10px;
	padding-bottom:0;
}

.depotleft, .depotright{
	width: 100%;
}

.depotright{
	padding:0 !important;
}


.homevideos{
	padding-top: 0 !important;
}




.videoleftdiv p, .joinourteam p{
	padding:0 0 15px 0;
	text-align: center;
}

.videorightdiv{
	padding-top: 20px;
}

.smallvideos.homevideos{
	padding-top:30px !important;
	height: unset !important;
}

.smallvideos.homevideos div div{
	padding: 15px 0 !important;
}

.smallvideos div {
    width: 100% !important;
}

.smallvideos.homevideos div div:first-of-type{
	border-left:unset;
}

.smallvideos.homevideos div div:last-of-type {
	border-right:0;

}

.smallvideos.homevideos div div img{
	width: 80%;
	display: block;
	margin: 0 auto;
	height:auto;
}

.smallvideos.homevideos div div{
	border:0;
}

.joinourteam h2,.videoleftdiv h2{
	text-align:center;
	margin: 35px 0;
	padding: 20px 0;
}

.bannerfulldiv-category .buttons a, .searchresultsdiv .buttons a{
	margin:0 0 17px 0;
}

.contact{
	margin-right:10px;
}

.videoleftdiv a{
	text-align: center;
	display: block;
}

.videoleftdiv a img{
	display: inline;
}

.productpromotions article {
    cursor: pointer;
    width: 70%;
    margin: 10px auto;
	float:unset;
	padding-bottom:0;
}

.productpromotions{
	display:block;
	padding-top: 30px;
	padding-bottom: 30px;

}

 .searchresultsdiv hgroup{
	margin:30px 0;
 }

 .searchresultsdiv hgroup h2{
	padding: 10px 0;
 }

 .basket-container{
	padding-top:0;
 }

.basket-container h1,.basket-container > figure{
	width: 100%;
	margin:15px 0;
	padding: 10px 0;
	text-align: center;
}

.basket-container h1::after {
    width: 20%;
    left: 38%;
}

.basket-container > figure{
	padding-bottom: 20px;
	width: 100%;
}

.basket-wrapper{
	display:block;
}

.column-labels{
	padding-top:10px;
}



.shopping-cart{
	width: 100%;
	padding: 10px 0;
	margin-bottom: 20px;
}

.shopping-cart strong {
   width: 25% !important;
    padding: 0 10px;
    box-sizing: border-box;

}

.products .product-detail {
    padding: 12px 10px !important;
}

.product-detail img {
    display: none;
}

.products .unitprice, .products .product-total,.thankyou-cart .products .unitprice, .thankyou-cart .products .product-total {
    padding: 12px 10px;
}

.products .product-quantity,.thankyou-cart .products .product-quantity{
	padding: 9px 10px;
}

.product-quantity input{
	height:unset;
}
.basket-close{
	display:none;
}
.mobile-close{
	display:inline-block;
}

.product-quantity input{
	margin-right: 5%;
}

.voucher{
	position: relative;
	bottom: unset;
	padding-top:20px;
	overflow: hidden;
}

.voucher > form {

    width: 46%;
    float: left;
    margin: 0 2%;

}

.voucher input {
	 padding: 10px 5px;
    box-sizing: border-box;
    display: block;
    width: 100%;
	margin-bottom: 10px;

}

.voucher .viewdetail {
	margin-left: 0;
}

.voucher .updatebasket {
	
    width: 46%;
    margin: 0 2%;
    position: absolute;
    bottom: 0;

}


.checkout-left legend{
	padding: 10px 0 20px 0;
}


.address label{
	width: 93% !important;
}



.checkout-left form label{
	width: 100%;
}

.threelabels label,.twolabels label{
	padding-right:0;
	width: 100% !important;
}

.ordersummary{
	margin-left:0;
	padding: 10px;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 135px;
}

.total:last-of-type{
	border-bottom:0;
}

.ordersummary h2{
	padding: 10px 0 20px 0;
}

.checkoutdiv{
	bottom: 29px;
	width: 94%;
}

.aboutcontainer h1{
	text-align:center;

}

.aboutcontainer h1::after{
	left:40%;
	width: 20%;
}
.aboutcontainer h2{
	padding: 20px 0;
}

.aboutandrewsgroup p{
	padding-bottom:0;
}

}

@media screen and (max-width:1023px),  screen and (max-width:3069px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:3069px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:3069px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:3069px) and (min-device-pixel-ratio: 3){

.service24 div img{
	margin-bottom: 20px;
	margin-right: 1%;
}



.sliderwrapper{
	height:auto;
}

.slider {
	display: none;
}


.slider:first-of-type {
	display: block !important;
}


.sliderwrapper > div:first-of-type{
	z-index: -9;
	position: relative;
}

.slidertext{
	position:initial;
	top:unset;
	background-color:#004A93 !important;
}

.sliderinfo h1:after,.sliderinfo strong:after{
	content: '';
	width:15%;
	position: absolute;
	left:43%;
	bottom: 1px;
	border-width: 0 0 3px;
	border-style: solid;
	color: #e5b02f;
}

.sliderinfo div{
	width:100% !important;
	position: relative !important;
	top:unset !important;
	right:unset !important;
	bottom:unset !important;
	left:unset !important;
}

.sliderinfo h1,.sliderinfo strong{
	text-shadow:unset !important;
	font-family: "oswald",sans-serif !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	font-size:32px !important;
	text-align:center !important;
	padding:20px 0 !important;
	display: block !important;
	font-display: swap;
}




.slider > img, .slider > a > img{
	min-height: 0 !important;
	display: none;
}

/*
.sliderinfo figure,.sliderinfo h1 br,.sliderinfo strong br{
	display:none;
}*/



.sliderinfo{
	position:unset !important;
}

.sliderinfo{
	float:unset;
	height:auto;
	width:100% !important;
	padding: 20px 0 90px 0 !important;
}

.sliderform{
	position: relative !important;
	top: unset !important;
	z-index: 0 !important;
	margin-top: -30px !important;
	width: 90% !important;
	background-color: #004A93 !important;
	padding-right: 20px !important;
	padding-left: 20px;
	padding-bottom: 25px;
	left: 0 !important;
}

.sliderform form{
	width:100% !important;
	margin-top:0 !important;
	border-radius: 5px;
}

.sliderform form .radiolabel, .sliderform form .radiolabellink {
    text-transform: none;
    color: #0B2749;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Arimo', sans-serif;
}
.sliderform form .selectdiv label {
    display: block;
    color: #0B2749;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
	font-family: 'Arimo', sans-serif;
}
.sliderform form .selectdiv select, .sliderform form .selectdiv input {
	color: #0B2749;
    font-size: 16px;
    font-weight: 400;
	font-family: 'Arimo', sans-serif;
	border: 1px solid #0B274980;
    border-radius: 5px;
}

}


@media screen and (max-width:1023px),  screen and (max-width:3069px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:3069px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:3069px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:3069px) and (min-device-pixel-ratio: 3){


.textcontent > div{
	margin-top:0 !important;
}

.timelinediv iframe{
	width: 70%;
}

.sykes-160years img{
	max-width:100% !important;
}

.presscuttingsdiv figure {

    width: 46%;
    

}

.sponsorshipdiv div{
	width: 47%;
	margin-right:0;
}

.sponsorshipdiv div:nth-of-type(3n+1){
	clear:none;
}

.logowrapper figure a img{
	max-width:100%;
}

.content h2.h3active {
	background-color: #408edf !important;
	color:#ffffff !important;
	cursor: pointer !important;

}

.template6wrapper div figure img{
	max-width: 100%;
}

.template16wrapper article{
	width:48%;
}

.template16wrapper article:nth-of-type(2n){
	margin-right: 0;
}
.template16wrapper article:nth-of-type(3n){
	margin-right: 2%;
}

.environmentheading > div{
	background:none;
	padding:0;
}


.template15group > div{
	padding-left:0 !important;
}

.template15group > div h2{
	padding: 20px 0;
}



.environmentheading{
	margin-bottom: 0 !important;
}

.environmentheading{
	margin-top: 30px !important;
}



.germannav > div {

    width: 100% !important;

}

.divcontent > div > figure{
	display:none;
}

.environmenttabs .divcontent{
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.environmentheading{
	/*position:unset !important;
	background:unset !important;*/
	
}

.environmenttabs .divcontent{
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.environmentheading h1,.environmentheading h2{
	color: #203f70 !important;
	width: 60% !important;
}

.environmentheading hgroup h1{
	width:100% !important;
}

.environmentheading hgroup{
	padding-bottom: 20px;
}

.environmentheading h1{
	margin-bottom:20px;
}

/*.environmentheading a{
	padding:2% 0;
	float:left;
}*/

.guidescontainer div article h3{
		font-size: 14px;
	}

/*.ourblog article:first-of-type{
	margin-right: 20px;
	width: 46%;
	float: left;
}*/
.ourblog article figure {
	height:auto;
}

.ourblog article:nth-of-type(3n){
	clear:both;
}

 .guidescontainer div article h2{
	font-size: 21px;
 }

.guidescontainer div article a, .menupromotions article div span{
	font-size: 9px;
}

.footerpromotions article strong, .productpromotions article strong{
	font-size: 15px;
}

.catrange article {
	min-height: 450px !important;
}

#environmentpage .catrange article{
	min-height: 380px !important;
}

	.sitemap ul{
		column-count:2;
		-moz-column-count:2;
		-webkit-column-count:2;
		-ms-column-count:2;
	}



	.montageimage{
		max-height:205px;
	}

	.sliderinfo figure{
		height: 205px;
	}
}

@media screen and (max-width:736px),  screen and (max-width:2208px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:2208px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:2208px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:2208px) and (min-device-pixel-ratio: 3){
	.montageimage{
		max-height:196px;
	}

	.sliderinfo figure{
		height: 196px;
	}
}

@media screen and (max-width:734px),  screen and (max-width:2202px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:2202px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:2202px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:2202px) and (min-device-pixel-ratio: 3){
	.montageimage{
		max-height:195px;
	}

	.sliderinfo figure{
		height: 195px;
	}
}

@media screen and (max-width:684px),  screen and (max-width:2052px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:2052px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:2052px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:2052px) and (min-device-pixel-ratio: 3){
	.montageimage{
		max-height:182px;
	}

	.sliderinfo figure{
		height: 182px;
	}
}

@media screen and (max-width:667px),  screen and (max-width:2001px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:2001px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:2001px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:2001px) and (min-device-pixel-ratio: 3){
	.montageimage{
		max-height:177px;
	}

	.sliderinfo figure{
		height: 177px;
	}
}

@media screen and (max-width:414px),  screen and (max-width:1242px) and (-webkit-min-device-pixel-ratio: 3),
screen and (max-width:1242px) and (min--moz-device-pixel-ratio: 3),
screen and (max-width:1242px) and (-o-min-device-pixel-ratio: 3/1),
screen and (max-width:1242px) and (min-device-pixel-ratio: 3){

.smallvideos.homevideos div div:hover > p{
	left:10% !important;
	right:10% !important;
	height:75% !important;

}

.template7 .aboutandrewsgroup p{
	padding-bottom: 20px !important;
}

.template7 .aboutandrewsgroup p:last-of-type{
	padding-bottom:0 !important;
}

.logowrapper figure{
	width:100% !important;
}

.template6wrapper div img{
	float:left;

}



.content h2.h3active {
	background-color: #408edf !important;
	color:#ffffff !important;
	cursor: pointer !important;

}

.media-contactmain div figure{
	width:100% !important;
	text-align:center;
}

.aboutcontainer .aboutusgroup {

    padding-top: 40px !important;

}

.accredationstop div, .accredationsbottom div{
	width:100% !important;
}

.environmentheading h1{
	width:100% !important;
}

.template15group > figure,.template15group > div,.bottomtext-left, .bottomtext-right,.whatcustomersay h2,.feeforesp{
	width:100%; 
}

.whatcustomersay h2{
	margin-bottom:20px;
}

	.about div ul li{
		padding-left: 15px !important;
	}

	.footermiddlediv > div span{
		width: 100% !important;
		margin-left:0 !important;
	}

	.montageimage{
		max-height:108px;
	}

	.sliderinfo figure{
		height: 108px;
	}
}

@media screen and (max-width:412px){
	.montageimage{
		max-height:107px;
	}

	.sliderinfo figure{
		height: 107px;
	}
}

@media screen and (max-width:375px){
	.montageimage{
		max-height:97px;
	}

	.sliderinfo figure{
		height: 97px;
	}
}

@media screen and (max-width:320px){
	.montageimage{
		max-height:87px;
	}

	.sliderinfo figure{
		height: 87px;
	}
}

.salesmoreinfo{
	background:none;
	background-color:#52a6ff;
	width:40%;
	margin:0 auto;
	margin-bottom:15px;
	border-radius:5px;
	color:#fff;
	padding:10px
}

.salesh3{
	background:none !important;
	background-color:#d6d6d6 !important;
	color:#928f8f !important;
}

.aboutcontainer h2.marginbottom{
	margin-bottom:10px !important;
}
.viewcasestudy {
	background: #ffc434;
    padding: 12px 0 12px 0;
    color: #203f70;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
    box-sizing: border-box;
    position: relative;  max-width: 200px;
}
.ourblog.categoryCaseStudies {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 70px;
    /* column-gap: 20px; */
    gap: 20px;

}
.ourblog.categoryCaseStudies article {
	width: 49%;
    float: left;
    background: #ffffff;
    box-sizing: border-box;
    padding-bottom: 0px;
    border: 1px solid #ebecec;
    border-radius: 2px;
    position: relative;
    display: flex;
    align-items: center;
}
.ourblog.categoryCaseStudies article figure { height: 160px;}
.ourblog.categoryCaseStudies article h3 {
    font-family: 'Arimo', sans-serif;
    color: #203f70;
    text-transform: none;
    font-size: 18px;
    line-height: 26px;
    padding: 0px;
    font-weight: 600;     
}
.ourblog.categoryCaseStudies article h3 a {
    text-decoration: none;
    color: #203f70;
    font-family: 'Arimo', sans-serif; font-size: 18px;
}
.ourblog.categoryCaseStudies article figure img {
    max-width: 240px; height:100%;
    max-height: 160px; aspect-ratio: 2 / 1;  object-fit: cover;
}
.caseStudyContent {
	padding: 5px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.productdetail p.despatch-sec {padding-bottom: 2.5%;
    color: #1D325C;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Arimo', sans-serif;
    letter-spacing: 0.5px;}
.productdetail p.despatch-sec > span {margin-left:8px;}
.productdetailscontainer.white-bg { background: #fff; border-top: 1px solid #EBECEC;}
.key-featuresdiv {}
.productdetailscontainer div.key-featuresdiv h2 {color: #3D85D5;}
ul.keyfeatureslist {display: flex; flex-wrap: wrap; gap: 30px;}
ul.keyfeatureslist li { display: flex; flex-direction: column; flex: 0 0 23%; }
ul.keyfeatureslist li span:first-child {padding-bottom: 2%; color: #1D325C; font-size: 15px; font-weight: 700; font-family: 'Arimo', sans-serif; letter-spacing: 0.5px;}
ul.keyfeatureslist li span {color: #1D325C; font-size: 14px; font-weight: 400; font-family: 'Arimo', sans-serif; letter-spacing: 0.5px;}
.productpromotions article.buttonStyles a { font-weight:500; justify-content: center; display: flex; align-items: center; column-gap: 8px; border: 1px solid #32448599; padding: 5px 20px; border-radius: 4px;}
.productpromotions article {width:100%;}
.productpromotions article.buttonStyles a img {width:48px;}
.productpromotions article.buttonStyles a:hover {background: #F4F4F4;}
.productpromotions {column-gap: 30px;}
.area-page .template15maindiv > div.text4 { background: #004A93 !important; padding-top:90px; }
.area-page .template15maindiv > div.text5 { background: rgb(0 74 147 / 0.9); }
.area-page .template15maindiv > div.text5 .flex {display: flex; color: #fff; align-items: center; column-gap: 30px;}
.area-page .template15maindiv > div.text5 .flex h3 {color: #fff; font-size: 24px; font-weight:600; line-height:26px; text-transform: uppercase; margin-bottom:20px;}
.area-page .template15maindiv > div.text5 .flex div p {color: #fff; font-size: 17px !important;
    font-family: 'Arimo', sans-serif;
    line-height: 24px;}
.area-page .template15maindiv > div.text4 h2 { width: auto;
    line-height: 40px;
    padding: 0;
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 20px;
    font-weight: 600;
    max-width: 550px; position: relative;
}
.area-page .template15maindiv > div.text4 h2:after {
	content: '';
    width: 70px;
    position: absolute;
    left: 0;
    bottom: 1px;
    border-width: 0 0 3px;
    border-style: solid;
    color: #e5b02f;
}
.area-page .flex-ul {display: flex;
    flex-wrap: wrap;
    row-gap: 35px;
    column-gap: 60px;
    margin-top: 30px;}
.area-page .flex-ul li img {height: 48px; width: 48px;}
.area-page .flex-ul li {display: flex; column-gap: 20px; flex: 0 1 47%; color: #fff !important;
    font-size: 16px !important;
    font-family: 'Arimo', sans-serif;
    line-height: 22px; font-weight:400;}
.area-page .template15group .flex-ul li strong {color: #fff !important;
		font-size: 16px !important;
		font-family: 'Arimo', sans-serif;
		line-height: 22px; font-weight:700;float: left;
		margin-bottom: 8px;
		width: 100%;
}
.area-page {padding-bottom:35px;}
.area-page h3.faqTitle {    font-family: 'oswald', sans-serif;
    color: #203f70;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0.5px;
    padding: 15px 0 20px 0;
    text-decoration: none;
    display: block;
    position: relative;
    text-align: center;
	margin-bottom: 35px;}
.area-page .ourrange h2 {padding-bottom:20px;}
.area-page h3.faqTitle:after {content: '';
    width: 70px;
    position: absolute;
    left: 47%;
    bottom: 1px;
    border-width: 0 0 3px;
    border-style: solid;
    color: #e5b02f;}
.area-page .bannerfulldiv-category h1 {color: #fff; font-size: 62px; max-width: 535px; float: none;}
.area-page .banner-flex-ul {display: flex; list-style: none; margin: 30px 0 0 0; padding: 0; max-width: 480px; justify-content: space-between;}
.area-page .banner-usp {display: flex; list-style: none; margin: 30px 0 0 0; padding: 0; max-width: 480px; justify-content: space-between;color: #fff; }
.area-page .banner-flex-ul li {display: flex; flex-direction: column; color: #fff; row-gap: 12px; font-weight: 600; line-height: 20px; font-size: 16px; }
.sliderform.areaPage.categorybanner form {margin-top:0px !important;}
.area-page .bannerfulldiv-category.top-sec {display: flex; align-items: center; justify-content: space-between;}
.area-page form#search {  box-shadow: none; }
.area-page .bannerfulldiv-category .sliderform {position: relative !important;  left: 0 !important;}
.area-page .template15group .flex-ul li a {color: #fff; font-size: 15px;}
.area-page .bannerfulldiv-category h1::after {border-width:0px !important;}
.dehumidifier-hire .slider[data-id="slider0"] .sliderinfo > div > strong {  font-family: "oswald", sans-serif !important; text-transform: uppercase; }
.footermiddlediv figure img { width:42px; }
.guidescontainer .download-section {display: none;}

@media screen and (min-width:769px){
	.joinourteam .jointeam h2::after, .jointeam h2:after {left:0 !important;}
	.dehumidifier-hire .slider[data-id="slider0"] .sliderinfo > div > strong,
	.boiler-hire .slider[data-id="slider0"] .sliderinfo > div > strong,
	.heater-hire .slider[data-id="slider0"] .sliderinfo > div > strong,
	.slider[data-id="slider0"][data-bannerid="129"] .sliderinfo h1, 
	.sliderinfo h1, 
	.slider[data-id="slider0"][data-bannerid="723"] .sliderinfo > div > strong,
	.slider[data-bannerid="721"] .sliderinfo > div > strong,
	.slider[data-bannerid="724"] .sliderinfo > div > strong,
	.slider[data-bannerid="725"] .sliderinfo > div > strong,
	.slider[data-bannerid="726"] .sliderinfo > div > strong,
	.slider[data-bannerid="856"] .sliderinfo > div > strong,
	.slider[data-id="slider1"][data-bannerid="128"] .sliderinfo > div > strong,
	.slider[data-id="slider2"][data-bannerid="214"] .sliderinfo > div > strong,
	.slider[data-id="slider3"][data-bannerid="1578"] .sliderinfo > div > strong,
	.slider[data-id="slider4"][data-bannerid="852"] .sliderinfo > div > strong,
	.category_28 .slider .sliderinfo > div > strong {  font-family: "oswald", sans-serif !important; text-transform: uppercase; padding-bottom:20px; float:left;  }
	
	.dehumidifier-hire .slider[data-id="slider0"] .sliderinfo > div > strong:after, 
	.boiler-hire .slider[data-id="slider0"] .sliderinfo > div > strong:after, 
	.heater-hire .slider[data-id="slider0"] .sliderinfo > div > strong:after, 
	.slider[data-id="slider0"][data-bannerid="129"] .sliderinfo h1:after, .sliderinfo h1:after,
	.slider[data-id="slider0"][data-bannerid="723"] .sliderinfo > div > strong:after,
	.slider[data-bannerid="721"] .sliderinfo > div > strong:after,
	.slider[data-bannerid="724"] .sliderinfo > div > strong:after,
	.slider[data-bannerid="725"] .sliderinfo > div > strong:after,
	.slider[data-bannerid="726"] .sliderinfo > div > strong:after,
	.slider[data-bannerid="856"] .sliderinfo > div > strong:after,
	.slider[data-id="slider1"][data-bannerid="128"] .sliderinfo > div > strong:after,
	.slider[data-id="slider2"][data-bannerid="214"] .sliderinfo > div > strong:after,
	.slider[data-id="slider3"][data-bannerid="1578"] .sliderinfo > div > strong:after,
	.slider[data-id="slider4"][data-bannerid="852"] .sliderinfo > div > strong:after,
	.category_28 .slider .sliderinfo > div > strong:after {
		content: '';
		width: 70px;
		position: absolute;
		left: 0;
		bottom: 1px;
		border-width: 0 0 3px;
		border-style: solid;
		color: #e5b02f;
	}
	.category_28 .slider .montagefigure, 
	.slider[data-bannerid="856"] .montagefigure,
	.slider[data-bannerid="724"] .montagefigure,
	.slider[data-bannerid="725"] .montagefigure,
	.slider[data-bannerid="723"] .montagefigure {min-width:45%;}
}
@media screen and (min-width:601px){
	#sales .subcatproducts article { width: 21%; }
.usp-on-mobile {display: none;}
.mob-sticky { position: sticky; top: 0; z-index: 9999;  background: #fff;  width: 100%; }
.subcatproducts.similarproducts article > a {display: none;}
.sub_cat_28 .hide-on-desktop, .category_28 .hide-on-desktop, .home_cat_28 .hide-on-desktop {display: none;}
.show-on-mobile-only {display: none;}
.despatch-sec {margin-bottom:15px; color: #127742; /* font-size: 13px; */font-weight: 600;}
.despatch-sec span {margin-left: 40px;}
.ring-container {
    position: relative;
}

.circle {
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 8px;
}

.ringring {
    border: 3px solid #62bd19;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 0px;
    top: -5px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
}
@media screen and (min-width:100px) and (max-width:370px) {
.despatch-sec span {margin-left: 50px !important;}
.ring-container {margin-left:-10px;}
}
@media screen and (min-width:371px) and (max-width:400px){
	.despatch-sec span {margin-left: 35px !important;}
	.ring-container {margin-left:-5px;}
	}
@media screen and (min-width:401px) and (max-width:570px){
	.despatch-sec span {margin-left: 0px;} .sliderform {width:91% !important;}
	}
@media screen and (min-width:431px) and (max-width:580px){
		.despatch-sec span {margin-left: 0px;}
		.ourrange.catrange article { width: 100%; min-height: 430px !important; }
		.sliderform {width: 93% !important;}
		.bannerfulldiv-category h1, .productdetail h1 {
			margin: 25px 0;
			padding: 0 0 20px 0 !important;
		}
		body.sub_cat_28 .bannerfulldiv-category h1, .productdetail h1 { text-align: center; }
		body.sub_cat_28 .subcontent .paracontent, body.sub_cat_28 .subcontent ul {width: 100%;}
		body.sub_cat_28 .subcontent ul li {margin-bottom:8px;}
	.homevideos .videoleftdiv, .homevideos .videorightdiv {width:100%;}
	.show-on-mobile-only .productright, .product-detail-page .productdetail {width:100%;}
	.pro_28 article.buttonStyles a {width:93% !important;}
	.product-detail-page .productdetail h1::after, .sub-cat .bannerfulldiv-category h1::after {left:40%;}
	.ringring {left:96px !important;} .circle {left: 105px !important;}
	.globalsites { display: flex;align-items: baseline;margin-top: 10px;justify-content: center;}
	.joinourteam .jointeam, .joinourteam figure {width:100%;}
	.jointeam h2 { text-align: center; }
	.joinourteam figure img {max-width:100%;}
}
@media screen and (max-width:600px){
	.userguides_24.guidescontainer div.ourblog article a, .userguides_24.guidescontainer div.ourblog article p a {
		font-size: 13px; position: inherit; }
		.userguides_24.guidescontainer div.ourblog article a { width: 80%;margin-left: 0px;margin-top: 20px; position: inherit !important;}

	.ourblog article {padding-bottom:5px;}
	.area-page h3.faqTitle:after {left:40%;}
	.ourblog.categoryCaseStudies article {flex-direction: column; border: 1px solid #004A9333; border-radius: 5px;}
	.ourblog.categoryCaseStudies article figure { height: 240px; width:100%; }
	.ourblog.categoryCaseStudies article figure img {max-width: 100%; max-height: 175px; height: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 5px 5px 0 0;	}
	.productdetail p.despatch-sec { padding-bottom: 0px; color: #1D325C; font-size: 15px;font-weight: 700; font-family: 'Arimo', sans-serif; letter-spacing: 0.5px; text-align: center; margin-top: 20px; }
	ul.keyfeatureslist {flex-direction: column;}
	.productpromotionscontainer .productpromotions article {width:100%;}
	.productpromotions article.buttonStyles a img, .pro_28 article.buttonStyles a img {width:32px;}
	.productpromotions article.buttonStyles a .darkblue, .pro_28 article.buttonStyles a .darkblue {color: #fff !important;}
	.productpromotions article.buttonStyles a {flex-direction: row;
        padding: 10px 15px;
        width: 94%;
        font-weight: 700;
        justify-content: center;
        display: flex;
        align-items: center;
        column-gap: 8px;
        border: 1px solid #004A93;
        /* padding: 5px 20px; */
        border-radius: 5px;
        background: #004A93;
        font-size: 14px;}
		.pro_28 .productpromotionscontainer {background: #f2f2f2;} /*.pro_28 .productdetailscontainer*/
		.pro_28 .youmightconsider {	background: #f2f2f2;margin-top: 0;}
		.pro_28 .youmightconsider h2 {
			font-family: 'oswald', sans-serif;
			text-align: center;
			padding-bottom: 25px;
			margin-bottom: 5%;
			text-transform: uppercase;
			color: #273A67;
			font-weight: 600;
			font-size: 24px;
			position: relative;
			width: 100%;
			letter-spacing: 0.5px;
		}
		.pro_28 .similarproducts article h3 { margin-bottom:25px;}
		.pro_28 .subcatproducts.similarproducts article {border-radius: 5px;}
		.pro_28 .flex-control-paging li a { background: #D9D9D9; box-shadow: none; width:9px; height:9px;}
		.pro_28 .flex-control-paging li a.flex-active {	background: #004A93; }
		.pro_28 .productdetailscontainer div {padding-bottom:0px;}
		.pro_28 .productdetailscontainer.white-bg div {padding-bottom:12px !important;}
		.pro_28 article.buttonStyles a {flex-direction: row;
			padding: 10px 15px;
			width: 91%;
			font-weight: 700;
			justify-content: center;
			display: flex;
			align-items: center;
			column-gap: 8px;
			border: 1px solid #004A93;
			/* padding: 5px 20px; */
			border-radius: 5px;
			background: #004A93;
			font-size: 14px; text-decoration: none;}
	.globalCtaSection .bannerfulldiv-category h2, .bannerfulldiv-category.popularProduct h2, .popularProduct h2 {font-size:22px; padding-bottom: 20px; }
	.flex.content-sec {flex-direction: column;}
	.template15group .mt-100 .left-cont h2, .template15group .mt-100 .left-cont h3, .area-page .template15maindiv > div.text4 h2 {font-size:25px;}
	.area-page .flex-ul li {flex: 1 1 100%;}
	.area-page .template15maindiv > div.text5 .flex {flex-direction: column; }
	.area-page .template15maindiv > div.text5 .flex h3 {margin-top:15px; text-align: center;}
	.area-page .template15maindiv > div.text5 .flex div p {text-align: center;}
	.area-page .bannerfulldiv-category h1 {color: #fff;font-size: 35px; text-align: left; }
	.area-page .bannerfulldiv-category.top-sec {flex-direction: column;}
	.area-page .bannerfulldiv-category .sliderform {position: relative !important;left: 0 !important;margin-top: 40px !important;}
	.dehumidifier-hire .sliderinfo .montagefigure,
	.heater-hire .sliderinfo .montagefigure,
	.boiler-hire .sliderinfo .montagefigure,
	.slider[data-id="slider0"][data-bannerid="129"] .sliderinfo .montagefigure,
	.slider[data-id="slider1"][data-bannerid="128"] .sliderinfo .montagefigure,
	.slider[data-id="slider2"][data-bannerid="214"] .sliderinfo .montagefigure,
	.slider[data-id="slider0"][data-bannerid="723"] .sliderinfo .montagefigure,
	.slider[data-bannerid="721"] .sliderinfo .montagefigure,
	.slider[data-bannerid="724"] .sliderinfo .montagefigure,
	.slider[data-bannerid="725"] .sliderinfo .montagefigure,
	.slider[data-bannerid="856"] .sliderinfo .montagefigure,
	.slider[data-id="slider3"][data-bannerid="1578"] .sliderinfo .montagefigure,
	.slider[data-id="slider4"][data-bannerid="852"] .sliderinfo .montagefigure,
	.category_28 .slider .sliderinfo .montagefigure {
		display: block !important;
		position: relative !important;
		max-width: 80%;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 90px;
	}
	#searchresults .environmentsrange { width: 100%; }
	#searchresults .subcatproducts article {width: 48%;}
	#main_body form ul {width: 100% !important;}
	#cboxClose {top:0 !important;}
	.bannerfulldiv-category .buttons {width:100%;}
	header .headertop figure a img{	max-width:90%;max-height:53px;}

	.sliderform .selectdiv button, .sliderform .search-submit {
		padding-left: 30px;
		padding-right: 30px;
		height:56px;
		background: #E2AE30;
		text-transform: capitalize;
        padding: 16px 32px;
	}
	.sliderform .selectdiv .fa-search {display: none;}
	.sliderform .selectdiv label select, .sliderform .searchdiv select, .sliderform .uk-left select {
		/* background: url(/images/select.svg) no-repeat right; */
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(153, 153, 153, 0.2) 100%), url(/images/select.svg);
		background-position-x: 96%;
		cursor: pointer;
		background-blend-mode: overlay;
	}
	.sliderform #citypostcode {
		/* background: url(/images/input.svg) no-repeat right; */
		background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(153, 153, 153, 0.2) 100%), url(/images/input.svg);
		background-position-x: 96%;
		background-blend-mode: overlay;
	}
	 .ourrange article { min-height: 355px; border: 1px solid #fff; border-radius: 5px; margin-bottom: 16px; padding: 20px 20px 20px 20px; } 
	 .ourrange article .buttondiv {bottom:20px;}
	 .ourrange:not(.catrange) article p {display: none;}
	 .ourrange.catrange article p {font-size:14px; line-height: 19.6px; color:#0B2749CC;}
	 .ourrange.catrange article {min-height:450px !important;}
	 .ourrange article .articlebutton {background: #004A93;
		padding: 16px 0 16px 0;
		color: #fff;
		font-size: 14px;
		text-transform: capitalize;
		text-decoration: none;
		border-radius: 5px;
		padding-right: 20px;
		padding-left: 20px;
		box-sizing: border-box;
		position: relative;
		font-weight: 700;
		width: 90%;
		display: block;
		margin: 0 auto;
		text-align: center;}
		.ourrange article .articlebutton i {display: none;}
		footer .footertopdiv {background-color: #0B2749;}
		.copyright { background: #0B2749; }
		.footertopdiv ul li {padding: 0 18px;}
		.footertopdiv ul li a {font-size:16px; font-weight:600;}
		footer .footermiddlediv { background-color: #004A93; }
		.footermiddlediv p {text-align: center;	color: #FFFFFFCC; }
		#template18 .tabtext h2 {margin-top:0px;}
		#template18 .tabtext div {    background: #fff;margin-top: 0;padding: 15px;}
		.aboutandrews .content > h3.hideheadings, #template18 .tabtext h2 {margin-bottom: 0px !important; border: 0px solid #004A934D !important; border-radius: 0px;	color: #273A67 !important; font-size: 20px !important;	font-weight: 500 !important;font-family: "oswald", sans-serif !important;line-height: 22px !important;}
		.aboutandrews .content .fa-angle-down, #template18 .tabtext .fa-angle-down {font-size: 20px; color: #273A67;}
		.aboutandrews .content, #template18 .tabtext {border: 2px solid #004A934D !important; border-radius: 5px; margin-bottom: 15px !important;}
		.aboutandrews .content > h3.h3active, .aboutandrews .content > h3:hover, #template18 .tabtext h2:hover, #template18 .tabtext h2.h3active { background-color: #fff !important;}
		.aboutandrews .content > h3:hover .fa-angle-down, #template18 .tabtext h2 .fa-angle-down  {color: #273A67;}
		.aboutandrews {background: #F2F2F2; }
		.aboutandrews .content p {line-height: 25px;font-size: 14px;padding-bottom: 20px;color: rgba(11, 39, 73, 0.8);font-weight: 500;	}
		.wrapper.joinourteam {background: #fff;  padding-bottom: 45px;}
		.jointeam a {
			background: #004A93;
			padding: 16px 32px 16px 32px;
			color: #fff;
			font-size: 14px;
			text-transform: capitalize;
			text-decoration: none;
			border-radius: 5px;
			position: relative;
			text-align: left;
			box-sizing: border-box;
			left: 0 !important;
			font-weight: 700;
			width: 95%;
			margin: 10px auto 0 auto;
			display: block; text-align: center;
		}
		.jointeam a i {display: none;}
		.userguides_28.guidescontainer #Worldwide-locations, .userguides_28.guidescontainer #Heating-cooling-calculator, .userguides_28.guidescontainer #Aircon-Sales, .userguides_28.guidescontainer #Heater-Sales {display: none;}
		.userguides_28.guidescontainer .download-section {display: block; padding: 0px 20px;}
		.userguides_28 .user-guides-img {width:100%;}
		.userguides_28.guidescontainer .download-section h3 {font-size: 20px;
			line-height: 22px;
			color: #273A67;
			text-align: center;
			text-transform: uppercase;
			font-family: 'oswald', sans-serif;
			font-weight: 600;
			letter-spacing: 0.5px;
			margin: 25px 0 20px 0;}
		.userguides_28.guidescontainer .download-section a.newdownloadlink {    cursor: pointer;
			border: 2px solid #004A934D;
			padding: 16px 32px;
			border-radius: 5px;
			width: 80%;
			display: block;
			margin: 8px auto 8px auto;  color: #0B2749;
			font-size: 15px;
			font-weight: 700;
			text-transform: capitalize;
			text-align: center;}
			.userguides_28.guidescontainer .download-section a.newdownloadlink i {padding-left: 4%; font-weight: 600; font-size: 14px;}
		.userguides_28.guidescontainer:not(.categorycontainer) .wrapper > a {display: none;}
		.userguides_28.guidescontainer.categorycontainer .wrapper > a.flipbook,
		.userguides_28.guidescontainer.categorycontainer .wrapper > a#User-manuals {display: none;}
		.userguides_28.guidescontainer > div.wrapper {	padding-top: 15px;	padding-bottom: 35px; padding-left:0px; padding-right:0px;}
		.smallvideos.homevideos {display: none;}
		.videoleftdiv p, .joinourteam p {font-size: 14px;color: #0B2749CC; line-height: 20px;}
		.worldwideservice h2 {text-align: center; padding: 45px 0 18px 0; }
		.ourblog article figure img {
			max-width: 100%;
			max-height: 250px;
			aspect-ratio: 3 / 2;
			border-radius: 5px 5px 0 0;
		}
		time {
			position: absolute;
			top: 10px;
			left: 10px;
			background: #004A93;
			color: #ffffff;
			display: block;
			text-align: center;
			font-size: 35px;
			font-family: 'oswald', sans-serif;
			width: 20%;
		}
		.ourblog article h3 {padding: 20px 20px 0 20px;}
		.ourblog article p {
			padding: 0 20px 20px 20px;
			color: #0B2749CC;
			font-size: 14px;
			line-height: 25px;
			font-weight: 500;
		}
		.ourblog article > a {
			color: #0B2749;
			text-decoration: none;
			font-size: 15px;
			position: relative;
			border-radius: 5px;
			border: 2px solid #004A934D;
			padding: 16px 32px;
			display: block;
			width: 75%;
			margin: 0 auto;
			font-weight: 700;
			text-transform: capitalize;
			text-align: center;
		}
		.ourblog article { border-radius: 5px; border: none; }
		.ourblog article p a {color: #0B2749;}
		.cat_2 .download-section {display: none !important;}
		.hide-on-mobile {display: none;}
		.button-flex {display: flex; align-items: center; justify-content: space-evenly; position: fixed;bottom: 0;z-index: 99;background: #fff;left: 0;right: 0;padding: 8px;}
		.button-flex a.callus {    color: #0B2749;
			text-decoration: none;
			font-size: 13px;
			font-weight: 700;
			border: 2px solid #004A934D;
			border-radius: 5px;
			padding: 14px 32px;
			background: #fff;
			width: 105px;
			text-align: center; line-height: 13px;}
		.button-flex a.contactus {    color: #0B2749;
			text-decoration: none;
			font-size: 13px; line-height: 13px;
			font-weight: 700;
			border: 2px solid #E2AE30;
			border-radius: 5px;
			padding: 14px 32px;
			background: #E2AE30;
			width: 105px;
			text-align: center;}
			body.sub_cat_28 { background-color: #fff; }
			.sub_cat_28 .textcontent > div, .sub_cat_28 .calc-results {
				background: #ffffff;
				font-size: 14px;
				color: #0B2749CC;
				line-height: 20px;
				border: 0px solid #e2e2e2; text-align: center; padding-top: 0px;}
			.sub_cat_28 .subcatproducts {
					margin-top: 20px;
					background: #f2f2f2;
					padding-top: 30px;
				}
			.sub_cat_28 .subcontent div ul li {
					padding-left: 25px;
					color: #0B2749CC;
					font-size: 14px;
					line-height: 30px;
					background: url('/images/tick-mob.svg') no-repeat 0px 7px;
				}
				.pro_28 .featuresdiv ul {padding: 10px 0 10px 1px;}
				.pro_28 .featuresdiv ul li {margin-bottom: 15px;
					color: #0B2749CC;
					list-style-type: none;
					background: url(/images/tick-mob.svg) no-repeat 0px 0px;
					padding-left: 24px;
					break-inside: avoid-column;
					-webkit-column-break-inside: avoid;
					page-break-inside: avoid;
					break-inside: avoid-column;
					line-height: 14px !important;
					font-size: 14px;
					font-weight: 500;
					width: 100%;}
				.pro_28 .specificationdiv dt, .pro_28 .specificationdiv dd {padding: 10px 0; color: #0B2749CC; font-size: 14px; }
				.pro_28 .environmentslist {
					column-count: 1;
					-moz-column-count: 1;
					-webkit-column-count: 1;
					-ms-column-count: 1;
				}
				.sub_cat_28 .subcontent .paracontent p {
					padding-bottom: 20px;
					line-height: 20px;
					clear: both;
					color: #0B2749CC;
					font-size: 14px;
				}
				.sub_cat_28 .subcatproducts article {
					width: 100%;
					border-radius: 5px; padding: 20px 5px 20px 5px;
				}
				.sub_cat_28 .subcatproducts article h2 > a, .similarproducts article h3 > a {
					color: #273A67;
					text-decoration: none;
					font-size: 20px;
					line-height: 22px;
					text-transform: uppercase !important;
					font-weight: 500;
					font-family: "oswald", sans-serif; margin-bottom: 10px;

				}
				.sub_cat_28 .subcatproducts article h2, .similarproducts article h3 {border-bottom: 0px;}
				.sub_cat_28 .subcatproducts article a > i {display: none;}
				.sub_cat_28 .subcatproducts article > a, .pro_28 .subcatproducts article > a {        background: #004A93;
					padding: 16px 0 16px 0;
					color: #fff;
					font-size: 14px;
					text-transform: capitalize;
					text-decoration: none;
					border-radius: 5px;
					padding-right: 20px;
					padding-left: 20px;
					box-sizing: border-box;
					position: relative;
					font-weight: 700;
					width: 90%;
					display: block;
					margin: 0 auto;
					text-align: center;}
				.contWrapper {background: #0B2749;
					margin-top: -3px;
					padding-bottom: 15px;
					border-radius: 0px 0px 5px 5px;}
				.aboutandrewsgroup p.contWrapperpara {    font-size: 17px;
					font-weight: 400;
					color: #fff;
					text-align: center;
					padding: 0px 20px;
					margin-bottom: 14px;
					margin-top: -10px; line-height:23px;}
				.livechatbutton { background: #fff;
					color: #0B2749;
					padding: 16px 32px;
					text-align: center;
					border-radius: 5px;
					display: block;
					margin-top: 15px;
					font-size: 16px;
					font-weight: 700;
					text-decoration: none;
					display: flex;
					justify-content: center;}
				.contactBanButton { background: #E2AE30;
					color: #0B2749;
					padding: 16px 32px;
					text-align: center;
					border-radius: 5px;
					display: block;
					margin-top: 10px;
					font-size: 16px;
					font-weight: 700;
					text-decoration: none;
					display: flex;
					align-items: center;
					justify-content: center; }
				.aboutandrewsgroup p.deliveryText {text-align: center;
					color: #fff;
					line-height: 16px;
					font-size: 12px;
					display: flex;
					align-items: center;
					justify-content: center;}
				.aboutandrewsgroup p.form-fill-text {    color: #0B2749CC;
					font-size: 14px;
					line-height: 20px;
					margin-top: 20px;
					margin-bottom: 10px;}
				.show-on-mobile-only {display: inline-block;}
				.pro_28 .show-on-mobile-only {display: inline-block; width: 100%;}
				.pro_28 .show-on-mobile-only p {color: #0B2749CC; font-size: 14px; line-height: 20px; font-weight: 500; margin-bottom:25px;	}
				.pro_28 .productdetailscontainer.white-bg {	border-top: 0px solid #EBECEC;}
				.pro_28 .productright { display: flex; flex-direction: column-reverse;	row-gap: 15px; }
				.pro_28 .videoicons a:not(.view360):not(.videobox) {display: none;}
				.hide-on-mobi {display: none;}
				.branclocator i {margin-left:10px;}
				.productdetail h1 {
					text-align: center;
					margin: 25px 0;
					padding: 0 0 20px 0 !important;
					font-size: 24px;
					color: #0B2749;
					letter-spacing: 0.5px;
				}
				.pro_28 .breadcrumbbackground {margin-top:0px;}
				.pro_28 .breadcrumb a {	color: #0B2749; font-size: 11px; line-height: 16px; text-decoration: underline;}
				.pro_28 .breadcrumb span {color: rgba(11, 39, 73, 0.5); font-size: 11px; line-height: 16px;	}
				.pro_28 .productdetailscontainer div.key-featuresdiv h2, .pro_28 .productdetailscontainer div h2 {
					color: #273A67;
        text-align: center;
        position: relative;
        font-size: 24px;
        line-height: 26px;
        letter-spacing: 0.5px; margin-bottom:20px;
				}
				.pro_28 .productright .videoicons figure img {
					width: 24px;
					max-width: 100%;
					margin-right: 15px;
				}
				.pro_28 .videoicons {margin-bottom: 0px;
					display: flex;
					flex-direction: column;
					row-gap: 8px;}		
				.pro_28 .productdetail {margin-bottom:6px;}
				.pro_28 .calltoaction {        margin-top: 0px;
					position: fixed;
					z-index: 9;
					background: #fff;
					left: 0;
					padding: 10px 15px;
					bottom: 0;
					margin-bottom: 0px;
					width: 100%;
					margin-left: auto;
					margin-right: auto;}
				.pro_28 .productfigureright {
					position: relative;
					text-align: center;
					border: 2px solid #004A9333;
					box-sizing: border-box;
					height: 360px;
					vertical-align: middle;
					cursor: pointer;
					border-radius: 5px;
				}
				.pro_28 .productpromotions article:not(.buttonStyles) {display: none;}
				.pro_28 .specificationdiv .specificationdiv div {	padding: 0;	border-bottom: 1px solid #0B274933;	}
				.pro_28 .productdetailscontainer div.key-featuresdiv h2::after, .pro_28 .productdetailscontainer div h2::after {
					content: '';
					width: 15%;
					position: absolute;
					left: 40%;
					bottom: 1px;
					border-width: 0 0 3px;
					border-style: solid;
					color: #FEB929;
				}
				.show-on-mobile-only article.buttonStyles {margin-bottom:10px;}
				.pro_28 .productfigureright span {
					position: absolute;
					bottom: 0;
					border: 0px solid #ebecec;
					text-align: center;
					width: 100%;
					left: 0;
					padding: 10px 0;
					color: #0B2749;
					text-decoration: none;
					font-size: 14px;
					text-transform: capitalize;
					cursor: pointer;
					font-weight: 500;
				}
				.pro_28 .productright .videoicons figure {
					text-align: center;
					padding: 16px 10px;
					border: 2px solid #004A934D;
					border-radius: 5px;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.pro_28 .productright .videoicons a {
					display: block;
					padding: 0 2px;
					text-decoration: none;
					color: #0B2749;
					font-size: 14px;
					width: 99%;
					font-weight: 700; margin: 0 auto;
				}
				.pro_28 .enquireformbutton.yellowButton {margin-bottom: 20px !important;
					width: 100%;
					background: #E2AE30;
					color: #0B2749;
					text-align: center;
					display: block;
					padding: 16px 30px 16px 30px;
					border: 2px solid #E2AE30 !important;
					font-size: 14px;
					font-weight: 700;
					text-transform: capitalize;}
				.pro_28 .enquireformbutton.yellowButton i {display:none;}
				.pro_28 .productdetail .calltoaction a, .enquireformbutton {
					background: #fff;
					padding: 13px 0 13px 0;
					padding-right: 0px;
					padding-left: 0px;
					color: #0B2749;
					text-transform: uppercase;
					text-decoration: none;
					border-radius: 5px;
					text-align: center;
					padding-right: 14px;
					padding-left: 50px;
					box-sizing: border-box;
					position: relative;
					font-size: 13px;
					font-weight: 700;
					border: 2px solid #004A934D;  line-height: 13px;   min-width: 45%; margin-bottom: 0px !important;
				}
				.pro_28 .productdetail .calltoaction a i {
					padding: 13px 10px;
					font-size: 14px;
				}
				.pro_28 .productdetail .greenbutton, .pro_28 .productdetail a.greenbutton {    background: #E2AE30;
					color: #0B2749;
					text-align: center;
					display: block;
					padding: 13px 30px 13px 30px;
					border: 2px solid #E2AE30 !important;
					font-size: 13px;
					font-weight: 700;
					text-transform: capitalize;
					min-width: 45%;
					margin-left: 2%; line-height: 13px;}
				
				.pro_28 .productdetail .enquireformbutton i {display: none;}
				.despatch-sec {margin-bottom:15px; text-align: center; margin-top:40px; color: #127742;	/* font-size: 13px; */ font-weight: 600;}
				.despatch-sec span {margin-left: 0px;}
.ring-container {
    position: relative;
}
.headertop img.menuicon {margin-top:4px;}

.circle {
    width: 8px;
    height: 8px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 90px;
}

.ringring {
    border: 3px solid #62bd19;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 81px;
        top: -4px;
        -webkit-animation: pulsate 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        opacity: 0.0;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.mob-sticky { position: sticky; top: 0; z-index: 9999;  background: #fff;  width: 100%; }
.usp-on-mobile .usp {
    font-size: 14px;
    font-weight: 600;
    text-align: center; display: none;
}
.usp-on-mobile .usp img {margin-right:8px;}

.category_28 .usp-on-mobile,
.cat-home .usp-on-mobile,
.index .usp-on-mobile {background: #004A93; color: #ffffff; padding: 13px 0; margin-bottom: -5px;}

.product-detail-page .usp-on-mobile,
.sub-cat .usp-on-mobile,
.template3 .usp-on-mobile {background: #ffffff; color: #0B2749; padding: 10px 0;}

.usp-item {display: flex; align-items: center; justify-content:center;}
main{margin-top: 0px;}

.about p, .about ul li, .about .listyles li, .textlistyles li {
    color: #0B2749CC;
    font-size: 14px;
    line-height: 20px;
}
ul.servicesul li { text-transform: capitalize; letter-spacing: 0.5px; width: 100% !important; padding-bottom: 10px; }
.about ul li, .about .listyles li { margin-bottom: 10px; }
.about .listyles li, .textlistyles li { background: url(/images/blue-square.jpg) no-repeat 0px 7px !important; }
.guidescontainer > div > h2, .ourblog h2, .aboutandrews > h2, .about h2, .ourservice h2, .faq h2 {
	color: #273A67;
	font-size: 24px;
	line-height: 26px;
}
.salesfaq.faq h3 { padding: 20px 20px !important; }
.faq h3 {
    color: #0B2749 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 20px 20px !important;
    overflow: hidden;
    border: 2px solid #004A934D;
    background-color: #ffffff;
    margin-bottom: 3%;
    cursor: pointer;
    /* text-transform: capitalize !important; */
    font-family: 'Arimo', sans-serif !important;
    border-radius: 5px;
	display: flex;
        justify-content: space-between;
        align-items: center;
}
.faq .faqactive {
    background-color: #fff !important;
    color: #0B2749 !important;
    margin-bottom: -5px !important;
    border-bottom: 0px;
    border-radius: 5px 5px 0 0;
}
.faq > div > div {
    padding: 3% 4%;
    overflow: hidden;
    border: 2px solid #004A934D;
    background-color: #ffffff;
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 3%;
    border-top: 0px;
    border-radius: 0 0 5px 5px;
}
.faq .faqactive i, .faq i {  color: #0B2749; }
.category_28 .footerpromotionscontainer {display: none;}
.ourrange h2, .guidescontainer > div > h2, .ourblog h2, .ourblog h2 a, .aboutandrews h2, .about h2, .ourservice h2, .faq h2, .aboutcontainer .about h2, #template18 #t4 h2 { color: #273A67; font-size:24px; line-height:26px;}
.viewcasestudy {
    background: transparent;
    padding: 16px 0 16px 0;
    color: #0B2749;
    font-size: 15px;
    text-transform: capitalize;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
    box-sizing: border-box;
    position: relative;
    max-width: 100%;
    border: 2px solid #004A934D;
    font-weight: 700;
}
.ourblog.categoryCaseStudies article h3 a {text-transform: uppercase;}
#template18 .buttons {display: flex; column-gap: 10px;}
#template18 .whitebg.divcontent {background: #f5f5f5 !important;}
.calculator-container form label input, .calculator-container form select {
    margin-bottom: 10px;
    border: 2px solid #004A934D;
    border-radius: 5px;
    padding: 5px;
}
.calculator-container form label input {width:90px;}
.calculator-container legend {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}
.calculator-container form, .calculator-container p { width: 100%; }
.calculator-container form label {width: 25%; }
.calc-checkbox input {margin-right: 10px;
    border: 0px solid #95acc0 !important;
    outline: 0px solid #95acc0 !important;
    width: 20px !important;
    height: 20px !important; }
	.calculator-container .calculate {
		background: #E2AE30;
		color: #203f70 !important;
		padding: 16px 0 16px 0;
		font-size: 15px;
		text-transform: uppercase;
		border-radius: 5px;
		padding-right: 20px;
		padding-left: 20px;
		box-sizing: border-box;
		position: relative;
		border: none;
		cursor: pointer;
		font-weight: 700;
		width: 100%; text-align:center;
	}
	.calculator-container .calculate i {display: none;}
	.selectdiv select, .selectdiv input { margin: 12px 0px 24px 0; height: 56px; padding-left: 16px !important;}
	.selectdiv { margin: 16px 16px 20px 16px; }
	#search .selectdiv { width: 91%;}
	.homevideos .videoleftdiv > a {display: none;}
	.wrapper {padding: 0 20px;}
	.index .aboutandrews {  margin-bottom: 5px; }
	.pro_28 .flex-control-nav li {	margin: 0 4px; }
	.contactus-tab { background: #E2AE30; font-weight: 500;}
	li.contactus-tab a { color: #203f70; }
	.globalsites figcaption { margin-top: 15px; }
	.index .videorightdiv img {object-fit: cover;}
	.youtubefigure img.youtube{object-fit: cover;}
	.cicon {margin-right: 8px;width: 24px;}
	.mr-8 {margin-right: 8px;}
	.enquireform #main_body form ul {width:100% !important;}
	.enquireform #main_body form li, #main_body #form_206 li {padding-right:0px;}
	.enquireform #main_body form #li_4 span:first-of-type, #main_body #form_206 #li_4 span:first-of-type {width:20%;}
	.enquireform #main_body form #li_4 span:nth-of-type(2n), .enquireform #main_body form #li_4 span:nth-of-type(3n) {width:38%;}
	#main_body #form_206 #li_4 span:nth-of-type(2n), #main_body #form_206 #li_4 span:nth-of-type(3n) {width:38%;}
}

#main_body form li.inline_columns.interested_in_checkboxes div > span {border: 2px solid #004A934D;  padding: 8px; border-radius: 5px; margin: 0 8px 8px 0 !important;}
#main_body #form_206 input.text, #main_body #form_206 textarea.textarea, #main_body #form_206 select.select,
.enquireform #main_body input.text, .enquireform #main_body textarea.textarea, .enquireform #main_body select.select {
    padding: 16px 0 !important;
    border: 2px solid #004A934D !important;
    border-radius: 5px !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 7px !important;
    box-sizing: border-box !important;
}
#main_body #form_206 input.button_text, .enquireform #main_body input.button_text {
    background: #E2AE30 !important;
    color: #0B2749 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    padding: 16px 32px !important;
    box-sizing: border-box !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 20px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    width: 100% !important;
}

.userguides_24 .ourblog article figure img, .userguides_27 .ourblog article figure img { min-height: 250px; object-fit: cover; }
.userguides_24.guidescontainer div.ourblog article {padding-top:0px; margin-right: 0px;}
.userguides_24.guidescontainer div.ourblog article h3 { color: #203f70; font-family: 'oswald', sans-serif; }
.userguides_24.guidescontainer div.ourblog article h3 a {font-size: 20px; position: initial;}
.userguides_24.ourblog h2 {padding-top: 45px !important;}
.userguides_24.guidescontainer div.ourblog article span {position: static;}
.userguides_24.guidescontainer div.ourblog article p { font-family: 'Arimo', sans-serif; }
.userguides_24.guidescontainer div.ourblog article p a {color: #203f70; position: initial;}
.userguides_24.guidescontainer div.ourblog article a {color: #203f70; position: sticky; margin-left: 0px; left: 0;}
.userguides_24.guidescontainer div.ourblog h2 {padding-top:50px !important;}
.aboutcontainer.template7 .content .ourblog article figure img { min-height: 250px; object-fit: cover; }
.guidescontainer.userguides_21 div article, .guidescontainer.userguides_27 div article {margin-right: 1%;}
.guidescontainer.userguides_21 div article h3 a, .guidescontainer.userguides_27 div article h3 a { position: relative; left: 0px; bottom:0px; color: #203f70; font-size:16px; text-decoration: none; }
.guidescontainer.userguides_21 div article a, .guidescontainer.userguides_27 div article a { color: #000; position: relative; bottom: 0px; left: 0px; text-decoration: underline; }
.guidescontainer.userguides_21 div article a:hover, .guidescontainer.userguides_27 div article a:hover {text-decoration: none;}
.guidescontainer.userguides_21 div article p, .guidescontainer.userguides_27 div article p {padding: 0 20px 8px 20px;}
.guidescontainer.userguides_21 .footerpromotionscontainer article, .guidescontainer.userguides_27 .footerpromotionscontainer article { width: auto; margin-right:10px;}


.guidescontainer.userguides_20 div.ourblog article,
.guidescontainer.userguides_22 div.ourblog article,
.guidescontainer.userguides_19 div.ourblog article,
.guidescontainer.userguides_17 div.ourblog article,
.guidescontainer.userguides_18 div.ourblog article  {
  padding-top: 0px;
  margin-right: 0px;
}

.guidescontainer.userguides_20 div.ourblog article p,
.guidescontainer.userguides_22 div.ourblog article p,
.guidescontainer.userguides_19 div.ourblog article p,
.guidescontainer.userguides_17 div.ourblog article p,
.guidescontainer.userguides_18 div.ourblog article p  {
  font-family: 'Arimo', sans-serif;
}


.guidescontainer.userguides_20 div.ourblog article a,
.guidescontainer.userguides_22 div.ourblog article a,
.guidescontainer.userguides_19 div.ourblog article a,
.guidescontainer.userguides_17 div.ourblog article a,
.guidescontainer.userguides_18 div.ourblog article a  {
  color: #203f70;
  position: sticky;
  margin-left: 0px;
  left: 0;
}

.guidescontainer.userguides_20 div.ourblog article h3 a, 
.guidescontainer.userguides_22 div.ourblog article h3 a, 
.guidescontainer.userguides_19 div.ourblog article h3 a, 
.guidescontainer.userguides_17 div.ourblog article h3 a, 
.guidescontainer.userguides_18 div.ourblog article h3 a {
  font-size: 20px;
}

.guidescontainer.userguides_20 div.ourblog article h3, 
.guidescontainer.userguides_22 div.ourblog article h3, 
.guidescontainer.userguides_19 div.ourblog article h3, 
.guidescontainer.userguides_17 div.ourblog article h3, 
.guidescontainer.userguides_18 div.ourblog article h3 {
  color: #203f70;
  font-family: 'oswald', sans-serif;
}


.guidescontainer.userguides_20 div.ourblog article time span,
.guidescontainer.userguides_22 div.ourblog article time span,
.guidescontainer.userguides_19 div.ourblog article time span,
.guidescontainer.userguides_17 div.ourblog article time span,
.guidescontainer.userguides_18 div.ourblog article time span {
  position: static;
}

.guidescontainer.userguides_20 div.ourblog article figure img,
.guidescontainer.userguides_22 div.ourblog article figure img,
.guidescontainer.userguides_19 div.ourblog article figure img,
.guidescontainer.userguides_17 div.ourblog article figure img,
.guidescontainer.userguides_18 div.ourblog article figure img {
  min-height: 250px;
  object-fit: cover;
}



/*Styles for www.andrewssykes.be/fr landing pages*/

#lang_19.area-page{
	padding-bottom: 0px;
}
#lang_19 .text3{
	display: none;
}
#lang_19 .whitebgtemplate15{
	margin-top: 0px !important;
}

#lang_20.area-page{
	padding-bottom: 0px;
}
#lang_20 .text3{
	display: none;
}
#lang_20 .whitebgtemplate15{
	margin-top: 0px !important;
}