@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('http://fonts.googleapis.com/css?family=Raleway:400,300,700');

html {
}
 
body {
	font-family: 'Open Sans', sans-serif;
	padding-top: 50px;
	
}

h1 {
	font-size:28px;
}

a, a:visited, a:active, a:hover {
	color:#FFF;
	
}





.navbar-default .navbar-nav > li > a:hover {
		color:#FFF;

}

.yellow-txt {
	color:#F8C100 !important;	
}

.white-border {
	border: medium solid #FFFFFF;
}	

section {
	padding-top:20px;
	padding-bottom:20px;
}


section.IMG-Banner {
	height: 300px;
	max-height: 300px;
	background-size: 100% auto;
	background-attachment:scroll;
	color:#FFF;
	position:relative;
	padding-top:0;
	padding-bottom:0; 
	background-repeat:no-repeat;
	
}


.thin {
	height: 250px;
}


.banner-headline {
		font-size:38px;
		background: rgba(0, 0, 0, .4);
		padding-left:25px;
		padding-right:25px;
		margin-top:100px;
		font-family: 'Open Sans', sans-serif; 
		text-transform:uppercase;
}

.carousel-caption {
		font-family: 'Open Sans', sans-serif; 
		text-transform:uppercase;
}

.landlordservices {
	background-image: url(../images/landlord-clearance.jpg);
		background-position:center;

}

.houseclearance {
	background-image: url(../images/banner1.jpg);

	
}

.gardenclearance {
	background-image: url(../images/banner3.jpg);
	background-position:center;
}

.commercialclearance {
	background-image: url(../images/banner2.jpg);
	background-position:center;
}

.datadisposal {
	background-image: url(../images/banner4.jpg);
	background-position: center;
	
}

.modal {
	z-index:5555555;	
}

.modal-content, section.contact {
	background-image: -webkit-linear-gradient(282deg,rgba(0,0,0,1.00) 0%,rgba(0,0,0,0.84) 47.67%,rgba(0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(282deg,rgba(0,0,0,1.00) 0%,rgba(0,0,0,0.84) 47.67%,rgba(0,0,0,1.00) 100%);
	background-image: -o-linear-gradient(282deg,rgba(0,0,0,1.00) 0%,rgba(0,0,0,0.84) 47.67%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(168deg,rgba(0,0,0,1.00) 0%,rgba(0,0,0,0.84) 47.67%,rgba(0,0,0,1.00) 100%);
	color: #FFF;
}

section.contact a {
	color:#F8C100;
}

.modal-header {
	background-color: #2B2B2B;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.close {
	color:#FFF;
}


.carouselwrapper {
	position:relative;
	margin-top:200px;
}

.carousel-caption {
	padding-top: 0px;
	padding-bottom: 0px;
	bottom: 180px;
	text-align: left;
	background: rgba(0, 0, 0, .6);
	background-color: rgba(248,0,7,0.90);
	max-width: 400px;
	right: 0;
	width: auto;
	border: thin solid #FFFFFF;
	-webkit-box-shadow: 2px 2px 10px 3px #000000;
	box-shadow: 2px 2px 10px 3px #000000;
}

.carousel-special {
	position:relative;
	padding-top: 0px;
	padding-bottom: 0px;
	bottom: 220px;
	
	width: auto;	
	left:20%;
	right:20%;
	
}


.carousel-caption h2 { 
	position:relative;
	width:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

.carousel-inner {
		background: rgba(0, 0, 0, .4);

}

.item {
	min-height:80px;
	position:absolute;
}

.carousel-caption h2 {
	color:#FFF;
	font-weight:bold;
	font-size:32px;
}

.bwd-red {
	/* [disabled]color:#004b97 !important; */
}

.bwd-red-bg {
	background-color:004b97 !important;	
	color:#FFFFFF !important;	

}

.navbar-default {
	background-color:#000;
	color:#FFF;
}

.navbar-brand {
	font-weight:900;
	text-transform:uppercase;	
}

.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a {
	color:#FFF;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color:#FFFFFF;
}

.navbar-default .navbar-nav > li > a {	
	font-size:12px;	
}

section.header {
	max-height: 150px;
	/* [disabled]background-color: #004b97; */
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFF;
	
}

section.news {
	background-image: url(../images/festive_bg2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #939393;
}


section.special {
	
	background-color:#fff000;
	padding-top:0px;
	padding-bottom:0px;
	
}

.special img {
	margin-left:auto;
	margin-right:auto;
}

.logo {
	float:left;
	width:80%;
}

.logo img {
	max-height:120px;
	margin-top:10px;
	
}

.round-logo {
	float:left;
	width:20%;
	max-height:120px;
	
}

.round-logo img {
	text-align:right;
	max-height:120px;
	margin-right:20px;
}

.other-logo {
		
	
}


.other-logo img {
	max-height:120px;
}

.cc-logos {
	margin-top:25px;
	width:40%;
	float:left;
}

.trading-logo {
	width:50%;
	float:right;

}

section.header-headline {
	font-size: 34px;
	font-weight: bold;
	letter-spacing: -0.8pt;
	background-color: #000;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	width:100%;
	position:relative;
	z-index:999999;
}

.contact-headline {
	font-size: 34px;
	font-weight: bold;
}

.header-headline a {
	color:#F8C100;
	font-weight:bolder;
}



.IMG-Banner .jumbotron {
	background: rgba(0, 0, 0, .6);
	position:absolute;
	bottom:0;
	z-index:100;
}

.quick-quote {
	/* [disabled]background-color: rgba(0, 0, 0, .6); */
	padding: 10px;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.bwd-video-wrapper {
	margin-top:20px;
}

section.Middle {
	
}

section.Middle a {
	color:#004b97;
}


section.IMG-Banner .pullup {
	position:relative;
	top:-300px;
}

.key-points {
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	margin-top:20px;
	position:absolute;
	z-index:500;
	top:10px;
	right:50px;	
}

.key-points .panel {
	margin-bottom:10px;
	background: rgba(0, 0, 0, .8);
}

.key-points .panel .panel-body {
		padding:10px;

}

.btn-quote {
	margin-top: 20px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	text-shadow: -2px 2px #346392;
	background-color: #000CF5;
	background-image: -webkit-linear-gradient(90deg,rgba(35,109,183,1.00) 0%,rgba(31,55,134,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(35,109,183,1.00) 0%,rgba(31,55,134,1.00) 100%);
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8), 0 6px 20px 0 rgba(0,0,0,0.19);
	border: none;
	border-radius: 15px;
	padding-left:30px;
	padding-right:30px;
}

.btn-primary {
	text-shadow: -2px 2px #346392;
	background-color: #000CF5;
	background-image: -webkit-linear-gradient(90deg,rgba(35,109,183,1.00) 0%,rgba(31,55,134,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(35,109,183,1.00) 0%,rgba(31,55,134,1.00) 100%);
}

section.services {
	background-color: #F0F0F0;
	min-height: 200px;
}

.services-box {
	background-color: #FB0303;
	border-radius: 10px;
	/* [disabled]border-color: #004b97; */
	padding-bottom: 10px;
	height: 250px;
	margin-bottom: 10px;
	-webkit-box-shadow: 2px 2px 4px 4px #D0CBCB;
	box-shadow: 2px 2px 4px 4px #D0CBCB;
	color: #FFF;
}

.services h1 {
	font-size: 38px !important;
	color: #000;
	font-weight: bold;
}

.services-img{
	height:100px;
	overflow:hidden;
}

.services-img img {
	max-height:200px;
	overflow:hidden;
	z-index:-100;
	min-width:100%;
}

.services-box {
	position:relative;
}

.services-icon {
	max-width: 100px;
}

.services-text {
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	height:120px;
	padding-top:20px;
	
}

.services-btn-box {
	height:40px;	
}
.services-btn {
	bottom:0;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	right:10%;
	left:10%;
}

section.greenBanner {
	background-color: #7aa323;
	min-height: auto;
	color: #FFF;
}



section.checkatrade {
	
	padding-top:15px;
	padding-bottom:15px;

}

.no-top-padding {
		padding-top:0;
	
}

section.footer {
	background-color:#484848;
	color:#FFF;
}	

.recycle-logo img{
	margin-top:20px;
	max-height:150px;
}

.recycle-text{	
	font-size:26px;
	text-align:center;
	text-transform:capitalize;
}

.footer-logo img{
	max-height:140px;	
}

.checkatradelogo, .checkatradebutton {
	float:left;
	width:50%;
}

.checkatradelogo img {
	max-height:30px;
}

.checkatradebutton {
	margin-top:0px; 
}

.checkatradebutton .btn {
	margin-left:20px;
}

.quote_float {
	width: auto;
	height: 50px;
	position: fixed;
	top: 50%;
	right: -100px;
	height: auto;
	padding: 10px;
	transform: rotate(-90deg);
	transform-origin: right, top;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: right, top;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: right, top;
	z-index: 999999;
	color: #FFF;
	font-size: 18px;
	text-shadow: -2px 2px #346392;
	background-color: #000CF5;
	background-image: -webkit-linear-gradient(90deg,rgba(35,109,183,1.00) 0%,rgba(31,55,134,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(35,109,183,1.00) 0%,rgba(31,55,134,1.00) 100%);
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.8), 0 6px 20px 0 rgba(0,0,0,0.19);
	border: thin solid #FFFFFF;
	}
	
	
	.carousel, .item, .active {
    height: 100%;
	}

	.carousel-inner {
		height: 100%;
	}
	
	/* Background images are set within the HTML using inline CSS, not here */
	
	.fill {
		width: 100%;
		height: 100%;
		min-height:350px;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	
	.home-button {
		position:absolute;
		bottom:80px;
		width:auto;
		margin-left:20%;	
	}
	
	
	section#reviews .review-filtering {
  margin: 20px 0 100px 0;
}
section#reviews .review-filtering .review .review-person {
  width: 100%;
}
section#reviews .review-filtering .review .review-person img {
  width: 110px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 10px auto;
}
section#reviews .review-filtering .review .review-comment {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 40px 20px;
  position: relative;
}
section#reviews .review-filtering .review .review-comment h3 {
  margin-bottom: 15px;
  text-transform:none;
  font-size:16px;
}
section#reviews .review-filtering .review .review-comment p {
  font-size: 16px;
  color: #999999;
}
section#reviews .review-filtering .review .review-comment p span {
  margin-left: 10px;
}
section#reviews .review-filtering .review .review-comment:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-width: 15px;
  margin-top: -10px;
}
section#reviews .review-filtering .review .review-person,
section#reviews .review-filtering .review .review-comment {
  float: left;
}
section#reviews .review-filtering .slick-dots {
  bottom: -80px;
}
section#reviews .review-filtering .slick-dots li button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
section#reviews .review-filtering .slick-dots li button:before {
  display: none;
}

section#reviews {
	background-color:#DFDEDE;
	background-image:none;	
}

.review {
	margin-bottom:20px;	
}

section#reviews .section-heading h1 {
	color:#FFF;
}


section#reviews header {
  color: #ffffff;
}
section#reviews header h1:after {
  background: #ffffff;
}
section#reviews .review-filtering .review .review-person img {
  border: 3px solid #ffffff;
}
section#reviews .review-filtering .review .review-comment {
  background: #ffffff;
}
section#reviews .review-filtering .review .review-comment h3 {
  
}
section#reviews .review-filtering .review .review-comment p span i {
  color: #21508f;
}
section#reviews .review-filtering .review .review-comment:after {
  border-right-color: #ffffff;
}
section#reviews .review-filtering .slick-dots li button {
  background: #ffffff;
  border: 2px solid #ffffff;
}
section#reviews .review-filtering .slick-dots li.slick-active button {
  background: #21508f;
}

.testimonials-header {
	font-size:42px;	
	background: rgba(0, 0, 0, .4);
	margin-top:50px;
	margin-left:10%;
	margin-right:10%;
	text-transform:uppercase;

}

.testimonials-header .small{
	font-size:50%;	
}

.alert {
	margin-bottom:0px;
}

.alert a {
	color:#000;
}

.whatsapp-container {
	position:fixed;
	bottom:2px;
	width:70%;
	right:0;
	height:50px;
	z-index: 999999;
	
}

.social-container {
	position:fixed;
	bottom:0px;
	width:100%;
	height:60px;
	z-index: 999998;
	background-color:#000;
	padding-top:5px;
	padding-bottom:5px;
	color:#fff;
}

.whatsapp-img {
		
	height:auto;
	float:left;
	margin-left:50px;
}

.whatsapp-img img {
	max-height:40px;
}

.whatsapp-text {
	max-width: 210px;
	height: auto;
	color: #FFF;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	border-radius: 10px;
	padding: 5px;
	background-image: -webkit-linear-gradient(270deg,rgba(37,211,102,1.00) 0%,rgba(37,211,102,1) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(37,211,102,1.00) 0%,rgba(37,211,102,1) 100%);
	background-image: -o-linear-gradient(270deg,rgba(37,211,102,1.00) 0%,rgba(37,211,102,1) 100%);
	background-image: linear-gradient(180deg,rgba(37,211,102,1.00) 0%,rgba(37,211,102,1) 100%);
	-webkit-box-shadow: 1px 1px 10px 1px #828282;
	box-shadow: 1px 1px 10px 1px #828282;
	border: medium solid #FFFFFF;
}

.whatsapp-text a {
	color: #FFF;
	text-shadow: 1px 1px 4px #686868;
}

tbody tr td {
	font-size:17px;
}

.green {
	color:#008F1D;
}

.red {
	color:#E80105;
}

.blogrow {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: thin solid #CBCBCB;
}


/* lg */ 
@media (min-width: 1200px) {
	.thin {
		max-height: 250px !important;
	}

}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {

	.key-points {
		font-size: 18px;
	}
	
	.thin {
		max-height: 250px !important;
	}
	
	.carousel-caption {
		max-width:350px;	
	}
	
	.banner-headline {
		font-size:30px;	
	}
	
	.carousel-caption h2 {
		font-size:30px;
	}
	
	section.IMG-Banner {
		background-attachment:scroll;	
	}
	
	.services-text {
	
		height:100px;
	
	}
	
	
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.key-points {
		font-size: 18px;
		right:20%;
	}
	
	.nav > li > a {		
		padding-left:5px;
		padding-right:5px;
	}

	
	section.IMG-Banner .pullup {
		position:static;
	
	}
	
	section.header-headline {
		font-size:26px;	
	}
	
	section.IMG-Banner {
		background-attachment:scroll;	
	}
	
	.navbar-default {
		background-color:#FFF;
		padding-bottom:10px;
	}
	
	.navbar-brand {
		max-width:350px;
		
	}
	
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	
	.services-text {
	
		height:100px;
	
	}
	
	.news {
	
		text-transform:uppercase;
	}

}





/* xs */
@media (max-width: 767px) {
	
	h1, .h1 {
		
		font-size:26px;
	}
	
	.navbar-default {
		background-color:#FFF;
		border-color:#FFF;
		
	}
	
	.navbar-brand {
		max-width:280px;
		padding-top: 8px !important; 
		
	}
	
	.navbar-brand img {
		height:50px;	
	}
	
	section.header-headline {
		font-size: 24px;
		text-align:center;
		padding-top:10px;
		position:fixed;
		z-index:998;
		top:60px;
		width:100%;
		
	}
	
	section.IMG-Banner, .thin {
	padding-top: 0px;
	height: 400px;
	min-height: 400px;
	max-height: auto !important;
	background-position: center bottom;
	}
	
	.other-logo {
		max-width:100%;
	}
	
	.other-logo img {
		max-width:50%;
	}
	
	.checkatradelogo, .checkatradebutton {
		float:none;
		width:100%;
		height:40px;
	}
	
	.checkatradebutton .btn {
		float:none !important; 
		margin-left:0px;
	}
	
	.key-points {
		font-size:16px;
		margin-top:40px;
		left:10px;
	}
	
	.keyppointshome {
		margin-top:90px;
	}
	
	.btn-quote {
		
		width: 90%;
		font-size:20px;
		
	}
	
	.services-box {
		height:auto;
		min-height: 220px;
		max-height: auto;
	}
	
	.carouselwrapper {
		margin-top:60px;
	}
	
	.carousel-caption {
		
		top:30px;
		left:0;
		height:42px;
	}
	
	
	
	.carousel-caption h2 {
		font-size:18px;
	}
	
	section.footer {
		margin-bottom:0px;
	}
	
	.recycle-text{	
		font-size:16px;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	section.IMG-Banner .pullup {
		position:static;
	
	}
	
	.banner-headline {
		margin-top:40px;
		font-size:32px;
	}
	
	.landlordservices {
		background-image: url(../images/landlord-clearance-m.jpg);
			

	}
	
	.houseclearance {
		background-image: url(../images/banner1-m.jpg);	
			background-size: auto 100%;	

	}
	
	.gardenclearance {
		background-image: url(../images/banner3-m.jpg);	
			background-size: auto 100%;	

	}
	
	.commercialclearance {
	background-image: url(../images/banner2-m.jpg);
		background-size: auto 100%;	

	}
	
	
	.datadisposal {
	background-image: url(../images/banner4-m.jpg);
	background-size: auto 100%;	
	}
	
	.testimonials-header {
		font-size:44px;	
		text-align:left;
		margin-left:0;
		padding:10px;
	}
	
	.testimonials-header .small {
		font-size:16px;	
	}
	
	.services-text {
	
		height:100px;
	
	}
	
	.footer-logo {
		
		margin-right:40px;
	}
	.news {
	
		text-transform:uppercase;
	}

	.whatsapp-img {
		
	height:auto;
	float:left;
	margin-left:20px;
	}
	
	.key-points .panel {
		margin-bottom:10px;
		background: rgba(0, 0, 0, .4);
	}
	
}

/* XS Portrait */
@media (max-width: 479px) {
	section.header-headline {
		font-size:16px;	
	}
	
	.services-text {
	
		height:auto;
	
	}
	
	.news {
	
		text-transform:uppercase;
	}
	
	.key-points .panel {
		margin-bottom:10px;
		background: rgba(0, 0, 0, .4);
	}
	
	section.special {
	padding-top:10px;
	padding-bottom:0px;
	background-color:#fff000;
	
	}

	.special img {
		margin-left:auto;
		margin-right:auto;
	}
	
	

}