@charset "UTF-8";
/* CLSG CSS */
/* BODY Grey 900 #212121
   Links Grey 600 #757575 
   Medium 500
   Bold 700
*/

body {
	color: white;
  background-color: #323232 !important;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
	line-height: 1.25; 
  letter-spacing: 0;
  padding-top: 100px; /* top menu fix */
}
strong {
  font-weight: 500 !important;
}
a , a.lnk { /* Link 400 #424242 x000000 */
  color: blue;
  text-decoration: none;
}
a:hover , a.lnk:hover {
  color: #757575 !important;
}
/*a:visited , a.lnk:visited { 
  color: #212121 !important;
}*/
a.lnkdrk, a.lnkdrk:visited {
  color: #212121 !important;
  font-weight: normal !important;
}
a.lnktxt, a.lnktxt:visited {
  color: #666 !important;
  /* font-size: 14px !important; updates */
  font-weight: normal !important;
}
a.lnktxt:hover {
  text-decoration: underline !important;
}
a.lnkdrk:hover {
  color: #546E7A;
  text-decoration: underline !important;
}
a.lnklit {
  color: #BEBEBE !important;
}
a.lnklit:hover {
  color: #E0E0E0 !important;
}
a.lnkhi {
  color: #FF5722;
}
a.lnkhi:hover {
  color: #FF3D00;
}
a.lnkwht {
  color: #FFFFFF !important;
}
a.lnkwht:hover {
  color: #FFFFFF;
}
a.lnku {
  text-decoration: underline !important;
}
a.lnkn, .noline > a {
  text-decoration: none !important;
}
.anchor , a.anchor {
  text-decoration: none !important;
}
a.anchor:hover {
  color: inherit !important;
}
.anchor:target {
  padding-top: 110px !important;
  margin-top: -110px !important;
  text-decoration: none !important;
}
.breadcrumb {
  font-weight: 400 !important;
  color: #757575 !important;
}
.breadcrumb a {
  text-decoration: none;
  color: #757575 !important;
  font-weight: 500;
}
.breadcrumb a:hover {
  text-decoration: underline !important;
}
h1 {
  font-size: 21px;
  font-weight: 500;
	line-height: 1; 
  color: #FF3D00 !important;
}
h2 {
  font-size: 21px;
  font-weight: 500;
	line-height: 1; 
  color: #FFF;
}
#topBtn {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 30px;
  z-index: 1579;
  border: none;
  outline: none;
  /*background-color: #212121;*/
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 2px;
  font-size: 18px;
  background-image: image("../../../images/arw-top-gry.png");
}
#topBtn:hover {
  background-color: #666666;
}
#conBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1581;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px;
	opacity: 0.8;
  background-image: image("../images/btn-contact.png");
	background-color: transparent;
}
#conBtn:hover {
	background-color: transparent;
}
/* FO Landing */
.rounded-i {
	border-radius: 10px;
}
.rounded-t {
	border-radius: 10px 10px 0 0;
}
.rounded-b {
	border-radius: 0 0 10px 10px;
}
.navbar-toggler {
	display: block !important;
	border: 0px !important;
	opacity: 1;
	float: right;
}

@media (min-width: 992px) { /* Large screens (Bootstrap lg) */
	body {
    font-size: 18px;
		line-height: 1.5; 
  }
	h1 {
  	font-size: 30px;
		font-weight: 500; /* medium */
		line-height: 1; 
	}
	h2 {
  	font-size: 30px;
		font-weight: 500;
		line-height: 1; 
	}
}

h3 {
  font-size: 21px;
  font-weight: 500;
  line-height: 28px;
  color: #212121;
}
h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #212121;
}
h5 {
  font-size: 16px;
  font-weight: 500; /*700   */
  color: #212121;
  margin: 0;
}
h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  color: #212121;
}
h1.pri {
  font-size: 21px !important;
  font-weight: 500;
  line-height: 24px;
  color: #FF3D00 !important;
	font-family: 'Roboto', sans-serif;
}
h1.sec {
  font-size: 21px !important;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 20px 0;
}
h1.blg { /*bldg pg*/
  font-size: 24px !important;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 20px 0;
}
h1.blk {
  font-size: 21px;
  font-weight: normal;
  line-height: 28px;
  color: #000000 !important;
}
h2.blg {
  color: #000000 !important;
  font-size: 16px !important;
  line-height: normal !important;
  font-weight: 400 !important;
  padding: 15px 0 15px 0 !important;
  margin: 0px 0 0 0 !important;
}
.home-panel h2.hm {
  font-size: 24px !important;
  color: white !important;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 8px 0;
}
h2.sub {
  color: black !important;
  margin: -8px 0 0 0px !important;
}
h2.pg {
  margin-bottom: 20px;
}
h2.big {
  font-size: 16px !important;
  line-height: normal;
  font-weight: 500;
  display: inline;
}
h2.em {
  font-size: 14px !important;
  font-weight: 400;
  color: #757575;
  font-style: italic;
  margin: 0;
}
h3.drk {
  font-size: 18px !important;
  font-weight: 500;
  line-height: 28px;
  color: #000000 !important;
  margin-bottom: 5px !important;
}
h3.sub {
  font-size: 21px;
  font-weight: normal;
  line-height: 31px;
  color: #FF3D00;
  margin: 0px;
  padding: 0px;
}
h6.sub {
  font-size: 21px !important;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 0px 0;
}
a h4 {
  color: #000000;
}
:focus {
  outline: none !important;
}
ul.list {
  margin: 0px;
  padding: 20px;
}
ul.nob {
  list-style-type: none;
}
ul.bult {
  margin: 0px;
  padding: 0 20px 20px 20px;
}
ol.step {
  list-style-type: none;
  counter-reset: elementcounter;
  padding-left: 0;
}
.step li:before {
  content: "Step "counter(elementcounter) ". ";
  counter-increment: elementcounter;
  font-weight: bold;
}
.list-group-item { /*BS*/
  border: 0px !important;
  padding-left: 0 !important;
}
header {
  font-size: 16px;
  color: white;
  background-color: #FAFAFA;
}
footer {
  background-color: #323232;
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  display: block;
  margin: 5px 25px 5px 25px;
}
.cl-ftr {
  padding: 30px 20px 15px 30px !important;
}
.f-0 {
  margin-top: 0px !important;
}
footer a {
  color: #616161;
  text-decoration: none;
}
footer a:hover {
  color: #000;
}
.txt-blk {
  padding: 0 0 15px 0;
}
.txt-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin: 0px 0 10px 0;
}
.txt-xl {
  font-size: 24px !important;
}
.txt-l {
  font-size: 20px !important;
  line-height: 28px;
}
.txt-lrg {
  font-size: 18px !important;
  font-weight: 400;
  line-height: 26px;
}
.txt-big, .txt-big-m {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word !important;
}
.txt-bgy {
  font-size: 16px;
  font-weight: 400;
  color: #212121;
  margin-top: -5px;
}
.txt-bdy {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 21px;
}
.txt-mid {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.txt-sml {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}
.txt-xs {
  font-size: 10px;
  margin-top: 3px;
}
.txt-reg {
  font-weight: 400 !important;
}
.txt-med {
  font-weight: 500;
}
.txt-wht {
  color: #FFFFFF !important;
}
.txt-hlt {
  color: #FF5722;
}
.txt-blu {
  color: #2979FF !important; /*0000ff*/
}
/* 
#blu23 { 23 
  position: relative;
}*/
div.bottom {
  position: absolute;
  bottom: 15px;
  width: inherit;
}
.lnktbl > a { /* Link Table 400 #212121 */
  color: #212121;
  font-size: 18px !important;
  font-weight: 400;
  border-top: #1E88E5 1px solid;
  display: block;
  width: 100%;
  line-height: normal;
  padding: 6px 0 6px 0;
  margin: 0;
  text-decoration: none;
}
div.menu > a {
  color: #616161;
  border-top: #1E88E5 1px solid;
  display: block;
  width: 100%;
  line-height: normal;
  padding: 4px 0 4px 0;
  margin: 0;
  text-decoration: none;
}
/* 
#blu23 a {
  color: #A7C8FF;
}
#blu23 a:hover {
  color: #D9E8FF;
}
23  OUT COLOURS 
.txt-blu-l { 
	color: #A7C8FF;
}
.txt-blu-d {
	color: #607D8B;
}
.txt-blu-a {
	color: #90A4AE;
}
*/
.txt-gry {
  color: #BDBDBD;
}
.grylit {
  color: #616161; /* 23 prev  */
}
.grymid {
  color: #757575 !important; /* 23 prev 808080 */
}
.grydrk {
  color: #212121 !important; /* 23 prev */
}
.gryblk { /* 900 */
  color: #000000 !important;
}
.hilite {
  color: #FF3D00 !important;
}
.hinum {
  color: #FF3D00 !important;
  width: 30px;
  display: inline-block;
}
.bg-blue {
  background-color: #0A357D; /*23 old 0d47a1*/
}
.bg-blul {
  background-color: #ecf2fe; /* light E3F2FD */
}
.bg-gry { /* 400 */
  background-color: #BDBDBD;
}
.bg-gry-lit { /* 400 */
  background-color: #FAFAFA;
  border-radius: 6px;
	color: #000;
	padding: 0 15px 0 0;
}
.bg-gry-box { /* 400 */
  background-color: #EEEEEE;
  border-radius: 6px;
  padding: 15px 20px 15px 20px;
}
.bg-blu-box { /* 400 */
  background-color: #ecf2fe;
  border-radius: 6px;
  padding: 15px 20px 15px 20px;
  margin: 0;
}
.bg-blue2 {
  background-color: #1a237e;
}
.bg-blu-drk {
  background-color: #13191F; /*23*/
}
.bg-drk {
  background-color: #0E1618; /*23*/
}


.bg-lite {
  background-color: #f5f5f5;
  border-bottom: #e0e0e0 1px solid;
}
.div-bar {
  margin: 0 8px 0 8px;
  color: #212121;
}
.div-mnu {
  margin: 0 0px 0 8px;
  color: #FF5722;
  display: inline;
}
.div-smn {
  margin: 0 7px 0 10px;
  color: #e6e6e6;
  display: inline;
}
.div-hdr {
  margin: 0 8px 0 10px;
  float: left;
  vertical-align: bottom;
}
.align-rtol { /* mobile switch */
  text-align: right;
}
.imgbtm {
  margin-bottom: 10px;
}
.img-shr {
  margin-right: 45px;
}
.img-ext {
  min-height: 540px !important;
}
.imgrc {
  border-radius: 6px;
}
.blok-01 {
  display: block;
  height: 30px;
  clear: both;
}
.blok-02 {
  display: block;
  height: 20px;
  width: 100%;
  clear: both;
}
.blok-03 {
  display: block;
  height: 10px;
  clear: both;
}
.blok-full {
  display: block;
  width: 100%;
  background-color: #212121;
  clear: both;
}
.blok-rep { /* mob space*/
  display: none;
  height: 0px;
}
.sp-uline {
  margin-bottom: 6px !important;
}
/* LINES */
.line-pri {
  border-top: #2979FF 2px solid; /*#FF5722*/
  margin: 16px 0 10px 0;
  width: 100%;
}
.line-sec {
  border-top: #757575 1px solid;
  margin: 0px 0px 10px 0px;
}
.line-ter {
  border-top: #bdbdbd 1px solid; /* E0E0E0 */
  margin: 0px 0px 6px 0px;
}
.line-thn {
  border-top: #e0e0e0 1px solid;
  margin: 20px 0 20px 0;
}

/*------- HOME */
.topmenu { /* for links off on mobile */
  margin: 15px 0 0 0;
}


#navbarHdr {
  padding: 15px 15px 16px 15px;
  transition: .5s; /* effect when the padding is decreased smaller is faster */
	position: absolute; /* mobile Not Sticky/fixed navbar */
  width: 100%;
  top: 0; /* At the top */
  z-index: 1001;
  background-color: #4C4C4C;

}
#navbarHdr a.nav-link { /* Nav 1 500 #212121 */
  color: #212121 !important;
  font-size: 1rem !important;
  font-weight: 500;
  text-decoration: none;
}
#navbarHdr a.nav-link.on { /* Nav 1 500 #212121 */
  color: #FF3D00 !important;
}
/*   Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#navbarHdr {
		position: fixed; /* Sticky/fixed navbar */
  	top: 0; /* At the top */
	}
}
/*========== FORM INPUT */
.form-control {
  margin: 0 0 4px 0;
  border-radius: 0;
  height: 36px;
}
textarea {
  height: 116px !important;
  padding: 3px 5px 3px 12px !important;
  margin-bottom: 5px !important;
}
#enquiry textarea {
  height: 250px !important;
  padding: 3px 5px 3px 12px !important;
  margin-bottom: 5px !important;
}

.btn-100 {
  display: block;
  width: 100%;
  border-radius: 0 !important;
  margin: 6px 0px 0 0 !important;
}
.btn-100:hover {
  color: #000000 !important;
}