/* cmsms stylesheet: Firow - Main Style modified: 06/17/26 10:07:16 */
/* -- Reset Styles -- */
input, textarea, select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body{  }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* ------------------------------------- */
/* ------  Main Structure Styles ------- */
/* ------------------------------------- */

body { font-family: 'Titillium Web', sans-serif; }
.wrapper { margin: 0 auto; max-width: 1200px; padding: 0; width: 100%; }
a { transition: all 0.2s ease 0s; text-decoration: none; color:#19144a; }
a:hover { color:#50c9ce;}

/* ------------------------------------- */
/* ------  Header Styles ------- */
/* ------------------------------------- */

#header {
  font-size: 0;
}

#header-contact-details-bar {
  display: block;
  background-color: #19154b;
  text-align: right;
  padding: 15px 3%;
  width:94%;
  position:fixed;
  top:0;
  z-index:889;
}



#header-contact-details-bar span {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding-left: 15px;
}

#header-contact-details-bar span a {
  color: #ffffff;
  font-size: 18px;
}

#header-contact-details-bar span a.email:before {
  display: inline-block;
  background: url(/uploads/images/before-email.png);
  background-repeat: no-repeat;
  background-size: 17px 16px;
  background-position: 0px 3px;
  content: '';
  width: 22px;
  height: 18px;
}

#header-contact-details-bar span a.tel:before {
  display: inline-block;
  background: url(/uploads/images/before-tel.png);
  background-repeat: no-repeat;
  background-size: 17px 16px;
  background-position: 0px 3px;
  content: '';
  width: 22px;
  height: 18px;
}

#header-contact-details-bar .social {
  display: inline-block;
  margin-left: 20px;
}

#header-contact-details-bar .social i {
  color: #ffffff;
  font-size: 20px;
  width: 22px; 
  text-align: center;
  background-color: #5e5c81;
  border-radius: 50%;
  padding: 8px;
  margin: 0 3px;
}

#header-logo-nav-bar {
  display: block;
  z-index: 888;
  position: relative;
  padding-top:67.5px;
}

#header-logo-nav-bar #logo {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 22.5%;
}

#header-logo-nav-bar #logo img {
  width: 100%;
  max-width: 240px;
}

#header-image-bar {
  display: block;
  position: relative;
  background: #19154b url(/uploads/images/header-image.jpg);
  background-position: center;
  background-size: cover;
  min-height: 550px;
  margin-top: -100px;
}

#header-image-bar .filter {
  display: block;
  background: url(/uploads/images/header-filter.png);
  width: 100%;
  height: 100%;
  background-size: 100%;
  position: absolute;
  z-index: 100;
}

#header-image-bar .filter .wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

#header-image-bar .filter .wrapper .content {
  width: 60%;
  margin: 0 20%;
  text-align: center;
}

#header-image-bar .filter .wrapper .content p {
  font-family: 'Abel', sans-serif;
  color: #ffffff;
  font-size: 54px;
  line-height: 66px;
  margin-bottom: 20px;
}

#header-image-bar .filter .wrapper .content a.button {
  background: #50c9ce;
  border: 1px solid #ffffff;
  border-radius: 10px;
  padding: 10px 40px; 
  color: #19144a;
  font-size: 18px;
  line-height: 26px;
  display:inline-block;
}

#header-image-bar .filter .wrapper .content a.button:hover { transform: scale(1.1);}

#header-image-bar .filter .wrapper .content a.button em:before {
  display: inline-block;
  background: url(/uploads/images/before-find-out-more.png);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 0px 2px;
  font-style: normal;
  content: '';
  width: 18px;
  height: 16px;
}

#internal-header-bar {
  display: block;
  position: relative;
  background: #19154b url(/uploads/images/header-image.jpg);
  background-position: center;
  background-size: cover;
  min-height: 120px;
  margin-top: -100px;
}

#internal-header-bar .filter {
  display: block;
  background: url(/uploads/images/header-filter.png);
  width: 100%;
  height: 100%;
  background-size: 100%;
  position: absolute;
  z-index: 100;
}

#internal-header-bar .filter .wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

#internal-header-bar .filter .wrapper .content {
  width: 65%;
  margin: 0 0 0 25%;
  text-align: left;
}

#internal-header-bar .filter .wrapper .content h1 {
  color: #ffffff;
  font-size: 38px;
  line-height: 42px;
  margin-bottom: 0px;
  text-transform: uppercase;
}

#getintouch{
  width:40%;
  display: inline-block;
  margin-top: 10px;
}

#getintouch a{
  font-size: 18px;
  background-color: #29235c;
  border-radius: 25px;
  padding: 2% 10%;
  color: #ffffff;
  text-decoration: none;
}

/* ------------------------------------- */
/* ----- Navigation Styles ------ */
/* ------------------------------------- */

#navcontainer {
  margin-bottom: 50px;  
}

nav#menu {
  display: inline-block;
  padding: 0px;
  width: 76%;
  float: right;
}

nav#menu ul {
  font-size: 0;
  text-align: right;
  padding: 0px 
}

nav#menu ul li {
  border-right: 1px solid #fff;
  display: inline-block;
  font-size: 20px;
  padding: 50px 5px 44px;
  margin: 0px 10px;
  position: relative;
}

nav#menu ul li:hover {
  border-bottom: 5px solid #4fc9ce;
}

nav#menu ul li.currentpage,
nav#menu ul li.activeparent {
  border-bottom: 5px solid #4fc9ce;
}

nav#menu ul li:last-of-type {
  border-right: none;
}

nav#menu ul li.sectionheader {
  text-transform: uppercase;
}

nav#menu ul li a {
  font-size: 20px;
  text-transform: uppercase;
  color: #19144a;
  text-decoration: none;
}

nav#menu ul li a.currentpage {
  color: #4fc9ce;
}

nav#menu ul li a:hover {


}

nav#menu ul li ul {
  background-color: #ffffff;
  border-radius: 0 0 5px 5px;
  height: auto;
  top: 114px;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  padding: 13px 0 0;
  transition: all 0.8s ease 0.05s;
  visibility: hidden;
  border-top: 5px solid #4fc9ce;
  text-align: left;
  width: 275px;
}

nav#menu ul li:hover ul, nav#menu ul li a:hover + ul, nav#menu ul li a:focus + ul, nav#menu ul li:focus ul  {
  height: auto;
  max-height: 600px;
  padding: 13px 0 10px;
  visibility: visible;
}
  
nav#menu ul li ul li {
  border-right: none;
  display: block;
  padding: 0;
  margin: 0 5px;
  font-size: 0.9rem;
  transition: all 0.2s ease 0s;

}

nav#menu ul li ul li:hover {
  border: 0;
}

nav#menu ul li ul li.currentpage {
  border-bottom: 0px solid #4fc9ce;
}

nav#menu ul li ul li a {
  font-size: 18px;
  text-transform: none;
  display: block;
  padding: 10px ;
}

nav#menu ul li ul li a:hover {
  color: #4fc9ce;
}

/* ------------------------------------- */
/* ----- Mobile Navigation Styles ------ */
/* ------------------------------------- */

#hamburgerContainer {
  position:fixed;
  cursor:pointer;
  top:85px;
  right:0;
  z-index:350;
  width:33px;
  height:33px;
  background: #ffffff;
  padding:0 4px;
  margin-right:3.5%;
  border: 1px solid #19154b;
  border-radius: 3px;
  display: none;
}

#hamburgerContainer .hamburgerItem {
  position:absolute;
  width:33px;
  height:5px;
  background-color: #19154b;
  top:14px;
  transition: all 0.2s ease 0s;
}

#hamburgerContainer .hamburgerItem:before {
  position:absolute;
  width:33px;
  height:5px;
  background-color: #19154b;
  content:'';
  top:-10px;
  transition: all 0.2s ease 0s;
}

#hamburgerContainer .hamburgerItem:after {
  position:absolute;
  width:33px;
  height:5px;
  background-color: #19154b;
  content:'';
  top:10px;
  transition: all 0.2s ease 0s;
}



#hamburgerContainer:hover .hamburgerItem , #hamburgerContainer:hover .hamburgerItem:after, #hamburgerContainer:hover .hamburgerItem:before {    }

#hamburgerContainer.active {
  background: #19144a;
  border: 1px solid #50c9ce;
}

#hamburgerContainer.active .hamburgerItem, #hamburgerContainer.active  .hamburgerItem:before, #hamburgerContainer.active  .hamburgerItem:after {
  background: #50c9ce;
}

/*#hamburgerContainer.active:hover .hamburgerItem, #hamburgerContainer.active:hover  .hamburgerItem:before, #hamburgerContainer.active:hover  .hamburgerItem:after {
  background: #38bccc;
}*/

.popupMenuContainer.active {
  left:0
}

.popupMenuContainer {
  background: #19144a;
  display: none;
  position:fixed;
  top: 0;
  width: 100%;
  padding: 25px 0;
  left:-100vw;
  bottom:0;
  overflow:auto;
  transition:.2s;
  z-index:325;
}

.popupMenuContainer .wrapper {
  width: 90%;
}

.popupMenuContainer .menuHeading {
  color: #50c9ce;
  font-size: 43px;
  font-weight: 700;
  margin-bottom:15px;
}

.popupMenuContainer .menuHeading img {
  width:auto;
  height: 115px;
  margin-top: 35px;
}

.popupMenuContainer .menuHeading span {
  color: #fff;
}

.popupMenuContainer nav#menu {
  width: 100%;
  background: none;
  display: block;
  float: none;
  margin-bottom: 75px; 
}

.popupMenuContainer nav#menu ul {
  float: none;
  text-align: left;
}

.popupMenuContainer nav#menu ul li {
  display: block;
  margin: 0px;
  border-bottom: 1px solid #50c9ce;
  border-right: none;
  padding: 0 0 2px;
  text-align: left;
}
.popupMenuContainer nav#menu ul li ul {
  top: 0;
  display: block;
  background: none;
  margin: 0px 0 10px 10px;
  max-height: 100%;
  border-top: 0;
  border-left: 5px solid #4fc9ce;
  position: relative;
  visibility: visible;
  padding: 0 !important;
  border-radius: 0;
  width: 90%;
}
.popupMenuContainer nav#menu ul li ul li {
            padding:0;
            margin:0 0 6px;
            border:0;
}
.popupMenuContainer nav#menu ul li ul li a {
  font-size:1rem;
  font-weight:300;
}

.popupMenuContainer nav#menu ul li a {
  color:#fff;
  display: block;
  font-weight:700;
  text-decoration:none;
  font-size:1.1rem;
  padding: 15px 5px;
}

.popupMenuContainer nav#menu ul li ul li a {
  padding: 10px 25px;
}

.popupMenuContainer nav#menu ul li a:hover {

}

.popupMenuContainer nav#menu ul li:last-child {
        margin:0 0 0;
        border:0;
        padding:0
}

/* ------------------------------------- */
/* ------  Content Section Styles ------- */
/* ------------------------------------- */

#content {
  z-index: 300;
  position: relative;
  background: #ffffff;
}

#content .wrapper {
  padding: 0px;
  font-size: 0;
  display: flex;
}

#content h1 {
  font-size: 35px;
  line-height: 1.3;
  color: #19144a;
  margin-bottom: 25px;
  text-transform: uppercase;
}

#content h2 {
  font-size: 26px;
  line-height: 34px;
  color: #19144a;
  margin-bottom: 15px;
}

#content h4 {
  font-size: 22px;
  line-height: 30px;
  color: #19144a;
  margin-bottom: 20px;
}

#content p, #content ul li {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 25px;
  color: #19144a;
}

#content p.moreinfo {
  border-left: 5px solid #50c9ce;
  padding: 5px 10px;
  background: #ffffff;
  display: block;
}

#content p.question {
  font-size: 22px;
  line-height: 30px;
  color: #19144a;
  font-weight: bold;
  margin: 40px 0 25px;
  padding-top: 30px;
  display: block;
  border-top: 2px solid #50c9ce;
}

#content p.question:first-of-type {
  margin: 0px 0 20px;
  padding-top: 0px;
  border-top: 0px solid #50c9ce;
}

#content #int-main-content p.caption {
  text-align: center;
}

#content #int-main-content p.caption strong {
  display: block;
  margin: auto;
  max-width: 450px;
}

body.news #content #int-main-content p.caption img {
  margin-bottom: 10px;
}

#content #int-main-content p.parts a {
  background: #50c9ce;
  border-left: 6px solid #b0e7e9;
  margin-bottom: 20px;
  padding: 3px 20px;
  display: inline-block;
  color: #ffffff;
}

#content ul li {
  background: rgba(0, 0, 0, 0) url("/uploads/images/before-read-more.png") no-repeat scroll 0px 6px;
  background-size: 15px 15px;
  padding-left: 25px;
  list-style: none;
  margin-bottom: 5px;
}

#content ul.sbs li {
  display: inline-block;
  width: 42.5%;
  margin-right: 3%;
}

#content ul {
  margin-bottom: 25px;
}

#content table.parts {
  width: 100%;
  font-size: 18px;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

#content table.parts tbody {
  display: table;
  width: 99.5%;
  min-width: 500px;
  border-collapse: collapse;
  border-spacing: 0;
}

#content table.parts td {
  padding: 1%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #50c9ce;

}

#content .img-right {
  float: right;
  width: 100%;
  height: auto;
  max-width: 275px;
  margin: 10px 0 30px 30px;
}

#content #main-content {
  margin: 10px 1%;
  padding: 50px 5%;
  width: 52%;
  background: #eaecef url(/uploads/images/content-lines-bg.jpg);
  background-repeat: no-repeat;
  background-size: 285px 375px;
}

#content #main-content img,
#content #int-main-content img {
  background: #ffffff;
  border-left: 6px solid #50c9ce;
  padding: 10px;
  width: 80%;
  height: auto;
  margin: 30px auto;
  display: block;
}

#content #int-left-content img {
  background: #ffffff;
  border-left: 6px solid #50c9ce;
  padding: 10px;
  width: 92.5%;
  height: auto;
  margin: 30px 0px;
  display: block;
}

body.home #content #main-content {
  display: inline-block;
  margin: 10px 0% 10px 1%;
  width: 52%;
  font-size: 0;
}

#content #main-content p:first-of-type {
  font-family: 'Abel', sans-serif;
  font-size: 28px;
  line-height: 38px;
  color: #19144a;
}

#content #main-content p {
  font-size: 18px;
  line-height: 26px;
  color: #47436e;
}

#content #int-left-content {
  display: inline-block;
  width: 36%;
  vertical-align: top;
  margin: 10px 0% 10px 0%;
  padding: 50px 3% 50px 3%;
  border-right: 1px solid #ffffff;
  background: #eaecef url(/uploads/images/content-lines-bg.png);
  background-repeat: no-repeat;
  background-size: 285px 375px;
  position: relative;
  min-height: 450px;
}

#content #int-left-content p {
  color: #19144a;
}

#content #int-left-content p:first-of-type {
  font-family: 'Abel', sans-serif;
  font-size: 28px;
  line-height: 38px;
}

#content #int-left-content .textblock {
  display: block;
  margin-bottom: 40px;
}

#content #int-left-content .corner-image {
  position: absolute;
  left: 0;
  bottom: 0;
}

#content #int-left-content .corner-image img {
  width: 100%;
  max-width: 350px;
  border: 0;
  padding: 0;
  margin: 0;
}

#content #int-main-content {
  width: 48%;
  display: inline-block;
  margin: 10px 0% 10px 0%;
  padding: 50px 5%;
  background: #eaecef url(/uploads/images/content-lines-bg2.png);
  background-repeat: no-repeat;
  background-size: 275px 362px;
  background-position: bottom right;
  min-height: 620px;
}

body.news #content #int-main-content {
  min-height: 550px;
}

#content #int-main-content p {
  color: #19144a;
}
#content #int-main-content p a.more-button {
  display: inline-block;
  background: #50c9ce;
  border-left: 6px solid #b0e7e9;
  margin-bottom: 20px;
  padding: 3px 20px;
  color: #ffffff;
}

#content #int-main-content p a.more-button:hover {transform: scale(1.1);}

#content #usp-section {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  margin: 10px 1% 10px 0%;
  padding: 50px 3%;
  background: #f1f4f7 url(/uploads/images/content-lines-bg2.png);
  background-repeat: no-repeat;
  background-size: 275px 362px;
  background-position: bottom right;
}

#content #usp-section .usp-box {
  display: block;
  width: 85.5%;
  margin: 15px auto 50px;
  padding: 30px 7%;
  background: #ffffff;
  border-left: 6px solid #b0e7e9;
}

#content #usp-section .usp-box p {
  font-size: 16px;
  line-height: 22px;
  color: #19144a;
  margin-bottom: 0px;
}

#content #usp-section .usp-box p.title {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  line-height: 24px;
  color: #50c9ce;
  margin-bottom: 10px;
}

#content #usp-section .usp-box.catalogue {
  border-left: 6px solid #5e5c81;
}

#content #usp-section .usp-box.catalogue p a {
  text-decoration: underline;
}

#content #usp-section .usp-box.catalogue p.title {
  color: #5e5c81;
}


#content strong { font-weight: bold; color: #19144a; }

#internal-usps {
  display: block;
  text-align: center;
  background: #eaecef url(/uploads/images/services-bg-img.jpg);
  background-size: cover;
  background-position: center;
  font-size: 0;
  margin-bottom: 10px;
}

body.about-us #internal-usps {
  margin-bottom: 0;
}

#internal-usps .wrapper {
  padding: 50px 0;
}

#internal-usps .usp-box {
  display: inline-block;
  width: 21%;
  margin: 0px 2%;
  padding: 20px 3%;
  background: #50c9ce;
  border-left: 6px solid #b0e7e9;
  text-align: left;
  min-height: 170px;
  vertical-align: top;
}

#internal-usps .usp-box p {
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 0px;
}

#internal-usps .usp-box p.title {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  line-height: 24px;
  margin-bottom: 10px;
}


#our-services {
  display: block;
  text-align: center;
  background: #eaecef url(/uploads/images/services-bg-img.jpg);
  background-size: cover;
  background-position: center;
}

#our-services .wrapper {
  padding: 70px 0;
}

#our-services p.whatwedo {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #4fc9ce;
}

#our-services p.ourservices {
  font-size: 38px;
  line-height: 44px;
  color: #19144a;
  margin-bottom: 25px;
}

#our-services .service-section {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  font-size: 0;
}

#our-services .service-section.middle {
  margin: 0 2%;
}

#our-services .service-section .header {
  display: block;
}

#our-services .service-section .header img {
  width: 100%;
}

#our-services .service-section .content {
  display: block;
  background: #ffffff;
  border-radius: 0% 0% 2% 2%;
  padding: 10px 5%;
}

#our-services .service-section .content p {
  font-size: 16px;
  line-height: 22px;
  color: #19144a;
  margin-bottom: 15px;
}

#our-services .service-section .content p:first-of-type, #our-services .service-section .content p:first-of-type a {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #19144a;
}

#our-services .service-section .content p:first-of-type a:hover {color:#4fc9ce;}
#our-services .service-section .content p:first-of-type a::before {display:none;}
#our-services .service-section .content p a {
  font-size: 18px;
  line-height: 24px;
  color: #4fc9ce;
}

#our-services .service-section .content p a::before {
  display: inline-block;
  background: url(/uploads/images/before-read-more.png);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: 0px 2px;
  font-style: normal;
  content: '';
  width: 19px;
  height: 17px;
}
#our-services .service-section .content p a:hover {color:#19144a;}

#internal-info {
  display: block;
  background: #ffffff;
  font-size: 0;
}

#internal-info .info-section {
  display: block;
  margin: 10px 0%;
  background: #eaecef;
}

#internal-info .info-section .one-half {
  display: inline-block;
  width: 42%;
  padding: 40px 4% 40px 4%;
  vertical-align: middle;
}

#internal-info .info-section .one-half.last {
  /*display: inline-block;
  width: 50%;
  padding: 0;*/
  text-align:center;
}

#internal-info .info-section .one-half p {
  color: #19144a;
  font-size: 24px;
  line-height: 34px;
  font-style: italic;
  margin-bottom: 0px;
}
#internal-info .info-section .one-half.last p {
  margin-bottom: 16px;
}

/*#internal-info .info-section .one-half p:first-of-type {
  margin-bottom: 35px;
}*/

#internal-info .info-section .one-half a.button {
  background: #50c9ce;
  border: 1px solid #ffffff;
  border-radius: 10px;
  padding: 8px 20px; 
  color: #19144a;
  font-size: 18px;
  line-height: 26px;
  font-style: normal;
}

#internal-info .info-section .one-half a.button em:before {
  display: inline-block;
  background: url(/uploads/images/before-find-out-more.png);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 0px 2px;
  font-style: normal;
  content: '';
  width: 18px;
  height: 16px;
}

#internal-info .info-section .one-half img {
  width: 100%;
}

#vehicles {
  display: block;
  text-align: center;
  background: #ffffff;
}

#vehicles .wrapper {
  padding: 70px 0;
}

#vehicles p.vehicles {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #4fc9ce;
}

#vehicles p.supply {
  font-size: 38px;
  line-height: 44px;
  color: #19144a;
  margin-bottom: 25px;
}

#vehicles ul {
  width: 100%;
  max-width: 1100px;
  margin: auto;
}

#vehicles ul li {
  display: inline-block;
  width: 20%;
  margin: 0 5% 15px;
  background: rgba(0, 0, 0, 0) url("/uploads/images/before-read-more.png") no-repeat scroll 0px 6px;
  background-size: 15px 15px;
  padding-left: 25px;
  list-style: none;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
  vertical-align: top;
}


#testimonials {
  display: block;
  text-align: center;
  background: #f1f4f7 url(/uploads/images/content-lines-bg2.png);
  background-repeat: no-repeat;
  background-size: 275px 362px;
  background-position: bottom right;
}

#testimonials .wrapper {
  padding: 70px 0;
  max-width: 1200px;
}

#testimonials p.testimonials {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #4fc9ce;
}

#testimonials p.customers {
  font-size: 38px;
  line-height: 44px;
  color: #19144a;
  margin-bottom: 25px;
}

#testimonials .testimonial-section {
  display: block;
  width: 90%;
  max-width: 700px;
  margin: auto;
}

#testimonials .testimonial-section p {
  font-size: 18px;
  line-height: 28px;
  font-weight: bold;
  color: #19144a;
  margin-bottom: 15px;
}

#testimonials .testimonial-section strong {
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  color: #4fc9ce;
}

#testimonials .testimonial-section em {
  display: inline-block;
  width: 21px;
  height: 18px;
  background: #f1f4f7 url(/uploads/images/quote-start.png);
  background-repeat: no-repeat;
  background-size: 19px 16px;
  background-position: top left;
}

#testimonials .testimonial-section u {
  display: inline-block;
  width: 21px;
  height: 18px;
  background: #f1f4f7 url(/uploads/images/quote-end.png);
  background-repeat: no-repeat;
  background-size: 19px 16px;
  background-position: bottom right;
}



#location-map {
  display: block;
  width: 100%;
  font-size: 0;
  background-color: #efeeec;
}

table.cookie-data-table {
  font-size: 14px;
  color: #19144a;
  margin-bottom: 30px;
}

table.cookie-data-table th,
table.cookie-data-table td {
  text-align: left;
  padding: 8px 2% 8px 0;
}

table.cookie-data-table th {
  font-weight: bold;
}

table.cookie-data-table td.table-width {
  width: 50%;
}

/* ------------------------------------- */
/* ------  Footer Section Styles ------- */
/* ------------------------------------- */

#footer {
  display: block;
  background-color: #19154b;
  padding: 50px 0px;
  width: 100%;
}

#footer h5 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #4fc9ce;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#footer .logo-col {
  display: inline-block;
  width: 26%;
  margin-right: 1.5%;
}

#footer .logo-col {
  display: inline-block;
  width: 26%;
  margin-right: 1.5%;
}

#footer .logo-col p {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
  color: #ffffff;
}

#footer .news-col,
#footer .links-col,
#footer .contact-col {
  display: inline-block;
  width: 22%;
  margin-right: 1.5%;
  vertical-align: top;
}

#footer .news-col p {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

#footer .news-col h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}

#footer .news-col h4 a {
  color: #ffffff;
  border-bottom: 0;
}

#footer .news-col .NewsSummaryLink {
  width: 80%;
  margin-bottom: 15px;
}

#footer .news-col .NewsSummaryMorelink,
#footer .news-col .NewsSummarySummary {
 display: none;
}

#footer .links-col ul li {
  background: url(/uploads/images/links-bullet.png);
  background-repeat: no-repeat;
  background-size: 18px 14px;
  background-position-y: 4px;
  padding-left: 25px;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
}

#footer .links-col ul li a {
  color: #ffffff;
}

#footer .contact-col p {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

#footer .contact-col ul li {
  padding-left: 25px;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
}

#footer .contact-col ul li.tel {
  background: url(/uploads/images/tel-bullet.png);
  background-repeat: no-repeat;
  background-size: 18px 16px;
  background-position-y: 4px;
}

#footer .contact-col ul li.fax {
  background: url(/uploads/images/fax-bullet.png);
  background-repeat: no-repeat;
  background-size: 18px 16px;
  background-position-y: 4px;
}

#footer .contact-col ul li.email {
  background: url(/uploads/images/email-bullet.png);
  background-repeat: no-repeat;
  background-size: 18px 16px;
  background-position-y: 4px;
}

#footer .contact-col ul li a {
  color: #ffffff;
}

/* ------------------------------------- */
/* ------  Bottom Pop Up Styles ------- */
/* ------------------------------------- */

#bottom-contact-form {
  position: fixed;
  bottom: 0;
  right: 10%;
  z-index: 9997;
  box-shadow: 0px 0px 15px #202020;
  transition:0.2s;
}

#bottom-contact-form:hover { transform:scale(1.05)}

#bottom-contact-form .callback {
  background-color: #50c9ce;
  padding: 10px 0 10px;
  border: 1px solid #ffffff;
  border-radius: 5px 5px 0px 0px;
  position: relative;
  cursor: pointer;
  display: block;
  text-align: center;
  z-index: 9997;
  left: 0;
  width: 315px;
  top: 0;
  font-size: 20px;
  color: #19144a;
}

#bottom-contact-form .callback em:before {
  display: inline-block;
  background: url(/uploads/images/before-callback.png);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: 0px 2px;
  font-style: normal;
  content: '';
  width: 20px;
  height: 16px;
}

#bottom-contact-form .callbackForm {
  display: none;
  background: #dcf4f5;
  min-height: 200px;
  width: 96%;
  padding: 10px 2% 30px;
  width: 315px;
  transition: all 0.8s ease 0.05s;
}

#bottom-contact-form .callbackForm.active {
  display: block;
  transition: all 0.8s ease 0.05s;
}

#bottom-contact-form .callbackForm.active .close {
  display: block;
  position: absolute;
  top: 3px;
  right: 15px;
  color: #ffffff;
  z-index: 9998;
  font-size: 28px;
  cursor: pointer;
}


/* ------------------------------------- */
/* ------  Cookie Policy Styles ------- */
/* ------------------------------------- */

.cc-link {
  display: none !important;
}

/* ------------------------------------- */
/* ------  Honey Pot Styles ------- */
/* ------------------------------------- */

div.frm-inf {display: none !important;}

/* ------------------------------------- */
/* ------  News Styles ------- */
/* ------------------------------------- */

.NewsSummaryLink a {
  border-bottom: 1px solid #4fc9ce;
}
/* cmsms stylesheet: FormBuilder Default Style modified: 02/05/20 11:27:32 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0.5em;
}
fieldset div {
	margin-bottom: 0.2em;
	margin-left: 0em;
}
fieldset div div {
	margin-top: 0.2em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 0em;
	border: 0px solid #F60;
	padding: 0.5em
}
fieldset.main-form,
fieldset.hcp-form {
	margin-bottom: 0.5em;
	border: 0px solid #F60;
	padding: 0em;
        background: #fcac1b;
}

fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC;
        display: none;
}
textarea {
	margin: 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
.captcha br {
        display: none;
}

/* Just a bit more room for the Submit button */
.submit {
	margin-top: 1em
}
.submit input {
    border-left: 6px solid #b0e7e9;
    background: #50c9ce;
    color: #ffffff;
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin: 0px;
    max-width: 170px;
    padding: 8px 25px;
    width: 100%;
    cursor: pointer;

}
.submit input:hover {

}

.contactform {
	width: 310px;
        margin: 0 0 0.5em;
}
div.formsection .contactform {
        margin: 0 auto 0.5em;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}

div#form-area-content .contactform { 
min-height: 360px;
}

.contactform div.form-name,
.contactform div.form-email,
.contactform div.form-phone,
.contactform div.form-company,
.contactform div.form-message {
	width: 98.3%;
        display: inline-block;
        margin-bottom: 8px;
        margin-right: 0%;
}

.contactform div.form-message {
	width: 98.3%;
        display: inline-block;
        margin-bottom: 10px;
}

body.home .contactform div.form-message {
        margin-bottom: 0px;
}

.contactform .form-name input,
.contactform .form-email input,
.contactform .form-phone input,
.contactform .form-company input {
	width: 94%;
        padding: 7px 2.5%;
        font-size: 15px;
        line-height: 15px;
        background: #f7f6f6;
        border: 1px solid #4fc9ce;
        color: #585675;
}

.contactform .form-message textarea {
	width: 94%;
        padding: 7px 2.5%;
        font-size: 15px;
        line-height: 15px;
        background: #f7f6f6;
        border: 1px solid #4fc9ce;
        color: #585675;
        height:59px;
}

.contactform .form-name.fb_invalid input,
.contactform .form-email.fb_invalid input,
.contactform .form-phone.fb_invalid input {
        border: 2px solid red;
}

div.error_message { display: none; }

.contactform .form-name label,
.contactform .form-email label,
.contactform .form-phone label,
.contactform .form-message label {
	font-size: 14px;
        line-height: 20px;
        color: #405240;
        font-weight: bold;
}

.sideform input {
	border: 0px solid #f60;
}
.sideform input.checkbox {
	border: none;
}
.sideform label {
	display: block;
	float: left;
	width: 150px;
}
.sideform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.sideform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}

.sideform .form-name input,
.sideform .form-email input,
.sideform .form-phone input,
.sideform .form-message textarea {
	width: 97%;
        padding: 3px 1.5%;
        font-size: 14px;
        line-height: 16px;
        background: #ffffff;
        border: 0px solid #ffffff;
}

.sideform .form-name.fb_invalid input,
.sideform .form-email.fb_invalid input,
.sideform .form-phone.fb_invalid input {
        border: 2px solid red;
}

.sideform .form-name label,
.sideform .form-email label,
.sideform .form-phone label,
.sideform .form-message label {
	font-size: 14px;
        line-height: 20px;
        color: #405240;
        font-weight: bold;
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}


/*form#mac70bmoduleform_2 .submit input {
      background-color: transparent;
}


form#mac70bmoduleform_2 .submit input: {
      background-color: #4fc9ce;
}*/