.container .container-wrap, .container .row {
  zoom: 1; }
  .container .container-wrap:before, .container .row:before {
    content: "";
    display: table; }
  .container .container-wrap:after, .container .row:after {
    content: "";
    display: table;
    clear: both; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background: #efefef; }

*:focus {
  outline: none; }

.container {
  margin-top: 38px; }
  .container .container-wrap {
    max-width: 566px; }
  .container .form-group {
    padding: 40px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); }
    .container .form-group .input-group-title {
      display: inline-block;
      vertical-align: top;
      font-size: 26px;
      font-weight: 700;
      line-height: 40px;
      color: #212931;
      width: 100%; }
    .container .form-group .form-control {
      display: inline-block;
      vertical-align: top;
      font-size: 28px;
      height: 40px;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .container .form-group input {
      border: 0;
      border-bottom: 2px solid #efefef; }
    .container .form-group .form-message {
      height: 218px;
      border: 2px solid #efefef;
      margin-top: 38px; }
    .container .form-group .submit-btn {
      margin-top: 34px;
      text-align: center; }
      .container .form-group .submit-btn a {
        display: inline-block;
        color: #000;
        border: 2px solid #000;
        padding: 16px 42px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
        .container .form-group .submit-btn a:hover {
          border: 2px solid #ed3635;
          color: #ed3635; }
  .container .slogan {
    color: #212931;
    margin-top: 50px;
    font-style: italic;
    font-size: 22px;
    font-weight: 700;
    text-align: center; }
  .container .company-logo {
    margin-top: 50px;
    text-align: center; }
    .container .company-logo img {
      display: inline-block;
      width: 100%;
      max-width: 387px; }
  .container .row ~ .row {
    margin-top: 24px; }

@media only screen and (min-width: 605px) {
  .container .form-group .input-group-title {
    width: 20%; }
  .container .form-group .form-control {
    width: 77%;
    float: right; }
  .container .form-group .submit-btn {
    width: 77%;
    margin-left: 23%; } }

@media only screen and (min-width: 990px) {
  .container {
    font-size: 18px;
    margin-top: 88px;
    padding: 0; }
    .container .container-wrap {
      max-width: 1307px; }
    .container .form-group {
      float: left;
      margin-left: 3%;
      width: 50%; }
      .container .form-group .input-group-title {
        font-size: 22px; }
    .container .intro {
      float: right;
      margin-right: 3%;
      width: 44%;
      padding-left: 30px; }
    .container .slogan {
      font-size: 22px; }
    .container .company-logo {
      margin-top: 90px; } }