/* orange #E27407 */
/* FONTS ---------------------------------------fff----------- */
h1 {
  font-size: 1.7rem; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.4rem; }

h4 {
  font-size: 1.2rem; }

h1, h2, h3, h4 {
  margin-bottom: 0px;
  color: #2C3E50;
  font-weight: bolder; }

.content-block {
  padding-top: 30px;
  padding-bottom: 30px; }

/* CUSTOMIZE THE BANNER -------------------------------------------------- */
.bannerImg {
  min-height: 500px; }

/* CUSTOMIZE THE NAVBAR -------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%; }

.navbar-brand {
  padding: 14px 30px 15px 15px; }

.navbar {
  border-radius: 4px;
  margin-bottom: 0; }

.navbar-inverse {
  background-color: #222;
  border-color: #080808; }

.navbar-inverse .navbar-nav > li > a {
  color: #F5F8FC; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: #F5F8FC;
  background-color: rgba(44, 62, 80, 0.7); }

.navbar-inverse .navbar-nav > li > a:hover {
  color: #FFFFFF; }

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0; }

.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
  color: black; }

.navbar-wrapper .navbar .container {
  width: auto;
  color: black; }

/* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */
#bannerimage .bannerImageText {
  color: white;
  font-size: 285%;
  margin-top: 130px;
  margin-left: 70px;
  line-height: 1.2;
  font-weight: 500; }

/* Carousel base class */
.carousel {
  height: 250px;
  margin-bottom: 60px;
  overflow: hidden; }

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10; }

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #777; }

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 300px; }

/* BUTTON CUSTOMISATIONS -------------------------------------------------- */
.btn-outline.outline-dark {
  color: #E27407;
  border: 2px solid #E27407; }

.btn.btn-primary {
  background: #E27407;
  box-shadow: 0 2px #D56C04;
  border-color: #D56C04; }

.btn.btn-primary:hover {
  background: #E27407; }

.btn-outline.outline-dark:hover {
  background: #E27407; }

.bg-pewter-hover:hover {
  background-color: #ECB88A !important; }

.form-control:focus {
  border-color: #E27407; }

/* PAGE CUSTOMISATIONS -------------------------------------------------- */
.introText p {
  font-size: 20px; }

.paleGreyBg {
  background-color: #F5F8FC; }

.consultBlock {
  border-bottom: 1px solid #DBE2EA;
  padding-bottom: 10px !important; }

.solutionsBlock {
  text-align: center;
  padding: 20px 15px; }

.solutionIcons {
  height: 67%;
  margin-top: -20px; }

.content-3-5 .icon {
  padding-top: 15px; }

.homeSolutions {
  margin-top: 15px; }

#titleblock p {
  font-size: 145%; }

main ul {
  padding-top: 5px; }

main ul li {
  padding-bottom: 5px; }

.printeronly {
  display: none; }

/* FOOTER ------------------------------------------------------------------- */
.footerStrip1 {
  background-color: #F5F8FC;
  padding: 18px 0; }

/*Was #68747D*/
.footerStrip1 h2 {
  color: #2C3E50;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 7px; }

/*Was #F5F8FC*/
.footerStrip1 a {
  color: #869097; }

/*Was #DBDDDD*/
.footerStrip1 ul li {
  margin-bottom: 2px; }

.footerContact a {
  margin-bottom: 5px; }

a.footerTel, a.footerEmail, a.footerPin {
  color: #869097;
  font-size: 12pt;
  font-weight: bold;
  padding-left: 40px;
  display: block; }

/*Was #FFF*/
a.footerTel {
  background: url(../images/footer-phone.png) no-repeat left center;
  background-size: 28px;
  height: 28px; }

a.footerEmail {
  background: url(../images/footer-email.png) no-repeat left center;
  background-size: 28px;
  height: 28px; }

a.footerPin {
  background: url(../images/footer-pin.png) no-repeat left center;
  background-size: 28px;
  height: 28px; }

.nominetLogo img {
  width: 90px;
  margin-right: 10px; }

.footerStrip2 {
  background-color: #4A5863;
  padding: 5px 0; }

.socialIcons img {
  padding-right: 3px; }

.footerStrip2 img {
  height: 33px; }

.footerStrip3 {
  background-color: #2C3C49;
  padding: 15px 0;
  font-size: 12px;
  color: #C8CCCE;
  line-height: 1.3; }

.footerStrip3 a {
  color: #C8CCCE; }

.footer-top a,
.footer-bottom a {
  color: #7295a7;
  text-decoration: none; }

.social-media div {
  display: inline-block;
  padding-right: 10px; }

.footer-top {
  background: #f5f5f5;
  color: black;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px; }

.footer-top h2 {
  color: black;
  font-size: 120%;
  white-space: nowrap;
  margin-top: 10px; }

.footer-top p {
  color: black; }

.footer-bottom {
  background: #f0f0f0;
  color: black;
  padding: 10px 10px; }

p {
  margin-top: 0; }

/* CUSTOMISATIONS ------------------------------------------------------------------- */
.aboutPanels {
  padding-top: 0;
  margin-bottom: 1.5rem; }

.aboutPanels h2 {
  margin-top: 0.5rem; }

.aboutPanels figure {
  margin-top: 0.5rem;
  margin-bottom: 0.25rem; }

#banner .margin-top45 {
  margin-top: 0; }

.featurebox {
  height: auto; }

.featurebox h3 {
  height: auto; }

.content-3-5 h1 {
  font-size: 250%; }

.content-3-5 .feature-box h3 {
  height: auto; }

.content-3-5 .feature-box {
  height: auto; }

.content-3-5 .feature-box p {
  opacity: 0.8; }

.lead {
  margin: 0 0;
  margin-top: 0px;
  font-weight: bold; }

/* PORTFOLIO PAGE  ------------------------------------------------------------------- */
.gallery-details h2 {
  margin-top: -10px;
  font-size: 100%; }

#responsibilityid dd {
  padding-bottom: 10px; }

/* SERVICES PAGE  ------------------------------------------------------------------- */
@media (min-width: 1000px) {
  .servicebox {
    height: 220px;
    overflow: hidden; } }
.servicebox h4 {
  margin-bottom: 5px; }

.serviceicon {
  width: 15%;
  font-size: 30px; }

.servicetext {
  margin: 0 0; }

/* TIMELINE PAGE  ------------------------------------------------------------------- */
/* http://bootsnipp.com/snippets/featured/single-column-responsive-timeline */
.timeline {
  position: relative;
  padding: 21px 0px 10px;
  margin-top: 4px;
  margin-bottom: 30px; }

.timeline .line {
  position: absolute;
  width: 4px;
  display: block;
  background: currentColor;
  top: 0px;
  bottom: 0px;
  margin-left: 30px; }

.timeline .separator {
  border-top: 1px solid currentColor;
  padding: 5px;
  padding-left: 40px;
  font-style: italic;
  font-size: .9em;
  margin-left: 30px; }

.timeline .line::before {
  top: -4px; }

.timeline .line::after {
  bottom: -4px; }

.timeline .line::before,
.timeline .line::after {
  content: '';
  position: absolute;
  left: -4px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 50%;
  background: currentColor; }

.timeline .panel {
  position: relative;
  margin: 10px 0px 21px 70px;
  clear: both; }

.timeline .panel::before {
  position: absolute;
  display: block;
  top: 8px;
  left: -24px;
  content: '';
  width: 0px;
  height: 0px;
  border: inherit;
  border-width: 12px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.timeline .panel .panel-heading.icon * {
  font-size: 20px;
  vertical-align: middle;
  line-height: 40px; }

.timeline .panel .panel-heading.icon {
  position: absolute;
  left: -59px;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0px;
  border-radius: 50%;
  text-align: center;
  float: left; }

.timeline .panel-outline {
  border-color: transparent;
  background: transparent;
  box-shadow: none; }

.timeline .panel-outline .panel-body {
  padding: 10px 0px; }

.timeline .panel-outline .panel-heading:not(.icon),
.timeline .panel-outline .panel-footer {
  display: none; }

/* RESPONSIVE  ------------------------------------------------------------------- */
@media (max-width: 480px) {
  #bannerimage .bannerImageText {
    font-size: 260%;
    margin-top: 270px;
    margin-left: 30px; }

  .introText p {
    font-size: 18px; } }
@media (max-width: 768px) {
  .homeSolutions {
    padding: 0 15px; }

  .consultancy, .portfolio {
    padding: 15px 0;
    text-align: center; }

  .consultancy {
    border-bottom: 1px solid #E6E6E6; } }
/* END ------------------------------------------------------------------- */
.footerStrip3 {
  line-height: 1.5; }

.footerStrip1 a {
  color: black; }

.btn {
  font-size: 11px; }

input:focus::placeholder {
  color: transparent; }

.footerList {
  line-height: 1.5; }

footer a {
  text-decoration: none; }

footer a:hover {
  text-decoration: underline; }

main a {
  text-decoration: none;
  color: #40535c;
  font-weight: bolder; }

main a:hover {
  text-decoration: underline;
  color: #40535c;
  font-weight: bolder; }

.nav-link {
  color: white; }

.nav-link:hover {
  color: white;
  text-decoration: underline; }

main {
  padding-top: 1rem;
  padding-bottom: 2rem; }

.w100 {
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance; }

td, th {
  padding: 0.5rem; }

tr {
  page-break-inside: avoid; }

p:empty {
  display: none; }

.balanceText {
  text-wrap: balance; }

#banner {
  position: absolute;
  /* Ensure other elements can be positioned within */
  top: 0;
  left: 0;
  height: 603px;
  /* Adjust the height as per your requirement */
  width: 100%;
  /* Full width of the page */
  max-height: 500px;
  background-image: url("../images/banner-swallow-v3.jpg");
  /* Replace with your image path */
  background-position: top left;
  /* Fix image to the top left */
  background-size: cover;
  /* Ensure the image covers the entire div area */
  background-repeat: no-repeat;
  /* Prevent repeating */
  background-size: 100% 100%;
  /* Stretches the image to fit the div */ }

.introText {
  font-size: 2rem;
  margin-top: 430px; }

.cursorPointer {
  cursor: pointer; }

.projectEntry:hover {
  background-color: #f0f0f0; }

.projectEntry:hover h2 {
  text-decoration: none; }

.addPointerCursorToProjectTags .projectTag {
  cursor: pointer; }

.projectTag {
  background-color: #E27407 !important; }

.searchIcon:hover {
  color: #E27407 !important; }

.newsTitle {
  font-size: 1.2rem;
  margin-bottom: 0.2rem; }

.newsAbstract {
  font-size: 0.9rem; }

.productsTableDescription {
  width: 80%; }

.productsTableImage {
  width: 162px; }

.w10 {
  width: 10%; }

.w20 {
  width: 20%; }

.w80 {
  width: 80%; }

.w90 {
  width: 90%; }

.w33 {
  width: 33%; }

h1 {
  margin-bottom: 0.5rem; }

.benfitsTable thead tr {
  background-color: #d0d0d0;
  font-weight: bold; }

.benfitsTable thead td {
  background-color: #d0d0d0;
  font-weight: bold;
  font-size: 1rem; }

.benfitsTable td {
  font-size: 0.9rem; }

.benfitsTable {
  margin-top: 0.5rem; }

.logo30years {
  position: fixed;
  top: -2px;
  right: 0;
  z-index: 9999;
  max-width: 100px; }

.year30box {
  background-color: #E27407;
  color: white;
  text-wrap: balance;
  border-color: white !important;
  margin-top: 0.2rem; }

#searchBtn {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/*# sourceMappingURL=4191164e12426bb8fb00eb562a95be8e.css.map */