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



/* WHOLE OF SITE CSS */




/* ---------------------START - THIS IS CONTROLLING THE BODY SECTION  OF ALL THE PAGES----------------------------- */

body {

font-family: 'Lato', sans-serif;
font-size: 1.0em;
color: 333;	
	
}

a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
a:active {
	text-decoration: none;
	color: #fff;
}

a.exterior:link {
	color: #fff;
	text-decoration: none;
}
a.exterior:visited {
	text-decoration: none;
	color: #fff;
}
a.exterior:hover {
	text-decoration: underline;
	color: #fff;
}
a.exterior:active {
	text-decoration: none;
	color: #fff;
}







/*START  THIS IS STYLING THE NAVIGATION BAR */



.navbar-default {
    background-color: #000;
    border-color: #000;
    font-size: 1.6em;
    font-weight: bold;
   
    text-transform: uppercase;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
	
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #64A6D8;
	
	
}
.navbar-default .navbar-nav > li > .dropdown-menu {
	background-color: #1C549D;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #2d3739;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
	background-color: #ADA7A7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #2d3739;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #2d3739;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #2d3739;
}
.navbar-default .navbar-toggle {
  border-color: #64A6D8;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #000;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #000;
  }
}


/*START  THIS IS CENTERING THE NAVIGATION */

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

/* THIS IS REMOVING THE ROUNDED BORDERS ON THE NAVBAR */
.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* NICK THIS IS A CLASS OVER RIDE I USED TO MAKE THE DEFAULT NAVBAR LESS HIGH */

.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:28px !important}

/*END THIS IS CENTERING THE NAVIGATION */

/* NICK THIS IS A CLASS TO OVERRIDE THE STANDARD 20px MARGIN BOTTOM ON THE NAV BAR*/
.navbar {
    margin-bottom: 0;
}









/*ENDF  THIS IS STYLING THE NAVIGATION BAR */

/* ---------------------START - THIS IS CONTROLLING THE TOP SECTION  OF ALL THE PAGES----------------------------- */


/* THIS IS THE LINE HEIGHT OF THE TEXT IN THE TOP BANNER SECTION */

.textlineheight {
	
	line-height: 30px;
}



/* THIS IS THE BACKGROUND COLOUR - TEXT COLOUR - FONT SIZE AND PADDING OF THE TOP BANNER SECTION */

.toppercolour3 {
    background-color: #2D3739;
    color: #FFFFFF;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    font-size: 1.4em;
    padding-left: 0.5em;
    padding-right: 0.5em;
	
	
}

.toppercolour93 {
    background-color: #384344;
    color: #000;
    padding-top: 0.1em;
    font-size: 1.4em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.1em;
	
	
}





.here {
    background-color: #000;
    color: #64A6D8;
    font-size: 2em;
    font-weight: bold;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 0.2em;
	
	
	
	
}

.here22 {
    background-color: #fff;

   
	
	
	
	
}











a.egexterior:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 2.5em;
}
a.egexterior:visited {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
}
a.egexterior:hover {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
}
a.egexterior:active {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
}


a.bottomnumber:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	
}
a.bottomnumber:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}
a.bottomnumber:hover {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}
a.bottomnumber:active {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}

a.bottomemail:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	
}
a.bottomemail:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}
a.bottomemail:hover {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}
a.bottomemail:active {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}

.yopper {
	margin-bottom: 4em;
	margin-top: 3em;
	
	
}

.gopper {
	margin-bottom: 4em;
	margin-top: 6em;
	
	
}

.topper {
	margin-bottom: 4em;
	margin-top: 4em;
	
	
}





/* THIS IS STOPPING THE HORIZONTAL SCROLL BAR*/
.row {
  margin-left: 0px;
  margin-right: 0px;
}



.clearfix {   
    clear:both; 
    width:100%;
    display: block;
}




@media screen and (max-width: 767px){
.margintobottom {
	margin-bottom: 2.5em;
	
}
}



.button {
	display: inline-block;
	
	padding-left: 0.7em;
	padding-right: 0.7em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	
	text-decoration: none;
	color: white;
	border: 0.15em solid #fff;
	border-radius: 10px;
}

.button2 {
	display: inline-block;
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	background-color: #000;
	text-decoration: none;
	color: white;
	border: 0.15em solid #fff;
	font-size: 1.8em;
	font-weight: 500;
}







.themaintext {
	
	font-size: 2em;
	line-height: 40px;
	
	
	
}

h1 {
	font-size: 3.7em;
	font-weight: 800;
	
	color: #2d3739;

}

@media screen and (max-width: 767px){
h1 {
	font-size: 2.8em;
	line-height: 44px;
	color: #2d3739;
	
}
}


h2 {
    font-size: 3.2em;
    font-weight: 800;
    color: #000;

}

@media screen and (max-width: 767px){
h2 {
	font-size: 2.4em;
	line-height: 38px;
	
}
}

h2.white {
    font-size: 3.2em;
    font-weight: 800;
	line-height: 48px;
    color: #fff;

}

@media screen and (max-width: 767px){
h2.white {
	font-size: 2.4em;
	line-height: 38px;
	color: #fff;
}
}

h3 {
	font-size: 2.5em;
	font-weight: 800;
	color: #000;

}



/* NICK THIS CLASS IS CONTROLLING THE FOOTER BACKGROUND COLOUR - PLUS THE COLOUR OF THE TEXT IN IT - PLUS SOME EXTRA PADDING ON TOP AND BELOW */

.footercolour {
    background-color: #0071bd;
    color: #FFFFFF;
    padding-top: 0.8em;
    padding-bottom: 0.4em;
    font-size: 1.5em;
    line-height: 2.5em;
}

.footercolour2 {
    background-color: #fff;
    color: #333;
    line-height: 2.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 1.5em;
    margin-top: 1.0em;
}

.footercolour3 {
    background-color: #000;
    color: #FFFFFF;
    padding-top: 0.8em;
    padding-bottom: 0.4em;
    font-size: 1em;
    line-height: 2.5em;
}

.padding-0 {
    padding: 0;
}

  .bs-example{
    	margin: 20px;
    }




.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.panel {
	background-color: #fff;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
	color: #333;
	background-color: #2d3739;
	border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}





/* START - THIS STYLE ONLY APPLIES TO HOME PAGE - THIS CLASS IS CONTROLLING THE JUMBOTRON */

.mysettings {
	background-size: cover;
	background: url(../images/art3.jpg) center center;
	width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	color: #FFFFFF;
	padding-top: 120px;
	padding-bottom: 150px;
	
}

@media screen and (max-width: 767px){
.mysettings {
	background-size: cover;
	background: url(../images/art3.jpg) center center;
	width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
	color: #FFFFFF;
	padding-top: 80px;
	padding-bottom: 130px;
}
}

.jumbotron p {
	font-size: 30px;
}

  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 83px;
    color: #FFFFFF;
    font-weight: bold;
  }

@media screen and (max-width: 767px){
	


  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 38px;
	color: #fff;

}
}


@media screen and (max-width: 767px){
	.jumbotron p {
	font-size: 20px;
}
	}




@media (max-width: 991px) {
.septheboxes {
	
	margin-top: 4em;
	
}
}



/* END - THIS STYLE ONLY APPLIES TO HOME PAGE - THIS CLASS IS CONTROLLING THE JUMBOTRON */
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;


}

#navcontainer ul li a:link
{
color: #fff;

}

#navcontainer ul li a:visited
{
color: #fff;

}

#navcontainer ul li a:hover
{
color: #a3a4ab;

}

#navcontainer ul li a:active
{
color: #fff;

}

@media (max-width: 767px) {

#navcontainer ul li { display: block; }	


	
}

.bottomlogopadding {
padding-top: 1em;
padding-bottom: 1em;	
	
}

.padsocialmedia {
	margin-left: 1em;
	margin-right: 1em;
}

.padcompanynumber {
	padding-bottom: 2em;
}







a.serviceslnk:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	
	
}
a.serviceslnk:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}
a.serviceslnk:hover {
	text-decoration: none;
	color: #2d3739;
	font-weight: bold;
	
}
a.serviceslnk:active {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}

@media (max-width: 767px) {

.atr {	
padding-top: 2em;

}	
}