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



/* WHOLE OF SITE CSS */




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

body {

font-family: 'Raleway', sans-serif;
font-size: 1.0em;	
	
}

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;
}

a.awexterior:link {
	color: #000;
	text-decoration: none;
}
a.awexterior:visited {
	text-decoration: none;
	color: #000;
}
a.awexterior:hover {
	text-decoration: none;
	color: #000;
}
a.awexterior:active {
	text-decoration: none;
	color: #000;
}

a.greenawexterior:link {
	color: #019A01;
	text-decoration: none;
}
a.greenawexterior:visited {
	text-decoration: none;
	color: #019A01;
}
a.greenawexterior:hover {
	text-decoration: none;
	color: #019A01;
}
a.greenawexterior:active {
	text-decoration: none;
	color: #019A01;
}

a.blueawexterior:link {
	color: #000095;
	text-decoration: none;
}
a.blueawexterior:visited {
	text-decoration: none;
	color: #000095;
}
a.blueawexterior:hover {
	text-decoration: none;
	color: #000;
}
a.blueawexterior:active {
	text-decoration: none;
	color: #000095;
}


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



/*START  THIS IS STYLING THE NAVIGATION BAR */

.navbar-default {
	background-color: #000095;
	border-color: #000069;
	font-size: 1.4em;
}
.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: #ffffff;
	text-decoration: underline;
	
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #000095;
}
.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: #000069;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #000069;
}
.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: #000069;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #000069;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #000069;
}
.navbar-default .navbar-toggle {
  border-color: #000069;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #000069;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.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: #000069;
  }
}


/*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: #000095;
	color: #FFFFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	
	
}



/* THIS IS CONTROLLING THE TEXT COLOUR - BACKGROUND COLOUR - PADDING OF THE BOX CONTAINING THE CONTENT - CONTACT US NOW TO BOOK A FREE ASSESSMENT */

.here {
	background-color: #019A01;
	color: #fff;
	font-size: 1.7em;
	padding-top: 0.2em;
	margin-bottom: 0.2em;	
	
}

/* THIS IS CONTROLLING THE TEXT COLOUR - FONT-SIZE - FONT-LINK COLOUR - OF TELEPHONE NUMBER BENEATH - CONTACT US NOW TO BOOK A FREE ASSESSMENT */



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

@media screen and (max-width: 767px){
	
	a.egexterior:link {
	
	font-size: 1.5em;
}
a.egexterior:visited {
	
	font-size: 1.5em;
}
a.egexterior:hover {
	
	font-size: 1.5em;
}
a.egexterior:active {
	
	font-size: 1.5em;
}

}

a.mobegexterior:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5em;
}
a.mobegexterior:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.5em;
}
a.mobegexterior:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.5em;
}
a.mobegexterior:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.5em;
}

@media screen and (max-width: 767px){
	
	a.mobegexterior:link {
	
	font-size: 1.2em;
}
a.mobegexterior:visited {
	
	font-size: 1.2em;
}
a.mobegexterior:hover {
	
	font-size: 1.2em;
}
a.mobegexterior:active {
	
	font-size: 1.2em;
}

}

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



/* HOMEPAGE CSS - START */

/* HOMEPAGE CSS - END */

/* THIS IS CREATING THE STRIPE DIRECTLY BENEATH THE TOP BANNER */

.boppercolour3 {
	background-color: #019A01;
	color: #FFFFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	
	
}


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

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


/* NICK THIS IS A MEDIA QUERY / CLASS I USED TO MAKE RHS - the second banner in assoc with ama etc.. - HAVE SOME PADDING WHEN AT XSMALL SIZE TO STOP IT BUNCHING UP  */

@media screen and (max-width: 767px){
.rhs {
	margin-top: 1em;
	text-align: center;
}
}


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

/* START - NICK THIS IS REMOVING THE WHITESPACE BETWEEN THE SLIDER AND THE CONTENT */

.removesomemargin {
	margin-top: -145px;
	
}

@media screen and (max-width: 767px){
.removesomemargin {
	margin-top: -150px;
	
}
}

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

.margintoleft {
	margin-left: 4em;
	padding-right: 0.1em;
}
@media screen and (max-width: 767px){
.margintoleft {
	margin-left: 0.5em;
	
}
}


@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: #009600;
	text-decoration: none;
	color: white;
	border: 0.15em solid #fff;
	font-size: 1.8em;
	font-weight: 500;
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: #000;
	
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #010195;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



@media (min-width: 768px) and (max-width: 1199px){
.movetheicondown {
	margin-bottom: 5em;
	
}
}


.themaintext {
	font-size: 1.7em;
	line-height: 34px;
	
	
	
}

.themaintextcontactpage {
	font-size: 2.7em;
	line-height: 44px;
	
	
	
}

@media (min-width: 768px) and (max-width: 1199px){
.themaintextcontactpage {
	font-size: 2.7em;
	line-height: 44px;
	text-align: center;
	
}	
}


@media screen and (max-width: 767px){
.themaintextcontactpage {
	font-size: 2.7em;
	line-height: 44px;
	text-align: center;
	
	
}	
	
}

@media (min-width: 768px) and (max-width: 1199px){
.padcontactpage {
	padding-bottom: 3em;
	
}	
}


@media screen and (max-width: 767px){
.padcontactpage {
	padding-bottom: 3em;
	
	
	
}	
	
}

h1 {
	font-size: 3.7em;
	font-weight: 800;
	color: #010195;
}

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


h2 {
	font-size: 2.5em;
	font-weight: 800;
	color: #019A01;

}

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


/* 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: #019A01;
	color: #FFFFFF;
	padding-top: 0.8em;
	padding-bottom: 0.4em;
	font-size: 1.0em;
	
}

.footercolour2 {
	background-color: #000095;
	color: #FFFFFF;
	line-height: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: 1.2em;
}

.padtoppicture {
	
	padding-top: 30px;
}

.paddingbottomcontainer {
	padding-bottom: 5em;
}

.img-rounded {  
  border-radius: 6px;  
}  


@media screen and (max-width: 767px)
{
.margerbottom {
	padding-bottom: 2em;
	
	
}
}



/* NICK THIS IS A MEDIA QUERY / CLASS I USED TO MAKE THE NAVIGATION TOGGLE COME ON AT SMALL SCREEN SIZE RATHER THAN JUST XSMALL SCREEN SIZE  */

@media (min-width: 768px) and (max-width: 991px) 
{
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  } 
  

}