@charset "utf-8";
/* CSS Document */
/* generic rules */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* full page */
html {
  line-height: 1;
}

/* bullet override */
ol,
ul {
  list-style: none;
}

/* table override */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* table styling*/
th {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  font-size: 17px;
  font-style: bold;
  color: #e4b50a;
  text-align: center;
  background-color: #fff;
  background: #fff;
}

tr {
  vertical-align: middle;
  border-top: 1px #999;
}

td {
  font-size: 15px;
  font-style: normal;
  color: #000;
  text-align: center;
  vertical-align: middle;
}

td img {
  display: inline-block;
  background-image: no-repeat center;
  background-size: cover;
  width: 80%;
}

q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

body {
  background: #fff !important;
  color: #000 !important;
  font-family: "Poppins-Regular", "Verdana", sans-serif !important;
}

a {
  text-decoration: none !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
}

::selection {
  background: rgba(34, 153, 95, 0.6);
  color: white;
}

.element {
  all: none;
}

.anchor {
  position: absolute;
  margin-top: -210px;
}

.backwards {
        unicode-bidi:bidi-override;
        direction: rtl;
    }
.backwards:before {
            content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl;
        }

.e-mail:before {
        content: attr(data-website) "\0040" attr(data-user);
        unicode-bidi: bidi-override;
        direction: rtl;
    }

@font-face {
  font-family: "LigatureSymbols";
  src: url("../fonts/LigatureSymbols-2.11.eot");
  src: url("../fonts/LigatureSymbols-2.11.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/LigatureSymbols-2.11.woff") format("woff"),
    url("../fonts/LigatureSymbols-2.11.ttf") format("truetype"),
    url("../fonts/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "XCompany";
  src: url("../fonts/XCompany.ttf")format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Poppins-ExtraLight";
  font-weight: 100;
  src: url("../fonts/Poppins-ExtraLight.ttf");
}
@font-face {
  font-family: "Poppins-Light";
  font-weight: 200;
  src: url("../fonts/Poppins-Light.ttf");
}
@font-face {
  font-family: "Poppins-Regular";
  font-weight: 400;
  src: url("../fonts/Poppins-Regular.ttf");
}
@font-face {
  font-family: "Poppins-Medium";
  font-weight: 500;
  src: url("../fonts/Poppins-Medium.ttf");
}
@font-face {
  font-family: "Poppins-Semibold";
  font-weight: 600;
  src: url("../fonts/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: "Poppins-Bold";
  font-weight: 700;
  src: url("../fonts/Poppins-Bold.ttf");
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* TEXT STYLING*/
h1 {
  font-size: 14pt;
  font-family: "Poppins-Light", sans-serif;
  color: #e4b50a;
  text-transform: uppercase;
  justify-content: center;
  text-align: center;
}

h2 {
  font-size: 15pt;
  font-family: "Poppins-Regular", sans-serif;
  color: #e4b50a;
  margin: 10px 0 10px 0;
  padding: 0;
  text-align: left;
}
h3 {
  font-size: 15pt;
  font-family: "Poppins-Light", sans-serif;
  color: #e4b50a;
  margin: 10px 0 10px 0;
  padding: 0;
  text-align: left;
}
h4 {
  font-size: 14pt;
  font-family: "Poppins-light", sans-serif;
  color: #e4b50a;
  margin: 10px 0 10px 0;
  padding: 0;
  text-align: left;
}
h5 {
  font-size: 14pt;
  font-family: "Poppins-Regular", sans-serif;
  color: #e4b50a;
  margin: 10px 0 10px 0;
  padding: 0;
  text-align: left;
}

p {
  font-size: 12pt;
  line-height: 25px;
  font-family: "Poppins-Regular", sans-serif;
  color: #000;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0;
}

/* links*/
p a {
  font-size: 12pt;
  font-family: "Poppins-Regular", sans-serif;
  color: #e4b50a;
  margin: 0;
  padding: 0;
}

a:hover {
  color: #e4b50a;
}

i {
  font-size: 12pt;
  line-height: 15px;
  font-family: "Poppins-Regular", sans-serif;
  color: #333333;
  text-align: left;
  font-style: italic;
}

ul {
  list-style-type: disc;
  margin: 10px 0 0 0;
  font-size: 14pt;
  color: #333333;
}
ol {
  list-style: none;
  counter-reset: numbers;
  margin: 10px 10px 0 0;
  font-size: 14pt;
  color: #333333;
}
img {border:none;max-width:100%; height:auto;}

.margin-bottom {
  margin-bottom: 20px;
}

/* all images */
.background-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* TOP HEADER NAVIGATION */
#header-generic-details {
  background: #fff;
  color: #000;
  text-align: right;
  z-index: 998;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
}
#header-generic-details .info {
  padding: 10px 0;
}
#header-generic-details .info a {
  color: #000;
  font-family: "Poppins-light", sans-serif;
  display: inline-block;
  margin: 0 0 0 15px;
  font-size: 12pt;
  transition: color 0.2s ease;
}
#header-generic-details .info a s {
  font-family: "LigatureSymbols", sans-serif;
  font-size: 18px;
  text-decoration: none;
  padding: 0 5px 0 0;
}

#header-generic-details .info a b {
  font-family: "LigatureSymbols", sans-serif;
  font-size: 22px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

#header-generic-details .info a:hover {
  color: #e4b50a;
}

#header-generic-details .info .popup-link:hover {
  cursor: pointer;
}

/* MAIN HEADER NAVIGATION */
#header {
  background: #fff;
  border-bottom: 1px solid #ededed;
  padding: 15px 0;
  z-index: 999;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
}
.logo{margin-left:-20px;}

#header .logo img {
	position: absolute;
	top:-65px;
  width: auto;
  height: 140px;
}
#header #navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

#header #navigation li {
  display: inline-block;
  margin: 0 0 0 20px;
  line-height: 40px;
  font-family: "Poppins-Medium", sans-serif;
}

#header #navigation li a {
  color: #000;
  transition: color 0.3s ease;
  font-size: 12pt;
}

#header #navigation li a:hover {
  color: #e4b50a;
}

#header #navigation .dropdown-menu {
  display: none;
}

#header #navigation .dropdown-box {
  display: none;
}

#header #navigation .dropdown:hover .dropdown-menu {
  display: block;
}

#header #navigation .dropdown:hover .dropdown-box {
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 5px;
  width: 300px;
  margin: 0;
  border: 1px solid #ededed;
  text-align: left;
  padding-top: 5px;
}

#header #navigation .dropdown:hover .dropdown-box li {
  display: block;
  margin: 10px 10px 0 10px;
  line-height: 20px;
  font-family: "Poppins-Regular", sans-serif;
  text-align: left;
}
/* Dropdown menu colour */
#header #navigation .dropdown:hover .dropdown-box li a {
  color: #000;
  transition: color 0.5s ease;
}
/* Dropdown hover colour */
#header #navigation .dropdown:hover .dropdown-box li a:hover {
  color: #e4b50a;
}
/* hover for dropdown menus links */
#header #navigation .dropdown:hover .dropdown-box .view-all {
  text-align: left;
  border-top: 1px solid #ededed;
  padding: 15px;
  margin: 15px 0 0 0;
  font-size: 12px;
}
/* padding for dropdown menu */
#header #navigation .dropdown:hover .extra-padding-bottom {
  padding-bottom: 20px;
}
/* Book Appointment button */
#header #navigation .store {
  height: 40px;
  background-color: #e4b50a;
  border-radius: 0px;
  padding: 0px 12px;
  transition: background 0.5s ease;
}
#header #navigation .store a {
  color: #fff;
}
/* online store button hover */
#header #navigation .store:hover {
	background: #000;
	color: #000;
}

#header #navigation .store a img {
  height: 30px;
  text-align: center;
  margin-bottom: 5px;
}


/* MOBILE HEADER NAVIGATION */
.mobile-menu {
  display: none;
}

.mobile-menu a {
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.mobile-menu a:hover {
  color: #e4b50a;
}

.mobile-menu .icon {
  display: none;
}


/* CTAs */
.cta-messageus-box {
  position: fixed;
  bottom: 0px;
  right: 125px;
  padding: 0px;
  z-index: 888;
}

.cta-callus-box {
  position: fixed;
  bottom: 0px;
  right: 20px;
  padding: 0px;
  z-index: 888;
}

.cta-btn {
  height: 40px;
  padding: 0px 8px 0px 5px;
  font-size: 15px;
  font-weight: normal;
  border-radius: 6px 6px 0px 0px;
  background-color: #e4b50a;
  color: #000;
  text-align: center;
  cursor: pointer;
}
.cta-btn s {
  color: #494949;
  font-family: "LigatureSymbols", sans-serif;
  font-size: 25px;
  padding: 0px 5px 0px 5px;
  text-decoration: none;
}

.cta-btn:hover {
  font-weight: normal;
  border-radius: 6px 6px 0px 0px;
  background-color: #000;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.cta-btn s:hover {
  color: #fff;
  text-decoration: none;
}



/* MESSAGE US POP-UP BOX */
#message-us-popup-container {
  position: fixed;
  z-index: 9999;
  display: none;
  width: 100vw;
  height: 100vh;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
}
#message-us-popup-container #message-us-popup {
  width: 50vw;
  height: 500px;
  margin-left: 25vw;
  margin-top: calc(50vh - 280px);
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #ededed;
  padding: 20px;
}

.message-box {
  width: 50vw;
  height: auto;
  margin-left: 25vw;
  margin-top: 20px;
  padding: 20px;
}
.message-text h1 {
  margin-top: 20px;
  font-family: "Poppins-Regular", sans-serif;
  font-style: bold;
  font-size: 18pt;
  color: #f1c800;
}
.message-text p {
  font-family: "Poppins-Regular", sans-serif;
  font-style: normal;
  font-size: 14pt;
  color: #fff;
}
.message-text i {
  font-family: "Poppins-Regular", sans-serif;
  font-style: italic;
  font-size: 14px;
  color: #888888;
}

#message-us-popup-container #message-us-popup .container {
  width: calc(50vw - 40px);
}
#message-us-popup-container #message-us-popup #contactform {
  background: transparent;
  padding: 15px 0;
}
#message-us-popup-container #message-us-popup #contactform h2 {
  font-size: 22px;
  font-family: "Poppins-Regular", sans-serif;
  color: #fff;
  margin: 0;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
#message-us-popup-container #message-us-popup #contactform .underline:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin: auto auto;
  padding: 12px 0 0 0;
  border-bottom: 3px solid #e4b50a;
  text-align: center;
}
#message-us-popup-container #message-us-popup #contactform h4 {
  font-size: 15px;
  font-family: "Poppins-Regular", sans-serif;
  color: #fff;
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
}
#message-us-popup-container #message-us-popup #contactform #contactarea {
  padding: 0;
}
#message-us-popup-container #message-us-popup #contactform #contactarea input {
  width: 100%;
  height: 40px;
  border: 0;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-family: "Poppins-Regular", sans-serif;
  color: #333;
  padding: 0 0 0 10px;
  border-radius: 5px;
  border: 1px solid #ededed;
}
#message-us-popup-container
  #message-us-popup
  #contactform
  #contactarea
  textarea {
  width: 100%;
  height: 110px;
  border: 0;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-family: "Poppins-Regular", sans-serif;
  line-height: 20px;
  color: #333;
  resize: none;
  padding: 10px 10px 0 10px;
  border-radius: 5px;
  border: 1px solid #ededed;
}
#message-us-popup-container
  #message-us-popup
  #contactform
  #contactarea
  input.contactsubmit {
  width: 140px;
  height: 50px;
  margin: 20px 0 0 0;
  padding: 0;
  background: #e4b50a;
  color: #ffffff;
  font-size: 14px;
  font-family: "Poppins-Regular", sans-serif;
  font-weight: normal;
  cursor: pointer;
  transition: opacity 0.5s ease;
  opacity: 1;
  -webkit-appearance: none;
  border-radius: 5px;
  border: 0;
  transition: background 0.5s ease;
}
#message-us-popup-container
  #message-us-popup
  #contactform
  #contactarea
  input.contactsubmit:hover {
  background: #e4b50a;
  color: #ffffff;
}
#message-us-popup-container #message-us-popup .close-button {
  text-align: right;
}
#message-us-popup-container #message-us-popup .close-button a {
  color: #999;
  font-family: "LigatureSymbols", sans-serif;
  font-size: 40px;
  line-height: 25px;
}
#message-us-popup-container #message-us-popup .close-button .popup-link:hover {
  cursor: pointer;
}

/* Message us hidden content*/
#hidden_content {
  height: 0;
  overflow: hidden;
  transition: height 0.8s ease;
}

/* Message us hidden content*/
#hidden_content_one {
  height: 0;
  overflow: hidden;
  transition: height 0.8s ease;
}

/* Message us hidden content*/
#hidden_content_two {
  height: 0;
  overflow: hidden;
  transition: height 0.8s ease;
}
/* Confirm phone number field for pop-up message*/
.confirm {
  display: none;
}

/* space for seperation*/
.spacer {
  display: block;
  height: 20px;
}

/* MAIN CONTAINER - all pages*/
.main {
  width: 100%;
  height: auto;
  margin-top: 165px;
  padding-top: 0px;
  padding-bottom: 10px;
  background: rgb(233, 233, 236);
  background: linear-gradient(
    0deg,
    rgba(233, 233, 236, 1) 29%,
    rgba(247, 247, 250, 1) 96%,
    rgba(210, 212, 212, 1) 100%
  );
}

.main-terms {
  width: auto;
  height: auto;
  margin-top: 170px;
  padding-top: 10px;
  padding-bottom: 10px;
}


.icon b{ margin-left: 10px;
}

.icon b:hover{ colour: #808080;
}
/*-------------------------------------
      Hero-section - homepage
--------------------------------------*/
.hero-section {
    position: relative;
    background:url(../img/hero-banner.jpg)no-repeat;
    background-position-y: left;
	background-position-x: left;
    background-size:cover;
    text-align: center;
   	height:600px;
    z-index: 1;
	margin-top: 165px;
}
.hero-section:before{
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.60);
    z-index: -1;
}
.hero-section-txt { padding-top: 60px;}

.hero-section-txt h1 {
    font-size: 48px;
    color: #e4b50a;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    line-height: 1.4;
	text-align: center;
}

.hero-section-txt p {
    font-size: 18px;
    color: #fcfcfc;
    margin-top: 25px;
	text-align: center;
}
.hero-section-txt p b {
	font-weight: 600;
	color: #e4b50a;
    letter-spacing: 1.2px;
	text-align: center;
}

/*-------------------------------------
     CONTACT section 
--------------------------------------*/


.contact-section {
    position: relative;
   background:url("../img/contactbanner.jpg")no-repeat;
    background-position-y: left;
	background-position-x: left;
    background-size:cover;
    text-align: center;
   	height:300px;
    z-index: 1;
	margin-top: 130px;
}
.contact-section:before{
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.50);
    z-index: -1;
}
.contact-section-txt { padding-top: 30px;}

.contact-section-txt h1 {
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    line-height: 1.4;
	text-align: center;
}

/* section-header  Generic*/
.section-header{
    position: relative;
}
.section-header h2{
    color: #e4b50a;
    font-size:22px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
	background-color: #231f20;
	text-align: center;
	padding: 5px;
}
.section-header h2 span{text-transform: lowercase;}
.section-header p{
    font-size:16px;
}
/* section-header */
.fix{position: relative;clear: both;}

.contact-section-txt { padding-top: 60px;}

/*-------------------------------------
        Sector
--------------------------------------*/
.sector{padding:20px 0 30px;margin-top: 10px}
.sector-content{margin-top: 20px;}

.sector-section {
    position: relative;
    background:url(../img/sector-banner.jpg)no-repeat;
    background-position-y: center;
	background-position-x: center;
    background-size:cover;
    text-align: center;
   	height:200px;
    z-index: 1;
	margin-top: 130px;
}
.sector-section:before{
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.60);
    z-index: -1;
}
.sector-section-txt {
	padding-top: 30px;
	text-align: center;
}

.sector-section-txt h1 {
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    line-height: 1.4;
	text-align: center;
}

.sector-section-txt p {
    font-size: 18px;
    color: #fcfcfc;
    margin-top: 10px;
	text-align: center;
}
.sector-section-txt p b {
	font-weight: 600;
	color: #e4b50a;
    letter-spacing: 1.2px;
	text-align: center;
}

.single-sector-item{
    margin-bottom: 15px;
    box-shadow: 0 0px 5px rgba(71,71,71,.2);
    -webkit-transition: .3s; 
    -moz-transition:.3s; 
    -ms-transition:.3s; 
    -o-transition:.3s;
    transition: .3s;
}
.single-sector-item-img {width:100%; display: block;}
.single-sector-item-txt {padding:  25px 28px 27px;}
.single-sector-item-txt h2  {font-size: 18pt;line-height: 1.2;}
.single-sector-item-txt h2 a {text-transform:  initial;line-height: 1.8;}
.single-sector-item-txt h3  {font-size: 15pt;line-height: 1.2;}
.single-sector-item-txt h4 {
    font-size:  15pt;
    color:  #e4b50a;
    font-weight:  400;
    margin: 12px 0 20px;
}
.single-sector-item-txt h5 {
    font-size:  13pt;
    color:  #8f949d;
    font-weight:  400;
    margin: 12px 0 20px;
}
.single-sector-item-txt h4 a {
    font-size:  15pt;
    padding-right:  14px;
    border-right: 1px solid #dde0e4;
    margin-right:  15px;
    text-transform: uppercase;
}
.single-sector-item-txt ul {
    font-size:  12pt;
	margin-left: 0px;
    text-transform: none;
}
.single-sector-item-txt li {
    font-size:  11pt;
	margin-left: 15px;
    text-transform: none;
}

.single-sector-item:hover h2 a {color:#e4b50a;}
.single-sector-item:hover{
    box-shadow: 0 10px 20px rgba(21,19,19,.4);
}

/*-------------------------------------
     About
--------------------------------------*/
.about {
	padding: 0px 0 20px  0;
	margin-top: 0px;
}
.about-content{margin-top: 20px;	
}
.about-content ul
{margin-top: 0px;
	font-size: 11pt;
	font-weight: normal;
}

.about-content p
{margin-top: 20px;
	font-size: 11pt;
	font-weight: normal;
}
.about-content i
{margin-top: 20px;
	font-size: 11pt;
	font-style: italic;
	font-weight: normal;
	color: #808080;
}
.about-content h2
{margin-top: 20px;
	font-size: 13pt;
	font-weight:600;
}
.about-content h3
{margin-top: 20px;
	font-size: 12pt;
	font-weight:600;
	color: #808080;   
}
.about-section {
    position: relative;
    background:url(../img/about-banner.jpg)no-repeat;
    background-position-y: center;
	background-position-x: center;
    background-size:cover;
    text-align: center;
   	height:200px;
    z-index: 1;
	margin-top: 130px;
}
.about-section:before{
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.60);
    z-index: -1;
}
.about-section-txt {
	padding-top: 30px;
	text-align: center;
}

.about-section-txt h1 {
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    line-height: 1.4;
	text-align: center;
}

.about-section-txt p {
    font-size: 18px;
    color: #fcfcfc;
    margin-top: 10px;
	text-align: center;
}
.about-section-txt p b {
	font-weight: 600;
	color: #e4b50a;
    letter-spacing: 1.2px;
	text-align: center;
}



/*=============================
	Services cards - home page
===============================*/
.services {
	background: #fff;
	margin: 0;
	padding: 0;
	height: 250px;
}
.services .services-inner {
	position: relative;
	transform: translateY(-30%);
	z-index:9;
}
.services .single-services {
	position: relative;
	text-align: left;
	z-index:3;
	background:#58595b;
	 -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.services .single-services .inner {
	overflow:hidden;
	position: relative;
	padding:30px;
	z-index:2;
}
.services .single-services:before{
	position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background:#231f20;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.services .single-services:hover:before{
	opacity: 0.8;
}
.services .single-services:hover{
	transform: translateY(-5px);
}
.services .single-services .icon i{
	position: absolute;
	font-size: 110px;
	color: #fff;
	 -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	z-index:-1;
	visibility:visible;
	opacity:0.2;
	right: -25px;
	bottom: -30px;
}
.services .single-services span{
	display:block;
	color:#fff;
}
.services .single-services h4{
	font-size: 20px;
	font-weight:600;
	display:inline-block;
	text-transform:capitalize;
	color:#fff;
	margin-top:13px;
}
.services .single-services p{
	color:#fff;
	margin-top:22px;
	font-size:10pt;
	line-height: normal;
	font-weight: 100;
}
.services .single-services a {
	color: #fff;
	margin-top: 25px;
	font-weight: 500;
	font-size:11pt;
	display: inline-block;
	position: relative;
}
.services .single-services a:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:1px;
	width:0%;
	background:#fff;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.services .single-services a:hover:before{
	width:100%;
	width:100%;
}
.services .single-services a i{
	margin-left:10px;
}


.single-content a b{
	font-family: "LigatureSymbols", sans-serif;
	font-weight: 100;
  font-size: 18px;
  text-decoration: none;
  padding: 0 5px 0 5px;
}

.bsa {
	padding: 0px 0 20px  0;
	margin-top: 0px;
}
.bsa-content{margin-top: 20px;	
}
.bsa-section {
    position: relative;
    background:url("../img/BuildingAct.png")no-repeat;
    background-position-y: center;
	background-position-x: center;
    background-size:cover;
    text-align: center;
   	height:200px;
    z-index: 1;
	margin-top: 130px;
}
.brc {
	padding: 0px 0 20px  0;
	margin-top: 0px;
}
.brc-content{margin-top: 20px;	
}
.brc-section {
    position: relative;
    background:url("../img/BuildingRegulations.png")no-repeat;
    background-position-y: center;
	background-position-x: center;
    background-size:cover;
    text-align: center;
   	height:200px;
    z-index: 1;
	margin-top: 130px;
}

.cdm {
	padding: 0px 0 20px  0;
	margin-top: 0px;
}
.cdm-content{margin-top: 20px;	
}
.cdm-section {
    position: relative;
    background:url(" ../img/CDMConsultancy.png")no-repeat;
    background-position-y: center;
	background-position-x: center;
    background-size:cover;
    text-align: center;
   	height:200px;
    z-index: 1;
	margin-top: 130px;
}

/*=============================
	End services CSS
===============================*/




/* THANK YOU message container*/

.thankyou {
  display: block;
  background: #58595b;
  text-align: left;
  color: #fff;
  margin-top: 100px;
  padding: 30px 30px;
}

/* contact button text */
.thankyou p {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 10px 0 20px 0;
  color: #fff;
  transition: color 0.5s ease;
}
.thankyou h5 {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 20px;
  margin: 0;
  padding: 10px 0 20px 0;
  color: #f1c800;
  transition: color 0.5s ease;
}
.thankyou img {
  align-content: center;
	text-align: center;
  margin: 0;
  padding: 10px 0 20px 0;
}

.card-title h4 {
  text-align: center;
}
.card-text p {
  text-align: center;
}

.card-optional-extras {
  min-width: 0;
  width: 100%;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 2px solid #13a538;
  border-radius: 0.5rem;
}

/* coloured lines */
/* Border Shadow in <hr> tag */

.greyline-top {
  height: 10px;
  width: auto;
  margin: 20px auto 40px auto;
  border-bottom: #464646;
  background-image: linear-gradient(top, #fff 30%, #e6e6e6 70%);
  background-image: -o-linear-gradient(top, #fff 30%, #e6e6e6 70%);
  background-image: -moz-linear-gradient(top, #fff 30%, #e6e6e6 70%);
  background-image: -webkit-linear-gradient(top, #fff 30%, #e6e6e6 70%);
  background-image: -ms-linear-gradient(top, #fff 30%, #e6e6e6 70%);
  background-image: -webkit-gradient(
    linear,
    top,
    bottom,
    color-stop(0.3, white),
    color-stop(0.7, gray)
  );
}

.greyline-bottom {
  height: 10px;
  width: auto;
  margin: 20px auto;
  border-top: #cbcbcb;
  background-image: linear-gradient(bottom, #fff 30%, #e6e6e6 70%);
  background-image: -o-linear-gradient(bottom, #fff 30%, #e6e6e6 70%);
  background-image: -moz-linear-gradient(bottom, #fff 30%, #e6e6e6 70%);
  background-image: -webkit-linear-gradient(bottom, #fff 30%, #e6e6e6 70%);
  background-image: -ms-linear-gradient(bottom, #fff 30%, #e6e6e6 70%);
  background-image: -webkit-gradient(
    linear,
    bottom,
    top,
    color-stop(0.3, white),
    color-stop(0.7, gray)
  );
}

.greyline {
  height: 10px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 10px;
}

/* You tube video box */
.video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
/* You tube video box - frame*/
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* operations box */
.operation {
  margin-bottom: 15px;
}
/* operations box - image*/
.operation img {
  position: relative;
  width: 100%;
  z-index: 555;
}

/* fixed bottom container */
.btn-bottom {
  position: relative;
  bottom: 10px;
}
/* home page buttons */
.btn-jg {
  display: inline-block;
  color: #000;
  background-color: #fff;
  border: solid 1px #e4b50a;
  padding: 10px;
  cursor: pointer;
  font-size: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 10px 10px 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1em;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* home page buttons - rollover*/
.btn-jg:hover {
  color: #fff;
  background-color: #e4b50a;
  border: solid 1px #e4b50a;
}
/* home page buttons - effects*/
.btn-check:focus + .btn-jg,
.btn-jg:focus {
  color: #fff;
  background-color: #e4b50a;
  border: solid 1px #e4b50a;
  box-shadow: 0 0 0 0.25rem rgba(26, 73, 39, 0.5);
}
/* home page buttons - active*/
.btn-check:checked + .btn-jg,
.btn-check:active + .btn-jg,
.btn-jg:active,
.btn-jg.active,
.show > .btn-jg.dropdown-toggle {
  color: #000;
  background-color: #fff;
  border-color: solid 1px #e4b50a;
}
/* home page buttons - active effects*/
.btn-check:checked + .btn-jg:focus,
.btn-check:active + .btn-jg:focus,
.btn-jg:active:focus,
.btn-jg.active:focus,
.show > .btn-jg.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(26, 73, 39, 0.5);
}
/* home page buttons - disabled*/
.btn-jg:disabled,
.btn-jg.disabled {
  color: #000;
  background-color: #888;
  border-color: solid 1px #e4b50a;
}

/* Price list button*/
.btn-pricelist {
  display: inline-block;
  background-color: #e4b50a;
  border: solid 1px #e4b50a;
  color: #f1c800;
  margin-left: 10px;
  padding: 10px;
  cursor: pointer;
  font-size: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 0 10px 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1.25em;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Price list button - hover*/
.btn-pricelist:hover {
  background-color: #fff;
  color: #e4b50a;
  border: solid 1px #e4b50a;
}
/* Prive list buttons - effects*/
.btn-check:focus + .btn-pricelist,
.btn-pricelist:focus {
  color: #fff;
  background-color: #e4b50a;
  border: solid 1px #e4b50a;
  box-shadow: 0 0 0 0.25rem rgba(26, 73, 39, 0.5);
}
/* pricelist buttons - active*/
.btn-check:checked + .btn-pricelist,
.btn-check:active + .btn-pricelist,
.btn-jg:active,
.btn-pricelist.active,
.show > .btn-pricelist.dropdown-toggle {
  color: #000;
  background-color: #fff;
  border-color: solid 1px #e4b50a;
}
/* pricelist buttons - active effects*/
.btn-check:checked + .btn-pricelist:focus,
.btn-check:active + .btn-pricelist:focus,
.btn-pricelist:active:focus,
.btn-pricelist.active:focus,
.show > .btn-pricelist.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(26, 73, 39, 0.5);
}
/* pricelist buttons - disabled*/
.btn-pricelist:disabled,
.btn-pricelist.disabled {
  color: #000;
  background-color: #888;
  border-color: solid 1px #e4b50a;
}

/* download pdf button*/
.btn-download {
  display: inline-block;
  background-color: #fff;
  border: solid 1px #cd171f;
  color: #000;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  font-size: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 10px 10px 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1em;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* download pdf button - image*/
.btn-download img {
  height: 25px;
  width: auto;
  margin: 0 10px 0 0;
}
/* download pdf button - hover*/
.btn-download:hover {
  background-color: #ab1319;
  color: #fff;
}
/* download multiplex pdf button*/
.btn-multiplex {
  display: inline-block;
  background-color: #fff;
  border: solid 1px #778472;
  color: #000;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  font-size: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 10px 10px 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1em;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* download multiplex pdf button - image*/
.btn-multiplex img {
  height: 25px;
  width: auto;
  margin: 0 10px 0 0;
}
/* download multiplex pdf button - ihover*/
.btn-multiplex:hover {
  background-color: #525b4f;
  color: #fff;
}
/* download multiplex pdf button*/
.btn-call {
  display: inline-block;
  background-color: #e4b50a;
  border: none;
  color: #fff;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  font-size: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 10px 10px 0;
  width: 100%;
  height: 60px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1em;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* download multiplex pdf button - image*/
.btn-call img {
  height: 30px;
  width: auto;
  margin: 0 10px 0 0;
}
/* download multiplex pdf button - ihover*/
.btn-call:hover {
  background-color: #e4b50a;
  color: #f1c800;
}

/* download pdf button*/
.btn-recommend {
  display: inline-block;
  background-color: #13a538;
  margin: 10px 10px 10px 0;
  border: solid 1px #13a538;
  color: #fff;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  font-size: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1em;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* download pdf button - image*/
.btn-recommend img {
  height: 25px;
  width: 25px;
  margin: 0 10px 0 0;
}
/* download pdf button - hover*/
.btn-recommend:hover {
  background-color: #e4b50a;
  color: #fff;
}

/* download multiplex pdf button*/
.btn-store {
  display: inline-block;
  background-color: #000;
  border: solid 1px #000;
  color: #fff;
  padding: 5px 10px 5px 10px;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  font-size: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  line-height: 1em;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* download multiplex pdf button - image*/
.btn-store img {
  height: 25px;
  width: auto;
  margin: 0 10px 0 0;
}
/* download multiplex pdf button - ihover*/
.btn-store:hover {
  background-color: #f1c800;
  color: #000;
}

.link {
  color: #333333;
  text-decoration: none;
  font-size: 11pt;
}
.link i {
  font-size: 10pt;
  font-style: italic;
}
.link i:hover {
  color: #fff;
}
.link-100 {
  width: 100%;
}
.link-100 i {
  font-size: 10pt;
  font-style: italic;
}

.link-centre {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* go back link -vehicle pages*/
.go-back {
  margin: 5px 0 5px 0;
}
.go-back span {
  font-size: 15px;
  line-height: 1em;
  font-family: "LigatureSymbols", sans-serif;
  color: #888888;
  display: flex;
  justify-content: left;
}
.go-back a {
  font-size: 15px;
  font-family: "Poppins-Regular", sans-serif;
  color: #888888;
  display: flex;
  justify-content: left;
}
.go-back a:hover {
  color: #e4b50a;
  font-weight: bold;
}

.error-link {
  color: #fff;
  text-decoration: underline;
  font-size: 15px;
}

.error-link i:hover {
  color: #f1c800;
}






/* CONTACT  */

/* CONTACT container */
#contactdetails {
  background: #fff;
  padding-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  /* Contact location box - mobile alignment*/
  #contactdetails .col-md-4 {
    margin-bottom: 20px;
  }
}

/* contact page buttons */
#contactdetails .details a {
  display: block;
  background: #e4b50a;
  text-align: center;
  margin: 0;
  padding: 20px 10px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* contact button symbols*/
#contactdetails .details a h2 {
  font-family: "LigatureSymbols", sans-serif;
  font-size: 60px;
  margin: 0;
  padding: 0;
  color: #fff;
  transition: color 0.5s ease;
  text-align: center;
}
/* contact button text */
#contactdetails .details a h3 {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 10px 0 20px 0;
  color: #fff;
  transition: color 0.5s ease;
  text-align: center;
}
/* contact button symbols- rollover */
#contactdetails .details a:hover h5 {
  color: #f1c800;
}
/* contact button text- rollover */
#contactdetails .details a:hover h6 {
  color: #f1c800;
}
/* Contact button cursor*/
#contactdetails .details .message-us-slider-box:hover {
  cursor: pointer;
}

/* Contact location box */
#contactlocation {
  background: #fff;
  margin: 0;
}
/* Contact location box - row*/
#contactlocation .row {
  padding: 0;
  margin: 0 0 0 0;
}
/* Contact location box - split row */
#contactlocation .col-md-6 {
  padding: 0;
  margin: 0;
}
/* Contact location box - flex */
#contactlocation .row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
/* Contact location box - flex display  */
#contactlocation .row.display-flex > [class*="col-"] {
  flex-grow: 1;
}
/* address box */
#contactlocation .location {
  background: #fff;
  padding: 0 0 20px 0;
}
/* Contact location box - text header*/
#contactlocation .location h2 {
  font-size: 20px;
  font-family: "Poppins-Regular", sans-serif;
  color: #333333;
  margin: 0;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
}
/* lContact location box - text header */
#contactlocation .location .underline:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin: 0;
  padding: 12px 0 0 0;
  border-bottom: 3px solid #f1c800;
  text-align: center;
}
/* Contact location box - subheader  */
#contactlocation .location h4 {
  font-size: 16px;
  font-family: "Poppins-Regular", sans-serif;
  color: #999;
  margin: 0;
  padding: 0 0 20px 0;
  text-align: left;
  line-height: 22px;
}
/* Contact location box - main body text  */
#contactlocation .location p {
  font-size: 16px;
  font-family: "Poppins-Regular", sans-serif;
  color: #333333;
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 22px;
}
/* Contact location box - link */
#contactlocation .location p a {
  color: #333333;
  transition: color 0.5s ease;
}
/*Contact location box - link hover */
#contactlocation .location p a:hover {
  color: #e4b50a;
}
/* Contact location box - map*/
#contactlocation .map {
  background: #333333;
  background-size: cover;
}

@media screen and (max-width: 1000px) {
  /* Contact location box - mobile alignment*/
  #contactlocation .map iframe {
    width: 100%;
    height: 300px;
  }
}

/* line 5611, ../scss/style.scss */
#call-to-action-form {
  background: linear-gradient(#01563b, #58595b);
  padding: 25px 0;
}
/* line 5615, ../scss/style.scss */
#call-to-action-form h2 {
  font-size: 22px;
  font-family: "Poppins-Regular", sans-serif;
  color: #fff;
  margin: 0;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
/* line 5628, ../scss/style.scss */
#call-to-action-form .underline:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin: auto auto;
  padding: 12px 0 0 0;
  border-bottom: 3px solid #58595b;
  text-align: center;
}
/* line 5638, ../scss/style.scss */
#call-to-action-form #contactarea {
  padding: 0;
}
/* line 5641, ../scss/style.scss */
#call-to-action-form #contactarea input {
  width: 100%;
  height: 40px;
  border: 0;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-family: "SanFrancisco-Regular", sans-serif;
  color: #333;
  padding: 0 0 0 10px;
  border-radius: 5px;
  border: 1px solid #ededed;
}
/* line 5654, ../scss/style.scss */
#call-to-action-form #contactarea textarea {
  width: 100%;
  height: 110px;
  border: 0;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-family: "SanFrancisco-Regular", sans-serif;
  line-height: 20px;
  color: #333;
  resize: none;
  padding: 10px 10px 0 10px;
  border-radius: 5px;
  border: 1px solid #ededed;
}
/* line 5669, ../scss/style.scss */
#call-to-action-form #contactarea input.contactsubmit {
  width: 180px;
  height: 50px;
  margin: 20px 0 0 0;
  padding: 0;
  background: white;
  color: #58595b;
  font-size: 14px;
  font-family: "SanFrancisco-Regular", sans-serif;
  font-weight: normal;
  cursor: pointer;
  transition: opacity 0.5s ease;
  opacity: 1;
  -webkit-appearance: none;
  border-radius: 5px;
  border: 0;
  transition: background 0.5s ease;
}
/* line 5687, ../scss/style.scss */
#call-to-action-form #contactarea input.contactsubmit:hover {
  background: rgba(255, 255, 255, 0.75);
  color: #58595b;
}
/* line 5692, ../scss/style.scss */
#call-to-action-form .type {
  display: none;
}

/* line 5696, ../scss/style.scss */
#contactform {
  background: #58595b;
  padding: 75px 0;
}
/* line 5700, ../scss/style.scss */
#contactform h2 {
  font-size: 22px;
  font-family: "Poppins-Regular", sans-serif;
  color: #fff;
  margin: 0;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
/* line 5713, ../scss/style.scss */
#contactform .underline:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin: auto auto;
  padding: 12px 0 0 0;
  border-bottom: 3px solid #01563b;
  text-align: center;
}
/* line 5723, ../scss/style.scss */
#contactform h4 {
  font-size: 15px;
  font-family: "SanFrancisco-Regular", sans-serif;
  color: #fff;
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
}
/* line 5731, ../scss/style.scss */
#contactform #contactarea {
  padding: 30px 0 0 0;
}
/* line 5734, ../scss/style.scss */
#contactform #contactarea input {
  width: 100%;
  height: 40px;
  border: 0;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-family: "SanFrancisco-Regular", sans-serif;
  color: #333;
  padding: 0 0 0 10px;
  border-radius: 5px;
  border: 0;
}
/* line 5747, ../scss/style.scss */
#contactform #contactarea textarea {
  width: 100%;
  height: 110px;
  border: 0;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-family: "SanFrancisco-Regular", sans-serif;
  line-height: 20px;
  color: #333;
  resize: none;
  padding: 10px 10px 0 10px;
  border-radius: 5px;
  border: 0;
}
/* line 5762, ../scss/style.scss */
#contactform #contactarea input.contactsubmit {
  width: 140px;
  height: 50px;
  margin: 20px 0 0 0;
  padding: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-family: "SanFrancisco-Regular", sans-serif;
  font-weight: normal;
  cursor: pointer;
  transition: opacity 0.5s ease;
  opacity: 1;
  -webkit-appearance: none;
  border-radius: 5px;
  border: 0;
  border: 1px solid #fff;
  transition: background 0.5s ease;
}
/* line 5781, ../scss/style.scss */
#contactform #contactarea input.contactsubmit:hover {
  background: #fff;
  color: #58595b;
}






/* return home button*/
.messagesent a {
  border: 1px solid #fff;
  border-radius: 5px;
  margin: auto auto;
  padding: 0 15px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  transition: background 0.5s ease;
  color: #fff;
}
/* return home button */
.messagesent a:hover {
  background: #fff;
  color: #e4b50a;
}

/* terms/privacy pages generic*/
.terms {
  background: #fff;
  padding: 75px 0;
}
/* terms/privacy pages sub header*/
.terms h2 {
  font-size: 22px;
  font-family: "Poppins-Regular", sans-serif;
  color: #333333;
  margin: 0;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
/* terms/privacy pages - underscore */
.underline:after {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  margin: auto auto;
  padding: 12px 0 0 0;
  border-bottom: 3px solid #e4b50a;
  text-align: center;
}
/* terms/privacy/cookie/error pages sub header*/
.terms-content h4 {
  font-size: 15px;
  font-family: "Poppins-Regular", sans-serif;
  color: #999;
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
}
/* terms/privacy/cookie/error pages - margins  */
.terms-content {
  margin: 30px 0 0 0;
}
/* terms/privacy/cookie/error pages sub header*/
.terms-content h5 {
  font-size: 17px;
  font-family: "Poppins-Regular", sans-serif;
  color: #e4b50a;
  margin: 0;
  padding: 20px 0 0 0;
  text-align: left;
  font-weight: 600;
}
/* terms/privacy/cookie/error pages main body text */
.terms-content p {
  font-size: 15px;
  font-family: "Poppins-Regular", sans-serif;
  color: #333333;
  margin: 0;
  padding: 20px 0 0 0;
  text-align: left;
  line-height: 22px;
}
/* terms/privacy pages bullets */
.terms-content ul {
  font-size: 15px;
  list-style-type: disc;
  margin: 10px 0 0 0;
}
/* terms/privacy pages bullets */
.terms-content ul li {
  margin: 0 0 0 15px;
}
/* terms/privacy pages links*/
.terms-content a {
  font-size: 15px;
  font-family: "Poppins-Regular", sans-serif;
  color: #e4b50a;
}
/* terms/privacy pages links - rollover */
.terms-content a:hover {
  color: #e4b50a;
  font-weight: bold;
  cursor: pointer;
}

.terms-content span {
  font-size: 15px;
  font-family: "Poppins-Regular", sans-serif;
  font-weight: bold;
  color: #e4b50a;
}
.oohps {
  font-size: 15px;
  font-family: "Poppins-Regular", sans-serif;
  color: #fff;
}
.oohps a {
  text-decoration: underline;
  cursor: pointer;
}
/* terms/privacy pages links - rollover */
.oohps a:hover {
  color: #f1c800;
  font-weight: bold;
  cursor: pointer;
}



/* Footer links*/
#footer-nav {
  background: #58595b;
  color: #fff;
  padding: 30px 0;
}
/* footer navigation */
#footer-nav #navigation {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
/* footer navigation bullet */
#footer-nav #navigation li {
  display: inline-block;
  margin: 0 12px;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 15px;
}
/* Footer navigation links */
#footer-nav #navigation li a {
  color: #fff;
  transition: color 0.5s ease;
}
/* Footer navigation links hover */
#footer-nav #navigation li a:hover {
  color: rgba(255, 255, 255, 0.75);
}
/* Footer store button */
#footer-nav #navigation .store {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 10px 15px;
  transition: background 0.5s ease;
}
/* Footer store button hover */
#footer-nav #navigation .store:hover {
  background: #fff;
}
/* Footer store button hover */
#footer-nav #navigation .store:hover a {
  color: #e4b50a;
}


/* footer container*/
#footer {
  background: #58595b;
  color: #fff;
  padding: 45px 0;
}
/* footer headers */
#footer h3 {
  font-size: 15px;
  font-family: "Poppins-Regular", sans-serif;
  color: #fff;
  margin: 0;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#footer b {
  	font-size: 14px;
  	font-family: "Poppins-Regular", sans-serif;
	font-weight: 300;
  	color: #e4b50a;
  	margin: 0;
  	padding: 0 0 20px 0;
}

/* footer lines */
#footer .underline:after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  margin: 0;
  padding: 12px 0 0 0;
  border-bottom: 3px solid #e4b50a;
  text-align: center;
}
/* footer symbols */
#footer .follow a {
  color: #fff;
  display: inline-block;
  padding: 8px 0 0 0;
  margin: 0;
  transition: color 0.5s ease;
}
/* footer symbols */
#footer .follow a s {
  font-family: "LigatureSymbols", sans-serif;
  text-decoration: none;
  font-size: 35px;
  padding: 0 18px 0 0;
  font-weight: normal;
}

/* footer links */
#footer a {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0 0 0;
  margin: 0;
  transition: color 0.5s ease;
}
/* footer symbols */
#footer a s {
  font-family: "LigatureSymbols", sans-serif;
  text-decoration: none;
  font-size: 18px;
  padding: 0 12px 0 0;
  font-weight: normal;
  display: inline;
}
/* footer links */
#footer a span {
  display: inline;
}
/* motability hover button*/
#footer a:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* footer copyright symbol */
#footer .copyright {
  text-align: center;
  padding: 30px 0 0 0;
}
/* footer copyright link */
#footer .copyright a {
  padding: 0;
  margin: 0;
  display: inline;
  font-size: 12px;
}
/* footer copyright paragraph/wording*/
#footer .copyright p {
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  text-align: right;
  color: #fff;
}
#footer .certify {
  margin: 10px 20px;
  text-align: center;
}
/* footer cursor */
#footer .popup-link:hover {
  cursor: pointer;
}


/* trustpilot box */
#trustpilot-box {
  position: fixed;
  z-index: 8888;
  bottom: 0;
  right: 0;
  width: 280px;
  background: #ffffff;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top: 1px solid #ededed;
  border-left: 1px solid #ededed;
}


