@charset "utf-8";
/* CSS Document */

body{
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}

*{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: top;
}

img{
  max-width: 100%;
  height: auto;
}

/* ================ TYPOGRAPHY ================ */

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	line-height: 20px;
    font-weight: 400;
    color: #3b3b3b;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{
    padding: 0px;
    margin: 0px;
	line-height: 1.286em;
	font-weight: 300;
	padding-bottom: 10px;
}

h1, .h1{

  font-size: 36px;

  line-height: 42px;

}



h2, .h2{

  font-size: 30px;

  line-height: 38px;

}



h3, .h3{

  font-size: 26px;

  line-height: 32px;

}



h4, .h4{
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 2px;
	font-weight: 300;
	padding: 0px 0px 20px;
	margin-top:10px;
	margin-bottom:10px;
}



h5, .h5{

  font-size: 16px;

	line-height: 22px;

}



p{

	padding: 0px;

	margin: 0px 0px 20px;

}



p:last-child{

	padding: 0px;

	margin: 0px 0px 0px;

}



a, a:visited{

  text-decoration: none;

  color: #716f6f;

}



a:hover{

  color: #aca5a5;

  text-decoration: none;

}



strong{

  font-weight: 600;

}



small{

	font-size: 85%;

}



.color-orange, a.color-orange{

	color: #ec671b !important;

}



a.color-orange:hover{

	color: #eb7e62 !important;

}



.btn{

	display: table;

	padding: 10px 40px;

	background: #ec671b;

	border-radius: 0px;

	color: #fff !important;

}



.btn-center{

	margin: 0px auto;

}



.btn:hover{

	background-color: #d3450d;

    border-color: #b13a0b;

}



.dotted-hr{

	width: 120px;

	height: 2px;

	max-width: 100%;

	margin-top: 8px;

	border: none;

	background: url('../images/dotted-line.svg');

}





/* ================ LAYOUT ================ */



.wrapper{

  margin: 0px auto;

}



.container{

  max-width: 100%;

}



.vcenter {

	display: inline-block;

	vertical-align: middle;

	float: none

}



.hidden-all{

	display: none;

}



.padding-small{

	padding-top: 40px;

	padding-bottom: 40px;

}



.padding-small-top{

	padding-top: 40px;

}



.padding-small-bottom{

	padding-bottom: 40px;

}



.padding-large{

	padding-top: 80px;

	padding-bottom: 80px;

}



.padding-large-top{

	padding-top: 80px;

}



.padding-large-bottom{

	padding-bottom: 80px;

}



.top-bar{

	background: #F5F7F5;

	padding-top: 10px;

	padding-bottom: 10px;

}



.top-bar-nav, .top-bar-nav-right{

	padding: 8px 0px 0px;

	margin: 0px;

	list-style: none;

}



.top-bar-nav li, .top-bar-nav-right li{
	display: inline-block;
    border-right: 1px solid #7e7e7e;
    padding: 0px 5px 0px 0px;
    margin: 0px 1px 0px 0px;
    font-size: 13px;
    line-height: 12px;
    color: #6C6C6C;
}



.top-bar-nav li:last-child{

	border-right: none;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}



.top-bar-nav li a, .top-bar-nav li a:visited{

	color: #6C6C6C;

}



.top-bar-nav li a:hover{

	color: #b2b2b2;

}



.top-bar-nav-right{

	padding-top: 0px;

}



.top-bar-nav-right li{

	padding: 0px 0px 0px 10px;

	font-size: 13px;

	line-height: 22px;

	border: none

}



.top-bar-nav-right li:first-child{

	padding: 0px 0px 0px 0px;

	border: none;

}



.top-bar-nav-right li i{

	color: #ec671b;

	padding-top: 5px;

}



.top-bar-nav-right li i:last-child{

	padding-right: 100px;

}



.top-bar-nav-right li small{

	line-height: 25px;

}



.logo-container{
    padding: 15px 15px;
}
.logo-container img{
    width:130px;
}

.logo-bar-cart i{
    padding-top: 2px;
}

.logo-bar-container{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.logo-bar-cta{
    display: block;
    width: 100%;
    font-size: 28px;
    line-height: 36px;
    font-weight: 300;
    color: #8C8C8C;
    padding-bottom: 10px;
}
.customer-rating {
    font-size: 13px;
    text-align: right;
}
.logo-bar-search{
    flex-basis:100%;
    font-size: 13px;
    line-height: 18px;
    width:80%;
}

.logo-search-container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding:0px 42px 0px 43px;
}

.search-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.quote-container{
    padding:10px 0 0;
}
.search-container .search-input{
    flex-grow: 1;
}

.search-container .search-select{
    flex-basis: 200px;
}

.search-container .search-submit{
    flex-basis: 54px;
}

.logo-bar-search input, .logo-bar-search select, .logo-bar-search button{
    display: inline-block;
    padding: 0px 20px;
    height: 50px;
    width: 100%;
    border-left: none;
    -webkit-appearance: none;
    border-radius: 0;
}

.logo-bar-search button{
    position: relative;
    width: 54px;
}

.logo-bar-search button i{
    color: #ec671b;
    padding-top: 2px;
    font-size:20px;
}

.logo-bar-search .btn{
	background:none;
}

.logo-bar-search button:hover{
    background:none;
}

.logo strong{
	font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.logo-bar-search{
    flex-grow: 1;
}

.logo-bar-cart{
    flex-basis: 200px;
    font-size: 15px;
    line-height: 19px;
}

.logo-bar-cart a{
    color:#000;
    vertical-align: bottom;
}

.carttext{display:inline-block;vertical-align: bottom;border-bottom:1px solid #fff;}
.carttext:hover{border-bottom:1px solid #000;}
.logo-bar-cart a:hover .carttext{border-bottom:1px solid #000;}




.navbar{

	background: #171717;

	border-radius: 0px !important;

	border: none;

	margin-bottom: 0px;

}



.navbar li{

	background: none;

	border-radius: 0px !important;

}



.navbar li:last-child{

	margin-right: 0px;

}



.navbar li a{

	padding-left: 30px;

	padding-right: 30px;

	color: #dedede;

}

.navbar-right li{

	margin-right:10px;

}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{

	background: #333;

}

.dropdown-menu li a{

	color:#333;

}

.dropdown-menu li a:hover{

	background:#f5f5f5!important;

}

.navbar li a:hover{

	background: #222;

}



.navbar .navbar-right li a{
	padding: 14px 30px;
	margin-top: 2px;
	color: #dedede;
	font-size: 14px;
	line-height: 18px;
}

.navbar-brand i{

	vertical-align: -7%;

}



.icon-bar{

	background: #f4f4f4;

}



.page-title{

	background: #171717;

	color: #fff;

	padding: 30px 0px;

}



.page-title h1{

	font-size: 22px;

	line-height: 26px;

	margin: 0px;

	padding: 0px;

}



.banner{

	background: url('../images/home-banner.jpg');

	background-size: cover;

	background-position: left center;

	padding: 60px 0px 45px;

	color: #fff;

	text-transform: uppercase;

}



.banner-header{

	letter-spacing: 9px;

	font-weight: 300;

	font-size: 32px;

	line-height: 38px;

}



.banner-header h3{

	margin-bottom: 5px;

	font-size: 38px;

	line-height: 42px;

	letter-spacing: 21px;

}



.banner-header p{

	margin-bottom: 0px;

}



.banner-header small{

	font-size: 18px;

	line-height: 24px;

}



.banner-header hr{

	width: 400px;

	max-width: 100%;

	border-color: rgba(255, 255, 255, 0.25);

	margin-bottom: 12px;

	margin-top: -5px;

}



.banner-content .h1{

	font-size: 39px;

	line-height: 44px;

	font-weight: 300;

	margin-bottom: 0px;

	letter-spacing: 9px;

}



.banner-content .h4{

	font-size: 19px;

	line-height: 26px;

	letter-spacing: 3px;

}



.banner-content p{

	text-transform: none;

	font-size: 20px;

	line-height: 26px;

	font-weight: 300;

}



.banner-cta{

	display: table;

	width: auto;

	margin: 15px auto 0px;

	background: #131315;

	color: #fff;

	padding: 16px 83px;

	font-size: 17px;

	text-transform: none;

}



.banner-inner{

	background: url('../images/home-banner.jpg');

	background-size: cover;

	background-position: left center;

	padding: 60px 0px 45px;

	color: #fff;

	text-transform: uppercase;

}

.banner-inner h3{

	margin-bottom: 0px;

	font-size: 30px;

	line-height: 42px;

	letter-spacing: 2px;

}

.banner-inner h1{

	margin-bottom: 0px;

	font-size: 30px;

	line-height: 42px;

	letter-spacing: 2px;

}

.banner-inner.ppg{

	background: url('../images/ppg-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.threem{

	background: url('../images/3m-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.centercoat{

	background: url('../images/centercoat-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.jotun{

	background: url('../images/jotun-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.sika{

	background: url('../images/sika-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.keim{

	background: url('../images/keim-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.mapei{

	background: url('../images/mapei-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.rust-oleum{

	background: url('../images/rust-oleum-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.gracopro{

	background: url('../images/gaco-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.zinga{

	background: url('../images/zinga-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.selemix{

	background: url('../images/selemix-banner.jpg');

	background-size: cover;

	background-position: left center;

}



.banner-inner.fire-solutions{

	background: url('../images/fire-solutions-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.flooring{

	background: url('../images/flooring-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.corossion{

	background: url('../images/corossion-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.line-marking{

	background: url('../images/line-marking-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.roofing{

	background: url('../images/roofing-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.rail{

	background: url('../images/rail-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.highway{

	background: url('../images/highway-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.industrial-cleaners{

	background: url('../images/industrial-cleaners-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.hygiene{

	background: url('../images/hygiene-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.iobac{

	background: url('../images/iobac-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.network-rail{

	background: url('../images/network-rail-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.norsok{

	background: url('../images/norsok-banner.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.agricultural{

	background: url('../images/agricultural-banner.jpg');

	background-size: cover;

	background-position: left center;

}


.banner-inner.gritblastinguk{

	background: url('../images/top-banner-gritblasting-uk-promain.jpg');

	background-size: cover;

	background-position: left center;

}

.banner-inner.mod{

	background: url('../images/mod-category-banner.jpg');

	background-size: cover;

	background-position: left center;

}



.banner-inner.mjjm{

	background: url('../images/top-banner-mjjm-promain.jpg');

	background-size: cover;

	background-position: left center;

}



.banner-inner.haywoods{

	background: url('../images/top-banner-haywoods-promain.jpg');

	background-size: cover;

	background-position: left center;

}



.banner-inner.kandmdecorating{

	background: url('../images/top-banner-kandmdecorating-promain.jpg');

	background-size: cover;

	background-position: left center;

}



.banner-inner.djr-linemarking{

	background: url('../images/top-banner-djrlinemarking-promain.jpg');

	background-size: cover;

	background-position: left center;

}





.banner-inner.ddrail{

	background: url('../images/top-banner-ddrail-promain.jpg');

	background-size: cover;

	background-position: left center;

}





.banner-inner.awr{

	background: url('../images/top-banner-awr-promain.jpg');

	background-size: cover;

	background-position: left center;

}





.banner-inner.richard-goodearth{

	background: url('../images/top-banner-goodearth-promain.jpg');

	background-size: cover;

	background-position: left center;

}



.banner-inner.cordant-services{

	background: url('../images/top-banner-cordant-promain.jpg');

	background-size: cover;

	background-position: left center;

}





.page-content{

	padding: 40px 0px;

	border-bottom: 1px solid #cccccc;

}



.services-box{

	display: block;

	position: relative;

	width: 100%;

	margin-bottom: 25px;

}



.services-image{

	display: block;

	width: 100%;

	overflow: hidden;

}



.services-image img{

	min-width: 100%;

	max-width: 100%;

	min-height: 100%;

	-webkit-transition:  all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition:  all 0.2s linear;

  -o-transition:  all 0.2s linear;

  transition:  all 0.2s linear;

}



.services-image:hover img{

  -ms-transform: scale(1.1, 1.1); /* IE 9 */

  -webkit-transform: scale(1.1, 1.1); /* Safari */

  transform: scale(1.1, 1.1);

}



.services-text{

	display: block;

	background: #F5F7F5;

	padding: 20px;

	font-size: 13px;

	line-height: 17px;

}



.services-text h3{

	font-size: 18px;

	line-height: 22px;

	color: #ec671b;

	font-weight: 400;

}



.home-boxes-container{

	display: flex;

}



.home-boxes-column-one{

	position: relative;

	background: url('../images/home-box-large.jpg');

	background-size: cover;

	background-position: center;

	flex-basis: 45%;

	border: 10px solid #fff;

	padding: 60px;

	color: #fff;

}



.home-boxes-column-one .h3{

	color: #fff;

	letter-spacing: 9px;

	font-size: 22px;

	line-height: 32px;

}



.home-boxes-column-one .h2{

	letter-spacing: 9px;

}



.home-boxes-column-one hr{

	border:none;

	border: none;

	background: url('../images/dotted-line.svg');

	height: 2px;

	width: 150px;

	margin-bottom: 30px;

}



.home-boxes-column-one p{

	line-height: 28px;

}



.home-boxes-column-two{

	position: relative;

	flex-basis: 55%;

	padding:10px;

}



.panel-title{

	font-size:14px;

	padding:0;

	text-transform: capitalize;

}

.panel-group .panel{

	border-radius: 0px;

}

.panel-group{

	margin-bottom:0;

}

.glyphicon{

	top:5px;

}

.home-box-small{

	display: inline-block;

	position: relative;

	width: 50%;

	height: 50%;

	background-size: cover;

	background-position: center;

	float: left;

	border: 10px solid #fff;

}



.home-box-small.box-1{

	background-image: url('../images/home-box-1.jpg');

}





.home-box-small.box-2{

	background-image: url('../images/home-box-2.jpg');

}





.home-box-small.box-3{

	background-image: url('../images/home-box-3.jpg');

}





.home-box-small.box-4{

	background-image: url('../images/home-box-4.jpg');

}



.home-box-small p{

	display: block;

	position: absolute;

	bottom: 15px;

	right: 15px;

	left: 15px;

	height: auto;

	background: rgba(27, 27, 27, 0.5);

	text-align: center;

	color: #fff !important;

	padding: 10px 15px;

	font-weight: 600;

}



.home-box-small p i{

	position: relative;

	top: 2px;

	padding-right: 7px;

}



.home-box-small a:hover{

	background: #ec671b;

	color: #fff !important;

}



.home-box-cta{

	display: block;

	position: absolute;

	background: #ec671b;

	color: #fff !important;

	height: 46px;

	width: 280px;

	top: calc(50% - 23px);

	right: -250px;

	z-index: 999;

	padding-top: 12px;

}



.home-box-cta:hover{

	background: rgba(27, 27, 27, 1);

}



.home-box-cta i{

	padding-top: 3px;

	margin-left: 10px;

}



.testimonials-block{

	background-image: url('../images/home-banner-old.jpg');

	background-size: cover;

	background-position: center center;

	color: #fff;

}



.testimonials-block hr{

	border: none;

	background: url('../images/dotted-line.svg');

	height: 2px;

	width: 150px;

	margin-top: 10px;

	margin-bottom: 20px;

}



.home-video{

	margin-top: -20px;

}



.testimonial-block{

	display: block;

	position: relative;

	font-size: 14px;

	line-height: 28px;

}



.testimonial-block:before, .testimonial-block:after{

	display: block;

	position: absolute;

	top: 0px;

	left: -80px;

	content: "";

	background: url('../images/quotation1.svg');

	background-repeat: no-repeat;

	height: 60px;

	width: 60px;

	color: rgba(255, 255, 255, 0.15);

}



.testimonial-block:after{

	bottom: -20px;

	right: -80px;

	left: auto;

	top: auto;

	background: url('../images/quotation2.svg');

	background-repeat: no-repeat;

}



.headerimage img{

	margin-bottom:20px;

	width:100%;

}



#sidebar{

	padding-left:50px;

}



.sidebarcontainer{

	border:1px solid #EBEBEB;

}

.sidebar-block{

	padding:25px;

	border-bottom:1px solid #EBEBEB;

	text-align:left;

}

.sidebar-block ul{

	list-style-position: inside;

    padding-left:20px;

}

.sidebar-block li{

	list-style:square;

	color:#ec671b;

}



.sidebar-block a{

	color:#000;

	font-size:12px;

}



.sidebar-block a:hover{

	color:#ec671b;

}

.social-icons{

	text-align: center;

}

.social-icons ul li{

	display:inline-block;

	list-style: none;

}

.social-icons img{

	width:45px;

	height:auto;

}

.footer-top{

	font-size: 13px;

	line-height: 18px;

}



.footer-top-row{

	display: table;

	width: 100%;

	border-top: 1px solid #ccc;

	padding-top: 40px;

}



.footer-top-column{

	display: table-cell;

	width: 33%;

	padding: 0px 40px;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

}



.footer-top-column:first-child, .footer-top-column:last-child{

	border: none;

}



.footer-top h4{

	padding-bottom: 10px;

}



.footer-top hr{

	border: none;

	background: url('../images/dotted-line.svg');

	height: 2px;

	width: 150px;

	margin-top: 10px;

	margin-bottom: 20px;

	border-color: #3b3b3b;

}



.footer-top-form{

	margin-top: 40px;

}



.footer-top-form input, .footer-top-form textarea{

	display: block;

	width: 100%;

	border: 1px solid #c6c6c6;

	background: #EBEBEB;

	padding: 12px;

	margin-bottom: 20px;

	color: #5f5f5f;

}



.footer-top-form input[type="submit"]{

	border: 1px solid #ec671b;

	background: #ec671b;

	color: #fff;

}



.footer-top-form input[type="submit"]:hover{

	border: 1px solid #eb7e62;

	background: #eb7e62;

	color: #fff;

}



.footer-top-cta{

	display: block;

	color: #ec671b !important;

	font-size: 32px;

	line-height: 38px;

	margin: 30px auto 40px;

}



.footer-top-cta:hover{

	color: #eb7e62 !important;

}



.footer-top-social{

	margin: 0px;

	padding: 0px;

	list-style: none;

}



.footer-top-social li{

	display: inline-block;

	margin: 0px;

	padding: 0px;

}



.footer-top-social li a{

	display: block;

	height: 30px;

	width: 30px;

	margin: 0px;

	padding: 0px;

	background: #ec671b;

	text-align: center;

	padding-top: 8px;

	color: #fff !important;

}



.footer-top-social li a.facebook{

	background: #3B5999;

}



.footer-top-social li a.twitter{

	background: #00ACEE;

}



.footer-top-social li a.google{

	background: #D04836;

}



.footer-top-social li a.youtube{

	background: #CC332D;

}



.footer-top-social li a.linkedin{

	background: #0080B1;

}



.footer-top-social li a:hover{

	background: #ec671b;

}



.footer-top .reviews-logo{

	display: block;

	width: 260px;

	max-width: 100%;

	text-align: center;

	margin: 0px auto 15px;

}



.footer-top-logos{

	padding-top: 20px;

}



.footer-reviews {

  background: #FBFBFB;

}



.footer-newsletter{

	background: #131313;

	color: #fff;

	padding: 10px 0px;

}



.footer-newsletter p{

	font-size: 16px;

	line-height: 24px;

	letter-spacing: 2px;

	font-weight: 300;

	padding: 10px 0px;

}



.footer{

	background: #2C2C2C;

	color: #fff;

	padding: 27px 0px;

	font-size: 13px;

	line-height: 22px;

}



.footer p{

	font-size: 13px;

	line-height: 22px;

}



.footer-menu{

	padding: 0px;

	margin: 0px;

	list-style: none;

}



.footer-menu li{

	padding: 0px 0px 5px;

	margin: 0px;

}



.footer-menu li a, .footer-menu li a:visited{

	color: #fff;

}



p.footer-cta{

	font-size: 32px;

	line-height: 36px;

	font-weight: 300;

	padding-top: 20px;

}



.footer-copyright{

	background: #131313;

	color: #fff;

	padding: 10px 0px;

	font-size: 12px;

	line-height: 15px;

}



.footer-copyright .copyright-menu{

	display: inline-block;

	padding: 0px 20px;

	margin: 0px;

}



.footer-copyright .copyright-menu li{

	display: inline-block;

	margin: 0px;

	padding: 0px 10px 0px 0px;

}



.footer-copyright .copyright-menu li a{

	color: #fff;

}



.footer-copyright .copyright-menu li a:hover{

	color: #ec671b;

}



.footer-copyright .copyright-menu li i{

	padding-top: 2px;

}



.footer-copyright .copyright-menu li:last-child{

	display: inline-block;

	margin: 0px;

	padding: 0px 0px 0px 0px;

}

div#content{

	padding-top:20px;

	padding-bottom:30px;

	text-align: justify;

}

.right-logo{

	float:right;

	text-align:right;

	flex-basis: 200px;

	padding-right:10px;

}

.newsletterform{

	padding-top: 7px;

}

.newsletterform .input-text{

	display: inline;

    width: 40%;

}

.logo-carousel{

	padding-bottom:40px;

}

.bx-wrapper{padding:20px 0 20px 0px;}

.companiesww {

    visibility: hidden;

}

.button{

	    display: inline-block;

    margin-bottom: 0;

    font-weight: 400;

    text-align: center;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

}

.btn-primary{

	color: #fff;

    background-color: #ec671b;

    border-color: #ec671b;

}

.input-text{

	height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

}

.fa-padding{

	padding-top:3px;

}

.nav>li>a:focus, .nav>li>a:hover{

	background-color:inherit;

}

.product-video{

	margin-top:30px;

}

.testimonials-block h3 {

    font-size: 32px;

    letter-spacing: 10px;

}

.address-ho {
    text-transform: uppercase;
    color: #ec671b;
    font-size: 20px;
}

@media (min-width: 1400px){



	.container{

		width: 1390px;

	}

	.compact-container{

		width: 1260px;

	}



}



@media (max-width: 1440px){







}



@media (max-width: 1200px){



	[class*="col-lg"].vcenter{

		display: block;

		width: 100%;

	}



	.content [class*="col-lg"]{

		margin-bottom: 30px;

	}



	.content [class*="col-lg"]:last-child{

		margin-bottom: 0px;

	}



	.home-boxes-container{

		display: block;

	}



	.home-box-small{

		width: 25%;

		height: 240px;

	}



	.home-boxes-column-one{

		padding: 30px;

	}



	.home-box-cta{

		display: block;

		position: relative;

		margin: 40px auto 0px;

		left: auto;

		right: auto;

		top: auto;

		width: auto;

		text-align: center;

	}



}

.form-search{border:1px solid #ccc; border-radius:5px;}
.form-search #search{border:none;border-radius:10px;box-shadow:none;}
.form-search span button{border:none; border-radius:10px;}

.checkout-progress li,
.form-search .search-autocomplete li,
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.form-search {
    position: relative
}

.form-search .search-autocomplete {
    z-index: 1000
}

.form-search .search-autocomplete li {
    cursor: pointer
}

.form-search .search-autocomplete li .amount {
    float: right
}

.form-search .search-autocomplete li.first {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.form-search .search-autocomplete li:focus,
.form-search .search-autocomplete li:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.form-search .search-autocomplete li.selected,
.form-search .search-autocomplete li.selected:focus,
.form-search .search-autocomplete li.selected:hover {
    z-index: 2;
    color: #fff;
    background-color: #ec671b;
    border-color: #ec671b
}


@media (max-width: 991px) {



	.logo-container, .logo, .logo-cta{

		display: block;

		text-align: center;

		width: 100%;

	}



	.logo{

		padding: 20px 0px 10px;

	}



	.logo-cta{

		padding: 10px 0px 20px;

	}



	.md-text-center{

		text-align: center;

	}



	[class*="col-md"].vcenter{

		display: block;

		width: 100%;

	}



	.content [class*="col-md"]{

		margin-bottom: 30px;

	}



	.content [class*="col-md"]:last-child{

		margin-bottom: 0px;

	}



	.home-box-small{

		width: 50%;

		height: 240px;

	}



	.footer-top-column{

		display: block;

		border: none;

		width: 100%;

		margin-bottom: 40px;

	}



	.footer-top-column:last-child{

		margin-bottom: 0px;

	}



	.footer [class*="col-"]{

		margin-bottom: 20px

	}



	.footer [class*="col-"]:last-child{

		margin-bottom: 0px

	}



}





@media (max-width: 767px) {



	.logo-cta{

		font-size: 20px;

		line-height: 24px;

		font-weight: 400;

	}



	.sm-text-center{

		text-align: center;

	}



	[class*="col-sm"].vcenter{

		display: block;

		width: 100%;

	}



	.content [class*="col-sm"]{

		margin-bottom: 30px;

	}



	.content [class*="col-sm"]:last-child{

		margin-bottom: 0px;

	}



	.home-box-small{

		width: 100%;

		height: 240px;

	}



	.copyright-menu{

		display: block;

		width: 100%;

		padding: 20px 0px !important;

	}



	.footer-copyright [class*="col-"]{

		margin-bottom: 10px

	}



	.footer-copyright [class*="col-"]:last-child{

		margin-bottom: 0px

	}

	.right-logo{

		display:none;

	}

	.navbar-right li{

		margin-right:0;

	}

	.dropdown-menu li a{

		color:#fff;

	}

}


@media (max-width: 991px) {

    .logo-container{
        display: flex !important;
        align-items: center;
        margin-top: 0px;
        margin-bottom: 0px;
        width:100%;
    }
    .logo{
        flex-basis: auto;
    }
    .logo-container img{
        max-width:100%;
        height:auto;
    }
    .logo-cta{
        flex-basis: 100%;
        font-size: 24px;
        line-height: 24px;
        font-weight: 300;
        color: #8C8C8C;
        word-break: break-word;
        text-align: center;
    }

    .logo-search-container{
        margin-bottom: 20px;
    }

    .md-text-center{
        text-align: center;
    }
}
@media (max-width: 767px) {

    .logo-search-container, .logo-bar-search, .logo-bar-cta{
        display: block;
        width:100%;
    }

    .logo-cta{
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
        text-align: center;
    }

    .logo-bar-cart{
        padding-top: 20px;
        text-align: center;
    }

    .sm-text-center{
        text-align: center;
    }

    [class*="col-sm"].vcenter{
        display: block;
        width: 100%;
    }

    .content [class*="col-sm"]{
        margin-bottom: 30px;
    }

    .content [class*="col-sm"]:last-child{
        margin-bottom: 0px;
    }

    .logo-bar-cta{
        background: #F5F7F5;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        padding-top: 15px;
        margin-bottom: 20px;
    }

    .logo-bar-cta a{
        display: block;
    }
}


.logo-bar-cta{text-align:center;}
.logo-bar-cart i{vertical-align: middle; font-size:35px;padding-right:20px;}
.logo-bar-cart a .cart-large:hover{color:#bb3d0c;}
.logo-bar-cart span{vertical-align:bottom;}
.logo-bar-cart span strong{vertical-align:bottom;}

@media (max-width: 768px){
    .twoIconButton {margin-top:0px;}
    .quote-container{padding:0;}
    .logo-bar-cart{padding:0;}
    .customer-rating{display:none;}
}

@media (max-width: 945px){
    .twoIconButton {margin-top:0px;}
    .quote-container{padding:0;}
    .logo-bar-cart{padding:0;}
}
@media (max-width: 992px){
    .twoIconButton {margin-top:0px;}
    .quote-container{padding:0;}
    .logo-bar-cart{padding:0;}
    .customer-rating{display:none;}
    #ruk_float_tab{display:none;}
}

@media only screen and (max-width: 767px) {
    .top-bar-nav-right li {font-size:0.6em;}
    .logo-search-container{padding:0px 10px 0px 10px;}
    .cart-container{display:none;}
    .logo-container{margin:0;}
    .logo{margin:0;padding:0;}
    .logo-cta{text-align:center;padding-left:0px;}
    .logo-cta .color-orange{font-size:23.5px;}
    .logo-cart .twoIconButton{padding:0;font-size:30px;margin-top:30px;text-align:right;}
}


.cart-container{padding:25px 15px;}
.quote-container{margin-bottom:10px;}
.cart-container, .logo-cart{display:flex;align-items: center;justify-content: flex-end;}
.cart-container .cart a, .logo-cart .cart a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ec671b url(https://www.promain.co.uk/industrial/images/cart.svg) no-repeat center center;
    height:60px;
    width:60px;
    border-radius:40px;
    display:inline-block;
}
.cart-container .cart a span, .logo-cart .cart a span{
    background: #171717;
    border-radius: 30px;
    color: white;
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    border: 2px solid white;
    font-weight: 900;
}
.logo-cart .cart a{height:50px;width:50px;}
.my-account .page-title.title-buttons{background:none;padding:0;margin:0;color:#000;border:none;}
.logo-bar-search{max-width:620px;margin:0 auto;}