.error {
  color: red;
}

input.short {
  width: 50px;
}

input.inline {
  display: inline-block;
}

input.error {
  color: #000;
  border: 1px solid red;
}

input[name='user[email]'] {
  width: 80%;
}

input[name='user[password]'] {
  width: 45%;
}

input[name='user[password_confirmation]'] {
  width: 45%;
}

.row {
  padding-left: 20px;
  padding-right: 20px;
}

#btn-gyb-register {
  color: #fff;
  background-color: #be3f3f;
}

.h1-greetings, .article-heading h1 {
  font-family: "Montserrat-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-transform: initial;
  font-size: 22px;
}

body {
  font-family: "Montserrat-Regular";
}

.checkbox {
  margin-top: 0px;
  margin-bottom: 0px !important;
}

.form-group div {
  padding-left: 0;
  margin-bottom: 10px;
}

.checkbox input[type=checkbox] {
  position: initial;
  margin-left: 5px;
}
.checkbox label, .radio label {
  padding-left: 0px;
}

.step1 .container {
  width: 100%;
}

.step1 .container.packages {
  background-color: #f3f3f3;
}

.step2 .container {
  width: 100%;
}

.step1 {
  background-color: #fff;
}

.step1-row {
  width: 100%;
}

.step2-row {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #f3f3f3;
}

@import url("/stylesheets/gyb/article.css");

body {
  background-color: #f3f3f3;
}

.navbar-default {
  border-bottom: 1px solid #e7e7e7;
}

.navbar {
  margin-bottom: 0px;
}

.btn:active:focus,
.btn:focus {
  outline: none;
}

.btn-gyb-primary {
  background: #646464;
  background: -moz-linear-gradient(top, #646464 0%, #4f4f4f 100%);
  background: -webkit-linear-gradient(top, #646464 0%,#4f4f4f 100%);
  background: linear-gradient(to bottom, #646464 0%,#4f4f4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#4f4f4f',GradientType=0 );
  border-color: #404040;
  color: #fff;
  outline: none;
}

.btn-gyb-primary:active {
  background: #646464;
  background: -moz-linear-gradient(bottom, #646464 0%, #4f4f4f 100%);
  background: -webkit-linear-gradient(bottom, #646464 0%,#4f4f4f 100%);
  background: linear-gradient(to top, #646464 0%,#4f4f4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#4f4f4f',GradientType=0 );
  border-color: #404040;
  color: #fff;
  outline: none;
}

.btn-gyb-primary:focus,
.btn-gyb-primary:hover {
  color: #fff;
}

.col-features[data-plan='gold'] i, .col-features-xs span[data-plan='gold'] i {
  color: #ffda00;
}

.btn-gold {
  background: #ffda00;
}

.col-features[data-plan='platinum'] i, .col-features-xs span[data-plan='platinum'] i {
  color: #a3852f;
}

.btn-platinum {
  background: #a3852f;
  color: #fff;
}

.btn-basic {
  background: #dddddd;
}

.btn-platinum:hover,
.btn-platinum:focus,
.btn-platinum:active {
  color: #fff;
}

.md-nav,
.footer-section {
  display: none !important;
}

.nav-social-links {
  opacity: 0 !important;
}

.dv-plan-options {
  background: #fff;
  border-radius: 6px;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

.dv-plan-options .row:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.dv-plan-options .row > div {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dv-plan-options .row > .col-sm-4:not(:first-child) {
  text-align: center;
}

.dv-plan-options .row {
  margin: 0 auto;
}

.col-features {
  text-align: center;
}

.col-features.selected {
  background-color: #f8f8f8;
}

.col-action {
  margin-top: 30px;
}

.text-primary {
  color: #000;
  font-weight: bold;
  font-size: 16px;
}

img.cards {
  width: 50%;
  border-top: 2px solid #be3f3f;
}

@media (max-width: 767px) {
  .dv-plan-options {
    font-size: 14px;
  }

  .col-xs-12 {
    width: 100% !important;
  }

  .col-features-xs {
    float: right;
  }

  .col-features-xs > span {
    display: none;
  }

  .col-features-xs > span.selected {
    display: inline-block;
  }

  .col-features.selected {
    background-color: #d2d2d2;
  }
}

@media (min-width: 768px) {
    .dv-plan-options > .row {
        display: flex;
    }
    .form-separator {
        width: 72px;
        height: 380px;
        background: url("http://www.growyourbusiness.com.au/images/ted/form-separator.png") no-repeat;
        border: none;
        margin: auto;
    }
}

@media (max-width: 991px) {
  .md-nav {
    display: block !important;
  }
}

@media only screen and (max-width: 420px){
  .step2-row {
    width: 100%;
  }

  .step1-row {
    width: 100%;
    padding-left: 0px;
  }
  input[name='user[email]'] {
    width: 100%;
  }

  input[name='user[password]'] {
    width: 100%;
  }

  input[name='user[password_confirmation]'] {
    width: 100%;
  }

  #btn-gyb-register {
    width: 100%;
  }
}