/********************************************************
**
**		404 & 500 Error Page Styles
**
********************************************************/

html {
    font-size: 62.5%;
    height: 100%;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Helvetica Neue", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  background: white;
  color: #7c7e7f;

  padding: 2%;
}

/**  GLOBAL PAGE ELEMENTS  **/
img, table, th, td {
    border:0;
}

form {
    padding:0;
    margin:0;
}


.logo {

    display: block;
    margin-bottom: 10%;
}

@media (max-width: 540px) {

    .logo {
        text-align: center;
        width: 100%;
    }

    .logo img{
        max-width: 180px;
        margin: 0 auto;
    }
}

.content {

    padding-left: 15%;

}

h1 {
    margin:0 0 1% 0;
    font-size: 40px;
    font-size:4.0rem;
    font-weight: normal;
    font-family: "Lato", "Helvetica Neue", "Roboto", Arial, sans-serif;
    color:#25282a;
}

@media (max-width: 540px) {
    h1 {
        font-size: 23px;
        font-size: 2.3rem;
        margin-bottom: 10px;
    }
}

h3 {
    margin: 0 0 4% 0;
    font-weight: normal;
    font-size: 17px;
    font-size: 1.7rem;
    color:#7c7e7f;
}

@media (max-width: 540px) {
    h3 {
        font-size: 13px;
        font-size: 1.3rem;
        margin-bottom: 25px;
    }
}

.btn, .btn-1, .btn-1-dropdown, .btn-2, .btn-3, .btn-4 {
  font-family: "Lato", "Helvetica Neue", "Roboto", Arial, sans-serif;
  font-weight: 300;
  text-transform: none;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
  border: none;
  display: inline-block;
  height: auto;
  line-height: 1;
  margin: 0;
  padding: 9px 16px 10px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

.btn:hover, .btn-1:hover, .btn-1-dropdown:hover, .btn-2:hover, .btn-3:hover, .btn-4:hover, .btn:active, .btn-1:active, .btn-1-dropdown:active, .btn-2:active, .btn-3:active, .btn-4:active {
  text-decoration: none;
}

.btn:disabled, .btn-1:disabled, .btn-1-dropdown:disabled, .btn-2:disabled, .btn-3:disabled, .btn-4:disabled, .btn.disabled, .disabled.btn-1, .disabled.btn-1-dropdown, .disabled.btn-2, .disabled.btn-3, .disabled.btn-4 {
  color: white;
  background: #d4d4d4 !important;
}

.btn + .btn, .btn-1 + .btn, .btn-1-dropdown + .btn, .btn-2 + .btn, .btn-3 + .btn, .btn-4 + .btn, .btn + .btn-1, .btn-1 + .btn-1, .btn-1-dropdown + .btn-1, .btn-2 + .btn-1, .btn-3 + .btn-1, .btn-4 + .btn-1, .btn + .btn-1-dropdown, .btn-1 + .btn-1-dropdown, .btn-1-dropdown + .btn-1-dropdown, .btn-2 + .btn-1-dropdown, .btn-3 + .btn-1-dropdown, .btn-4 + .btn-1-dropdown, .btn + .btn-2, .btn-1 + .btn-2, .btn-1-dropdown + .btn-2, .btn-2 + .btn-2, .btn-3 + .btn-2, .btn-4 + .btn-2, .btn + .btn-3, .btn-1 + .btn-3, .btn-1-dropdown + .btn-3, .btn-2 + .btn-3, .btn-3 + .btn-3, .btn-4 + .btn-3, .btn + .btn-4, .btn-1 + .btn-4, .btn-1-dropdown + .btn-4, .btn-2 + .btn-4, .btn-3 + .btn-4, .btn-4 + .btn-4 {
  margin-left: 7px;
}

@media (max-width: 540px) {
  .btn + .btn, .btn-1 + .btn, .btn-1-dropdown + .btn, .btn-2 + .btn, .btn-3 + .btn, .btn-4 + .btn, .btn + .btn-1, .btn-1 + .btn-1, .btn-1-dropdown + .btn-1, .btn-2 + .btn-1, .btn-3 + .btn-1, .btn-4 + .btn-1, .btn + .btn-1-dropdown, .btn-1 + .btn-1-dropdown, .btn-1-dropdown + .btn-1-dropdown, .btn-2 + .btn-1-dropdown, .btn-3 + .btn-1-dropdown, .btn-4 + .btn-1-dropdown, .btn + .btn-2, .btn-1 + .btn-2, .btn-1-dropdown + .btn-2, .btn-2 + .btn-2, .btn-3 + .btn-2, .btn-4 + .btn-2, .btn + .btn-3, .btn-1 + .btn-3, .btn-1-dropdown + .btn-3, .btn-2 + .btn-3, .btn-3 + .btn-3, .btn-4 + .btn-3, .btn + .btn-4, .btn-1 + .btn-4, .btn-1-dropdown + .btn-4, .btn-2 + .btn-4, .btn-3 + .btn-4, .btn-4 + .btn-4 {
    margin-left: 0;
  }
}

.btn [class*='icon-'], .btn-1 [class*='icon-'], .btn-1-dropdown [class*='icon-'], .btn-2 [class*='icon-'], .btn-3 [class*='icon-'], .btn-4 [class*='icon-'] {
  vertical-align: middle;
}

.btn.processing, .processing.btn-1, .processing.btn-1-dropdown, .processing.btn-2, .processing.btn-3, .processing.btn-4 {
  padding-left: 30px;
  background-image: url(../images/new/processing.gif);
  background-repeat: no-repeat;
  background-position: 6px 50%;
}

.btn:not(.disabled):active, .btn-1:not(.disabled):active, .btn-1-dropdown:not(.disabled):active, .btn-2:not(.disabled):active, .btn-3:not(.disabled):active, .btn-4:not(.disabled):active {
  transform: translate(0px, 1.5px);
}

.btn-1, .btn-1-dropdown {
  color: white;
  background-color: #ffaf32;
  border-radius: 2px;
}

.btn-1:hover, .btn-1-dropdown:hover, .btn-1:active, .btn-1-dropdown:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffaf32), color-stop(100%, #de8d0f));
  background-image: -webkit-linear-gradient(top, #ffaf32, #de8d0f);
  background-image: -moz-linear-gradient(top, #ffaf32, #de8d0f);
  background-image: -o-linear-gradient(top, #ffaf32, #de8d0f);
  background-image: linear-gradient(top, #ffaf32, #de8d0f);
}