@charset "UTF-8";
/* GLOBAL styles */
html {
  background-color: #fff;
}

html, body {
  height: 100%; }

body,
.pure-g [class*="pure-u"],
.pure-g-r [class*="pure-u"] {
  font-family: "Libre Franklin", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #444; }

a {
  text-decoration: none;
  color: #4eadd3;
  transition: color 0.1s, background-color 0.1s; }
  a:hover {
    color: #469bbd; }

h1 {
  font-size: 3em;
  font-weight: 500;
  line-height: 1.3em;
  margin: 0.5em 0; }

h2 {
  font-size: 2.2143em;
  font-weight: 500;
  line-height: 1.3em;
  padding-top: 1.25em;
  margin: 1.25em 0;
  border-top: 1px solid #eee; }

.pure-g [class*="pure-u"]:first-child h2, .pure-g-r [class*="pure-u"]:first-child h2 {
  padding-top: 0;
  border-top: 0; }

h3 {
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.3em;
  margin: 1em 0; }

h4 {
  font-weight: 400;
  font-size: 1.2143em;
  line-height: 1.3em;
  margin: 1.5em 0 0.5em; }

p {
  line-height: 1.7em; }
  p.intro {
    font-size: 1.25em; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

strong {
  font-weight: 600; }

.container {
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }

/* pure extensions */
.pure-button.pure-button-primary {
  border-radius: .9em;
  font-weight: 600;
  font-size: 1.2857em;
  background-color: #F16820;
  text-transform: uppercase;
  width:100%;
  color: #fff; }
  .pure-button.pure-button-primary:hover {
    background-color: #F16820; }
.pure-button.pure-button-secondary {
  border-radius: .9em;
  font-weight: 600;
  font-size: 1.2857em;
  text-transform: uppercase;
  width:100%;
  background-color: rgb(59,155,160);
  color: #fff; }
  .pure-button.pure-button-secondary:hover {
    background-color: rgb(59,155,160); }
.pure-button.pure-button-tertiary {
  font-weight: 600;
  background: none;
  padding: 0;
  color: #4eadd3; }
  .pure-button.pure-button-tertiary:hover {
    color: #469bbd; }
.pure-button:hover {
  background-image: none; }
.pure-button .fa {
  margin-left: 0.4em; }

/* HEADER styles */
#or-header {
  width: 100%;
  font-size: 0.8571em;
  z-index: 5; }
  #or-header #or-nav {
    padding: 1.5em 0; }
    #or-header #or-nav > div {
      display: -webkit-flex;
      display: flex; }
    #or-header #or-nav ul {
      display: -webkit-flex;
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0; }
      #or-header #or-nav ul li {
        padding: 1em 0;
        color: #fff;
        line-height: 1.7em; }
    #or-header #or-nav #or-nav-logo {
      margin: 0 auto;
      font-size: 1em;}
      #or-header #or-nav #or-nav-logo a {
        display: block;
        font-size: 0px;
        text-indent: -999px;
        width: 150px;
        height: 50px;
        background: url("/https/ddrsi0aml575r.cloudfront.net/static/images/logos/objectrocket_arackspacecompany_black.png") no-repeat;
        background-size: contain;}
    #or-header #or-nav #or-nav-main-nav,
    #or-header #or-nav #or-nav-sec-nav {
      flex-grow: 1;
      -webkit-flex-grow: 1; }
      #or-header #or-nav #or-nav-main-nav > li,
      #or-header #or-nav #or-nav-sec-nav > li {
        margin: 0 0 0 2em; }
        #or-header #or-nav #or-nav-main-nav > li > a,
        #or-header #or-nav #or-nav-sec-nav > li > a {
          color: #ecebeb;
          padding: 0.5em 0; }
          #or-header #or-nav #or-nav-main-nav > li > a:hover,
          #or-header #or-nav #or-nav-sec-nav > li > a:hover {
            color: #fff; }
          #or-header #or-nav #or-nav-main-nav > li > a .fa,
          #or-header #or-nav #or-nav-sec-nav > li > a .fa {
            margin-left: 0.25em; }
        #or-header #or-nav #or-nav-main-nav > li.primary a,
        #or-header #or-nav #or-nav-sec-nav > li.primary a {
          color: #f37f31; }
          #or-header #or-nav #or-nav-main-nav > li.primary a:hover,
          #or-header #or-nav #or-nav-sec-nav > li.primary a:hover {
            color: #da722c; }
        #or-header #or-nav #or-nav-main-nav > li.dropdown:hover ul,
        #or-header #or-nav #or-nav-sec-nav > li.dropdown:hover ul {
          display: block; }
        #or-header #or-nav #or-nav-main-nav > li.dropdown > ul,
        #or-header #or-nav #or-nav-sec-nav > li.dropdown > ul {
          display: none;
          position: absolute;
          background: #fff;
          padding: 0.3em;
          min-width: 8em;
          margin: 0.5em -0.5em;
          border-radius: 0.25em;
          box-shadow: rgba(0, 0, 0, 0.5) 0 0 0.25em; }
          #or-header #or-nav #or-nav-main-nav > li.dropdown > ul > li,
          #or-header #or-nav #or-nav-sec-nav > li.dropdown > ul > li {
            margin: 0;
            padding: 0; }
            #or-header #or-nav #or-nav-main-nav > li.dropdown > ul > li > a,
            #or-header #or-nav #or-nav-sec-nav > li.dropdown > ul > li > a {
              color: #333;
              display: block;
              padding: 0.3em 0.5em;
              border-radius: 0.25em; }
              #or-header #or-nav #or-nav-main-nav > li.dropdown > ul > li > a:hover,
              #or-header #or-nav #or-nav-sec-nav > li.dropdown > ul > li > a:hover {
                background-color: #4eadd3;
                color: #fff; }
    #or-header #or-nav #or-nav-sec-nav {
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
  #or-header #or-banner {
    padding-top: 1em; }
    #or-header #or-banner #or-heading {
      color: #fff;
      padding: 2em 2em 4em 0; }
      #or-header #or-banner #or-heading h1 {
        margin-top: 0; }
      #or-header #or-banner #or-heading p.subhead {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 1.25em; }
    #or-header #or-banner #or-callout {
      color: #fff;
      background: rgba(0, 0, 0, 0.2);
      padding: 2em 2.5em; }
      #or-header #or-banner #or-callout h2 {
        font-size: 2.1429em;
        font-family: "open-sans";
        font-weight: 300;
        margin: 0;
        padding: 0;
        border: 0; }

/* MAIN styles */
#or-main {
  background: url('/https/ddrsi0aml575r.cloudfront.net/static/art/white-cloud-bg.jpg');
  min-height: 100%;
  margin-bottom: -48px; }
  #or-main:after {
    content: "";
    display: block;
    height: 48px; }
#or-main.sign-up {

  margin-bottom: -127px; }
  #or-main.sign-up:after {
    height: 127px; }

/* FOOTER styles */
#or-footer {
  position: fixed;
  bottom:0;
  z-index: 4;
  width: 100%;
  background-color: #333;
  color: #fff;
  padding: 1em 0; }
  #or-footer p {
    font-size: 0.8571em;
    font-weight: 300; }

/* FORM styles */
form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form legend {
  font-weight: 600;
  font-size: 1.2857em;
  padding-bottom: 0.5em;
}
form label {
  display: block;
  margin: 1.5em 0 0.25em;
}
form p {
  margin: 1.5em 0 0;
}
form p.form-error {
  color: #ed2124;
}
form p.field-help {
  font-size: 0.7857em;
  color: #ebebeb;
  font-weight: 400;
  margin: 0.25em 0 0;
}
form p.field-help a {
  color: #ebebeb;
  cursor: pointer;
}
form p.field-error {
  font-size: 0.7857em;
  color: #ed2124;
  font-weight: 400;
  margin: 0.25em 0 0;
}

#or-sign-in-container .marketing_email_section {
  margin-bottom: 10px;
}

#or-sign-in-container .marketing_email_section input[type=checkbox] {
  width:1em;
  display:inline;
}

#or-sign-in-container .marketing_email_section p.signin-help {
  display: inline;
}

form input.error {
  border-color: #ed2124;
}
form button {
  margin: 10px 0 0;
}

#or-sign-in-container #or-classic-login {
  padding:2.5em;
}

#or-sign-in-container form input {
  display: block;
  width: 100%;
  font-size: 1em;
  padding: 0.75em;
  border: 1px solid #F16820;
  border-radius: .9em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 10px auto;
}

.card {
  border-radius: 0.5em;
  text-align: left;
  box-shadow: 0 0 15px #333;
  background-color: white; }
  .card hr {
    margin: 2.5em 0 0.5em;
    border: 0;
    height: 1px;
    background: rgb(69, 106, 115); }
  .confirm-email.card {
    max-width:27em;
  }

/* SIGN IN, SIGN UP, THANKS styles */
#or-sign-in-container #or-sso-alert {
  background-color: #ccc;
  margin: 0 -2.5em -2.5em -2.5em;
  padding: 1em;
  display: flex;
  align-items:center;
}

#or-sign-in-container #or-sso-alert .alert-exclamation {
  width: 13%;
  font-size: 5.5em;
  font-weight: bold;
  color:#F26923;
}

#or-sign-in-container #or-sso-alert .alert-text {
  color: black;
  font-size: .8em;
}

#or-sign-in-container #or-sso-alert .alert-text p {
  margin: 0;
}

#or-sign-in-container #or-sso-alert .alert-text a {
  color: blue;
}

#or-sign-up-container,
#or-sign-in-container,
#or-thanks-container {
  color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

#or-sign-in-container {
  z-index: 3;
  min-height: 100%;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }
  #or-sign-in-container a,
  #or-sign-in-container a:hover {
    color:black;
    text-decoration: underline;
  }
  #or-sign-in-container a.free-trial,
  #or-sign-in-container a.free-trial:hover {
    color:#F16820;
  }
  #or-sign-in-container .or-signin-divider {
    width:100%;
    border-top:1px solid gray;
    margin: 1em 0 1em 0;
  }
  #or-sign-in-container h1 {
    font-size: 3.25em;
    font-weight: 300;
    margin: -104px 0 1em; }
  #or-sign-in-container .alert {
    padding: 1em 0 0 0;
    border-radius: 0.25em;
    margin-bottom: 0.5em;
    text-align: left; }
  #or-sign-in-container .alert .fa {
    margin-right: 0.4em; }
  #or-sign-in-container .alert.alert-info {
    background: #fff;
    color: #31708f; }
  #or-sign-in-container .alert.alert-warning {
    background: #fff;
    color: #ffa837; }
  #or-sign-in-container .alert.alert-danger {
    background: #fff;
    color: #ed2124; }
  #or-sign-in-container h3 {
    margin-top: 0; }
  #or-sign-in-container h3.or-signin-title {
    color:#F16820;
    font-size:1.25rem;
    font-weight: bold;
    text-align: center;
    margin:0;
  }
  #or-sign-in-container h3.rax-signin-title {
    color:black;
    font-weight: bold;
    text-align: center;
    font-size:1rem;
  }
  #or-sign-in-container #or-sign-in-box {
    display: -webkit-flex;
    display: flex; }
  #or-sign-in-container #or-sign-in-box h3 {
    font-weight: 300; }
  #or-sign-in-container #or-classic-login,
  #or-sign-in-container #or-rax-login {
    max-width: 27em; }
  #or-sign-in-container #or-or-divider {
    width: 3em;
    margin-left: 3em;
    text-align: center;
    border-left: 1px solid rgb(69, 106, 115); }
    #or-sign-in-container #or-or-divider p {
      margin-top: 9.5em;
      margin-left: -3em;
      padding: 1em 0;
      background-color: rgb(18, 55, 64); }
  #or-sign-in-container p.signin-help {
    text-align: center;
    font-size: .7rem;
    color:black;
  }
  #or-sign-in-container #resend-button {
    color:white;
    text-decoration: none;
    padding-right: 0;
    padding-left: 0;
  }

#or-sign-up-container {
  padding: 86px 0 0; }
  #or-sign-up-container #or-sign-up-header { }
    #or-sign-up-container #or-sign-up-header p {
      letter-spacing: .03em;
      font-size: 1.1429em;
      font-weight: 400; }
  #or-sign-up-container #or-sign-up-form form {
    width: 27em;
    color: #222;}
    #or-sign-up-container #or-sign-up-form form p.field-help {
      color: #777; }

#or-thanks-container {
  background-image: url('/https/ddrsi0aml575r.cloudfront.net/static/art/white-cloud-bg.jpg');
  position: absolute;
  padding: 86px 0 48px;
  z-index: 3;
  top: 0;
  height: 100%;
  width: 100%;
  font-size: 1.25em;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }
  #or-thanks-container #or-thanks {
    text-align: center;
    margin-top: -3em; }
    #or-thanks-container #or-thanks p {
      font-weight: 600;
      margin-bottom: 2em; }