.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/extension/packsme/design/partner/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/extension/packsme/design/partner/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/extension/packsme/design/partner/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/extension/packsme/design/partner/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/extension/packsme/design/partner/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/extension/packsme/design/partner/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*FORM*/
@media all {
  /*Area*/
  .page-is-form {
    padding: 1.429em 0 0 0;
    /*20px*/
  }
  .page-is-form .contentcol .content {
    width: 100%;
  }
  .form-wrapper h1 {
    border-bottom: 0;
    padding: 0;
    margin: 0 0 0.471em 0;
    /*34->16*/
  }
  .form-wrapper h2 {
    font-size: 1.429em;
    /*20*/
    padding: 0 0 0.300em 0;
    margin: 1.050em 0 0 0;
    /*21*/
  }
  .form-wrapper .section {
    padding: 1.5em /*21px*/;
    margin: 0 0 2em 0;
    border: solid 1px #CFCFCF;
  }
  .form-wrapper .aside {
    background-color: transparent;
  }
  .form-wrapper .aside .section {
    padding: 0;
    border-width: 0;
  }
  .form-wrapper .aside .section h2 {
    font-size: 1em;
    font-weight: bold;
    color: inherit;
    margin: 0;
    padding: 0 0 0.786em 0;
  }
  /*Reseting*/
  input,
  input[type="search"],
  textarea,
  select,
  button {
    vertical-align: middle;
    line-height: normal !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  input,
  button {
    min-height: 22px;
    vertical-align: middle;
  }
  .touch input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*touch screen makes input wider*/
  textarea {
    vertical-align: top;
  }
  input[type="text"],
  input[type="email"],
  input[type="search"],
  input[type="password"] {
    -webkit-appearance: caret;
    -moz-appearance: caret;
  }
  /*Removing IOS top shadow*/
  .button-like {
    display: inline-block;
  }
  /*class for button look-alike*/
  .button-like {
    font-size: 14px;
    color: #fff;
    padding: 9px 23px;
    text-transform: none;
    background-color: #333;
    border: solid 1px #333;
  }
  .button-like:hover,
  .button-like:active,
  .button-like:focus {
    color: #fff;
    background-color: #333;
    text-decoration: none;
    border-color: #333;
  }
  select {
    padding: 5px;
    border: solid 1px #cecece;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="number"] {
    padding: 5px;
    border: solid 1px #cecece;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  textarea {
    padding: 5px 2px;
    border: solid 1px #cecece;
  }
  label,
  .label-like {
    vertical-align: middle;
  }
  .form-required i:after {
    position: relative;
    top: -5px;
    content: '*';
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #C25F25;
  }
  /*-> .form-item-has-shadow */
  .form-item-has-shadow select {
    -webkit-appearance: menulist;
  }
  /*Reseting appearance for select yet still no shadow until bug is fixed by Chrome*/
  .form-item-has-shadow select {
    padding: 9px 5px;
  }
  /*Increasing padding Top+Bottom*/
  .form-item-has-shadow textarea {
    padding: 9px 5px;
    -webkit-box-shadow: inset 1px 1px 7px 1px #CACACA;
    box-shadow: inset 1px 1px 7px 1px #CACACA;
  }
  /*Increasing padding Top+Bottom*/
  .form-item-has-shadow input[type="text"],
  .form-item-has-shadow input[type="password"],
  .form-item-has-shadow input[type="email"],
  .form-item-has-shadow input[type="tel"],
  .form-item-has-shadow input[type="number"] {
    -webkit-appearance: none;
    -webkit-box-shadow: inset 1px 1px 7px 1px #CACACA;
    box-shadow: inset 1px 1px 7px 1px #CACACA;
    padding: 9px 5px;
  }
  /*Chrome is buggy regarding shadow on form element*/
  /*Increasing padding Top+Bottom*/
  .lt-ie9 .form-item-has-shadow input[type="text"],
  .lt-ie9 .form-item-has-shadow input[type="password"],
  .lt-ie9 .form-item-has-shadow input[type="email"],
  .lt-ie9 .form-item-has-shadow input[type="tel"],
  .lt-ie9 .form-item-has-shadow input[type="number"] {
    padding: 5px 5px;
  }
  /*Increasing padding Top+Bottom*/
  .form-item-has-shadow input[type="checkbox"],
  .form-item-has-shadow input[type="radio"] {
    margin-right: 5px;
  }
  .form-item-has-shadow label,
  .form-item-has-shadow .label-like {
    display: inline-block;
    min-width: 99px;
    min-height: 26px;
    padding: 8px 0.357em 0 0.357em;
    text-align: right;
  }
  .form-item-has-shadow input:invalid,
  .form-item-has-shadow textarea:invalid {
    background-color: inherit;
  }
  /*Row*/
  .form-rw {
    overflow: hidden;
  }
  /*handles label and input; overflow handles IOS6 bug on orientation change*/
  .form-button-rw {
    text-align: right;
  }
  /*Error*/
  .form-wrapper .form-error-wrapper {
    position: relative;
    display: inline-block;
    min-width: 9em;
    margin: 0 0 0 0.357em;
    padding: inherit 0.3em;
    color: #EF5A22;
    border: solid 1px #EF5A22;
  }
  .form-wrapper .form-error-wrapper:before {
    position: absolute;
    left: -6px;
    top: 40%;
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3.5px 6.1px 3.5px 0;
    border-color: transparent #EF5A22 transparent transparent;
    -webkit-transform: rotate(360deg);
  }
  .form-wrapper .form-error {
    border: solid 1px #EF5A22;
  }
  /*Table*/
  .form-wrapper .aside .table-title {
    font-size: 0.929em /*13*/;
    padding: 0 0 0.5em 0;
  }
  .form-wrapper .aside .table-data {
    font-size: 0.857em;
    border: solid 1px #cfcfcf;
  }
  .form-wrapper .aside .table-data th {
    text-align: left;
    font-weight: normal;
  }
  .form-wrapper .aside .table-data td {
    text-align: right;
  }
  .form-wrapper .aside .table-data th,
  .form-wrapper .aside .table-data td {
    padding: 0.357em 0.643em;
    border-bottom-width: 0;
  }
  /*nav-list wrapper*/
  .page-is-form .navlist-wrapper * {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .page-is-form .navlist-wrapper {
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  .page-is-form .navlist-wrapper ul {
    overflow: hidden;
  }
  .page-is-form .navlist-wrapper ul li {
    margin: 0 0.5em 0 1em;
    padding: 0;
  }
  .page-is-form .navlist-wrapper ul li a {
    position: relative;
    padding: 0.79em 2em 0.79em 1em;
    background-color: #ccd1dd;
  }
  .page-is-form .navlist-wrapper ul li a:before {
    border-color: #ccd1dd #ccd1dd #ccd1dd transparent;
    border-style: solid;
    border-width: 1.5em 0 1.5em 1em;
    content: "";
    left: -1em;
    margin-top: -1.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(360deg);
  }
  .page-is-form .navlist-wrapper ul li a:after {
    border-color: transparent #ccd1dd transparent transparent;
    border-style: solid;
    border-width: 1.5em 0 1.5em 1em;
    content: "";
    margin-top: -1.5em;
    position: absolute;
    right: -1em;
    top: 50%;
    -webkit-transform: rotate(360deg);
  }
  .page-is-form .navlist-wrapper ul li:last-child a:after {
    right: 0;
    border-color: #ffffff #ffffff #ffffff #ccd1dd;
  }
  /*Form Login Wrapper*/
  /*-> see gen*/
  .form-login-warpper h2 {
    color: #333 !important;
    font-size: 16px;
    padding: 0 0 19px 0;
    margin: 0 0 33px 0;
    border-bottom: dotted 1px #bbb;
  }
  .form-login-warpper .form-rw {
    width: 100%;
  }
  /*916*/
  .form-login-warpper .form-rw .w-1 {
    width: 33.62445%;
    text-align: right;
  }
  /*308 / 916*/
  .form-login-warpper .form-rw .w-1 label {
    margin-right: 11px;
  }
  .form-login-warpper .form-rw .w-2 {
    width: 66.37554%;
  }
  /*608 / 916*/
  .form-login-warpper .form-button-rw {
    text-align: left;
  }
  /*Form Data Warpper*/
  .form-data-warpper .form-rw-note {
    text-align: right;
  }
  .form-data-warpper.rw > .w-1 {
    width: 75.9375%;
    padding: 1.429em 4.1666% 1.214em 4.1666%;
  }
  /*729 / 960*/
  .form-data-warpper.rw > .w-2 {
    position: relative;
    width: 24.0625%;
    padding: 1.429em 1.45833% 0 3.333%;
  }
  /*231 / 960*/
  .form-data-warpper.rw > .w-2:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2.2%;
    width: 1px;
    min-height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(207, 207, 207, 0) 0%, rgba(207, 207, 207, 0.5) 25%, #cfcfcf 50%, rgba(207, 207, 207, 0.5) 75%, rgba(207, 207, 207, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 207, 207, 0)), color-stop(25%, rgba(207, 207, 207, 0.5)), color-stop(50%, #cfcfcf), color-stop(75%, rgba(207, 207, 207, 0.5)), color-stop(100%, rgba(207, 207, 207, 0)));
    background: -webkit-linear-gradient(top, rgba(207, 207, 207, 0) 0%, rgba(207, 207, 207, 0.5) 25%, #cfcfcf 50%, rgba(207, 207, 207, 0.5) 75%, rgba(207, 207, 207, 0) 100%);
    background: -o-linear-gradient(top, rgba(207, 207, 207, 0) 0%, rgba(207, 207, 207, 0.5) 25%, #cfcfcf 50%, rgba(207, 207, 207, 0.5) 75%, rgba(207, 207, 207, 0) 100%);
    background: -ms-linear-gradient(top, rgba(207, 207, 207, 0) 0%, rgba(207, 207, 207, 0.5) 25%, #cfcfcf 50%, rgba(207, 207, 207, 0.5) 75%, rgba(207, 207, 207, 0) 100%);
    background: linear-gradient(to bottom, rgba(207, 207, 207, 0) 0%, rgba(207, 207, 207, 0.5) 25%, #cfcfcf 50%, rgba(207, 207, 207, 0.5) 75%, rgba(207, 207, 207, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cfcfcf', endColorstr='#00cfcfcf', GradientType=0);
  }
  .form-data-warpper.rw > .w-1 .section .form-rw .w-1 {
    width: 23%;
    text-align: right;
  }
  .form-data-warpper.rw > .w-1 .section .form-rw .w-2 {
    width: 77%;
  }
  .form-data-warpper.rw > .w-1 .section .form-rw label,
  .form-data-warpper.rw > .w-1 .section .form-rw .label-like,
  .form-data-warpper.rw > .w-1 .section .form-rw .captcha-wrapper {
    margin-right: 11px;
  }
  /*End Common*/
}