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

body {
	
font-size: 16px;
line-height: 2.0em;
background-color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
color: #fff;
}
	

body {overflow-x: hidden;}

.navbar-default {
  background-color: #db2e28;
  border-color: #000;
letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #180d41;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #180d41;
  background-color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #94938f;
}
.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: #180d41;
  background-color: #fff;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #000;
}
.navbar-default .navbar-toggle {
  border-color: #000;
}
.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: #000;
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover {
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #180d41;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #180d41;
  }
  .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: #180d41;
    background-color: #fff;
  }
}

/* this is the size of the logo on the navigation bar*/

#brand-image {
  height: 55px;
  padding-bottom:18px !important; 
}

/* this is the height of the navigation bar*/

.navbar-nav > li > a, .navbar-brand {
    padding-top:11px !important; 
    padding-bottom:0 !important;
    height: 42px;
}
.navbar {min-height:40px !important;}

/* this is the height of the navigation bar*/

.navbar-nav > li > a, .navbar-brand {
    padding-top:12px !important; 
    padding-bottom:0 !important;
    height: 42px;
}
.navbar {min-height:40px !important;}

.navbar-right {
	padding-top:8px !important;
	
}

/*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 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: 1260px) 
{
  .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;
  } 
	
}
	




/* LINK TEXT IN FOOTER */

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



h1 {
	font-size: 2.2em;
	line-height: 1.8em;
	padding-top: 0.5em;
	padding-bottom: 1.1em;
	color: #F83037;
	font-weight: bold;
}

@media (max-width: 767px) {
	
	h1 {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.3em;
}

}	

h2 {
	font-size: 1.4em;
	line-height: 1.8em;
	padding-top: 0.5em;
	padding-bottom: 1.1em;
	color: #ffff00;
	font-weight: bold;
}

@media (max-width: 767px) {
	
	h2 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
}

}

.text-padding {
	padding-top: 0.1em;
	padding-bottom: 4em;
	
}


.abitofmarginontopoflogo {
	margin-top: 1em;
	margin-bottom: 1em;
}

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


/* DIV ID 1 */

#whiteness {
	background-color: #000;
}	

/* DIV ID 2 */

#whiteness1 {
	background-color: #000;
}

/* FOOTER CLASS */
.footercolour {
	background-color: #000;
	color: #FFFFFF;
	padding-top: 0.4em;
	padding-bottom: 0.1em;
	font-size: 0.6em;
	line-height: 2.0em;
	
}


/* START - FONT AWESOME CLASSES IF NEEDED - LATER IN THE BUILD */
.fa {
	color: #AFA99D;
}
.fas {
	color: #180d41;
		}

.far {
	color: #180d41;
		}
.fab {
	color: #180d41;
		}
/* END - FONT AWESOME CLASSES IF NEEDED - LATER IN THE BUILD */


.scontback {
	background-color: #000;
	margin-left: 1em;
	margin-right: 1em;
}


@media (min-width: 1199px) and (max-width: 1257px) {
	
	.scontback {
	background-color: #000;
	margin-left: 0em;
	margin-right: 0em;
}

}


@media (min-width: 991px) and (max-width: 1056px) {
	
	.scontback {
	background-color: #000;
	margin-left: 0em;
	margin-right: 0em;
}

}


@media (min-width: 765px) and (max-width: 836px) {
	
	.scontback {
	background-color: #000;
	margin-left: 0em;
	margin-right: 0em;
}
	
}

/* Dotted white border */
hr.new2 {
  border-top: 1px dotted #fff;
}