@charset "UTF-8";

body {
  background: #FFF url("../img/pattern1.png") repeat;
  color: #222;
}

.global {
	padding:0!important;
    background: #FFF url("../img/pattern2.png") repeat scroll 0% 0%;
    margin-top: -64px;
}

a {
	color:#393d7d;
}

.navbar {
  margin-bottom: 0;
  margin-left: -15px;
  margin-right: -15px;
  border-radius:0 !important;
  -moz-border-radius:0 !important;
  -webkit-border-radius:0 !important;
  background-color: #393d7d;
}

.navbar-right {
	margin-top:22px;
}

.nav>li>a {
	color:#FFF;
}

@media (max-width:767px) {
	.nav {
		margin-top:20px !important;
		margin-right:0 !important;
		margin-left:0 !important;
		margin-bottom:20px !important;
	}
	
	.nav>li>a {
		padding:15px;
	}
	
	.nav>li>a:hover {
		background-color:#2E3163 !important;
		text-decoration:none !important;
	}

}

.nav>li>a:hover, .nav>li>a:focus {
	background-color:transparent;
	text-decoration:underline;
}

.icon-bar {
	background:#FFF;
}

.navbar-toggle {
	margin:30px !important;
}

@media (max-width:767px) {
	.navbar-toggle {
	margin:20px !important;
}
}

.fa-li.fa.fa-circle {
	color: #FFF;
	font-size: 6px;
	top: 23px;
	left: -6px;
}


header {
	background: #2E3163 none repeat scroll 0% 0%;
	position: relative;
	width: 100%;
	margin: 0;
	top: 0;
	left: 0;
}

.header-bottom {
	background-image: url("../img/paint-header.png");
	background-position: top left;
	background-color:transparent;
	background-size: 50%;
	background-repeat: no-repeat;
	min-height:65px;
	z-index:100;
	position:relative;
	margin-left: -15px;
    margin-right: -15px;
}

.logo {
	width: 300px;
	margin: 15px;
}

@media (max-width:767px) {
	.logo {
	width: 190px;
	margin: 20px;
}

}

.bg_pic {
	background: url("../img/pattern3.png") repeat;
}

.mainContent {
	background: url("../img/pattern4.png") repeat;
}

.mainContent .container {
	background:#FFF;
}

.mainContent .row {
	background: #FFF;
	padding:30px 15px;
}

.banner {
	background-color:#FFF;
    background-size: cover;
    height: 500px;
    border-radius:0 !important;
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
	margin-top:-50px;
	margin-bottom:0;
	z-index:99;
	position:relative;
	padding:35px;
}

.home .banner {
	background-image:url("../img/home-header.jpg");
}

.interior .banner {
	background-image:url("../img/interior-header.jpg");
}

.exterior .banner {
	background-image:url("../img/exterior-header.jpg");
}

.contact .banner {
	background-image:url("../img/contact-header.jpg");
}

@media (min-width:992px) and (max-width:1199px) {
	.home .banner {
		background-position: -50px;
	}
	
	.exterior .banner {
		background-position: -40px;
	}
	
	.contact .banner {
		background-position: -150px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.home .banner {
		background-position: -160px;
	}
	
	.exterior .banner {
		background-position: -40px;
	}
	
	.contact .banner {
		background-position: -180px;
	}
}

@media (max-width:767px) {
	.home .banner {
		background-position: 45%;
	}
	
	
	.exterior .banner {
		background-position: 20%;
	}
	
	.contact .banner {
		background-position: 45%;
	}
}

.strapline {
	color:#393d7d;
	padding:10%;
}

.home .strapline {
	visibility: visible;
}

@media (max-width:767px) {
	.home .strapline {
	visibility: hidden;
}
}


.h1,.h2,.h3,.h4,.h5,.h6 {
	font-weight:300 !important;
}

.page-title {
	font-size:56px;
	font-weight:300;
}

.contacts-container {
	width: 100%;
	background:#FFF;
	padding:20px;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
}

.contacts-container i {
	color: #393d7d;
	margin: 15px 30px 15px 15px;
	font-size: 20px;
}

.dulux {
	max-width: 200px;
	margin:10px auto;
	width: 100%;
}

.btn {
	border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border:0;
	width: 100%;
	margin: 20px 0;
	padding: 15px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) !important;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) !important;
}

.btn-default {
	color: #FFF !important;
	
	background: #393d7d; /* Old browsers */

	background: -moz-linear-gradient(top,  #393d7d 0%, #2e3163 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393d7d), color-stop(100%,#2e3163)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #393d7d 0%,#2e3163 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #393d7d 0%,#2e3163 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #393d7d 0%,#2e3163 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #393d7d 0%,#2e3163 100%); /* W3C */

}

footer .container {
	background:#FFF;
	padding: 30px;
}

footer p {
	font-size:1rem;
}

footer a {
	color: #393d7d;
}

.footer-logo {
	max-height: 30px;
	margin: 0 auto 30px;
	display: block;
}

.text-right-mobile {
	text-align: right;
}

@media (max-width:767px) {

.text-right-mobile {
	text-align: left;
}

.fa-li.fa.fa-circle {
	display:none;
}

.fa-ul {
	margin-left:0;
}

}

.fluidbox img {
	height: 100px;
	float:left;
	margin:20px
}

.map {
	width:100%;
	height:350px;
}