@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

body {
      font-family: 'Roboto', sans-serif;
      font-size: 13px;
      font-weight: 400;
      line-height: 1.42857143;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: inherit;
      font-weight: 400;
      line-height: 1.1;
}

h1 {
      letter-spacing: 6px;
      font-size: 32px;
      text-transform: lowercase;
}

h2 {
      margin-top: 0;
}

h3 {

}

h4 {
      font-size: 1.2em;
      color: #000;
}

a {
      color: #111;
}

img {
      max-width: 100%;
}

label, .checkbox label, .radio label {
      font-weight: 400;
}

form {
      margin-top: 0;
}


.text-muted {
      color: #999;
      font-style: italic;
}

.notice {
      text-align: center;
      padding: 30px;
      font-weight: bold;
      font-size: 1.3em;
}

.navbar-inverse {
      background: #000;
}

.pagelock {
      position: fixed;
      top: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.5);
      padding: 30%;
      text-align: center;
      width: 100%;
      z-index: 100000;
}

.captcha {
      margin: 20px 0;
}

.input-group-addon {
      min-width: 150px;
}

.helptext {
      color: #999;
}

.btn {
      border: none;
      cursor: pointer;
}

.btn-primary {
      background: #DEAE27;
      color: #fff;
}

.btn-primary:hover {
      color: #000;
      background-color: #fff;
}

.btn-default {
      background: #ccc;
      color: #000 !important;
      border: none;
}

.main-container {
      padding-top: 10px;
      padding-bottom: 10px;
      position: relative;
      min-height: 50vh;
}

.main-container > .darkener {
      z-index: 2;
}

.main-container > .container {
      position: relative;
      z-index: 3;
}


.home-login {
      position: absolute;
      right: 30px;
      top: 0;
      z-index: 1000;
      padding: 20px;
}

.home-login a {
      padding: 20px;
      color: #DEAE27;
}

.shrink {
      font-size: 0.4em;
}

.colour-band {
      padding-top: 40px;
      padding-bottom: 40px;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 1.2em;
}

.colour-band.threesteps {
      background: #eee;
      text-align: center;
}

.btn-big-cta {
      padding: 20px 30px;
      font-size: 25px;
}

.alertbox {
      position: absolute;
      top: 30%;
      left: 30%;
      background: #500;
      color: #fff;
      padding: 2%;
      width: 36%;
      box-shadow: 0 0 10px #000;
      text-align: center;
      font-size: 12px;
}

.alerttext {
      color: #f00 !important;
}

.footer {
      background: #111;
      color: #ccc;
      font-size: 1.2em;
      padding-top: 50px;
      padding-bottom: 100px;
}

.subfooter {
      background-color: #333;
      color: #eee;
      padding-top: 40px;
      padding-bottom: 40px;
}

.subfooter a {
      color: #DEAE27;
}

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

.navbar-default {
      background: none;
      box-shadow: none;
      border: none;
      transition: background-color 200ms linear;
}

.navbar-brand {
      overflow: hidden;
      height: 60px;
      padding: 15px 15px 15px 20px;
}

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

.navbar-nav {
      padding-top: 5px;
      padding-right: 20px;
}

.navbar-nav li a {
      text-transform: lowercase;
      font-size: 1.3rem;
      text-shadow: none;
      letter-spacing: 2px;
}

.dropdown li a {
      font-weight: 400;
      padding-top: 10px;
      padding-bottom: 10px;
}

.messages {
      margin-top: 60px;
}

.messages .bg-success, .messages .bg-danger, .messages .bg-warning, .messages .bg-info {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #333;
}

.stepdisplaywrapper {
      height: 15px;
      width: 100%;
      background: #555;
}

.stepdisplay {
      height: 15px;
      background: #DEAE27;
}

.infodrawer {
      background-color: #222;
      color: #ddd;
      padding: 20px;
      width: 240px;
      border-radius: 0 0 10px 0;
      position: absolute;
      z-index: 1000000;
      top: 120px;
      left: -240px;
}

.infodrawer table {
      width: 100%;
}

.infodrawer table th {
      padding-bottom: 10px;
}

.infodrawer.newmatter {
      background-color: #c00;
      color: #fff;
}

.infodrawer .alertarrow {
      display: none;
}

.longfix {
      word-break: break-all;
}

.drawerhandle {
      background-color: inherit;
      color: inherit;
      padding: 10px;
      position: absolute;
      width: 40px;
      top: 0px;
      right: -40px;
      border-radius: 0 10px 10px 0;
      cursor: pointer;
}

.breathingspace {
      margin-top: 50px;
      margin-bottom: 50px;
}

.main-container.admin-pages-find {
      padding: 15px 0;
}

.main-container.admin-pages h1, .main-container.admin-pages-find h1 {
      font-size: 3.2em;
}

.main-container.admin-pages-find .searchstep {
      padding: 30px 0;
}

.hero {
      overflow: hidden;
      position: relative;
}

.heromessage {
      z-index: 1000;
      text-align: center;
      font-size: 1.6em;
      color: #706D6E;
      padding: 60px;
      position: relative;
}

.heromessage img {
      margin-bottom: 10px;
      width: 430px;
      padding-right: 7px;
}

.heromessage h1 {
      letter-spacing: 6px;
      font-size: 28px;
      text-align: right;
}

.heromessage b {
      color: #706D6E;
}

.heromessage p a {
      margin-top: 20px;
}

.page-front .navbar-brand {
      opacity: 0;
}

.page-front .main-container {
      display: none;
}

.page-login .admin-pages {
      background: url(/assets/bridgingfinance3.jpg);
      background-size: cover;
      background-position: 50% 50%;
      background-attachment: fixed;
}

.front-page-banner {
      position: relative;
      padding: 0;
      font-size: 0.7em;
      background: url(/assets/bridgingfinance3.jpg);
      background-size: cover;
      background-position: 50% 50%;
      background-attachment: fixed;
}

.darkener {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      z-index: 2;
}

.result-teaser {
      background: #fff;
      color: #DEAE27;
      border: 1px solid #ddd;
      height: 440px;
      position: relative;
}

.result-teaser h3 {
      color: #000;
}

.result-teaser .btn-primary {
      width: 100%;
      background: #000;
      color: #fff;
      text-align: center;
      padding: 20px;
      position: absolute;
      bottom: 0;
      left: 0;
      border-radius: 0;
}

.slow-scroll-wrapper {
      background: #fff;
      padding: 20px 0;
      text-align: center;
      overflow: hidden;
      position: relative;
}

.slow-scroll-deck {

}

.slow-scroll {
      height: 100px;
      display: table-row;
      position: relative;
}

.slow-scroll > div {
      display: table-cell;
      vertical-align: middle;
}

.slow-scroll div a {
      width: 200px;
      vertical-align: middle;
      display: block;
}

.slow-scroll div a img {
      max-width: 70%;
      margin: 0 15%;
}

.slow-scroll-wrapper .left {
      cursor: pointer;
      font-size: 2em;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 99;
      padding: 50px 80px 50px 20px;
      color: #000; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 */
}

.slow-scroll-wrapper .right {
      cursor: pointer;
      font-size: 2em;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 99;
      padding: 50px 20px 50px 80px;
      color: #000; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
}

.colour-band.numbers {
      background: #DEAE27;
      text-align: center;
}

.colour-band.numbers h4 {
      font-weight: bold;
      color: #fff;
}

.colour-band.numbers h4 span {
      font-weight: normal;
      font-size: 0.8em;
}

.colour-band.threesteps {
      background: #777;
      color: #fff;
}

.colour-band.threesteps .btn-primary {
      background: #fff;
      color: #000;
}

.thesteps {
      padding: 50px 0;
}

.step .content {
      background: #fff;
      height: 300px;
      padding: 0 30px 20px;
      font-size: 0.9em;
      color: #000;
}

.step h3 {
      font-size: 1.3em;
      min-height: 50px;
}

.thesteps div {
      posiiton: relative;
}

.stepicon {
      background: #DEAE27;
      color: #fff;
      margin: -50px 0 0;
      border-radius: 50px;
      width: 80px;
      height: 80px;
      padding: 10px;
      display: inline-block;
}

.colour-band.whatget {
      background: #222;
      color: #fff;
}

.colour-band.whatget li {
      margin-bottom: 20px;
}

.items {
      overflow: hidden;
}

#searchform {
      margin-top: 0px;
      clear: both;
}

.clearfix {
      clear: both;
}

.centred {
      text-align: center;
}

#contact-form input[name=submit] {
      margin-top: 20px;
}

.advert {
      background: #ddd;
      padding: 20px;
      margin-bottom: 30px;
}

.advert h2 {
      font-size: 1.2em;
      font-weight: bold;
}

.adverts ul {
      padding-left: 15px;
}

.selladverts h2 {
      color: #DEAE27;
      font-size: 1.2em;
      font-weight: bold;
}

.form-inline textarea.form-control {
      width: 100%;
      height: 400px;
}

#members-list {
      width: 100%;
}

#members-list td {
      padding: 2%;
      background: #fff;
      border: 1px solid #ddd;
      vertical-align: middle;
      width: 38%;
      text-align: center;
}

#members-list td:nth-child(1) {
      width: 20%;
}

#members-list td img {
      width: 100%;
}

@media screen and (min-width: 768px) {
      .front-page-banner {
            position: relative;
            padding: 0;
            height: 100vh;
            font-size: 0.7em;
      }

      .hero {
            overflow: hidden;
            position: relative;
      }

      .heromessage {
            position: absolute;
            top: 50%;
            left: 47.5%;
            transform: translate(-50%, -50%);
            z-index: 1000;
            text-align: center;
            font-size: 1.6em;
            color: #ddd;
            padding: 0;
      }

      .admin-wrapper {
            position: relative;
            height: 80vh;
      }

      .admin-setter {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
      }

      .infodrawer .alertarrow {
            display: block;
            position: absolute;
            right: -130px;
            top: -25px;
      }

      .colour-band {
            padding-top: 150px;
            padding-bottom: 150px;
            padding-left: 0px;
            padding-right: 0px;
      }

      .colour-band.numbers {
            padding-top: 30px;
            padding-bottom: 30px;
      }
}

a.unlink {
      color: inherit;
      text-decoration: none;
}

a.unlink:hover {
      color: inherit;
      text-decoration: none;
}

a.unlink:focus {
      color: inherit;
      text-decoration: none;
}

blockquote {
      border-left: unset;
      font-size: unset;
}