/* Display the edit links nicely for client / end user */
  .nav.nav-tabs.primary {
    margin-bottom: 20px;
  } 

  ul.nav.nav-tabs.primary li {
    padding: 0;
  }

/*  Display the success/error alert box nicely for client / end user and pw admin */
  .alert.alert-block {
    margin: 20px 0 85px 0;
  }

.c-left {
  clear: left;
}
.c-right {
  clear: right;
}
section.dark {
  background: rgba(74, 74, 74, 0.9) ;
  color: #eeeeee;
}


section.dark p {
  color: #e7e7e7 !important;  
}


#header {
  padding: 0;
  background-size: cover;
  background-position:50% 50%;
}

@media (min-width:768px) {
  /*.logo {
    padding-top: 10px;
    padding-bottom: 30px;
  }*/
}

.not-front #header,
.page-page-not-found #header
{
  background-image: none !important;
}

@media (max-width: 767px){
  #header {
  background-size:auto 600px;}
}


#header .inner {
}

h1, .h1 {
    font-size: 34px;
}


/*.front*/ #header .inner-content
{
  padding: 30px 0 140px 0;
}

.not-front #header .inner-content {
  padding-bottom: 20px
}

@media(max-width: 768px) {
  .not-front #header .inner-content {
    padding-bottom: 0px
  }
}
.page-page-not-found #header .inner-content {
  padding-bottom: 20px
}

@media (max-width: 767px){
  #header .inner-content {
    padding: 0;
  }
  .front #header .inner-content{
    padding: 30px 0 140px 0;}
}

#header .nav a{
  font-size: 16px;
  font-weight: 700;
}
.strapline h1 {
  padding: 8px 20px;
  background: white;
  font-size: 28px;
  text-transform: uppercase;
  color: #0083bb;
  border-radius: 0;
}

/* h2 */

h2, .h2 {
    font-size: 27px;
    font-weight: 300;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background: #333;
}

/* navigation bars */

@media (max-width: 767px){
  .navbar{min-height:0;
  }
}

#primary-links.visible-xs
{
  background-color:#333333;
}

@media(max-width: 768px) {
  .navbar-header {
    background-color: #fff;
  }
}

.navbar-nav > li,
.nav > li
{
  padding: 0 15px 15px;
}

@media (max-width: 767px){
  .navbar-nav > li,
  .nav > li{
   padding:0 10px}
  }

@media (min-width: 767px){
  .navbar-nav > li,
  .nav > li{
   padding:0 10px 5px 10px}
  }

@media (min-width: 992px){
  .navbar-nav > li,
  .nav > li{
    padding: 0 10px 15px;}
}

@media (min-width: 1200px){
  .navbar-nav > li,
  .nav > li{
    padding: 0 15px 15px;}
}

.navbar-nav > li.last,
.nav > li.last
{
  padding: 0 0 10px 10px;
}

@media (max-width: 767px){  
  .navbar-nav > li.last,
  .nav > li.last{
  padding: 0 10px;}
}

@media (min-width: 992px){
  .navbar-nav > li.last,
  .nav > li.last{
  padding: 0 0 10px 15px;}
}

@media (min-width: 1200px){
  .navbar-nav > li.last,
  .nav > li.last{
  padding: 0 0 15px 15px}
}

.navbar-nav > li > a
{
  text-transform:uppercase;
  color: #000;
  padding:15px 0 8px 0;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active
{
  color:#7e8f95;
  background-color:transparent;
  text-decoration:none;
  border-bottom: 4px solid #0083bb;
  padding:15px 0 2px 0;
}

.navbar-nav .active a,
.navbar-nav .active-trail a
{
  background-color:transparent;
  text-decoration:none;
  border-bottom: 4px solid #0083bb;
  padding:15px 0 2px 0;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active
{
   color:#0083bb;
   border:0 none;
}

/* mobile navbar primary links */

.visible-xs .navbar-nav > li > a
{
  padding:15px 0 8px 0;
}

.visible-xs .navbar-nav > li > a:hover
{
   padding:15px 0 8px 0;
}

/* social media links */

.social-links {
  list-style-type: none;
  padding:  0 0 0 20px;
  float:right;
}

.social-links li:hover {
  opacity: 0.5;
}

@media (max-width: 767px){
  .social-links {
   float:none;
   text-align:center;
   margin-top:20px;}
}

.social-links li {
  display: inline;
  padding:0 2px;
}
.social-links li a {
  display: inline-block;
  width: 30px;
  margin: 0 2px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 00px;
}
.social-links li.twitter a:hover {
  background: #00aced;
}
.social-links li.facebook a:hover {
  background: #3b5998;
}
.social-links li.linkedin a:hover {
  background: #007bb6;
}

/* search */

.search
{
  padding-left:20px;
  border-radius: 20px;
}

.search .btn
{
  border-radius: 20px;
  line-height:20px;
  border:2px solid #ffffff;
  color:#7e8f95;
  background-color:transparent;
}

.contents-top-bar .search .btn {
  background-color: #fff !important;
}

.magnifying-glass {
  position: relative;
  top: -5px;
}

.search .btn:hover,
.search .btn:focus

{
  background-color:#0083bb;
  color:#373737;
  border-color:#0083bb;
}

/* header and footer contact details */

footer .contact-details
{
  color: #fff;
    font-size:16px;
    
}


#header .contact-details {
  color: #000;
}


.contact-details.visible-xs
{
  background-color:#333333;
  border:0;
}

#header .contact-details a {
  color: #000;
}

footer .contact-details a {
  color: #fff;
}


footer .contact-details a:hover {
  text-decoration: none;
}


#header .contact-details a:hover,
#header .contact-details a:focus,
footer .contact-details a:focus {
  text-decoration:none;
}

#header .contact-details a:hover {
  text-decoration: underline;
  color: #000;
}

.contact-details .fa,
footer .contact-details .fa
{
  padding:0 10px 0 20px;
}

.logo img {
  max-height: 120px;
  max-width: 100%;
}

/* btn */

.btn
{
  border-radius:1px;
  border:0;
}

/* promo box */

.promo-box .btn-primary:hover,
.promo-box .btn-primary:focus,
.promo-box .btn-primary:active,
.strapline .btn-primary:hover,
.strapline .btn-primary:focus,
.strapline .btn-primary:active
{
  background-color:white;
  color:#0083bb;
  border:0;
}

.promo-box
{
  border:1px solid #0083bb;
  border-radius:20px;
  width: 315px;
  padding:17px 20px;
  margin-top: 20px;
}

@media (max-width: 767px){
  .promo-box{
  width: 290px;
  float:left !important;}
}

.promo-box .btn
{
  float:right;
}

.promo-box h2{
  display: block;
  float:left;
  margin:0;
}

.promo-box h2 .fa{
  padding-left:20px;
}

@media (max-width: 767px){
  .promo-box h2 .fa{
  padding-left:3px;
  padding-right:5px;}
}


.promo-box p{
  color:#ffffff;
}

.promo-box p.sign-up{
  display:none;
}

.front .promo-box
{
  border:1px solid #0083bb;
  border-radius:20px;
  color:#ffffff;
  width:280px;
  padding: 20px 40px 45px;
  margin-top: 80px;
}

@media (max-width: 767px){
  .front .promo-box{
    padding: 10px 30px 20px;
  margin-top: 10px;
  }
}

.front .promo-box .btn
{
  display:block;
  float:left;
  margin-top:20px;
}

.front .promo-box p.sign-up{
  color:#ffffff;
  display:block;
}

.front .promo-box h2
{
  margin:10px 0;
}

.front .promo-box h2 .fa{
  padding-left:80px;
}

/* top-dark*/

.top-dark
{
  margin-top:-55px;
  padding-top:10px;
  padding-bottom:50px;
}

@media (max-width: 767px){
  .top-dark {
    margin-top:0;
  } 
}

.top-dark h2{
  color:#ffffff;
}

.top-dark p a:hover,
.top-dark p a:focus
{
  color:#ffffff;
}

p
{
  color:#a9a9a9;
}

.front p strong
{
  color:#ffffff;
}

/* services */

.promoted-services .service:nth-child(odd) 
{
clear:left;
}

.promoted-services article a{
  font-size:20px;
}

.promoted-services .front-service-heading a {
  color:#ffffff;
  font-weight:bold;
}

.promoted-services article a:before {
 text-align: center;
  content: "\f1e1";
  font-family: 'FontAwesome';
  color: #0083bb;
  padding-right:10px;
}
.promoted-services article a:hover {
  color: #0083bb;
  text-decoration:none;
}

.promoted-services article .content p{
  padding-left:28px;
}

/**
 * AVN Content
 */
.added-value {
  margin-bottom: 40px;
  padding: 20px 0;
  text-align: center;
}
  .added-value .view {
    padding: 0 40px;
  }
  .added-value .callout h2 {
    font-weight: 700;
    text-transform: uppercase;
  }
  .added-value .callout a {
    color: #0083bb;
  }
.added-value .nbs-flexisel-container:after {
  content: "";
  display: table;
  clear: both;
}
.added-value .nbs-flexisel-nav-left,
.added-value .nbs-flexisel-nav-right {
  position: absolute;
  z-index: 10;
  display: block;
  margin-top: -40px;
  top: 50% !important;
  font-size: 40px;
  line-height: 20px;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 1px;
  color: #0083bb;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
  .added-value .nbs-flexisel-nav-left {
    left: -50px;
  }
  .added-value .nbs-flexisel-nav-right {
    right: -50px;
  }
  .added-value .nbs-flexisel-nav-left:hover,
  .added-value .nbs-flexisel-nav-left:active,
  .added-value .nbs-flexisel-nav-right:hover,
  .added-value .nbs-flexisel-nav-right:active {
    text-decoration: none;
    background: #0083bb;
    color: #fff;
  }

/* news feeds */

.news-feeds .fa{
  color:#0083bb;
  font-size:19px;
  padding:5px 7px;
}

@media (max-width: 767px){
  .news-feeds .fa{
    margin-right:5px;
  }
}

.news-feeds .feed i{
  border-radius:19px;
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfc 0%, #9daaaf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfc), color-stop(100%,#9daaaf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfbfc 0%,#9daaaf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfbfc 0%,#9daaaf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbfbfc 0%,#9daaaf 100%); /* IE10+ */
background: linear-gradient(to bottom, #fbfbfc 0%,#9daaaf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#9daaaf',GradientType=0 ); /* IE6-9 */
}

.news-feeds h2
{
  color:#0083bb;
}

.news-feeds .view
{
  padding-left:36px;
  padding-right:36px;
}

.news-feeds .view-content .item
{
  border-bottom:1px solid #d4d6da;
  padding-bottom:20px;
}

.news-feeds .view-content .item h2
{ 
  margin-top:20px;
  margin-bottom:0px;
  font-size:20px;
}

.news-feeds .view-content .item h2 a{
  display:block;
  color:#0083bb;
  font-weight:bold;
  line-height:130%;
}

.fp-feeds a:hover,
.fp-feeds a:focus,
.fp-feeds a:active
{
  color:#3c3c3c;
  text-decoration:none;
}

.news-feeds .publications .view .item h2
{
    margin-top:10px;
  margin-bottom:10px;
  font-size:16px;
}

.news-feeds .publications .view ul{
  list-style:none outside none;
  padding-left:6px;
  padding-top:1px;
}

.news-feeds .publications .view ul li{
  padding-bottom:0;
}

/**
 * Staff directory
 */
.staff-slider {
  padding: 40px 0;
  text-align: center;
}

.staff-slider .container
{
  background-color:#e0e1e2;
  padding: 0 30px 30px;
}

.staff-slider h1{
  color: #0083BB;
  font-size: 27px;
  font-weight: 300;
  margin-bottom: 20px;
}

.staff-slider .item {
  display: inline-block;
  margin: 0 10px 10px;
  margin-bottom: 10px;
}

.staff-slider .item a {
  display: inline-block;
  position: relative;
  text-align: center;
  overflow: hidden;
  color: white;
}

  .staff-slider .item a img {
    display: block;
  }
  .staff-slider .item a h3 {
    margin: 0;
  }

 .staff-slider .item a {
    background: #0083bb;
  }
    .staff-slider .item a:hover img {
      opacity: 0.5;
    }
.staff-slider .item a h3 {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    font-weight: 600;
  }
  .staff-slider .item a .position {
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
  }
  .staff-slider .item a h3,
  .staff-slider .item a .position {
    display: none;
  }
  .staff-slider .item a:hover h3,
  .staff-slider .item a:hover .position {
    display: block;
    z-index: 2;
    color: white;
  }
  .staff-slider .item a:hover img {
    opacity:0.2;
    filter:alpha(opacity=20);
  }

  @media(max-width: 500px) {
    .staff-slider .item {
      display: block;
    }
  }

/* accreditations */

.accreditations
{
  text-align:center;
  padding-top:20px;
  padding-bottom:60px;
}

.accreditations img {
  margin: 10px;
}

@media (max-width: 767px){
  .accreditations{
  padding-top:10px;
  padding-bottom:10px;}
}

/* footer */

footer .logo{
  float:left;
  display: none;
}

@media (max-width: 767px){
  footer .logo{
  float:none;
  text-align:center;}
}


.map {
  margin: 0 auto;
  max-width: 600px;
}
footer .dark .container
{
   background: none repeat scroll 0 0 rgba(43, 43, 43, 0.9);
}

.navbar-default {
    background-color:transparent;
    border-color:transparent;
    border:0;
}

.contact-social
{
   background: none repeat scroll 0 0 rgba(43, 43, 43, 0.9);
   padding-bottom: 20px;
   padding-top: 20px;
}

#footer-bottom
{
  background: none repeat scroll 0 0 rgba(43, 43, 43, 0.9);
  padding-bottom:40px;
}

#footer-bottom .container
{
  background: none repeat scroll 0 0 rgba(43, 43, 43, 0.9);
  padding:15px;
  text-align:center;
}

#secondary-links
{
  margin-bottom: 10px;
  margin-top: 40px;
}

#secondary-links .navbar-nav a{
  font-size: 14px;
  font-weight: 700;
}

#secondary-links .navbar-nav > li {
    padding: 0 10px 10px;
}

#secondary-links .navbar-nav > li > a
{
  padding:10px 0 8px 0;
  color: white;
  border-bottom: 2px solid transparent;
}

#secondary-links .navbar-nav > li > a:hover {
  color: #fff;
  border-bottom: 2px solid #217AE8;
}


#secondary-links .navbar-nav > li.last
{
 padding-right:0;
}

@media (max-width: 767px){
  #secondary-links .navbar-nav > li.last{
    padding-right:10px;}
}

#secondary-links .navbar-nav {
    float: right;
}

#secondary-links ul
{
  text-align:right;
}

@media(min-width: 768px) and (max-width: 992px) {
    #secondary-links .navbar-nav a {
        font-size: 12px;
    }

    #secondary-links .navbar-nav > li {
        padding: 0 5px 0px;
    }

    #secondary-links .navbar-nav > li > a {
        padding: 15px 0px 8px 0px;
    }
}


a.jump-top
{
    padding:0;
    border-radius:18px;
    color:#ffffff;
    font-size:36px;
    height:36px;
}

a.jump-top:hover{
    padding:0;
  color:#0083bb;
  font-size:36px;
    height:36px;
}

.fa-arrow:before
{
  content: "\f0aa";
 font-family: 'FontAwesome'; 
}

/* internal pages */

#offcanvas-container {
  overflow:visible;
}

@media(max-width: 767px) {
  #offcanvas-container {
    overflow: hidden;
  }
}

aside#sidebar-left
{
  margin-top:-50px;
background-color:#373737;
padding:0 0 40px 0;
}

@media (max-width: 767px){
  aside#sidebar-left{
    margin-top:0;}
}

/* breadcrumbs */

.breadcrumb {
  float:right;
  background-color: transparent;
  border-radius: 0;
  list-style: none outside none;
  margin-bottom: 0;
  padding: 5px 10px 5px 0;
  position:relative;
  bottom:0;
}

.breadcrumbs {
  background-color: rgba(43, 43, 43, 0.7);
}

.breadcrumbs .breadcrumb > li + li:before {
    color: #cccccc;
    content:"\2022";
    padding: 0 5px;
}

.breadcrumb li a{
  color:#ffffff;
}

.breadcrumb li a:hover,
.breadcrumb li a:focus
{
  color:#cccccc;
}

.breadcrumb .active {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}


@media(min-width: 1200px) {
    .breadcrumb {
        max-width: 800px;
    }
}

@media (max-width: 1199px) and (min-width: 993px) {
    .breadcrumb {
        max-width: 650px;
    }
}

@media (max-width: 992px) {
    .breadcrumb {
        max-width: 480px;
    }
}

/* secondary nav sidebar menu */

.sec-nav h2.title
{
   margin-bottom: 15px;
    margin-top: 20px;
}

.sec-nav h2.title a
{
    color: #fff;
    padding-left: 20px;
    display:block;
}

.sec-nav h2.title a:hover,
.sec-nav h2.title a:focus {
  text-decoration: none;
}


.sec-nav ul.menu{
    list-style: none;
    padding-left:0;
}

.sec-nav ul.menu li{
    /*padding:5px;*/
    border-bottom: 1px solid #a9a9a9;
        /*padding:10px;*/
}

.sec-nav ul.menu li.last{
    border-bottom:none;
}

.sec-nav ul.menu li a{
    display: block;
    font-size: 16px;
    padding: 10px 30px;
}

.sec-nav ul.menu li a:hover,
.sec-nav ul.menu li a:focus
{
    color: #fff;
}

.sec-nav ul.menu ul.menu li a{
    padding:0 20px;
}

.sec-nav ul.menu li.expanded a.active-trail{
   display:block;
   color:#ffffff;
  padding: 10px 30px;
  border-bottom:1px solid #a9a9a9;
}

.sec-nav ul.menu li a.active {
  font-weight: bold;
  text-decoration: underline;
}

.sec-nav ul.menu li.active ul.menu li a
{   display:block;
    padding: 10px 55px;
}


.sec-nav ul.menu ul.menu ul.menu li a{
    padding:0 30px;
}

h1.page-title
{
   color:#0083bb;
}

#main #content-area
{
  padding: 30px 40px 0px 60px;
  margin-bottom: 0px;
}

@media (max-width: 767px){
  #main #content-area{
  padding: 10px;}
  #secondary-links .pull-right {
    float: none !important;
  }
  #secondary-links .collapse {
    display: block;
  }
  #secondary-links .navbar-nav {
    float: none;
  }
  #secondary-links ul {
  text-align: left;
  }
  #secondary-links .collapse {
    height: auto !important;
  }
}

#main #content-area p {
    color: #333333;
}

#main #content-area h2 {
  color:#333333;
  font-weight:bold;
  font-size:28px;
}

/* landing page list */

#main #content-area #landing-page-list
{
  margin-top:40px;
}

#main #content-area #landing-page-list h2
{
  color:#ffffff;
  margin-top:20px;
  margin-bottom:20px;
}

#main #content-area #landing-page-list .view-content a
{
  background-color:#373737;
    color: #FFFFFF;
    display: block;
    padding: 3px 30px 23px 30px;
    margin-bottom:20px;
}

#main #content-area #landing-page-list .view-content a:hover,
#main #content-area #landing-page-list .view-content a:focus
{
  background-color:#0083bb;
  text-decoration:none;
}

.node-teaser {
  background-color: #e4e4e4;
  padding: 20px 30px;
}

.landing-page-teaser {
  margin-top: 20px;
  display: inline-block;
}

/* mobile only */

#m-nav-helper
{
  background-color:#373737;
}


/********************************
 * new pw lite theme 2 
 * ******************************/

  /* Menu ammendment: add white background to resolve white 
   * background of logo issue
   * logo background issue/ logo issue
   * */
    .wrap-the-menu {
      position: absolute;
      top: 0;
      width: 100%;
      background-color: rgb(203, 203, 203);
}
@media (min-width: 768px) {
  .owl-carousel .owl-item .no-image:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 33.3333%;
  }
}
  .owl-item img {
    width: 100%;
  }

  /* Make background of the carousel black */
  .owl-carousel .owl-wrapper {
    background-color: #000;
  }

  /* gray overlay on slides */
  .pw_lite-carousel-slide {
    opacity: 1;
    background-color: rgb(51, 51, 51);
    width: 100%;
  }

  /* align pagination controls to bottom right */
  #pw_lite_carousel .owl-pagination {
    position: absolute;
    bottom: 70px;    
    top: initial;
    left: 40px;
    z-index: 9;
  }  

  #pw_lite_carousel .owl-pagination .owl-page.active span {
    background-color: rgba(155, 155, 155, 1);
    border: 1px solid rgb(187, 187, 187);
  }  

  #pw_lite_carousel .owl-buttons {
    display: none !important;
  }

  @media(max-width: 992px) {
    .owl-controls .owl-pagination,
    .owl-controls .owl-buttons
    {
      display: none;
    }
  }


/* Contact page: sidebar with address contents  */

    .contact-page-sbar-block a {
        word-wrap: break-word;
    }

    @media(min-width: 768px) {
    .page-contact aside,
    .page-contact-us aside {
      margin-top: 60px;
      }
    }


/* The slides text */
  #pw_lite_carousel div.pw_lite-carousel-text-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    border-top: none;
    padding: 0em 0.6em;
    top: 20px;
    bottom: auto;
    right: auto;
    width: auto;
    margin-left: 3%;
    font-size: 30px;
    max-width: 750px;
  }
  
  @media(max-width: 992px) {
    #pw_lite_carousel div.pw_lite-carousel-text-overlay {
    /*  margin-left: 0; */
    }
  }
  .carousel-slide-message {
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0,0.5);
    padding: 30px;    
    color: #fff !important;
    display: inline-block;
  }


  .carousel-slide-link {
    padding: 5px 25px;
    background-color: blue;
    margin-top: 10px;
    width: auto;
    font-size: 17px;
    color: #fff;
  }
    #pw_lite_carousel .carousel-slide-link:hover,
    .banner .carousel-slide-link:hover {
      background: #333;
      color: white;
      text-decoration: none;
    }

  @media(max-width: 768px) {
    .carousel-slide-message {
      background-color: transparent;
      padding: 5px 10px;
      /*font-size: 18px;*/
      display: inline;
    }

    .carousel-slide-link {
      padding: 2px 10px;
      background-color: transparent;
      margin-top: 0;
      width: auto;
      float: right;
      font-size: 14px;
      margin-left: 20px;
    }    
  }

/* position the main content on home page above the bottom of gallery image */
  .top-dark {
    position: relative;
    /* margin-top: 0; */
    padding-top: 10px;
    padding-bottom: 50px;
    margin-top: -10px;
    margin-bottom: 20px;
    top: -55px;
  } 

  @media (max-width: 768px) {
    #pw_lite_carousel div.pw_lite-carousel-text {
      border-top: none;
    }   
  }

  @media (max-width: 991px) {
    .header-nav.pull-right {
      float: left !important; 
    } 
  }  

/* Join us box */
  .promo-box-wrapper {
    /* margin-top: 40px; */
    background: #e0e1e2;
    margin-top: -75px;
    padding: 20px;
  }

  .promo-box-override {
    text-align: center;
    padding: 20px;
  }  

  .front .promo-box {
    width: auto;
    margin-top: 0;
    border: none;
  }

  .promo-box-wrapper h2 {
    margin: 0;
  }

  .promo-box-override {
    padding: 0;
  }

  .promo-box-wrapper .sign-up {
    color: #000;
  }

  @media (max-width: 992px) {
    .promo-box-wrapper {
      margin-top: -30px;
    }

    .promo-box-override {
      float: none !important;
      color: black;
      border: none;
    }

    .promo-box-override .sign-up {
      color: #000;
    }    

    .top-dark {
      margin-top: 0;
      padding-top: 10px;
      padding-bottom: 50px;
      top: -10px;
      position: relative;
    }    
  }  


  @media(max-width: 768px) {
    .not-front .promo-box {
      display: none;
    }

  

    .promo-box-override .sign-up {
      color: #000;
    }        
  }

/* Image carousel: per slide text */
  @media(max-width: 992px) {
    #pw_lite_carousel div.pw_lite-carousel-text-overlay {
    /*  top: 150px; */
    }

    #pw_lite_carousel div.pw_lite-carousel-text-overlay {
    /*  position: initial; */
    }    

    .carousel-slide-message {
      /*background-color: transparent;
      padding: 10px 0px;
      font-size: 18px;
      display: inline;
      float: left;*/
    }    

    .carousel-slide-link {
    /*  padding: 2px 10px;
      width: auto;
      float: right;
      font-size: 14px;
      margin-left: 0;
      border: none;
      margin-top: 10px;
      margin-bottom: 10px;*/
    }    

    .carousel-slide-message    {
    /*  display: block;
      color: white !important;*/
    }
  }

  @media(max-width: 768px) {
    .carousel-slide-message {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 5px 10px;
     /* font-size: 18px;*/
      display: inline-block;
      max-width: 600px;
      float: none;
    }  

    .carousel-slide-link.static-banner-slide-link {
        padding: 10px;
        margin-top: 0px;
        width: auto;
        float: none;
        font-size: 14px;
        /* padding-left: 10px; */
        color: #fff;
        /* display: block; */
        margin-left: 0;
        margin-top: 0px;
        display: inline-block;
    }

    #pw_lite_carousel div.pw_lite-carousel-text {
      padding: 0;
      border-top: none;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
    }


    .carousel-slide-link {
        float: left;
        margin-left: 0px;
    }

    /*@media(max-width: 768px) {*/
    .pw_lite-carousel-text-mobile {
        border-top: none !important;
        padding: 15px !important;
        margin-left: -15px;
        margin-right: -15px;
        width: auto !important;
        display: block;
        float: none;
        width: 100%;
    }
   /* }*/

    /* Reduce distance from the top of the page on xs screens */
      #pw_lite_carousel .owl-buttons {
        /*top: 25%;*/
        display: none;
      }
  }

  @media(max-width: 767px) {
    .carousel-slide-message {
      font-size: 18px;
    }
  }

  @media(min-width: 768px) and (max-width: 992px) {
    .pw_lite-carousel-slide {
      background-color: black;
    }

    .carousel-slide-link {
    /*  float: none;
      display: inline-block;
      text-align: center;*/
      color: #fff;
      padding: 10px 15px;
      font-size: 14px; 
    }
  }

  @media (max-width: 992px) and (min-width: 768px) {
    .carousel-slide-message {
      padding: 10px;
      line-height: 1.2em;
    }
  }

  .social-links li.twitter a {
    background-color: #55acee;
  }  

  .social-links li.linkedin a {
    background-color: #0076b3;
  }

  .social-links li.facebook a {
    background-color: #3b579d;
  }

/* Remove horizontal scrollbar */

  #pw_lite-carousel-container {
    padding-right: 0;
  }

  .carousel-row-wrapper {
    margin-right: 0
  }

  .inner-header {
    padding: 290px 0 140px 0;
  }

  /* Welcome */

  .welcome p a {
    color: #fff;
    font-weight: bold;
  }

  .welcome p .btn-primary {
    font-weight: normal;
  }

/* Portal login button */

.front .portal-login-button {
  margin-bottom: 15px;
}  

.portal-login-button {
margin-left: 22px;
font-size: 20px;
}  
  
.portal-login-button .btn-sm {
padding: 7px 10px;
text-decoration: none;
}

.portal-login-button a, footer .portal-login-button a {
color: #ffffff;
font-size: 20px;
font-family: 'Roboto Condensed' , "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #646464;
border-radius: 3px;
display: inline-block;
}

#context-block-region-portal_login_button {
  display: none;
}


/************************************************ 
// Carousel fallback: 
// when the carousel is turned off the default banner image and strapline
// is displayed
************************************************/
  .banner-main-image {
    padding: 0;
    background-size: cover;
    background-position: 50% 50%;
  }

  @media(min-width: 768px) {
    .banner-main-image {
      padding-top: 0px;
      padding-bottom: 30px;
    }
  }

  .banner-main-image h1 {
    background-color: rgba(0,0,0,0.5);
    padding: 30px;
    margin-bottom: 35px;
    max-width: 720px;
    color: #fff;
    font-weight: 100;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    display: inline-block;
   }

  @media (max-width: 768px) {
    .banner-main-image h1 {
      font-size: 20px;
      padding: 10px;
      margin-bottom: 20px;
      width: auto;
      max-width: none;
      display: inline-block;
    }
  }

  /* Adds padding to the inner conent of the main banner image */
    .main-banner-padding {
      padding: 0px 0 250px 0;
    }

    @media(min-width: 1200px) {
      /** 
       * Hide a portion of the gallery image when over 1200px. Over 12
       * Over 1200px and the galleyr images look too big
       */
      .carousel-row-wrapper {
        overflow: hidden;
        /*height: 400px;*/
      }

      /* Display the pagination on the far right, just above the main content */
      #pw_lite_carousel .owl-pagination {
        /*position: absolute;
        bottom: 0;
        top: 300px;
        right: 20px;
        left: auto;
        z-index: 9; */
      }

      .owl-buttons {
        display: none;
      }

    }

    /* Display the pagination on the far right near botom of image for big screens */
    #pw_lite_carousel .owl-pagination {
      position: absolute;
      top: auto;
      right: 0;
      left: auto;
      bottom: 0;
      width: 100%;
      margin: 0 auto;
    }

    #pw_lite-carousel-container #pw_lite_carousel .owl-pagination .owl-page span {
      opacity: 1 !important;
    }

    @media (min-width: 1200px) {
      #pw_lite_carousel .owl-pagination {
        position: absolute;
        bottom: 60px;
        top: auto;
        right: 20px;
        left: auto;
        z-index: 9;
      }
    }

    @media (min-width: 992px) and (max-width: 1200px) {
      #pw_lite_carousel .owl-pagination {
        position: absolute;
        bottom: 60px;
        top: auto;
        right: 20px;
        left: auto;
        z-index: 9;
      }
    }

    .banner-main-image .wrap-the-menu- {
      background: #fff;
    }

    /* // fa theme 2 overrides */

    .menu-name-primary-links ul {
      list-style-type: none;
    }

    .menu-name-primary-links a {
      color: #fff;
    }
     
    /* Remove block title */
      aside h2 {
        color: #fff;
        margin-left: 10px;
      }  
   
    /* Google news feed  */ 

      .block-pw_google_feeds .gfg-root {
        border: none;   
      }

      .block-pw_google_feeds .gfg-title {
        background-color: transparent;
        color: black;
        font-size: 18px;
        text-align: left;
      }

      .block-pw_google_feeds .gfg-root .gfg-entry .gf-result {
        padding-left: 0;
      }

      .block-pw_google_feeds .gfg-subtitle {
        background-color: transparent;
      }

      .block-pw_google_feeds .gfg-listentry-odd {
        background-color: transparent;
      }

/*******************************************
 * IFA site specific styles
 * *****************************************/

  /* Business News page: position the text above the feed */
    .latest-news-feed #feedcontainer {
      position: relative;
    }

    #feedcontent-mixed {
      padding-top: 60px;
    }

    @media(max-width: 1200px) {
      #feedcontent-mixed {
        padding-top: 80px;
      }
    }


    @media(min-height: 400px) and (max-width: 500px) {
      #feedcontent-mixed {
        padding-top: 100px;
      }
    }

    @media(max-width: 400px) {
      #feedcontent-mixed {
        padding-top: 140px;
      }
    }

    .latest-news-feed .sub-statement {
      position: absolute;
      top: 0;
     }

  /* Regulatory Statement */
     .reg-statement {
      padding-top: 40px;
      padding-bottom: 20px;
     }

  /* News page: remove defautl Google news feed styles */
    .block-pw_google_feeds .gfg-root {
      border: none;
    }

    .block-pw_google_feeds .gfg-title {
      display: none;
   }

    .block-pw_google_feeds .gfg-root .gfg-entry .gf-result {
      padding-left: 0;
    }

    .block-pw_google_feeds .gfg-root .gfg-entry .gf-result .gf-title{
      color: black;
    }

    .block-pw_google_feeds .gfg-subtitle {
      background-color: transparent;
    }

    .block-pw_google_feeds .gfg-subtitle a {
      color: black;
    }


    .block-pw_google_feeds .gfg-listentry-odd {
      background-color: transparent;
    }

/* News page block fix */  
  .latest-news-feed .sub-statement {  
    position: absolute;  
    top: 0;  
    width: 100%;
  }

/* Reduce space on list items in header to allow for bigger logo */
  @media(min-width: 992px) and (max-width: 1199px) {
    .header-nav .navbar-nav li {
      padding-left: 5px;
      padding-right: 5px;
    }
  }
  
/* Contact detils positioning for tablet devices */  
  @media(max-width: 991px) {
    .contents-top-bar .contact-details {
      float: left !important;
    }

    .contact-details .fa {
      padding-left: 5px;
    }
  }

.top-social-and-sde {
  margin-top: 20px;
}

/* Social links and sde positioning */
  @media(max-width: 991px) {
    .top-social-and-sde {
      margin-top: 0px;
    }
  }

/* Header surrounding area */
  .contents-top-bar {
    padding-top: 20px;
    padding-bottom: 10px;
  }

/* Remove surounding area padding for desktops */
  @media(max-width: 992px) {
    .contents-top-bar {
      padding-bottom: 10px;
    }
  }

  @media(max-width: 768px) {
   .logo {
      padding-top: 0px;
      padding-bottom: 0px;
   }
  }

/* Center align Footer utils menu */
  #secondary-links .navbar-collapse {
    text-align: center;
  } 

  #secondary-links .navbar-nav {
    float: none;
    display: inline-block;
    text-align: center;
  }
/* Staff profile page: clear profiles of each other */
  @media(min-width: 992px) {
    #staff-directory .view-content div:nth-child(3n+4) {
      clear: left;
    }    
  }

  @media(max-width: 991px) {
    #staff-directory .view-content div:nth-child(2n+3) {
      clear: left;
    }
  }

/* Fake fix for mobile carousel:
 * When a strapline wraps over 1 line, the background colour
 * is the same as the 'welcome' background colour.
 */
    @media(max-width: 767px) {
        .owl-carousel .owl-wrapper {
            background-color: rgba(74, 74, 74, 0.9);
        }
    }

/**
 * Google plus icon 
 */    
    .googleplus a {
      background-color: #dd4b39;
    }

/**
 * Hide carousel dots
 */

@media (max-width: 1080px) {
       #pw_lite_carousel .owl-pagination {
        display: none;
    }
}

/**
 * Wrap email address on mobile and tablet
 */
    .email-address-wrap {
        word-wrap: break-word;
    }

/**
 * Staff intro > front page
 */
.staff-intro-wrapper {
    margin-bottom: 20px;
}

/**
 * Hidden text for WCAG: pass WCAG test for anchor link text.
 */
  .hidn-txt {
    display: none;
  }

/**
 * Latest Blog, Latest News and Publications on front page:
 *
 * maintain original style from h2
 */
  .fp-feeds {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 20px;
  }

  .fp-feeds a {
    font-weight: bold;
    line-height: 130%;
  }

  .fp-feeds a:hover {
    text-decoration: underline;
  }

/**
 * Modal window title: pull style from h4 to .modal-title
 */
  .modal-title {
    font-size: 18px;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
  }

/**
 * Welcome message:
 *
 * Maintain style from original h2 tag
 */
.top-dark .fp-welcome-msg {
  color: #ffffff;
  font-size: 27px;
  font-weight: 300;
}

/**
 * Banner text:
 *
 * Maintain original style
 */
  .banner-text-heading {
    background-color: rgba(0,0,0,0.5);
    padding: 10px;
    margin-bottom: 35px;
    max-width: 720px;
    color: #fff;
    font-weight: 100;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    display: inline-block;
    margin-top: 20px;
    line-height: 1.1;
    font-weight: 400;
  }

  @media(min-width: 992px) {
    .banner-text-heading {
      padding: 30px;
    }
  }
  
/**
 * User logged in > View profile on home page:
 *
 * Maintain original style but without redundant h2
 */
  .view-profile-icon {
    display: block !important;
    font-size: 35px;
    padding-bottom: 10px;
  }

/**
 * Node and Comment unpublished status:
 *
 * background-color changed to pink with "unpublished" text underneath
 */
  .node-unpublished {
    background-color: #fff4f4;
    padding: 10px;
  }

  .unpublished {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word;
  }

  .comment-unpublished:before {
    content: "unpublished";
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 35px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    text-transform: uppercase;
  }

/**
 * Footer accreditation logos:
 *
 * Opacity reduced on hover
 */
  footer .accreditations a img:hover {
    opacity: 0.2;
  }

/**
 * Icon wraps with text on promoted front page services
 */
  .promoted-services article {
    margin-left: -30px;
  }

  .promoted-services .front-service-heading {
    padding-left: 30px;
  }

/* Mobile screen hover for links */
  .carousel-slide-link-hover:hover {
    background: #333;
    color: white;
    text-decoration: none;
  }

/* Add padding to top of link for banner images (when displaying links only) */
  .banner-link-wrapper {
    padding-top: 30px;
  }

/* Remove 'odd' border under link for mobile screens */
  @media(max-width: 767px) {
    .carousel-row-wrapper {
      background-color: rgba(74, 74, 74, 1);
    }

    section.dark {
      background-color: rgba(74, 74, 74, 1);
    }
  }
  @media(max-width: 992px) {
    .top-dark-spacing {
      top: 0px;
    }
  }

/**
 * Abstract the style attr for the mobile wrapping link
 */

/* Style used for wrapping div around the mobile link */
  .mobile-carousel-link-wrapper {
    display: block;
    width: auto !important;
    margin-left: -15px;
    margin-right: -15px;
    border-top: none !important;

  }

/* Extra padding displayed on background when no anchor tag added */
  .mobile-carousel-link-wrapper-padding {
    padding: 15px !important;
  }

/* Make link colour white, with padding so user can 'touch' link */
  .mobile-carousel-link-displayed {
    display: block;
    padding: 15px;
    color: white;
  }

/**
* Set height of Main Banner images, so it matches the carousel
*/
  @media(min-width: 200px) {
    .main-banner-padding {
      padding: 0px 0 10px 0;
    }
  }

  @media(min-width: 500px) {
    .main-banner-padding {
      padding: 0px 0 10px 0;
    }
  }

  @media(min-width: 600px) {
    .main-banner-padding {
      padding: 0px 0 80px 0;
    }
  }

  @media(min-width: 700px) {
    .main-banner-padding {
      padding: 0px 0 100px 0;
    }
  }

  @media(min-width: 800px) {
    .main-banner-padding {
      padding: 0px 0 110px 0;
    }
  }

  @media(min-width: 900px) {
    .main-banner-padding {
      padding: 0px 0 130px 0;
    }
  }

  @media(min-width: 1000px) {
    .main-banner-padding {
      padding: 0px 0 150px 0;
    }
  }

  @media(min-width: 1100px) {
    .banner-main-image {
      padding-bottom: 2%;
    }
  }

  @media(min-width: 1200px) {
    .banner-main-image {
      padding-bottom: 5%;
    }
  }

  @media(min-width: 1300px) {
    .banner-main-image {
      padding-bottom: 7%;
    }
  }

  @media(min-width: 1400px) {
    .banner-main-image {
      padding-bottom: 9%;
    }
  }

  @media(min-width: 1500px) {
    .banner-main-image {
      padding-bottom: 10%;
    }
  }

  @media(min-width: 1600px) {
    .banner-main-image {
      padding-bottom: 12%;
    }
  }

  @media(min-width: 1700px) {
    .banner-main-image {
      padding-bottom: 13%;
    }
  }

  @media(min-width: 1800px) {
    .banner-main-image {
      padding-bottom: 14%;
    }
  }

  @media(min-width: 1900px) {
    .banner-main-image {
      padding-bottom: 15%;
    }
  }

  @media(min-width: 2000px) {
    .banner-main-image {
      padding-bottom: 16%;
    }
  }

  @media(min-width: 2100px) {
    .banner-main-image {
      padding-bottom: 17%;
    }
  }

  @media(min-width: 2200px) {
    .banner-main-image {
      padding-bottom: 18%;
    }
  }

  @media(min-width: 2300px) {
    .banner-main-image {
      padding-bottom: 18.5%;
    }
  }

  @media(min-width: 2400px) {
    .banner-main-image {
      padding-bottom: 19%;
    }
  }

  @media(min-width: 2500px) {
    .banner-main-image {
      padding-bottom: 20%;
    }
  }

/**
 * No Banner text and (no banner link button or link to node)
 *
 * Add padding just to show the banner image
 *
 * Starting from the widest screen to the smallest screen
 */

  /* Widest */
  @media(min-width: 993px) {
    .no-banner-txt-or-link {
      padding: 170px;
    }
  }

  @media(min-width: 901px) and (max-width: 991px) {
    .no-banner-txt-or-link {
      padding: 140px;
    }
  }

  @media(min-width: 801px) and (max-width: 900px) {
    .no-banner-txt-or-link {
      padding: 140px;
    }
  }

  @media(min-width: 601px) and (max-width: 800px) {
    .no-banner-txt-or-link {
      padding: 120px;
    }
  }

  @media(min-width: 500px) and (max-width: 600px) {
    .no-banner-txt-or-link {
      padding: 60px;
      padding-bottom: 140px;
    }
  }

  @media(min-width: 41px) and (max-width: 499px) {
    .no-banner-txt-or-link {
      padding: 65px;
    }
  }

  @media(min-width: 301px) and (max-width: 400px) {
    .no-banner-txt-or-link {
      padding: 65px;
    }
  }

  /* Smallest */
  @media(min-width: 200px) and (max-width: 300px) {
    .no-banner-txt-or-link {
      padding: 50px;
    }
  }


  /* Button link display correctly on mobile screens */

  @media(max-width: 767px) {
    .top-dark {
      top: 0px;
    }
  }  

/**
 * Staff profile: centre align staff profile on xs screens
 */

@media(max-width: 767px) {
  .section-staff-directory .page-title {
    text-align: center;
  }

  .staff-page-image {
    text-align: center;
  }

  .staff-profile-info-box {
    text-align: center;
    margin-top: 15px;
  }
}

/**
 * Newswire link disabled
 */
@media (min-width: 993px) {
  .newswire-disabled {
    margin-bottom: -40px;
  }
}

/**
 * Display border above meet the team when blog, news and publications are disabled
 * This blends the layout of the newswire and meet the team
 */
.blog-news-pubs-disabled-slider {
  padding-top: 0px;
}

.blog-news-pubs-disabled-container {
  border-top: 1px solid gray;
}

/**
 * Add space above/below accreditations when staff feature toggle is off
 */
.staff-feature-toggle-off {
  padding-top: 40px;
  padding-bottom: 30px;
}

/* On navbar-header */
.navbar-header {
    margin: 0px 0px;
}

/* The anchor link */
#primary-links .navbar-brand {
    padding-top: 40px;
    padding-bottom: 40px;
    display: inline-block;
}

.navbar-brand {
    float: none;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    height: inherit;
}

/* The image */
@media (max-width: 768px) {
    #primary-links .navbar-brand img {
        max-width: inherit;
        max-height: inherit;
        padding-top: 0%;
        position: static;
        top: 0;
        transform: inherit;
    }
}

#primary-links .navbar-brand img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 75px;
}

/* The mobile menu button wrapper */
.mobile-menu-icon-wrapper {
    position: relative;
    float: right;
    padding-top: 50px;
}

/* The mobile menu button */
.navbar-toggle {
    margin: 0;
    margin-right: 0%;
    padding: 20px;
}

/************************
## Staff group page
************************/
/*
 namespace the View:
 #pwf-group-id
*/

/* Staff group page */
.pwf-group-newline {
  clear: left;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 23px;
}

/* Add rounded corners to staff group images */
.pwf-staff-group img {
  border-radius: 5px;
}

/* White space beneath each staff member */
#pwf-group-id .profile {
  margin-bottom: 20px;
  word-wrap: break-word;
}

/* Stylise staff member title */
#pwf-group-id h2 {
  font-weight: bold;
  font-size: 28px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* Stylise staff member image */
#pwf-group-id img {
  padding: 4px;
  border: 1px solid #dddddd;
  border-radius: 10px;
}

/* Clear every 4th staff member so displays on newline */
@media (min-width: 992px) {
  #pwf-group-id .view-content div:nth-child(3n+4) {
    clear: left;
  }
}

/* Clear every 3rd staff member so displays on newline */
@media (min-width: 768px) and (max-width: 991px) {
  #pwf-group-id .view-content div:nth-child(2n+3) {
    clear: left;
  }
}

/* Scale staff member image on xs and sm screens */
@media (max-width: 991px) {
  #pwf-group-id .pwf-mobile-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;/* theme 1 specific */
  }
}