/*!
 * bespoke styles
 
*/


/* MODAL OVERLAY */

/***** Top content *****/



a {
color:#a6c6ee;
}

a:hover {
text-decoration: underline;
}


.inner-bg {
    padding: 40px 0 170px 0;
}

.top-content .text {
  color: #fff;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
  margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
  color: #fff;
}
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.top-content .top-big-link {
  margin-top: 35px;
}



.form-box {
  padding-top: 40px;
}

.form-top {
  overflow: hidden;
  padding: 0 25px 15px 25px;
  background: #fff;
  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
  text-align: left;
}

.form-top-left {
  float: left;
  padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
  float: left;
  width: 25%;
  padding-top: 5px;
  font-size: 66px;
  color: #ddd;
  line-height: 100px;
  text-align: right;
}

.form-bottom {
  padding: 25px 25px 25px 25px;
  background: #f3ce12;
  text-align: left;
}

.footer-email {
  font-size:13px;
}
.footer-email a {
  color:#21314d;
}

.bottom-aqua {
  padding: 25px 25px 25px 25px;
  background: #8bcac8;
  text-align: left;
}


fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 100%;
}

form .form-bottom textarea {
  height: 100px;
}

form .form-bottom button.btn {
  min-width: 105px;
}

form .form-bottom .input-error {
  border-color: #19b9e7;
}

.treetitle{
  font-size:20px; margin:10px 0;
}

@media (max-width: 479px) {
  
.treetitle{
  font-size:12px; margin:0;
}

}


/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
  
  .navbar { padding-top: 0; }
  .navbar.navbar-no-bg { background: #333; background: rgba(51, 51, 51, 0.9); }
  .navbar-brand { height: 60px; margin-left: 15px; }
  .navbar-collapse { border: 0; }
  .navbar-toggle { margin-top: 12px; }
  
  .inner-bg { padding: 40px 0 110px 0; }
  .top-content .top-big-link { margin-top: 25px; }
  .top-content .top-big-link a.btn { margin-top: 10px; }
  
  .form-bottom {
    padding-bottom: 0px;
  }
  
  form .form-bottom button.btn {
    margin-bottom: 5px;
  }

}

@media (max-width: 415px) {
  
  h1, h2 { font-size: 32px; }

}


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  
  /* logo */
    .navbar-brand {
      background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 123px 49px !important;
    }
  
}

.modal-logo {
width:50px;
padding:5px;
margin:20px 20px 0 20px;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color:#21314d;
}

p, .p {
  color:#21314d;
}

td,
th {
  padding: 0;
  color:#21314d;
}

.table th {
  color: #a6c6ee;
}

.white {
color:#fff;
margin-left:10px;
}

.whitehome{
color:#fff;
}

.pointer {
  cursor:pointer;
}

.onehun {font-weight:100;}
.twohun {font-weight:300;}
.threehun {font-weight:300;}
.fourhun {font-weight:400;}
.sevenhun {font-weight:700;}

.fifty {
  font-size:50px;
}

.thirtythreepct {
  width:33%; float:left;
  margin-bottom:20px;
}

.fiftypct {
  width:50%; float:left;
  margin-bottom:20px;
}

.twenty {
  font-size:20px;
}

.toptwenty {
  margin-top:20px;
}

.topthirty {
  margin-top:30px;
}

#featurepink {
  color:fff; background:#c84378 url(../images/bg-city.jpg) no-repeat;
  background-size: cover; 
}

#featureaqua {
color: #fff;
  background: #8bcac8 url(../images/bg-money.jpg) no-repeat;
  background-size: cover;
}

#featureblue {
  background:#21314d;
  color:#fff;
  padding:10px; 
}

#open {
  color:#21314d;
}

#openregister {
  color:#21314d;
}


.socialadjust {
  margin-top:12px;
}

.featureblueout {
  background:#21314d; color:#fff; margin:30px;
}

.featurebluein {
  background:#21314d; color:#fff; padding:10px; border:10px solid #21314d; min-height:300px;
}

.featurebluearrow {
  z-index:9999; position: relative; top:-20px;
}

.featureyellowout {
  background:#f3ce12; color:#fff; margin:30px;
}

.featureyellowin {
  background:#fff; color:#fff; padding:10px; border:10px solid #f3ce12; min-height:300px;
  color:#21314d;
  font-size:26px;
}

.featureyellow {
  background:#f3ce12 url(../images/arrow-indent.png) no-repeat top center;
  color:#21314d;
  padding:10px;
  min-height:360px;
}


.featurestonein {
  background:#fff; color:#fff; padding:10px; border:10px solid #c0b998; min-height:300px;
  color:#21314d;
  font-size:26px;
}

.featureaquain {
  background:#fff; color:#fff; padding:10px; border:10px solid #8bcac8; min-height:300px;
  color:#21314d;
  font-size:26px;
}

.featurelightbluein {
  background:#fff; color:#fff; padding:10px; border:10px solid #a6c6ee; min-height:300px;
  color:#a6c6ee;
  font-size:26px;
}

.featurelightblue {
    background:#a6c6ee;
    color:#21314d;
    padding:0px 20px 10px 20px;
    border:1px solid #21314d;
}


.featurepinkin {
  background:#fff; color:#fff; padding:10px; border:10px solid #c84378; min-height:300px;
  color:#21314d;
  font-size:26px;
}


.featurewhiteout {
  background:#21314d;
  color:#fff;
  margin:30px;
}

.featurewhitein {
  background:#fff;
  color:#21314d;
  padding:10px;
  border:10px solid #21314d;
  min-height:300px;
}

.featurewhitearrow {
  z-index:9999; position: relative; top:-20px
}

.feature-text {
  font-size:14px;
}

.pinkarrow {
  background:#fff url(../images/arrow-indent-pinkwhite.png) no-repeat top center;
  color:#21314d;
  padding:20px;
}

.whiteunderline {
  color:#fff; text-decoration:underline; 
}

.aviva {
float:right;
margin-top:30px;
}

.rule {
  border: 1px solid #21314d;
  width:50%;
  margin:30px auto;
}


.ruleleft {
  border: 1px solid #fff;
  width:50%;
  margin-top:20px; 
}

.ruleyellow {
  border:1px solid #f3ce12; margin-top:60px;
}

.rulewhite {
  border: 1px solid #fff;
  width:50%;
  margin:30px auto;
}

.whitefeaturespace {
  margin:25px 0 15px 0;
}

.marginbottomfifteen {
  margin-bottom:15px;
}

.tbl {
  border-top:none; color:#fff;
}

.btn-extra {
padding:18px 36px;
}

.nomargin {
  margin:0;
}

.nomargin-auto {
  margin:0 auto;
}


  a.footer {
  color:#21314d;
  font-weight:400;
}




.logo {
  padding-top: 5px;
  width:150px;
}

.headspace {
   margin-top:46px;  
}

@media (max-width: 479px) {
  .logo {
    width:75px;
  }
}

.strap {
  width:316px;
  margin-top:46px;
}

@media (max-width: 479px) {
  .strap {
    width:150px;
      margin-top:-46px;
      float:right;
  }
}


@media (max-width: 990px) {

  .login-buttons {
      margin-top: 20px;
  }
}


.textheader {
  background:#21314d;
  color:#fff;
}

.textheader h2 {
font-size:34px;
}

.textheaderstone {
  background:#c0b998;
  color:#fff;
}


.textheaderaqua {
  background:#8bcac8;
  color:#fff;
}


.textheaderpink {
  background:#c84378;
  color:#fff;
}

.textheaderlightblue {
  background:#a6c6ee;
  color:#fff;
}


.spcforty {
  padding-top:40px;
}

.current {
  font-weight:400;
}

.barstone {
  background: #c0b998;
  padding:40px;

}

.panel-default {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f3ce12;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}

.panel-body { 
  
}

.panel-title {
  color:#21314d;
}

@media (max-width: 479px) {
.panel-title {
  color:#fff;
  font-size:12px;
  font-weight:normal;
}
}

  .arrow-down {
font-size:40px;
margin:0;
padding:0;
line-height:16px;
  }



  @media (max-width: 479px) {
  .arrow-down {
font-size:26px;
margin:0;
padding:0;
line-height:16px;
  }
}


.numberbullets {
    margin-top:20px;
  width:80px;
  height:auto;
}

  @media (max-width: 479px) {
.numberbullets {
  margin-top:20px;
  width:50px;
  height:auto;
}
}

.numberbulletsleftcol {
  width:80px; 
  margin-right:20px;
}

  @media (max-width: 479px) {
.numberbulletsleftcol {
  width:50px; 
  margin-right:12px;
  margin-top:20px;
}
}

.numberbulletsrightcol { 
  margin-top:30px;
}



.logobullets {
    margin-top:20px;
  width:80px;
  height:auto;
}

  @media (max-width: 479px) {
.logobullets {
  margin-top:20px;
  width:50px;
  height:auto;
}
}

.logobulletsleftcol {
  width:80px; 
  margin-right:20px;
}

  @media (max-width: 479px) {
.logobulletsleftcol {
  width:50px; 
  margin-right:12px;
  margin-top:20px;
}
}

.numberbulletsrightcol { 
  margin-top:30px;
}

.list-inline > li {
    display: inline-block;
    padding-left: 2px;
    padding-right: pan;
}


.counterbullets {

  width:20px;
  height:auto;
}


.toptip {
position:relative;
z-index:100;
top:30px;
margin-right:10px;
}


.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #c0b998;
  border-width: 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #c0b998;
  border-width: 5px 0 5px 5px;
}


.tooltip-inner {
  color: #000;
  background: #fff;
  border: solid 1px #c0b998;
  padding:10px;
}

.tooltip.in {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.formadjust {
  margin:-20px 0;
}



.btn-primary {
border-radius:0;
color:#fff;
background:#21314d;
border:4px solid #f3ce12;
padding:10px 20px;
margin-right:5px;
}



.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #21314d;
  background-color: #f3ce12;
  border-color: #21314d;
}

.btn-warning {
border-radius:0;
color:#21314d;
background:#f3ce12;
border:4px solid #fff;
padding:10px 20px;
margin:10px 0;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #21314d;
  background-color: #f3ce12;
  border-color: #21314d;
}

.btn-info {
border-radius:0;
color:#21314d;
background:#fff;
border:4px solid #f3ce12;
padding:10px 20px;
margin:10px 0;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
border-radius:0;
color:#21314d;
background:#f3ce12;
border:4px solid #fff;
padding:10px 20px;
margin:10px 0;
}



.btn-circle {
        width: 22px;
        height: 22px;
        text-align: center;
        padding: 6px 0;
        font-size: 15px;
        line-height: 10px;
        border-radius: 15px;
        background:#21314d;
      }


.btn-social {
  color: #f3ce12;
  background-color: #21314d;
  border-color: #21314d;
}

.btn-social:hover,
.btn-social:focus,
.btn-social.focus,
.btn-social:active,
.btn-social.active,
.open > .dropdown-toggle.btn-social {
  color: #f3ce12;
  background-color: #f3ce12;
  border-color: #21314d;
}

.btn-circle:hover,
.btn-circle:focus,
.btn-circle.focus,
.btn-circle:active,
.btn-circle.active,
.open > .dropdown-toggle.btn-circle {
  color: #21314d;
  background-color: #f3ce12;
  border-color: #21314d;
}



.btn-tooltip {
  color: #fff;
  background-color: #8bcac8;
  border-color: #8bcac8;
}

.btn-tooltip:hover,
.btn-tooltip:focus,
.btn-tooltip.focus,
.btn-tooltip:active,
.btn-tooltip.active,
.open > .dropdown-toggle.btn-social {
  color: #fff;
  background-color: #c0b998;
  border-color: #c0b998;
}


h3.piggybank  {
margin:0;
}


.borderless td, .borderless th {
    border: none;
    color:#fff;
}


.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px solid #dddddd;
}


.rule {
  border: 1px solid #21314d;
  width:50%;
  margin:30px auto;
}






.btn-primary:hover { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.btn-success:hover { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.btn-warning:hover { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.btn-info:hover { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.btn-social:hover { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }




input[type="text"], 
input[type="password"],
input[type="email"], 
input[type="number"],
select,
select.form-control, 
textarea, 
textarea.form-control {
  height: 40px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #f1f1f1;
    border: 3px solid #ddd;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    color: #000;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

textarea, 
textarea.form-control {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
  height: 100px;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus, 
textarea.form-control:focus {
  outline: 0;
  background: #fff;
    border: 3px solid #ccc;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, 
textarea:-moz-placeholder, textarea.form-control:-moz-placeholder { color: #888; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, 
textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { color: #888; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { color: #888; }



button.btn {
  height: 50px;
    margin: 0;
    vertical-align: middle;
    border: 0;
    font-size: 16px;
    font-weight: 300;
    border-radius:0;
    color:#fff;
    background:#21314d;
    border:4px solid #f3ce12;
    padding:10px 20px;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

button.btn:hover { outline: 0; background: #f3ce12; color: #21314d; border:4px solid #21314d; }

button.btn:active { outline: 0; background: #f3ce12; color: #21314d; border:4px solid #21314d; }

button.btn:focus { outline: 0; background: #f3ce12; color: #21314d; border:4px solid #21314d; }

button.btn.active:focus { outline: 0; background: #f3ce12; color: #21314d; border:4px solid #21314d;}



.yellowicon {
    color: #f3ce12;
}

.btn-lg {
    font-size: 38px;
    line-height: 1.33;
    border-radius: 6px;
}

.box > .icon {
    text-align: center;
    position: relative;
}

.box > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 7px solid white;
    line-height: 88px;
    border-radius: 50%;
    background: #21314d;
    vertical-align: middle;
}

.box > .icon:hover > .image {
    border: 4px solid black;
}

.box > .icon > .image > i {
    font-size: 40px !important;
    color: #f3ce12 !important;
}

.box > .icon:hover > .image > i {
    color: white !important;
}

.box > .icon > .info {
    margin-top: -24px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #e0e0e0;
    padding: 25px 10px 0px 10px;
    min-height:140px;
}

.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
    color: #f3ce12;
}

.box > .icon > .info > .more a {
    color: #f3ce12;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.box > .icon:hover > .info > .more > a {
    color: #f3ce12;
    padding: 6px 8px;
    border-bottom: 4px solid #f3ce12;
}



    .box > .icon > .info > p {
        color: #666;
        line-height: 1.5em;
        margin: 20px;
    }

.box .space {
    height: 30px;
}








ul.contentlist  {
  list-style-type: none;
  padding-left: 20px;
}

.contentlist li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.contentlist li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "\f00c";
  color: #f3ce12;
}


ul.contentouterlist  {
  list-style-type: none;
  padding-left: 20px;
}

.contentouterlist li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.contentouterlist li:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #f3ce12;
}


/* terms and conditionslist styles */
.legal-list{
  margin: 0px auto;
    padding:30px 0 0 0;
}

.legal-list ul {
  list-style: none;
  counter-reset: nested-counter;
      list-style-position: inside;
    padding-left:0;
}

.legal-list ul li {
  counter-increment: nested-counter;
  line-height: 1.6;
      padding-left:20px;
      margin-top:20px;
}

.legal-list ul li:before {
  content: counters(nested-counter, ".") ") ";
  font-weight: bold;
}

.legal-list-box {
  background: #f1f1f1; padding:15px; margin:5px;

}




*/ MODIFICATIONS 14th DECEMBER 2016 */



@media (max-width: 767px) {
    .navbar {
        position: relative;
        top: auto;
    }
    .navbar-collapse {
        max-height: none;
    }
    body {
        margin: 0;
    }
}


@media (max-width: 767px) {
    body {
        margin-top: 146px;
    }
    .headersection {
        position: fixed;
        z-index: 9995; //this value is from variables.less -> @zindex-navbar-fixed
        right: 0;
        left: 0;   
        border-radius: 0;
        top: 0;
        border-width: 0 0 1px;
        width:100%;
        background:#fff;
    }      
}


@media (max-width: 479px) {
  .logo {
    width:60px;
      margin:-20px 300px 0 0;
      float:left;
  }
}

@media (max-width: 479px) {
  .strap {
    width:180px;
      margin-top:-40px;
      float:right;
      text-align:right;
      padding-left:30px;
  }
}


@media (max-width: 479px) {
.btn {

  padding: 8px 6px;
  font-size: 12px;
  line-height: 1.42857143;
  border-radius: 2px;
}






@media (max-width: 479px) {
  .login-button {
    width:80px;
      margin-top:-57px;

      position:relative;
      z-index:9999;
      top:65px;
            right:0px;
  }
}

@media (max-width: 479px) {
  .register {
    width:120px;
      margin-top:-57px;

      position:relative;
      z-index:9999;
      top:65px;
  }
}

@media (max-width: 479px) {
h4, .h4 {
    font-size: 14px;
}
}
}

@media (max-width: 479px) {
  .navbar-default {
    width:100%;
      margin-top:-46px;
      float:right;
  }
}

@media (max-width: 479px) {
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 4px;
    border-radius: 1px;
}
}

@media (max-width: 479px) {
.form-top {
    margin-top: 60px;}
}



.featurebluearrow {
  z-index:999; position: relative; top:-20px;
}

.featurewhitearrow {
  z-index:999; position: relative; top:-20px
}

.tooltip-inner {
  color: #000;
  background: #fff;
  border: solid 1px #c0b998;
  padding:10px;
  font-size:16px;
}

.unavailable-bg {
  background:#21314d;
}

.h2 white {
  color:#fff;
}

.h4 white {
  color:#fff;
}

.btn-tooltip {
    color: #fff;
    background-color: #21314d;
    border-color: #21314d;
}

@media (max-width: 479px) {
#featureblue {
  background:#21314d;
  color:#fff;
  padding:10px; 
  margin-bottom:20px; }
}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}



/*Edit User Styles*/
.form-checkbox {
    height: 23px;
    width: 49px;
    margin: 0 !important;
}